@arcote.tech/arc-react 0.0.16 → 0.0.18

package/dist/index.js

@@ -123,48 +123,29 @@ class IDBAdapter {
   }
 }
 // reactModel.tsx
-import {
-model
-} from "@arcote.tech/arc";
-import {createContext, useContext, useEffect, useRef, useState} from "react";
-import {
-jsx
-} from "react/jsx-runtime";
-var reactModel = (context, dependecies) => {
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var reactModel = (model) => {
   const LiveModelContext = createContext(null);
-  let localClient;
   return [
     function LiveModelProvider(props) {
-      const [client, setClient] = useState(null);
-      const clientRef = useRef(null);
-      useEffect(() => {
-        console.log("test");
-        if (clientRef.current)
-          return;
-        const client2 = model(context, dependecies);
-        clientRef.current = client2;
-        setClient(client2);
-        localClient = client2;
-      }, []);
-      if (!client)
-        return "Ekran \u0142adowania";
       return /* @__PURE__ */ jsx(LiveModelContext.Provider, {
         value: {
-          client
+          model
         },
         children: props.children
       }, undefined, false, undefined, this);
     },
     function useQuery(queryBuilder, dependencies = []) {
-      const context2 = useContext(LiveModelContext);
-      if (!context2)
+      const context = useContext(LiveModelContext);
+      if (!context)
         throw new Error("useQuery must be used within a LiveModelProvider");
-      if (!context2.client)
-        throw new Error("client not found");
+      if (!context.model)
+        throw new Error("model not found");
       const [result, setResult] = useState(null);
       const [loading, setLoading] = useState(true);
       useEffect(() => {
-        const query = context2.client.query(queryBuilder);
+        const query = context.model.query(queryBuilder);
         query.result$.subscribe((result2) => {
           setResult(result2);
           setLoading(false);
@@ -172,22 +153,18 @@ var reactModel = (context, dependecies) => {
         return () => {
           query.unsubscribe();
         };
-      }, [context2.client, ...dependencies]);
+      }, [context.model, ...dependencies]);
       return [result, loading];
     },
     function useCommands() {
-      const context2 = useContext(LiveModelContext);
-      if (!context2)
+      const context = useContext(LiveModelContext);
+      if (!context)
         throw new Error("useCommands must be used within a LiveModelProvider");
-      return context2.client.commands();
+      return context.model.commands();
     },
     function query(queryBuilder) {
       return new Promise((resolve, reject) => {
-        if (!localClient) {
-          reject(new Error("Client is not initialized"));
-          return;
-        }
-        const query = localClient.query(queryBuilder);
+        const query = model.query(queryBuilder);
         const subscription = query.result$.subscribe({
           next: (result) => {
             subscription.unsubscribe();
@@ -207,4 +184,4 @@ export {
   formResolver
 };
 
-//# debugId=98FDF01FC816B22E64756E2164756E21
+//# debugId=BF36AB53518853B964756E2164756E21

package/dist/reactModel.d.ts

@@ -1,4 +1,4 @@
-import { type ArcContextWithCommandsAny, type ArcModelDependencies, type GetAnyCollectionQueryResult, type QueryFactoryFunction } from "@arcote.tech/arc";
-export declare const reactModel: <C extends ArcContextWithCommandsAny>(context: C, dependecies: ArcModelDependencies<C>) => readonly [(props: {
+import { type ArcModelAny, type GetAnyCollectionQueryResult, type QueryFactoryFunction } from "@arcote.tech/arc";
+export declare const reactModel: <Model extends ArcModelAny>(model: Model) => readonly [(props: {
     children: React.ReactNode;
-}) => "Ekran ładowania" | import("react/jsx-dev-runtime").JSX.Element, <QueryBuilderFn extends QueryFactoryFunction<C>>(queryBuilder: QueryBuilderFn, dependencies?: any[]) => [GetAnyCollectionQueryResult<QueryBuilderFn>, false] | [null, true], () => import("@arcote.tech/arc/dist/context/commands").CommandsClient<C["commands"]>, <QueryBuilderFn extends QueryFactoryFunction<C>>(queryBuilder: QueryBuilderFn) => Promise<GetAnyCollectionQueryResult<QueryBuilderFn> | null>];
+}) => 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>];

package/package.json

@@ -4,16 +4,17 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "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.",
   "scripts": {
-    "build": "rm -R dist && bun run ./build.ts && bun run build:declaration",
+    "build": "rm -rf dist && bun run ./build.ts && bun run build:declaration",
     "build:declaration": "tsc --emitDeclarationOnly --project tsconfig.types.json",
     "postbuild": "rimraf tsconfig.types.tsbuildinfo",
     "type-check": "tsc",
-    "publish": "bun run build && npm publish --access=public"
+    "publish": "bun run build && npm publish --access=public",
+    "dev": "nodemon --ignore dist -e ts,tsx --exec 'bun run build'"
   },
   "dependencies": {
     "@arcote.tech/arc": "latest",
@@ -25,7 +26,8 @@
     "@types/react": "^18.3.5",
     "prettier": "^3.0.3",
     "rimraf": "^5.0.5",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "nodemon": "^2.0.22"
   },
   "peerDependencies": {
     "typescript": "^5.0.0"
@@ -34,4 +36,4 @@
     "dist/**/*.js",
     "dist/**/*.d.ts"
   ]
-}
+}