feat(Models): support dependencies for ListQueryModels

packages/models/src/base/ListQueryModel.ts

@@ -1,11 +1,17 @@
 import { hash } from "object-code";
+import { joinedId } from "../lib/joinedId.js";
+
+interface Options {
+  dependencies?: string[];
+}
 
 export abstract class ListQueryModel<TQuery> {
   protected readonly query: TQuery;
   public readonly queryId: string;
 
-  public constructor(query: TQuery) {
+  public constructor(query: TQuery, opts: Options = {}) {
+    const { dependencies = [] } = opts;
     this.query = query;
-    this.queryId = hash(query).toString();
+    this.queryId = joinedId(hash(query), ...dependencies);
   }
 }

packages/models/src/lib/joinedId.ts

@@ -0,0 +1 @@
+export const joinedId = (...parts: Array<number | string>) => parts.join(" | ");

packages/models/src/react/provideReact.ts

@@ -2,24 +2,19 @@ import { AsyncResource, reactUsePromise } from "./reactUsePromise.js";
 import { AsyncReturnType } from "type-fest";
 import { hash } from "object-code";
 import { reactProvisionContext } from "./reactProvisionContext.js";
+import { joinedId } from "../lib/joinedId.js";
 
 type AsyncFn = (...args: any[]) => Promise<unknown>;
 
 export const provideReact = <T extends AsyncFn>(
   loader: T,
-  dependencies?: string[],
+  dependencies: string[] = [],
 ) => {
   type P = Parameters<T>;
-  const provisionId = String(
-    hash({
-      loader,
-      dependencies,
-    }),
-  );
+  const provisionId = joinedId(hash(loader), ...dependencies);
 
   const getAsyncResource = (params: P) => {
-    const paramsHash = params && params.length > 0 ? String(hash(params)) : "";
-    const contextId = provisionId + paramsHash;
+    const contextId = joinedId(provisionId, hash(params));
 
     const loaderWithContext = reactProvisionContext.bind(
       {