polen 0.10.0-next.21 → 0.10.0-next.22

package/src/template/components/GraphQLInteractive/lib/semantic-nodes.ts

@@ -0,0 +1,154 @@
+/**
+ * Semantic Node Types for GraphQL Interactive
+ *
+ * This module defines the semantic node types used to represent
+ * GraphQL schema information alongside tree-sitter syntax nodes.
+ */
+
+import type {
+  GraphQLArgument,
+  GraphQLEnumType,
+  GraphQLField,
+  GraphQLInputField,
+  GraphQLInputObjectType,
+  GraphQLInputType,
+  GraphQLInterfaceType,
+  GraphQLNamedType,
+  GraphQLObjectType,
+  GraphQLScalarType,
+  GraphQLUnionType,
+} from 'graphql'
+
+/**
+ * Wrapper for output fields that need parent type context
+ */
+export interface OutputFieldNode {
+  kind: 'OutputField'
+  parentType: GraphQLObjectType | GraphQLInterfaceType
+  fieldDef: GraphQLField<any, any>
+}
+
+/**
+ * Wrapper for input fields that need parent type context
+ */
+export interface InputFieldNode {
+  kind: 'InputField'
+  parentType: GraphQLInputObjectType
+  fieldDef: GraphQLInputField
+}
+
+/**
+ * Wrapper for arguments that need parent field context
+ */
+export interface ArgumentNode {
+  kind: 'Argument'
+  parentType: GraphQLObjectType | GraphQLInterfaceType
+  parentField: GraphQLField<any, any>
+  argumentDef: GraphQLArgument
+}
+
+/**
+ * Wrapper for operation definitions
+ */
+export interface OperationNode {
+  kind: 'Operation'
+  type: 'query' | 'mutation' | 'subscription'
+  name?: string
+}
+
+/**
+ * Wrapper for variable references
+ */
+export interface VariableNode {
+  kind: 'Variable'
+  name: string
+  type?: GraphQLInputType
+}
+
+/**
+ * Wrapper for fragment definitions
+ */
+export interface FragmentNode {
+  kind: 'Fragment'
+  name: string
+  onType: GraphQLNamedType
+}
+
+/**
+ * Wrapper for invalid fields that don't exist in the schema
+ */
+export interface InvalidFieldNode {
+  kind: 'InvalidField'
+  fieldName: string
+  parentType: GraphQLObjectType | GraphQLInterfaceType
+  suggestion?: string
+}
+
+/**
+ * Union of all semantic node types
+ *
+ * This union represents the different kinds of semantic information that can
+ * be attached to GraphQL tokens during parsing. It includes both GraphQL's
+ * native type classes (for type references) and our custom wrapper interfaces
+ * (for context-dependent elements like fields and arguments).
+ *
+ * @example
+ * ```typescript
+ * // Type reference - uses GraphQL native class
+ * const userType: SemanticNode = schema.getType('User')
+ *
+ * // Field reference - uses custom wrapper with context
+ * const fieldSemantic: SemanticNode = {
+ *   kind: 'OutputField',
+ *   parentType: userType,
+ *   fieldDef: userType.getFields()['name']
+ * }
+ * ```
+ */
+export type SemanticNode =
+  // GraphQL's classes (used directly for type references)
+  | GraphQLObjectType
+  | GraphQLScalarType
+  | GraphQLInterfaceType
+  | GraphQLUnionType
+  | GraphQLEnumType
+  | GraphQLInputObjectType
+  // Our wrappers (for context-dependent cases)
+  | OutputFieldNode
+  | InputFieldNode
+  | ArgumentNode
+  | OperationNode
+  | VariableNode
+  | FragmentNode
+  | InvalidFieldNode
+
+/**
+ * Type guards for our custom wrapper types
+ */
+export function isOutputField(node: SemanticNode | undefined): node is OutputFieldNode {
+  return node != null && 'kind' in node && node.kind === 'OutputField'
+}
+
+export function isInputField(node: SemanticNode | undefined): node is InputFieldNode {
+  return node != null && 'kind' in node && node.kind === 'InputField'
+}
+
+export function isArgument(node: SemanticNode | undefined): node is ArgumentNode {
+  return node != null && 'kind' in node && node.kind === 'Argument'
+}
+
+export function isOperation(node: SemanticNode | undefined): node is OperationNode {
+  return node != null && 'kind' in node && node.kind === 'Operation'
+}
+
+export function isVariable(node: SemanticNode | undefined): node is VariableNode {
+  return node != null && 'kind' in node && node.kind === 'Variable'
+}
+
+export function isFragment(node: SemanticNode | undefined): node is FragmentNode {
+  return node != null && 'kind' in node && node.kind === 'Fragment'
+}
+
+export function isInvalidField(node: SemanticNode | undefined): node is InvalidFieldNode {
+  return node != null && 'kind' in node && node.kind === 'InvalidField'
+}

package/src/template/components/GraphQLInteractive/tests/parser-comment.test.ts

@@ -0,0 +1,33 @@
+import { buildSchema } from 'graphql'
+import { describe, expect, test } from 'vitest'
+import { parseGraphQLWithTreeSitter } from '../lib/parser.js'
+
+describe('parseGraphQLWithTreeSitter - comments', () => {
+  test('should recognize comments and apply correct styling class', async () => {
+    const schema = buildSchema(`
+      type Query {
+        pokemon(id: ID!): Pokemon
+      }
+      
+      type Pokemon {
+        id: ID!
+        name: String!
+      }
+    `)
+
+    const code = `query {
+      pokemon(id: "025") {
+        id
+        name  # This is a comment
+      }
+    }`
+
+    const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+    // Find the comment token (tree-sitter may parse this as a single comment node)
+    const commentToken = tokens.find(t => t.text.startsWith('#') && t.text.includes('comment'))
+
+    expect(commentToken).toBeDefined()
+    expect(commentToken?.highlighter.getCssClass()).toBe('graphql-comment')
+  })
+})

package/src/template/components/GraphQLInteractive/tests/parser-error-hint.test.ts

@@ -0,0 +1,102 @@
+import { buildSchema } from 'graphql'
+import { describe, expect, test } from 'vitest'
+import { parseGraphQLWithTreeSitter } from '../lib/parser.js'
+import { isInvalidField } from '../lib/semantic-nodes.js'
+
+describe('parseGraphQLWithTreeSitter - error hints', () => {
+  test('should create error hint tokens after invalid fields', async () => {
+    const schema = buildSchema(`
+      type Query {
+        pokemon(id: ID!): Pokemon
+      }
+      
+      type Pokemon {
+        id: ID!
+        name: String!
+      }
+    `)
+
+    const code = `query {
+      pokemon(id: "123") {
+        id
+        name
+        invalidField
+      }
+    }`
+
+    const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+    // Find the invalid field token
+    const invalidToken = tokens.find(t =>
+      t.text === 'invalidField'
+      && isInvalidField(t.semantic)
+    )
+
+    expect(invalidToken).toBeDefined()
+
+    // Find the error hint token that follows the invalid field
+    const invalidTokenIndex = tokens.indexOf(invalidToken!)
+    const errorHintToken = tokens[invalidTokenIndex + 1]
+
+    expect(errorHintToken).toBeDefined()
+    expect(errorHintToken?.text).toBe(' ← No such field')
+    expect(errorHintToken?.highlighter.getCssClass()).toBe('graphql-error-hint')
+  })
+
+  test('should place error hint after arguments for invalid fields with args', async () => {
+    const schema = buildSchema(`
+      type Query {
+        pokemon(id: ID!): Pokemon
+      }
+      
+      type Pokemon {
+        id: ID!
+        name: String!
+      }
+    `)
+
+    const code = `query {
+      invalidField(limit: 10, offset: 20) {
+        id
+      }
+    }`
+
+    const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+    // Find the closing parenthesis
+    const closingParenIndex = tokens.findIndex(t => t.text === ')' && t.start > 35)
+    expect(closingParenIndex).toBeGreaterThan(-1)
+
+    // The error hint should come after the closing parenthesis
+    const errorHintToken = tokens[closingParenIndex + 1]
+    expect(errorHintToken?.highlighter.getCssClass()).toBe('graphql-error-hint')
+    expect(errorHintToken?.text).toBe(' ← No such field')
+  })
+
+  test('should not create error hint tokens for valid fields', async () => {
+    const schema = buildSchema(`
+      type Query {
+        pokemon(id: ID!): Pokemon
+      }
+      
+      type Pokemon {
+        id: ID!
+        name: String!
+      }
+    `)
+
+    const code = `query {
+      pokemon(id: "123") {
+        id
+        name
+      }
+    }`
+
+    const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+    // Check that no error hint tokens were created
+    const errorHintTokens = tokens.filter(t => t.highlighter.getCssClass() === 'graphql-error-hint')
+
+    expect(errorHintTokens.length).toBe(0)
+  })
+})

package/src/template/components/GraphQLInteractive/tests/parser.test.ts

@@ -0,0 +1,131 @@
+import { buildSchema } from 'graphql'
+import { describe, expect, test } from 'vitest'
+import { parseGraphQLWithTreeSitter } from '../lib/parser.js'
+import { isArgument } from '../lib/semantic-nodes.js'
+
+describe('parseGraphQLWithTreeSitter', () => {
+  describe('argument parsing', () => {
+    test('should recognize argument names as interactive tokens', async () => {
+      const schema = buildSchema(`
+        type Query {
+          pokemon(id: ID!): String
+        }
+      `)
+
+      const code = `query {
+        pokemon(id: "123") {
+          __typename
+        }
+      }`
+
+      const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+      // Find the argument "id" token
+      const argumentToken = tokens.find(t =>
+        t.text === 'id'
+        && isArgument(t.semantic)
+      )
+
+      expect(argumentToken).toBeDefined()
+      expect(argumentToken?.polen.isInteractive()).toBe(true)
+      expect(argumentToken?.polen.getReferenceUrl()).toBe('/reference/Query#pokemon__id')
+    })
+
+    test('should handle multiple arguments', async () => {
+      const schema = buildSchema(`
+        type Query {
+          search(query: String!, limit: Int, offset: Int): [String!]!
+        }
+      `)
+
+      const code = `query {
+        search(query: "test", limit: 10) {
+          __typename
+        }
+      }`
+
+      const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+      const queryArg = tokens.find(t => t.text === 'query' && isArgument(t.semantic))
+      const limitArg = tokens.find(t => t.text === 'limit' && isArgument(t.semantic))
+
+      expect(queryArg).toBeDefined()
+      expect(queryArg?.polen.isInteractive()).toBe(true)
+      expect(queryArg?.polen.getReferenceUrl()).toBe('/reference/Query#search__query')
+
+      expect(limitArg).toBeDefined()
+      expect(limitArg?.polen.isInteractive()).toBe(true)
+      expect(limitArg?.polen.getReferenceUrl()).toBe('/reference/Query#search__limit')
+    })
+
+    test('should handle arguments with variables', async () => {
+      const schema = buildSchema(`
+        type Query {
+          pokemon(id: ID!): String
+        }
+      `)
+
+      const code = `query GetPokemon($pokemonId: ID!) {
+        pokemon(id: $pokemonId) {
+          __typename
+        }
+      }`
+
+      const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+      // The argument name "id" should still be recognized even when value is a variable
+      const idArgument = tokens.find(t =>
+        t.text === 'id'
+        && isArgument(t.semantic)
+      )
+
+      expect(idArgument).toBeDefined()
+      expect(idArgument?.polen.isInteractive()).toBe(true)
+
+      // Variable tokens - basic implementation completed
+      const variable = tokens.find(t => t.text === '$pokemonId')
+      if (variable && variable.semantic && 'kind' in variable.semantic) {
+        expect(variable.semantic.kind).toBe('Variable')
+      }
+    })
+  })
+
+  describe('field parsing', () => {
+    test('should recognize fields as interactive', async () => {
+      const schema = buildSchema(`
+        type Pokemon {
+          id: ID!
+          name: String!
+        }
+        
+        type Query {
+          pokemon: Pokemon
+        }
+      `)
+
+      const code = `query {
+        pokemon {
+          id
+          name
+        }
+      }`
+
+      const tokens = await parseGraphQLWithTreeSitter(code, [], schema)
+
+      const pokemonField = tokens.find(t =>
+        t.text === 'pokemon' && t.semantic && 'kind' in t.semantic && t.semantic.kind === 'OutputField'
+      )
+      const idField = tokens.find(t =>
+        t.text === 'id' && t.semantic && 'kind' in t.semantic && t.semantic.kind === 'OutputField'
+      )
+
+      expect(pokemonField).toBeDefined()
+      expect(pokemonField?.polen.isInteractive()).toBe(true)
+      expect(pokemonField?.polen.getReferenceUrl()).toBe('/reference/Query#pokemon')
+
+      expect(idField).toBeDefined()
+      expect(idField?.polen.isInteractive()).toBe(true)
+      expect(idField?.polen.getReferenceUrl()).toBe('/reference/Pokemon#id')
+    })
+  })
+})

package/src/template/components/content/$$.ts

@@ -1,2 +1 @@
 export { Callout, Tabs } from '@radix-ui/themes'
-export { GraphQLDocumentWithSchema } from './GraphQLDocumentWithSchema.js'

package/build/template/components/content/GraphQLDocumentWithSchema.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { GraphQLDocumentProps } from '../../../lib/graphql-document/components/GraphQLDocument.js';
-/**
- * Wrapper component that provides schema from virtual module directly to GraphQLDocument
- * This bypasses the context issue with MDX components
- */
-export declare const GraphQLDocumentWithSchema: React.FC<Omit<GraphQLDocumentProps, `schema`>>;
-//# sourceMappingURL=GraphQLDocumentWithSchema.d.ts.map

package/build/template/components/content/GraphQLDocumentWithSchema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphQLDocumentWithSchema.d.ts","sourceRoot":"","sources":["../../../../src/template/components/content/GraphQLDocumentWithSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AAEvG;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAGpF,CAAA"}

package/build/template/components/content/GraphQLDocumentWithSchema.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
-import { GraphQLDocument } from '../../../lib/graphql-document/components/GraphQLDocument.js';
-/**
- * Wrapper component that provides schema from virtual module directly to GraphQLDocument
- * This bypasses the context issue with MDX components
- */
-export const GraphQLDocumentWithSchema = (props) => {
-    const schema = PROJECT_DATA.schema?.versions[0]?.after;
-    return _jsx(GraphQLDocument, { ...props, schema: schema });
-};
-//# sourceMappingURL=GraphQLDocumentWithSchema.js.map

package/build/template/components/content/GraphQLDocumentWithSchema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphQLDocumentWithSchema.js","sourceRoot":"","sources":["../../../../src/template/components/content/GraphQLDocumentWithSchema.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAG7F;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAmD,CAAC,KAAK,EAAE,EAAE;IACjG,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IACtD,OAAO,KAAC,eAAe,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;AACvD,CAAC,CAAA"}

package/build/template/components/content/GraphQLDocumentWrapper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { GraphQLDocumentProps } from '../../../lib/graphql-document/components/GraphQLDocument.js';
-/**
- * Client-side wrapper that hydrates GraphQL documents with schema
- */
-export declare const GraphQLDocumentWithSchema: React.FC<Omit<GraphQLDocumentProps, `schema`>>;
-//# sourceMappingURL=GraphQLDocumentWrapper.d.ts.map

package/build/template/components/content/GraphQLDocumentWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphQLDocumentWrapper.d.ts","sourceRoot":"","sources":["../../../../src/template/components/content/GraphQLDocumentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AAEvG;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAgEpF,CAAA"}

package/build/template/components/content/GraphQLDocumentWrapper.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { GraphQLDocument } from '../../../lib/graphql-document/components/GraphQLDocument.js';
-/**
- * Client-side wrapper that hydrates GraphQL documents with schema
- */
-export const GraphQLDocumentWithSchema = (props) => {
-    try {
-        const [schema, setSchema] = React.useState(null);
-        const [isClient, setIsClient] = React.useState(false);
-        React.useEffect(() => {
-            setIsClient(true);
-            // Access virtual module only on client side
-            if (typeof window !== `undefined`) {
-                import(`virtual:polen/project/data.jsonsuper`).then(PROJECT_DATA => {
-                    const s = PROJECT_DATA.default?.schema?.versions?.[0]?.after;
-                    // Schema loaded successfully
-                    if (s) {
-                        setSchema(s);
-                    }
-                }).catch(() => {
-                    // Schema loading is optional - continue without it
-                });
-            }
-        }, []);
-        // During SSR, render a simple code block
-        if (!isClient) {
-            return (_jsx("div", { "data-testid": 'graphql-document', className: 'graphql-document graphql-document-static', children: _jsx("pre", { children: _jsx("code", { className: "language-graphql", children: props.children }) }) }));
-        }
-        // During client render, use the full component
-        // Pass a custom navigate function that doesn't require router
-        const handleNavigate = (url) => {
-            if (typeof window !== `undefined`) {
-                window.location.href = url;
-            }
-        };
-        return (_jsx("div", { "data-testid": 'graphql-document', children: _jsx(GraphQLDocument, { ...props, schema: schema, options: {
-                    debug: false, // Default to false for shipping
-                    ...props.options,
-                    onNavigate: handleNavigate,
-                } }) }));
-    }
-    catch (err) {
-        // Fall back to plain code block on error
-        return (_jsx("div", { "data-testid": 'graphql-document', className: 'graphql-document graphql-document-static', children: _jsx("pre", { children: _jsx("code", { className: "language-graphql", children: props.children }) }) }));
-    }
-};
-//# sourceMappingURL=GraphQLDocumentWrapper.js.map

package/build/template/components/content/GraphQLDocumentWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphQLDocumentWrapper.js","sourceRoot":"","sources":["../../../../src/template/components/content/GraphQLDocumentWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAG7F;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAmD,CAAC,KAAK,EAAE,EAAE;IACjG,IAAI,CAAC;QACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAM,IAAI,CAAC,CAAA;QACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,WAAW,CAAC,IAAI,CAAC,CAAA;YAEjB,4CAA4C;YAC5C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,sCAAsC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;oBACjE,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;oBAC5D,6BAA6B;oBAC7B,IAAI,CAAC,EAAE,CAAC;wBACN,SAAS,CAAC,CAAC,CAAC,CAAA;oBACd,CAAC;gBACH,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;oBACZ,mDAAmD;gBACrD,CAAC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,yCAAyC;QACzC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CACL,6BAAiB,kBAAkB,EAAC,SAAS,EAAC,0CAA0C,YACtF,wBACE,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,QAAQ,GAAQ,GACtD,GACF,CACP,CAAA;QACH,CAAC;QAED,+CAA+C;QAC/C,8DAA8D;QAC9D,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,EAAE;YACrC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAA;YAC5B,CAAC;QACH,CAAC,CAAA;QAED,OAAO,CACL,6BAAiB,kBAAkB,YACjC,KAAC,eAAe,OACV,KAAK,EACT,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;oBACP,KAAK,EAAE,KAAK,EAAE,gCAAgC;oBAC9C,GAAG,KAAK,CAAC,OAAO;oBAChB,UAAU,EAAE,cAAc;iBAC3B,GACD,GACE,CACP,CAAA;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,yCAAyC;QACzC,OAAO,CACL,6BAAiB,kBAAkB,EAAC,SAAS,EAAC,0CAA0C,YACtF,wBACE,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,QAAQ,GAAQ,GACtD,GACF,CACP,CAAA;IACH,CAAC;AACH,CAAC,CAAA"}

package/src/template/components/content/GraphQLDocumentWithSchema.tsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper'
-import { GraphQLDocument } from '../../../lib/graphql-document/components/GraphQLDocument.js'
-import type { GraphQLDocumentProps } from '../../../lib/graphql-document/components/GraphQLDocument.js'
-
-/**
- * Wrapper component that provides schema from virtual module directly to GraphQLDocument
- * This bypasses the context issue with MDX components
- */
-export const GraphQLDocumentWithSchema: React.FC<Omit<GraphQLDocumentProps, `schema`>> = (props) => {
-  const schema = PROJECT_DATA.schema?.versions[0]?.after
-  return <GraphQLDocument {...props} schema={schema} />
-}

package/src/template/components/content/GraphQLDocumentWrapper.tsx

@@ -1,72 +0,0 @@
-import React from 'react'
-import { GraphQLDocument } from '../../../lib/graphql-document/components/GraphQLDocument.js'
-import type { GraphQLDocumentProps } from '../../../lib/graphql-document/components/GraphQLDocument.js'
-
-/**
- * Client-side wrapper that hydrates GraphQL documents with schema
- */
-export const GraphQLDocumentWithSchema: React.FC<Omit<GraphQLDocumentProps, `schema`>> = (props) => {
-  try {
-    const [schema, setSchema] = React.useState<any>(null)
-    const [isClient, setIsClient] = React.useState(false)
-
-    React.useEffect(() => {
-      setIsClient(true)
-
-      // Access virtual module only on client side
-      if (typeof window !== `undefined`) {
-        import(`virtual:polen/project/data.jsonsuper`).then(PROJECT_DATA => {
-          const s = PROJECT_DATA.default?.schema?.versions?.[0]?.after
-          // Schema loaded successfully
-          if (s) {
-            setSchema(s)
-          }
-        }).catch(() => {
-          // Schema loading is optional - continue without it
-        })
-      }
-    }, [])
-
-    // During SSR, render a simple code block
-    if (!isClient) {
-      return (
-        <div data-testid='graphql-document' className='graphql-document graphql-document-static'>
-          <pre>
-            <code className="language-graphql">{props.children}</code>
-          </pre>
-        </div>
-      )
-    }
-
-    // During client render, use the full component
-    // Pass a custom navigate function that doesn't require router
-    const handleNavigate = (url: string) => {
-      if (typeof window !== `undefined`) {
-        window.location.href = url
-      }
-    }
-
-    return (
-      <div data-testid='graphql-document'>
-        <GraphQLDocument
-          {...props}
-          schema={schema}
-          options={{
-            debug: false, // Default to false for shipping
-            ...props.options,
-            onNavigate: handleNavigate,
-          }}
-        />
-      </div>
-    )
-  } catch (err) {
-    // Fall back to plain code block on error
-    return (
-      <div data-testid='graphql-document' className='graphql-document graphql-document-static'>
-        <pre>
-          <code className="language-graphql">{props.children}</code>
-        </pre>
-      </div>
-    )
-  }
-}