fix: grofmt bug, object modei naked groq synntax error

package.json

@@ -32,7 +32,7 @@
  "commander": "^11.0.0",
  "consola": "^3.2.3",
  "defu": "^6.1.2",
- "groqfmt-nodejs": "^0.0.6",
+ "groqfmt-nodejs": "^1.0.0",
  "prettier": "^3.0.3",
  "rimraf": "^5.0.1",
  "serialize-javascript": "^6.0.1",

playground/components/Video.tsx

@@ -0,0 +1,14 @@
+import React, {FC, ReactElement} from 'react'
+import "./styles.css";
+
+interface Props {
+ src: string
+}
+
+export const Video = ({src}: Props) => {
+ return (
+ <div style={{width: '100%', height: '100%'}}>
+ <video src={src} playsInline muted autoPlay loop style={{objectFit: 'cover'}} />
+ </div>
+ )
+}

playground/generator-output/queries/get-page-by-slug.ts

@@ -1,10 +1,80 @@
-import {
- inlineResolver0,
- inlineResolver1,
- localeString,
- inlineResolver2,
-} from "../resolver";
-
-// prettier-ignore
-export const getPageBySlug = /* groq */`
-*[_type == "page" && slug.current == $slug] { ..., ${inlineResolver0("seoTitle")}, ${inlineResolver1("pageHeader")}, gallery { ..., ${localeString("sectionTitle")}, slides[] { ..., slide { ..., ${inlineResolver2("title")} } } }, sections[] { ..., gallerySection { ..., ${localeString("sectionTitle")}, slides[] { ..., slide { ..., ${localeString("title")} } } }, textSection { ..., ${localeString("title")} }, featuresSection { ..., ${localeString("title")}, ${localeString("subtitle")} } } }[0] `
+export const getPageBySlug = /* groq */ `
+*[_type == "page" && slug.current == $slug] {
+ ...,
+ "pageHeader": {
+ "title": pageHeader.title,
+ "subtitle": pageHeader.subtitle
+ },
+ featuredImage {
+ _type,
+ type,
+ type == "image" => {
+ image {
+ "title": asset->.title,
+ "altText": asset->.altText,
+ "src": asset->.url,
+ "metaData": {
+ "crop": crop,
+ "hotspot": hotspot,
+ "width": asset->.metadata.dimensions.width,
+ "height": asset->.metadata.dimensions.height
+ }
+ }
+ },
+ type == "video" => {
+ "player": player.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio,
+ thumbTime
+ },
+ "mood": mood.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio
+ }
+ }
+ },
+ "seoTitle": coalesce(seoTitle[$lang], seoTitle.en),
+ sections[] {
+ ...,
+ _type == "gallerySection" => {
+ ...,
+ "sectionTitle": coalesce(sectionTitle[$lang], sectionTitle.en),
+ slides[] {
+ ...,
+ slide {
+ _type,
+ type,
+ type == "image" => {
+ image {
+ "title": asset->.title,
+ "altText": asset->.altText,
+ "src": asset->.url,
+ "metaData": {
+ "crop": crop,
+ "hotspot": hotspot,
+ "width": asset->.metadata.dimensions.width,
+ "height": asset->.metadata.dimensions.height
+ }
+ }
+ },
+ type == "video" => {
+ "player": player.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio,
+ thumbTime
+ },
+ "mood": mood.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio
+ }
+ }
+ }
+ }
+ },
+ _type == "textSection" => {
+ ...,
+ "title": coalesce(title[$lang], title.en)
+ }
+ }
+}[0]
+`;

playground/generator-output/queries/get-pages.ts

@@ -1,10 +1,80 @@
-import {
- inlineResolver0,
- inlineResolver1,
- localeString,
- inlineResolver2,
-} from "../resolver";
-
-// prettier-ignore
-export const getPages = /* groq */`
-*[_type == "page"] { ..., ${inlineResolver0("seoTitle")}, ${inlineResolver1("pageHeader")}, gallery { ..., ${localeString("sectionTitle")}, slides[] { ..., slide { ..., ${inlineResolver2("title")} } } }, sections[] { ..., gallerySection { ..., ${localeString("sectionTitle")}, slides[] { ..., slide { ..., ${localeString("title")} } } }, textSection { ..., ${localeString("title")} }, featuresSection { ..., ${localeString("title")}, ${localeString("subtitle")} } } }[0] `
+export const getPages = /* groq */ `
+*[_type == "page"] {
+ ...,
+ "pageHeader": {
+ "title": pageHeader.title,
+ "subtitle": pageHeader.subtitle
+ },
+ featuredImage {
+ _type,
+ type,
+ type == "image" => {
+ image {
+ "title": asset->.title,
+ "altText": asset->.altText,
+ "src": asset->.url,
+ "metaData": {
+ "crop": crop,
+ "hotspot": hotspot,
+ "width": asset->.metadata.dimensions.width,
+ "height": asset->.metadata.dimensions.height
+ }
+ }
+ },
+ type == "video" => {
+ "player": player.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio,
+ thumbTime
+ },
+ "mood": mood.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio
+ }
+ }
+ },
+ "seoTitle": coalesce(seoTitle[$lang], seoTitle.en),
+ sections[] {
+ ...,
+ _type == "gallerySection" => {
+ ...,
+ "sectionTitle": coalesce(sectionTitle[$lang], sectionTitle.en),
+ slides[] {
+ ...,
+ slide {
+ _type,
+ type,
+ type == "image" => {
+ image {
+ "title": asset->.title,
+ "altText": asset->.altText,
+ "src": asset->.url,
+ "metaData": {
+ "crop": crop,
+ "hotspot": hotspot,
+ "width": asset->.metadata.dimensions.width,
+ "height": asset->.metadata.dimensions.height
+ }
+ }
+ },
+ type == "video" => {
+ "player": player.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio,
+ thumbTime
+ },
+ "mood": mood.asset-> {
+ "playbackId": playbackId,
+ "ratio": data.aspect_ratio
+ }
+ }
+ }
+ }
+ },
+ _type == "textSection" => {
+ ...,
+ "title": coalesce(title[$lang], title.en)
+ }
+ }
+}[0]
+`;

playground/sanity-generator.config.ts

@@ -30,8 +30,7 @@ export default createConfig(
  },
  },
  {
- inlineResolver: false,
- trim: true,
+ inlineResolver: true,
  outPath: path.resolve(__dirname, './generator-output'),
  },
 )

playground/sanity.config.ts

@@ -2,6 +2,10 @@ import {defineConfig} from 'sanity'
 import {deskTool} from 'sanity/desk'
 import {visionTool} from '@sanity/vision'
 import {schemaTypes} from './schemas'
+import { getPages } from './generator-output/queries/get-pages'
+
+import { createClient } from '@sanity/client'
+
 
 export default defineConfig({
  name: 'default',
@@ -17,5 +21,20 @@ export default defineConfig({
  },
 })
 
+const client = createClient({
+ projectId: "gmpiajy6",
+ dataset: process.env.SANITY_STUDIO_DATASET!,
+ apiVersion: "2023-09-23",
+ useCdn: false,
+})
+
+async function main(){
+ const res = await client.fetch(getPages, {lang: "en"})
+ console.log(res)
+}
+main()
+
+
+