@arcote.tech/arc-react 0.1.0 → 0.1.1

package/dist/index.js

@@ -175,29 +175,37 @@ var sqliteWasmAdapterFactory = (db) => {
 
 // reactModel.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var reactModel = (arcContext, options) => {
+var reactModel = (arcContextPromise, options) => {
   const LiveModelContext = createContext3(null);
   const LocalModelContext = createContext3(null);
   let masterModel = null;
   return [
     function LiveModelProvider(props) {
+      const [context, setContext] = useState2(null);
+      useEffect2(() => {
+        arcContextPromise.then((arcContext) => {
+          setContext(arcContext);
+        });
+      }, [arcContextPromise]);
       const model = useMemo3(() => {
         if (typeof window === "undefined")
           return null;
         if (masterModel)
           return masterModel;
+        if (!context)
+          return null;
         if ("remoteUrl" in options) {
-          const model2 = new RemoteModelClient(arcContext, options.remoteUrl, props.client, props.catchErrorCallback);
+          const model2 = new RemoteModelClient(context, options.remoteUrl, props.client, props.catchErrorCallback);
           masterModel = model2;
           return model2;
         } else {
-          const dbAdapterPromise = sqliteWasmAdapterFactory(options.sqliteAdapter)(arcContext);
-          const dataStorage = new MasterDataStorage(dbAdapterPromise, rtcClientFactory(props.token), arcContext);
-          const model2 = new Model(arcContext, dataStorage, props.client, props.catchErrorCallback);
+          const dbAdapterPromise = sqliteWasmAdapterFactory(options.sqliteAdapter)(context);
+          const dataStorage = new MasterDataStorage(dbAdapterPromise, rtcClientFactory(props.token), context);
+          const model2 = new Model(context, dataStorage, props.client, props.catchErrorCallback);
           masterModel = model2;
           return model2;
         }
-      }, [arcContext, options, props.client]);
+      }, [context, options, props.client]);
       const [syncProgress, setSyncProgress] = useState2([]);
       const [syncDone, setSyncDone] = useState2(false);
       useEffect2(() => {
@@ -296,4 +304,4 @@ export {
   Form
 };
 
-//# debugId=F5FEB20267C5EE2264756E2164756E21
+//# debugId=1DFCDB435242322064756E2164756E21

package/dist/reactModel.d.ts

@@ -1,6 +1,6 @@
 import { ForkedModel, type ArcContextAny, type IArcQueryBuilder, type ModelBase, type QueryBuilderFunctionResult, type QueryFactoryFunction, type UnaryFunction } from "@arcote.tech/arc";
 import type { SQLiteDatabase } from "@arcote.tech/arc";
-export declare const reactModel: <C extends ArcContextAny>(arcContext: C, options: {
+export declare const reactModel: <C extends ArcContextAny>(arcContextPromise: Promise<C>, options: {
     sqliteAdapter: SQLiteDatabase;
 } | {
     remoteUrl: string;

package/package.json

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