@vira-ui/react 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,70 @@
+interface UseViraStateOptions<T = any> {
+    /** Initial value for the state */
+    initial?: T | null;
+    /** Enable msgId support for idempotency */
+    enableMsgId?: boolean;
+    /** Callback when connection opens */
+    onOpen?: () => void;
+    /** Callback when connection closes */
+    onClose?: (event: CloseEvent) => void;
+    /** Callback when connection error occurs */
+    onError?: (error: Error) => void;
+    /** Use deep merge for diff patches (default: true) */
+    deepMerge?: boolean;
+    /** API URL (defaults to VITE_API_URL env or 'http://localhost:8080') */
+    apiUrl?: string;
+    /** Auth token for handshake */
+    authToken?: string;
+}
+/**
+ * Unified hook for Vira Reactive Protocol state management.
+ * Replaces both useViraState and useViraStream.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const { data, sendUpdate } = useViraState<MyType>('my-channel');
+ *
+ * // With options
+ * const { data, sendUpdate, sendDiff } = useViraState<User>('user:123', {
+ *   initial: { name: 'Guest' },
+ *   enableMsgId: true,
+ *   onOpen: () => console.log('Connected'),
+ *   deepMerge: true
+ * });
+ * ```
+ */
+declare function useViraState<T = any, C extends string = string>(channel: C, initialOrOptions?: T | null | UseViraStateOptions<T>): {
+    /** Current state data */
+    data: T | null;
+    /** Send an event to the server */
+    sendEvent: (name: string, payload: any, msgId?: string) => void;
+    /** Send a full update (replaces state) */
+    sendUpdate: (payload: T, msgId?: string) => void;
+    /** Send a partial diff (merges with current state) */
+    sendDiff: (patch: Partial<T>, msgId?: string) => void;
+    /** Connection status */
+    isConnected: boolean;
+    /** Connection error, if any */
+    error: Error | null;
+};
+/**
+ * Legacy hook - use useViraState instead.
+ * @deprecated Use useViraState with options instead
+ */
+declare function useViraStream<T = any, C extends string = string>(channel: C, options?: UseViraStateOptions<T>): {
+    /** Current state data */
+    data: T | null;
+    /** Send an event to the server */
+    sendEvent: (name: string, payload: any, msgId?: string) => void;
+    /** Send a full update (replaces state) */
+    sendUpdate: (payload: T, msgId?: string) => void;
+    /** Send a partial diff (merges with current state) */
+    sendDiff: (patch: Partial<T>, msgId?: string) => void;
+    /** Connection status */
+    isConnected: boolean;
+    /** Connection error, if any */
+    error: Error | null;
+};
+
+export { type UseViraStateOptions, useViraState, useViraStream };

package/dist/index.d.ts

@@ -0,0 +1,70 @@
+interface UseViraStateOptions<T = any> {
+    /** Initial value for the state */
+    initial?: T | null;
+    /** Enable msgId support for idempotency */
+    enableMsgId?: boolean;
+    /** Callback when connection opens */
+    onOpen?: () => void;
+    /** Callback when connection closes */
+    onClose?: (event: CloseEvent) => void;
+    /** Callback when connection error occurs */
+    onError?: (error: Error) => void;
+    /** Use deep merge for diff patches (default: true) */
+    deepMerge?: boolean;
+    /** API URL (defaults to VITE_API_URL env or 'http://localhost:8080') */
+    apiUrl?: string;
+    /** Auth token for handshake */
+    authToken?: string;
+}
+/**
+ * Unified hook for Vira Reactive Protocol state management.
+ * Replaces both useViraState and useViraStream.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const { data, sendUpdate } = useViraState<MyType>('my-channel');
+ *
+ * // With options
+ * const { data, sendUpdate, sendDiff } = useViraState<User>('user:123', {
+ *   initial: { name: 'Guest' },
+ *   enableMsgId: true,
+ *   onOpen: () => console.log('Connected'),
+ *   deepMerge: true
+ * });
+ * ```
+ */
+declare function useViraState<T = any, C extends string = string>(channel: C, initialOrOptions?: T | null | UseViraStateOptions<T>): {
+    /** Current state data */
+    data: T | null;
+    /** Send an event to the server */
+    sendEvent: (name: string, payload: any, msgId?: string) => void;
+    /** Send a full update (replaces state) */
+    sendUpdate: (payload: T, msgId?: string) => void;
+    /** Send a partial diff (merges with current state) */
+    sendDiff: (patch: Partial<T>, msgId?: string) => void;
+    /** Connection status */
+    isConnected: boolean;
+    /** Connection error, if any */
+    error: Error | null;
+};
+/**
+ * Legacy hook - use useViraState instead.
+ * @deprecated Use useViraState with options instead
+ */
+declare function useViraStream<T = any, C extends string = string>(channel: C, options?: UseViraStateOptions<T>): {
+    /** Current state data */
+    data: T | null;
+    /** Send an event to the server */
+    sendEvent: (name: string, payload: any, msgId?: string) => void;
+    /** Send a full update (replaces state) */
+    sendUpdate: (payload: T, msgId?: string) => void;
+    /** Send a partial diff (merges with current state) */
+    sendDiff: (patch: Partial<T>, msgId?: string) => void;
+    /** Connection status */
+    isConnected: boolean;
+    /** Connection error, if any */
+    error: Error | null;
+};
+
+export { type UseViraStateOptions, useViraState, useViraStream };

package/dist/index.js

@@ -0,0 +1,178 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  useViraState: () => useViraState,
+  useViraStream: () => useViraStream
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/useViraState.ts
+var import_react = require("react");
+var import_core = require("@vira-ui/core");
+function useViraState(channel, initialOrOptions) {
+  const options = (0, import_react.useMemo)(() => {
+    if (initialOrOptions === null || initialOrOptions === void 0) {
+      return {};
+    }
+    if (typeof initialOrOptions === "object" && !Array.isArray(initialOrOptions) && ("enableMsgId" in initialOrOptions || "onOpen" in initialOrOptions || "onClose" in initialOrOptions || "onError" in initialOrOptions || "deepMerge" in initialOrOptions || "initial" in initialOrOptions || "apiUrl" in initialOrOptions || "authToken" in initialOrOptions)) {
+      return initialOrOptions;
+    }
+    return { initial: initialOrOptions };
+  }, [initialOrOptions]);
+  const {
+    initial = null,
+    enableMsgId = false,
+    onOpen,
+    onClose,
+    onError,
+    deepMerge: useDeepMerge = true,
+    apiUrl: apiUrlOption,
+    authToken: authTokenOption
+  } = options;
+  const [data, setData] = (0, import_react.useState)(initial);
+  const [isConnected, setIsConnected] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const clientRef = (0, import_react.useRef)(null);
+  const sessionRef = (0, import_react.useRef)(null);
+  const msgIdCounterRef = (0, import_react.useRef)(0);
+  const apiUrl = (0, import_react.useMemo)(() => {
+    if (apiUrlOption) return apiUrlOption;
+    try {
+      const env = globalThis.import?.meta?.env || globalThis.process?.env;
+      if (env?.VITE_API_URL) return env.VITE_API_URL;
+    } catch {
+    }
+    return "http://localhost:8080";
+  }, [apiUrlOption]);
+  const authToken = (0, import_react.useMemo)(() => {
+    if (authTokenOption !== void 0) return authTokenOption;
+    try {
+      const env = globalThis.import?.meta?.env || globalThis.process?.env;
+      return env?.VITE_AUTH_TOKEN || "";
+    } catch {
+      return "";
+    }
+  }, [authTokenOption]);
+  (0, import_react.useEffect)(() => {
+    if (!channel) return;
+    const handleMessage = (msg) => {
+      switch (msg.type) {
+        case "update":
+        case "event":
+          if (msg.channel === channel) {
+            setData(msg.data);
+          }
+          break;
+        case "diff":
+          if (msg.channel === channel) {
+            setData((prev) => {
+              if (!prev) {
+                return msg.patch || null;
+              }
+              if (typeof prev === "object" && typeof msg.patch === "object") {
+                if (useDeepMerge) {
+                  return (0, import_core.deepMerge)(prev, msg.patch);
+                } else {
+                  return { ...prev, ...msg.patch };
+                }
+              }
+              return msg.patch || prev;
+            });
+          }
+          break;
+      }
+    };
+    const handleConnect = () => {
+      setIsConnected(true);
+      setError(null);
+      onOpen?.();
+    };
+    const handleDisconnect = (event) => {
+      setIsConnected(false);
+      onClose?.(event);
+    };
+    const handleError = (err) => {
+      setError(err);
+      onError?.(err);
+    };
+    const client = (0, import_core.createViraClient)({
+      url: apiUrl,
+      channel,
+      onMessage: handleMessage,
+      onConnect: handleConnect,
+      onDisconnect: handleDisconnect,
+      onError: handleError,
+      session: sessionRef.current,
+      authToken,
+      onSessionChange: (newSession) => {
+        sessionRef.current = newSession;
+      }
+    });
+    clientRef.current = client;
+    return () => {
+      client.close();
+      clientRef.current = null;
+      setIsConnected(false);
+      setError(null);
+    };
+  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge]);
+  const generateMsgId = (0, import_react.useCallback)(() => {
+    if (!enableMsgId) return void 0;
+    msgIdCounterRef.current++;
+    return `${channel}:${Date.now()}:${msgIdCounterRef.current}`;
+  }, [channel, enableMsgId]);
+  const sendEvent = (0, import_react.useCallback)(
+    (name, payload, msgId) => {
+      clientRef.current?.sendEvent(name, payload, msgId ?? generateMsgId());
+    },
+    [generateMsgId]
+  );
+  const sendUpdate = (0, import_react.useCallback)(
+    (payload, msgId) => {
+      clientRef.current?.sendUpdate(payload, msgId ?? generateMsgId());
+    },
+    [generateMsgId]
+  );
+  const sendDiff = (0, import_react.useCallback)(
+    (patch, msgId) => {
+      clientRef.current?.sendDiff(patch, msgId ?? generateMsgId());
+    },
+    [generateMsgId]
+  );
+  return {
+    data,
+    sendEvent,
+    sendUpdate,
+    sendDiff,
+    isConnected,
+    error
+  };
+}
+function useViraStream(channel, options) {
+  return useViraState(channel, { ...options, initial: null });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useViraState,
+  useViraStream
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/useViraState.ts"],"sourcesContent":["/**\r\n * @vira-ui/react\r\n * \r\n * Vira Framework - React hooks for Vira Reactive Protocol\r\n * \r\n * This package provides React hooks for VRP, built on top of @vira-ui/core.\r\n */\r\n\r\nexport {\r\n  useViraState,\r\n  useViraStream,\r\n} from './useViraState';\r\nexport type {\r\n  UseViraStateOptions,\r\n} from './useViraState';\r\n\r\n","import { useEffect, useMemo, useRef, useState, useCallback } from 'react';\r\nimport { createViraClient, deepMerge, type ViraClient, type Message } from '@vira-ui/core';\r\n\r\nexport interface UseViraStateOptions<T = any> {\r\n  /** Initial value for the state */\r\n  initial?: T | null;\r\n  /** Enable msgId support for idempotency */\r\n  enableMsgId?: boolean;\r\n  /** Callback when connection opens */\r\n  onOpen?: () => void;\r\n  /** Callback when connection closes */\r\n  onClose?: (event: CloseEvent) => void;\r\n  /** Callback when connection error occurs */\r\n  onError?: (error: Error) => void;\r\n  /** Use deep merge for diff patches (default: true) */\r\n  deepMerge?: boolean;\r\n  /** API URL (defaults to VITE_API_URL env or 'http://localhost:8080') */\r\n  apiUrl?: string;\r\n  /** Auth token for handshake */\r\n  authToken?: string;\r\n}\r\n\r\n/**\r\n * Unified hook for Vira Reactive Protocol state management.\r\n * Replaces both useViraState and useViraStream.\r\n *\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * const { data, sendUpdate } = useViraState<MyType>('my-channel');\r\n *\r\n * // With options\r\n * const { data, sendUpdate, sendDiff } = useViraState<User>('user:123', {\r\n *   initial: { name: 'Guest' },\r\n *   enableMsgId: true,\r\n *   onOpen: () => console.log('Connected'),\r\n *   deepMerge: true\r\n * });\r\n * ```\r\n */\r\nexport function useViraState<T = any, C extends string = string>(\r\n  channel: C,\r\n  initialOrOptions?: T | null | UseViraStateOptions<T>\r\n): {\r\n  /** Current state data */\r\n  data: T | null;\r\n  /** Send an event to the server */\r\n  sendEvent: (name: string, payload: any, msgId?: string) => void;\r\n  /** Send a full update (replaces state) */\r\n  sendUpdate: (payload: T, msgId?: string) => void;\r\n  /** Send a partial diff (merges with current state) */\r\n  sendDiff: (patch: Partial<T>, msgId?: string) => void;\r\n  /** Connection status */\r\n  isConnected: boolean;\r\n  /** Connection error, if any */\r\n  error: Error | null;\r\n} {\r\n  // Parse options (backward compatibility: second param can be initial value or options)\r\n  const options: UseViraStateOptions<T> = useMemo(() => {\r\n    if (initialOrOptions === null || initialOrOptions === undefined) {\r\n      return {};\r\n    }\r\n    // If it's an object with known option keys, treat as options\r\n    if (\r\n      typeof initialOrOptions === 'object' &&\r\n      !Array.isArray(initialOrOptions) &&\r\n      ('enableMsgId' in initialOrOptions ||\r\n        'onOpen' in initialOrOptions ||\r\n        'onClose' in initialOrOptions ||\r\n        'onError' in initialOrOptions ||\r\n        'deepMerge' in initialOrOptions ||\r\n        'initial' in initialOrOptions ||\r\n        'apiUrl' in initialOrOptions ||\r\n        'authToken' in initialOrOptions)\r\n    ) {\r\n      return initialOrOptions as UseViraStateOptions<T>;\r\n    }\r\n    // Otherwise, treat as initial value (backward compatibility)\r\n    return { initial: initialOrOptions as T | null };\r\n  }, [initialOrOptions]);\r\n\r\n  const {\r\n    initial = null,\r\n    enableMsgId = false,\r\n    onOpen,\r\n    onClose,\r\n    onError,\r\n    deepMerge: useDeepMerge = true,\r\n    apiUrl: apiUrlOption,\r\n    authToken: authTokenOption,\r\n  } = options;\r\n\r\n  const [data, setData] = useState<T | null>(initial);\r\n  const [isConnected, setIsConnected] = useState(false);\r\n  const [error, setError] = useState<Error | null>(null);\r\n  const clientRef = useRef<ViraClient | null>(null);\r\n  const sessionRef = useRef<string | null>(null);\r\n  const msgIdCounterRef = useRef(0);\r\n\r\n  // Use provided apiUrl or fallback to env or default\r\n  // Note: import.meta is only available in ESM, so we check safely\r\n  const apiUrl = useMemo(() => {\r\n    if (apiUrlOption) return apiUrlOption;\r\n    // Try to get from env if available (Vite/bundler environment)\r\n    try {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\r\n      if (env?.VITE_API_URL) return env.VITE_API_URL;\r\n    } catch {\r\n      // Ignore if import.meta is not available\r\n    }\r\n    return 'http://localhost:8080';\r\n  }, [apiUrlOption]);\r\n\r\n  // Get authToken from options or try to get from env\r\n  const authToken = useMemo(() => {\r\n    if (authTokenOption !== undefined) return authTokenOption;\r\n    try {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\r\n      return env?.VITE_AUTH_TOKEN || '';\r\n    } catch {\r\n      return '';\r\n    }\r\n  }, [authTokenOption]);\r\n\r\n  useEffect(() => {\r\n    if (!channel) return;\r\n\r\n    const handleMessage = (msg: Message) => {\r\n      switch (msg.type) {\r\n        case 'update':\r\n        case 'event':\r\n          if (msg.channel === channel) {\r\n            setData(msg.data as T);\r\n          }\r\n          break;\r\n\r\n        case 'diff':\r\n          if (msg.channel === channel) {\r\n            setData((prev) => {\r\n              if (!prev) {\r\n                return (msg.patch as T) || null;\r\n              }\r\n\r\n              // For objects, merge the patch\r\n              if (typeof prev === 'object' && typeof msg.patch === 'object') {\r\n                if (useDeepMerge) {\r\n                  // Deep merge preserves nested structures\r\n                  return deepMerge(prev as Record<string, any>, msg.patch as Partial<T>) as T;\r\n                } else {\r\n                  // Shallow merge (backward compatible)\r\n                  return { ...(prev as any), ...(msg.patch as any) };\r\n                }\r\n              }\r\n\r\n              // For primitives, replace entirely\r\n              return (msg.patch as T) || prev;\r\n            });\r\n          }\r\n          break;\r\n      }\r\n    };\r\n\r\n    const handleConnect = () => {\r\n      setIsConnected(true);\r\n      setError(null);\r\n      onOpen?.();\r\n    };\r\n\r\n    const handleDisconnect = (event?: CloseEvent) => {\r\n      setIsConnected(false);\r\n      onClose?.(event!);\r\n    };\r\n\r\n    const handleError = (err: Error) => {\r\n      setError(err);\r\n      onError?.(err);\r\n    };\r\n\r\n    const client = createViraClient({\r\n      url: apiUrl,\r\n      channel,\r\n      onMessage: handleMessage,\r\n      onConnect: handleConnect,\r\n      onDisconnect: handleDisconnect,\r\n      onError: handleError,\r\n      session: sessionRef.current,\r\n      authToken,\r\n      onSessionChange: (newSession) => {\r\n        sessionRef.current = newSession;\r\n      },\r\n    });\r\n\r\n    clientRef.current = client;\r\n\r\n    return () => {\r\n      client.close();\r\n      clientRef.current = null;\r\n      setIsConnected(false);\r\n      setError(null);\r\n    };\r\n  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge]);\r\n\r\n  // Generate msgId if enabled\r\n  const generateMsgId = useCallback((): string | undefined => {\r\n    if (!enableMsgId) return undefined;\r\n    msgIdCounterRef.current++;\r\n    return `${channel}:${Date.now()}:${msgIdCounterRef.current}`;\r\n  }, [channel, enableMsgId]);\r\n\r\n  const sendEvent = useCallback(\r\n    (name: string, payload: any, msgId?: string) => {\r\n      clientRef.current?.sendEvent(name, payload, msgId ?? generateMsgId());\r\n    },\r\n    [generateMsgId]\r\n  );\r\n\r\n  const sendUpdate = useCallback(\r\n    (payload: T, msgId?: string) => {\r\n      clientRef.current?.sendUpdate(payload, msgId ?? generateMsgId());\r\n    },\r\n    [generateMsgId]\r\n  );\r\n\r\n  const sendDiff = useCallback(\r\n    (patch: Partial<T>, msgId?: string) => {\r\n      clientRef.current?.sendDiff(patch, msgId ?? generateMsgId());\r\n    },\r\n    [generateMsgId]\r\n  );\r\n\r\n  return {\r\n    data,\r\n    sendEvent,\r\n    sendUpdate,\r\n    sendDiff,\r\n    isConnected,\r\n    error,\r\n  };\r\n}\r\n\r\n/**\r\n * Legacy hook - use useViraState instead.\r\n * @deprecated Use useViraState with options instead\r\n */\r\nexport function useViraStream<T = any, C extends string = string>(\r\n  channel: C,\r\n  options?: UseViraStateOptions<T>\r\n) {\r\n  return useViraState<T, C>(channel, { ...options, initial: null });\r\n}\r\n\r\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -0,0 +1,150 @@
+// src/useViraState.ts
+import { useEffect, useMemo, useRef, useState, useCallback } from "react";
+import { createViraClient, deepMerge } from "@vira-ui/core";
+function useViraState(channel, initialOrOptions) {
+  const options = useMemo(() => {
+    if (initialOrOptions === null || initialOrOptions === void 0) {
+      return {};
+    }
+    if (typeof initialOrOptions === "object" && !Array.isArray(initialOrOptions) && ("enableMsgId" in initialOrOptions || "onOpen" in initialOrOptions || "onClose" in initialOrOptions || "onError" in initialOrOptions || "deepMerge" in initialOrOptions || "initial" in initialOrOptions || "apiUrl" in initialOrOptions || "authToken" in initialOrOptions)) {
+      return initialOrOptions;
+    }
+    return { initial: initialOrOptions };
+  }, [initialOrOptions]);
+  const {
+    initial = null,
+    enableMsgId = false,
+    onOpen,
+    onClose,
+    onError,
+    deepMerge: useDeepMerge = true,
+    apiUrl: apiUrlOption,
+    authToken: authTokenOption
+  } = options;
+  const [data, setData] = useState(initial);
+  const [isConnected, setIsConnected] = useState(false);
+  const [error, setError] = useState(null);
+  const clientRef = useRef(null);
+  const sessionRef = useRef(null);
+  const msgIdCounterRef = useRef(0);
+  const apiUrl = useMemo(() => {
+    if (apiUrlOption) return apiUrlOption;
+    try {
+      const env = globalThis.import?.meta?.env || globalThis.process?.env;
+      if (env?.VITE_API_URL) return env.VITE_API_URL;
+    } catch {
+    }
+    return "http://localhost:8080";
+  }, [apiUrlOption]);
+  const authToken = useMemo(() => {
+    if (authTokenOption !== void 0) return authTokenOption;
+    try {
+      const env = globalThis.import?.meta?.env || globalThis.process?.env;
+      return env?.VITE_AUTH_TOKEN || "";
+    } catch {
+      return "";
+    }
+  }, [authTokenOption]);
+  useEffect(() => {
+    if (!channel) return;
+    const handleMessage = (msg) => {
+      switch (msg.type) {
+        case "update":
+        case "event":
+          if (msg.channel === channel) {
+            setData(msg.data);
+          }
+          break;
+        case "diff":
+          if (msg.channel === channel) {
+            setData((prev) => {
+              if (!prev) {
+                return msg.patch || null;
+              }
+              if (typeof prev === "object" && typeof msg.patch === "object") {
+                if (useDeepMerge) {
+                  return deepMerge(prev, msg.patch);
+                } else {
+                  return { ...prev, ...msg.patch };
+                }
+              }
+              return msg.patch || prev;
+            });
+          }
+          break;
+      }
+    };
+    const handleConnect = () => {
+      setIsConnected(true);
+      setError(null);
+      onOpen?.();
+    };
+    const handleDisconnect = (event) => {
+      setIsConnected(false);
+      onClose?.(event);
+    };
+    const handleError = (err) => {
+      setError(err);
+      onError?.(err);
+    };
+    const client = createViraClient({
+      url: apiUrl,
+      channel,
+      onMessage: handleMessage,
+      onConnect: handleConnect,
+      onDisconnect: handleDisconnect,
+      onError: handleError,
+      session: sessionRef.current,
+      authToken,
+      onSessionChange: (newSession) => {
+        sessionRef.current = newSession;
+      }
+    });
+    clientRef.current = client;
+    return () => {
+      client.close();
+      clientRef.current = null;
+      setIsConnected(false);
+      setError(null);
+    };
+  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge]);
+  const generateMsgId = useCallback(() => {
+    if (!enableMsgId) return void 0;
+    msgIdCounterRef.current++;
+    return `${channel}:${Date.now()}:${msgIdCounterRef.current}`;
+  }, [channel, enableMsgId]);
+  const sendEvent = useCallback(
+    (name, payload, msgId) => {
+      clientRef.current?.sendEvent(name, payload, msgId ?? generateMsgId());
+    },
+    [generateMsgId]
+  );
+  const sendUpdate = useCallback(
+    (payload, msgId) => {
+      clientRef.current?.sendUpdate(payload, msgId ?? generateMsgId());
+    },
+    [generateMsgId]
+  );
+  const sendDiff = useCallback(
+    (patch, msgId) => {
+      clientRef.current?.sendDiff(patch, msgId ?? generateMsgId());
+    },
+    [generateMsgId]
+  );
+  return {
+    data,
+    sendEvent,
+    sendUpdate,
+    sendDiff,
+    isConnected,
+    error
+  };
+}
+function useViraStream(channel, options) {
+  return useViraState(channel, { ...options, initial: null });
+}
+export {
+  useViraState,
+  useViraStream
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useViraState.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, useCallback } from 'react';\r\nimport { createViraClient, deepMerge, type ViraClient, type Message } from '@vira-ui/core';\r\n\r\nexport interface UseViraStateOptions<T = any> {\r\n  /** Initial value for the state */\r\n  initial?: T | null;\r\n  /** Enable msgId support for idempotency */\r\n  enableMsgId?: boolean;\r\n  /** Callback when connection opens */\r\n  onOpen?: () => void;\r\n  /** Callback when connection closes */\r\n  onClose?: (event: CloseEvent) => void;\r\n  /** Callback when connection error occurs */\r\n  onError?: (error: Error) => void;\r\n  /** Use deep merge for diff patches (default: true) */\r\n  deepMerge?: boolean;\r\n  /** API URL (defaults to VITE_API_URL env or 'http://localhost:8080') */\r\n  apiUrl?: string;\r\n  /** Auth token for handshake */\r\n  authToken?: string;\r\n}\r\n\r\n/**\r\n * Unified hook for Vira Reactive Protocol state management.\r\n * Replaces both useViraState and useViraStream.\r\n *\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * const { data, sendUpdate } = useViraState<MyType>('my-channel');\r\n *\r\n * // With options\r\n * const { data, sendUpdate, sendDiff } = useViraState<User>('user:123', {\r\n *   initial: { name: 'Guest' },\r\n *   enableMsgId: true,\r\n *   onOpen: () => console.log('Connected'),\r\n *   deepMerge: true\r\n * });\r\n * ```\r\n */\r\nexport function useViraState<T = any, C extends string = string>(\r\n  channel: C,\r\n  initialOrOptions?: T | null | UseViraStateOptions<T>\r\n): {\r\n  /** Current state data */\r\n  data: T | null;\r\n  /** Send an event to the server */\r\n  sendEvent: (name: string, payload: any, msgId?: string) => void;\r\n  /** Send a full update (replaces state) */\r\n  sendUpdate: (payload: T, msgId?: string) => void;\r\n  /** Send a partial diff (merges with current state) */\r\n  sendDiff: (patch: Partial<T>, msgId?: string) => void;\r\n  /** Connection status */\r\n  isConnected: boolean;\r\n  /** Connection error, if any */\r\n  error: Error | null;\r\n} {\r\n  // Parse options (backward compatibility: second param can be initial value or options)\r\n  const options: UseViraStateOptions<T> = useMemo(() => {\r\n    if (initialOrOptions === null || initialOrOptions === undefined) {\r\n      return {};\r\n    }\r\n    // If it's an object with known option keys, treat as options\r\n    if (\r\n      typeof initialOrOptions === 'object' &&\r\n      !Array.isArray(initialOrOptions) &&\r\n      ('enableMsgId' in initialOrOptions ||\r\n        'onOpen' in initialOrOptions ||\r\n        'onClose' in initialOrOptions ||\r\n        'onError' in initialOrOptions ||\r\n        'deepMerge' in initialOrOptions ||\r\n        'initial' in initialOrOptions ||\r\n        'apiUrl' in initialOrOptions ||\r\n        'authToken' in initialOrOptions)\r\n    ) {\r\n      return initialOrOptions as UseViraStateOptions<T>;\r\n    }\r\n    // Otherwise, treat as initial value (backward compatibility)\r\n    return { initial: initialOrOptions as T | null };\r\n  }, [initialOrOptions]);\r\n\r\n  const {\r\n    initial = null,\r\n    enableMsgId = false,\r\n    onOpen,\r\n    onClose,\r\n    onError,\r\n    deepMerge: useDeepMerge = true,\r\n    apiUrl: apiUrlOption,\r\n    authToken: authTokenOption,\r\n  } = options;\r\n\r\n  const [data, setData] = useState<T | null>(initial);\r\n  const [isConnected, setIsConnected] = useState(false);\r\n  const [error, setError] = useState<Error | null>(null);\r\n  const clientRef = useRef<ViraClient | null>(null);\r\n  const sessionRef = useRef<string | null>(null);\r\n  const msgIdCounterRef = useRef(0);\r\n\r\n  // Use provided apiUrl or fallback to env or default\r\n  // Note: import.meta is only available in ESM, so we check safely\r\n  const apiUrl = useMemo(() => {\r\n    if (apiUrlOption) return apiUrlOption;\r\n    // Try to get from env if available (Vite/bundler environment)\r\n    try {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\r\n      if (env?.VITE_API_URL) return env.VITE_API_URL;\r\n    } catch {\r\n      // Ignore if import.meta is not available\r\n    }\r\n    return 'http://localhost:8080';\r\n  }, [apiUrlOption]);\r\n\r\n  // Get authToken from options or try to get from env\r\n  const authToken = useMemo(() => {\r\n    if (authTokenOption !== undefined) return authTokenOption;\r\n    try {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\r\n      return env?.VITE_AUTH_TOKEN || '';\r\n    } catch {\r\n      return '';\r\n    }\r\n  }, [authTokenOption]);\r\n\r\n  useEffect(() => {\r\n    if (!channel) return;\r\n\r\n    const handleMessage = (msg: Message) => {\r\n      switch (msg.type) {\r\n        case 'update':\r\n        case 'event':\r\n          if (msg.channel === channel) {\r\n            setData(msg.data as T);\r\n          }\r\n          break;\r\n\r\n        case 'diff':\r\n          if (msg.channel === channel) {\r\n            setData((prev) => {\r\n              if (!prev) {\r\n                return (msg.patch as T) || null;\r\n              }\r\n\r\n              // For objects, merge the patch\r\n              if (typeof prev === 'object' && typeof msg.patch === 'object') {\r\n                if (useDeepMerge) {\r\n                  // Deep merge preserves nested structures\r\n                  return deepMerge(prev as Record<string, any>, msg.patch as Partial<T>) as T;\r\n                } else {\r\n                  // Shallow merge (backward compatible)\r\n                  return { ...(prev as any), ...(msg.patch as any) };\r\n                }\r\n              }\r\n\r\n              // For primitives, replace entirely\r\n              return (msg.patch as T) || prev;\r\n            });\r\n          }\r\n          break;\r\n      }\r\n    };\r\n\r\n    const handleConnect = () => {\r\n      setIsConnected(true);\r\n      setError(null);\r\n      onOpen?.();\r\n    };\r\n\r\n    const handleDisconnect = (event?: CloseEvent) => {\r\n      setIsConnected(false);\r\n      onClose?.(event!);\r\n    };\r\n\r\n    const handleError = (err: Error) => {\r\n      setError(err);\r\n      onError?.(err);\r\n    };\r\n\r\n    const client = createViraClient({\r\n      url: apiUrl,\r\n      channel,\r\n      onMessage: handleMessage,\r\n      onConnect: handleConnect,\r\n      onDisconnect: handleDisconnect,\r\n      onError: handleError,\r\n      session: sessionRef.current,\r\n      authToken,\r\n      onSessionChange: (newSession) => {\r\n        sessionRef.current = newSession;\r\n      },\r\n    });\r\n\r\n    clientRef.current = client;\r\n\r\n    return () => {\r\n      client.close();\r\n      clientRef.current = null;\r\n      setIsConnected(false);\r\n      setError(null);\r\n    };\r\n  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge]);\r\n\r\n  // Generate msgId if enabled\r\n  const generateMsgId = useCallback((): string | undefined => {\r\n    if (!enableMsgId) return undefined;\r\n    msgIdCounterRef.current++;\r\n    return `${channel}:${Date.now()}:${msgIdCounterRef.current}`;\r\n  }, [channel, enableMsgId]);\r\n\r\n  const sendEvent = useCallback(\r\n    (name: string, payload: any, msgId?: string) => {\r\n      clientRef.current?.sendEvent(name, payload, msgId ?? generateMsgId());\r\n    },\r\n    [generateMsgId]\r\n  );\r\n\r\n  const sendUpdate = useCallback(\r\n    (payload: T, msgId?: string) => {\r\n      clientRef.current?.sendUpdate(payload, msgId ?? generateMsgId());\r\n    },\r\n    [generateMsgId]\r\n  );\r\n\r\n  const sendDiff = useCallback(\r\n    (patch: Partial<T>, msgId?: string) => {\r\n      clientRef.current?.sendDiff(patch, msgId ?? generateMsgId());\r\n    },\r\n    [generateMsgId]\r\n  );\r\n\r\n  return {\r\n    data,\r\n    sendEvent,\r\n    sendUpdate,\r\n    sendDiff,\r\n    isConnected,\r\n    error,\r\n  };\r\n}\r\n\r\n/**\r\n * Legacy hook - use useViraState instead.\r\n * @deprecated Use useViraState with options instead\r\n */\r\nexport function useViraStream<T = any, C extends string = string>(\r\n  channel: C,\r\n  options?: UseViraStateOptions<T>\r\n) {\r\n  return useViraState<T, C>(channel, { ...options, initial: null });\r\n}\r\n\r\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@vira-ui/react",
+  "version": "1.0.0",
+  "description": "Vira Framework - React hooks for Vira Reactive Protocol",
+  "author": "Vira Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/skrolikov/vira-core"
+  },
+  "keywords": [
+    "vira",
+    "react",
+    "hooks",
+    "vrp",
+    "reactive",
+    "websocket"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@vira-ui/core": "workspace:*",
+    "react": "^18.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.3"
+  },
+  "files": [
+    "dist"
+  ]
+}
+