@lynx-js/genui 0.0.1-rc.0

package/openui/dist/core/renderer.css

@@ -0,0 +1,271 @@
+/* ===== Stack ===== */
+.OpenUIStack {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+
+.OpenUIStackRow {
+  flex-direction: row;
+}
+
+.OpenUIStackColumn {
+  flex-direction: column;
+}
+
+.OpenUIStackWrap {
+  flex-wrap: wrap;
+}
+
+.OpenUIGapNone {
+  gap: 0;
+}
+
+.OpenUIGapXs {
+  gap: 6rpx;
+}
+
+.OpenUIGapS {
+  gap: 10rpx;
+}
+
+.OpenUIGapM {
+  gap: 12rpx;
+}
+
+.OpenUIGapL {
+  gap: 16rpx;
+}
+
+.OpenUIGapXl {
+  gap: 24rpx;
+}
+
+.OpenUIAlignStart {
+  align-items: flex-start;
+}
+
+.OpenUIAlignCenter {
+  align-items: center;
+}
+
+.OpenUIAlignEnd {
+  align-items: flex-end;
+}
+
+.OpenUIAlignStretch {
+  align-items: stretch;
+}
+
+.OpenUIJustifyStart {
+  justify-content: flex-start;
+}
+
+.OpenUIJustifyCenter {
+  justify-content: center;
+}
+
+.OpenUIJustifyEnd {
+  justify-content: flex-end;
+}
+
+.OpenUIJustifyBetween {
+  justify-content: space-between;
+}
+
+/* ===== Card ===== */
+.OpenUICard {
+  width: 100%;
+  padding: 14rpx;
+  border-radius: 14rpx;
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+
+.OpenUICardVariantCard {
+  background-color: #ffffff;
+  border-width: 1rpx;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.08);
+}
+
+.OpenUICardVariantSunk {
+  background-color: rgba(0, 0, 0, 0.02);
+  border-width: 1rpx;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.06);
+}
+
+.OpenUICardVariantClear {
+  background-color: transparent;
+}
+
+/* ===== CardHeader ===== */
+.OpenUICardHeader {
+  display: flex;
+  flex-direction: column;
+  gap: 6rpx;
+}
+
+.OpenUICardHeaderTitle {
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 30rpx;
+  font-weight: 700;
+}
+
+.OpenUICardHeaderSubtitle {
+  color: rgba(0, 0, 0, 0.55);
+  font-size: 24rpx;
+}
+
+/* ===== TextContent ===== */
+.OpenUITextContent {
+  color: rgba(0, 0, 0, 0.78);
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+
+.OpenUITextContentSmall {
+  font-size: 24rpx;
+  line-height: 34rpx;
+}
+
+.OpenUITextContentDefault {
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+
+.OpenUITextContentLarge {
+  font-size: 28rpx;
+  line-height: 38rpx;
+}
+
+.OpenUITextContentSmallHeavy {
+  font-size: 24rpx;
+  line-height: 34rpx;
+  font-weight: 700;
+}
+
+.OpenUITextContentLargeHeavy {
+  font-size: 28rpx;
+  line-height: 38rpx;
+  font-weight: 700;
+}
+
+/* ===== Separator ===== */
+.OpenUISeparator {
+  width: 100%;
+  height: 1rpx;
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
+/* ===== Tag ===== */
+.OpenUITag {
+  padding: 6rpx 10rpx;
+  border-radius: 999rpx;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.OpenUITagText {
+  color: rgba(0, 0, 0, 0.72);
+  font-size: 22rpx;
+}
+
+/* ===== Button ===== */
+.OpenUIButtonGroup {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 10rpx;
+}
+
+.OpenUIButton {
+  padding: 10rpx 14rpx;
+  border-radius: 12rpx;
+  border-width: 1rpx;
+  border-style: solid;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.OpenUIButtonPrimary {
+  background-color: rgba(59, 130, 246, 0.1);
+  border-color: rgba(59, 130, 246, 0.2);
+}
+
+.OpenUIButtonSecondary {
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.OpenUIButtonGhost {
+  background-color: transparent;
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.OpenUIButtonText {
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 22rpx;
+  font-weight: 600;
+}
+
+/* ===== Dark theme overrides ===== */
+.dark .OpenUICard {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+.dark .OpenUICardVariantCard {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+.dark .OpenUICardVariantSunk {
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.dark .OpenUICardHeaderTitle {
+  color: rgba(255, 255, 255, 0.92);
+}
+
+.dark .OpenUICardHeaderSubtitle {
+  color: rgba(255, 255, 255, 0.72);
+}
+
+.dark .OpenUITextContent {
+  color: rgba(255, 255, 255, 0.88);
+}
+
+.dark .OpenUISeparator {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+.dark .OpenUITag {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.dark .OpenUITagText {
+  color: rgba(255, 255, 255, 0.86);
+}
+
+.dark .OpenUIButtonPrimary {
+  background-color: rgba(59, 130, 246, 0.18);
+  border-color: rgba(59, 130, 246, 0.22);
+}
+
+.dark .OpenUIButtonSecondary {
+  background-color: rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+.dark .OpenUIButtonGhost {
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+.dark .OpenUIButtonText {
+  color: rgba(255, 255, 255, 0.92);
+}

package/openui/dist/core/renderer.d.ts

@@ -0,0 +1,9 @@
+import type { ActionEvent, ParseResult } from '@openuidev/lang-core';
+import type { Library, RenderOutput } from './library.js';
+export type { Library, RenderOutput };
+export declare function OpenUiRenderer(props: {
+    result: ParseResult | null;
+    library: Library;
+    onAction?: (event: ActionEvent) => void;
+    isStreaming?: boolean;
+}): import("@lynx-js/react").JSX.Element | null;

package/openui/dist/core/renderer.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
+import { BuiltinActionType } from '@openuidev/lang-core';
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState, } from '@lynx-js/react';
+import { OpenUIContext } from './context.js';
+import { keyFrom } from './utils.js';
+function isElementNode(value) {
+    return (typeof value === 'object'
+        && value !== null
+        && 'type' in value
+        && 'typeName' in value
+        && value['type'] === 'element');
+}
+function createFieldEntry(value, componentType) {
+    return componentType === undefined ? { value } : { value, componentType };
+}
+function isFieldEntry(value) {
+    return (typeof value === 'object'
+        && value !== null
+        && !Array.isArray(value)
+        && 'value' in value);
+}
+function isFieldMap(value) {
+    return (typeof value === 'object'
+        && value !== null
+        && !Array.isArray(value)
+        && Object.values(value).every((entry) => isFieldEntry(entry)));
+}
+function getFieldEntry(state, formName, name) {
+    if (!formName) {
+        const value = state[name];
+        return isFieldEntry(value) ? value : undefined;
+    }
+    const formValue = state[formName];
+    if (!isFieldMap(formValue))
+        return undefined;
+    return formValue[name];
+}
+function renderValue(value, library, onAction) {
+    if (value === null || value === undefined)
+        return null;
+    if (typeof value === 'string' || typeof value === 'number'
+        || typeof value === 'boolean') {
+        return _jsx("text", { children: String(value) });
+    }
+    if (Array.isArray(value)) {
+        return value.map((v, i) => (_jsx(Fragment, { children: renderValue(v, library, onAction) }, keyFrom(v, i))));
+    }
+    if (isElementNode(value)) {
+        const stableKey = value.statementId ?? keyFrom(value);
+        return (_jsx(RenderNode, { stableKey: stableKey, node: value, library: library, ...(onAction ? { onAction } : {}) }, stableKey));
+    }
+    return null;
+}
+function RenderNode(props) {
+    const { stableKey, node, library, onAction } = props;
+    const Comp = library.components[node.typeName]?.component;
+    if (!Comp)
+        return null;
+    const renderNode = (value) => renderValue(value, library, onAction);
+    return (_jsx(Comp, { props: node.props, renderNode: renderNode, ...(onAction ? { onAction } : {}) }, stableKey));
+}
+export function OpenUiRenderer(props) {
+    const { result, library, onAction, isStreaming = false } = props;
+    const [formState, setFormState] = useState({});
+    const formStateRef = useRef(formState);
+    const onActionRef = useRef(onAction);
+    useEffect(() => {
+        formStateRef.current = formState;
+    }, [formState]);
+    useEffect(() => {
+        onActionRef.current = onAction;
+    }, [onAction]);
+    const getFieldValue = useCallback((formName, name) => {
+        return getFieldEntry(formStateRef.current, formName, name)?.value;
+    }, [formStateRef]);
+    const setFieldValue = useCallback((formName, componentType, name, value, _shouldTriggerSaveCallback = true) => {
+        const currentState = formStateRef.current;
+        const newState = { ...currentState };
+        if (formName) {
+            const currentFormValue = currentState[formName];
+            newState[formName] = {
+                ...(isFieldMap(currentFormValue) ? currentFormValue : {}),
+                [name]: createFieldEntry(value, componentType),
+            };
+        }
+        else {
+            newState[name] = createFieldEntry(value, componentType);
+        }
+        setFormState(newState);
+        formStateRef.current = newState;
+    }, [formStateRef, setFormState]);
+    const triggerAction = useCallback((userMessage, formName, action) => {
+        const currentState = formStateRef.current;
+        const handler = onActionRef.current;
+        const legacyAction = action && !('steps' in action)
+            ? action
+            : undefined;
+        const actionType = legacyAction?.type
+            ?? BuiltinActionType.ContinueConversation;
+        const actionParams = legacyAction?.params ?? {};
+        let relevantState;
+        const formValue = formName ? currentState[formName] : undefined;
+        if (formName && formValue !== undefined) {
+            relevantState = { [formName]: formValue };
+        }
+        else if (Object.keys(currentState).length > 0) {
+            relevantState = currentState;
+        }
+        handler?.({
+            type: actionType,
+            params: actionParams,
+            humanFriendlyMessage: userMessage,
+            ...(relevantState ? { formState: relevantState } : {}),
+            ...(formName ? { formName } : {}),
+        });
+    }, [formStateRef, onActionRef]);
+    const renderNode = useCallback((value) => renderValue(value, library, onAction), [library, onAction]);
+    const contextValue = useMemo(() => ({
+        library,
+        renderNode,
+        triggerAction,
+        isStreaming,
+        getFieldValue,
+        setFieldValue,
+        store: {},
+        evaluationContext: {},
+    }), [
+        library,
+        renderNode,
+        triggerAction,
+        isStreaming,
+        getFieldValue,
+        setFieldValue,
+    ]);
+    if (!result?.root)
+        return null;
+    return (_jsx(OpenUIContext.Provider, { value: contextValue, children: _jsx(RenderNode, { node: result.root, library: library, ...(onAction ? { onAction } : {}) }) }));
+}
+//# sourceMappingURL=renderer.js.map

package/openui/dist/core/renderer.js.map

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

package/openui/dist/core/utils.d.ts

@@ -0,0 +1 @@
+export declare function keyFrom(value: unknown, fallbackIndex?: number): string;

package/openui/dist/core/utils.js

@@ -0,0 +1,76 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+function generateRandomKey() {
+    return `key-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function getScalarLabel(value) {
+    if (typeof value === 'string' || typeof value === 'number') {
+        const text = String(value);
+        return text.length > 0 ? text : null;
+    }
+    return null;
+}
+function appendFallback(prefix, fallback) {
+    return prefix + '-' + fallback;
+}
+export function keyFrom(value, fallbackIndex) {
+    const getFallback = () => fallbackIndex === undefined ? generateRandomKey() : String(fallbackIndex);
+    if (value === null || value === undefined) {
+        return getFallback();
+    }
+    const t = typeof value;
+    if (t === 'string') {
+        const str = getScalarLabel(value);
+        if (str && str.length > 0) {
+            return appendFallback(str, getFallback());
+        }
+        return getFallback();
+    }
+    if (t === 'number') {
+        const str = getScalarLabel(value);
+        if (str && str.length > 0) {
+            return appendFallback(str, getFallback());
+        }
+        return getFallback();
+    }
+    if (t === 'boolean') {
+        const str = value ? 'true' : 'false';
+        if (str && str.length > 0) {
+            return appendFallback(str, getFallback());
+        }
+        return getFallback();
+    }
+    if (Array.isArray(value)) {
+        const parts = value.map((v, i) => keyFrom(v, i)).filter(Boolean);
+        return `arr-${parts.join('-')}-${getFallback()}`;
+    }
+    if (t === 'object') {
+        const obj = value;
+        if (obj['type'] === 'element') {
+            const typeName = typeof obj['typeName'] === 'string'
+                ? obj['typeName']
+                : 'element';
+            const props = obj['props'] ?? {};
+            const label = props['label'] ?? props['title'] ?? props['text']
+                ?? props['value']
+                ?? props['name'];
+            const labelStr = getScalarLabel(label);
+            if (labelStr) {
+                return `${typeName}:${labelStr}-${getFallback()}`;
+            }
+            return `${typeName}-${getFallback()}`;
+        }
+        try {
+            const str = JSON.stringify(obj);
+            if (str && str.length > 0 && str !== '{}') {
+                const base = str.length > 50 ? str.slice(0, 50) : str;
+                return `obj-${base}-${getFallback()}`;
+            }
+        }
+        catch { }
+        return `obj-${getFallback()}`;
+    }
+    return getFallback();
+}
+//# sourceMappingURL=utils.js.map

package/openui/dist/core/utils.js.map

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

package/package.json

@@ -0,0 +1,120 @@
+{
+  "name": "@lynx-js/genui",
+  "version": "0.0.1-rc.0",
+  "description": "Generative UI for Lynx.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lynx-family/lynx-stack.git",
+    "directory": "packages/genui"
+  },
+  "license": "Apache-2.0",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./a2ui/styles/theme.css": "./a2ui/styles/theme.css",
+    "./a2ui": {
+      "types": "./a2ui/dist/index.d.ts",
+      "default": "./a2ui/dist/index.js"
+    },
+    "./a2ui/0.9": {
+      "types": "./a2ui/dist/index.d.ts",
+      "default": "./a2ui/dist/index.js"
+    },
+    "./a2ui/store": {
+      "types": "./a2ui/dist/store/index.d.ts",
+      "default": "./a2ui/dist/store/index.js"
+    },
+    "./a2ui/catalog": {
+      "types": "./a2ui/dist/catalog/index.d.ts",
+      "default": "./a2ui/dist/catalog/index.js"
+    },
+    "./a2ui/react": {
+      "types": "./a2ui/dist/react/index.d.ts",
+      "default": "./a2ui/dist/react/index.js"
+    },
+    "./a2ui/functions": {
+      "types": "./a2ui/dist/functions/index.d.ts",
+      "default": "./a2ui/dist/functions/index.js"
+    },
+    "./genui-cli": "./cli/bin/cli.js",
+    "./a2ui-prompt": {
+      "types": "./a2ui-prompt/dist/index.d.ts",
+      "default": "./a2ui-prompt/dist/index.js"
+    },
+    "./a2ui-catalog-extractor": {
+      "types": "./a2ui-catalog-extractor/dist/index.d.ts",
+      "default": "./a2ui-catalog-extractor/dist/index.js"
+    },
+    "./a2ui-catalog-extractor/cli": {
+      "types": "./a2ui-catalog-extractor/dist/cli.d.ts",
+      "default": "./a2ui-catalog-extractor/dist/cli.js"
+    },
+    "./a2ui-catalog-extractor/skill": "./a2ui-catalog-extractor/skills/a2ui-catalog-extractor/SKILL.md",
+    "./openui": {
+      "types": "./openui/dist/core/index.d.ts",
+      "default": "./openui/dist/core/index.js"
+    },
+    "./openui/catalog": {
+      "types": "./openui/dist/catalog/index.d.ts",
+      "default": "./openui/dist/catalog/index.js"
+    },
+    "./openui/styles/renderer.css": "./openui/dist/core/renderer.css"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "a2ui-catalog-extractor": "./a2ui-catalog-extractor/bin/a2ui-catalog-extractor.js",
+    "a2ui-cli": "./cli/bin/cli.js",
+    "genui": "./cli/bin/cli.js",
+    "genui-cli": "./cli/bin/cli.js"
+  },
+  "files": [
+    "index.ts",
+    "dist",
+    "a2ui/dist",
+    "a2ui/styles",
+    "a2ui/README.md",
+    "cli/bin",
+    "cli/README.md",
+    "a2ui-prompt/dist",
+    "a2ui-prompt/README.md",
+    "a2ui-catalog-extractor/bin",
+    "a2ui-catalog-extractor/dist",
+    "a2ui-catalog-extractor/skills",
+    "a2ui-catalog-extractor/README.md",
+    "openui/dist",
+    "openui/README.md"
+  ],
+  "dependencies": {
+    "@a2ui/web_core": "0.9.1",
+    "@openuidev/lang-core": "^0.2.4",
+    "@preact/signals": "^2.5.1",
+    "typedoc": "^0.28.19",
+    "zod": "^3.25.76"
+  },
+  "peerDependencies": {
+    "@lynx-js/lynx-ui": "^3.133.0",
+    "@lynx-js/react": "^0.121.0"
+  },
+  "peerDependenciesMeta": {
+    "@lynx-js/lynx-ui": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm run clean && pnpm --dir a2ui-catalog-extractor build && pnpm --dir a2ui-prompt build && pnpm --dir openui build && pnpm --dir a2ui build && tsc --project tsconfig.build.json",
+    "clean": "node -e \"const fs=require('node:fs'); for (const path of ['dist','a2ui/dist','a2ui/tsconfig.build.tsbuildinfo','a2ui-catalog-extractor/dist','a2ui-prompt/dist','openui/dist','openui/tsconfig.build.tsbuildinfo']) fs.rmSync(path,{recursive:true,force:true});\""
+  }
+}