@idb-orm/react-query 0.0.0 → 0.0.1

package/README.md

@@ -19,7 +19,7 @@ useQuery({
 stores.users.useFind({ where: { id: userId } }, [userId]);
 ```
 
-The package manages the internal query keys to ensure there is no overlap, and you can state an optional dependency array similar to traditiona react hooks like `useMemo` and `useEffect`.
+The package manages the internal query keys to ensure there is no overlap, and you can state an optional dependency array similar to traditional react hooks like `useMemo` and `useEffect`.
 
 ## Installation
 

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@tanstack/react-query"),t=require("react");class r extends e.QueryClient{constructor(e,t){super(t),this.db=e}createInterface(r){const n={},i=this.db.getStoreNames(),s=this.db.stores;for(const t of i)n[t]={useFind:(r,n=[])=>e.useQuery({...r,queryKey:[t,"find",...n],queryFn:()=>s[t].find(r.query)}),useFindFirst:(r,n=[])=>e.useQuery({...r,queryKey:[t,"findFirst",...n],queryFn:()=>s[t].findFirst(r.query)}),useGet:r=>{e.useQuery({...r,queryKey:[t,"get",r.key],queryFn:()=>s[t].get(r.key)})}};return{...n,useClient:()=>t.useContext(r)}}}exports.createIDBQueryClient=function(n,i){const s=new r(n,i),u=t.createContext({});return{queryClient:s,context:u,Provider:({client:r,children:n})=>{const i=t.useMemo(()=>{function e(e){return{invalidate:()=>r.invalidateQueries({queryKey:e})}}const t=e([]),n=r.db.getStoreNames();for(const r of n)"invalidate"===r&&console.warn("Model name 'invalidate' causes the invalidate() function of useClient() to not work. Please fix by renaming the model."),t[r]={...e([r]),get:e([r,"get"]),find:e([r,"find"]),findFirst:e([r,"findFirst"])};return t},[r]);return React.createElement(e.QueryClientProvider,{client:r},React.createElement(u.Provider,{value:i},n))},stores:s.createInterface(u)}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@tanstack/react-query"),t=require("react");class r extends e.QueryClient{constructor(e,t){super(t),this.db=e}createInterface(r){const n={},i=this.db.getStoreNames(),s=this.db.stores;for(const t of i)n[t]={useFind:(r,n=[])=>e.useQuery({...r,queryKey:[t,"find",...n],queryFn:()=>s[t].find(r.query)}),useFindFirst:(r,n=[])=>e.useQuery({...r,queryKey:[t,"findFirst",...n],queryFn:()=>s[t].findFirst(r.query)}),useGet:r=>{e.useQuery({...r,queryKey:[t,"get",r.key],queryFn:()=>s[t].get(r.key)})}};return{...n,useClient:()=>t.useContext(r)}}}exports.createIDBQueryClient=function(n,i){const s=new r(n,i),u=t.createContext({});return{queryClient:s,context:u,Provider:({client:r,children:n})=>{const i=t.useMemo(()=>{function e(e){return{invalidate:()=>r.invalidateQueries({queryKey:e})}}const t=e([]),n=r.db.getStoreNames();for(const r of n)"invalidate"===r&&console.warn("Model name 'invalidate' causes the invalidate() function of useClient() to not work. Please fix by renaming the model."),t[r]={...e([r]),get:e([r,"get"]),find:e([r,"find"]),findFirst:e([r,"findFirst"])};return t},[r]);return t.createElement(e.QueryClientProvider,{client:r},t.createElement(u.Provider,{value:i},n))},stores:s.createInterface(u)}};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { core, Model } from '@idb-orm/core';
 import { QueryClient, DefinedUseQueryResult, UndefinedInitialDataOptions, QueryClientConfig } from '@tanstack/react-query';
-import { DependencyList, PropsWithChildren } from 'react';
+import { default as React } from 'react';
 type QueryOptions<O> = Omit<UndefinedInitialDataOptions<O>, "queryFn" | "queryKey">;
 interface ModelQueryInterface<M extends Model<any, any, any>, Names extends string, Models extends core.CollectionObject<Names>> {
     /**
@@ -11,10 +11,10 @@ interface ModelQueryInterface<M extends Model<any, any, any>, Names extends stri
     } & QueryOptions<O>) => DefinedUseQueryResult<O | undefined> : never;
     useFind: <I extends core.FindInput<Names, M, Models>, O = core.Simplify<NonNullable<core.FindOutput<Names, M, Models, I>>>[]>(options: QueryOptions<O> & {
         query: I;
-    }, deps?: DependencyList) => DefinedUseQueryResult<O | undefined>;
+    }, deps?: React.DependencyList) => DefinedUseQueryResult<O | undefined>;
     useFindFirst: <I extends core.FindInput<Names, M, Models>, O = core.Simplify<core.FindOutput<Names, M, Models, I>>>(options: QueryOptions<O> & {
         query: I;
-    }, deps?: DependencyList) => DefinedUseQueryResult<O | undefined>;
+    }, deps?: React.DependencyList) => DefinedUseQueryResult<O | undefined>;
 }
 interface ModelQueryClient {
     invalidate(): Promise<void>;
@@ -28,16 +28,16 @@ type IDBClientInterface<Names extends string, _Models extends core.CollectionObj
 } & ModelQueryClient>;
 export declare function createIDBQueryClient<Names extends string, Models extends core.CollectionObject<Names>>(client: core.DbClient<string, Names, Models>, config?: QueryClientConfig): {
     queryClient: IDBQueryClient<Names, Models>;
-    context: import('react').Context<{ [K_1 in Names]: {
+    context: React.Context<{ [K_1 in Names]: {
         get: ModelQueryClient;
         findFirst: ModelQueryClient;
         find: ModelQueryClient;
     } & {
         invalidate: () => Promise<void>;
     }; } & ModelQueryClient extends infer T ? { [K in keyof T]: T[K]; } : never>;
-    Provider: ({ client, children, }: PropsWithChildren<{
+    Provider: ({ client, children, }: React.PropsWithChildren<{
         client: IDBQueryClient<Names, Models>;
-    }>) => import("react").JSX.Element;
+    }>) => React.JSX.Element;
     stores: IDBQueryInterface<Names, Models>;
 };
 declare class IDBQueryClient<Names extends string, Models extends core.CollectionObject<Names>> extends QueryClient {

package/dist/index.es.js

@@ -1,2 +1,2 @@
-import{QueryClientProvider as e,QueryClient as t,useQuery as r}from"@tanstack/react-query";import{createContext as n,useMemo as i,useContext as s}from"react";function o(t,r){const s=new a(t,r),o=n({});return{queryClient:s,context:o,Provider:({client:t,children:r})=>{const n=i(()=>{function e(e){return{invalidate:()=>t.invalidateQueries({queryKey:e})}}const r=e([]),n=t.db.getStoreNames();for(const t of n)"invalidate"===t&&console.warn("Model name 'invalidate' causes the invalidate() function of useClient() to not work. Please fix by renaming the model."),r[t]={...e([t]),get:e([t,"get"]),find:e([t,"find"]),findFirst:e([t,"findFirst"])};return r},[t]);/* @__PURE__ */
-return React.createElement(e,{client:t},/* @__PURE__ */React.createElement(o.Provider,{value:n},r))},stores:s.createInterface(o)}}class a extends t{constructor(e,t){super(t),this.db=e}createInterface(e){const t={},n=this.db.getStoreNames(),i=this.db.stores;for(const s of n)t[s]={useFind:(e,t=[])=>r({...e,queryKey:[s,"find",...t],queryFn:()=>i[s].find(e.query)}),useFindFirst:(e,t=[])=>r({...e,queryKey:[s,"findFirst",...t],queryFn:()=>i[s].findFirst(e.query)}),useGet:e=>{r({...e,queryKey:[s,"get",e.key],queryFn:()=>i[s].get(e.key)})}};return{...t,useClient:()=>s(e)}}}export{o as createIDBQueryClient};
+import{QueryClientProvider as e,QueryClient as t,useQuery as n}from"@tanstack/react-query";import r from"react";function i(t,n){const i=new o(t,n),s=r.createContext({});return{queryClient:i,context:s,Provider:({client:t,children:n})=>{const i=r.useMemo(()=>{function e(e){return{invalidate:()=>t.invalidateQueries({queryKey:e})}}const n=e([]),r=t.db.getStoreNames();for(const t of r)"invalidate"===t&&console.warn("Model name 'invalidate' causes the invalidate() function of useClient() to not work. Please fix by renaming the model."),n[t]={...e([t]),get:e([t,"get"]),find:e([t,"find"]),findFirst:e([t,"findFirst"])};return n},[t]);/* @__PURE__ */
+return r.createElement(e,{client:t},/* @__PURE__ */r.createElement(s.Provider,{value:i},n))},stores:i.createInterface(s)}}class o extends t{constructor(e,t){super(t),this.db=e}createInterface(e){const t={},i=this.db.getStoreNames(),o=this.db.stores;for(const r of i)t[r]={useFind:(e,t=[])=>n({...e,queryKey:[r,"find",...t],queryFn:()=>o[r].find(e.query)}),useFindFirst:(e,t=[])=>n({...e,queryKey:[r,"findFirst",...t],queryFn:()=>o[r].findFirst(e.query)}),useGet:e=>{n({...e,queryKey:[r,"get",e.key],queryFn:()=>o[r].get(e.key)})}};return{...t,useClient:()=>r.useContext(e)}}}export{i as createIDBQueryClient};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@idb-orm/react-query",
-    "version": "0.0.0",
+    "version": "0.0.1",
     "description": "An adapter for the Tanstack React-Query library for @idb-orm",
     "main": "dist/index.js",
     "scripts": {