ai-props 2.3.0 → 2.4.0

package/dist/hono-jsx.d.ts

@@ -0,0 +1,208 @@
+/**
+ * hono/jsx integration for AI-powered props with hydration and streaming
+ *
+ * This module provides:
+ * - Hydration data collection during server render
+ * - Streaming render support with hono/jsx
+ * - AI-powered component prop generation
+ * - Context-aware rendering with Suspense support
+ *
+ * Bead: aip-fxpy (tests), aip-z57t (implementation)
+ *
+ * @packageDocumentation
+ */
+/**
+ * Hydration data structure collected during render
+ */
+export interface HydrationData {
+    /** Map of component ID to props used during render */
+    components: Map<string, Record<string, unknown>>;
+    /** Component hierarchy tree */
+    tree: HydrationNode[];
+    /** Serialize to JSON string */
+    toJSON(): string;
+}
+/**
+ * Node in the component hydration tree
+ */
+export interface HydrationNode {
+    id: string;
+    component: string;
+    props: Record<string, unknown>;
+    children: HydrationNode[];
+}
+/**
+ * Context for hydration tracking
+ */
+export interface HydrationContext {
+    /** Register a component render with props */
+    register(componentName: string, props: Record<string, unknown>): string;
+    /** Get collected hydration data */
+    getData(): HydrationData;
+    /** Clear collected data */
+    clear(): void;
+}
+/**
+ * Options for streaming render
+ */
+export interface StreamingOptions {
+    /** Include hydration data in stream */
+    includeHydration?: boolean;
+    /** Suspense configuration */
+    suspense?: {
+        fallback: string;
+    };
+    /** Error handler */
+    onError?: (error: Error) => string;
+    /** Enable progressive enhancement */
+    progressive?: boolean;
+    /** Custom headers for response */
+    headers?: Record<string, string>;
+    /** Enable streaming mode */
+    streaming?: boolean;
+}
+/**
+ * Options for streaming renderer
+ */
+export interface StreamingRendererOptions {
+    /** DOCTYPE to prepend */
+    doctype?: string;
+    /** Shell wrapper function */
+    shell?: (content: string, hydration?: string) => string;
+    /** Include hydration data */
+    includeHydration?: boolean;
+}
+/**
+ * Props for AI component creation
+ */
+export interface AIComponentProps<P = Record<string, unknown>> {
+    /** Component name */
+    name: string;
+    /** Schema for AI prop generation */
+    schema: Record<string, string>;
+    /** Render function */
+    render: (props: P) => string | Promise<string>;
+    /** Fallback props on error */
+    fallback?: Partial<P>;
+    /** Enable progressive enhancement */
+    progressive?: boolean;
+}
+/**
+ * Props for withAIProps wrapper
+ */
+export interface WithAIPropsOptions {
+    /** Schema for AI prop generation */
+    schema: Record<string, string>;
+    /** Fallback props on error */
+    fallback?: Record<string, unknown>;
+}
+/**
+ * Props for AIPropsProvider
+ */
+export interface AIPropsProviderProps {
+    /** AI props configuration */
+    config: {
+        model?: string;
+        cache?: boolean;
+        system?: string;
+    };
+    /** Children to render */
+    children: unknown;
+}
+/**
+ * Component type with schema attached
+ */
+export interface AIComponentFunction<P = Record<string, unknown>> {
+    (props: Partial<P> & {
+        context?: Record<string, unknown>;
+    }): Promise<string>;
+    schema: Record<string, string>;
+    displayName?: string;
+}
+/**
+ * Collect hydration data from a component render
+ *
+ * @param component - Component function to render
+ * @param props - Props to pass to component
+ * @returns Hydration data collected during render
+ */
+export declare function collectHydrationData<P>(component: (props: P) => string | Promise<string>, props: P): Promise<HydrationData>;
+/**
+ * Create a hydration context for tracking component renders
+ *
+ * @returns New hydration context
+ */
+export declare function createHydrationContext(): HydrationContext;
+/**
+ * Serialize hydration data to JSON string
+ *
+ * @param data - Hydration data to serialize
+ * @returns JSON string safe for script embedding
+ */
+export declare function serializeHydrationData(data: HydrationData): string;
+/**
+ * Provider component that enables hydration tracking for children
+ *
+ * @param props - Provider props with context and children
+ * @returns Rendered output with hydration tracking
+ */
+export declare function HydrationProvider(props: {
+    context: HydrationContext;
+    children: unknown;
+}): unknown;
+/**
+ * Hook to access hydration context from within a component
+ *
+ * @returns Current hydration context
+ */
+export declare function useHydration(): HydrationContext;
+/**
+ * Render a component to a ReadableStream
+ *
+ * @param component - Component function to render
+ * @param props - Props to pass to component
+ * @param options - Streaming options
+ * @returns ReadableStream of rendered HTML
+ */
+export declare function renderToReadableStream<P>(component: (props: P) => string | Promise<string>, props: P, options?: StreamingOptions): Promise<ReadableStream<Uint8Array>>;
+/**
+ * Create a streaming Response from a component
+ *
+ * @param component - Component function to render
+ * @param props - Props to pass to component
+ * @param options - Streaming options
+ * @returns Response with streaming body
+ */
+export declare function streamJSXResponse<P>(component: (props: P) => string | Promise<string>, props: P, options?: StreamingOptions): Promise<Response>;
+/**
+ * Create a reusable streaming renderer with configuration
+ *
+ * @param options - Renderer options
+ * @returns Streaming renderer instance
+ */
+export declare function createStreamingRenderer(options: StreamingRendererOptions): {
+    render: <P>(component: (props: P) => string | Promise<string>, props: P) => Promise<ReadableStream<Uint8Array>>;
+};
+/**
+ * Create a component with AI-powered prop generation
+ *
+ * @param options - Component options including schema and render function
+ * @returns AI-enhanced component function
+ */
+export declare function createAIComponent<P extends Record<string, unknown>>(options: AIComponentProps<P>): AIComponentFunction<P>;
+/**
+ * Wrap an existing component with AI prop generation
+ *
+ * @param component - Component function to wrap
+ * @param options - AI props options
+ * @returns Wrapped component with AI props
+ */
+export declare function withAIProps<P extends Record<string, unknown>>(component: (props: P) => string | Promise<string>, options: WithAIPropsOptions): AIComponentFunction<P>;
+/**
+ * Provider component for AI props configuration
+ *
+ * @param props - Provider props with config and children
+ * @returns Rendered output with AI props context
+ */
+export declare function AIPropsProvider(props: AIPropsProviderProps): unknown;
+//# sourceMappingURL=hono-jsx.d.ts.map

package/dist/hono-jsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hono-jsx.d.ts","sourceRoot":"","sources":["../src/hono-jsx.ts"],"names":[],"mappings":"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"}

package/dist/hono-jsx.js

@@ -0,0 +1,459 @@
+/**
+ * hono/jsx integration for AI-powered props with hydration and streaming
+ *
+ * This module provides:
+ * - Hydration data collection during server render
+ * - Streaming render support with hono/jsx
+ * - AI-powered component prop generation
+ * - Context-aware rendering with Suspense support
+ *
+ * Bead: aip-fxpy (tests), aip-z57t (implementation)
+ *
+ * @packageDocumentation
+ */
+import { generateProps, mergeWithGenerated } from './generate.js';
+// ============================================================================
+// Global hydration context (for useHydration hook simulation)
+// ============================================================================
+let globalHydrationContext = null;
+// ============================================================================
+// Hydration Data Collection
+// ============================================================================
+/**
+ * Create hydration data with the toJSON method
+ */
+function createHydrationData(components, tree) {
+    return {
+        components,
+        tree,
+        toJSON() {
+            return serializeHydrationData(this);
+        },
+    };
+}
+/**
+ * Collect hydration data from a component render
+ *
+ * @param component - Component function to render
+ * @param props - Props to pass to component
+ * @returns Hydration data collected during render
+ */
+export async function collectHydrationData(component, props) {
+    // Create a hydration context
+    const ctx = createHydrationContext();
+    // Store global context for nested components
+    const prevContext = globalHydrationContext;
+    globalHydrationContext = ctx;
+    try {
+        // Get component name
+        const componentName = component.name || 'Anonymous';
+        // Register the component
+        ctx.register(componentName, props);
+        // Render the component (this might trigger nested registrations)
+        await component(props);
+        // Return collected data
+        return ctx.getData();
+    }
+    finally {
+        // Restore previous context
+        globalHydrationContext = prevContext;
+    }
+}
+/**
+ * Create a hydration context for tracking component renders
+ *
+ * @returns New hydration context
+ */
+export function createHydrationContext() {
+    const components = new Map();
+    const tree = [];
+    let idCounter = 0;
+    return {
+        register(componentName, props) {
+            const id = `${componentName}-${idCounter++}`;
+            components.set(componentName, props);
+            const node = {
+                id,
+                component: componentName,
+                props,
+                children: [],
+            };
+            tree.push(node);
+            return id;
+        },
+        getData() {
+            return createHydrationData(new Map(components), [...tree]);
+        },
+        clear() {
+            components.clear();
+            tree.length = 0;
+            idCounter = 0;
+        },
+    };
+}
+/**
+ * Serialize hydration data to JSON string
+ *
+ * @param data - Hydration data to serialize
+ * @returns JSON string safe for script embedding
+ */
+export function serializeHydrationData(data) {
+    // Convert Map to object for serialization
+    const componentsObj = {};
+    // Use a WeakSet to detect circular references
+    const seen = new WeakSet();
+    function sanitizeValue(value) {
+        if (value === null || value === undefined) {
+            return value;
+        }
+        if (typeof value === 'object') {
+            if (seen.has(value)) {
+                return '[Circular]';
+            }
+            seen.add(value);
+            if (Array.isArray(value)) {
+                return value.map(sanitizeValue);
+            }
+            const result = {};
+            for (const [k, v] of Object.entries(value)) {
+                result[k] = sanitizeValue(v);
+            }
+            return result;
+        }
+        return value;
+    }
+    for (const [key, value] of data.components) {
+        componentsObj[key] = sanitizeValue(value);
+    }
+    const serializable = {
+        components: componentsObj,
+        tree: data.tree.map((node) => ({
+            id: node.id,
+            component: node.component,
+            props: sanitizeValue(node.props),
+            children: node.children,
+        })),
+    };
+    let json = JSON.stringify(serializable);
+    // Escape script tags to prevent XSS
+    json = json.replace(/<script/gi, '\\u003cscript');
+    json = json.replace(/<\/script/gi, '\\u003c/script');
+    return json;
+}
+/**
+ * Provider component that enables hydration tracking for children
+ *
+ * @param props - Provider props with context and children
+ * @returns Rendered output with hydration tracking
+ */
+export function HydrationProvider(props) {
+    // Store context globally for nested components
+    const prevContext = globalHydrationContext;
+    globalHydrationContext = props.context;
+    try {
+        // Return children - in a real JSX environment this would render them
+        return props.children;
+    }
+    finally {
+        // Note: In real JSX, we'd restore on unmount, not here
+        // For our purposes, we keep it set for the duration
+        globalHydrationContext = prevContext;
+    }
+}
+/**
+ * Hook to access hydration context from within a component
+ *
+ * @returns Current hydration context
+ */
+export function useHydration() {
+    if (!globalHydrationContext) {
+        // Return a no-op context if not in a HydrationProvider
+        return createHydrationContext();
+    }
+    return globalHydrationContext;
+}
+// ============================================================================
+// Streaming Render
+// ============================================================================
+/**
+ * Render a component to a ReadableStream
+ *
+ * @param component - Component function to render
+ * @param props - Props to pass to component
+ * @param options - Streaming options
+ * @returns ReadableStream of rendered HTML
+ */
+export async function renderToReadableStream(component, props, options) {
+    const encoder = new TextEncoder();
+    return new ReadableStream({
+        async start(controller) {
+            try {
+                // Create hydration context if needed
+                const ctx = options?.includeHydration ? createHydrationContext() : null;
+                if (ctx) {
+                    globalHydrationContext = ctx;
+                }
+                // Render the component
+                let content;
+                try {
+                    content = await component(props);
+                }
+                catch (error) {
+                    if (options?.onError && error instanceof Error) {
+                        content = options.onError(error);
+                    }
+                    else {
+                        throw error;
+                    }
+                }
+                // Enqueue the content in chunks for streaming behavior
+                const chunkSize = 1024;
+                for (let i = 0; i < content.length; i += chunkSize) {
+                    const chunk = content.slice(i, i + chunkSize);
+                    controller.enqueue(encoder.encode(chunk));
+                }
+                // Add hydration script if requested
+                if (options?.includeHydration && ctx) {
+                    const componentName = component.name || 'Anonymous';
+                    ctx.register(componentName, props);
+                    const hydrationData = ctx.getData();
+                    const hydrationScript = `<script>window.__HYDRATION_DATA__=${serializeHydrationData(hydrationData)}</script>`;
+                    controller.enqueue(encoder.encode(hydrationScript));
+                }
+                controller.close();
+            }
+            catch (error) {
+                controller.error(error);
+            }
+            finally {
+                globalHydrationContext = null;
+            }
+        },
+    });
+}
+/**
+ * Create a streaming Response from a component
+ *
+ * @param component - Component function to render
+ * @param props - Props to pass to component
+ * @param options - Streaming options
+ * @returns Response with streaming body
+ */
+export async function streamJSXResponse(component, props, options) {
+    const stream = await renderToReadableStream(component, props, options);
+    const headers = new Headers({
+        'Content-Type': 'text/html; charset=utf-8',
+        ...options?.headers,
+    });
+    // Don't set Content-Length for streaming responses
+    if (options?.streaming) {
+        // Transfer-Encoding is typically set automatically by the runtime
+    }
+    return new Response(stream, {
+        status: 200,
+        headers,
+    });
+}
+/**
+ * Create a reusable streaming renderer with configuration
+ *
+ * @param options - Renderer options
+ * @returns Streaming renderer instance
+ */
+export function createStreamingRenderer(options) {
+    return {
+        async render(component, props) {
+            const encoder = new TextEncoder();
+            return new ReadableStream({
+                async start(controller) {
+                    try {
+                        // Create hydration context
+                        const ctx = options.includeHydration ? createHydrationContext() : null;
+                        if (ctx) {
+                            globalHydrationContext = ctx;
+                        }
+                        // Render the component
+                        const content = await component(props);
+                        // Register for hydration data
+                        if (ctx) {
+                            const componentName = component.name || 'Anonymous';
+                            ctx.register(componentName, props);
+                        }
+                        // Get hydration data
+                        let hydrationJson = '';
+                        if (options.includeHydration && ctx) {
+                            hydrationJson = serializeHydrationData(ctx.getData());
+                        }
+                        // Apply shell wrapper if provided
+                        let output;
+                        if (options.shell) {
+                            // When using shell, pass hydration data with __HYDRATION_DATA__ prefix
+                            // so the shell can embed it directly in a script tag
+                            const hydrationScript = hydrationJson
+                                ? `window.__HYDRATION_DATA__=${hydrationJson}`
+                                : '';
+                            output = options.shell(content, hydrationScript);
+                        }
+                        else {
+                            output = content;
+                            if (options.includeHydration && hydrationJson) {
+                                output += `<script>window.__HYDRATION_DATA__=${hydrationJson}</script>`;
+                            }
+                        }
+                        // Prepend doctype if provided
+                        if (options.doctype) {
+                            output = options.doctype + '\n' + output;
+                        }
+                        // Stream in chunks
+                        const chunkSize = 1024;
+                        for (let i = 0; i < output.length; i += chunkSize) {
+                            const chunk = output.slice(i, i + chunkSize);
+                            controller.enqueue(encoder.encode(chunk));
+                        }
+                        controller.close();
+                    }
+                    catch (error) {
+                        controller.error(error);
+                    }
+                    finally {
+                        globalHydrationContext = null;
+                    }
+                },
+            });
+        },
+    };
+}
+// ============================================================================
+// AI Component Creation
+// ============================================================================
+/**
+ * Create a component with AI-powered prop generation
+ *
+ * @param options - Component options including schema and render function
+ * @returns AI-enhanced component function
+ */
+export function createAIComponent(options) {
+    const { name, schema, render, fallback, progressive } = options;
+    const aiComponent = async (props) => {
+        const { context, ...partialProps } = props;
+        // Check which props are missing
+        const schemaKeys = Object.keys(schema);
+        const providedKeys = Object.keys(partialProps);
+        const missingKeys = schemaKeys.filter((k) => !providedKeys.includes(k));
+        let finalProps;
+        if (missingKeys.length === 0) {
+            // All props provided, no generation needed
+            finalProps = partialProps;
+        }
+        else {
+            // Generate missing props
+            try {
+                // Build schema for only missing props
+                const missingSchema = {};
+                for (const key of missingKeys) {
+                    const schemaValue = schema[key];
+                    if (schemaValue !== undefined) {
+                        missingSchema[key] = schemaValue;
+                    }
+                }
+                const result = await generateProps({
+                    schema: missingSchema,
+                    context: context || partialProps,
+                });
+                finalProps = {
+                    ...result.props,
+                    ...partialProps,
+                };
+            }
+            catch (error) {
+                // Use fallback on error
+                if (fallback) {
+                    finalProps = {
+                        ...fallback,
+                        ...partialProps,
+                    };
+                }
+                else {
+                    throw error;
+                }
+            }
+        }
+        // Render the component
+        return render(finalProps);
+    };
+    // Attach schema and metadata
+    aiComponent.schema = schema;
+    aiComponent.displayName = `AI(${name})`;
+    return aiComponent;
+}
+/**
+ * Wrap an existing component with AI prop generation
+ *
+ * @param component - Component function to wrap
+ * @param options - AI props options
+ * @returns Wrapped component with AI props
+ */
+export function withAIProps(component, options) {
+    const { schema, fallback } = options;
+    const wrappedComponent = async (props) => {
+        const { context, ...partialProps } = props;
+        // Check which props are missing
+        const schemaKeys = Object.keys(schema);
+        const providedKeys = Object.keys(partialProps);
+        const missingKeys = schemaKeys.filter((k) => !providedKeys.includes(k));
+        let finalProps;
+        if (missingKeys.length === 0) {
+            // All props provided
+            finalProps = partialProps;
+        }
+        else {
+            // Generate missing props
+            try {
+                const missingSchema = {};
+                for (const key of missingKeys) {
+                    const schemaValue = schema[key];
+                    if (schemaValue !== undefined) {
+                        missingSchema[key] = schemaValue;
+                    }
+                }
+                const result = await generateProps({
+                    schema: missingSchema,
+                    context: context || partialProps,
+                });
+                finalProps = {
+                    ...result.props,
+                    ...partialProps,
+                };
+            }
+            catch (error) {
+                if (fallback) {
+                    finalProps = {
+                        ...fallback,
+                        ...partialProps,
+                    };
+                }
+                else {
+                    throw error;
+                }
+            }
+        }
+        return component(finalProps);
+    };
+    // Preserve displayName
+    const originalName = component.displayName || component.name || 'Component';
+    wrappedComponent.schema = schema;
+    wrappedComponent.displayName = `withAIProps(${originalName})`;
+    return wrappedComponent;
+}
+/**
+ * Provider component for AI props configuration
+ *
+ * @param props - Provider props with config and children
+ * @returns Rendered output with AI props context
+ */
+export function AIPropsProvider(props) {
+    // Store configuration globally (in a real implementation, use React Context)
+    // For now, we just pass through children
+    return props.children;
+}
+//# sourceMappingURL=hono-jsx.js.map