@covenant-rpc/react 0.3.0 → 0.5.0

package/dist/helpers.d.ts

@@ -0,0 +1,8 @@
+import type { AsyncHook } from ".";
+export type CallbackFunction<T> = () => T;
+export declare function useDataStream<T>({ initialFetch, connect, disconnect }: {
+    initialFetch: () => Promise<T[]>;
+    connect: (callback: CallbackFunction<T>) => Promise<void>;
+    disconnect: () => void;
+}): AsyncHook<T[]>;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAkBnC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;AAY1C,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;IACtE,YAAY,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,CAsEjB"}

package/dist/helpers.js

@@ -0,0 +1,73 @@
+import { useEffect, useState } from "react";
+// useDataStream is best described by an example. Let's say we have a chatFunction which has two methods:
+//
+// getCurrentMessages: () => Promise<Message[]>
+// connectToUpdates: (onUpdate: () => Message): Promise<void> 
+// disconnect: () => void
+//
+// We want to fetch all messages as well as continue to listen to them. useDataStream should handle this
+// as well as various race conditions
+export function useDataStream({ initialFetch, connect, disconnect }) {
+    const [state, setState] = useState({
+        loading: true,
+        data: null,
+        error: null
+    });
+    useEffect(() => {
+        let isMounted = true;
+        let items = [];
+        let isConnecting = false;
+        const handleNewItem = (newItem) => {
+            if (!isMounted)
+                return;
+            // Add new item to the list
+            items = [...items, newItem];
+            setState({
+                loading: false,
+                data: items,
+                error: null
+            });
+        };
+        const initialize = async () => {
+            try {
+                // Fetch initial data first
+                const initialData = await initialFetch();
+                if (!isMounted)
+                    return;
+                items = initialData;
+                setState({
+                    loading: false,
+                    data: items,
+                    error: null
+                });
+                // Connect to updates
+                // Note: The type signature indicates CallbackFunction<T> = () => T,
+                // but the practical use case requires (newItem: T) => void
+                // Using type assertion to work with the expected runtime behavior
+                isConnecting = true;
+                await connect(handleNewItem);
+            }
+            catch (error) {
+                if (!isMounted)
+                    return;
+                setState({
+                    loading: false,
+                    data: null,
+                    error: {
+                        code: 500,
+                        message: error instanceof Error ? error.message : 'Unknown error'
+                    }
+                });
+            }
+        };
+        initialize();
+        return () => {
+            isMounted = false;
+            if (isConnecting) {
+                disconnect();
+            }
+        };
+    }, [initialFetch, connect, disconnect]);
+    return state;
+}
+//# sourceMappingURL=helpers.js.map

package/dist/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAoB5C,yGAAyG;AACzG,EAAE;AACF,+CAA+C;AAC/C,8DAA8D;AAC9D,yBAAyB;AACzB,EAAE;AACF,wGAAwG;AACxG,qCAAqC;AAErC,MAAM,UAAU,aAAa,CAAI,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAInE;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB;QACjD,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,IAAI,CAAC;QACrB,IAAI,KAAK,GAAQ,EAAE,CAAC;QACpB,IAAI,YAAY,GAAG,KAAK,CAAC;QAEzB,MAAM,aAAa,GAAG,CAAC,OAAU,EAAE,EAAE;YACnC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAEvB,2BAA2B;YAC3B,KAAK,GAAG,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,CAAC;YAC5B,QAAQ,CAAC;gBACP,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,IAAI;aACZ,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,IAAI,CAAC;gBACH,2BAA2B;gBAC3B,MAAM,WAAW,GAAG,MAAM,YAAY,EAAE,CAAC;gBAEzC,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAEvB,KAAK,GAAG,WAAW,CAAC;gBACpB,QAAQ,CAAC;oBACP,OAAO,EAAE,KAAK;oBACd,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,IAAI;iBACZ,CAAC,CAAC;gBAEH,qBAAqB;gBACrB,oEAAoE;gBACpE,2DAA2D;gBAC3D,kEAAkE;gBAClE,YAAY,GAAG,IAAI,CAAC;gBACpB,MAAM,OAAO,CAAC,aAAoB,CAAC,CAAC;YAEtC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAEvB,QAAQ,CAAC;oBACP,OAAO,EAAE,KAAK;oBACd,IAAI,EAAE,IAAI;oBACV,KAAK,EAAE;wBACL,IAAI,EAAE,GAAG;wBACT,OAAO,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe;qBAClE;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,UAAU,EAAE,CAAC;QAEb,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;YAClB,IAAI,YAAY,EAAE,CAAC;gBACjB,UAAU,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+import type { ProcedureMap, ChannelMap } from "@covenant-rpc/core";
+import { CovenantClient, type MutationKey, type QueryKey } from "@covenant-rpc/client";
+import type { InferProcedureInputs, InferProcedureOutputs } from "@covenant-rpc/core/procedure";
+export interface ReactProcedureError {
+    code: number;
+    message: string;
+}
+export type AsyncHook<T> = {
+    loading: true;
+    data: null;
+    error: null;
+} | {
+    loading: false;
+    data: T;
+    error: null;
+} | {
+    loading: false;
+    data: null;
+    error: ReactProcedureError;
+};
+export declare class CovenantReactClient<P extends ProcedureMap, C extends ChannelMap> extends CovenantClient<P, C> {
+    private cache;
+    private listenes;
+    useQuery<Q extends QueryKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>>;
+    useMutation<Q extends MutationKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>>;
+    useListenedQuery<Q extends QueryKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>>;
+    private createCachedQuery;
+    private getCacheKey;
+    private addCacheListener;
+    private removeCacheListener;
+    useCachedQuery<Q extends QueryKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>>;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAIhG,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,CAAC;CACb,GAAG;IACF,OAAO,EAAE,KAAK,CAAC;IACf,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,IAAI,CAAC;CACb,GAAG;IACF,OAAO,EAAE,KAAK,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAA;AAKD,qBAAa,mBAAmB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,UAAU,CAAE,SAAQ,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;IAEzG,OAAO,CAAC,KAAK,CAA0C;IACvD,OAAO,CAAC,QAAQ,CAAsC;IAEtD,QAAQ,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAqC7H,WAAW,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAqCnI,gBAAgB,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IA+BrI,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,mBAAmB;IAU3B,cAAc,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CA0BpI"}

package/dist/index.js

@@ -0,0 +1,154 @@
+import { CovenantClient } from "@covenant-rpc/client";
+import { useEffect, useState } from "react";
+export class CovenantReactClient extends CovenantClient {
+    // this is any becuse we have no other choice. You just gotta trust me on this one.
+    cache = new Map();
+    listenes = new Map();
+    useQuery(procedureName, inputs) {
+        const [state, setState] = useState({
+            loading: true,
+            data: null,
+            error: null,
+        });
+        useEffect(() => {
+            const fn = async () => {
+                setState({
+                    loading: true,
+                    data: null,
+                    error: null,
+                });
+                const response = await this.query(procedureName, inputs);
+                if (response.success) {
+                    setState({
+                        loading: false,
+                        data: response.data,
+                        error: null,
+                    });
+                }
+                else {
+                    setState({
+                        loading: false,
+                        data: null,
+                        error: response.error,
+                    });
+                }
+            };
+            fn();
+        }, [inputs]);
+        return state;
+    }
+    useMutation(procedureName, inputs) {
+        const [state, setState] = useState({
+            loading: true,
+            data: null,
+            error: null,
+        });
+        useEffect(() => {
+            const fn = async () => {
+                setState({
+                    loading: true,
+                    data: null,
+                    error: null,
+                });
+                const response = await this.mutate(procedureName, inputs);
+                if (response.success) {
+                    setState({
+                        loading: false,
+                        data: response.data,
+                        error: null,
+                    });
+                }
+                else {
+                    setState({
+                        loading: false,
+                        data: null,
+                        error: response.error,
+                    });
+                }
+            };
+            fn();
+        }, [inputs]);
+        return state;
+    }
+    useListenedQuery(procedureName, inputs) {
+        const [state, setState] = useState({
+            loading: true,
+            data: null,
+            error: null,
+        });
+        useEffect(() => {
+            return this.listen(procedureName, inputs, ({ data, error }) => {
+                if (error !== null) {
+                    setState({
+                        loading: false,
+                        error: error,
+                        data: null,
+                    });
+                }
+                else {
+                    setState({
+                        loading: false,
+                        error: null,
+                        data: data,
+                    });
+                }
+            });
+        }, [inputs]);
+        return state;
+    }
+    createCachedQuery(procedureName, inputs) {
+        this.listen(procedureName, inputs, ({ data, error }) => {
+            const state = error === null ? {
+                loading: false,
+                error: null,
+                data: data
+            } : {
+                loading: false,
+                error: error,
+                data: null,
+            };
+            const key = this.getCacheKey(String(procedureName), inputs);
+            const listeners = this.listenes.get(key) ?? [];
+            this.cache.set(key, state);
+            for (const l of listeners) {
+                l(state);
+            }
+        });
+    }
+    getCacheKey(procedureName, inputs) {
+        return `${procedureName}-${JSON.stringify(inputs)}`;
+    }
+    addCacheListener(key, l) {
+        const current = this.listenes.get(key) ?? [];
+        current.push(l);
+        this.listenes.set(key, current);
+    }
+    removeCacheListener(listener) {
+        for (const [k, v] of this.listenes) {
+            if (v.find(l => l === listener) !== undefined) {
+                const n = v.filter(l => l !== listener);
+                this.listenes.set(k, n);
+            }
+        }
+    }
+    useCachedQuery(procedureName, inputs) {
+        const k = this.getCacheKey(String(procedureName), inputs);
+        const [state, setState] = useState(this.cache.has(k) ? this.cache.get(k) : {
+            loading: true,
+            data: null,
+            error: null,
+        });
+        useEffect(() => {
+            // we have to refetch the key in case inputs changed
+            const newKey = this.getCacheKey(String(procedureName), inputs);
+            if (!this.cache.has(k)) {
+                this.createCachedQuery(procedureName, inputs);
+            }
+            const l = (s) => setState(s);
+            this.addCacheListener(newKey, l);
+            return () => this.removeCacheListener(l);
+        }, [setState, inputs]);
+        return state;
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,8 +1,17 @@
 {
   "name": "@covenant-rpc/react",
-  "module": "index.ts",
+  "module": "./dist/index.js",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.5.0",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "bun ../../scripts/build-package.ts ."
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -11,7 +20,11 @@
   },
   "dependencies": {
     "react": "^19.1.1",
-    "@covenant-rpc/core": "^0.3.0",
-    "@covenant-rpc/client": "^0.3.0"
-  }
+    "@covenant-rpc/core": "^0.5.0",
+    "@covenant-rpc/client": "^0.5.0"
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ]
 }

package/CLAUDE.md

@@ -1,107 +0,0 @@
----
-
-Default to using Bun instead of Node.js.
-
-- Use `bun <file>` instead of `node <file>` or `ts-node <file>`
-- Use `bun test` instead of `jest` or `vitest`
-- Use `bun build <file.html|file.ts|file.css>` instead of `webpack` or `esbuild`
-- Use `bun install` instead of `npm install` or `yarn install` or `pnpm install`
-- Use `bun run <script>` instead of `npm run <script>` or `yarn run <script>` or `pnpm run <script>`
-- Bun automatically loads .env, so don't use dotenv.
-
-## APIs
-
-- `Bun.serve()` supports WebSockets, HTTPS, and routes. Don't use `express`.
-- `bun:sqlite` for SQLite. Don't use `better-sqlite3`.
-- `Bun.redis` for Redis. Don't use `ioredis`.
-- `Bun.sql` for Postgres. Don't use `pg` or `postgres.js`.
-- `WebSocket` is built-in. Don't use `ws`.
-- Prefer `Bun.file` over `node:fs`'s readFile/writeFile
-- Bun.$`ls` instead of execa.
-
-## Testing
-
-Use `bun test` to run tests.
-
-```ts#index.test.ts
-import { test, expect } from "bun:test";
-
-test("hello world", () => {
-  expect(1).toBe(1);
-});
-```
-
-## Frontend
-
-Use HTML imports with `Bun.serve()`. Don't use `vite`. HTML imports fully support React, CSS, Tailwind.
-
-Server:
-
-```ts#index.ts
-import index from "./index.html"
-
-Bun.serve({
-  routes: {
-    "/": index,
-    "/api/users/:id": {
-      GET: (req) => {
-        return new Response(JSON.stringify({ id: req.params.id }));
-      },
-    },
-  },
-  // optional websocket support
-  websocket: {
-    open: (ws) => {
-      ws.send("Hello, world!");
-    },
-    message: (ws, message) => {
-      ws.send(message);
-    },
-    close: (ws) => {
-      // handle close
-    }
-  },
-  development: {
-    hmr: true,
-    console: true,
-  }
-})
-```
-
-HTML files can import .tsx, .jsx or .js files directly and Bun's bundler will transpile & bundle automatically. `<link>` tags can point to stylesheets and Bun's CSS bundler will bundle.
-
-```html#index.html
-<html>
-  <body>
-    <h1>Hello, world!</h1>
-    <script type="module" src="./frontend.tsx"></script>
-  </body>
-</html>
-```
-
-With the following `frontend.tsx`:
-
-```tsx#frontend.tsx
-import React from "react";
-
-// import .css files directly and it works
-import './index.css';
-
-import { createRoot } from "react-dom/client";
-
-const root = createRoot(document.body);
-
-export default function Frontend() {
-  return <h1>Hello, world!</h1>;
-}
-
-root.render(<Frontend />);
-```
-
-Then, run index.ts
-
-```sh
-bun --hot ./index.ts
-```
-
-For more information, read the Bun API docs in `node_modules/bun-types/docs/**.md`.

package/helpers.ts

@@ -1,105 +0,0 @@
-import type { AsyncHook } from ".";
-import { useEffect, useState } from "react";
-// definition for AsyncHook:
-// export type AsyncHook<T> = {
-//   loading: true,
-//   data: null,
-//   error: null,
-// } | {
-//   loading: false,
-//   data: T,
-//   error: null,
-// } | {
-//   loading: false,
-//   data: null,
-//   error: ReactProcedureError,
-// }
-
-
-export type CallbackFunction<T> = () => T;
-
-
-// useDataStream is best described by an example. Let's say we have a chatFunction which has two methods:
-//
-// getCurrentMessages: () => Promise<Message[]>
-// connectToUpdates: (onUpdate: () => Message): Promise<void> 
-// disconnect: () => void
-//
-// We want to fetch all messages as well as continue to listen to them. useDataStream should handle this
-// as well as various race conditions
-
-export function useDataStream<T>({ initialFetch, connect, disconnect }: {
-  initialFetch: () => Promise<T[]>,
-  connect: (callback: CallbackFunction<T>) => Promise<void>,
-  disconnect: () => void
-}): AsyncHook<T[]> {
-  const [state, setState] = useState<AsyncHook<T[]>>({
-    loading: true,
-    data: null,
-    error: null
-  });
-
-  useEffect(() => {
-    let isMounted = true;
-    let items: T[] = [];
-    let isConnecting = false;
-
-    const handleNewItem = (newItem: T) => {
-      if (!isMounted) return;
-
-      // Add new item to the list
-      items = [...items, newItem];
-      setState({
-        loading: false,
-        data: items,
-        error: null
-      });
-    };
-
-    const initialize = async () => {
-      try {
-        // Fetch initial data first
-        const initialData = await initialFetch();
-
-        if (!isMounted) return;
-
-        items = initialData;
-        setState({
-          loading: false,
-          data: items,
-          error: null
-        });
-
-        // Connect to updates
-        // Note: The type signature indicates CallbackFunction<T> = () => T,
-        // but the practical use case requires (newItem: T) => void
-        // Using type assertion to work with the expected runtime behavior
-        isConnecting = true;
-        await connect(handleNewItem as any);
-
-      } catch (error) {
-        if (!isMounted) return;
-
-        setState({
-          loading: false,
-          data: null,
-          error: {
-            code: 500,
-            message: error instanceof Error ? error.message : 'Unknown error'
-          }
-        });
-      }
-    };
-
-    initialize();
-
-    return () => {
-      isMounted = false;
-      if (isConnecting) {
-        disconnect();
-      }
-    };
-  }, [initialFetch, connect, disconnect]);
-
-  return state;
-}

package/index.ts

@@ -1,209 +0,0 @@
-import type { ProcedureMap, ChannelMap } from "@covenant-rpc/core";
-import { CovenantClient, type MutationKey, type QueryKey } from "@covenant-rpc/client";
-import type { InferProcedureInputs, InferProcedureOutputs } from "@covenant-rpc/core/procedure";
-import { useEffect, useState } from "react";
-
-
-export interface ReactProcedureError {
-  code: number;
-  message: string;
-}
-
-export type AsyncHook<T> = {
-  loading: true,
-  data: null,
-  error: null,
-} | {
-  loading: false,
-  data: T,
-  error: null,
-} | {
-  loading: false,
-  data: null,
-  error: ReactProcedureError,
-}
-
-type Listener = (k: AsyncHook<any>) => void;
-
-
-export class CovenantReactClient<P extends ProcedureMap, C extends ChannelMap> extends CovenantClient<P, C> {
-  // this is any becuse we have no other choice. You just gotta trust me on this one.
-  private cache: Map<string, AsyncHook<any>> = new Map();
-  private listenes: Map<string, Listener[]> = new Map();
-
-  useQuery<Q extends QueryKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>> {
-    const [state, setState] = useState<AsyncHook<InferProcedureOutputs<P[Q]>>>({
-      loading: true,
-      data: null,
-      error: null,
-    });
-
-    useEffect(() => {
-      const fn = async () => {
-        setState({
-          loading: true,
-          data: null,
-          error: null,
-        });
-
-        const response = await this.query(procedureName, inputs);
-
-        if (response.success) {
-          setState({
-            loading: false,
-            data: response.data,
-            error: null,
-          });
-        } else {
-          setState({
-            loading: false,
-            data: null,
-            error: response.error,
-          });
-        }
-      }
-      fn();
-    }, [inputs]);
-
-    return state;
-  }
-
-  useMutation<Q extends MutationKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>> {
-    const [state, setState] = useState<AsyncHook<InferProcedureOutputs<P[Q]>>>({
-      loading: true,
-      data: null,
-      error: null,
-    });
-
-    useEffect(() => {
-      const fn = async () => {
-        setState({
-          loading: true,
-          data: null,
-          error: null,
-        });
-
-        const response = await this.mutate(procedureName, inputs);
-
-        if (response.success) {
-          setState({
-            loading: false,
-            data: response.data,
-            error: null,
-          });
-        } else {
-          setState({
-            loading: false,
-            data: null,
-            error: response.error,
-          });
-        }
-      }
-      fn();
-    }, [inputs]);
-
-    return state;
-  }
-
-  useListenedQuery<Q extends QueryKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>> {
-    const [state, setState] = useState<AsyncHook<InferProcedureOutputs<P[Q]>>>({
-      loading: true,
-      data: null,
-      error: null,
-    });
-
-
-    useEffect(() => {
-      return this.listen(procedureName, inputs, ({ data, error }) => {
-
-        if (error !== null) {
-          setState({
-            loading: false,
-            error: error,
-            data: null,
-          });
-        } else {
-          setState({
-            loading: false,
-            error: null,
-            data: data,
-          });
-        }
-      });
-    }, [inputs])
-
-
-    return state;
-  }
-
-  private createCachedQuery<Q extends QueryKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>) {
-    this.listen(procedureName, inputs, ({ data, error }) => {
-      const state: AsyncHook<InferProcedureOutputs<P[Q]>> = error === null ? {
-        loading: false,
-        error: null,
-        data: data
-      } : {
-        loading: false,
-        error: error,
-        data: null,
-      }
-      const key = this.getCacheKey(String(procedureName), inputs);
-
-      const listeners = this.listenes.get(key) ?? [];
-      this.cache.set(key, state);
-
-      for (const l of listeners) {
-        l(state);
-      }
-    })
-  }
-
-  private getCacheKey(procedureName: string, inputs: any) {
-    return `${procedureName}-${JSON.stringify(inputs)}`;
-  }
-
-  private addCacheListener(key: string, l: Listener) {
-    const current = this.listenes.get(key) ?? [];
-    current.push(l);
-    this.listenes.set(key, current);
-  }
-  private removeCacheListener(listener: Listener) {
-    for (const [k, v] of this.listenes) {
-      if (v.find(l => l === listener) !== undefined) {
-        const n = v.filter(l => l !== listener);
-        this.listenes.set(k, n);
-      }
-    }
-  }
-
-
-  useCachedQuery<Q extends QueryKey<P>>(procedureName: Q, inputs: InferProcedureInputs<P[Q]>): AsyncHook<InferProcedureOutputs<P[Q]>> {
-    const k = this.getCacheKey(String(procedureName), inputs);
-    const [state, setState] = useState<AsyncHook<InferProcedureOutputs<P[Q]>>>(this.cache.has(k) ? this.cache.get(k)! : {
-      loading: true,
-      data: null,
-      error: null,
-    });
-
-    useEffect(() => {
-      // we have to refetch the key in case inputs changed
-      const newKey = this.getCacheKey(String(procedureName), inputs);
-
-      if (!this.cache.has(k)) {
-        this.createCachedQuery(procedureName, inputs);
-      }
-      const l: Listener = (s) => setState(s);
-
-      this.addCacheListener(newKey, l);
-
-      return () => this.removeCacheListener(l);
-
-    }, [setState, inputs]);
-
-
-    return state;
-  }
-}
-
-
-

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    // Environment setup & latest features
-    "lib": ["ESNext"],
-    "target": "ESNext",
-    "module": "Preserve",
-    "moduleDetection": "force",
-    "jsx": "react-jsx",
-    "allowJs": true,
-
-    // Bundler mode
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "noEmit": true,
-
-    // Best practices
-    "strict": true,
-    "skipLibCheck": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedIndexedAccess": true,
-    "noImplicitOverride": true,
-
-    // Some stricter flags (disabled by default)
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "noPropertyAccessFromIndexSignature": false
-  }
-}