polen 0.10.0-next.9 → 0.10.0

package/build/template/components/ChangelogLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangelogLayout.js","sourceRoot":"","sources":["../../../src/template/components/ChangelogLayout.tsx"],"names":[],"mappings":"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"}

package/build/template/components/CodeBlock.d.ts

@@ -1,17 +1,12 @@
+import { type HighlightedCode } from 'codehike/code';
 import React from 'react';
 interface CodeBlockProps {
-    children: string;
-    language?: string;
-    className?: string;
-    showLineNumbers?: boolean;
-    highlightLines?: number[];
-    diffLines?: {
-        add: number[];
-        remove: number[];
-    };
-    focusLines?: number[];
-    showInvisibles?: boolean;
+    codeblock: HighlightedCode;
 }
+/**
+ * Code block component for Code Hike
+ * Handles pre-highlighted code blocks and interactive GraphQL blocks
+ */
 export declare const CodeBlock: React.FC<CodeBlockProps>;
 export {};
 //# sourceMappingURL=CodeBlock.d.ts.map

package/build/template/components/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0D9C,CAAA"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAO,MAAM,eAAe,CAAA;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,cAAc;IACtB,SAAS,EAAE,eAAe,CAAA;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAA"}

package/build/template/components/CodeBlock.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pre } from 'codehike/code';
+import React from 'react';
+import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
+import { GraphQLInteractive } from './GraphQLInteractive/index.js';
+/**
+ * Code block component for Code Hike
+ * Handles pre-highlighted code blocks and interactive GraphQL blocks
+ */
+export const CodeBlock = ({ codeblock }) => {
+    // Check if this is an interactive GraphQL block
+    if (codeblock.lang === 'graphql' && codeblock.meta?.includes('interactive')) {
+        const schema = typeof window !== 'undefined'
+            ? window.__POLEN_GRAPHQL_SCHEMA__
+            : null;
+        return (_jsx(GraphQLInteractive, { codeblock: codeblock, schema: schema, showWarningIfNoSchema: PROJECT_DATA.warnings.interactiveWithoutSchema.enabled }));
+    }
+    // For regular code blocks, use Code Hike's Pre component with pre-highlighted code
+    return _jsx(Pre, { code: codeblock });
+};
+//# sourceMappingURL=CodeBlock.js.map

package/build/template/components/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,GAAG,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAMlE;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACnE,gDAAgD;IAChD,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QAC5E,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW;YAC1C,CAAC,CAAE,MAAc,CAAC,wBAAwB;YAC1C,CAAC,CAAC,IAAI,CAAA;QAER,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,YAAY,CAAC,QAAQ,CAAC,wBAAwB,CAAC,OAAO,GAC7E,CACH,CAAA;IACH,CAAC;IAED,mFAAmF;IACnF,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,GAAI,CAAA;AACjC,CAAC,CAAA"}

package/build/template/components/CodeHikePre.d.ts

@@ -0,0 +1,16 @@
+import { Pre as CodeHikePre } from 'codehike/code';
+import React from 'react';
+type CodeHikePreProps = React.ComponentProps<typeof CodeHikePre>;
+type HTMLPreProps = React.ComponentPropsWithoutRef<'pre'>;
+type PreProps = CodeHikePreProps | HTMLPreProps;
+/**
+ * Custom Pre component that adds interactive GraphQL support to Code Hike
+ *
+ * Usage in MDX:
+ * ```graphql interactive
+ * query { ... }
+ * ```
+ */
+export declare const Pre: React.FC<PreProps>;
+export {};
+//# sourceMappingURL=CodeHikePre.d.ts.map

package/build/template/components/CodeHikePre.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHikePre.d.ts","sourceRoot":"","sources":["../../../src/template/components/CodeHikePre.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAChE,KAAK,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACzD,KAAK,QAAQ,GAAG,gBAAgB,GAAG,YAAY,CAAA;AAE/C;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAkClC,CAAA"}

package/build/template/components/CodeHikePre.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pre as CodeHikePre } from 'codehike/code';
+import React from 'react';
+import { GraphQLDocument } from '../../lib/graphql-document/components/GraphQLDocument.js';
+/**
+ * Custom Pre component that adds interactive GraphQL support to Code Hike
+ *
+ * Usage in MDX:
+ * ```graphql interactive
+ * query { ... }
+ * ```
+ */
+export const Pre = (props) => {
+    // Check if this is a Code Hike pre component (has 'code' prop)
+    if ('code' in props && props.code) {
+        const { code } = props;
+        // Check if this is an interactive GraphQL block
+        if (code.lang === 'graphql' && code.meta?.includes('interactive')) {
+            // Extract the GraphQL schema if available
+            const schema = typeof window !== 'undefined'
+                ? window.__POLEN_GRAPHQL_SCHEMA__
+                : null;
+            // For interactive GraphQL blocks, we need to apply Code Hike's styling
+            // but add GraphQLDocument's interactive features
+            return (_jsx(GraphQLDocument, { schema: schema, options: {
+                    className: 'ch-code-container',
+                    // Use Code Hike's Pre component for rendering
+                    renderCode: () => _jsx(CodeHikePre, { ...props }),
+                }, children: code.code }));
+        }
+        // For other Code Hike code blocks, use Code Hike's Pre
+        return _jsx(CodeHikePre, { ...props });
+    }
+    // For standard HTML pre elements, render as-is
+    return _jsx("pre", { ...props });
+};
+//# sourceMappingURL=CodeHikePre.js.map

package/build/template/components/CodeHikePre.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHikePre.js","sourceRoot":"","sources":["../../../src/template/components/CodeHikePre.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,0DAA0D,CAAA;AAM1F;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC/C,+DAA+D;IAC/D,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QAClC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;QAEtB,gDAAgD;QAChD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YAClE,0CAA0C;YAC1C,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW;gBAC1C,CAAC,CAAE,MAAc,CAAC,wBAAwB;gBAC1C,CAAC,CAAC,IAAI,CAAA;YAER,uEAAuE;YACvE,iDAAiD;YACjD,OAAO,CACL,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;oBACP,SAAS,EAAE,mBAAmB;oBAC9B,8CAA8C;oBAC9C,UAAU,EAAE,GAAG,EAAE,CAAC,KAAC,WAAW,OAAK,KAAyB,GAAI;iBACjE,YAEA,IAAI,CAAC,IAAI,GACM,CACnB,CAAA;QACH,CAAC;QAED,uDAAuD;QACvD,OAAO,KAAC,WAAW,OAAK,KAAyB,GAAI,CAAA;IACvD,CAAC;IAED,+CAA+C;IAC/C,OAAO,iBAAS,KAAqB,GAAI,CAAA;AAC3C,CAAC,CAAA"}

package/build/template/components/DeprecationReason.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@radix-ui/themes';
+import { Markdown } from './Markdown.js';
+export const DeprecationReason = ({ data }) => {
+    if (!data.deprecationReason)
+        return null;
+    return (_jsx(Text, { as: 'div', color: 'red', children: _jsx(Markdown, { children: data.deprecationReason }) }));
+};
+//# sourceMappingURL=DeprecationReason.js.map

package/build/template/components/DeprecationReason.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecationReason.js","sourceRoot":"","sources":["../../../src/template/components/DeprecationReason.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAA0C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACnF,IAAI,CAAC,IAAI,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAA;IAExC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,YACxB,KAAC,QAAQ,cAAE,IAAI,CAAC,iBAAiB,GAAY,GACxC,CACR,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/Description.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@radix-ui/themes';
+import { Markdown } from './Markdown.js';
+export const Description = ({ data }) => {
+    if (!data.description)
+        return null;
+    return (_jsx(Text, { as: 'div', color: 'gray', children: _jsx(Markdown, { children: data.description }) }));
+};
+//# sourceMappingURL=Description.js.map

package/build/template/components/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/template/components/Description.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAKxC,MAAM,CAAC,MAAM,WAAW,GAA6D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChG,IAAI,CAAC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAElC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,YACzB,KAAC,QAAQ,cAAE,IAAI,CAAC,WAAW,GAAY,GAClC,CACR,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/Field.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GrafaidOld } from '#lib/grafaid-old/index';
+import { Box, Text } from '@radix-ui/themes';
+import { ArgumentListAnnotation } from './ArgumentListAnnotation.js';
+import { DeprecationReason } from './DeprecationReason.js';
+import { Description } from './Description.js';
+import { TypeAnnotation } from './TypeAnnotation.js';
+export const Field = ({ data, ...boxProps }) => {
+    const argumentList = GrafaidOld.isOutputField(data)
+        ? _jsx(ArgumentListAnnotation, { field: data })
+        : null;
+    return (_jsxs(Box, { ...boxProps, id: data.name, children: [_jsx(Description, { data: data }), _jsx(DeprecationReason, { data: data }), _jsx(Text, { weight: 'medium', children: data.name }), _jsxs(Text, { children: [argumentList, ":", ` `, _jsx(TypeAnnotation, { type: data.type })] })] }));
+};
+//# sourceMappingURL=Field.js.map

package/build/template/components/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/template/components/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAMpD,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EAAE,EAAE;IACxD,MAAM,YAAY,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC;QACjD,CAAC,CAAC,KAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,GAAI;QACzC,CAAC,CAAC,IAAI,CAAA;IAER,OAAO,CACL,MAAC,GAAG,OAAK,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,aAC9B,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,EAC3B,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,GAAI,EACjC,KAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,YAAE,IAAI,CAAC,IAAI,GAAQ,EACxC,MAAC,IAAI,eACF,YAAY,OACX,GAAG,EACL,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,IAC9B,IACH,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/{FieldList.jsx → FieldList.js}

@@ -1,14 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Grafaid } from '#lib/grafaid/index';
 import { Box } from '@radix-ui/themes';
-import { Field } from './Field.jsx';
+import { Field } from './Field.js';
 export const FieldList = ({ data }) => {
     if (!Grafaid.Schema.TypesLike.isFielded(data))
         return null;
     const fields = Grafaid.Schema.NodesLike.getFields(data);
     if (fields.length === 0)
         return null;
-    return (<Box>
-      {fields.map(field => (<Field mt='3' key={field.name} data={field}/>))}
-    </Box>);
+    return (_jsx(Box, { children: fields.map(field => (_jsx(Field, { mt: '3', data: field }, field.name))) }));
 };
-//# sourceMappingURL=FieldList.jsx.map
+//# sourceMappingURL=FieldList.js.map

package/build/template/components/FieldList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldList.js","sourceRoot":"","sources":["../../../src/template/components/FieldList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMlC,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC/C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAE1D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IACvD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEpC,OAAO,CACL,KAAC,GAAG,cACD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACnB,KAAC,KAAK,IACJ,EAAE,EAAC,GAAG,EAEN,IAAI,EAAE,KAAK,IADN,KAAK,CAAC,IAAI,CAEf,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/{FieldListSection.jsx → FieldListSection.js}

@@ -1,15 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grafaid } from '#lib/grafaid/index';
 import { Box, Heading } from '@radix-ui/themes';
-import { FieldList } from './FieldList.jsx';
+import { FieldList } from './FieldList.js';
 export const FieldListSection = ({ data }) => {
     if (!Grafaid.Schema.TypesLike.isFielded(data))
         return null;
     const fields = Grafaid.Schema.NodesLike.getFields(data);
     if (fields.length === 0)
         return null;
-    return (<Box>
-      <Heading>Fields</Heading>
-      <FieldList data={data}/>
-    </Box>);
+    return (_jsxs(Box, { children: [_jsx(Heading, { children: "Fields" }), _jsx(FieldList, { data: data })] }));
 };
-//# sourceMappingURL=FieldListSection.jsx.map
+//# sourceMappingURL=FieldListSection.js.map

package/build/template/components/FieldListSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldListSection.js","sourceRoot":"","sources":["../../../src/template/components/FieldListSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAM1C,MAAM,CAAC,MAAM,gBAAgB,GAAc,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACtD,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAE1D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IACvD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEpC,OAAO,CACL,MAAC,GAAG,eACF,KAAC,OAAO,yBAAiB,EACzB,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,IACrB,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/GraphQLInteractive/GraphQLInteractive.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Interactive GraphQL code block with tree-sitter parsing
+ *
+ * This component replaces CodeHike's default rendering for GraphQL code blocks
+ * that have the "interactive" meta flag. It provides:
+ * - Syntax highlighting using tree-sitter
+ * - Hover tooltips showing type information (when schema is available)
+ * - Click navigation to reference documentation
+ * - Integration with CodeHike's annotation system
+ */
+import type { React } from '#dep/react/index';
+import type { HighlightedCode } from 'codehike/code';
+import type { GraphQLSchema } from 'graphql';
+interface GraphQLInteractiveProps {
+    /** The code block from CodeHike with code and annotations */
+    codeblock: HighlightedCode;
+    /** The GraphQL schema for providing type information and validation */
+    schema?: GraphQLSchema;
+    /** Whether to show a warning indicator when schema is missing */
+    showWarningIfNoSchema?: boolean;
+}
+/**
+ * Main GraphQL Interactive component with error boundary protection
+ *
+ * This is the component that should be used in user code. It wraps the
+ * internal implementation with an error boundary that provides graceful
+ * fallback to static code rendering if interactive features fail.
+ */
+export declare const GraphQLInteractive: React.FC<GraphQLInteractiveProps>;
+export {};
+//# sourceMappingURL=GraphQLInteractive.d.ts.map

package/build/template/components/GraphQLInteractive/GraphQLInteractive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphQLInteractive.d.ts","sourceRoot":"","sources":["../../../../src/template/components/GraphQLInteractive/GraphQLInteractive.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAG7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,UAAU,uBAAuB;IAC/B,6DAA6D;IAC7D,SAAS,EAAE,eAAe,CAAA;IAE1B,uEAAuE;IACvE,MAAM,CAAC,EAAE,aAAa,CAAA;IAEtB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AA4ZD;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAchE,CAAA"}

package/build/template/components/GraphQLInteractive/GraphQLInteractive.js

@@ -0,0 +1,275 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { React as ReactHooks } from '#dep/react/index';
+import { Box } from '@radix-ui/themes';
+import { GraphQLErrorBoundary } from './components/GraphQLErrorBoundary.js';
+import { GraphQLTokenPopover } from './components/GraphQLTokenPopover.js';
+import { usePopoverState } from './hooks/use-popover-state.js';
+import { parseGraphQLWithTreeSitter } from './lib/parser.js';
+/**
+ * Main component that renders an interactive GraphQL code block
+ *
+ * This component:
+ * 1. Parses the GraphQL code into tokens using tree-sitter
+ * 2. Renders each token with appropriate styling
+ * 3. Adds interactivity to certain token types (types and fields)
+ * 4. Shows loading/error states during parsing
+ */
+/**
+ * Internal GraphQL Interactive implementation
+ * Wrapped by error boundary in the main export
+ */
+const GraphQLInteractiveImpl = ({ codeblock, schema, showWarningIfNoSchema = true, }) => {
+    // State to hold the parsed tokens
+    const [tokens, setTokens] = ReactHooks.useState(null);
+    // Loading state while parser initializes and processes the code
+    const [isLoading, setIsLoading] = ReactHooks.useState(true);
+    // Error state if parsing fails
+    const [error, setError] = ReactHooks.useState(null);
+    // Retry attempt counter
+    const [retryCount, setRetryCount] = ReactHooks.useState(0);
+    // Popover state management - must be called at top level for hooks rules
+    const popoverState = usePopoverState({
+        showDelay: 300,
+        hideDelay: 100,
+        allowMultiplePins: true,
+    });
+    // Memoize token parsing to avoid re-computation on unrelated renders
+    const parseTokens = ReactHooks.useCallback(async () => {
+        try {
+            setIsLoading(true);
+            setError(null);
+            // Parse the code into tokens with semantic analysis
+            const parsedTokens = await parseGraphQLWithTreeSitter(codeblock.code, codeblock.annotations, schema);
+            setTokens(parsedTokens);
+            setRetryCount(0); // Reset retry count on success
+        }
+        catch (err) {
+            // Provide detailed error information to users
+            const errorMessage = err instanceof Error ? err.message : 'Unknown parsing error';
+            setError(errorMessage);
+            setTokens([]); // Set empty tokens on error for fallback rendering
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [codeblock.code, codeblock.annotations, schema]);
+    // Retry function for users
+    const handleRetry = ReactHooks.useCallback(() => {
+        setRetryCount(prev => prev + 1);
+        parseTokens();
+    }, [parseTokens]);
+    // Parse the GraphQL code whenever dependencies change
+    ReactHooks.useEffect(() => {
+        parseTokens();
+    }, [parseTokens]);
+    // Render loading state
+    // Shows the code with reduced opacity and a loading indicator
+    if (isLoading) {
+        return (_jsxs("div", { className: 'graphql-loading', children: [_jsx("pre", { style: { opacity: 0.5 }, children: _jsx("code", { children: codeblock.code }) }), _jsx("div", { style: {
+                        position: 'absolute',
+                        top: '8px',
+                        right: '8px',
+                        fontSize: '12px',
+                        color: '#666',
+                        backgroundColor: '#f0f0f0',
+                        padding: '2px 6px',
+                        borderRadius: '3px',
+                    }, children: "Loading tree-sitter..." })] }));
+    }
+    // Render error state with retry option
+    if (error) {
+        return (_jsxs(Box, { className: 'graphql-error', p: '4', style: {
+                borderRadius: 'var(--radius-2)',
+                backgroundColor: 'var(--gray-2)',
+                position: 'relative',
+                borderLeft: '3px solid var(--red-9)',
+            }, children: [_jsx("pre", { style: { margin: 0, whiteSpace: 'pre' }, children: _jsx("code", { children: codeblock.code }) }), _jsxs("div", { style: {
+                        color: 'var(--red-11)',
+                        fontSize: '12px',
+                        marginTop: '8px',
+                        padding: '8px',
+                        backgroundColor: 'var(--red-a3)',
+                        borderRadius: '3px',
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                    }, children: [_jsxs("span", { children: ["Interactive parsing failed: ", error] }), retryCount < 3 && (_jsxs("button", { onClick: handleRetry, style: {
+                                backgroundColor: 'var(--red-9)',
+                                color: 'white',
+                                border: 'none',
+                                padding: '4px 8px',
+                                borderRadius: '3px',
+                                fontSize: '11px',
+                                cursor: 'pointer',
+                            }, children: ["Retry (", retryCount + 1, "/3)"] }))] })] }));
+    }
+    // Fallback if no tokens were parsed or parsing failed
+    if (!tokens || tokens.length === 0) {
+        return (_jsxs(Box, { className: 'graphql-fallback', p: '4', style: {
+                borderRadius: 'var(--radius-2)',
+                backgroundColor: 'var(--gray-2)',
+                position: 'relative',
+            }, children: [_jsx("pre", { style: { margin: 0, whiteSpace: 'pre' }, children: _jsx("code", { children: codeblock.code }) }), error && (_jsx("div", { style: {
+                        position: 'absolute',
+                        top: '8px',
+                        right: '8px',
+                        fontSize: '12px',
+                        color: 'var(--red-11)',
+                        backgroundColor: 'var(--red-a3)',
+                        padding: '2px 6px',
+                        borderRadius: '3px',
+                        maxWidth: '200px',
+                    }, title: error, children: "Interactive features unavailable" }))] }));
+    }
+    // Main render: Show the parsed and interactive code
+    return (_jsxs(Box, { className: 'graphql-interactive', p: '4', position: 'relative', style: {
+            borderRadius: 'var(--radius-2)',
+            backgroundColor: 'var(--gray-2)',
+            overflowX: 'auto',
+            maxWidth: '100%',
+        }, children: [_jsx("pre", { style: { margin: 0, whiteSpace: 'pre' }, children: _jsx("code", { children: tokens.map((token, index) => {
+                        const tokenId = `${token.start}-${token.end}-${index}`;
+                        return (_jsx(TokenComponent, { token: token, tokenId: tokenId, popoverState: popoverState, schema: schema }, tokenId));
+                    }) }) }), !schema && showWarningIfNoSchema && (_jsxs("div", { style: {
+                    position: 'absolute',
+                    top: '8px',
+                    right: '8px',
+                    fontSize: '12px',
+                    color: 'var(--amber-11)',
+                    backgroundColor: 'var(--amber-a3)',
+                    padding: '2px 6px',
+                    borderRadius: '3px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '4px',
+                }, title: 'Interactive features are not available because no GraphQL schema is configured', children: [_jsxs("svg", { width: '12', height: '12', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', children: [_jsx("path", { d: 'M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z' }), _jsx("line", { x1: '12', y1: '9', x2: '12', y2: '13' }), _jsx("line", { x1: '12', y1: '17', x2: '12.01', y2: '17' })] }), "No schema configured"] }))] }));
+};
+/**
+ * Component that renders a single token with interactive features
+ *
+ * This component handles:
+ * - Applying syntax highlighting based on token type
+ * - Hover effects for interactive tokens
+ * - Click handlers for navigation
+ * - Visual feedback for CodeHike annotations
+ */
+const TokenComponent = ({ token, tokenId, popoverState, schema }) => {
+    // Track hover state for interactive tokens
+    const [isHovered, setIsHovered] = ReactHooks.useState(false);
+    // Handle clicks on interactive tokens - memoized to prevent unnecessary re-renders
+    const handleClick = ReactHooks.useCallback((e) => {
+        if (token.polen.isInteractive()) {
+            e.preventDefault();
+            e.stopPropagation();
+            // Don't allow pinning for invalid fields
+            if (token.semantic && 'kind' in token.semantic && token.semantic.kind === 'InvalidField') {
+                return;
+            }
+            // Toggle popover pin state only - no navigation
+            popoverState.onTogglePin(tokenId);
+        }
+    }, [token, tokenId, popoverState]);
+    // Show hover effects when mouse enters an interactive token - memoized
+    const handleMouseEnter = ReactHooks.useCallback(() => {
+        if (token.polen.isInteractive()) {
+            setIsHovered(true);
+            popoverState.onHoverStart(tokenId);
+        }
+    }, [token, tokenId, popoverState]);
+    // Hide hover effects when mouse leaves - memoized
+    const handleMouseLeave = ReactHooks.useCallback(() => {
+        setIsHovered(false);
+        popoverState.onHoverEnd(tokenId);
+    }, [tokenId, popoverState]);
+    // Get the appropriate CSS class from the token
+    const baseClass = token.highlighter.getCssClass();
+    // Map class names to inline styles
+    const getBaseStyle = () => {
+        switch (baseClass) {
+            case 'graphql-keyword':
+                return { color: 'var(--red-11)', fontWeight: 'bold' };
+            case 'graphql-type-interactive':
+                return { color: 'var(--blue-11)', fontWeight: 500 };
+            case 'graphql-field-interactive':
+                return { color: 'var(--violet-11)' };
+            case 'graphql-field-error':
+                return {
+                    color: 'var(--red-11)',
+                };
+            case 'graphql-error-hint':
+                return {
+                    color: 'var(--red-11)',
+                    fontSize: '0.9em',
+                    fontStyle: 'italic',
+                    opacity: 0.5,
+                };
+            case 'graphql-comment':
+                return {
+                    color: 'var(--gray-11)',
+                    fontStyle: 'italic',
+                    opacity: 0.6,
+                };
+            case 'graphql-operation':
+                return { color: 'var(--violet-11)', fontStyle: 'italic' };
+            case 'graphql-fragment':
+                return { color: 'var(--violet-11)', fontStyle: 'italic' };
+            case 'graphql-variable':
+                return { color: 'var(--orange-11)' };
+            case 'graphql-argument':
+                return { color: 'var(--gray-12)' };
+            case 'graphql-string':
+                return { color: 'var(--blue-11)' };
+            case 'graphql-number':
+                return { color: 'var(--blue-11)' };
+            case 'graphql-punctuation':
+                return { color: 'var(--gray-11)', opacity: 0.5 };
+            default:
+                return { color: 'var(--gray-12)' };
+        }
+    };
+    // Check if this is an invalid field
+    const isInvalidField = token.semantic && 'kind' in token.semantic && token.semantic.kind === 'InvalidField';
+    // Build the style object for this token
+    const style = {
+        ...getBaseStyle(),
+        // Interactive tokens get special styling (except invalid fields)
+        ...(token.polen.isInteractive() && !isInvalidField && {
+            cursor: 'pointer',
+            textDecoration: isHovered ? 'underline' : 'none',
+            backgroundColor: isHovered ? 'var(--accent-a3)' : 'transparent',
+        }),
+        // Invalid fields get different hover styling - no cursor change, no underline
+        ...(isInvalidField && {
+            cursor: 'default',
+            textDecoration: 'underline wavy var(--red-a5)',
+            textUnderlineOffset: '2px',
+            // Subtle background change on hover to show it's interactive for popover
+            backgroundColor: isHovered ? 'var(--red-a2)' : 'transparent',
+        }),
+        // Tokens with CodeHike annotations get highlighted
+        ...(token.codeHike.annotations.length > 0 && {
+            position: 'relative',
+            backgroundColor: 'var(--yellow-a3)',
+        }),
+    };
+    // Build the span element
+    const tokenSpan = (_jsx("span", { className: baseClass, style: style, "data-token-class": baseClass, "data-interactive": token.polen.isInteractive(), children: token.text }));
+    // Wrap in popover if token has semantic information
+    return (_jsx(GraphQLTokenPopover, { token: token, open: popoverState.isOpen(tokenId), pinned: popoverState.isPinned(tokenId), onTriggerHover: handleMouseEnter, onTriggerLeave: handleMouseLeave, onTriggerClick: handleClick, onContentHover: () => popoverState.onPopoverHover(tokenId), onContentLeave: () => popoverState.onPopoverLeave(tokenId), onClose: () => popoverState.unpin(tokenId), children: tokenSpan }));
+};
+/**
+ * Main GraphQL Interactive component with error boundary protection
+ *
+ * This is the component that should be used in user code. It wraps the
+ * internal implementation with an error boundary that provides graceful
+ * fallback to static code rendering if interactive features fail.
+ */
+export const GraphQLInteractive = (props) => {
+    return (_jsx(GraphQLErrorBoundary, { fallbackCode: props.codeblock.code, onError: (error, errorInfo) => {
+            // Log error for debugging (only in development)
+            if (process.env['NODE_ENV'] === 'development') {
+                console.error('GraphQL Interactive Error Boundary:', error, errorInfo);
+            }
+        }, children: _jsx(GraphQLInteractiveImpl, { ...props }) }));
+};
+//# sourceMappingURL=GraphQLInteractive.js.map

package/build/template/components/GraphQLInteractive/GraphQLInteractive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphQLInteractive.js","sourceRoot":"","sources":["../../../../src/template/components/GraphQLInteractive/GraphQLInteractive.tsx"],"names":[],"mappings":"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"}

package/build/template/components/GraphQLInteractive/components/GraphQLErrorBoundary.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Error boundary for GraphQL Interactive components
+ *
+ * Provides graceful fallback rendering when the interactive GraphQL parser
+ * encounters errors. Falls back to static syntax highlighting.
+ */
+import type { React } from '#dep/react/index';
+import { React as ReactHooks } from '#dep/react/index';
+interface GraphQLErrorBoundaryProps {
+    /** Child components to protect */
+    children: React.ReactNode;
+    /** Fallback code to display if interactive parsing fails */
+    fallbackCode: string;
+    /** Optional callback when errors occur */
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+interface GraphQLErrorBoundaryState {
+    hasError: boolean;
+    error?: Error;
+}
+/**
+ * Error boundary that catches React errors in GraphQL Interactive components
+ * and provides a fallback static code display.
+ *
+ * @example
+ * ```tsx
+ * <GraphQLErrorBoundary fallbackCode={codeblock.code}>
+ *   <GraphQLInteractive codeblock={codeblock} schema={schema} />
+ * </GraphQLErrorBoundary>
+ * ```
+ */
+export declare class GraphQLErrorBoundary extends ReactHooks.Component<GraphQLErrorBoundaryProps, GraphQLErrorBoundaryState> {
+    constructor(props: GraphQLErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): GraphQLErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=GraphQLErrorBoundary.d.ts.map

package/build/template/components/GraphQLInteractive/components/GraphQLErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphQLErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../src/template/components/GraphQLInteractive/components/GraphQLErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGtD,UAAU,yBAAyB;IACjC,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,4DAA4D;IAC5D,YAAY,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;CAC7D;AAED,UAAU,yBAAyB;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED;;;;;;;;;;GAUG;AACH,qBAAa,oBAAqB,SAAQ,UAAU,CAAC,SAAS,CAC5D,yBAAyB,EACzB,yBAAyB,CAC1B;gBACa,KAAK,EAAE,yBAAyB;IAK5C,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,yBAAyB;IAK/D,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAQ1D,MAAM;CAqChB"}