@arcote.tech/arc-react 0.0.22 → 0.0.24

package/dist/index.js

@@ -144,12 +144,25 @@ var reactModel = (arcContext, databaseName) => {
   const LocalModelContext = createContext(null);
   let dataStorage = null;
   return [
-    function LiveModelProvider({ children }) {
+    function LiveModelProvider(props) {
       const dbAdapterPromise = idbAdapterFactory(databaseName, arcContext.version)(arcContext);
       dataStorage = new MasterDataStorage(dbAdapterPromise, rtcClientFactory, arcContext);
+      const [syncProgress, setSyncProgress] = useState([]);
+      const [syncDone, setSyncDone] = useState(false);
+      useEffect(() => {
+        const sync = async () => {
+          await dataStorage?.sync(({ store, size }) => {
+            setSyncProgress((prev) => [...prev, { store, size }]);
+          });
+          setSyncDone(true);
+        };
+        sync();
+      }, []);
       return /* @__PURE__ */ jsx(LiveModelContext.Provider, {
         value: { dataStorage, dbAdapterPromise },
-        children
+        children: syncDone ? props.children : /* @__PURE__ */ jsx(props.syncView, {
+          progress: syncProgress
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this);
     },
     function LocalModelProvider({ children }) {
@@ -180,7 +193,6 @@ var reactModel = (arcContext, databaseName) => {
         queryRef.current = query;
         const runQuery = async () => {
           const result2 = await query.run(context.dataStorage, (newResult) => {
-            console.log("newResult", newResult);
             setResult(newResult);
             setLoading(false);
           });
@@ -200,22 +212,7 @@ var reactModel = (arcContext, databaseName) => {
       if (!context) {
         throw new Error("useQuery must be used within a ModelProvider");
       }
-      const commands = arcContext.commands;
-      return new Proxy({}, {
-        get: (_, name) => {
-          if (name in commands) {
-            return async (...args) => {
-              const dataStorage2 = context.dataStorage.fork();
-              const commandContext = arcContext.commandContext(dataStorage2);
-              const result = await commands[name](commandContext, ...args);
-              await dataStorage2.merge();
-              return result;
-            };
-          }
-          console.warn(`Command '${name}' not found in the context.`);
-          return;
-        }
-      });
+      return arcContext.commandsClient(context.dataStorage);
     },
     async function query(queryBuilderFn) {
       const queryBuilder = arcContext.queryBuilder();
@@ -240,4 +237,4 @@ export {
   formResolver
 };
 
-//# debugId=9B2592D89513AAF264756E2164756E21
+//# debugId=75A81147F2E4FEEE64756E2164756E21

package/dist/reactModel.d.ts

@@ -1,6 +1,12 @@
 import { ForkedDataStorage, type ArcContextAny, type CommandsClient, type QueryBuilderFunctionResult, type QueryFactoryFunction } from "@arcote.tech/arc";
-export declare const reactModel: <C extends ArcContextAny>(arcContext: C, databaseName: string) => readonly [({ children }: {
+export declare const reactModel: <C extends ArcContextAny>(arcContext: C, databaseName: string) => readonly [(props: {
     children: React.ReactNode;
+    syncView: React.ComponentType<{
+        progress: {
+            store: string;
+            size: number;
+        }[];
+    }>;
 }) => import("react/jsx-dev-runtime").JSX.Element, ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-dev-runtime").JSX.Element, <QueryBuilderFn extends QueryFactoryFunction<C>>(queryBuilderFn: QueryBuilderFn, dependencies?: any[]) => [QueryBuilderFunctionResult<QueryBuilderFn>, boolean], () => CommandsClient<C["commands"]>, <QueryBuilderFn extends QueryFactoryFunction<C>>(queryBuilderFn: QueryBuilderFn) => Promise<QueryBuilderFunctionResult<QueryBuilderFn>>, () => ForkedDataStorage];

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "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.",