@arcote.tech/arc-react 0.0.20 → 0.0.21

package/dist/index.js

@@ -46,6 +46,8 @@ class IDBReadTransaction {
     return new Promise((resolve) => {
       const result = this.transaction.objectStore(collection.name).get(id);
       result.onsuccess = (e) => {
+        if (!e.target.result)
+          return resolve(undefined);
         const deserialized = collection.deserialize(e.target.result);
         resolve(deserialized);
       };
@@ -123,10 +125,14 @@ class IDBAdapter {
   }
 }
 // reactModel.tsx
+import {
+  ArcSubModel
+} from "@arcote.tech/arc";
 import { createContext, useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var reactModel = (model) => {
   const LiveModelContext = createContext(null);
+  const LocalModelContext = createContext(null);
   return [
     function LiveModelProvider(props) {
       return /* @__PURE__ */ jsx(LiveModelContext.Provider, {
@@ -136,19 +142,36 @@ var reactModel = (model) => {
         children: props.children
       }, undefined, false, undefined, this);
     },
+    function LocalModelProvider(props) {
+      const liveModelContext = useContext(LiveModelContext);
+      if (!liveModelContext) {
+        throw new Error("LocalModelProvider must be used within a LiveModelProvider");
+      }
+      const [subModel] = useState(() => new ArcSubModel(liveModelContext.model));
+      return /* @__PURE__ */ jsx(LocalModelContext.Provider, {
+        value: {
+          model: subModel
+        },
+        children: props.children
+      }, undefined, false, undefined, this);
+    },
     function useQuery(queryBuilder, dependencies = []) {
-      const context = useContext(LiveModelContext);
+      const localContext = useContext(LocalModelContext);
+      const liveContext = useContext(LiveModelContext);
+      const context = localContext || liveContext;
       if (!context)
-        throw new Error("useQuery must be used within a LiveModelProvider");
-      if (!context.model)
-        throw new Error("model not found");
+        throw new Error("useQuery must be used within a LiveModelProvider or LocalModelProvider");
       const [result, setResult] = useState(null);
       const [loading, setLoading] = useState(true);
       useEffect(() => {
         const query = context.model.query(queryBuilder);
+        if (localContext)
+          console.log("local query", query);
         query.result$.subscribe((result2) => {
           setResult(result2);
           setLoading(false);
+          if (localContext)
+            console.log("local query result change", result2);
         });
         return () => {
           query.unsubscribe();
@@ -157,9 +180,11 @@ var reactModel = (model) => {
       return [result, loading];
     },
     function useCommands() {
-      const context = useContext(LiveModelContext);
+      const localContext = useContext(LocalModelContext);
+      const liveContext = useContext(LiveModelContext);
+      const context = localContext || liveContext;
       if (!context)
-        throw new Error("useCommands must be used within a LiveModelProvider");
+        throw new Error("useCommands must be used within a LiveModelProvider or LocalModelProvider");
       return context.model.commands();
     },
     function query(queryBuilder) {
@@ -175,6 +200,13 @@ var reactModel = (model) => {
           }
         });
       });
+    },
+    function useLocalModel() {
+      const localContext = useContext(LocalModelContext);
+      if (!localContext) {
+        throw new Error("useLocalModel must be used within a LocalModelProvider");
+      }
+      return localContext.model;
     }
   ];
 };
@@ -184,4 +216,4 @@ export {
   formResolver
 };
 
-//# debugId=BF36AB53518853B964756E2164756E21
+//# debugId=9C5FFF223A0A726064756E2164756E21

package/dist/reactModel.d.ts

@@ -1,4 +1,6 @@
-import { type ArcModelAny, type GetAnyCollectionQueryResult, type QueryFactoryFunction } from "@arcote.tech/arc";
+import { type ArcModelAny, type GetAnyCollectionQueryResult, type QueryFactoryFunction, ArcSubModel } from "@arcote.tech/arc";
 export declare const reactModel: <Model extends ArcModelAny>(model: Model) => readonly [(props: {
     children: React.ReactNode;
-}) => import("react/jsx-dev-runtime").JSX.Element, <QueryBuilderFn extends QueryFactoryFunction<Model["context"]>>(queryBuilder: QueryBuilderFn, dependencies?: any[]) => [GetAnyCollectionQueryResult<QueryBuilderFn>, false] | [null, true], () => ReturnType<Model["commands"]>, <QueryBuilderFn extends QueryFactoryFunction<Model["context"]>>(queryBuilder: QueryBuilderFn) => Promise<GetAnyCollectionQueryResult<QueryBuilderFn> | null>];
+}) => import("react/jsx-dev-runtime").JSX.Element, (props: {
+    children: React.ReactNode;
+}) => import("react/jsx-dev-runtime").JSX.Element, <QueryBuilderFn extends QueryFactoryFunction<Model["context"]>>(queryBuilder: QueryBuilderFn, dependencies?: any[]) => [GetAnyCollectionQueryResult<QueryBuilderFn>, false] | [null, true], () => ReturnType<Model["commands"]>, <QueryBuilderFn extends QueryFactoryFunction<Model["context"]>>(queryBuilder: QueryBuilderFn) => Promise<GetAnyCollectionQueryResult<QueryBuilderFn> | null>, () => ArcSubModel<Model["context"]>];

package/package.json

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