polen 0.10.0-next.8 → 0.10.0

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

@@ -0,0 +1,51 @@
+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';
+/**
+ * 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 class GraphQLErrorBoundary extends ReactHooks.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        // Log the error or send to error reporting service
+        console.error('GraphQL Interactive Error:', error, errorInfo);
+        // Call optional error handler
+        this.props.onError?.(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return (_jsxs(Box, { className: 'graphql-error-fallback', 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: this.props.fallbackCode }) }), _jsx("div", { style: {
+                            position: 'absolute',
+                            top: '8px',
+                            right: '8px',
+                            fontSize: '12px',
+                            color: 'var(--red-11)',
+                            backgroundColor: 'var(--red-a3)',
+                            padding: '2px 6px',
+                            borderRadius: '3px',
+                        }, title: this.state.error?.message || 'Interactive features failed to load', children: "Interactive mode unavailable" })] }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=GraphQLErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphQLErrorBoundary.js","sourceRoot":"","sources":["../../../../../src/template/components/GraphQLInteractive/components/GraphQLErrorBoundary.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAgBtC;;;;;;;;;;GAUG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU,CAAC,SAGpD;IACC,YAAY,KAAgC;QAC1C,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;IAClC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,4DAA4D;QAC5D,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;IAClC,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAA0B;QACjE,mDAAmD;QACnD,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;QAE7D,8BAA8B;QAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IACxC,CAAC;IAEQ,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,CACL,MAAC,GAAG,IACF,SAAS,EAAC,wBAAwB,EAClC,CAAC,EAAE,GAAG,EACN,KAAK,EAAE;oBACL,YAAY,EAAE,iBAAiB;oBAC/B,eAAe,EAAE,eAAe;oBAChC,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,wBAAwB;iBACrC,aAED,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,YAC1C,yBAAO,IAAI,CAAC,KAAK,CAAC,YAAY,GAAQ,GAClC,EACN,cACE,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,KAAK;4BACV,KAAK,EAAE,KAAK;4BACZ,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,eAAe;4BACtB,eAAe,EAAE,eAAe;4BAChC,OAAO,EAAE,SAAS;4BAClB,YAAY,EAAE,KAAK;yBACpB,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,qCAAqC,6CAGrE,IACF,CACP,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF"}

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

@@ -0,0 +1,33 @@
+/**
+ * Popover component for GraphQL tokens
+ *
+ * Provides rich overlays with type information that can be triggered by hover
+ * and pinned by clicking. Supports multiple simultaneous popovers.
+ */
+import type { React } from '#dep/react/index';
+import type { GraphQLToken } from '../lib/parser.js';
+interface GraphQLTokenPopoverProps {
+    /** The token to create a popover for */
+    token: GraphQLToken;
+    /** Child element that triggers the popover */
+    children: React.ReactNode;
+    /** Whether the popover is open */
+    open: boolean;
+    /** Whether the popover is pinned */
+    pinned: boolean;
+    /** Called when mouse enters the trigger */
+    onTriggerHover: () => void;
+    /** Called when mouse leaves the trigger */
+    onTriggerLeave: () => void;
+    /** Called when trigger is clicked */
+    onTriggerClick: (e: React.MouseEvent) => void;
+    /** Called when popover content is hovered */
+    onContentHover: () => void;
+    /** Called when mouse leaves popover content */
+    onContentLeave: () => void;
+    /** Called when close button is clicked */
+    onClose: () => void;
+}
+export declare const GraphQLTokenPopover: React.FC<GraphQLTokenPopoverProps>;
+export {};
+//# sourceMappingURL=GraphQLTokenPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphQLTokenPopover.d.ts","sourceRoot":"","sources":["../../../../../src/template/components/GraphQLInteractive/components/GraphQLTokenPopover.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAI7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAUpD,UAAU,wBAAwB;IAChC,wCAAwC;IACxC,KAAK,EAAE,YAAY,CAAA;IAEnB,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAA;IAEb,oCAAoC;IACpC,MAAM,EAAE,OAAO,CAAA;IAEf,2CAA2C;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAA;IAE1B,2CAA2C;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAA;IAE1B,qCAAqC;IACrC,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAE7C,6CAA6C;IAC7C,cAAc,EAAE,MAAM,IAAI,CAAA;IAE1B,+CAA+C;IAC/C,cAAc,EAAE,MAAM,IAAI,CAAA;IAE1B,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAuID,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8TlE,CAAA"}

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

@@ -0,0 +1,252 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { Button, Popover } from '@radix-ui/themes';
+import { polenUrlPath } from '../../../lib/polen-url.js';
+import { isArgument, isFragment, isInputField, isInvalidField, isOperation, isOutputField, } from '../lib/semantic-nodes.js';
+/**
+ * Get rich content for a token popover
+ */
+function getPopoverContent(token) {
+    const semantic = token.semantic;
+    if (!semantic)
+        return null;
+    if (isInvalidField(semantic)) {
+        // Get available fields from the parent type
+        const availableFields = Object.keys(semantic.parentType.getFields()).sort();
+        // TODO: In the future, check other schema versions to see if the field existed previously
+        // This would help identify renamed or removed fields across schema evolution
+        return {
+            title: `Field "${semantic.fieldName}" does not exist`,
+            description: `Type ${semantic.parentType.name} does not have a field named "${semantic.fieldName}".`,
+            typeName: semantic.parentType.name,
+            typeUrl: polenUrlPath('reference', semantic.parentType.name),
+            fieldName: semantic.fieldName,
+            invalid: true,
+            availableFields,
+        };
+    }
+    if (isOutputField(semantic)) {
+        const fieldType = semantic.fieldDef.type.toString();
+        return {
+            title: semantic.fieldDef.name,
+            path: [
+                { name: semantic.parentType.name, url: polenUrlPath('reference', semantic.parentType.name) },
+                {
+                    name: semantic.fieldDef.name,
+                    url: polenUrlPath('reference', `${semantic.parentType.name}#${semantic.fieldDef.name}`),
+                },
+            ],
+            description: semantic.fieldDef.description || undefined,
+            type: `${fieldType}`,
+        };
+    }
+    if (isInputField(semantic)) {
+        const fieldType = semantic.fieldDef.type.toString();
+        return {
+            title: semantic.fieldDef.name,
+            path: [
+                { name: semantic.parentType.name, url: polenUrlPath('reference', semantic.parentType.name) },
+                {
+                    name: semantic.fieldDef.name,
+                    url: polenUrlPath('reference', `${semantic.parentType.name}#${semantic.fieldDef.name}`),
+                },
+            ],
+            description: semantic.fieldDef.description || undefined,
+            type: `${fieldType}`,
+        };
+    }
+    if (isArgument(semantic)) {
+        const argType = semantic.argumentDef.type.toString();
+        return {
+            title: semantic.argumentDef.name,
+            path: [
+                { name: semantic.parentType.name, url: polenUrlPath('reference', semantic.parentType.name) },
+                {
+                    name: semantic.parentField.name,
+                    url: polenUrlPath('reference', `${semantic.parentType.name}#${semantic.parentField.name}`),
+                },
+                {
+                    name: semantic.argumentDef.name,
+                    url: polenUrlPath('reference', `${semantic.parentType.name}#${semantic.parentField.name}__${semantic.argumentDef.name}`),
+                },
+            ],
+            description: semantic.argumentDef.description || undefined,
+            type: `${argType}`,
+        };
+    }
+    if (isOperation(semantic)) {
+        return {
+            title: semantic.name || `${semantic.type} operation`,
+            path: [
+                { name: semantic.name || semantic.type, url: null },
+            ],
+            description: 'GraphQL Operation',
+            type: semantic.type.charAt(0).toUpperCase() + semantic.type.slice(1),
+        };
+    }
+    if (isFragment(semantic)) {
+        return {
+            title: semantic.name,
+            path: [
+                { name: 'fragment', url: null },
+                { name: semantic.name, url: null },
+            ],
+            description: 'GraphQL Fragment',
+            type: `Fragment on ${semantic.onType?.name || 'Unknown'}`,
+        };
+    }
+    if ('name' in semantic && semantic.name) {
+        // Type reference
+        return {
+            title: semantic.name,
+            path: [
+                { name: semantic.name, url: polenUrlPath('reference', semantic.name) },
+            ],
+            description: ('description' in semantic && typeof semantic.description === 'string')
+                ? semantic.description
+                : undefined,
+            type: 'GraphQL Type',
+        };
+    }
+    return null;
+}
+export const GraphQLTokenPopover = ({ token, children, open, pinned, onTriggerHover, onTriggerLeave, onTriggerClick, onContentHover, onContentLeave, onClose, }) => {
+    const content = getPopoverContent(token);
+    // If no content, just render children without popover
+    if (!content) {
+        return _jsx(_Fragment, { children: children });
+    }
+    const popoverContent = (_jsxs("div", { style: {
+            padding: 'var(--space-1)',
+            minWidth: '200px',
+            maxWidth: '400px',
+            position: 'relative',
+        }, onMouseEnter: onContentHover, onMouseLeave: onContentLeave, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'flex-start',
+                    marginBottom: '6px',
+                }, children: [_jsxs("div", { style: { flex: 1 }, children: [content.path && !content.invalid && (_jsx("div", { style: {
+                                    fontSize: 'var(--font-size-2)',
+                                    color: 'var(--gray-12)',
+                                    marginBottom: 'var(--space-1)',
+                                }, children: content.path.map((segment, index) => (_jsxs("span", { children: [index > 0 && _jsx("span", { style: { color: 'var(--gray-11)', margin: '0 var(--space-1)' }, children: "." }), segment.url
+                                            ? (_jsx("a", { href: segment.url, style: {
+                                                    color: '#0969da',
+                                                    textDecoration: 'none',
+                                                    cursor: 'pointer',
+                                                }, onMouseEnter: (e) => {
+                                                    e.currentTarget.style.textDecoration = 'underline';
+                                                }, onMouseLeave: (e) => {
+                                                    e.currentTarget.style.textDecoration = 'none';
+                                                }, onClick: (e) => {
+                                                    e.preventDefault();
+                                                    if (segment.url) {
+                                                        window.location.href = segment.url;
+                                                    }
+                                                }, children: segment.name }))
+                                            : (_jsx("span", { style: { color: '#24292e' }, children: segment.name }))] }, index))) })), content.type && !content.invalid && (_jsx("div", { style: {
+                                    fontSize: '12px',
+                                    color: '#6a737d',
+                                    fontFamily: 'monospace',
+                                    opacity: 0.8,
+                                }, children: content.type })), content.invalid && (_jsxs("div", { style: {
+                                    fontSize: '14px',
+                                    color: '#d73a49',
+                                    marginBottom: '4px',
+                                }, children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "Error:" }), " Type", ' ', _jsx("a", { href: content.typeUrl, style: {
+                                            color: '#0969da',
+                                            textDecoration: 'none',
+                                            cursor: 'pointer',
+                                        }, onMouseEnter: (e) => {
+                                            e.currentTarget.style.textDecoration = 'underline';
+                                        }, onMouseLeave: (e) => {
+                                            e.currentTarget.style.textDecoration = 'none';
+                                        }, onClick: (e) => {
+                                            e.preventDefault();
+                                            if (content.typeUrl) {
+                                                window.location.href = content.typeUrl;
+                                            }
+                                        }, children: content.typeName }), ' ', "does not have a field named \"", content.fieldName, "\"."] }))] }), pinned && !content.invalid && (_jsx(Button, { variant: 'ghost', size: '1', onClick: onClose, style: {
+                            marginLeft: '8px',
+                            padding: '2px',
+                            minWidth: 'auto',
+                            height: 'auto',
+                        }, children: _jsx(Cross1Icon, { width: '12', height: '12' }) }))] }), content.description && !content.invalid && (_jsx("div", { style: {
+                    fontSize: '13px',
+                    color: '#24292e',
+                    lineHeight: '1.4',
+                    opacity: 0.9,
+                }, children: content.description })), content.invalid && content.availableFields && (_jsxs("div", { style: {
+                    marginTop: '8px',
+                    backgroundColor: '#f6f8fa',
+                    border: '1px solid #e1e4e8',
+                    borderRadius: '4px',
+                    fontSize: '12px',
+                    fontFamily: 'monospace',
+                    lineHeight: '1.5',
+                    overflow: 'hidden',
+                }, children: [_jsxs("div", { style: { padding: '10px 10px 0 10px' }, children: [_jsx("span", { style: { color: '#d73a49' }, children: "type" }), ' ', _jsx("a", { href: content.typeUrl, style: {
+                                    color: '#005cc5',
+                                    fontWeight: 500,
+                                    textDecoration: 'none',
+                                }, onMouseEnter: (e) => {
+                                    e.currentTarget.style.textDecoration = 'underline';
+                                }, onMouseLeave: (e) => {
+                                    e.currentTarget.style.textDecoration = 'none';
+                                }, children: content.typeName }), ' ', _jsx("span", { style: { color: '#24292e' }, children: '{' })] }), _jsx("div", { style: {
+                            maxHeight: '200px',
+                            overflowY: 'auto',
+                            padding: '0 10px',
+                            marginRight: '2px', // Account for scrollbar
+                        }, children: (() => {
+                            // Insert the invalid field in alphabetical position
+                            const invalidFieldName = content.fieldName || '';
+                            const allFields = [...content.availableFields];
+                            const insertIndex = allFields.findIndex(f => f.localeCompare(invalidFieldName) > 0);
+                            // Create the full list with invalid field inserted
+                            const fieldsWithInvalid = insertIndex === -1
+                                ? [...allFields, invalidFieldName]
+                                : [...allFields.slice(0, insertIndex), invalidFieldName, ...allFields.slice(insertIndex)];
+                            return fieldsWithInvalid.map((field) => {
+                                const isInvalidField = field === invalidFieldName;
+                                return (_jsxs("div", { style: {
+                                        paddingLeft: isInvalidField ? '26px' : '16px',
+                                        color: isInvalidField ? '#d73a49' : '#6f42c1',
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        backgroundColor: isInvalidField ? 'var(--red-a2)' : 'transparent',
+                                        marginLeft: isInvalidField ? '-10px' : '0',
+                                        marginRight: isInvalidField ? '-10px' : '0',
+                                        paddingTop: isInvalidField ? '2px' : '0',
+                                        paddingBottom: isInvalidField ? '2px' : '0',
+                                    }, children: [isInvalidField
+                                            ? (_jsx("span", { style: { textDecoration: 'line-through' }, children: field }))
+                                            : (_jsx("a", { href: polenUrlPath('reference', `${content.typeName}#${field}`), style: {
+                                                    color: '#6f42c1',
+                                                    textDecoration: 'none',
+                                                }, onMouseEnter: (e) => {
+                                                    e.currentTarget.style.textDecoration = 'underline';
+                                                }, onMouseLeave: (e) => {
+                                                    e.currentTarget.style.textDecoration = 'none';
+                                                }, children: field })), isInvalidField && (_jsx("span", { style: {
+                                                marginLeft: '12px',
+                                                color: '#d73a49',
+                                                fontSize: '11px',
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                gap: '4px',
+                                            }, children: "\u2190 No such field" }))] }, field));
+                            });
+                        })() }), _jsx("div", { style: { padding: '0 10px 10px 10px', color: '#24292e' }, children: '}' })] }))] }));
+    return (_jsxs(Popover.Root, { open: open, children: [_jsx(Popover.Trigger, { children: _jsx("span", { style: { cursor: token.polen.isInteractive() ? 'pointer' : 'default' }, onMouseEnter: onTriggerHover, onMouseLeave: onTriggerLeave, onClick: onTriggerClick, children: children }) }), _jsx(Popover.Content, { side: 'top', align: 'start', sideOffset: 4, style: {
+                    padding: 'var(--space-2)',
+                    background: content.invalid ? 'var(--red-1)' : 'var(--color-background)',
+                    border: content.invalid ? '2px solid var(--red-7)' : '1px solid var(--gray-6)',
+                    borderRadius: 'var(--radius-1)',
+                    boxShadow: 'none',
+                    zIndex: 1000,
+                    maxWidth: '450px',
+                }, children: popoverContent })] }));
+};
+//# sourceMappingURL=GraphQLTokenPopover.js.map

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

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

package/build/template/components/GraphQLInteractive/hooks/use-popover-state.d.ts

@@ -0,0 +1,45 @@
+/**
+ * State management for GraphQL token popovers
+ *
+ * Handles hover delays, pinning, and multiple popover coordination
+ */
+export interface PopoverState {
+    /** Currently visible popover (via hover) */
+    hoveredId: string | null;
+    /** Set of pinned popover IDs */
+    pinnedIds: Set<string>;
+    /** ID pending show (waiting for delay) */
+    pendingShowId: string | null;
+    /** ID pending hide (waiting for grace period) */
+    pendingHideId: string | null;
+}
+export interface UsePopoverStateOptions {
+    /** Delay before showing popover on hover (ms) */
+    showDelay?: number;
+    /** Delay before hiding popover on mouse leave (ms) */
+    hideDelay?: number;
+    /** Whether to allow multiple pinned popovers */
+    allowMultiplePins?: boolean;
+}
+export interface UsePopoverStateReturn {
+    /** Check if a popover should be visible */
+    isOpen: (id: string) => boolean;
+    /** Check if a popover is pinned */
+    isPinned: (id: string) => boolean;
+    /** Handle hover start */
+    onHoverStart: (id: string) => void;
+    /** Handle hover end */
+    onHoverEnd: (id: string) => void;
+    /** Handle click (toggle pin) */
+    onTogglePin: (id: string) => void;
+    /** Handle popover content hover (cancels hide) */
+    onPopoverHover: (id: string) => void;
+    /** Handle popover content leave (starts hide timer) */
+    onPopoverLeave: (id: string) => void;
+    /** Unpin a specific popover */
+    unpin: (id: string) => void;
+    /** Unpin all popovers */
+    unpinAll: () => void;
+}
+export declare const usePopoverState: (options?: UsePopoverStateOptions) => UsePopoverStateReturn;
+//# sourceMappingURL=use-popover-state.d.ts.map

package/build/template/components/GraphQLInteractive/hooks/use-popover-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-popover-state.d.ts","sourceRoot":"","sources":["../../../../../src/template/components/GraphQLInteractive/hooks/use-popover-state.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,YAAY;IAC3B,4CAA4C;IAC5C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,gCAAgC;IAChC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,0CAA0C;IAC1C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,iDAAiD;IACjD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B;AAED,MAAM,WAAW,sBAAsB;IACrC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,2CAA2C;IAC3C,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IAC/B,mCAAmC;IACnC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACjC,yBAAyB;IACzB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,uBAAuB;IACvB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,gCAAgC;IAChC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kDAAkD;IAClD,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,uDAAuD;IACvD,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,+BAA+B;IAC/B,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,yBAAyB;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,GAAI,UAAS,sBAA2B,KAAG,qBAkMtE,CAAA"}

package/build/template/components/GraphQLInteractive/hooks/use-popover-state.js

@@ -0,0 +1,176 @@
+/**
+ * State management for GraphQL token popovers
+ *
+ * Handles hover delays, pinning, and multiple popover coordination
+ */
+import { React as ReactHooks } from '#dep/react/index';
+export const usePopoverState = (options = {}) => {
+    const { showDelay = 300, hideDelay = 200, allowMultiplePins = true, } = options;
+    const [hoveredId, setHoveredId] = ReactHooks.useState(null);
+    const [pinnedIds, setPinnedIds] = ReactHooks.useState(new Set());
+    const [pendingShowId, setPendingShowId] = ReactHooks.useState(null);
+    const [pendingHideId, setPendingHideId] = ReactHooks.useState(null);
+    // Timer refs
+    const showTimerRef = ReactHooks.useRef(null);
+    const hideTimerRef = ReactHooks.useRef(null);
+    // Clear any pending timers
+    const clearTimers = ReactHooks.useCallback(() => {
+        if (showTimerRef.current) {
+            clearTimeout(showTimerRef.current);
+            showTimerRef.current = null;
+        }
+        if (hideTimerRef.current) {
+            clearTimeout(hideTimerRef.current);
+            hideTimerRef.current = null;
+        }
+        setPendingShowId(null);
+        setPendingHideId(null);
+    }, []);
+    // Check if popover should be visible
+    const isOpen = ReactHooks.useCallback((id) => {
+        return hoveredId === id || pinnedIds.has(id);
+    }, [hoveredId, pinnedIds]);
+    // Check if popover is pinned
+    const isPinned = ReactHooks.useCallback((id) => {
+        return pinnedIds.has(id);
+    }, [pinnedIds]);
+    // Handle hover start
+    const onHoverStart = ReactHooks.useCallback((id) => {
+        // Don't show if already pinned
+        if (pinnedIds.has(id))
+            return;
+        // Cancel any pending hide for this ID
+        if (pendingHideId === id) {
+            clearTimeout(hideTimerRef.current);
+            hideTimerRef.current = null;
+            setPendingHideId(null);
+            return;
+        }
+        // Clear any existing timers
+        clearTimers();
+        // Set pending show
+        setPendingShowId(id);
+        // Start show timer
+        showTimerRef.current = setTimeout(() => {
+            setHoveredId(id);
+            setPendingShowId(null);
+            showTimerRef.current = null;
+        }, showDelay);
+    }, [pinnedIds, pendingHideId, clearTimers, showDelay]);
+    // Handle hover end
+    const onHoverEnd = ReactHooks.useCallback((id) => {
+        // Don't hide if pinned
+        if (pinnedIds.has(id))
+            return;
+        // Cancel any pending show
+        if (pendingShowId === id) {
+            clearTimeout(showTimerRef.current);
+            showTimerRef.current = null;
+            setPendingShowId(null);
+            return;
+        }
+        // Only hide if currently hovered
+        if (hoveredId === id) {
+            setPendingHideId(id);
+            hideTimerRef.current = setTimeout(() => {
+                setHoveredId(null);
+                setPendingHideId(null);
+                hideTimerRef.current = null;
+            }, hideDelay);
+        }
+    }, [pinnedIds, pendingShowId, hoveredId, hideDelay]);
+    // Handle popover content hover (cancels hide)
+    const onPopoverHover = ReactHooks.useCallback((id) => {
+        if (pendingHideId === id) {
+            clearTimeout(hideTimerRef.current);
+            hideTimerRef.current = null;
+            setPendingHideId(null);
+        }
+    }, [pendingHideId]);
+    // Handle popover content leave (starts hide timer)
+    const onPopoverLeave = ReactHooks.useCallback((id) => {
+        // Don't hide if pinned
+        if (pinnedIds.has(id))
+            return;
+        // Only hide if currently hovered
+        if (hoveredId === id) {
+            setPendingHideId(id);
+            hideTimerRef.current = setTimeout(() => {
+                setHoveredId(null);
+                setPendingHideId(null);
+                hideTimerRef.current = null;
+            }, hideDelay);
+        }
+    }, [pinnedIds, hoveredId, hideDelay]);
+    // Toggle pin state
+    const onTogglePin = ReactHooks.useCallback((id) => {
+        setPinnedIds(prev => {
+            const next = new Set(prev);
+            if (next.has(id)) {
+                // Unpin
+                next.delete(id);
+            }
+            else {
+                // Pin
+                if (!allowMultiplePins) {
+                    // Clear other pins if multiple not allowed
+                    next.clear();
+                }
+                next.add(id);
+                // Clear any hover state for this ID
+                if (hoveredId === id) {
+                    setHoveredId(null);
+                }
+                // Clear any pending operations
+                if (pendingShowId === id) {
+                    clearTimeout(showTimerRef.current);
+                    showTimerRef.current = null;
+                    setPendingShowId(null);
+                }
+                if (pendingHideId === id) {
+                    clearTimeout(hideTimerRef.current);
+                    hideTimerRef.current = null;
+                    setPendingHideId(null);
+                }
+            }
+            return next;
+        });
+    }, [allowMultiplePins, hoveredId, pendingShowId, pendingHideId]);
+    // Unpin specific popover
+    const unpin = ReactHooks.useCallback((id) => {
+        setPinnedIds(prev => {
+            const next = new Set(prev);
+            next.delete(id);
+            return next;
+        });
+    }, []);
+    // Unpin all popovers
+    const unpinAll = ReactHooks.useCallback(() => {
+        setPinnedIds(new Set());
+    }, []);
+    // Cleanup timers on unmount and when dependencies change
+    ReactHooks.useEffect(() => {
+        return () => {
+            if (showTimerRef.current)
+                clearTimeout(showTimerRef.current);
+            if (hideTimerRef.current)
+                clearTimeout(hideTimerRef.current);
+        };
+    }, []);
+    // Clear timers when delay options change to prevent stale timers
+    ReactHooks.useEffect(() => {
+        clearTimers();
+    }, [showDelay, hideDelay, clearTimers]);
+    return {
+        isOpen,
+        isPinned,
+        onHoverStart,
+        onHoverEnd,
+        onTogglePin,
+        onPopoverHover,
+        onPopoverLeave,
+        unpin,
+        unpinAll,
+    };
+};
+//# sourceMappingURL=use-popover-state.js.map

package/build/template/components/GraphQLInteractive/hooks/use-popover-state.js.map

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

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

@@ -0,0 +1,2 @@
+export { GraphQLInteractive } from './GraphQLInteractive.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/components/GraphQLInteractive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}

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

@@ -0,0 +1,2 @@
+export { GraphQLInteractive } from './GraphQLInteractive.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/template/components/GraphQLInteractive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}