@ikonai/sdk-react-ui 0.0.11 → 0.0.13

package/media/media-module.d.ts

@@ -0,0 +1,8 @@
+import { IkonUiModuleLoader, IkonUiRegistry } from '../ikon-ui-registry';
+import { createMediaResolvers, IKON_UI_VIDEO_CANVAS_TYPE, IKON_UI_VIDEO_URL_PLAYER_TYPE } from './video-canvas';
+export declare const IKON_UI_MEDIA_MODULE = "media";
+export { IKON_UI_VIDEO_CANVAS_TYPE };
+export { IKON_UI_VIDEO_URL_PLAYER_TYPE };
+export declare const loadMediaModule: IkonUiModuleLoader;
+export declare function registerMediaModule(registry: IkonUiRegistry): void;
+export { createMediaResolvers };

package/media/video-canvas.d.ts

@@ -0,0 +1,6 @@
+import { IkonUiComponentResolver } from '../ikon-ui-registry';
+export declare const IKON_UI_VIDEO_CANVAS_TYPE: "media.video-canvas";
+export declare const IKON_UI_VIDEO_URL_PLAYER_TYPE: "media.video-url-player";
+export declare function createVideoCanvasResolver(): IkonUiComponentResolver;
+export declare function createMediaResolvers(): IkonUiComponentResolver[];
+export declare function createVideoUrlPlayerResolver(): IkonUiComponentResolver;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-react-ui",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",

package/renderer/component-library.d.ts

@@ -1,4 +1,4 @@
-import { UiComponentLibrary, UiComponentRenderer, UiElementNode } from './types';
+import { UiComponentLibrary, UiComponentRenderer, UiNode } from './types';
 /**
  * Minimal, fixed registry of UI renderers keyed by element type.
  *
@@ -20,7 +20,7 @@ export declare class UiComponentRegistry implements UiComponentLibrary {
     constructor(entries?: Iterable<[string, UiComponentRenderer]>, fallback?: UiComponentRenderer | undefined);
     register(type: string, renderer: UiComponentRenderer): void;
     setFallback(renderer: UiComponentRenderer | undefined): void;
-    resolve(node: UiElementNode): UiComponentRenderer | undefined;
+    resolve(node: UiNode): UiComponentRenderer | undefined;
 }
 /**
  * Convenience factory to build a `UiComponentRegistry` from a plain object.

package/renderer/index.d.ts

@@ -1,4 +1,4 @@
 export { UiRenderer, type UiRendererProps } from './ui-renderer';
 export { UiComponentRegistry, createComponentLibrary, } from './component-library';
 export { useUiStore } from './use-ui-store';
-export type { UiComponentRenderer, UiComponentLibrary, UiElementNode, UiRenderContext, UiComponentRendererProps, ParsedUiUpdate, UiSnapshot, UiFullSnapshot, UiDiffSnapshot, UiElementDiffNode, TextDelta, UiElementProps, UiUpdateType, UiStoreSnapshot, UiOptimisticPatchState, } from './types';
+export type { UiComponentRenderer, UiComponentLibrary, UiNode, UiRenderContext, UiComponentRendererProps, ParsedUiUpdate, UiSnapshot, UiFullSnapshot, UiDiffSnapshot, UiNodeDiff, TextDelta, UiNodeProps, UiUpdateType, UiStoreSnapshot, UiOptimisticPatchState, } from './types';

package/renderer/types.d.ts

@@ -1,15 +1,18 @@
 import { UIPayload } from '../../../../shared/generated/src/index.ts';
-import { UiElementNode } from '../../../sdk-ui/src/index.ts';
+import { UiNode } from '../../../sdk-ui/src/index.ts';
+import { IkonClient, IkonVideoPlayback } from '../../../sdk-core/src/index.ts';
 import { ComponentType, ReactNode } from 'react';
-export { type UiUpdateType, type UiElementProps, type UiElementNode, type UiElementDiffNode, type UiSnapshot, type UiFullSnapshot, type UiDiffSnapshot, type UiSnapshotMetadata, type UiOptimisticPatchMetadata, type UiOptimisticReconcileMetadata, type TextDelta, type ParsedUiUpdate, type UiStoreSnapshot, type UiOptimisticPatchState, } from '../../../sdk-ui/src/index.ts';
+export { type UiUpdateType, type UiNodeProps, type UiNode, type UiNodeDiff, type UiSnapshot, type UiFullSnapshot, type UiDiffSnapshot, type UiSnapshotMetadata, type UiOptimisticPatchMetadata, type UiOptimisticReconcileMetadata, type TextDelta, type ParsedUiUpdate, type UiStoreSnapshot, type UiOptimisticPatchState, } from '../../../sdk-ui/src/index.ts';
 export interface UiRenderContext {
     getPayload(key: string): UIPayload | undefined;
-    renderChildren(nodes: readonly UiElementNode[]): ReactNode;
-    renderContainer(containerId: string): ReactNode;
+    renderChildren(nodes: readonly UiNode[]): ReactNode;
+    renderView(viewId: string): ReactNode;
     dispatchAction(actionId: string, payload?: unknown): void;
+    client?: IkonClient;
+    video?: IkonVideoPlayback;
 }
 export interface UiComponentRendererProps {
-    readonly node: UiElementNode;
+    readonly node: UiNode;
     readonly context: UiRenderContext;
     readonly children: readonly ReactNode[];
     readonly className?: string;
@@ -17,5 +20,5 @@ export interface UiComponentRendererProps {
 }
 export type UiComponentRenderer = ComponentType<UiComponentRendererProps>;
 export interface UiComponentLibrary {
-    resolve(node: UiElementNode): UiComponentRenderer | undefined;
+    resolve(node: UiNode): UiComponentRenderer | undefined;
 }

package/renderer/ui-renderer.d.ts

@@ -1,11 +1,14 @@
+import { IkonClient, IkonVideoPlayback } from '../../../sdk-core/src/index.ts';
 import { UiStreamStore } from '../../../sdk-ui/src/index.ts';
 import { ReactNode } from 'react';
 import { UiComponentLibrary } from './types';
 export interface UiRendererProps {
     readonly store: UiStreamStore;
     readonly library: UiComponentLibrary;
-    readonly containerId?: string;
+    readonly viewId?: string;
     readonly emptyFallback?: ReactNode;
     readonly onAction?: (actionId: string, payloadJson: string) => void;
+    readonly client?: IkonClient;
+    readonly video?: IkonVideoPlayback;
 }
-export declare function UiRenderer({ store, library, containerId, emptyFallback, onAction }: UiRendererProps): ReactNode;
+export declare function UiRenderer({ store, library, viewId, emptyFallback, onAction, client, video }: UiRendererProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

package/shared/render-motion-letters.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function renderMotionLetters(text: string, styleId?: string): ReactNode;

package/surface.d.ts

@@ -1,6 +1,7 @@
 import { UIStreamCategories } from '../../../shared/generated/src/index.ts';
 import { UiStreamStore } from '../../sdk-ui/src/index.ts';
 import { UiComponentLibrary } from './renderer';
+import { IkonClient, IkonVideoPlayback } from '../../sdk-core/src/index.ts';
 export declare const IKON_UI_STREAM_CATEGORY: "ikon-ui";
 export type IkonUiCategory = UIStreamCategories | typeof IKON_UI_STREAM_CATEGORY | (string & {});
 export interface IkonUiStoreEntry {
@@ -14,5 +15,7 @@ export interface IkonUiSurfaceProps {
     category?: IkonUiCategory;
     version?: number;
     onAction?: (actionId: string, payload?: string) => void;
+    client?: IkonClient;
+    video?: IkonVideoPlayback;
 }
-export declare function IkonUiSurface({ stores, library, category, version, onAction }: IkonUiSurfaceProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function IkonUiSurface({ stores, library, category, version, onAction, client, video }: IkonUiSurfaceProps): import("react/jsx-runtime").JSX.Element | null;