polen 0.10.0-next.21 → 0.10.0-next.23

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

@@ -0,0 +1,242 @@
+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 { 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: `/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: `/reference/${semantic.parentType.name}` },
+                { name: semantic.fieldDef.name, url: `/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: `/reference/${semantic.parentType.name}` },
+                { name: semantic.fieldDef.name, url: `/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: `/reference/${semantic.parentType.name}` },
+                { name: semantic.parentField.name, url: `/reference/${semantic.parentType.name}#${semantic.parentField.name}` },
+                {
+                    name: semantic.argumentDef.name,
+                    url: `/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: `/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: `/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"}

package/build/template/components/GraphQLInteractive/lib/graphql-node-types.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Tree-sitter GraphQL Grammar Node Types
+ *
+ * This file defines all possible node types from the tree-sitter-graphql grammar.
+ * These types are used by the tree-sitter parser when parsing GraphQL documents.
+ *
+ * Source: https://github.com/bkegley/tree-sitter-graphql
+ *
+ * Having these as a TypeScript union type enables:
+ * - Type-safe node.type checking
+ * - IntelliSense/autocomplete in IDEs
+ * - Compile-time verification of node type strings
+ * - Better code maintainability and refactoring
+ */
+/**
+ * All possible node types that can be returned by tree-sitter-graphql
+ * when parsing GraphQL documents.
+ */
+export type TreeSitterGraphQLNodeType = 'document' | 'definition' | 'executable_definition' | 'type_system_definition' | 'type_system_extension' | 'source_file' | 'operation_definition' | 'selection_set' | 'selection' | 'field' | 'alias' | 'fragment_definition' | 'fragment_spread' | 'inline_fragment' | 'fragment_name' | 'type_condition' | 'arguments' | 'argument' | 'variable' | 'variable_definition' | 'variable_definitions' | 'default_value' | 'type' | 'named_type' | 'list_type' | 'non_null_type' | 'type_definition' | 'scalar_type_definition' | 'object_type_definition' | 'interface_type_definition' | 'union_type_definition' | 'enum_type_definition' | 'input_object_type_definition' | 'type_extension' | 'scalar_type_extension' | 'object_type_extension' | 'interface_type_extension' | 'union_type_extension' | 'enum_type_extension' | 'input_object_type_extension' | 'schema_definition' | 'schema_extension' | 'root_operation_type_definition' | 'fields_definition' | 'field_definition' | 'arguments_definition' | 'input_value_definition' | 'input_fields_definition' | 'directives' | 'directive' | 'directive_definition' | 'directive_locations' | 'directive_location' | 'enum_values_definition' | 'enum_value_definition' | 'enum_value' | 'implements_interfaces' | 'union_member_types' | 'description' | 'value' | 'string_value' | 'int_value' | 'float_value' | 'boolean_value' | 'null_value' | 'list_value' | 'object_value' | 'object_field' | 'name' | 'comment' | 'comma' | '{' | '}' | '(' | ')' | '[' | ']' | ':' | '=' | ',' | '!' | '|' | '&' | '@' | '...' | '$' | 'query' | 'mutation' | 'subscription' | 'fragment' | 'on' | 'type' | 'interface' | 'enum' | 'scalar' | 'union' | 'input' | 'schema' | 'directive' | 'implements' | 'extend' | 'true' | 'false' | 'null' | 'error_hint' | 'whitespace';
+/**
+ * Subset of node types that are interactive in Polen's GraphQL viewer
+ */
+export type InteractiveNodeParentType = 'named_type' | 'field';
+/**
+ * Subset of node types that are non-interactive user-defined names
+ */
+export type NonInteractiveNodeParentType = 'operation_definition' | 'fragment_definition' | 'variable_definition' | 'argument';
+/**
+ * Node types that represent keywords in GraphQL
+ */
+export type KeywordNodeType = 'query' | 'mutation' | 'subscription' | 'fragment' | 'on';
+/**
+ * Node types that represent literal values
+ */
+export type LiteralNodeType = 'string_value' | 'int_value' | 'float_value' | 'boolean_value' | 'null_value' | 'enum_value';
+/**
+ * Node types that represent punctuation
+ */
+export type PunctuationNodeType = '{' | '}' | '(' | ')' | '[' | ']' | ':' | '=' | ',' | '!' | '|' | '&' | '@' | '...' | '$';
+/**
+ * Helper function to check if a node type is a keyword
+ */
+export declare function isKeywordNodeType(type: string): type is KeywordNodeType;
+/**
+ * Helper function to check if a node type is a literal
+ */
+export declare function isLiteralNodeType(type: string): type is LiteralNodeType;
+/**
+ * Helper function to check if a node type is punctuation
+ */
+export declare function isPunctuationNodeType(type: string): type is PunctuationNodeType;
+//# sourceMappingURL=graphql-node-types.d.ts.map

package/build/template/components/GraphQLInteractive/lib/graphql-node-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-node-types.d.ts","sourceRoot":"","sources":["../../../../../src/template/components/GraphQLInteractive/lib/graphql-node-types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAEjC,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,wBAAwB,GACxB,uBAAuB,GACvB,aAAa,GAEb,sBAAsB,GACtB,eAAe,GACf,WAAW,GACX,OAAO,GACP,OAAO,GAEP,qBAAqB,GACrB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAEhB,WAAW,GACX,UAAU,GACV,UAAU,GACV,qBAAqB,GACrB,sBAAsB,GACtB,eAAe,GAEf,MAAM,GACN,YAAY,GACZ,WAAW,GACX,eAAe,GAEf,iBAAiB,GACjB,wBAAwB,GACxB,wBAAwB,GACxB,2BAA2B,GAC3B,uBAAuB,GACvB,sBAAsB,GACtB,8BAA8B,GAE9B,gBAAgB,GAChB,uBAAuB,GACvB,uBAAuB,GACvB,0BAA0B,GAC1B,sBAAsB,GACtB,qBAAqB,GACrB,6BAA6B,GAE7B,mBAAmB,GACnB,kBAAkB,GAClB,gCAAgC,GAEhC,mBAAmB,GACnB,kBAAkB,GAClB,sBAAsB,GACtB,wBAAwB,GACxB,yBAAyB,GAEzB,YAAY,GACZ,WAAW,GACX,sBAAsB,GACtB,qBAAqB,GACrB,oBAAoB,GAEpB,wBAAwB,GACxB,uBAAuB,GACvB,YAAY,GAEZ,uBAAuB,GACvB,oBAAoB,GACpB,aAAa,GAEb,OAAO,GACP,cAAc,GACd,WAAW,GACX,aAAa,GACb,eAAe,GACf,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,cAAc,GAEd,MAAM,GACN,SAAS,GACT,OAAO,GAEP,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,KAAK,GACL,GAAG,GAEH,OAAO,GACP,UAAU,GACV,cAAc,GACd,UAAU,GACV,IAAI,GACJ,MAAM,GACN,WAAW,GACX,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GAEN,YAAY,GACZ,YAAY,CAAA;AAEhB;;GAEG;AACH,MAAM,MAAM,yBAAyB,GACjC,YAAY,GACZ,OAAO,CAAA;AAEX;;GAEG;AACH,MAAM,MAAM,4BAA4B,GACpC,sBAAsB,GACtB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAA;AAEd;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,IAAI,CAAA;AAEvF;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,cAAc,GACd,WAAW,GACX,aAAa,GACb,eAAe,GACf,YAAY,GACZ,YAAY,CAAA;AAEhB;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAC3B,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,KAAK,GACL,GAAG,CAAA;AAEP;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,eAAe,CAEvE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,eAAe,CAGvE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,mBAAmB,CAE/E"}

package/build/template/components/GraphQLInteractive/lib/graphql-node-types.js

@@ -0,0 +1,34 @@
+/**
+ * Tree-sitter GraphQL Grammar Node Types
+ *
+ * This file defines all possible node types from the tree-sitter-graphql grammar.
+ * These types are used by the tree-sitter parser when parsing GraphQL documents.
+ *
+ * Source: https://github.com/bkegley/tree-sitter-graphql
+ *
+ * Having these as a TypeScript union type enables:
+ * - Type-safe node.type checking
+ * - IntelliSense/autocomplete in IDEs
+ * - Compile-time verification of node type strings
+ * - Better code maintainability and refactoring
+ */
+/**
+ * Helper function to check if a node type is a keyword
+ */
+export function isKeywordNodeType(type) {
+    return type === 'query' || type === 'mutation' || type === 'subscription' || type === 'fragment' || type === 'on';
+}
+/**
+ * Helper function to check if a node type is a literal
+ */
+export function isLiteralNodeType(type) {
+    return type === 'string_value' || type === 'int_value' || type === 'float_value'
+        || type === 'boolean_value' || type === 'null_value' || type === 'enum_value';
+}
+/**
+ * Helper function to check if a node type is punctuation
+ */
+export function isPunctuationNodeType(type) {
+    return ['{', '}', '(', ')', '[', ']', ':', '=', ',', '!', '|', '&', '@', '...', '$'].includes(type);
+}
+//# sourceMappingURL=graphql-node-types.js.map

package/build/template/components/GraphQLInteractive/lib/graphql-node-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-node-types.js","sourceRoot":"","sources":["../../../../../src/template/components/GraphQLInteractive/lib/graphql-node-types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAuLH;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,cAAc,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,IAAI,CAAA;AACnH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,OAAO,IAAI,KAAK,cAAc,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa;WAC3E,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,YAAY,IAAI,IAAI,KAAK,YAAY,CAAA;AACjF,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACrG,CAAC"}