kern-lang 1.0.0

package/dist/transpiler-web.js

@@ -0,0 +1,218 @@
+import { expandStyles } from './styles-react.js';
+import { countTokens, serializeIR } from './utils.js';
+const NODE_TO_ELEMENT = {
+    screen: 'div',
+    row: 'div',
+    col: 'div',
+    card: 'div',
+    scroll: 'div',
+    text: 'span',
+    image: 'img',
+    progress: 'div',
+    divider: 'hr',
+    button: 'button',
+    input: 'input',
+    modal: 'dialog',
+    list: 'ul',
+    item: 'li',
+    tabs: 'nav',
+    tab: 'button',
+    header: 'header',
+};
+function cssPropertyName(camel) {
+    return camel.replace(/([A-Z])/g, '-$1').toLowerCase();
+}
+function cssValue(key, value) {
+    if (typeof value === 'number') {
+        const unitless = ['flex', 'fontWeight', 'opacity', 'zIndex', 'lineHeight'];
+        if (unitless.some(u => key.toLowerCase().includes(u.toLowerCase())))
+            return String(value);
+        return `${value}px`;
+    }
+    return String(value);
+}
+export function transpileWeb(root, _config) {
+    const sourceMap = [];
+    const cssClasses = {};
+    let classIdx = 0;
+    const jsxLines = [];
+    // Collect themes
+    const themes = {};
+    function collectThemes(node) {
+        if (node.type === 'theme' && node.props) {
+            const props = node.props;
+            if (props.styles) {
+                const keys = Object.keys(props).filter(k => k !== 'styles' && k !== 'pseudoStyles' && k !== 'themeRefs');
+                const name = keys[0] || `theme_${classIdx++}`;
+                themes[name] = props.styles;
+            }
+        }
+        if (node.children)
+            node.children.forEach(collectThemes);
+    }
+    collectThemes(root);
+    function getClassName(nodeType) {
+        return `${nodeType}_${classIdx++}`;
+    }
+    function renderNode(node, indent) {
+        if (node.type === 'theme')
+            return;
+        const el = NODE_TO_ELEMENT[node.type] || 'div';
+        const irLine = node.loc?.line || 0;
+        const outLine = jsxLines.length + 1;
+        sourceMap.push({ irLine, irCol: node.loc?.col || 1, outLine, outCol: 1 });
+        const props = node.props || {};
+        const attrs = [];
+        // Merge styles: theme refs + inline
+        let mergedStyles = {};
+        const themeRefs = props.themeRefs || [];
+        for (const ref of themeRefs) {
+            if (themes[ref]) {
+                mergedStyles = { ...mergedStyles, ...expandStyles(themes[ref]) };
+            }
+        }
+        if (props.styles) {
+            mergedStyles = { ...mergedStyles, ...expandStyles(props.styles) };
+        }
+        // Add layout defaults
+        if (node.type === 'screen') {
+            if (!mergedStyles.display)
+                mergedStyles.display = 'flex';
+            if (!mergedStyles.flexDirection)
+                mergedStyles.flexDirection = 'column';
+            if (!mergedStyles.minHeight)
+                mergedStyles.minHeight = '100vh';
+        }
+        if (node.type === 'row') {
+            if (!mergedStyles.display)
+                mergedStyles.display = 'flex';
+            if (!mergedStyles.flexDirection)
+                mergedStyles.flexDirection = 'row';
+        }
+        if (node.type === 'col') {
+            if (!mergedStyles.display)
+                mergedStyles.display = 'flex';
+            if (!mergedStyles.flexDirection)
+                mergedStyles.flexDirection = 'column';
+        }
+        if (node.type === 'card') {
+            if (!mergedStyles.boxShadow)
+                mergedStyles.boxShadow = '0 2px 8px rgba(0,0,0,0.1)';
+        }
+        let className = '';
+        if (Object.keys(mergedStyles).length > 0) {
+            className = getClassName(node.type);
+            cssClasses[className] = mergedStyles;
+            attrs.push(`className={styles.${className}}`);
+        }
+        // Pseudo-styles as CSS hover/active
+        const pseudoStyles = props.pseudoStyles;
+        // Props as attributes
+        for (const [k, v] of Object.entries(props)) {
+            if (['styles', 'pseudoStyles', 'themeRefs', 'value', 'text', 'src'].includes(k))
+                continue;
+            if (k === 'to' && node.type === 'button') {
+                attrs.push(`onClick={() => router.push('/${v}')}`);
+                continue;
+            }
+            attrs.push(`${k === 'active' ? 'data-active' : k}="${v}"`);
+        }
+        // Image src
+        if (node.type === 'image' && props.src) {
+            attrs.push(`src="/${props.src}.png"`);
+            attrs.push(`alt="${props.src}"`);
+        }
+        const attrStr = attrs.length > 0 ? ' ' + attrs.join(' ') : '';
+        const hasChildren = (node.children && node.children.length > 0) ||
+            (node.type === 'text' && props.value) ||
+            (node.type === 'button' && props.text) ||
+            (node.type === 'progress');
+        if (hasChildren) {
+            jsxLines.push(`${indent}<${el}${attrStr}>`);
+            if (node.type === 'text' && props.value) {
+                jsxLines.push(`${indent}  {${JSON.stringify(props.value)}}`);
+            }
+            if (node.type === 'button' && props.text) {
+                jsxLines.push(`${indent}  ${props.text}`);
+            }
+            if (node.type === 'progress') {
+                const label = props.label || '';
+                const current = Number(props.current || 0);
+                const target = Number(props.target || 100);
+                const unit = props.unit || '';
+                const color = props.color || '#007AFF';
+                const pct = Math.round((current / target) * 100);
+                const barClass = getClassName('progressBar');
+                const fillClass = getClassName('progressFill');
+                cssClasses[barClass] = { height: 8, borderRadius: 4, backgroundColor: '#E0E0E0', overflow: 'hidden', width: '100%' };
+                cssClasses[fillClass] = { height: 8, borderRadius: 4, backgroundColor: color, width: `${pct}%` };
+                jsxLines.push(`${indent}  <span className={styles.progressLabel}>${label}: ${current}/${target} ${unit}</span>`);
+                jsxLines.push(`${indent}  <div className={styles.${barClass}}>`);
+                jsxLines.push(`${indent}    <div className={styles.${fillClass}} />`);
+                jsxLines.push(`${indent}  </div>`);
+            }
+            if (node.children) {
+                for (const child of node.children) {
+                    renderNode(child, indent + '  ');
+                }
+            }
+            jsxLines.push(`${indent}</${el}>`);
+        }
+        else if (node.type === 'image') {
+            jsxLines.push(`${indent}<${el}${attrStr} />`);
+        }
+        else if (node.type === 'divider') {
+            jsxLines.push(`${indent}<${el}${attrStr} />`);
+        }
+        else if (node.type === 'input') {
+            jsxLines.push(`${indent}<${el}${attrStr} />`);
+        }
+        else {
+            jsxLines.push(`${indent}<${el}${attrStr} />`);
+        }
+    }
+    renderNode(root, '    ');
+    const name = root.props?.name || 'Component';
+    const code = [];
+    // React + Next.js compatible
+    code.push(`'use client';`);
+    code.push('');
+    code.push(`import React from 'react';`);
+    code.push('');
+    // CSS Module styles
+    code.push(`const styles: Record<string, React.CSSProperties> = {`);
+    for (const [cname, cval] of Object.entries(cssClasses)) {
+        const entries = Object.entries(cval)
+            .map(([k, v]) => `    ${k}: ${typeof v === 'number' ? v : `'${v}'`}`)
+            .join(',\n');
+        code.push(`  ${cname}: {`);
+        code.push(entries + ',');
+        code.push(`  },`);
+    }
+    if (!cssClasses['progressLabel']) {
+        code.push(`  progressLabel: {`);
+        code.push(`    fontSize: 14,`);
+        code.push(`    marginBottom: 4,`);
+        code.push(`  },`);
+    }
+    code.push(`};`);
+    code.push('');
+    code.push(`export default function ${name}() {`);
+    code.push('  return (');
+    code.push(...jsxLines);
+    code.push('  );');
+    code.push('}');
+    const output = code.join('\n');
+    const irText = serializeIR(root);
+    const irTokenCount = countTokens(irText);
+    const tsTokenCount = countTokens(output);
+    const tokenReduction = Math.round((1 - irTokenCount / tsTokenCount) * 100);
+    return {
+        code: output,
+        sourceMap,
+        irTokenCount,
+        tsTokenCount,
+        tokenReduction,
+    };
+}
+//# sourceMappingURL=transpiler-web.js.map

package/dist/transpiler-web.js.map

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

package/dist/transpiler.d.ts

@@ -0,0 +1,3 @@
+import type { IRNode, TranspileResult } from './types.js';
+import type { ResolvedKernConfig } from './config.js';
+export declare function transpile(root: IRNode, _config?: ResolvedKernConfig): TranspileResult;

package/dist/transpiler.js

@@ -0,0 +1,218 @@
+import { expandStyles } from './styles-react.js';
+import { countTokens, serializeIR } from './utils.js';
+const NODE_TO_COMPONENT = {
+    screen: 'View',
+    row: 'View',
+    col: 'View',
+    card: 'View',
+    scroll: 'ScrollView',
+    text: 'Text',
+    image: 'Image',
+    progress: 'View',
+    divider: 'View',
+    button: 'TouchableOpacity',
+    input: 'TextInput',
+    modal: 'Modal',
+    list: 'View',
+    item: 'View',
+    tabs: 'View',
+    tab: 'TouchableOpacity',
+    header: 'View',
+};
+function styleToString(styles, indent) {
+    const entries = Object.entries(styles);
+    if (entries.length === 0)
+        return '{}';
+    const lines = entries.map(([k, v]) => {
+        const val = typeof v === 'number' ? String(v) : `'${v}'`;
+        return `${indent}  ${k}: ${val},`;
+    });
+    return `{\n${lines.join('\n')}\n${indent}}`;
+}
+export function transpile(root, _config) {
+    const sourceMap = [];
+    const styleEntries = {};
+    let styleIdx = 0;
+    const lines = [];
+    const imports = new Set();
+    // Collect theme definitions
+    const themes = {};
+    function collectThemes(node) {
+        if (node.type === 'theme' && node.props) {
+            const name = Object.values(node.props).find(v => typeof v === 'string');
+            const themeName = node.props['name'];
+            // theme nodes: type=theme, first prop value or the styles
+            if (node.props.styles) {
+                const key = themeName || name || `theme_${styleIdx++}`;
+                themes[key] = node.props.styles;
+            }
+        }
+        if (node.children)
+            node.children.forEach(collectThemes);
+    }
+    collectThemes(root);
+    // For theme nodes like "theme bar {h:8,br:4}", the type name follows "theme"
+    // Re-collect from raw structure
+    function collectThemeNodes(node) {
+        if (node.children) {
+            for (const child of node.children) {
+                if (child.type === 'theme') {
+                    // The name is the first string prop value or from props
+                    const props = child.props || {};
+                    // In our parser, "theme bar {h:8,br:4}" parses as type=theme with
+                    // remaining "bar" not matching a prop pattern. Let me handle this in a different way.
+                    // Actually looking at the parser, "bar" after "theme" would not be parsed as a prop.
+                    // Let me check: "theme bar {h:8,br:4}" - type="theme", then "bar" tries to match as prop (no =), fails.
+                    // So we need to handle theme name specially. For now, get it from the parser result.
+                    if (props.styles) {
+                        // Use first non-style, non-pseudoStyles key as name, or generate one
+                        const keys = Object.keys(props).filter(k => k !== 'styles' && k !== 'pseudoStyles' && k !== 'themeRefs');
+                        const name = keys[0] || `theme_${styleIdx++}`;
+                        themes[name] = props.styles;
+                    }
+                }
+                collectThemeNodes(child);
+            }
+        }
+    }
+    collectThemeNodes(root);
+    function getStyleName(nodeType) {
+        return `${nodeType}_${styleIdx++}`;
+    }
+    function renderNode(node, indent) {
+        if (node.type === 'theme')
+            return; // Don't render theme definitions
+        const comp = NODE_TO_COMPONENT[node.type] || 'View';
+        imports.add(comp);
+        const irLine = node.loc?.line || 0;
+        const outLine = lines.length + 1;
+        sourceMap.push({ irLine, irCol: node.loc?.col || 1, outLine, outCol: 1 });
+        const props = node.props || {};
+        const attrs = [];
+        // Compute merged styles: theme refs + inline
+        let mergedStyles = {};
+        // Apply theme refs first
+        const themeRefs = props.themeRefs || [];
+        for (const ref of themeRefs) {
+            if (themes[ref]) {
+                mergedStyles = { ...mergedStyles, ...expandStyles(themes[ref]) };
+            }
+        }
+        // Apply inline styles on top
+        if (props.styles) {
+            mergedStyles = { ...mergedStyles, ...expandStyles(props.styles) };
+        }
+        // Add default flexDirection for row
+        if (node.type === 'row' && !mergedStyles.flexDirection) {
+            mergedStyles.flexDirection = 'row';
+        }
+        let styleName = '';
+        if (Object.keys(mergedStyles).length > 0) {
+            styleName = getStyleName(node.type);
+            styleEntries[styleName] = mergedStyles;
+            attrs.push(`style={styles.${styleName}}`);
+        }
+        // Handle pseudo-styles (simplified: just store as comment)
+        const pseudoStyles = props.pseudoStyles;
+        // Add meaningful props as JSX attributes
+        for (const [k, v] of Object.entries(props)) {
+            if (k === 'styles' || k === 'pseudoStyles' || k === 'themeRefs')
+                continue;
+            if (k === 'value' && node.type === 'text')
+                continue; // handled as children
+            if (k === 'text' && node.type === 'button')
+                continue; // handled as children
+            if (k === 'src' && node.type === 'image') {
+                attrs.push(`source={require('./${v}')}`);
+                continue;
+            }
+            attrs.push(`${k}="${v}"`);
+        }
+        const attrStr = attrs.length > 0 ? ' ' + attrs.join(' ') : '';
+        const hasChildren = (node.children && node.children.length > 0) ||
+            (node.type === 'text' && props.value) ||
+            (node.type === 'button' && props.text) ||
+            (node.type === 'progress');
+        if (hasChildren) {
+            lines.push(`${indent}<${comp}${attrStr}>`);
+            // Text content
+            if (node.type === 'text' && props.value) {
+                lines.push(`${indent}  {${JSON.stringify(props.value)}}`);
+            }
+            // Button text
+            if (node.type === 'button' && props.text) {
+                imports.add('Text');
+                lines.push(`${indent}  <Text style={styles.buttonText}>${props.text}</Text>`);
+                if (!styleEntries.buttonText) {
+                    styleEntries.buttonText = { color: '#FFFFFF', textAlign: 'center', fontWeight: 'bold' };
+                }
+            }
+            // Progress bar rendering
+            if (node.type === 'progress') {
+                imports.add('Text');
+                const label = props.label || '';
+                const current = props.current || 0;
+                const target = props.target || 100;
+                const unit = props.unit || '';
+                lines.push(`${indent}  <Text>${label}: ${current}/${target} ${unit}</Text>`);
+                const barStyle = getStyleName('progressBar');
+                const fillStyle = getStyleName('progressFill');
+                styleEntries[barStyle] = { height: 8, borderRadius: 4, backgroundColor: '#E0E0E0', overflow: 'hidden' };
+                const color = props.color || '#007AFF';
+                const pct = Number(current) / Number(target);
+                styleEntries[fillStyle] = { height: 8, borderRadius: 4, backgroundColor: color, width: `${Math.round(pct * 100)}%` };
+                lines.push(`${indent}  <View style={styles.${barStyle}}>`);
+                lines.push(`${indent}    <View style={styles.${fillStyle}} />`);
+                lines.push(`${indent}  </View>`);
+            }
+            // Child nodes
+            if (node.children) {
+                for (const child of node.children) {
+                    renderNode(child, indent + '  ');
+                }
+            }
+            lines.push(`${indent}</${comp}>`);
+        }
+        else {
+            lines.push(`${indent}<${comp}${attrStr} />`);
+        }
+    }
+    // Render
+    renderNode(root, '    ');
+    // Build component name
+    const name = root.props?.name || 'Component';
+    // Build imports
+    const importList = Array.from(imports).sort();
+    const code = [];
+    code.push(`import React from 'react';`);
+    code.push(`import { ${importList.join(', ')}, StyleSheet } from 'react-native';`);
+    code.push('');
+    code.push(`const ${name}: React.FC = () => {`);
+    code.push('  return (');
+    code.push(...lines);
+    code.push('  );');
+    code.push('};');
+    code.push('');
+    // Build StyleSheet
+    code.push('const styles = StyleSheet.create({');
+    for (const [sname, sval] of Object.entries(styleEntries)) {
+        code.push(`  ${sname}: ${styleToString(sval, '  ')},`);
+    }
+    code.push('});');
+    code.push('');
+    code.push(`export default ${name};`);
+    const output = code.join('\n');
+    // Serialize IR back for token counting
+    const irText = serializeIR(root);
+    const irTokenCount = countTokens(irText);
+    const tsTokenCount = countTokens(output);
+    const tokenReduction = Math.round((1 - irTokenCount / tsTokenCount) * 100);
+    return {
+        code: output,
+        sourceMap,
+        irTokenCount,
+        tsTokenCount,
+        tokenReduction,
+    };
+}
+//# sourceMappingURL=transpiler.js.map

package/dist/transpiler.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Kern IR Type System
+ *
+ * This is the contract. Each forge engine must implement:
+ * 1. A parser that reads IR → IRNode tree
+ * 2. A transpiler that converts IRNode tree → React Native TypeScript
+ * 3. A decompiler that converts IRNode tree → human-readable TypeScript
+ * 4. Source map generation for debugging
+ */
+/** Base node in the IR tree */
+export interface IRNode {
+    /** Node type identifier */
+    type: string;
+    /** Source location for source maps */
+    loc?: IRSourceLocation;
+    /** Child nodes */
+    children?: IRNode[];
+    /** Node-specific properties */
+    props?: Record<string, unknown>;
+}
+/** Source location tracking */
+export interface IRSourceLocation {
+    line: number;
+    col: number;
+    endLine?: number;
+    endCol?: number;
+}
+/** Source map entry */
+export interface SourceMapEntry {
+    /** Position in IR source */
+    irLine: number;
+    irCol: number;
+    /** Position in generated output */
+    outLine: number;
+    outCol: number;
+}
+/** Generated output artifact (for multi-file targets like Next.js, Express) */
+export interface GeneratedArtifact {
+    /** Relative output path */
+    path: string;
+    /** Generated code */
+    content: string;
+    /** Artifact type */
+    type: 'page' | 'layout' | 'route' | 'middleware' | 'component' | 'config' | 'entry' | 'command';
+}
+/** Result of transpilation */
+export interface TranspileResult {
+    /** Generated React Native TypeScript code */
+    code: string;
+    /** Source map entries */
+    sourceMap: SourceMapEntry[];
+    /** Token count of the IR input */
+    irTokenCount: number;
+    /** Token count of the generated TypeScript output */
+    tsTokenCount: number;
+    /** Token reduction percentage */
+    tokenReduction: number;
+    /** Multi-file output artifacts */
+    artifacts?: GeneratedArtifact[];
+}
+/** Result of decompilation (IR → human-readable) */
+export interface DecompileResult {
+    /** Human-readable TypeScript representation */
+    code: string;
+}
+/** The main engine interface each implementation must satisfy */
+export interface KernEngine {
+    /** Parse IR source text into an IR node tree */
+    parse(source: string): IRNode;
+    /** Transpile IR node tree to React Native TypeScript */
+    transpile(root: IRNode): TranspileResult;
+    /** Decompile IR node tree to human-readable TypeScript */
+    decompile(root: IRNode): DecompileResult;
+    /** Get the IR representation of a component (for token comparison) */
+    serialize(root: IRNode): string;
+}

package/dist/types.js

@@ -0,0 +1,11 @@
+/**
+ * Kern IR Type System
+ *
+ * This is the contract. Each forge engine must implement:
+ * 1. A parser that reads IR → IRNode tree
+ * 2. A transpiler that converts IRNode tree → React Native TypeScript
+ * 3. A decompiler that converts IRNode tree → human-readable TypeScript
+ * 4. Source map generation for debugging
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG"}

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+import type { IRNode } from './types.js';
+export declare function countTokens(text: string): number;
+export declare function serializeIR(node: IRNode, indent?: string): string;
+export declare function camelKey(text: string): string;
+export declare function escapeJsx(s: string): string;

package/dist/utils.js

@@ -0,0 +1,36 @@
+export function countTokens(text) {
+    return text.split(/[\s{}()\[\];,.<>:='"]+/).filter(Boolean).length;
+}
+export function serializeIR(node, indent = '') {
+    let line = `${indent}${node.type}`;
+    const props = node.props || {};
+    for (const [k, v] of Object.entries(props)) {
+        if (k === 'styles' || k === 'pseudoStyles' || k === 'themeRefs')
+            continue;
+        line += ` ${k}=${typeof v === 'string' && v.includes(' ') ? `"${v}"` : v}`;
+    }
+    if (props.styles) {
+        const pairs = Object.entries(props.styles)
+            .map(([k, v]) => `${k}:${v}`).join(',');
+        line += ` {${pairs}}`;
+    }
+    if (props.themeRefs) {
+        for (const ref of props.themeRefs) {
+            line += ` $${ref}`;
+        }
+    }
+    let result = line + '\n';
+    if (node.children) {
+        for (const child of node.children) {
+            result += serializeIR(child, indent + '  ');
+        }
+    }
+    return result;
+}
+export function camelKey(text) {
+    return text.toLowerCase().replace(/[^a-z0-9]+(.)/g, (_, c) => c.toUpperCase()).replace(/[^a-zA-Z0-9]/g, '');
+}
+export function escapeJsx(s) {
+    return s.replace(/'/g, "\\'");
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,OAAO,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAY,EAAE,MAAM,GAAG,EAAE;IACnD,IAAI,IAAI,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAC/B,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3C,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,cAAc,IAAI,CAAC,KAAK,WAAW;YAAE,SAAS;QAC1E,IAAI,IAAI,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,CAAC;IACD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAgC,CAAC;aACjE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,IAAI,KAAK,KAAK,GAAG,CAAC;IACxB,CAAC;IACD,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,SAAqB,EAAE,CAAC;YAC9C,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IACD,IAAI,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,MAAM,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAY;IACnC,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;AAC9G,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,CAAS;IACjC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAChC,CAAC"}