@copilotkit/a2ui-renderer 1.53.0-next.6 → 1.53.1-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/A2UIViewer.d.cts +1 -1
- package/dist/A2UIViewer.d.mts +1 -1
- package/dist/a2ui-types.cjs +9 -0
- package/dist/a2ui-types.cjs.map +1 -0
- package/dist/a2ui-types.d.cts +9 -0
- package/dist/a2ui-types.d.cts.map +1 -0
- package/dist/a2ui-types.d.mts +9 -0
- package/dist/a2ui-types.d.mts.map +1 -0
- package/dist/a2ui-types.mjs +8 -0
- package/dist/a2ui-types.mjs.map +1 -0
- package/dist/index.cjs +74 -2
- package/dist/index.d.cts +35 -2
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +35 -2
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +33 -2
- package/dist/index.umd.js +96 -127
- package/dist/index.umd.js.map +1 -1
- package/dist/react-renderer/components/content/AudioPlayer.d.cts +12 -0
- package/dist/react-renderer/components/content/AudioPlayer.d.cts.map +1 -0
- package/dist/react-renderer/components/content/AudioPlayer.d.mts +12 -0
- package/dist/react-renderer/components/content/AudioPlayer.d.mts.map +1 -0
- package/dist/react-renderer/components/content/Divider.d.cts +17 -0
- package/dist/react-renderer/components/content/Divider.d.cts.map +1 -0
- package/dist/react-renderer/components/content/Divider.d.mts +17 -0
- package/dist/react-renderer/components/content/Divider.d.mts.map +1 -0
- package/dist/react-renderer/components/content/Icon.d.cts +20 -0
- package/dist/react-renderer/components/content/Icon.d.cts.map +1 -0
- package/dist/react-renderer/components/content/Icon.d.mts +20 -0
- package/dist/react-renderer/components/content/Icon.d.mts.map +1 -0
- package/dist/react-renderer/components/content/Image.d.cts +15 -0
- package/dist/react-renderer/components/content/Image.d.cts.map +1 -0
- package/dist/react-renderer/components/content/Image.d.mts +15 -0
- package/dist/react-renderer/components/content/Image.d.mts.map +1 -0
- package/dist/react-renderer/components/content/Text.d.cts +32 -0
- package/dist/react-renderer/components/content/Text.d.cts.map +1 -0
- package/dist/react-renderer/components/content/Text.d.mts +32 -0
- package/dist/react-renderer/components/content/Text.d.mts.map +1 -0
- package/dist/react-renderer/components/content/Video.d.cts +14 -0
- package/dist/react-renderer/components/content/Video.d.cts.map +1 -0
- package/dist/react-renderer/components/content/Video.d.mts +14 -0
- package/dist/react-renderer/components/content/Video.d.mts.map +1 -0
- package/dist/react-renderer/components/interactive/Button.d.cts +15 -0
- package/dist/react-renderer/components/interactive/Button.d.cts.map +1 -0
- package/dist/react-renderer/components/interactive/Button.d.mts +15 -0
- package/dist/react-renderer/components/interactive/Button.d.mts.map +1 -0
- package/dist/react-renderer/components/interactive/CheckBox.d.cts +14 -0
- package/dist/react-renderer/components/interactive/CheckBox.d.cts.map +1 -0
- package/dist/react-renderer/components/interactive/CheckBox.d.mts +14 -0
- package/dist/react-renderer/components/interactive/CheckBox.d.mts.map +1 -0
- package/dist/react-renderer/components/interactive/DateTimeInput.d.cts +14 -0
- package/dist/react-renderer/components/interactive/DateTimeInput.d.cts.map +1 -0
- package/dist/react-renderer/components/interactive/DateTimeInput.d.mts +14 -0
- package/dist/react-renderer/components/interactive/DateTimeInput.d.mts.map +1 -0
- package/dist/react-renderer/components/interactive/MultipleChoice.d.cts +15 -0
- package/dist/react-renderer/components/interactive/MultipleChoice.d.cts.map +1 -0
- package/dist/react-renderer/components/interactive/MultipleChoice.d.mts +15 -0
- package/dist/react-renderer/components/interactive/MultipleChoice.d.mts.map +1 -0
- package/dist/react-renderer/components/interactive/Slider.d.cts +14 -0
- package/dist/react-renderer/components/interactive/Slider.d.cts.map +1 -0
- package/dist/react-renderer/components/interactive/Slider.d.mts +14 -0
- package/dist/react-renderer/components/interactive/Slider.d.mts.map +1 -0
- package/dist/react-renderer/components/interactive/TextField.d.cts +14 -0
- package/dist/react-renderer/components/interactive/TextField.d.cts.map +1 -0
- package/dist/react-renderer/components/interactive/TextField.d.mts +14 -0
- package/dist/react-renderer/components/interactive/TextField.d.mts.map +1 -0
- package/dist/react-renderer/components/layout/Card.d.cts +21 -0
- package/dist/react-renderer/components/layout/Card.d.cts.map +1 -0
- package/dist/react-renderer/components/layout/Card.d.mts +21 -0
- package/dist/react-renderer/components/layout/Card.d.mts.map +1 -0
- package/dist/react-renderer/components/layout/Column.d.cts +14 -0
- package/dist/react-renderer/components/layout/Column.d.cts.map +1 -0
- package/dist/react-renderer/components/layout/Column.d.mts +14 -0
- package/dist/react-renderer/components/layout/Column.d.mts.map +1 -0
- package/dist/react-renderer/components/layout/List.d.cts +14 -0
- package/dist/react-renderer/components/layout/List.d.cts.map +1 -0
- package/dist/react-renderer/components/layout/List.d.mts +14 -0
- package/dist/react-renderer/components/layout/List.d.mts.map +1 -0
- package/dist/react-renderer/components/layout/Modal.d.cts +19 -0
- package/dist/react-renderer/components/layout/Modal.d.cts.map +1 -0
- package/dist/react-renderer/components/layout/Modal.d.mts +19 -0
- package/dist/react-renderer/components/layout/Modal.d.mts.map +1 -0
- package/dist/react-renderer/components/layout/Row.d.cts +14 -0
- package/dist/react-renderer/components/layout/Row.d.cts.map +1 -0
- package/dist/react-renderer/components/layout/Row.d.mts +14 -0
- package/dist/react-renderer/components/layout/Row.d.mts.map +1 -0
- package/dist/react-renderer/components/layout/Tabs.d.cts +12 -0
- package/dist/react-renderer/components/layout/Tabs.d.cts.map +1 -0
- package/dist/react-renderer/components/layout/Tabs.d.mts +12 -0
- package/dist/react-renderer/components/layout/Tabs.d.mts.map +1 -0
- package/dist/react-renderer/core/A2UIProvider.cjs +35 -0
- package/dist/react-renderer/core/A2UIProvider.cjs.map +1 -1
- package/dist/react-renderer/core/A2UIProvider.d.cts +91 -0
- package/dist/react-renderer/core/A2UIProvider.d.cts.map +1 -0
- package/dist/react-renderer/core/A2UIProvider.d.mts +91 -0
- package/dist/react-renderer/core/A2UIProvider.d.mts.map +1 -0
- package/dist/react-renderer/core/A2UIProvider.mjs +33 -1
- package/dist/react-renderer/core/A2UIProvider.mjs.map +1 -1
- package/dist/react-renderer/core/A2UIRenderer.d.cts +40 -0
- package/dist/react-renderer/core/A2UIRenderer.d.cts.map +1 -0
- package/dist/react-renderer/core/A2UIRenderer.d.mts +40 -0
- package/dist/react-renderer/core/A2UIRenderer.d.mts.map +1 -0
- package/dist/react-renderer/core/A2UIViewer.cjs +11 -0
- package/dist/react-renderer/core/A2UIViewer.d.cts +16 -0
- package/dist/react-renderer/core/A2UIViewer.d.cts.map +1 -0
- package/dist/react-renderer/core/A2UIViewer.d.mts +16 -0
- package/dist/react-renderer/core/A2UIViewer.d.mts.map +1 -0
- package/dist/react-renderer/core/A2UIViewer.mjs +11 -0
- package/dist/react-renderer/core/ComponentNode.d.cts +29 -0
- package/dist/react-renderer/core/ComponentNode.d.cts.map +1 -0
- package/dist/react-renderer/core/ComponentNode.d.mts +29 -0
- package/dist/react-renderer/core/ComponentNode.d.mts.map +1 -0
- package/dist/react-renderer/core/store.d.cts +41 -0
- package/dist/react-renderer/core/store.d.cts.map +1 -0
- package/dist/react-renderer/core/store.d.mts +41 -0
- package/dist/react-renderer/core/store.d.mts.map +1 -0
- package/dist/react-renderer/hooks/useA2UI.d.cts +50 -0
- package/dist/react-renderer/hooks/useA2UI.d.cts.map +1 -0
- package/dist/react-renderer/hooks/useA2UI.d.mts +50 -0
- package/dist/react-renderer/hooks/useA2UI.d.mts.map +1 -0
- package/dist/react-renderer/hooks/useA2UIComponent.d.cts +56 -0
- package/dist/react-renderer/hooks/useA2UIComponent.d.cts.map +1 -0
- package/dist/react-renderer/hooks/useA2UIComponent.d.mts +56 -0
- package/dist/react-renderer/hooks/useA2UIComponent.d.mts.map +1 -0
- package/dist/react-renderer/index.cjs +31 -0
- package/dist/react-renderer/index.d.cts +32 -0
- package/dist/react-renderer/index.d.mts +32 -0
- package/dist/react-renderer/index.mjs +33 -0
- package/dist/react-renderer/lib/utils.d.cts +18 -0
- package/dist/react-renderer/lib/utils.d.cts.map +1 -0
- package/dist/react-renderer/lib/utils.d.mts +18 -0
- package/dist/react-renderer/lib/utils.d.mts.map +1 -0
- package/dist/react-renderer/registry/ComponentRegistry.d.cts +82 -0
- package/dist/react-renderer/registry/ComponentRegistry.d.cts.map +1 -0
- package/dist/react-renderer/registry/ComponentRegistry.d.mts +82 -0
- package/dist/react-renderer/registry/ComponentRegistry.d.mts.map +1 -0
- package/dist/react-renderer/registry/defaultCatalog.cjs +1 -0
- package/dist/react-renderer/registry/defaultCatalog.d.cts +17 -0
- package/dist/react-renderer/registry/defaultCatalog.d.cts.map +1 -0
- package/dist/react-renderer/registry/defaultCatalog.d.mts +17 -0
- package/dist/react-renderer/registry/defaultCatalog.d.mts.map +1 -0
- package/dist/react-renderer/registry/defaultCatalog.mjs +1 -1
- package/dist/react-renderer/styles/index.cjs +10 -0
- package/dist/react-renderer/styles/index.cjs.map +1 -1
- package/dist/react-renderer/styles/index.d.cts +14 -0
- package/dist/react-renderer/styles/index.d.cts.map +1 -0
- package/dist/react-renderer/styles/index.d.mts +26 -0
- package/dist/react-renderer/styles/index.d.mts.map +1 -0
- package/dist/react-renderer/styles/index.mjs +10 -1
- package/dist/react-renderer/styles/index.mjs.map +1 -1
- package/dist/react-renderer/theme/ThemeContext.cjs +9 -0
- package/dist/react-renderer/theme/ThemeContext.cjs.map +1 -1
- package/dist/react-renderer/theme/ThemeContext.d.cts +37 -0
- package/dist/react-renderer/theme/ThemeContext.d.cts.map +1 -0
- package/dist/react-renderer/theme/ThemeContext.d.mts +37 -0
- package/dist/react-renderer/theme/ThemeContext.d.mts.map +1 -0
- package/dist/react-renderer/theme/ThemeContext.mjs +9 -1
- package/dist/react-renderer/theme/ThemeContext.mjs.map +1 -1
- package/dist/react-renderer/theme/litTheme.cjs +1 -0
- package/dist/react-renderer/theme/litTheme.d.cts +12 -0
- package/dist/react-renderer/theme/litTheme.d.cts.map +1 -0
- package/dist/react-renderer/theme/litTheme.d.mts +12 -0
- package/dist/react-renderer/theme/litTheme.d.mts.map +1 -0
- package/dist/react-renderer/theme/litTheme.mjs +1 -1
- package/dist/react-renderer/theme/utils.d.cts +26 -0
- package/dist/react-renderer/theme/utils.d.cts.map +1 -0
- package/dist/react-renderer/theme/utils.d.mts +26 -0
- package/dist/react-renderer/theme/utils.d.mts.map +1 -0
- package/dist/react-renderer/types.d.cts +50 -0
- package/dist/react-renderer/types.d.cts.map +1 -0
- package/dist/react-renderer/types.d.mts +50 -0
- package/dist/react-renderer/types.d.mts.map +1 -0
- package/package.json +2 -3
- package/dist/A2UIMessageRenderer.cjs +0 -135
- package/dist/A2UIMessageRenderer.cjs.map +0 -1
- package/dist/A2UIMessageRenderer.d.cts +0 -11
- package/dist/A2UIMessageRenderer.d.cts.map +0 -1
- package/dist/A2UIMessageRenderer.d.mts +0 -11
- package/dist/A2UIMessageRenderer.d.mts.map +0 -1
- package/dist/A2UIMessageRenderer.mjs +0 -134
- package/dist/A2UIMessageRenderer.mjs.map +0 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Types } from "@a2ui/lit/0.8";
|
|
2
|
+
import "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/react-renderer/core/A2UIViewer.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* Action event dispatched when a user interacts with a component.
|
|
7
|
+
*/
|
|
8
|
+
interface A2UIActionEvent {
|
|
9
|
+
actionName: string;
|
|
10
|
+
sourceComponentId: string;
|
|
11
|
+
timestamp: string;
|
|
12
|
+
context: Record<string, unknown>;
|
|
13
|
+
}
|
|
14
|
+
//#endregion
|
|
15
|
+
export { A2UIActionEvent };
|
|
16
|
+
//# sourceMappingURL=A2UIViewer.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"A2UIViewer.d.mts","names":[],"sources":["../../../src/react-renderer/core/A2UIViewer.tsx"],"mappings":";;;;;;;UAsBiB,eAAA;EACf,UAAA;EACA,iBAAA;EACA,SAAA;EACA,OAAA,EAAS,MAAA;AAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import "../theme/litTheme.mjs";
|
|
4
|
+
import "./A2UIProvider.mjs";
|
|
5
|
+
import "./A2UIRenderer.mjs";
|
|
6
|
+
import "../registry/defaultCatalog.mjs";
|
|
7
|
+
import "../styles/index.mjs";
|
|
8
|
+
import React, { useEffect, useId, useMemo, useRef } from "react";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
|
|
11
|
+
export { };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ComponentRegistry } from "../registry/ComponentRegistry.cjs";
|
|
2
|
+
import * as react from "react";
|
|
3
|
+
import { Types } from "@a2ui/lit/0.8";
|
|
4
|
+
|
|
5
|
+
//#region src/react-renderer/core/ComponentNode.d.ts
|
|
6
|
+
interface ComponentNodeProps {
|
|
7
|
+
/** The component node to render (can be null/undefined for safety) */
|
|
8
|
+
node: Types.AnyComponentNode | null | undefined;
|
|
9
|
+
/** The surface ID this component belongs to */
|
|
10
|
+
surfaceId: string;
|
|
11
|
+
/** Optional custom registry. Falls back to singleton. */
|
|
12
|
+
registry?: ComponentRegistry;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* ComponentNode - dynamically renders an A2UI component based on its type.
|
|
16
|
+
*
|
|
17
|
+
* Looks up the component in the registry and renders it with the appropriate props.
|
|
18
|
+
* Supports lazy-loaded components via React.Suspense.
|
|
19
|
+
*
|
|
20
|
+
* No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
|
|
21
|
+
* direct flex child, exactly matching Lit's structure where the :host element IS
|
|
22
|
+
* the flex item. Each component handles --weight CSS variable on its root div.
|
|
23
|
+
*
|
|
24
|
+
* Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
|
|
25
|
+
*/
|
|
26
|
+
declare const ComponentNode: react.NamedExoticComponent<ComponentNodeProps>;
|
|
27
|
+
//#endregion
|
|
28
|
+
export { ComponentNode };
|
|
29
|
+
//# sourceMappingURL=ComponentNode.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentNode.d.cts","names":[],"sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"mappings":";;;;;UAaU,kBAAA;;EAER,IAAA,EAAM,KAAA,CAAM,gBAAA;EAFJ;EAIR,SAAA;;EAEA,QAAA,GAAW,iBAAA;AAAA;;;;;;;;AAeb;;;;;cAAa,aAAA,EAAa,KAAA,CAAA,oBAAA,CAAA,kBAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ComponentRegistry } from "../registry/ComponentRegistry.mjs";
|
|
2
|
+
import * as react from "react";
|
|
3
|
+
import { Types } from "@a2ui/lit/0.8";
|
|
4
|
+
|
|
5
|
+
//#region src/react-renderer/core/ComponentNode.d.ts
|
|
6
|
+
interface ComponentNodeProps {
|
|
7
|
+
/** The component node to render (can be null/undefined for safety) */
|
|
8
|
+
node: Types.AnyComponentNode | null | undefined;
|
|
9
|
+
/** The surface ID this component belongs to */
|
|
10
|
+
surfaceId: string;
|
|
11
|
+
/** Optional custom registry. Falls back to singleton. */
|
|
12
|
+
registry?: ComponentRegistry;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* ComponentNode - dynamically renders an A2UI component based on its type.
|
|
16
|
+
*
|
|
17
|
+
* Looks up the component in the registry and renders it with the appropriate props.
|
|
18
|
+
* Supports lazy-loaded components via React.Suspense.
|
|
19
|
+
*
|
|
20
|
+
* No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
|
|
21
|
+
* direct flex child, exactly matching Lit's structure where the :host element IS
|
|
22
|
+
* the flex item. Each component handles --weight CSS variable on its root div.
|
|
23
|
+
*
|
|
24
|
+
* Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
|
|
25
|
+
*/
|
|
26
|
+
declare const ComponentNode: react.NamedExoticComponent<ComponentNodeProps>;
|
|
27
|
+
//#endregion
|
|
28
|
+
export { ComponentNode };
|
|
29
|
+
//# sourceMappingURL=ComponentNode.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentNode.d.mts","names":[],"sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"mappings":";;;;;UAaU,kBAAA;;EAER,IAAA,EAAM,KAAA,CAAM,gBAAA;EAFJ;EAIR,SAAA;;EAEA,QAAA,GAAW,iBAAA;AAAA;;;;;;;;AAeb;;;;;cAAa,aAAA,EAAa,KAAA,CAAA,oBAAA,CAAA,kBAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { OnActionCallback } from "../types.cjs";
|
|
2
|
+
import { Types } from "@a2ui/lit/0.8";
|
|
3
|
+
|
|
4
|
+
//#region src/react-renderer/core/store.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* Stable actions that never change (won't cause re-renders).
|
|
7
|
+
* These are stored in a ref and exposed via A2UIActionsContext.
|
|
8
|
+
*/
|
|
9
|
+
interface A2UIActions {
|
|
10
|
+
/** Process incoming server messages */
|
|
11
|
+
processMessages: (messages: Types.ServerToClientMessage[]) => void;
|
|
12
|
+
/** Update data in the data model (for two-way binding) */
|
|
13
|
+
setData: (node: Types.AnyComponentNode | null, path: string, value: Types.DataValue, surfaceId: string) => void;
|
|
14
|
+
/** Dispatch a user action to the server */
|
|
15
|
+
dispatch: (message: Types.A2UIClientEventMessage) => void;
|
|
16
|
+
/** Clear all surfaces */
|
|
17
|
+
clearSurfaces: () => void;
|
|
18
|
+
/** Get a surface by ID */
|
|
19
|
+
getSurface: (surfaceId: string) => Types.Surface | undefined;
|
|
20
|
+
/** Get all surfaces */
|
|
21
|
+
getSurfaces: () => ReadonlyMap<string, Types.Surface>;
|
|
22
|
+
/** Get data from the data model */
|
|
23
|
+
getData: (node: Types.AnyComponentNode, path: string, surfaceId: string) => Types.DataValue | null;
|
|
24
|
+
/** Resolve a relative path to an absolute path */
|
|
25
|
+
resolvePath: (path: string, dataContextPath?: string) => string;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* The shape of the A2UI context value.
|
|
29
|
+
* Combines stable actions with reactive state.
|
|
30
|
+
*/
|
|
31
|
+
interface A2UIContextValue extends A2UIActions {
|
|
32
|
+
/** The underlying message processor from @a2ui/lit */
|
|
33
|
+
processor: Types.MessageProcessor;
|
|
34
|
+
/** Version counter for triggering React re-renders */
|
|
35
|
+
version: number;
|
|
36
|
+
/** Callback for dispatching actions to the server */
|
|
37
|
+
onAction: OnActionCallback | null;
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
export { A2UIActions, A2UIContextValue };
|
|
41
|
+
//# sourceMappingURL=store.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"store.d.cts","names":[],"sources":["../../../src/react-renderer/core/store.ts"],"mappings":";;;;;;AAOA;;UAAiB,WAAA;EAEa;EAA5B,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,qBAAA;EAMzB;EAHT,OAAA,GACE,IAAA,EAAM,KAAA,CAAM,gBAAA,SACZ,IAAA,UACA,KAAA,EAAO,KAAA,CAAM,SAAA,EACb,SAAA;EAUiC;EANnC,QAAA,GAAW,OAAA,EAAS,KAAA,CAAM,sBAAA;EASP;EANnB,aAAA;EAaK;EAVL,UAAA,GAAa,SAAA,aAAsB,KAAA,CAAM,OAAA;EAUrB;EAPpB,WAAA,QAAmB,WAAA,SAAoB,KAAA,CAAM,OAAA;EApBjB;EAuB5B,OAAA,GACE,IAAA,EAAM,KAAA,CAAM,gBAAA,EACZ,IAAA,UACA,SAAA,aACG,KAAA,CAAM,SAAA;EA3BO;EA8BlB,WAAA,GAAc,IAAA,UAAc,eAAA;AAAA;;;;;UAOb,gBAAA,SAAyB,WAAA;EA/BtC;EAiCF,SAAA,EAAW,KAAA,CAAM,gBAAA;EA5BjB;EA+BA,OAAA;EA/B0B;EAkC1B,QAAA,EAAU,gBAAA;AAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { OnActionCallback } from "../types.mjs";
|
|
2
|
+
import { Types } from "@a2ui/lit/0.8";
|
|
3
|
+
|
|
4
|
+
//#region src/react-renderer/core/store.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* Stable actions that never change (won't cause re-renders).
|
|
7
|
+
* These are stored in a ref and exposed via A2UIActionsContext.
|
|
8
|
+
*/
|
|
9
|
+
interface A2UIActions {
|
|
10
|
+
/** Process incoming server messages */
|
|
11
|
+
processMessages: (messages: Types.ServerToClientMessage[]) => void;
|
|
12
|
+
/** Update data in the data model (for two-way binding) */
|
|
13
|
+
setData: (node: Types.AnyComponentNode | null, path: string, value: Types.DataValue, surfaceId: string) => void;
|
|
14
|
+
/** Dispatch a user action to the server */
|
|
15
|
+
dispatch: (message: Types.A2UIClientEventMessage) => void;
|
|
16
|
+
/** Clear all surfaces */
|
|
17
|
+
clearSurfaces: () => void;
|
|
18
|
+
/** Get a surface by ID */
|
|
19
|
+
getSurface: (surfaceId: string) => Types.Surface | undefined;
|
|
20
|
+
/** Get all surfaces */
|
|
21
|
+
getSurfaces: () => ReadonlyMap<string, Types.Surface>;
|
|
22
|
+
/** Get data from the data model */
|
|
23
|
+
getData: (node: Types.AnyComponentNode, path: string, surfaceId: string) => Types.DataValue | null;
|
|
24
|
+
/** Resolve a relative path to an absolute path */
|
|
25
|
+
resolvePath: (path: string, dataContextPath?: string) => string;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* The shape of the A2UI context value.
|
|
29
|
+
* Combines stable actions with reactive state.
|
|
30
|
+
*/
|
|
31
|
+
interface A2UIContextValue extends A2UIActions {
|
|
32
|
+
/** The underlying message processor from @a2ui/lit */
|
|
33
|
+
processor: Types.MessageProcessor;
|
|
34
|
+
/** Version counter for triggering React re-renders */
|
|
35
|
+
version: number;
|
|
36
|
+
/** Callback for dispatching actions to the server */
|
|
37
|
+
onAction: OnActionCallback | null;
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
export { A2UIActions, A2UIContextValue };
|
|
41
|
+
//# sourceMappingURL=store.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"store.d.mts","names":[],"sources":["../../../src/react-renderer/core/store.ts"],"mappings":";;;;;;AAOA;;UAAiB,WAAA;EAEa;EAA5B,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,qBAAA;EAMzB;EAHT,OAAA,GACE,IAAA,EAAM,KAAA,CAAM,gBAAA,SACZ,IAAA,UACA,KAAA,EAAO,KAAA,CAAM,SAAA,EACb,SAAA;EAUiC;EANnC,QAAA,GAAW,OAAA,EAAS,KAAA,CAAM,sBAAA;EASP;EANnB,aAAA;EAaK;EAVL,UAAA,GAAa,SAAA,aAAsB,KAAA,CAAM,OAAA;EAUrB;EAPpB,WAAA,QAAmB,WAAA,SAAoB,KAAA,CAAM,OAAA;EApBjB;EAuB5B,OAAA,GACE,IAAA,EAAM,KAAA,CAAM,gBAAA,EACZ,IAAA,UACA,SAAA,aACG,KAAA,CAAM,SAAA;EA3BO;EA8BlB,WAAA,GAAc,IAAA,UAAc,eAAA;AAAA;;;;;UAOb,gBAAA,SAAyB,WAAA;EA/BtC;EAiCF,SAAA,EAAW,KAAA,CAAM,gBAAA;EA5BjB;EA+BA,OAAA;EA/B0B;EAkC1B,QAAA,EAAU,gBAAA;AAAA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Types } from "@a2ui/lit/0.8";
|
|
2
|
+
|
|
3
|
+
//#region src/react-renderer/hooks/useA2UI.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* Result returned by the useA2UI hook.
|
|
6
|
+
*/
|
|
7
|
+
interface UseA2UIResult {
|
|
8
|
+
/** Process incoming server messages */
|
|
9
|
+
processMessages: (messages: Types.ServerToClientMessage[]) => void;
|
|
10
|
+
/** Get a surface by ID */
|
|
11
|
+
getSurface: (surfaceId: string) => Types.Surface | undefined;
|
|
12
|
+
/** Get all surfaces */
|
|
13
|
+
getSurfaces: () => ReadonlyMap<string, Types.Surface>;
|
|
14
|
+
/** Clear all surfaces */
|
|
15
|
+
clearSurfaces: () => void;
|
|
16
|
+
/** The current version number (increments on state changes) */
|
|
17
|
+
version: number;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Main API hook for A2UI. Provides methods to process messages
|
|
21
|
+
* and access surface state.
|
|
22
|
+
*
|
|
23
|
+
* Note: This hook subscribes to state changes. Components using this
|
|
24
|
+
* will re-render when the A2UI state changes. For action-only usage
|
|
25
|
+
* (no re-renders), use useA2UIActions() instead.
|
|
26
|
+
*
|
|
27
|
+
* @returns Object with message processing and surface access methods
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* function ChatApp() {
|
|
32
|
+
* const { processMessages, getSurface } = useA2UI();
|
|
33
|
+
*
|
|
34
|
+
* useEffect(() => {
|
|
35
|
+
* const ws = new WebSocket('wss://agent.example.com');
|
|
36
|
+
* ws.onmessage = (event) => {
|
|
37
|
+
* const messages = JSON.parse(event.data);
|
|
38
|
+
* processMessages(messages);
|
|
39
|
+
* };
|
|
40
|
+
* return () => ws.close();
|
|
41
|
+
* }, [processMessages]);
|
|
42
|
+
*
|
|
43
|
+
* return <A2UIRenderer surfaceId="main" />;
|
|
44
|
+
* }
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
declare function useA2UI(): UseA2UIResult;
|
|
48
|
+
//#endregion
|
|
49
|
+
export { UseA2UIResult, useA2UI };
|
|
50
|
+
//# sourceMappingURL=useA2UI.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useA2UI.d.cts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"mappings":";;;;;AAMA;UAAiB,aAAA;;EAEf,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,qBAAA;EAGC;EAAnC,UAAA,GAAa,SAAA,aAAsB,KAAA,CAAM,OAAA;EAGtB;EAAnB,WAAA,QAAmB,WAAA,SAAoB,KAAA,CAAM,OAAA;EAAf;EAG9B,aAAA;EAT4B;EAY5B,OAAA;AAAA;;;;;;;;;;;;;AA+BF;;;;;;;;;;;;;;;;iBAAgB,OAAA,CAAA,GAAW,aAAA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Types } from "@a2ui/lit/0.8";
|
|
2
|
+
|
|
3
|
+
//#region src/react-renderer/hooks/useA2UI.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* Result returned by the useA2UI hook.
|
|
6
|
+
*/
|
|
7
|
+
interface UseA2UIResult {
|
|
8
|
+
/** Process incoming server messages */
|
|
9
|
+
processMessages: (messages: Types.ServerToClientMessage[]) => void;
|
|
10
|
+
/** Get a surface by ID */
|
|
11
|
+
getSurface: (surfaceId: string) => Types.Surface | undefined;
|
|
12
|
+
/** Get all surfaces */
|
|
13
|
+
getSurfaces: () => ReadonlyMap<string, Types.Surface>;
|
|
14
|
+
/** Clear all surfaces */
|
|
15
|
+
clearSurfaces: () => void;
|
|
16
|
+
/** The current version number (increments on state changes) */
|
|
17
|
+
version: number;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Main API hook for A2UI. Provides methods to process messages
|
|
21
|
+
* and access surface state.
|
|
22
|
+
*
|
|
23
|
+
* Note: This hook subscribes to state changes. Components using this
|
|
24
|
+
* will re-render when the A2UI state changes. For action-only usage
|
|
25
|
+
* (no re-renders), use useA2UIActions() instead.
|
|
26
|
+
*
|
|
27
|
+
* @returns Object with message processing and surface access methods
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* function ChatApp() {
|
|
32
|
+
* const { processMessages, getSurface } = useA2UI();
|
|
33
|
+
*
|
|
34
|
+
* useEffect(() => {
|
|
35
|
+
* const ws = new WebSocket('wss://agent.example.com');
|
|
36
|
+
* ws.onmessage = (event) => {
|
|
37
|
+
* const messages = JSON.parse(event.data);
|
|
38
|
+
* processMessages(messages);
|
|
39
|
+
* };
|
|
40
|
+
* return () => ws.close();
|
|
41
|
+
* }, [processMessages]);
|
|
42
|
+
*
|
|
43
|
+
* return <A2UIRenderer surfaceId="main" />;
|
|
44
|
+
* }
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
declare function useA2UI(): UseA2UIResult;
|
|
48
|
+
//#endregion
|
|
49
|
+
export { UseA2UIResult, useA2UI };
|
|
50
|
+
//# sourceMappingURL=useA2UI.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useA2UI.d.mts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"mappings":";;;;;AAMA;UAAiB,aAAA;;EAEf,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,qBAAA;EAGC;EAAnC,UAAA,GAAa,SAAA,aAAsB,KAAA,CAAM,OAAA;EAGtB;EAAnB,WAAA,QAAmB,WAAA,SAAoB,KAAA,CAAM,OAAA;EAAf;EAG9B,aAAA;EAT4B;EAY5B,OAAA;AAAA;;;;;;;;;;;;;AA+BF;;;;;;;;;;;;;;;;iBAAgB,OAAA,CAAA,GAAW,aAAA"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { Primitives, Types } from "@a2ui/lit/0.8";
|
|
2
|
+
|
|
3
|
+
//#region src/react-renderer/hooks/useA2UIComponent.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* Result returned by the useA2UIComponent hook.
|
|
6
|
+
*/
|
|
7
|
+
interface UseA2UIComponentResult {
|
|
8
|
+
/** The current theme */
|
|
9
|
+
theme: Types.Theme;
|
|
10
|
+
/** Resolve a StringValue to its actual string value */
|
|
11
|
+
resolveString: (value: Primitives.StringValue | null | undefined) => string | null;
|
|
12
|
+
/** Resolve a NumberValue to its actual number value */
|
|
13
|
+
resolveNumber: (value: Primitives.NumberValue | null | undefined) => number | null;
|
|
14
|
+
/** Resolve a BooleanValue to its actual boolean value */
|
|
15
|
+
resolveBoolean: (value: Primitives.BooleanValue | null | undefined) => boolean | null;
|
|
16
|
+
/** Set a value in the data model (for two-way binding) */
|
|
17
|
+
setValue: (path: string, value: Types.DataValue) => void;
|
|
18
|
+
/** Get a value from the data model */
|
|
19
|
+
getValue: (path: string) => Types.DataValue | null;
|
|
20
|
+
/** Dispatch a user action */
|
|
21
|
+
sendAction: (action: Types.Action) => void;
|
|
22
|
+
/** Generate a unique ID for accessibility */
|
|
23
|
+
getUniqueId: (prefix: string) => string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Base hook for A2UI components. Provides data binding, theme access,
|
|
27
|
+
* and action dispatching.
|
|
28
|
+
*
|
|
29
|
+
* @param node - The component node from the A2UI message processor
|
|
30
|
+
* @param surfaceId - The surface ID this component belongs to
|
|
31
|
+
* @returns Object with theme, data binding helpers, and action dispatcher
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* function TextField({ node, surfaceId }: A2UIComponentProps<Types.TextFieldNode>) {
|
|
36
|
+
* const { theme, resolveString, setValue } = useA2UIComponent(node, surfaceId);
|
|
37
|
+
*
|
|
38
|
+
* const label = resolveString(node.properties.label);
|
|
39
|
+
* const value = resolveString(node.properties.text) ?? '';
|
|
40
|
+
*
|
|
41
|
+
* return (
|
|
42
|
+
* <div className={classMapToString(theme.components.TextField.container)}>
|
|
43
|
+
* <label>{label}</label>
|
|
44
|
+
* <input
|
|
45
|
+
* value={value}
|
|
46
|
+
* onChange={(e) => setValue(node.properties.text?.path!, e.target.value)}
|
|
47
|
+
* />
|
|
48
|
+
* </div>
|
|
49
|
+
* );
|
|
50
|
+
* }
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
53
|
+
declare function useA2UIComponent<T extends Types.AnyComponentNode>(node: T, surfaceId: string): UseA2UIComponentResult;
|
|
54
|
+
//#endregion
|
|
55
|
+
export { UseA2UIComponentResult, useA2UIComponent };
|
|
56
|
+
//# sourceMappingURL=useA2UIComponent.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useA2UIComponent.d.cts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UIComponent.ts"],"mappings":";;;;;AAQA;UAAiB,sBAAA;;EAEf,KAAA,EAAO,KAAA,CAAM,KAAA;EAIJ;EADT,aAAA,GACE,KAAA,EAAO,UAAA,CAAW,WAAA;EAUX;EANT,aAAA,GACE,KAAA,EAAO,UAAA,CAAW,WAAA;EAYQ;EAR5B,cAAA,GACE,KAAA,EAAO,UAAA,CAAW,YAAA;EAUa;EANjC,QAAA,GAAW,IAAA,UAAc,KAAA,EAAO,KAAA,CAAM,SAAA;EAlBtC;EAqBA,QAAA,GAAW,IAAA,aAAiB,KAAA,CAAM,SAAA;EArBrB;EAwBb,UAAA,GAAa,MAAA,EAAQ,KAAA,CAAM,MAAA;EApBlB;EAuBT,WAAA,GAAc,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BhB;;;iBAAgB,gBAAA,WAA2B,KAAA,CAAM,gBAAA,CAAA,CAC/C,IAAA,EAAM,CAAA,EACN,SAAA,WACC,sBAAA"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { Primitives, Types } from "@a2ui/lit/0.8";
|
|
2
|
+
|
|
3
|
+
//#region src/react-renderer/hooks/useA2UIComponent.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* Result returned by the useA2UIComponent hook.
|
|
6
|
+
*/
|
|
7
|
+
interface UseA2UIComponentResult {
|
|
8
|
+
/** The current theme */
|
|
9
|
+
theme: Types.Theme;
|
|
10
|
+
/** Resolve a StringValue to its actual string value */
|
|
11
|
+
resolveString: (value: Primitives.StringValue | null | undefined) => string | null;
|
|
12
|
+
/** Resolve a NumberValue to its actual number value */
|
|
13
|
+
resolveNumber: (value: Primitives.NumberValue | null | undefined) => number | null;
|
|
14
|
+
/** Resolve a BooleanValue to its actual boolean value */
|
|
15
|
+
resolveBoolean: (value: Primitives.BooleanValue | null | undefined) => boolean | null;
|
|
16
|
+
/** Set a value in the data model (for two-way binding) */
|
|
17
|
+
setValue: (path: string, value: Types.DataValue) => void;
|
|
18
|
+
/** Get a value from the data model */
|
|
19
|
+
getValue: (path: string) => Types.DataValue | null;
|
|
20
|
+
/** Dispatch a user action */
|
|
21
|
+
sendAction: (action: Types.Action) => void;
|
|
22
|
+
/** Generate a unique ID for accessibility */
|
|
23
|
+
getUniqueId: (prefix: string) => string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Base hook for A2UI components. Provides data binding, theme access,
|
|
27
|
+
* and action dispatching.
|
|
28
|
+
*
|
|
29
|
+
* @param node - The component node from the A2UI message processor
|
|
30
|
+
* @param surfaceId - The surface ID this component belongs to
|
|
31
|
+
* @returns Object with theme, data binding helpers, and action dispatcher
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* function TextField({ node, surfaceId }: A2UIComponentProps<Types.TextFieldNode>) {
|
|
36
|
+
* const { theme, resolveString, setValue } = useA2UIComponent(node, surfaceId);
|
|
37
|
+
*
|
|
38
|
+
* const label = resolveString(node.properties.label);
|
|
39
|
+
* const value = resolveString(node.properties.text) ?? '';
|
|
40
|
+
*
|
|
41
|
+
* return (
|
|
42
|
+
* <div className={classMapToString(theme.components.TextField.container)}>
|
|
43
|
+
* <label>{label}</label>
|
|
44
|
+
* <input
|
|
45
|
+
* value={value}
|
|
46
|
+
* onChange={(e) => setValue(node.properties.text?.path!, e.target.value)}
|
|
47
|
+
* />
|
|
48
|
+
* </div>
|
|
49
|
+
* );
|
|
50
|
+
* }
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
53
|
+
declare function useA2UIComponent<T extends Types.AnyComponentNode>(node: T, surfaceId: string): UseA2UIComponentResult;
|
|
54
|
+
//#endregion
|
|
55
|
+
export { UseA2UIComponentResult, useA2UIComponent };
|
|
56
|
+
//# sourceMappingURL=useA2UIComponent.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useA2UIComponent.d.mts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UIComponent.ts"],"mappings":";;;;;AAQA;UAAiB,sBAAA;;EAEf,KAAA,EAAO,KAAA,CAAM,KAAA;EAIJ;EADT,aAAA,GACE,KAAA,EAAO,UAAA,CAAW,WAAA;EAUX;EANT,aAAA,GACE,KAAA,EAAO,UAAA,CAAW,WAAA;EAYQ;EAR5B,cAAA,GACE,KAAA,EAAO,UAAA,CAAW,YAAA;EAUa;EANjC,QAAA,GAAW,IAAA,UAAc,KAAA,EAAO,KAAA,CAAM,SAAA;EAlBtC;EAqBA,QAAA,GAAW,IAAA,aAAiB,KAAA,CAAM,SAAA;EArBrB;EAwBb,UAAA,GAAa,MAAA,EAAQ,KAAA,CAAM,MAAA;EApBlB;EAuBT,WAAA,GAAc,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BhB;;;iBAAgB,gBAAA,WAA2B,KAAA,CAAM,gBAAA,CAAA,CAC/C,IAAA,EAAM,CAAA,EACN,SAAA,WACC,sBAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
const require_litTheme = require('./theme/litTheme.cjs');
|
|
2
|
+
const require_ThemeContext = require('./theme/ThemeContext.cjs');
|
|
3
|
+
const require_A2UIProvider = require('./core/A2UIProvider.cjs');
|
|
4
|
+
const require_useA2UI = require('./hooks/useA2UI.cjs');
|
|
5
|
+
const require_ComponentRegistry = require('./registry/ComponentRegistry.cjs');
|
|
6
|
+
const require_ComponentNode = require('./core/ComponentNode.cjs');
|
|
7
|
+
const require_utils = require('./theme/utils.cjs');
|
|
8
|
+
const require_utils$1 = require('./lib/utils.cjs');
|
|
9
|
+
const require_A2UIRenderer = require('./core/A2UIRenderer.cjs');
|
|
10
|
+
const require_useA2UIComponent = require('./hooks/useA2UIComponent.cjs');
|
|
11
|
+
const require_Text = require('./components/content/Text.cjs');
|
|
12
|
+
const require_Image = require('./components/content/Image.cjs');
|
|
13
|
+
const require_Icon = require('./components/content/Icon.cjs');
|
|
14
|
+
const require_Divider = require('./components/content/Divider.cjs');
|
|
15
|
+
const require_Video = require('./components/content/Video.cjs');
|
|
16
|
+
const require_AudioPlayer = require('./components/content/AudioPlayer.cjs');
|
|
17
|
+
const require_Row = require('./components/layout/Row.cjs');
|
|
18
|
+
const require_Column = require('./components/layout/Column.cjs');
|
|
19
|
+
const require_List = require('./components/layout/List.cjs');
|
|
20
|
+
const require_Card = require('./components/layout/Card.cjs');
|
|
21
|
+
const require_Tabs = require('./components/layout/Tabs.cjs');
|
|
22
|
+
const require_Modal = require('./components/layout/Modal.cjs');
|
|
23
|
+
const require_Button = require('./components/interactive/Button.cjs');
|
|
24
|
+
const require_TextField = require('./components/interactive/TextField.cjs');
|
|
25
|
+
const require_CheckBox = require('./components/interactive/CheckBox.cjs');
|
|
26
|
+
const require_Slider = require('./components/interactive/Slider.cjs');
|
|
27
|
+
const require_DateTimeInput = require('./components/interactive/DateTimeInput.cjs');
|
|
28
|
+
const require_MultipleChoice = require('./components/interactive/MultipleChoice.cjs');
|
|
29
|
+
const require_defaultCatalog = require('./registry/defaultCatalog.cjs');
|
|
30
|
+
const require_index = require('./styles/index.cjs');
|
|
31
|
+
require('./core/A2UIViewer.cjs');
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, Primitives, StringValue, SurfaceID, Types } from "./types.cjs";
|
|
2
|
+
import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.cjs";
|
|
3
|
+
import { ComponentRegistry } from "./registry/ComponentRegistry.cjs";
|
|
4
|
+
import { A2UIRenderer, A2UIRendererProps } from "./core/A2UIRenderer.cjs";
|
|
5
|
+
import { A2UIActionEvent } from "./core/A2UIViewer.cjs";
|
|
6
|
+
import { ComponentNode } from "./core/ComponentNode.cjs";
|
|
7
|
+
import { UseA2UIResult, useA2UI } from "./hooks/useA2UI.cjs";
|
|
8
|
+
import { UseA2UIComponentResult, useA2UIComponent } from "./hooks/useA2UIComponent.cjs";
|
|
9
|
+
import { initializeDefaultCatalog, registerDefaultCatalog } from "./registry/defaultCatalog.cjs";
|
|
10
|
+
import { ThemeProvider, useTheme, useThemeOptional } from "./theme/ThemeContext.cjs";
|
|
11
|
+
import { defaultTheme, litTheme } from "./theme/litTheme.cjs";
|
|
12
|
+
import { classMapToString, stylesToObject } from "./theme/utils.cjs";
|
|
13
|
+
import { cn } from "./lib/utils.cjs";
|
|
14
|
+
import { injectStyles, removeStyles } from "./styles/index.cjs";
|
|
15
|
+
import { Text } from "./components/content/Text.cjs";
|
|
16
|
+
import { Image } from "./components/content/Image.cjs";
|
|
17
|
+
import { Icon } from "./components/content/Icon.cjs";
|
|
18
|
+
import { Divider } from "./components/content/Divider.cjs";
|
|
19
|
+
import { Video } from "./components/content/Video.cjs";
|
|
20
|
+
import { AudioPlayer } from "./components/content/AudioPlayer.cjs";
|
|
21
|
+
import { Row } from "./components/layout/Row.cjs";
|
|
22
|
+
import { Column } from "./components/layout/Column.cjs";
|
|
23
|
+
import { List } from "./components/layout/List.cjs";
|
|
24
|
+
import { Card } from "./components/layout/Card.cjs";
|
|
25
|
+
import { Tabs } from "./components/layout/Tabs.cjs";
|
|
26
|
+
import { Modal } from "./components/layout/Modal.cjs";
|
|
27
|
+
import { Button } from "./components/interactive/Button.cjs";
|
|
28
|
+
import { TextField } from "./components/interactive/TextField.cjs";
|
|
29
|
+
import { CheckBox } from "./components/interactive/CheckBox.cjs";
|
|
30
|
+
import { Slider } from "./components/interactive/Slider.cjs";
|
|
31
|
+
import { DateTimeInput } from "./components/interactive/DateTimeInput.cjs";
|
|
32
|
+
import { MultipleChoice } from "./components/interactive/MultipleChoice.cjs";
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, Primitives, StringValue, SurfaceID, Types } from "./types.mjs";
|
|
2
|
+
import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.mjs";
|
|
3
|
+
import { ComponentRegistry } from "./registry/ComponentRegistry.mjs";
|
|
4
|
+
import { A2UIRenderer, A2UIRendererProps } from "./core/A2UIRenderer.mjs";
|
|
5
|
+
import { A2UIActionEvent } from "./core/A2UIViewer.mjs";
|
|
6
|
+
import { ComponentNode } from "./core/ComponentNode.mjs";
|
|
7
|
+
import { UseA2UIResult, useA2UI } from "./hooks/useA2UI.mjs";
|
|
8
|
+
import { UseA2UIComponentResult, useA2UIComponent } from "./hooks/useA2UIComponent.mjs";
|
|
9
|
+
import { initializeDefaultCatalog, registerDefaultCatalog } from "./registry/defaultCatalog.mjs";
|
|
10
|
+
import { ThemeProvider, useTheme, useThemeOptional } from "./theme/ThemeContext.mjs";
|
|
11
|
+
import { defaultTheme, litTheme } from "./theme/litTheme.mjs";
|
|
12
|
+
import { classMapToString, stylesToObject } from "./theme/utils.mjs";
|
|
13
|
+
import { cn } from "./lib/utils.mjs";
|
|
14
|
+
import { injectStyles, removeStyles } from "./styles/index.mjs";
|
|
15
|
+
import { Text } from "./components/content/Text.mjs";
|
|
16
|
+
import { Image } from "./components/content/Image.mjs";
|
|
17
|
+
import { Icon } from "./components/content/Icon.mjs";
|
|
18
|
+
import { Divider } from "./components/content/Divider.mjs";
|
|
19
|
+
import { Video } from "./components/content/Video.mjs";
|
|
20
|
+
import { AudioPlayer } from "./components/content/AudioPlayer.mjs";
|
|
21
|
+
import { Row } from "./components/layout/Row.mjs";
|
|
22
|
+
import { Column } from "./components/layout/Column.mjs";
|
|
23
|
+
import { List } from "./components/layout/List.mjs";
|
|
24
|
+
import { Card } from "./components/layout/Card.mjs";
|
|
25
|
+
import { Tabs } from "./components/layout/Tabs.mjs";
|
|
26
|
+
import { Modal } from "./components/layout/Modal.mjs";
|
|
27
|
+
import { Button } from "./components/interactive/Button.mjs";
|
|
28
|
+
import { TextField } from "./components/interactive/TextField.mjs";
|
|
29
|
+
import { CheckBox } from "./components/interactive/CheckBox.mjs";
|
|
30
|
+
import { Slider } from "./components/interactive/Slider.mjs";
|
|
31
|
+
import { DateTimeInput } from "./components/interactive/DateTimeInput.mjs";
|
|
32
|
+
import { MultipleChoice } from "./components/interactive/MultipleChoice.mjs";
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defaultTheme, litTheme } from "./theme/litTheme.mjs";
|
|
2
|
+
import { ThemeProvider, useTheme, useThemeOptional } from "./theme/ThemeContext.mjs";
|
|
3
|
+
import { A2UIProvider, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.mjs";
|
|
4
|
+
import { useA2UI } from "./hooks/useA2UI.mjs";
|
|
5
|
+
import { ComponentRegistry } from "./registry/ComponentRegistry.mjs";
|
|
6
|
+
import ComponentNode from "./core/ComponentNode.mjs";
|
|
7
|
+
import { classMapToString, stylesToObject } from "./theme/utils.mjs";
|
|
8
|
+
import { cn } from "./lib/utils.mjs";
|
|
9
|
+
import A2UIRenderer from "./core/A2UIRenderer.mjs";
|
|
10
|
+
import { useA2UIComponent } from "./hooks/useA2UIComponent.mjs";
|
|
11
|
+
import Text from "./components/content/Text.mjs";
|
|
12
|
+
import Image from "./components/content/Image.mjs";
|
|
13
|
+
import Icon from "./components/content/Icon.mjs";
|
|
14
|
+
import Divider from "./components/content/Divider.mjs";
|
|
15
|
+
import Video from "./components/content/Video.mjs";
|
|
16
|
+
import AudioPlayer from "./components/content/AudioPlayer.mjs";
|
|
17
|
+
import Row from "./components/layout/Row.mjs";
|
|
18
|
+
import Column from "./components/layout/Column.mjs";
|
|
19
|
+
import List from "./components/layout/List.mjs";
|
|
20
|
+
import Card from "./components/layout/Card.mjs";
|
|
21
|
+
import Tabs from "./components/layout/Tabs.mjs";
|
|
22
|
+
import Modal from "./components/layout/Modal.mjs";
|
|
23
|
+
import Button from "./components/interactive/Button.mjs";
|
|
24
|
+
import TextField from "./components/interactive/TextField.mjs";
|
|
25
|
+
import CheckBox from "./components/interactive/CheckBox.mjs";
|
|
26
|
+
import Slider from "./components/interactive/Slider.mjs";
|
|
27
|
+
import DateTimeInput from "./components/interactive/DateTimeInput.mjs";
|
|
28
|
+
import MultipleChoice from "./components/interactive/MultipleChoice.mjs";
|
|
29
|
+
import { initializeDefaultCatalog, registerDefaultCatalog } from "./registry/defaultCatalog.mjs";
|
|
30
|
+
import { injectStyles, removeStyles } from "./styles/index.mjs";
|
|
31
|
+
import "./core/A2UIViewer.mjs";
|
|
32
|
+
|
|
33
|
+
export { };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { classMapToString, stylesToObject } from "../theme/utils.cjs";
|
|
2
|
+
import { ClassValue } from "clsx";
|
|
3
|
+
|
|
4
|
+
//#region src/react-renderer/lib/utils.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* Utility function to merge class names.
|
|
7
|
+
* Combines clsx for conditional classes.
|
|
8
|
+
*
|
|
9
|
+
* @param inputs - Class values to merge
|
|
10
|
+
* @returns Merged class name string
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* cn('base-class', condition && 'conditional-class', { 'object-class': true })
|
|
14
|
+
*/
|
|
15
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { cn };
|
|
18
|
+
//# sourceMappingURL=utils.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.cts","names":[],"sources":["../../../src/react-renderer/lib/utils.ts"],"mappings":";;;;;;;AAaA;;;;;;;iBAAgB,EAAA,CAAA,GAAM,MAAA,EAAQ,UAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { classMapToString, stylesToObject } from "../theme/utils.mjs";
|
|
2
|
+
import { ClassValue } from "clsx";
|
|
3
|
+
|
|
4
|
+
//#region src/react-renderer/lib/utils.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* Utility function to merge class names.
|
|
7
|
+
* Combines clsx for conditional classes.
|
|
8
|
+
*
|
|
9
|
+
* @param inputs - Class values to merge
|
|
10
|
+
* @returns Merged class name string
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* cn('base-class', condition && 'conditional-class', { 'object-class': true })
|
|
14
|
+
*/
|
|
15
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { cn };
|
|
18
|
+
//# sourceMappingURL=utils.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.mts","names":[],"sources":["../../../src/react-renderer/lib/utils.ts"],"mappings":";;;;;;;AAaA;;;;;;;iBAAgB,EAAA,CAAA,GAAM,MAAA,EAAQ,UAAA"}
|