polen 0.11.0-next.14 → 0.11.0-next.16

package/build/template/components/VersionPicker.js

@@ -1,31 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Api } from '#api/iso';
-import { Select } from '@radix-ui/themes';
+import { Version } from '#lib/version/$';
 import { useNavigate } from 'react-router';
+import { schemasCatalog } from 'virtual:polen/project/schemas';
 import { useReferencePath } from '../hooks/useReferencePath.js';
-import { schemaSource } from '../sources/schema-source.js';
 import { Stores } from '../stores/$.js';
 import { tryWithToast } from '../utils/try-with-toast.js';
-export const VersionPicker = ({ all, current }) => {
+import { SimpleVersionPicker } from './SimpleVersionPicker.js';
+export const VersionPicker = ({ data, current }) => {
     const navigate = useNavigate();
     const currentPath = useReferencePath();
-    // Don't show selector if only one version
-    if (all.length <= 1) {
-        return null;
-    }
-    const handleVersionChange = async (newVersion) => {
+    const handleVersionChange = async (version) => {
+        const newVersion = Version.encodeSync(version);
         const error = await tryWithToast(async () => {
-            // Check if current path exists in target version
-            const targetSchema = await schemaSource.get(newVersion);
+            // Get the full catalog to find the target schema
+            if (!schemasCatalog) {
+                throw new Error('No catalog available');
+            }
+            const catalog = schemasCatalog;
+            // This component is only used for versioned catalogs
+            if (catalog._tag !== 'CatalogVersioned') {
+                throw new Error('VersionPicker used with non-versioned catalog');
+            }
+            // Find the schema for the target version
+            // Note: newVersion is a string that we need to parse
+            const targetSchema = catalog.entries.find(schema => Version.encodeSync(schema.version) === newVersion);
+            if (!targetSchema) {
+                throw new Error(`Version ${newVersion} not found`);
+            }
             // Find fallback path if needed
-            const fallbackPath = Api.Schema.Validation.findFallbackPath(targetSchema, currentPath);
+            const fallbackPath = Api.Schema.Validation.findFallbackPath(targetSchema.definition, currentPath);
             // Get redirect description if path changed
-            const redirectDescription = Api.Schema.Validation.getRedirectDescription(targetSchema, currentPath, fallbackPath, newVersion);
-            // Create the new path
+            const redirectDescription = Api.Schema.Validation.getRedirectDescription(targetSchema.definition, currentPath, fallbackPath, newVersion);
+            // Create the new path - parse newVersion string to Version type
             const newPath = Api.Schema.Routing.createReferencePath({
-                version: newVersion,
-                type: fallbackPath.type,
-                field: fallbackPath.field,
+                version: Version.fromString(newVersion),
+                type: fallbackPath.type || '',
+                field: fallbackPath.field || '',
             });
             // Show toast notification if schema location redirect will occur
             if (redirectDescription) {
@@ -54,13 +65,13 @@ export const VersionPicker = ({ all, current }) => {
         if (error) {
             // Fallback to simple navigation if schema loading fails
             const newPath = Api.Schema.Routing.createReferencePath({
-                version: newVersion,
-                type: currentPath.type,
-                field: currentPath.field,
+                version: Version.fromString(newVersion),
+                type: currentPath.type || '',
+                field: currentPath.field || '',
             });
             navigate(newPath);
         }
     };
-    return (_jsxs(Select.Root, { value: current, onValueChange: handleVersionChange, children: [_jsx(Select.Trigger, { children: current === Api.Schema.VERSION_LATEST ? `Latest` : current }), _jsx(Select.Content, { children: all.map(version => (_jsx(Select.Item, { value: version, children: version === Api.Schema.VERSION_LATEST ? `Latest` : version }, version))) })] }));
+    return (_jsx(SimpleVersionPicker, { versions: data, currentVersion: current, onVersionChange: handleVersionChange }));
 };
 //# sourceMappingURL=VersionPicker.js.map

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

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

package/build/template/components/home/ExamplesSection.d.ts

@@ -0,0 +1,13 @@
+import type { Api } from '#api/$';
+import { Catalog } from '#lib/catalog/$';
+import * as React from 'react';
+interface ExamplesSectionProps {
+    schemaCatalog?: Catalog.Catalog | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    maxExamples?: number | undefined;
+    examples: readonly Api.Examples.Example.Example[];
+}
+export declare const ExamplesSection: React.FC<ExamplesSectionProps>;
+export {};
+//# sourceMappingURL=ExamplesSection.d.ts.map

package/build/template/components/home/ExamplesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExamplesSection.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/ExamplesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,oBAAoB;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,SAAS,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,SAAS,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC1D,CAAA"}

package/build/template/components/home/ExamplesSection.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Catalog } from '#lib/catalog/$';
+import { Box, Heading, Section } from '@radix-ui/themes';
+import * as React from 'react';
+import { Carousel } from '../Carousel.js';
+import { GraphQLDocument } from '../GraphQLDocument.js';
+export const ExamplesSection = ({ examples, schemaCatalog, title = 'API Examples', maxExamples = 3, }) => {
+    if (examples.length === 0) {
+        return null;
+    }
+    // Limit examples to maxExamples
+    const displayExamples = examples.slice(0, maxExamples);
+    return (_jsxs(Section, { size: '3', id: 'examples', style: { overflow: 'visible' }, children: [_jsx(Box, { mb: '4', style: { textAlign: 'center' }, children: _jsx(Heading, { size: '6', mb: '2', children: title }) }), _jsx(Carousel, { autoPlay: true, children: displayExamples.map((example) => (_jsx(GraphQLDocument, { style: { height: '100%' }, document: example.document, schemaCatalog: schemaCatalog }, example.name))) })] }));
+};
+//# sourceMappingURL=ExamplesSection.js.map

package/build/template/components/home/ExamplesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExamplesSection.js","sourceRoot":"","sources":["../../../../src/template/components/home/ExamplesSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAUvD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,cAAc,EACtB,WAAW,GAAG,CAAC,GAChB,EAAE,EAAE;IACH,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,gCAAgC;IAChC,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;IAEtD,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,aAC5D,KAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,YACxC,KAAC,OAAO,IAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,YACrB,KAAK,GACE,GACN,EAEN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACrB,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,KAAC,eAAe,IACd,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAEzB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,aAAa,EAAE,aAAa,IAFvB,OAAO,CAAC,IAAI,CAGjB,CACH,CAAC,GACO,IACH,CACX,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/home/FeaturesGrid.d.ts

@@ -0,0 +1,12 @@
+interface FeaturesGridProps {
+    features?: Feature[];
+}
+interface Feature {
+    title: string;
+    value: string | number;
+    description?: string;
+    link?: string;
+}
+export declare const FeaturesGridSection: React.FC<FeaturesGridProps>;
+export {};
+//# sourceMappingURL=FeaturesGrid.d.ts.map

package/build/template/components/home/FeaturesGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesGrid.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/FeaturesGrid.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACrB;AAED,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoB3D,CAAA"}

package/build/template/components/home/FeaturesGrid.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CatalogStatistics } from '#lib/catalog-statistics/$';
+import { Catalog } from '#lib/catalog/$';
+import { Box, Card, Flex, Grid, Heading, Section, Text } from '@radix-ui/themes';
+import { Link } from 'react-router';
+import { schemasCatalog } from 'virtual:polen/project/schemas';
+export const FeaturesGridSection = ({ features }) => {
+    const defaultFeatures = getDefaultFeatures();
+    const displayFeatures = features || defaultFeatures;
+    return (_jsx(Section, { size: '3', pb: '8', children: _jsxs(Box, { style: { maxWidth: '1200px', margin: '0 auto' }, children: [_jsx(Heading, { size: '7', mb: '2', style: { textAlign: 'center' }, children: "API at a Glance" }), _jsx(Text, { size: '3', color: 'gray', mb: '6', style: { textAlign: 'center', display: 'block' }, children: "Key metrics and resources" }), _jsx(Grid, { columns: { initial: '1', sm: '2', md: '4' }, gap: '4', children: displayFeatures.map((feature, index) => _jsx(FeatureCard, { ...feature }, index)) })] }) }));
+};
+const FeatureCard = ({ title, value, description, link }) => {
+    const content = (_jsx(Card, { size: '3', style: { height: '100%', cursor: link ? 'pointer' : 'default' }, children: _jsxs(Flex, { direction: 'column', gap: '2', children: [_jsx(Text, { size: '6', weight: 'bold', style: { lineHeight: 1 }, children: value }), _jsx(Text, { size: '2', weight: 'medium', children: title }), description && (_jsx(Text, { size: '1', color: 'gray', children: description }))] }) }));
+    if (link) {
+        if (link.startsWith('http')) {
+            return (_jsx("a", { href: link, target: '_blank', rel: 'noopener noreferrer', style: { textDecoration: 'none' }, children: content }));
+        }
+        return (_jsx(Link, { to: link, style: { textDecoration: 'none' }, children: content }));
+    }
+    return content;
+};
+function getDefaultFeatures() {
+    const features = [];
+    if (schemasCatalog) {
+        try {
+            // Get the latest schema from the catalog
+            const latestSchema = Catalog.getLatestSchema(schemasCatalog);
+            if (latestSchema && latestSchema.definition) {
+                // Build stats from the schema definition
+                const versionStats = CatalogStatistics.analyzeSchema(latestSchema.definition, 'current');
+                features.push({
+                    title: 'Types',
+                    value: versionStats.totalTypes || 0,
+                    description: 'GraphQL types',
+                    link: '/reference',
+                });
+                features.push({
+                    title: 'Fields',
+                    value: versionStats.totalFields || 0,
+                    description: 'Total fields',
+                    link: '/reference',
+                });
+                features.push({
+                    title: 'Changelog',
+                    value: '📝',
+                    description: 'Recent updates',
+                    link: '/changelog',
+                });
+                return features;
+            }
+        }
+        catch (error) {
+            console.warn('Failed to parse schema for features:', error);
+        }
+    }
+    // Add static features only if no schema features were added
+    if (features.length === 0) {
+        features.push({
+            title: 'Documentation',
+            value: '📚',
+            description: 'Guides & tutorials',
+            link: '/guides',
+        });
+        features.push({
+            title: 'Changelog',
+            value: '📝',
+            description: 'Recent updates',
+            link: '/changelog',
+        });
+    }
+    return features;
+}
+//# sourceMappingURL=FeaturesGrid.js.map

package/build/template/components/home/FeaturesGrid.js.map

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

package/build/template/components/home/HeroSection.d.ts

@@ -0,0 +1,16 @@
+import type { HeroCallToAction } from '#api/config/home';
+import * as React from 'react';
+interface HeroProps {
+    title?: string;
+    tagline?: string;
+    callToActions?: HeroCallToAction[] | {
+        before?: readonly HeroCallToAction[];
+        after?: readonly HeroCallToAction[];
+        over?: readonly HeroCallToAction[];
+    };
+    heroImage?: string;
+    layout?: 'asymmetric' | 'cinematic' | 'auto';
+}
+export declare const Hero: React.FC<HeroProps>;
+export {};
+//# sourceMappingURL=HeroSection.d.ts.map

package/build/template/components/home/HeroSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/HeroSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAKxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,gBAAgB,EAAE,GAAG;QACnC,MAAM,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;QACpC,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;QACnC,IAAI,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;KACnC,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,MAAM,CAAA;CAC7C;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkWpC,CAAA"}

package/build/template/components/home/HeroSection.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CatalogStatistics } from '#lib/catalog-statistics/$';
+import { Catalog } from '#lib/catalog/$';
+import { Swiss } from '#lib/swiss';
+import { Box, Button, Container, Flex, Grid, Heading, Section, Text } from '@radix-ui/themes';
+import * as React from 'react';
+import { Link } from 'react-router';
+import heroImageSrc from 'virtual:polen/project/assets/hero';
+import { templateConfig } from 'virtual:polen/project/config';
+import { examplesCatalog } from 'virtual:polen/project/examples';
+import { schemasCatalog } from 'virtual:polen/project/schemas';
+export const Hero = ({ title = templateConfig.templateVariables.title || 'GraphQL Developer Portal', tagline = 'Explore and integrate with our GraphQL API', callToActions, heroImage, layout = 'asymmetric', }) => {
+    // Build smart default CTAs based on conventions
+    const getDefaultCTAs = () => {
+        const defaults = [];
+        // If examples directory has files, add "View Examples" button
+        if (examplesCatalog && examplesCatalog.examples && examplesCatalog.examples.length > 0) {
+            defaults.push({
+                label: 'View Examples',
+                href: '/examples',
+                variant: 'primary',
+            });
+        }
+        // Add schema reference button if schema catalog exists
+        if (schemasCatalog) {
+            defaults.push({
+                label: 'View Reference',
+                href: '/reference',
+                variant: 'secondary',
+            });
+        }
+        return defaults;
+    };
+    // Process callToActions configuration
+    let ctaButtons;
+    if (callToActions) {
+        if (Array.isArray(callToActions)) {
+            ctaButtons = [...callToActions];
+        }
+        else {
+            const ctaConfig = callToActions;
+            if (ctaConfig.over) {
+                ctaButtons = [...ctaConfig.over];
+            }
+            else {
+                const defaults = getDefaultCTAs();
+                ctaButtons = [
+                    ...(ctaConfig.before || []),
+                    ...defaults,
+                    ...(ctaConfig.after || []),
+                ];
+            }
+        }
+    }
+    else {
+        ctaButtons = getDefaultCTAs();
+    }
+    // Calculate schema stats if available
+    let schemaStats = null;
+    if (schemasCatalog) {
+        try {
+            const latestSchema = Catalog.getLatestSchema(schemasCatalog);
+            if (latestSchema && latestSchema.definition) {
+                const versionStats = CatalogStatistics.analyzeSchema(latestSchema.definition, 'current');
+                schemaStats = {
+                    types: versionStats.totalTypes,
+                    queries: versionStats.queries,
+                    mutations: versionStats.mutations,
+                    subscriptions: versionStats.subscriptions,
+                };
+            }
+        }
+        catch (error) {
+            console.warn('Failed to calculate schema stats:', error);
+        }
+    }
+    // Use the statically imported hero image or the prop
+    const imageSrc = heroImage || heroImageSrc;
+    // Auto layout now defaults to asymmetric
+    const effectiveLayout = layout === 'auto'
+        ? 'asymmetric'
+        : layout;
+    // Render asymmetric layout (text left, image right)
+    if (effectiveLayout === 'asymmetric') {
+        return (_jsx(Swiss.Body, { children: _jsx(Section, { size: '4', py: '9', children: _jsx(Container, { size: '4', children: _jsxs(Grid, { columns: '12', gap: '5', align: 'center', children: [_jsxs(Box, { style: { gridColumn: '1 / 8' }, children: [_jsx(Heading, { size: '9', mb: '5', style: {
+                                            fontSize: 'clamp(2.5rem, 5vw, 4rem)',
+                                            lineHeight: 1.15,
+                                            letterSpacing: '-0.03em',
+                                            fontWeight: 900,
+                                        }, children: title }), _jsx(Text, { size: '4', color: 'gray', mb: '7', style: {
+                                            maxWidth: '420px',
+                                            display: 'block',
+                                            lineHeight: 1.6,
+                                        }, children: tagline }), _jsx(Flex, { gap: '3', wrap: 'wrap', mb: '8', children: ctaButtons.map((cta, index) => {
+                                            const isExternal = cta.href.startsWith('http') || cta.href.startsWith('#');
+                                            const isPrimary = cta.variant === 'primary' || (index === 0 && !cta.variant);
+                                            if (isExternal) {
+                                                return (_jsx(Button, { size: '3', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx("a", { href: cta.href, children: cta.label }) }, index));
+                                            }
+                                            return (_jsx(Button, { size: '3', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx(Link, { to: cta.href, children: cta.label }) }, index));
+                                        }) }), schemaStats && (_jsxs(Flex, { gap: '4', style: { opacity: 0.8 }, children: [_jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.types }), " Types"] }), _jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.queries }), " Queries"] }), schemaStats.mutations > 0 && (_jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.mutations }), " Mutations"] })), schemaStats.subscriptions > 0 && (_jsxs(Text, { size: '2', color: 'gray', children: [_jsx("strong", { children: schemaStats.subscriptions }), " Subscriptions"] }))] }))] }), imageSrc && (_jsx(Box, { style: {
+                                    gridColumn: '9 / 13',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'flex-end',
+                                }, children: _jsx("img", { src: imageSrc, alt: 'Hero', style: {
+                                        width: '100%',
+                                        height: 'auto',
+                                        maxWidth: '480px',
+                                        maxHeight: '420px',
+                                        objectFit: 'contain',
+                                    } }) }))] }) }) }) }));
+    }
+    // Render cinematic layout (full viewport image with overlaid text)
+    return (_jsx(Swiss.Viewport, { children: _jsx(Box, { style: {
+                display: 'grid',
+                placeItems: 'center',
+                height: '85vh',
+                minHeight: '600px',
+                position: 'relative',
+                ...(imageSrc
+                    ? {
+                        background: `
+              radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%),
+              linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%),
+              url(${imageSrc})
+            `,
+                        backgroundSize: 'cover',
+                        backgroundPosition: 'center',
+                        backgroundRepeat: 'no-repeat',
+                    }
+                    : {
+                        background: 'var(--gray-2)',
+                    }),
+            }, children: _jsx(Container, { size: '4', style: { position: 'relative', zIndex: 3 }, children: _jsxs(Box, { style: {
+                        textAlign: 'center',
+                        padding: '2rem',
+                    }, children: [_jsx(Heading, { size: '9', mb: '5', style: {
+                                fontSize: 'clamp(3.5rem, 8vw, 5.5rem)',
+                                lineHeight: 1.1,
+                                letterSpacing: '-0.04em',
+                                fontWeight: 900,
+                                color: imageSrc ? 'white' : 'inherit',
+                                textShadow: imageSrc ? '0 2px 20px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.8)' : 'none',
+                            }, children: title }), _jsx(Text, { as: 'p', size: '6', mb: '7', style: {
+                                maxWidth: '600px',
+                                margin: '0 auto',
+                                display: 'block',
+                                lineHeight: 1.5,
+                                color: imageSrc ? 'white' : 'var(--gray-11)',
+                                textShadow: imageSrc ? '0 1px 10px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.8)' : 'none',
+                                opacity: imageSrc ? 0.95 : 1,
+                            }, children: tagline }), _jsx(Flex, { gap: '3', justify: 'center', wrap: 'wrap', mb: '8', mt: '9', children: ctaButtons.map((cta, index) => {
+                                const isExternal = cta.href.startsWith('http') || cta.href.startsWith('#');
+                                const isPrimary = cta.variant === 'primary' || (index === 0 && !cta.variant);
+                                if (isExternal) {
+                                    return (_jsx(Button, { size: '4', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx("a", { href: cta.href, children: cta.label }) }, index));
+                                }
+                                return (_jsx(Button, { size: '4', variant: isPrimary ? 'solid' : 'outline', asChild: true, children: _jsx(Link, { to: cta.href, children: cta.label }) }, index));
+                            }) }), schemaStats && (_jsxs(Flex, { gap: '6', justify: 'center', children: [_jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.types }), " Types"] }), _jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.queries }), " Queries"] }), schemaStats.mutations > 0 && (_jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.mutations }), " Mutations"] })), schemaStats.subscriptions > 0 && (_jsxs(Text, { size: '3', style: {
+                                        color: imageSrc ? 'white' : 'var(--gray-11)',
+                                        textShadow: imageSrc ? '0 1px 3px rgba(0,0,0,0.5)' : 'none',
+                                        opacity: imageSrc ? 0.9 : 0.8,
+                                    }, children: [_jsx("strong", { children: schemaStats.subscriptions }), " Subscriptions"] }))] }))] }) }) }) }));
+};
+//# sourceMappingURL=HeroSection.js.map

package/build/template/components/home/HeroSection.js.map

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

package/build/template/components/home/PlaygroundPreview.d.ts

@@ -0,0 +1,9 @@
+import type { GraphQLSchema } from 'graphql';
+import * as React from 'react';
+interface PlaygroundPreviewProps {
+    schema?: GraphQLSchema;
+    exampleQuery?: string;
+}
+export declare const PlaygroundPreviewSection: React.FC<PlaygroundPreviewProps>;
+export {};
+//# sourceMappingURL=PlaygroundPreview.d.ts.map

package/build/template/components/home/PlaygroundPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundPreview.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/PlaygroundPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAiBD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0FrE,CAAA"}

package/build/template/components/home/PlaygroundPreview.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Card, Flex, Heading, Section, Text } from '@radix-ui/themes';
+import { highlight } from 'codehike/code';
+import * as React from 'react';
+import { Link } from 'react-router';
+import { GraphQLInteractive } from '../GraphQLInteractive/GraphQLInteractive.js';
+const defaultQuery = `# Welcome to the GraphQL Playground
+# Try running this query to explore the API
+
+query ExploreAPI {
+  __schema {
+    queryType {
+      name
+      fields {
+        name
+        description
+      }
+    }
+  }
+}`;
+export const PlaygroundPreviewSection = ({ schema, exampleQuery = defaultQuery, }) => {
+    const [highlightedCode, setHighlightedCode] = React.useState(null);
+    React.useEffect(() => {
+        const highlightQuery = async () => {
+            const highlighted = await highlight({ value: exampleQuery, lang: 'graphql', meta: 'interactive' }, { theme: 'github-light' });
+            setHighlightedCode(highlighted);
+        };
+        highlightQuery();
+    }, [exampleQuery]);
+    if (!highlightedCode) {
+        return null;
+    }
+    return (_jsx(Section, { size: '3', pb: '8', id: 'playground', children: _jsxs(Box, { style: { maxWidth: '1200px', margin: '0 auto' }, children: [_jsx(Heading, { size: '7', mb: '2', style: { textAlign: 'center' }, children: "Try It Out" }), _jsx(Text, { size: '3', color: 'gray', mb: '6', style: { textAlign: 'center', display: 'block' }, children: "Explore the API with our interactive playground" }), _jsxs(Flex, { gap: '4', direction: 'column', children: [_jsx(Card, { size: '3', children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsxs(Box, { children: [_jsx(Text, { size: '2', weight: 'medium', color: 'gray', mb: '2', children: "Example Query" }), schema
+                                                ? (_jsx(GraphQLInteractive, { codeblock: highlightedCode, schema: schema, showWarningIfNoSchema: false }))
+                                                : (_jsx(GraphQLInteractive, { codeblock: highlightedCode, showWarningIfNoSchema: false }))] }), _jsxs(Flex, { gap: '3', justify: 'between', align: 'center', pt: '3', style: { borderTop: '1px solid var(--gray-4)' }, children: [_jsx(Text, { size: '2', color: 'gray', children: "This is a preview of our interactive GraphQL explorer" }), _jsx(Button, { size: '2', asChild: true, children: _jsx(Link, { to: '/playground', children: "Open Full Playground \u2192" }) })] })] }) }), _jsxs(Flex, { gap: '4', wrap: 'wrap', justify: 'center', children: [_jsx(FeatureCard, { title: 'Schema Explorer', description: 'Browse types, fields, and relationships', icon: '\uD83D\uDCDA' }), _jsx(FeatureCard, { title: 'Auto-complete', description: 'IntelliSense for queries and mutations', icon: '\u2728' }), _jsx(FeatureCard, { title: 'Mock Data', description: 'Test with realistic generated data', icon: '\uD83C\uDFB2' }), _jsx(FeatureCard, { title: 'Query History', description: 'Save and share your queries', icon: '\uD83D\uDCDD' })] })] })] }) }));
+};
+const FeatureCard = ({ title, description, icon }) => (_jsx(Card, { size: '2', style: { flex: '1 1 200px', maxWidth: '250px' }, children: _jsxs(Flex, { direction: 'column', gap: '2', align: 'center', style: { textAlign: 'center' }, children: [_jsx(Text, { size: '6', children: icon }), _jsx(Text, { size: '2', weight: 'medium', children: title }), _jsx(Text, { size: '1', color: 'gray', children: description })] }) }));
+//# sourceMappingURL=PlaygroundPreview.js.map

package/build/template/components/home/PlaygroundPreview.js.map

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

package/build/template/components/home/QuickStart.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface Props {
+    examples?: Array<{
+        label: string;
+        language: string;
+        code: string;
+    }>;
+}
+export declare const QuickStartSection: React.FC<Props>;
+export {};
+//# sourceMappingURL=QuickStart.d.ts.map

package/build/template/components/home/QuickStart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickStart.d.ts","sourceRoot":"","sources":["../../../../src/template/components/home/QuickStart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;CACH;AAqDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmE7C,CAAA"}

package/build/template/components/home/QuickStart.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Card, Heading, Section, Tabs, Text } from '@radix-ui/themes';
+import { highlight } from 'codehike/code';
+import * as React from 'react';
+import { CodeBlock } from '../CodeBlock.js';
+const defaultExamples = [
+    {
+        label: 'JavaScript',
+        language: 'javascript',
+        code: `// Install the GraphQL client
+npm install graphql-request
+
+// Make your first query
+import { request } from 'graphql-request'
+
+const query = \`
+  query GetData {
+    # Your query here
+  }
+\`
+
+const data = await request('/graphql', query)
+console.log(data)`,
+    },
+    {
+        label: 'cURL',
+        language: 'bash',
+        code: `# Make a GraphQL request with cURL
+curl -X POST \\
+  -H "Content-Type: application/json" \\
+  -d '{"query": "{ __typename }"}' \\
+  https://api.example.com/graphql`,
+    },
+    {
+        label: 'Python',
+        language: 'python',
+        code: `# Install the GraphQL client
+# pip install gql[requests]
+
+from gql import gql, Client
+from gql.transport.requests import RequestsHTTPTransport
+
+transport = RequestsHTTPTransport(url="https://api.example.com/graphql")
+client = Client(transport=transport)
+
+query = gql("""
+  query GetData {
+    # Your query here
+  }
+""")
+
+result = client.execute(query)
+print(result)`,
+    },
+];
+export const QuickStartSection = ({ examples = defaultExamples }) => {
+    // Pre-highlight code blocks during render
+    const [highlightedExamples, setHighlightedExamples] = React.useState([]);
+    React.useEffect(() => {
+        const highlightExamples = async () => {
+            const highlighted = await Promise.all(examples.map(async (example) => ({
+                label: example.label,
+                codeblock: await highlight({ value: example.code, lang: example.language, meta: '' }, { theme: 'github-light' }),
+            })));
+            setHighlightedExamples(highlighted);
+        };
+        highlightExamples();
+    }, [examples]);
+    if (highlightedExamples.length === 0) {
+        return (_jsx(Section, { size: '3', pb: '8', children: _jsx(Box, { style: { textAlign: 'center' }, children: _jsx(Text, { color: 'gray', children: "Loading examples..." }) }) }));
+    }
+    return (_jsx(Section, { size: '3', pb: '8', children: _jsxs(Box, { style: { maxWidth: '900px', margin: '0 auto' }, children: [_jsx(Heading, { size: '7', mb: '2', style: { textAlign: 'center' }, children: "Quick Start" }), _jsx(Text, { size: '3', color: 'gray', mb: '6', style: { textAlign: 'center', display: 'block' }, children: "Get up and running in minutes" }), _jsx(Card, { size: '3', children: _jsxs(Tabs.Root, { defaultValue: highlightedExamples[0]?.label || 'javascript', children: [_jsx(Tabs.List, { children: highlightedExamples.map((example) => (_jsx(Tabs.Trigger, { value: example.label, children: example.label }, example.label))) }), _jsx(Box, { pt: '4', children: highlightedExamples.map((example) => (_jsx(Tabs.Content, { value: example.label, children: _jsx(CodeBlock, { codeblock: example.codeblock }) }, example.label))) })] }) })] }) }));
+};
+//# sourceMappingURL=QuickStart.js.map