@arcote.tech/arc-react 0.0.25 → 0.0.27

package/dist/index.js

@@ -150,7 +150,6 @@ import {
   useState
 } from "react";
 import { jsx } from "react/jsx-runtime";
-"use client";
 var reactModel = (arcContext, databaseName) => {
   const LiveModelContext = createContext(null);
   const LocalModelContext = createContext(null);
@@ -158,31 +157,37 @@ var reactModel = (arcContext, databaseName) => {
   return [
     function LiveModelProvider(props) {
       const dataStorage = useMemo(() => {
+        if (typeof window === "undefined")
+          return null;
         const dbAdapterPromise = idbAdapterFactory(databaseName, arcContext.version)(arcContext);
-        const dataStorage2 = new MasterDataStorage(dbAdapterPromise, rtcClientFactory, arcContext);
+        const dataStorage2 = new MasterDataStorage(dbAdapterPromise, rtcClientFactory(props.token), arcContext);
         modelMasterDataStorage = dataStorage2;
         return dataStorage2;
       }, [arcContext, databaseName, arcContext.version]);
       const [syncProgress, setSyncProgress] = useState([]);
       const [syncDone, setSyncDone] = useState(false);
       useEffect(() => {
+        if (typeof window === "undefined" || !dataStorage)
+          return;
         const sync = async () => {
-          await dataStorage?.sync(({ store, size }) => {
+          await dataStorage.sync(({ store, size }) => {
             setSyncProgress((prev) => [...prev, { store, size }]);
           });
           setSyncDone(true);
         };
         sync();
-      }, []);
+      }, [dataStorage]);
+      if (!dataStorage || !syncDone)
+        return /* @__PURE__ */ jsx(props.syncView, {
+          progress: syncProgress
+        }, undefined, false, undefined, this);
       return /* @__PURE__ */ jsx(LiveModelContext.Provider, {
         value: {
           dataStorage,
           client: props.client,
           catchErrorCallback: props.catchErrorCallback
         },
-        children: syncDone ? props.children : /* @__PURE__ */ jsx(props.syncView, {
-          progress: syncProgress
-        }, undefined, false, undefined, this)
+        children: props.children
       }, undefined, false, undefined, this);
     },
     function LocalModelProvider({ children }) {
@@ -262,4 +267,4 @@ export {
   formResolver
 };
 
-//# debugId=1A90F216CD67D17164756E2164756E21
+//# debugId=A52AEF20E5EEA1DC64756E2164756E21

package/dist/reactModel.d.ts

@@ -2,6 +2,7 @@ import { ForkedDataStorage, type ArcContextAny, type CommandsClient, type QueryB
 export declare const reactModel: <C extends ArcContextAny>(arcContext: C, databaseName: string) => readonly [(props: {
     children: React.ReactNode;
     client: string;
+    token: string;
     syncView: React.ComponentType<{
         progress: {
             store: string;

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "private": false,
   "author": "Przemysław Krasiński [arcote.tech]",
   "description": "React client for the Arc framework, providing utilities for querying data and executing commands, enhancing the development of reactive and efficient user interfaces.",