@kosdev-code/kos-ui-sdk 2.0.24 → 2.0.26

package/models/models/canvas-dispatcher/utils/renderers/sweep-renderer.d.ts

@@ -0,0 +1,48 @@
+import { Canvas2DRendererBase } from './base/canvas-2d-renderer';
+import { Renderer } from '../../types';
+
+/**
+ * A horizontal hue sweep renderer using 2D canvas.
+ *
+ * This renderer generates a horizontally scrolling gradient across a configurable hue range.
+ * The hue scrolls left-to-right in HSL color space, creating a smooth and colorful sweep animation.
+ */
+export declare class SweepRenderer extends Canvas2DRendererBase implements Renderer {
+    /** The horizontal pixel offset into the hue sweep */
+    private offset;
+    /** Minimum hue (in degrees) to include in the sweep (e.g. 0 for red) */
+    private minHue;
+    /** Maximum hue (in degrees) to include in the sweep (e.g. 60 for yellow) */
+    private maxHue;
+    /** Horizontal sweep speed in pixels per update step */
+    private speed;
+    /**
+     * Constructs a sweep renderer.
+     *
+     * @param minHue - Start of the hue range (in degrees, default 0)
+     * @param maxHue - End of the hue range (in degrees, default 360)
+     * @param speed - Horizontal speed of the sweep (pixels per update, default 1)
+     */
+    constructor(minHue?: number, maxHue?: number, speed?: number);
+    /**
+     * Resets the animation state to the beginning of the sweep.
+     */
+    reset(): void;
+    /**
+     * Converts an HSL color to RGB.
+     *
+     * @param h - Hue [0, 1]
+     * @param s - Saturation [0, 1]
+     * @param l - Lightness [0, 1]
+     * @returns Tuple of [r, g, b] in range [0, 255]
+     */
+    private hslToRgb;
+    /**
+     * Renders the current frame by drawing a hue-mapped horizontal gradient across the canvas.
+     *
+     * @param width - Width of the canvas in pixels
+     * @param height - Height of the canvas in pixels
+     */
+    renderFrame(width: number, height: number): void;
+}
+//# sourceMappingURL=sweep-renderer.d.ts.map

package/models/models/canvas-dispatcher/utils/renderers/sweep-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sweep-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-dispatcher/utils/renderers/sweep-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,oBAAqB,YAAW,QAAQ;IACzE,qDAAqD;IACrD,OAAO,CAAC,MAAM,CAAK;IAEnB,wEAAwE;IACxE,OAAO,CAAC,MAAM,CAAS;IAEvB,4EAA4E;IAC5E,OAAO,CAAC,MAAM,CAAS;IAEvB,uDAAuD;IACvD,OAAO,CAAC,KAAK,CAAS;IAEtB;;;;;;OAMG;gBACS,MAAM,SAAI,EAAE,MAAM,SAAM,EAAE,KAAK,SAAI;IAO/C;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ;IAyBhB;;;;;OAKG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CA4BjD"}

package/models/models/canvas-dispatcher/utils/renderers/swirl-renderer.d.ts

@@ -0,0 +1,13 @@
+import { VideoRendererBase } from './base/video-base-renderer';
+
+/**
+ * The `SwirlRenderer` class extends the `VideoRendererBase` to provide
+ * functionality for rendering a swirling video effect. It initializes
+ * the renderer with a predefined video asset (`swirl.mp4`).
+ *
+ * @extends VideoRendererBase
+ */
+export declare class SwirlRenderer extends VideoRendererBase {
+    constructor();
+}
+//# sourceMappingURL=swirl-renderer.d.ts.map

package/models/models/canvas-dispatcher/utils/renderers/swirl-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swirl-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/models/models/canvas-dispatcher/utils/renderers/swirl-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D;;;;;;GAMG;AACH,qBAAa,aAAc,SAAQ,iBAAiB;;CAInD"}

package/models/utils/core-registration-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core-registration-manager.d.ts","sourceRoot":"","sources":["../../../../../../packages/sdk/kos-ui-sdk/src/models/utils/core-registration-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGnB,KAAK,kBAAkB,EACxB,MAAM,YAAY,CAAC;AAgBpB,eAAO,MAAM,kBAAkB,YACnB,CAAC;;;;;CA2BV,CAAC;AAEJ,KAAK,aAAa,CAAC,CAAC,IAAI;IACtB,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACnE,KAAK,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,SAAS,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;CACtE,CAAC;AAEF,QAAA,MAAM,iBAAiB,IAAK,CAAC;AAc7B,KAAK,oBAAoB,GAAG,aAAa,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEpE,QAAA,MAAM,gBAAgB,EAAE,oBAA+C,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"core-registration-manager.d.ts","sourceRoot":"","sources":["../../../../../../packages/sdk/kos-ui-sdk/src/models/utils/core-registration-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGnB,KAAK,kBAAkB,EACxB,MAAM,YAAY,CAAC;AAiBpB,eAAO,MAAM,kBAAkB,YACnB,CAAC;;;;;CA4BV,CAAC;AAEJ,KAAK,aAAa,CAAC,CAAC,IAAI;IACtB,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACnE,KAAK,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,SAAS,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;CACtE,CAAC;AAEF,QAAA,MAAM,iBAAiB,IAAK,CAAC;AAc7B,KAAK,oBAAoB,GAAG,aAAa,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEpE,QAAA,MAAM,gBAAgB,EAAE,oBAA+C,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kosdev-code/kos-ui-sdk",
-  "version": "2.0.24",
+  "version": "2.0.26",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -36,7 +36,7 @@
   },
   "kos": {
     "build": {
-      "gitHash": "43f323a329e357e40c5554b416c109bc9c1ea45b"
+      "gitHash": "67f4216ff76cccb352c0ac2f5b624d38934476b1"
     }
   }
 }

package/ui/features/canvas/components/canvas-streamer/canvas-streamer.d.ts

@@ -0,0 +1,13 @@
+import { CanvasDispatcherModel } from '../../../../../models/models/canvas-dispatcher';
+
+interface CanvasStreamerProps {
+    height?: number;
+    width?: number;
+    defaultFps?: number;
+    showPreview?: boolean;
+    canvasDispatcher: CanvasDispatcherModel;
+}
+export declare const CanvasStreamerBase: React.FunctionComponent<CanvasStreamerProps>;
+export declare const CanvasStreamer: (props: Omit<CanvasStreamerProps, "canvasDispatcher">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=canvas-streamer.d.ts.map

package/ui/features/canvas/components/canvas-streamer/canvas-streamer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-streamer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/components/canvas-streamer/canvas-streamer.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAW5F,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,qBAAqB,CAAC;CACzC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAiKzE,CAAC;AAEJ,eAAO,MAAM,cAAc,4GAA2C,CAAC"}

package/ui/features/canvas/components/canvas-streamer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas-streamer';
+//# sourceMappingURL=index.d.ts.map

package/ui/features/canvas/components/canvas-streamer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/components/canvas-streamer/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/ui/features/canvas/components/rgb-332-visualizer/rgb-332-visualizer.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare const RGB332Visualizer: React.FC;
+export default RGB332Visualizer;
+//# sourceMappingURL=rgb-332-visualizer.d.ts.map

package/ui/features/canvas/components/rgb-332-visualizer/rgb-332-visualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgb-332-visualizer.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/components/rgb-332-visualizer/rgb-332-visualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA8D7B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/ui/features/canvas/hooks/canvas-dispatcher/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-canvas-dispatcher';
+export * from './with-canvas-dispatcher';
+//# sourceMappingURL=index.d.ts.map

package/ui/features/canvas/hooks/canvas-dispatcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/canvas-dispatcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}

package/ui/features/canvas/hooks/canvas-dispatcher/use-canvas-dispatcher.d.ts

@@ -0,0 +1,14 @@
+import { CanvasDispatcherModel } from '../../../../../models/models/canvas-dispatcher';
+
+export declare const useCanvasDispatcher: () => {
+    model: CanvasDispatcherModel | undefined;
+    ready: boolean;
+    error: string | undefined;
+    status: {
+        model: CanvasDispatcherModel | undefined;
+        ready: boolean;
+        error: string | undefined;
+    };
+    KosModelLoader: import('react').FunctionComponent<import('react').PropsWithChildren<import('../../../../components/error-boundary/error-boundary').ErrorBoundaryProps & import('../../../..').KosModelLoaderProps>>;
+};
+//# sourceMappingURL=use-canvas-dispatcher.d.ts.map

package/ui/features/canvas/hooks/canvas-dispatcher/use-canvas-dispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-canvas-dispatcher.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/canvas-dispatcher/use-canvas-dispatcher.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,gDAAgD,CAAC;AAGxD,eAAO,MAAM,mBAAmB;;;;;;;;;;CAS/B,CAAC"}

package/ui/features/canvas/hooks/canvas-dispatcher/with-canvas-dispatcher.d.ts

@@ -0,0 +1,9 @@
+import { CanvasDispatcherModel } from '../../../../../models/models/canvas-dispatcher';
+
+interface CanvasDispatcherProps {
+    canvasDispatcher: CanvasDispatcherModel;
+}
+type HoCCanvasDispatcherProps = CanvasDispatcherProps;
+export declare function withCanvasDispatcher<T extends HoCCanvasDispatcherProps = HoCCanvasDispatcherProps>(WrappedComponent: React.ComponentType<T>): (props: Omit<T, keyof CanvasDispatcherProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=with-canvas-dispatcher.d.ts.map

package/ui/features/canvas/hooks/canvas-dispatcher/with-canvas-dispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-canvas-dispatcher.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/canvas-dispatcher/with-canvas-dispatcher.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAG5F,UAAU,qBAAqB;IAC7B,gBAAgB,EAAE,qBAAqB,CAAC;CACzC;AAED,KAAK,wBAAwB,GAAG,qBAAqB,CAAC;AAEtD,wBAAgB,oBAAoB,CAClC,CAAC,SAAS,wBAAwB,GAAG,wBAAwB,EAC7D,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,WACzB,KAAK,CAAC,EAAE,MAAM,qBAAqB,CAAC,sDASpD"}

package/ui/features/canvas/hooks/use-gradient-renderer.d.ts

@@ -0,0 +1,14 @@
+import { GradientDirection } from '../../../../models/models/canvas-dispatcher/utils/renderers/gradient-renderer';
+
+interface UseGradientRendererProps {
+    width: number;
+    height: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    colors: string[];
+    direction: GradientDirection;
+    speed?: number;
+    loop?: boolean;
+}
+export declare const useGradientRenderer: ({ width, height, onFrame, colors, direction, speed, loop, }: UseGradientRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-gradient-renderer.d.ts.map

package/ui/features/canvas/hooks/use-gradient-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-gradient-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-gradient-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,+EAA+E,CAAC;AAGvF,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,gEAQ7B,wBAAwB,mCAe1B,CAAC"}

package/ui/features/canvas/hooks/use-image-renderer.d.ts

@@ -0,0 +1,22 @@
+interface UseImageRendererProps {
+    width: number;
+    height: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    src: string;
+}
+/**
+ * A custom hook that initializes and manages a video renderer for streaming video frames.
+ *
+ * @param {UseImageRendererProps} props - The properties required to configure the video renderer.
+ * @param {number} props.width - The width of the image frame.
+ * @param {number} props.height - The height of the image frame.
+ * @param {Function} props.onFrame - A callback function invoked for each rendered frame.
+ * @param {string} props.src - The source URL or path of the image to be rendered.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the video is currently streaming.
+ * - `startStreaming` (Function): A function to start the video streaming process.
+ */
+export declare const useImageRenderer: ({ width, height, onFrame, src, }: UseImageRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-image-renderer.d.ts.map

package/ui/features/canvas/hooks/use-image-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-image-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;CACb;AACD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,qCAM1B,qBAAqB,mCAWvB,CAAC"}

package/ui/features/canvas/hooks/use-solid-color-renderer.d.ts

@@ -0,0 +1,11 @@
+interface UseSolidColorRendererProps {
+    width: number;
+    height: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    r: number;
+    g: number;
+    b: number;
+}
+export declare const useSolidColorRenderer: ({ width, height, onFrame, r, g, b, }: UseSolidColorRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-solid-color-renderer.d.ts.map

package/ui/features/canvas/hooks/use-solid-color-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-solid-color-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-solid-color-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,eAAO,MAAM,qBAAqB,yCAO/B,0BAA0B,mCAkB5B,CAAC"}

package/ui/features/canvas/hooks/use-streamable-renderer.d.ts

@@ -0,0 +1,17 @@
+import { Renderer } from '../../../../models/models/canvas-dispatcher';
+
+interface UseStreamableRendererProps {
+    renderer: Renderer | null;
+    width: number;
+    height: number;
+    fps: number;
+    durationMs?: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+}
+export declare function useStreamableRenderer({ renderer, width, height, fps, durationMs, onFrame, }: UseStreamableRendererProps): {
+    isStreaming: boolean;
+    startStreaming: () => void;
+    stopStreaming: () => void;
+};
+export {};
+//# sourceMappingURL=use-streamable-renderer.d.ts.map

package/ui/features/canvas/hooks/use-streamable-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-streamable-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-streamable-renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,QAAQ,EACT,MAAM,6CAA6C,CAAC;AAErD,UAAU,0BAA0B;IAClC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,GAAG,EACH,UAAiB,EACjB,OAAO,GACR,EAAE,0BAA0B;;;;EAuF5B"}

package/ui/features/canvas/hooks/use-sweep-renderer.d.ts

@@ -0,0 +1,32 @@
+interface UseSweepRendererProps {
+    width: number;
+    height: number;
+    fps: number;
+    durationMs?: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    minHue?: number;
+    maxHue?: number;
+    speed?: number;
+}
+/**
+ * A custom hook that initializes and manages a `SweepRenderer` instance for rendering
+ * animations with configurable hue sweeps. It also integrates with a streamable renderer
+ * to handle streaming frames.
+ *
+ * @param {Object} props - The properties for configuring the sweep renderer.
+ * @param {number} props.width - The width of the rendering canvas.
+ * @param {number} props.height - The height of the rendering canvas.
+ * @param {number} props.fps - The frames per second for the rendering.
+ * @param {Function} props.onFrame - A callback function invoked on each frame render.
+ * @param {number} [props.durationMs=5000] - The total duration of the rendering in milliseconds.
+ * @param {number} [props.minHue=0] - The minimum hue value for the sweep.
+ * @param {number} [props.maxHue=360] - The maximum hue value for the sweep.
+ * @param {number} [props.speed=1] - The speed of the hue sweep animation.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the rendering is currently streaming.
+ * - `startStreaming` (Function): A function to start the rendering stream.
+ */
+export declare const useSweepRenderer: ({ width, height, fps, onFrame, durationMs, minHue, maxHue, speed, }: UseSweepRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-sweep-renderer.d.ts.map

package/ui/features/canvas/hooks/use-sweep-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sweep-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-sweep-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,wEAS1B,qBAAqB,mCAgBvB,CAAC"}

package/ui/features/canvas/hooks/use-swirl-renderer.d.ts

@@ -0,0 +1,22 @@
+interface UseSwirlRendererProps {
+    width: number;
+    height: number;
+    fps: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+}
+/**
+ * Custom hook to initialize and manage a swirl video renderer.
+ *
+ * @param {UseSwirlRendererProps} props - The properties required to configure the swirl renderer.
+ * @param {number} props.width - The width of the video renderer.
+ * @param {number} props.height - The height of the video renderer.
+ * @param {number} props.fps - The frames per second for the video renderer.
+ * @param {Function} props.onFrame - Callback function invoked on each frame render.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the video renderer is currently streaming.
+ * - `startStreaming` (function): A function to start the video streaming process.
+ */
+export declare const useSwirlRenderer: ({ width, height, fps, onFrame, }: UseSwirlRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-swirl-renderer.d.ts.map

package/ui/features/canvas/hooks/use-swirl-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swirl-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-swirl-renderer.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AACD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,qCAK1B,qBAAqB,mCAUvB,CAAC"}

package/ui/features/canvas/hooks/use-video-renderer.d.ts

@@ -0,0 +1,24 @@
+interface UseVideoRendererProps {
+    width: number;
+    height: number;
+    fps: number;
+    onFrame?: (rgba: Uint8ClampedArray) => void;
+    src: string;
+}
+/**
+ * A custom hook that initializes and manages a video renderer for streaming video frames.
+ *
+ * @param {UseVideoRendererProps} props - The properties required to configure the video renderer.
+ * @param {number} props.width - The width of the video frame.
+ * @param {number} props.height - The height of the video frame.
+ * @param {number} props.fps - The frames per second for the video stream.
+ * @param {Function} props.onFrame - A callback function invoked for each rendered frame.
+ * @param {string} props.src - The source URL or path of the video to be rendered.
+ *
+ * @returns {readonly [boolean, () => void]} A tuple containing:
+ * - `isStreaming` (boolean): Indicates whether the video is currently streaming.
+ * - `startStreaming` (Function): A function to start the video streaming process.
+ */
+export declare const useVideoRenderer: ({ width, height, fps, onFrame, src, }: UseVideoRendererProps) => readonly [boolean, () => void];
+export {};
+//# sourceMappingURL=use-video-renderer.d.ts.map

package/ui/features/canvas/hooks/use-video-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/hooks/use-video-renderer.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;CACb;AACD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,0CAM1B,qBAAqB,mCAWvB,CAAC"}

package/ui/features/canvas/utils/encode-frame.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Encodes an RGBA frame into a specified format.
+ *
+ * @param rgba - A `Uint8ClampedArray` containing the RGBA pixel data of the frame.
+ * @param format - The desired output format. Can be either `'base64'` or `'rgb332'`.
+ *   - `'base64'`: Encodes the frame as a Base64 string.
+ *   - `'rgb332'`: Encodes the frame using the RGB332 color format.
+ * @param stripAlpha - A boolean indicating whether to exclude the alpha channel
+ *   from the encoding. If `true`, the alpha channel is removed.
+
+ * @returns A string representing the encoded frame in the specified format.
+ */
+export declare function encodeFrame(rgba: Uint8ClampedArray, format: "base64" | "rgb332", stripAlpha: boolean): string;
+//# sourceMappingURL=encode-frame.d.ts.map

package/ui/features/canvas/utils/encode-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"encode-frame.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/utils/encode-frame.tsx"],"names":[],"mappings":"AAgBA;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,iBAAiB,EACvB,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAC3B,UAAU,EAAE,OAAO,GAClB,MAAM,CAaR"}

package/ui/features/canvas/utils/preview-decoder.d.ts

@@ -0,0 +1,29 @@
+export declare const decodeBase64RGB: (base64: string, width: number, height: number) => Uint8ClampedArray;
+export declare const decodeRGB332: (data: string, width: number, height: number) => Uint8ClampedArray;
+/**
+ * Renders a decoded preview onto a canvas context by decoding image data
+ * from a specified format and scaling it to the desired size.
+ *
+ * @param ctx - The 2D rendering context of the target canvas.
+ * @param format - The format of the input data string. Can be either 'base64' or 'rgb332'.
+ * @param dataString - The encoded image data as a string.
+ * @param width - The width of the image in pixels.
+ * @param height - The height of the image in pixels.
+ * @param pixelSize - The scaling factor for each pixel in the rendered image.
+ *
+ * @remarks
+ * - If `format` is 'base64', the `dataString` is decoded using `decodeBase64RGB`.
+ * - If `format` is 'rgb332', the `dataString` is decoded using `decodeRGB332`.
+ * - The function creates a temporary canvas to decode and render the image data
+ *   before scaling it onto the target canvas.
+ * - Image smoothing is disabled to preserve the pixelated appearance of the image.
+ */
+export declare function renderDecodedPreview({ ctx, format, dataString, width, height, pixelSize, }: {
+    ctx: CanvasRenderingContext2D;
+    format: "base64" | "rgb332";
+    dataString: string;
+    width: number;
+    height: number;
+    pixelSize: number;
+}): void;
+//# sourceMappingURL=preview-decoder.d.ts.map

package/ui/features/canvas/utils/preview-decoder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-decoder.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/sdk/kos-ui-sdk/src/ui/features/canvas/utils/preview-decoder.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,WAClB,MAAM,SACP,MAAM,UACL,MAAM,KACb,iBAUF,CAAC;AAEF,eAAO,MAAM,YAAY,SACjB,MAAM,SACL,MAAM,UACL,MAAM,KACb,iBAcF,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,GAAG,EACH,MAAM,EACN,UAAU,EACV,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE;IACD,GAAG,EAAE,wBAAwB,CAAC;IAC9B,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,QAeA"}