pulse-ui-client 0.0.13 → 0.0.15

package/dist/messages.d.ts

@@ -4,6 +4,9 @@ export interface ServerInitMessage {
     type: "vdom_init";
     path: string;
     vdom: VDOM;
+    callbacks: string[];
+    render_props: string[];
+    css_refs: string[];
 }
 export interface ServerUpdateMessage {
     type: "vdom_update";

package/dist/pulse.d.ts

@@ -4,12 +4,18 @@ import type { VDOM, ComponentRegistry } from "./vdom";
 export interface PulseConfig {
     serverAddress: string;
 }
+export type PulsePrerenderView = {
+    vdom: VDOM;
+    callbacks: string[];
+    render_props: string[];
+    css_refs: string[];
+};
 export type PulsePrerender = {
     renderId: string;
-    views: Record<string, VDOM>;
+    views: Record<string, PulsePrerenderView>;
 };
 export declare const usePulseClient: () => PulseSocketIOClient;
-export declare const usePulsePrerender: (path: string) => string | number | true | import("./vdom").VDOMElement;
+export declare const usePulsePrerender: (path: string) => PulsePrerenderView;
 export interface PulseProviderProps {
     children: React.ReactNode;
     config: PulseConfig;
@@ -19,5 +25,6 @@ export declare function PulseProvider({ children, config, prerender, }: PulsePro
 export interface PulseViewProps {
     externalComponents: ComponentRegistry;
     path: string;
+    cssModules: Record<string, Record<string, string>>;
 }
-export declare function PulseView({ externalComponents, path }: PulseViewProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function PulseView({ externalComponents, path, cssModules, }: PulseViewProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/renderer.d.ts

@@ -5,10 +5,36 @@ export declare class VDOMRenderer {
     private client;
     private path;
     private components;
+    private cssModules;
     private callbackCache;
-    constructor(client: PulseSocketIOClient, path: string, components: ComponentRegistry);
-    getCallback(key: string): (...args: any[]) => void;
-    renderNode(node: VDOMNode): React.ReactNode;
+    private callbackProps;
+    private renderPropKeys;
+    private cssProps;
+    constructor(client: PulseSocketIOClient, path: string, components: ComponentRegistry, cssModules: Record<string, Record<string, string>>, initialCallbacks?: string[], initialRenderProps?: string[], initialCssRefs?: string[]);
+    setCallbacks(keys: string[]): void;
+    applyCallbackDelta(delta: {
+        add?: string[];
+        remove?: string[];
+    }, tree: React.ReactNode): React.ReactNode;
+    setRenderProps(keys: string[]): void;
+    setCssRefs(entries: string[]): void;
+    applyRenderPropsDelta(delta: {
+        add?: string[];
+        remove?: string[];
+    }): void;
+    applyCssRefsDelta(delta: {
+        set?: string[];
+        remove?: string[];
+    }): void;
+    getCallback(path: string, prop: string): (...args: any[]) => void;
+    renderNode(node: VDOMNode, currentPath?: string): React.ReactNode;
+    private splitPropPath;
+    private propPath;
+    private getCallbackNames;
+    transformValue(path: string, key: string, value: any): any;
+    private resolveCssToken;
+    private updateCallbacksOnTree;
+    private setsEqual;
 }
 export declare function applyUpdates(initialTree: React.ReactNode, updates: VDOMUpdate[], renderer: VDOMRenderer): React.ReactNode;
 export declare function RenderLazy(component: () => Promise<{

package/dist/vdom.d.ts

@@ -13,7 +13,7 @@ export interface VDOMElement {
 export type PrimitiveNode = string | number | boolean;
 export type VDOMNode = PrimitiveNode | VDOMElement;
 export type VDOM = VDOMNode;
-export type UpdateType = "insert" | "remove" | "replace" | "update_props" | "move";
+export type UpdateType = "insert" | "remove" | "replace" | "update_props" | "move" | "update_callbacks" | "update_render_props" | "update_css_refs";
 export interface VDOMUpdateBase {
     type: UpdateType;
     path: string;
@@ -46,7 +46,28 @@ export interface MoveUpdate extends VDOMUpdateBase {
         to_index: number;
     };
 }
-export type VDOMUpdate = InsertUpdate | RemoveUpdate | ReplaceUpdate | UpdatePropsUpdate | MoveUpdate;
+export interface UpdateCallbacksUpdate extends VDOMUpdateBase {
+    type: "update_callbacks";
+    data: {
+        add?: string[];
+        remove?: string[];
+    };
+}
+export interface UpdateRenderPropsUpdate extends VDOMUpdateBase {
+    type: "update_render_props";
+    data: {
+        add?: string[];
+        remove?: string[];
+    };
+}
+export interface UpdateCssRefsUpdate extends VDOMUpdateBase {
+    type: "update_css_refs";
+    data: {
+        set?: string[];
+        remove?: string[];
+    };
+}
+export type VDOMUpdate = InsertUpdate | RemoveUpdate | ReplaceUpdate | UpdatePropsUpdate | MoveUpdate | UpdateCallbacksUpdate | UpdateRenderPropsUpdate | UpdateCssRefsUpdate;
 export declare function isElementNode(node: VDOMNode): node is VDOMElement;
 export declare function isMountPointNode(node: VDOMNode): node is VDOMElement;
 export declare function isTextNode(node: VDOMNode): node is string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pulse-ui-client",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,