@vira-ui/react 1.1.0 → 1.1.1

package/README.md

@@ -1,65 +1,411 @@
-# @vira-ui/react
-
-React-хуки для работы с Vira Reactive Protocol (VRP). Синхронизация состояния между клиентом и сервером через WebSocket.
-
-## Зачем нужен
-
-Пакет предоставляет простой способ подключения React-компонентов к серверу через WebSocket:
-
-- **Автоматическая синхронизация** — состояние обновляется при изменениях на сервере
-- **Двусторонняя связь** — можно отправлять события и обновления на сервер
-- **Diff-патчи** — обновляются только изменённые части данных
-- **Переподключение** — автоматическое восстановление соединения
-
-## Основные возможности
-
-### useViraState
-
-Подключается к каналу и синхронизирует состояние:
-
-```tsx
-import { useViraState } from '@vira-ui/react';
-
-function UserProfile({ userId }: { userId: string }) {
-  const { data, sendUpdate, sendDiff, isConnected } = useViraState<User>(
-    `user:${userId}`,
-    {
-      initial: { name: 'Guest' },
-      onOpen: () => console.log('Connected'),
-      deepMerge: true
-    }
-  );
-
-  if (!isConnected) return <div>Connecting...</div>;
-  if (!data) return <div>Loading...</div>;
-
-  return (
-    <div>
-      <h1>{data.name}</h1>
-      <button onClick={() => sendDiff({ name: 'New Name' })}>
-        Update Name
-      </button>
-    </div>
-  );
-}
-```
-
-### Отправка данных
-
-- `sendUpdate(payload)` — полная замена состояния
-- `sendDiff(patch)` — частичное обновление (merge)
-- `sendEvent(name, payload)` — отправка события
-
-### Опции
-
-- `initial` — начальное значение
-- `apiUrl` — URL сервера (по умолчанию из `VITE_API_URL`)
-- `authToken` — токен авторизации
-- `deepMerge` — глубокое слияние для diff-патчей
-- `enableMsgId` — поддержка idempotency
-- `onOpen`, `onClose`, `onError` — колбэки событий соединения
-
-## Использование
-
-Требует сервер с поддержкой Vira Reactive Protocol. Обычно используется вместе с `@vira-ui/core` и `@vira-ui/bindings-react`.
-
+# @vira-ui/react
+
+<div align="center">
+
+**React хуки для Vira Reactive Protocol (VRP)**
+
+[![Version](https://img.shields.io/npm/v/@vira-ui/react.svg)](https://www.npmjs.com/package/@vira-ui/react)
+[![License](https://img.shields.io/npm/l/@vira-ui/react.svg)](LICENSE)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.3+-blue.svg)](https://www.typescriptlang.org/)
+
+**Синхронизация состояния между клиентом и сервером через WebSocket**
+
+[Установка](#-установка) • [Быстрый старт](#-быстрый-старт) • [Документация](#-документация)
+
+</div>
+
+---
+
+## 🎯 Что это?
+
+**@vira-ui/react** предоставляет React хуки для работы с Vira Reactive Protocol (VRP) — протоколом для real-time синхронизации состояния между клиентом и сервером через WebSocket.
+
+### Основные возможности
+
+- ✅ **Автоматическая синхронизация** — состояние обновляется при изменениях на сервере
+- ✅ **Двусторонняя связь** — можно отправлять события и обновления на сервер
+- ✅ **Diff-патчи** — обновляются только изменённые части данных
+- ✅ **Переподключение** — автоматическое восстановление соединения
+- ✅ **TypeScript** — полная типизация
+
+---
+
+## 📦 Установка
+
+```bash
+npm install @vira-ui/react @vira-ui/core react
+```
+
+**Требования:**
+- React 18.2.0+
+- `@vira-ui/core` ^1.0.0
+- Сервер с поддержкой Vira Reactive Protocol
+
+---
+
+## 🚀 Быстрый старт
+
+### useViraState
+
+Основной хук для синхронизации состояния:
+
+```tsx
+import { useViraState } from '@vira-ui/react';
+
+interface User {
+  id: string;
+  name: string;
+  email: string;
+}
+
+function UserProfile({ userId }: { userId: string }) {
+  const { data, sendUpdate, sendDiff, isConnected } = useViraState<User>(
+    `user:${userId}`,
+    {
+      initial: { id: userId, name: 'Guest', email: '' },
+      onOpen: () => console.log('Connected'),
+      deepMerge: true
+    }
+  );
+
+  if (!isConnected) return <div>Connecting...</div>;
+  if (!data) return <div>Loading...</div>;
+
+  return (
+    <div>
+      <h1>{data.name}</h1>
+      <p>{data.email}</p>
+      <button onClick={() => sendDiff({ name: 'New Name' })}>
+        Update Name
+      </button>
+    </div>
+  );
+}
+```
+
+---
+
+## 📚 Документация
+
+### useViraState
+
+Подключается к VRP каналу и синхронизирует состояние.
+
+**Параметры:**
+- `channel` — имя канала (например: `"user:123"`, `"tasks"`)
+- `options` — опции конфигурации
+
+**Возвращает:**
+- `data` — текущее состояние
+- `sendUpdate(payload)` — полная замена состояния
+- `sendDiff(patch)` — частичное обновление (merge)
+- `sendEvent(name, payload)` — отправка события
+- `isConnected` — статус соединения
+- `isLoading` — статус загрузки
+
+**Опции:**
+- `initial` — начальное значение
+- `apiUrl` — URL сервера (по умолчанию из `VITE_API_URL`)
+- `authToken` — токен авторизации
+- `deepMerge` — глубокое слияние для diff-патчей
+- `enableMsgId` — поддержка idempotency
+- `onOpen`, `onClose`, `onError` — колбэки событий соединения
+
+### Примеры использования
+
+#### Список элементов
+
+```tsx
+import { useViraState } from '@vira-ui/react';
+
+interface Task {
+  id: string;
+  title: string;
+  completed: boolean;
+}
+
+function TasksList() {
+  const { data, sendEvent, sendDiff } = useViraState<Task[]>(
+    'tasks',
+    { initial: [] }
+  );
+
+  const toggleTask = (taskId: string) => {
+    const task = data?.find(t => t.id === taskId);
+    if (task) {
+      sendDiff({ [taskId]: { completed: !task.completed } });
+    }
+  };
+
+  const createTask = (title: string) => {
+    sendEvent('task.created', {
+      id: crypto.randomUUID(),
+      title,
+      completed: false
+    });
+  };
+
+  return (
+    <div>
+      {data?.map(task => (
+        <div key={task.id}>
+          <input
+            type="checkbox"
+            checked={task.completed}
+            onChange={() => toggleTask(task.id)}
+          />
+          <span>{task.title}</span>
+        </div>
+      ))}
+      <button onClick={() => createTask('New Task')}>
+        Add Task
+      </button>
+    </div>
+  );
+}
+```
+
+#### Одиночный элемент
+
+```tsx
+function UserDetails({ userId }: { userId: string }) {
+  const { data, sendDiff, isConnected } = useViraState<User>(
+    `user:${userId}`,
+    {
+      initial: null,
+      deepMerge: true
+    }
+  );
+
+  const updateName = (name: string) => {
+    sendDiff({ name });
+  };
+
+  if (!isConnected) {
+    return <div>Connecting to server...</div>;
+  }
+
+  if (!data) {
+    return <div>Loading user...</div>;
+  }
+
+  return (
+    <div>
+      <input
+        value={data.name}
+        onChange={(e) => updateName(e.target.value)}
+      />
+      <p>Email: {data.email}</p>
+    </div>
+  );
+}
+```
+
+#### С обработкой ошибок
+
+```tsx
+function DataComponent({ channel }: { channel: string }) {
+  const { data, sendEvent, isConnected, error } = useViraState(
+    channel,
+    {
+      initial: null,
+      onError: (err) => {
+        console.error('VRP Error:', err);
+        // Можно показать уведомление пользователю
+      },
+      onClose: () => {
+        console.log('Connection closed, reconnecting...');
+      }
+    }
+  );
+
+  if (error) {
+    return <div>Error: {error.message}</div>;
+  }
+
+  if (!isConnected) {
+    return <div>Reconnecting...</div>;
+  }
+
+  return <div>{/* ... */}</div>;
+}
+```
+
+#### С авторизацией
+
+```tsx
+function AuthenticatedComponent() {
+  const authToken = useAuthToken(); // Ваш хук для получения токена
+  
+  const { data } = useViraState('protected:data', {
+    authToken,
+    onError: (err) => {
+      if (err.message.includes('unauthorized')) {
+        // Перенаправить на страницу входа
+      }
+    }
+  });
+
+  return <div>{/* ... */}</div>;
+}
+```
+
+---
+
+## 🔄 Паттерны использования
+
+### Real-time обновления
+
+```tsx
+function LiveDashboard() {
+  const { data } = useViraState('dashboard:stats', {
+    initial: { users: 0, orders: 0 }
+  });
+
+  // Данные автоматически обновляются при изменениях на сервере
+  return (
+    <div>
+      <div>Users: {data?.users}</div>
+      <div>Orders: {data?.orders}</div>
+    </div>
+  );
+}
+```
+
+### Оптимистичные обновления
+
+```tsx
+function OptimisticUpdate() {
+  const { data, sendDiff } = useViraState('user:123', {
+    initial: { name: 'John' }
+  });
+
+  const updateName = (newName: string) => {
+    // Сразу обновляем локально (оптимистично)
+    sendDiff({ name: newName });
+    
+    // Сервер подтвердит или откатит изменение
+  };
+
+  return (
+    <input
+      value={data?.name}
+      onChange={(e) => updateName(e.target.value)}
+    />
+  );
+}
+```
+
+### События вместо обновлений
+
+```tsx
+function EventDriven() {
+  const { sendEvent } = useViraState('tasks', { initial: [] });
+
+  const handleComplete = (taskId: string) => {
+    // Отправляем событие вместо прямого обновления
+    sendEvent('task.completed', { taskId });
+    
+    // Сервер обработает событие и обновит состояние
+  };
+
+  return <button onClick={() => handleComplete('123')}>Complete</button>;
+}
+```
+
+---
+
+## 🔗 Интеграция
+
+Обычно используется вместе с:
+
+- **@vira-ui/core** — базовый фреймворк
+- **@vira-ui/bindings-react** — компоненты с автоматическим связыванием
+
+---
+
+## 📖 Примеры
+
+### Kanban доска
+
+```tsx
+function KanbanBoard() {
+  const { data, sendEvent } = useViraState<Column[]>('kanban:board', {
+    initial: []
+  });
+
+  const moveCard = (cardId: string, fromColumn: string, toColumn: string) => {
+    sendEvent('card.moved', {
+      cardId,
+      fromColumn,
+      toColumn
+    });
+  };
+
+  return (
+    <div className="kanban-board">
+      {data?.map(column => (
+        <Column
+          key={column.id}
+          column={column}
+          onMoveCard={moveCard}
+        />
+      ))}
+    </div>
+  );
+}
+```
+
+### Чат
+
+```tsx
+function ChatRoom({ roomId }: { roomId: string }) {
+  const { data, sendEvent } = useViraState<Message[]>(
+    `chat:${roomId}`,
+    { initial: [] }
+  );
+
+  const sendMessage = (text: string) => {
+    sendEvent('message.sent', {
+      id: crypto.randomUUID(),
+      text,
+      timestamp: Date.now()
+    });
+  };
+
+  return (
+    <div>
+      <div className="messages">
+        {data?.map(msg => (
+          <Message key={msg.id} message={msg} />
+        ))}
+      </div>
+      <MessageInput onSend={sendMessage} />
+    </div>
+  );
+}
+```
+
+---
+
+## 🔥 Best Practices
+
+1. **Используйте типизацию** — всегда указывайте тип для `useViraState<T>`
+2. **Обрабатывайте ошибки** — используйте `onError` для обработки ошибок соединения
+3. **Оптимистичные обновления** — используйте `sendDiff` для мгновенного обновления UI
+4. **События для действий** — используйте `sendEvent` для действий, которые должны обрабатываться на сервере
+
+---
+
+## 📄 License
+
+MIT
+
+---
+
+## 🔗 Связанные пакеты
+
+- [`@vira-ui/core`](../core/README.md) - Базовый фреймворк с VRP клиентом
+- [`@vira-ui/bindings-react`](../bindings-react/README.md) - Компоненты с auto-binding
+- [`@vira-ui/ui`](../ui/README.md) - UI компоненты
+

package/dist/index.js

@@ -90,6 +90,24 @@ function useViraState(channel, initialOrOptions) {
     if (disablePooling) return null;
     return (0, import_core.getViraConnectionPool)({ url: apiUrl, authToken, debug });
   }, [disablePooling, apiUrl, authToken, debug]);
+  const loadInitialData = (0, import_react.useCallback)(async () => {
+    if (channel === "inventoryitem:") {
+      const maxRetries = 30;
+      let retries = 0;
+      const trySendRequest = () => {
+        if (transportRef.current && retries < maxRetries) {
+          transportRef.current.sendEvent("inventoryitem.list", {});
+          return;
+        } else if (retries >= maxRetries) {
+        } else {
+          retries++;
+          setTimeout(trySendRequest, 100);
+        }
+      };
+      trySendRequest();
+    } else {
+    }
+  }, [channel]);
   (0, import_react.useEffect)(() => {
     if (!channel) return;
     const handleMessage = (msg) => {
@@ -97,27 +115,79 @@ function useViraState(channel, initialOrOptions) {
         case "update":
         case "event":
           if (msg.channel === channel) {
-            setData(msg.data);
+            if (channel === "inventoryitem:" && msg.data && typeof msg.data === "object" && !msg.data.type && !msg.data.patch && !data) {
+              setData(msg.data);
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.type === "diff" && msg.data.patch) {
+              setData((prev) => {
+                if (!prev) {
+                  return msg.data.patch;
+                }
+                if (typeof prev === "object" && typeof msg.data.patch === "object") {
+                  let newData = { ...prev };
+                  for (const [itemId, itemData] of Object.entries(msg.data.patch)) {
+                    if (itemData && typeof itemData === "object" && itemId !== "type" && itemId !== "patch") {
+                      newData[itemId] = itemData;
+                    }
+                  }
+                  return newData;
+                }
+                return prev;
+              });
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.type === "event") {
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.patch) {
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.type === "inventory_list") {
+              setData(msg.data.items);
+              return;
+            }
+            setData((prev) => {
+              if (!prev) {
+                return msg.data;
+              }
+              if (typeof prev === "object" && typeof msg.data === "object") {
+                let mergedData;
+                if (useDeepMerge) {
+                  mergedData = (0, import_core.deepMerge)(prev, msg.data);
+                } else {
+                  mergedData = { ...prev, ...msg.data };
+                }
+                return mergedData;
+              }
+              return msg.data;
+            });
           }
           break;
         case "diff":
           if (msg.channel === channel) {
             setData((prev) => {
+              if (!prev || !msg.patch || typeof msg.patch === "object" && (msg.patch.type === "diff" || msg.patch.type === "event")) {
+                return prev;
+              }
               if (!prev) {
-                return msg.patch || null;
+                return null;
               }
               if (typeof prev === "object" && typeof msg.patch === "object") {
-                if (useDeepMerge) {
-                  return (0, import_core.deepMerge)(prev, msg.patch);
-                } else {
-                  return { ...prev, ...msg.patch };
+                let newData = { ...prev };
+                for (const [itemId, itemData] of Object.entries(msg.patch)) {
+                  if (itemData && typeof itemData === "object" && itemId !== "type" && itemId !== "patch") {
+                    newData[itemId] = itemData;
+                  }
                 }
+                return newData;
               }
-              return msg.patch || prev;
+              return prev;
             });
           }
           break;
       }
+      ;
     };
     if (pool) {
       const unsubChannel = pool.subscribe(channel, handleMessage);
@@ -126,6 +196,7 @@ function useViraState(channel, initialOrOptions) {
         setIsConnected(status.connected);
         if (status.connected && !wasConnectedRef.current) {
           wasConnectedRef.current = true;
+          loadInitialData();
           onOpen?.();
         }
         if (!status.connected && wasConnectedRef.current) {
@@ -158,10 +229,15 @@ function useViraState(channel, initialOrOptions) {
     const handleConnect = () => {
       setIsConnected(true);
       setError(null);
+      if (!wasConnectedRef.current) {
+        wasConnectedRef.current = true;
+        loadInitialData();
+      }
       onOpen?.();
     };
     const handleDisconnect = (event) => {
       setIsConnected(false);
+      wasConnectedRef.current = false;
       onClose?.(event);
     };
     const handleError = (err) => {

package/dist/index.js.map

@@ -1 +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 {\r\n  createViraClient,\r\n  deepMerge,\r\n  getViraConnectionPool,\r\n  type ViraClient,\r\n  type Message,\r\n  type ViraConnectionPool,\r\n} 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  /** Disable connection pooling (fallback to 1 WS per channel). Default: false */\r\n  disablePooling?: boolean;\r\n  /** Enable debug logs for VRP (console.debug). Default: env VITE_VRP_DEBUG === 'true' */\r\n  debug?: boolean;\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        'disablePooling' in initialOrOptions ||\r\n        'debug' 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    disablePooling = false,\r\n    debug: debugOption,\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\r\n  type Transport = {\r\n    sendEvent: (name: string, payload: any, msgId?: string) => void;\r\n    sendUpdate: (payload: T, msgId?: string) => void;\r\n    sendDiff: (patch: Partial<T>, msgId?: string) => void;\r\n  };\r\n\r\n  const transportRef = useRef<Transport | null>(null);\r\n  const clientRef = useRef<ViraClient | null>(null); // legacy non-pooled mode only\r\n  const sessionRef = useRef<string | null>(null);\r\n  const msgIdCounterRef = useRef(0);\r\n  const wasConnectedRef = useRef(false);\r\n  const lastErrorRef = useRef<Error | null>(null);\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  const debug = useMemo(() => {\r\n    if (debugOption !== undefined) return Boolean(debugOption);\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 String(env?.VITE_VRP_DEBUG || '').toLowerCase() === 'true';\r\n    } catch {\r\n      return false;\r\n    }\r\n  }, [debugOption]);\r\n\r\n  const pool: ViraConnectionPool | null = useMemo(() => {\r\n    if (disablePooling) return null;\r\n    return getViraConnectionPool({ url: apiUrl, authToken, debug });\r\n  }, [disablePooling, apiUrl, authToken, debug]);\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    // --- Pooled mode (default) ---\r\n    if (pool) {\r\n      // Subscribe to messages for this channel\r\n      const unsubChannel = pool.subscribe(channel, handleMessage);\r\n\r\n      // Track shared connection status\r\n      const unsubStatus = pool.onStatus((status) => {\r\n        setError(status.error);\r\n        setIsConnected(status.connected);\r\n\r\n        // Fire callbacks only on transitions\r\n        if (status.connected && !wasConnectedRef.current) {\r\n          wasConnectedRef.current = true;\r\n          onOpen?.();\r\n        }\r\n        if (!status.connected && wasConnectedRef.current) {\r\n          wasConnectedRef.current = false;\r\n          // We don't get a real CloseEvent from pooled status, so we pass a lightweight synthetic object\r\n          const synthetic = (typeof CloseEvent !== 'undefined'\r\n            ? new CloseEvent('close', { code: 1001, reason: 'pooled disconnect' })\r\n            : ({ code: 1001, reason: 'pooled disconnect' } as any)) as any;\r\n          onClose?.(synthetic);\r\n        }\r\n        if (status.error) {\r\n          if (lastErrorRef.current !== status.error) {\r\n            lastErrorRef.current = status.error;\r\n            onError?.(status.error);\r\n          }\r\n        } else {\r\n          lastErrorRef.current = null;\r\n        }\r\n      });\r\n\r\n      // Wire transport for send* APIs\r\n      transportRef.current = {\r\n        sendEvent: (name, payload, msgId) => pool.sendEvent(channel, name, payload, msgId),\r\n        sendUpdate: (payload, msgId) => pool.sendUpdate(channel, payload, msgId),\r\n        sendDiff: (patch, msgId) => pool.sendDiff(channel, patch, msgId),\r\n      };\r\n\r\n      return () => {\r\n        unsubStatus();\r\n        unsubChannel();\r\n        transportRef.current = null;\r\n        setIsConnected(false);\r\n        setError(null);\r\n      };\r\n    }\r\n\r\n    // --- Legacy mode (1 WS per channel) ---\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    transportRef.current = {\r\n      sendEvent: (name, payload, msgId) => client.sendEvent(name, payload, msgId),\r\n      sendUpdate: (payload, msgId) => client.sendUpdate(payload, msgId),\r\n      sendDiff: (patch, msgId) => client.sendDiff(patch, msgId),\r\n    };\r\n\r\n    return () => {\r\n      client.close();\r\n      clientRef.current = null;\r\n      transportRef.current = null;\r\n      setIsConnected(false);\r\n      setError(null);\r\n    };\r\n  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge, pool]);\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      transportRef.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      transportRef.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      transportRef.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":[]}
+{"version":3,"sources":["../src/index.ts","../src/useViraState.ts"],"sourcesContent":["/**\n * @vira-ui/react\n * \n * Vira Framework - React hooks for Vira Reactive Protocol\n * \n * This package provides React hooks for VRP, built on top of @vira-ui/core.\n */\n\nexport {\n  useViraState,\n  useViraStream,\n} from './useViraState';\nexport type {\n  UseViraStateOptions,\n} from './useViraState';\n\n","import { useEffect, useMemo, useRef, useState, useCallback } from 'react';\nimport {\n  createViraClient,\n  deepMerge,\n  getViraConnectionPool,\n  type ViraClient,\n  type Message,\n  type ViraConnectionPool,\n  type ViraPoolStatus,\n} from '@vira-ui/core';\n\nexport interface UseViraStateOptions<T = any> {\n  /** Initial value for the state */\n  initial?: T | null;\n  /** Enable msgId support for idempotency */\n  enableMsgId?: boolean;\n  /** Callback when connection opens */\n  onOpen?: () => void;\n  /** Callback when connection closes */\n  onClose?: (event: CloseEvent) => void;\n  /** Callback when connection error occurs */\n  onError?: (error: Error) => void;\n  /** Use deep merge for diff patches (default: true) */\n  deepMerge?: boolean;\n  /** API URL (defaults to VITE_API_URL env or 'http://localhost:8080') */\n  apiUrl?: string;\n  /** Auth token for handshake */\n  authToken?: string;\n  /** Disable connection pooling (fallback to 1 WS per channel). Default: false */\n  disablePooling?: boolean;\n  /** Enable debug logs for VRP (console.debug). Default: env VITE_VRP_DEBUG === 'true' */\n  debug?: boolean;\n}\n\n/**\n * Unified hook for Vira Reactive Protocol state management.\n * Replaces both useViraState and useViraStream.\n *\n * @example\n * ```tsx\n * // Basic usage\n * const { data, sendUpdate } = useViraState<MyType>('my-channel');\n *\n * // With options\n * const { data, sendUpdate, sendDiff } = useViraState<User>('user:123', {\n *   initial: { name: 'Guest' },\n *   enableMsgId: true,\n *   onOpen: () => console.log('Connected'),\n *   deepMerge: true\n * });\n * ```\n */\nexport function useViraState<T = any, C extends string = string>(\n  channel: C,\n  initialOrOptions?: T | null | UseViraStateOptions<T>\n): {\n  /** Current state data */\n  data: T | null;\n  /** Send an event to the server */\n  sendEvent: (name: string, payload: any, msgId?: string) => void;\n  /** Send a full update (replaces state) */\n  sendUpdate: (payload: T, msgId?: string) => void;\n  /** Send a partial diff (merges with current state) */\n  sendDiff: (patch: Partial<T>, msgId?: string) => void;\n  /** Connection status */\n  isConnected: boolean;\n  /** Connection error, if any */\n  error: Error | null;\n} {\n  // Parse options (backward compatibility: second param can be initial value or options)\n  const options: UseViraStateOptions<T> = useMemo(() => {\n    if (initialOrOptions === null || initialOrOptions === undefined) {\n      return {};\n    }\n    // If it's an object with known option keys, treat as options\n    if (\n      typeof initialOrOptions === 'object' &&\n      !Array.isArray(initialOrOptions) &&\n      ('enableMsgId' in initialOrOptions ||\n        'onOpen' in initialOrOptions ||\n        'onClose' in initialOrOptions ||\n        'onError' in initialOrOptions ||\n        'deepMerge' in initialOrOptions ||\n        'initial' in initialOrOptions ||\n        'apiUrl' in initialOrOptions ||\n        'authToken' in initialOrOptions ||\n        'disablePooling' in initialOrOptions ||\n        'debug' in initialOrOptions)\n    ) {\n      return initialOrOptions as UseViraStateOptions<T>;\n    }\n    // Otherwise, treat as initial value (backward compatibility)\n    return { initial: initialOrOptions as T | null };\n  }, [initialOrOptions]);\n\n  const {\n    initial = null,\n    enableMsgId = false,\n    onOpen,\n    onClose,\n    onError,\n    deepMerge: useDeepMerge = true,\n    apiUrl: apiUrlOption,\n    authToken: authTokenOption,\n    disablePooling = false,\n    debug: debugOption,\n  } = options;\n\n  const [data, setData] = useState<T | null>(initial);\n  const [isConnected, setIsConnected] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  type Transport = {\n    sendEvent: (name: string, payload: any, msgId?: string) => void;\n    sendUpdate: (payload: T, msgId?: string) => void;\n    sendDiff: (patch: Partial<T>, msgId?: string) => void;\n  };\n\n  const transportRef = useRef<Transport | null>(null);\n  const clientRef = useRef<ViraClient | null>(null); // legacy non-pooled mode only\n  const sessionRef = useRef<string | null>(null);\n  const msgIdCounterRef = useRef(0);\n  const wasConnectedRef = useRef(false);\n  const lastErrorRef = useRef<Error | null>(null);\n\n  // Use provided apiUrl or fallback to env or default\n  // Note: import.meta is only available in ESM, so we check safely\n  const apiUrl = useMemo(() => {\n    if (apiUrlOption) return apiUrlOption;\n    // Try to get from env if available (Vite/bundler environment)\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\n      if (env?.VITE_API_URL) return env.VITE_API_URL;\n    } catch {\n      // Ignore if import.meta is not available\n    }\n    return 'http://localhost:8080';\n  }, [apiUrlOption]);\n\n  // Get authToken from options or try to get from env\n  const authToken = useMemo(() => {\n    if (authTokenOption !== undefined) return authTokenOption;\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\n      return env?.VITE_AUTH_TOKEN || '';\n    } catch {\n      return '';\n    }\n  }, [authTokenOption]);\n\n  const debug = useMemo(() => {\n    if (debugOption !== undefined) return Boolean(debugOption);\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\n      return String(env?.VITE_VRP_DEBUG || '').toLowerCase() === 'true';\n    } catch {\n      return false;\n    }\n  }, [debugOption]);\n\n  const pool: ViraConnectionPool | null = useMemo(() => {\n    if (disablePooling) return null;\n    return getViraConnectionPool({ url: apiUrl, authToken, debug });\n  }, [disablePooling, apiUrl, authToken, debug]);\n\n  // ДОБАВИТЬ ЭТУ ФУНКЦИЮ:\n  const loadInitialData = useCallback(async () => {\n\n\n    // Если это канал товаров, ждем транспорт и запрашиваем данные\n    if (channel === 'inventoryitem:') {\n\n      // Ждем до 3 секунд пока транспорт будет готов\n      const maxRetries = 30;\n      let retries = 0;\n\n      const trySendRequest = () => {\n        if (transportRef.current && retries < maxRetries) {\n          transportRef.current.sendEvent('inventoryitem.list', {});\n          return;\n        } else if (retries >= maxRetries) {\n        } else {\n          retries++;\n          setTimeout(trySendRequest, 100);\n        }\n      };\n\n      trySendRequest();\n    } else {\n    }\n  }, [channel]);\n\n\n\n\n  useEffect(() => {\n    if (!channel) return;\n\n    const handleMessage = (msg: Message) => {\n\n      switch (msg.type) {\n        case 'update':\n        case 'event':\n          if (msg.channel === channel) {\n            // НОВАЯ ЛОГИКА: Если это первое update с полными данными товаров\n            if (channel === 'inventoryitem:' && msg.data && typeof msg.data === 'object' &&\n              !msg.data.type && !msg.data.patch && !data) {\n              setData(msg.data as T);\n              return;\n            }\n\n            // Handle diff patches that come as update messages\n            if (msg.data && typeof msg.data === 'object' && msg.data.type === 'diff' && msg.data.patch) {\n\n              setData((prev) => {\n\n                if (!prev) {\n                  return msg.data.patch as T;\n                }\n\n                // Merge diff данных с существующими данными\n                if (typeof prev === 'object' && typeof msg.data.patch === 'object') {\n                  let newData = { ...(prev as any) };\n\n                  // Обновляем только элементы из diff patch\n                  for (const [itemId, itemData] of Object.entries(msg.data.patch)) {\n                    if (itemData && typeof itemData === 'object' && itemId !== 'type' && itemId !== 'patch') {\n                      newData[itemId] = itemData;\n                    }\n                  }\n\n                  return newData as T;\n                }\n\n                return prev;\n              });\n              return;\n            }\n\n            // Handle events that come as update messages (ignore service events)\n            if (msg.data && typeof msg.data === 'object' && msg.data.type === 'event') {\n              return;\n            }\n\n            // ПРОВЕРКА: Игнорируем другие служебные сообщения\n            if (msg.data && typeof msg.data === 'object' && msg.data.patch) {\n              return; // Выходим без обновления данных\n            }\n\n            // Обработка запроса начальных данных\n            if (msg.data && typeof msg.data === 'object' && msg.data.type === 'inventory_list') {\n              setData(msg.data.items as T);\n              return;\n            }\n\n\n            setData((prev) => {\n\n              if (!prev) {\n                return msg.data as T;\n              }\n\n              if (typeof prev === 'object' && typeof msg.data === 'object') {\n                let mergedData;\n                if (useDeepMerge) {\n                  mergedData = deepMerge(prev as Record<string, any>, msg.data as Record<string, any>) as T;\n                } else {\n                  mergedData = { ...(prev as any), ...(msg.data as any) };\n                }\n                return mergedData;\n              }\n\n              return msg.data as T;\n            });\n          }\n          break;\n\n\n        case 'diff':\n          if (msg.channel === channel) {\n            // СПЕЦИАЛЬНАЯ ЛОГИКА для diff - только для товаров\n            setData((prev) => {\n\n              // Игнорируем служебные diff (с type: 'diff')\n              if (!prev || !msg.patch ||\n                (typeof msg.patch === 'object' && (msg.patch.type === 'diff' || msg.patch.type === 'event'))) {\n                return prev;\n              }\n\n              if (!prev) {\n                return null; // Возвращаем null для соответствия типу T | null\n              }\n\n              // Merge diff данных с существующими товарами\n              if (typeof prev === 'object' && typeof msg.patch === 'object') {\n                let newData = { ...(prev as any) };\n\n                // Обновляем только товары из diff\n                for (const [itemId, itemData] of Object.entries(msg.patch)) {\n                  if (itemData && typeof itemData === 'object' && itemId !== 'type' && itemId !== 'patch') {\n                    newData[itemId] = itemData;\n                  }\n                }\n\n                return newData as T;\n              }\n\n              return prev;\n            });\n          }\n          break;\n      };\n    };\n\n    // --- Pooled mode (default) ---\n    if (pool) {\n      // Subscribe to messages for this channel\n      const unsubChannel = pool.subscribe(channel, handleMessage);\n\n      // Track shared connection status\n      const unsubStatus = pool.onStatus((status: ViraPoolStatus) => {\n        setError(status.error);\n        setIsConnected(status.connected);\n\n        // Fire callbacks only on transitions\n        if (status.connected && !wasConnectedRef.current) {\n          wasConnectedRef.current = true;\n          loadInitialData();\n          onOpen?.();\n        }\n        if (!status.connected && wasConnectedRef.current) {\n          wasConnectedRef.current = false;\n          // We don't get a real CloseEvent from pooled status, so we pass a lightweight synthetic object\n          const synthetic = (typeof CloseEvent !== 'undefined'\n            ? new CloseEvent('close', { code: 1001, reason: 'pooled disconnect' })\n            : ({ code: 1001, reason: 'pooled disconnect' } as any)) as any;\n          onClose?.(synthetic);\n        }\n        if (status.error) {\n          if (lastErrorRef.current !== status.error) {\n            lastErrorRef.current = status.error;\n            onError?.(status.error);\n          }\n        } else {\n          lastErrorRef.current = null;\n        }\n      });\n\n      // Wire transport for send* APIs\n      transportRef.current = {\n        sendEvent: (name, payload, msgId) => pool.sendEvent(channel, name, payload, msgId),\n        sendUpdate: (payload, msgId) => pool.sendUpdate(channel, payload, msgId),\n        sendDiff: (patch, msgId) => pool.sendDiff(channel, patch, msgId),\n      };\n\n      return () => {\n        unsubStatus();\n        unsubChannel();\n        transportRef.current = null;\n        setIsConnected(false);\n        setError(null);\n      };\n    }\n\n    // --- Legacy mode (1 WS per channel) ---\n    const handleConnect = () => {\n      setIsConnected(true);\n      setError(null);\n      if (!wasConnectedRef.current) {\n        wasConnectedRef.current = true;\n        loadInitialData();\n      }\n      onOpen?.();\n    };\n\n    const handleDisconnect = (event?: CloseEvent) => {\n      setIsConnected(false);\n      wasConnectedRef.current = false;\n      onClose?.(event!);\n    };\n\n    const handleError = (err: Error) => {\n      setError(err);\n      onError?.(err);\n    };\n\n    const client = createViraClient({\n      url: apiUrl,\n      channel,\n      onMessage: handleMessage,\n      onConnect: handleConnect,\n      onDisconnect: handleDisconnect,\n      onError: handleError,\n      session: sessionRef.current,\n      authToken,\n      onSessionChange: (newSession: string | null) => {\n        sessionRef.current = newSession;\n      },\n    });\n\n    clientRef.current = client;\n    transportRef.current = {\n      sendEvent: (name, payload, msgId) => client.sendEvent(name, payload, msgId),\n      sendUpdate: (payload, msgId) => client.sendUpdate(payload, msgId),\n      sendDiff: (patch, msgId) => client.sendDiff(patch, msgId),\n    };\n\n    return () => {\n      client.close();\n      clientRef.current = null;\n      transportRef.current = null;\n      setIsConnected(false);\n      setError(null);\n    };\n  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge, pool]);\n\n  // Generate msgId if enabled\n  const generateMsgId = useCallback((): string | undefined => {\n    if (!enableMsgId) return undefined;\n    msgIdCounterRef.current++;\n    return `${channel}:${Date.now()}:${msgIdCounterRef.current}`;\n  }, [channel, enableMsgId]);\n\n  const sendEvent = useCallback(\n    (name: string, payload: any, msgId?: string) => {\n      transportRef.current?.sendEvent(name, payload, msgId ?? generateMsgId());\n    },\n    [generateMsgId]\n  );\n\n  const sendUpdate = useCallback(\n    (payload: T, msgId?: string) => {\n      transportRef.current?.sendUpdate(payload, msgId ?? generateMsgId());\n    },\n    [generateMsgId]\n  );\n\n  const sendDiff = useCallback(\n    (patch: Partial<T>, msgId?: string) => {\n      transportRef.current?.sendDiff(patch, msgId ?? generateMsgId());\n    },\n    [generateMsgId]\n  );\n\n  return {\n    data,\n    sendEvent,\n    sendUpdate,\n    sendDiff,\n    isConnected,\n    error,\n  };\n}\n\n/**\n * Legacy hook - use useViraState instead.\n * @deprecated Use useViraState with options instead\n */\nexport function useViraStream<T = any, C extends string = string>(\n  channel: C,\n  options?: UseViraStateOptions<T>\n) {\n  return useViraState<T, C>(channel, { ...options, initial: null });\n}\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -67,6 +67,24 @@ function useViraState(channel, initialOrOptions) {
     if (disablePooling) return null;
     return getViraConnectionPool({ url: apiUrl, authToken, debug });
   }, [disablePooling, apiUrl, authToken, debug]);
+  const loadInitialData = useCallback(async () => {
+    if (channel === "inventoryitem:") {
+      const maxRetries = 30;
+      let retries = 0;
+      const trySendRequest = () => {
+        if (transportRef.current && retries < maxRetries) {
+          transportRef.current.sendEvent("inventoryitem.list", {});
+          return;
+        } else if (retries >= maxRetries) {
+        } else {
+          retries++;
+          setTimeout(trySendRequest, 100);
+        }
+      };
+      trySendRequest();
+    } else {
+    }
+  }, [channel]);
   useEffect(() => {
     if (!channel) return;
     const handleMessage = (msg) => {
@@ -74,27 +92,79 @@ function useViraState(channel, initialOrOptions) {
         case "update":
         case "event":
           if (msg.channel === channel) {
-            setData(msg.data);
+            if (channel === "inventoryitem:" && msg.data && typeof msg.data === "object" && !msg.data.type && !msg.data.patch && !data) {
+              setData(msg.data);
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.type === "diff" && msg.data.patch) {
+              setData((prev) => {
+                if (!prev) {
+                  return msg.data.patch;
+                }
+                if (typeof prev === "object" && typeof msg.data.patch === "object") {
+                  let newData = { ...prev };
+                  for (const [itemId, itemData] of Object.entries(msg.data.patch)) {
+                    if (itemData && typeof itemData === "object" && itemId !== "type" && itemId !== "patch") {
+                      newData[itemId] = itemData;
+                    }
+                  }
+                  return newData;
+                }
+                return prev;
+              });
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.type === "event") {
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.patch) {
+              return;
+            }
+            if (msg.data && typeof msg.data === "object" && msg.data.type === "inventory_list") {
+              setData(msg.data.items);
+              return;
+            }
+            setData((prev) => {
+              if (!prev) {
+                return msg.data;
+              }
+              if (typeof prev === "object" && typeof msg.data === "object") {
+                let mergedData;
+                if (useDeepMerge) {
+                  mergedData = deepMerge(prev, msg.data);
+                } else {
+                  mergedData = { ...prev, ...msg.data };
+                }
+                return mergedData;
+              }
+              return msg.data;
+            });
           }
           break;
         case "diff":
           if (msg.channel === channel) {
             setData((prev) => {
+              if (!prev || !msg.patch || typeof msg.patch === "object" && (msg.patch.type === "diff" || msg.patch.type === "event")) {
+                return prev;
+              }
               if (!prev) {
-                return msg.patch || null;
+                return null;
               }
               if (typeof prev === "object" && typeof msg.patch === "object") {
-                if (useDeepMerge) {
-                  return deepMerge(prev, msg.patch);
-                } else {
-                  return { ...prev, ...msg.patch };
+                let newData = { ...prev };
+                for (const [itemId, itemData] of Object.entries(msg.patch)) {
+                  if (itemData && typeof itemData === "object" && itemId !== "type" && itemId !== "patch") {
+                    newData[itemId] = itemData;
+                  }
                 }
+                return newData;
               }
-              return msg.patch || prev;
+              return prev;
             });
           }
           break;
       }
+      ;
     };
     if (pool) {
       const unsubChannel = pool.subscribe(channel, handleMessage);
@@ -103,6 +173,7 @@ function useViraState(channel, initialOrOptions) {
         setIsConnected(status.connected);
         if (status.connected && !wasConnectedRef.current) {
           wasConnectedRef.current = true;
+          loadInitialData();
           onOpen?.();
         }
         if (!status.connected && wasConnectedRef.current) {
@@ -135,10 +206,15 @@ function useViraState(channel, initialOrOptions) {
     const handleConnect = () => {
       setIsConnected(true);
       setError(null);
+      if (!wasConnectedRef.current) {
+        wasConnectedRef.current = true;
+        loadInitialData();
+      }
       onOpen?.();
     };
     const handleDisconnect = (event) => {
       setIsConnected(false);
+      wasConnectedRef.current = false;
       onClose?.(event);
     };
     const handleError = (err) => {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useViraState.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, useCallback } from 'react';\r\nimport {\r\n  createViraClient,\r\n  deepMerge,\r\n  getViraConnectionPool,\r\n  type ViraClient,\r\n  type Message,\r\n  type ViraConnectionPool,\r\n} 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  /** Disable connection pooling (fallback to 1 WS per channel). Default: false */\r\n  disablePooling?: boolean;\r\n  /** Enable debug logs for VRP (console.debug). Default: env VITE_VRP_DEBUG === 'true' */\r\n  debug?: boolean;\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        'disablePooling' in initialOrOptions ||\r\n        'debug' 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    disablePooling = false,\r\n    debug: debugOption,\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\r\n  type Transport = {\r\n    sendEvent: (name: string, payload: any, msgId?: string) => void;\r\n    sendUpdate: (payload: T, msgId?: string) => void;\r\n    sendDiff: (patch: Partial<T>, msgId?: string) => void;\r\n  };\r\n\r\n  const transportRef = useRef<Transport | null>(null);\r\n  const clientRef = useRef<ViraClient | null>(null); // legacy non-pooled mode only\r\n  const sessionRef = useRef<string | null>(null);\r\n  const msgIdCounterRef = useRef(0);\r\n  const wasConnectedRef = useRef(false);\r\n  const lastErrorRef = useRef<Error | null>(null);\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  const debug = useMemo(() => {\r\n    if (debugOption !== undefined) return Boolean(debugOption);\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 String(env?.VITE_VRP_DEBUG || '').toLowerCase() === 'true';\r\n    } catch {\r\n      return false;\r\n    }\r\n  }, [debugOption]);\r\n\r\n  const pool: ViraConnectionPool | null = useMemo(() => {\r\n    if (disablePooling) return null;\r\n    return getViraConnectionPool({ url: apiUrl, authToken, debug });\r\n  }, [disablePooling, apiUrl, authToken, debug]);\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    // --- Pooled mode (default) ---\r\n    if (pool) {\r\n      // Subscribe to messages for this channel\r\n      const unsubChannel = pool.subscribe(channel, handleMessage);\r\n\r\n      // Track shared connection status\r\n      const unsubStatus = pool.onStatus((status) => {\r\n        setError(status.error);\r\n        setIsConnected(status.connected);\r\n\r\n        // Fire callbacks only on transitions\r\n        if (status.connected && !wasConnectedRef.current) {\r\n          wasConnectedRef.current = true;\r\n          onOpen?.();\r\n        }\r\n        if (!status.connected && wasConnectedRef.current) {\r\n          wasConnectedRef.current = false;\r\n          // We don't get a real CloseEvent from pooled status, so we pass a lightweight synthetic object\r\n          const synthetic = (typeof CloseEvent !== 'undefined'\r\n            ? new CloseEvent('close', { code: 1001, reason: 'pooled disconnect' })\r\n            : ({ code: 1001, reason: 'pooled disconnect' } as any)) as any;\r\n          onClose?.(synthetic);\r\n        }\r\n        if (status.error) {\r\n          if (lastErrorRef.current !== status.error) {\r\n            lastErrorRef.current = status.error;\r\n            onError?.(status.error);\r\n          }\r\n        } else {\r\n          lastErrorRef.current = null;\r\n        }\r\n      });\r\n\r\n      // Wire transport for send* APIs\r\n      transportRef.current = {\r\n        sendEvent: (name, payload, msgId) => pool.sendEvent(channel, name, payload, msgId),\r\n        sendUpdate: (payload, msgId) => pool.sendUpdate(channel, payload, msgId),\r\n        sendDiff: (patch, msgId) => pool.sendDiff(channel, patch, msgId),\r\n      };\r\n\r\n      return () => {\r\n        unsubStatus();\r\n        unsubChannel();\r\n        transportRef.current = null;\r\n        setIsConnected(false);\r\n        setError(null);\r\n      };\r\n    }\r\n\r\n    // --- Legacy mode (1 WS per channel) ---\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    transportRef.current = {\r\n      sendEvent: (name, payload, msgId) => client.sendEvent(name, payload, msgId),\r\n      sendUpdate: (payload, msgId) => client.sendUpdate(payload, msgId),\r\n      sendDiff: (patch, msgId) => client.sendDiff(patch, msgId),\r\n    };\r\n\r\n    return () => {\r\n      client.close();\r\n      clientRef.current = null;\r\n      transportRef.current = null;\r\n      setIsConnected(false);\r\n      setError(null);\r\n    };\r\n  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge, pool]);\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      transportRef.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      transportRef.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      transportRef.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":[]}
+{"version":3,"sources":["../src/useViraState.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, useCallback } from 'react';\nimport {\n  createViraClient,\n  deepMerge,\n  getViraConnectionPool,\n  type ViraClient,\n  type Message,\n  type ViraConnectionPool,\n  type ViraPoolStatus,\n} from '@vira-ui/core';\n\nexport interface UseViraStateOptions<T = any> {\n  /** Initial value for the state */\n  initial?: T | null;\n  /** Enable msgId support for idempotency */\n  enableMsgId?: boolean;\n  /** Callback when connection opens */\n  onOpen?: () => void;\n  /** Callback when connection closes */\n  onClose?: (event: CloseEvent) => void;\n  /** Callback when connection error occurs */\n  onError?: (error: Error) => void;\n  /** Use deep merge for diff patches (default: true) */\n  deepMerge?: boolean;\n  /** API URL (defaults to VITE_API_URL env or 'http://localhost:8080') */\n  apiUrl?: string;\n  /** Auth token for handshake */\n  authToken?: string;\n  /** Disable connection pooling (fallback to 1 WS per channel). Default: false */\n  disablePooling?: boolean;\n  /** Enable debug logs for VRP (console.debug). Default: env VITE_VRP_DEBUG === 'true' */\n  debug?: boolean;\n}\n\n/**\n * Unified hook for Vira Reactive Protocol state management.\n * Replaces both useViraState and useViraStream.\n *\n * @example\n * ```tsx\n * // Basic usage\n * const { data, sendUpdate } = useViraState<MyType>('my-channel');\n *\n * // With options\n * const { data, sendUpdate, sendDiff } = useViraState<User>('user:123', {\n *   initial: { name: 'Guest' },\n *   enableMsgId: true,\n *   onOpen: () => console.log('Connected'),\n *   deepMerge: true\n * });\n * ```\n */\nexport function useViraState<T = any, C extends string = string>(\n  channel: C,\n  initialOrOptions?: T | null | UseViraStateOptions<T>\n): {\n  /** Current state data */\n  data: T | null;\n  /** Send an event to the server */\n  sendEvent: (name: string, payload: any, msgId?: string) => void;\n  /** Send a full update (replaces state) */\n  sendUpdate: (payload: T, msgId?: string) => void;\n  /** Send a partial diff (merges with current state) */\n  sendDiff: (patch: Partial<T>, msgId?: string) => void;\n  /** Connection status */\n  isConnected: boolean;\n  /** Connection error, if any */\n  error: Error | null;\n} {\n  // Parse options (backward compatibility: second param can be initial value or options)\n  const options: UseViraStateOptions<T> = useMemo(() => {\n    if (initialOrOptions === null || initialOrOptions === undefined) {\n      return {};\n    }\n    // If it's an object with known option keys, treat as options\n    if (\n      typeof initialOrOptions === 'object' &&\n      !Array.isArray(initialOrOptions) &&\n      ('enableMsgId' in initialOrOptions ||\n        'onOpen' in initialOrOptions ||\n        'onClose' in initialOrOptions ||\n        'onError' in initialOrOptions ||\n        'deepMerge' in initialOrOptions ||\n        'initial' in initialOrOptions ||\n        'apiUrl' in initialOrOptions ||\n        'authToken' in initialOrOptions ||\n        'disablePooling' in initialOrOptions ||\n        'debug' in initialOrOptions)\n    ) {\n      return initialOrOptions as UseViraStateOptions<T>;\n    }\n    // Otherwise, treat as initial value (backward compatibility)\n    return { initial: initialOrOptions as T | null };\n  }, [initialOrOptions]);\n\n  const {\n    initial = null,\n    enableMsgId = false,\n    onOpen,\n    onClose,\n    onError,\n    deepMerge: useDeepMerge = true,\n    apiUrl: apiUrlOption,\n    authToken: authTokenOption,\n    disablePooling = false,\n    debug: debugOption,\n  } = options;\n\n  const [data, setData] = useState<T | null>(initial);\n  const [isConnected, setIsConnected] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  type Transport = {\n    sendEvent: (name: string, payload: any, msgId?: string) => void;\n    sendUpdate: (payload: T, msgId?: string) => void;\n    sendDiff: (patch: Partial<T>, msgId?: string) => void;\n  };\n\n  const transportRef = useRef<Transport | null>(null);\n  const clientRef = useRef<ViraClient | null>(null); // legacy non-pooled mode only\n  const sessionRef = useRef<string | null>(null);\n  const msgIdCounterRef = useRef(0);\n  const wasConnectedRef = useRef(false);\n  const lastErrorRef = useRef<Error | null>(null);\n\n  // Use provided apiUrl or fallback to env or default\n  // Note: import.meta is only available in ESM, so we check safely\n  const apiUrl = useMemo(() => {\n    if (apiUrlOption) return apiUrlOption;\n    // Try to get from env if available (Vite/bundler environment)\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\n      if (env?.VITE_API_URL) return env.VITE_API_URL;\n    } catch {\n      // Ignore if import.meta is not available\n    }\n    return 'http://localhost:8080';\n  }, [apiUrlOption]);\n\n  // Get authToken from options or try to get from env\n  const authToken = useMemo(() => {\n    if (authTokenOption !== undefined) return authTokenOption;\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\n      return env?.VITE_AUTH_TOKEN || '';\n    } catch {\n      return '';\n    }\n  }, [authTokenOption]);\n\n  const debug = useMemo(() => {\n    if (debugOption !== undefined) return Boolean(debugOption);\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const env = (globalThis as any).import?.meta?.env || (globalThis as any).process?.env;\n      return String(env?.VITE_VRP_DEBUG || '').toLowerCase() === 'true';\n    } catch {\n      return false;\n    }\n  }, [debugOption]);\n\n  const pool: ViraConnectionPool | null = useMemo(() => {\n    if (disablePooling) return null;\n    return getViraConnectionPool({ url: apiUrl, authToken, debug });\n  }, [disablePooling, apiUrl, authToken, debug]);\n\n  // ДОБАВИТЬ ЭТУ ФУНКЦИЮ:\n  const loadInitialData = useCallback(async () => {\n\n\n    // Если это канал товаров, ждем транспорт и запрашиваем данные\n    if (channel === 'inventoryitem:') {\n\n      // Ждем до 3 секунд пока транспорт будет готов\n      const maxRetries = 30;\n      let retries = 0;\n\n      const trySendRequest = () => {\n        if (transportRef.current && retries < maxRetries) {\n          transportRef.current.sendEvent('inventoryitem.list', {});\n          return;\n        } else if (retries >= maxRetries) {\n        } else {\n          retries++;\n          setTimeout(trySendRequest, 100);\n        }\n      };\n\n      trySendRequest();\n    } else {\n    }\n  }, [channel]);\n\n\n\n\n  useEffect(() => {\n    if (!channel) return;\n\n    const handleMessage = (msg: Message) => {\n\n      switch (msg.type) {\n        case 'update':\n        case 'event':\n          if (msg.channel === channel) {\n            // НОВАЯ ЛОГИКА: Если это первое update с полными данными товаров\n            if (channel === 'inventoryitem:' && msg.data && typeof msg.data === 'object' &&\n              !msg.data.type && !msg.data.patch && !data) {\n              setData(msg.data as T);\n              return;\n            }\n\n            // Handle diff patches that come as update messages\n            if (msg.data && typeof msg.data === 'object' && msg.data.type === 'diff' && msg.data.patch) {\n\n              setData((prev) => {\n\n                if (!prev) {\n                  return msg.data.patch as T;\n                }\n\n                // Merge diff данных с существующими данными\n                if (typeof prev === 'object' && typeof msg.data.patch === 'object') {\n                  let newData = { ...(prev as any) };\n\n                  // Обновляем только элементы из diff patch\n                  for (const [itemId, itemData] of Object.entries(msg.data.patch)) {\n                    if (itemData && typeof itemData === 'object' && itemId !== 'type' && itemId !== 'patch') {\n                      newData[itemId] = itemData;\n                    }\n                  }\n\n                  return newData as T;\n                }\n\n                return prev;\n              });\n              return;\n            }\n\n            // Handle events that come as update messages (ignore service events)\n            if (msg.data && typeof msg.data === 'object' && msg.data.type === 'event') {\n              return;\n            }\n\n            // ПРОВЕРКА: Игнорируем другие служебные сообщения\n            if (msg.data && typeof msg.data === 'object' && msg.data.patch) {\n              return; // Выходим без обновления данных\n            }\n\n            // Обработка запроса начальных данных\n            if (msg.data && typeof msg.data === 'object' && msg.data.type === 'inventory_list') {\n              setData(msg.data.items as T);\n              return;\n            }\n\n\n            setData((prev) => {\n\n              if (!prev) {\n                return msg.data as T;\n              }\n\n              if (typeof prev === 'object' && typeof msg.data === 'object') {\n                let mergedData;\n                if (useDeepMerge) {\n                  mergedData = deepMerge(prev as Record<string, any>, msg.data as Record<string, any>) as T;\n                } else {\n                  mergedData = { ...(prev as any), ...(msg.data as any) };\n                }\n                return mergedData;\n              }\n\n              return msg.data as T;\n            });\n          }\n          break;\n\n\n        case 'diff':\n          if (msg.channel === channel) {\n            // СПЕЦИАЛЬНАЯ ЛОГИКА для diff - только для товаров\n            setData((prev) => {\n\n              // Игнорируем служебные diff (с type: 'diff')\n              if (!prev || !msg.patch ||\n                (typeof msg.patch === 'object' && (msg.patch.type === 'diff' || msg.patch.type === 'event'))) {\n                return prev;\n              }\n\n              if (!prev) {\n                return null; // Возвращаем null для соответствия типу T | null\n              }\n\n              // Merge diff данных с существующими товарами\n              if (typeof prev === 'object' && typeof msg.patch === 'object') {\n                let newData = { ...(prev as any) };\n\n                // Обновляем только товары из diff\n                for (const [itemId, itemData] of Object.entries(msg.patch)) {\n                  if (itemData && typeof itemData === 'object' && itemId !== 'type' && itemId !== 'patch') {\n                    newData[itemId] = itemData;\n                  }\n                }\n\n                return newData as T;\n              }\n\n              return prev;\n            });\n          }\n          break;\n      };\n    };\n\n    // --- Pooled mode (default) ---\n    if (pool) {\n      // Subscribe to messages for this channel\n      const unsubChannel = pool.subscribe(channel, handleMessage);\n\n      // Track shared connection status\n      const unsubStatus = pool.onStatus((status: ViraPoolStatus) => {\n        setError(status.error);\n        setIsConnected(status.connected);\n\n        // Fire callbacks only on transitions\n        if (status.connected && !wasConnectedRef.current) {\n          wasConnectedRef.current = true;\n          loadInitialData();\n          onOpen?.();\n        }\n        if (!status.connected && wasConnectedRef.current) {\n          wasConnectedRef.current = false;\n          // We don't get a real CloseEvent from pooled status, so we pass a lightweight synthetic object\n          const synthetic = (typeof CloseEvent !== 'undefined'\n            ? new CloseEvent('close', { code: 1001, reason: 'pooled disconnect' })\n            : ({ code: 1001, reason: 'pooled disconnect' } as any)) as any;\n          onClose?.(synthetic);\n        }\n        if (status.error) {\n          if (lastErrorRef.current !== status.error) {\n            lastErrorRef.current = status.error;\n            onError?.(status.error);\n          }\n        } else {\n          lastErrorRef.current = null;\n        }\n      });\n\n      // Wire transport for send* APIs\n      transportRef.current = {\n        sendEvent: (name, payload, msgId) => pool.sendEvent(channel, name, payload, msgId),\n        sendUpdate: (payload, msgId) => pool.sendUpdate(channel, payload, msgId),\n        sendDiff: (patch, msgId) => pool.sendDiff(channel, patch, msgId),\n      };\n\n      return () => {\n        unsubStatus();\n        unsubChannel();\n        transportRef.current = null;\n        setIsConnected(false);\n        setError(null);\n      };\n    }\n\n    // --- Legacy mode (1 WS per channel) ---\n    const handleConnect = () => {\n      setIsConnected(true);\n      setError(null);\n      if (!wasConnectedRef.current) {\n        wasConnectedRef.current = true;\n        loadInitialData();\n      }\n      onOpen?.();\n    };\n\n    const handleDisconnect = (event?: CloseEvent) => {\n      setIsConnected(false);\n      wasConnectedRef.current = false;\n      onClose?.(event!);\n    };\n\n    const handleError = (err: Error) => {\n      setError(err);\n      onError?.(err);\n    };\n\n    const client = createViraClient({\n      url: apiUrl,\n      channel,\n      onMessage: handleMessage,\n      onConnect: handleConnect,\n      onDisconnect: handleDisconnect,\n      onError: handleError,\n      session: sessionRef.current,\n      authToken,\n      onSessionChange: (newSession: string | null) => {\n        sessionRef.current = newSession;\n      },\n    });\n\n    clientRef.current = client;\n    transportRef.current = {\n      sendEvent: (name, payload, msgId) => client.sendEvent(name, payload, msgId),\n      sendUpdate: (payload, msgId) => client.sendUpdate(payload, msgId),\n      sendDiff: (patch, msgId) => client.sendDiff(patch, msgId),\n    };\n\n    return () => {\n      client.close();\n      clientRef.current = null;\n      transportRef.current = null;\n      setIsConnected(false);\n      setError(null);\n    };\n  }, [channel, apiUrl, authToken, onOpen, onClose, onError, useDeepMerge, pool]);\n\n  // Generate msgId if enabled\n  const generateMsgId = useCallback((): string | undefined => {\n    if (!enableMsgId) return undefined;\n    msgIdCounterRef.current++;\n    return `${channel}:${Date.now()}:${msgIdCounterRef.current}`;\n  }, [channel, enableMsgId]);\n\n  const sendEvent = useCallback(\n    (name: string, payload: any, msgId?: string) => {\n      transportRef.current?.sendEvent(name, payload, msgId ?? generateMsgId());\n    },\n    [generateMsgId]\n  );\n\n  const sendUpdate = useCallback(\n    (payload: T, msgId?: string) => {\n      transportRef.current?.sendUpdate(payload, msgId ?? generateMsgId());\n    },\n    [generateMsgId]\n  );\n\n  const sendDiff = useCallback(\n    (patch: Partial<T>, msgId?: string) => {\n      transportRef.current?.sendDiff(patch, msgId ?? generateMsgId());\n    },\n    [generateMsgId]\n  );\n\n  return {\n    data,\n    sendEvent,\n    sendUpdate,\n    sendDiff,\n    isConnected,\n    error,\n  };\n}\n\n/**\n * Legacy hook - use useViraState instead.\n * @deprecated Use useViraState with options instead\n */\nexport function useViraStream<T = any, C extends string = string>(\n  channel: C,\n  options?: UseViraStateOptions<T>\n) {\n  return useViraState<T, C>(channel, { ...options, initial: null });\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,50 +1,51 @@
-{
-  "name": "@vira-ui/react",
-  "version": "1.1.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": "^1.0.1",
-    "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"
-  ]
-}
-
+{
+  "name": "@vira-ui/react",
+  "version": "1.1.1",
+  "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"
+    }
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "@vira-ui/core": "1.1.1"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.3"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}