@powerhousedao/reactor-browser 6.2.0-dev.5 → 6.2.0-dev.50

package/dist/inspector-proxy-CvQDDxmT.d.ts

@@ -0,0 +1,255 @@
+//#region src/rpc/protocol.d.ts
+type CorrelationId = string;
+type ErrorInfo = {
+  name: string;
+  message: string;
+  stack?: string;
+  cause?: ErrorInfo;
+};
+type RpcRequest = {
+  k: "req";
+  id: CorrelationId;
+  method: string;
+  args: unknown[];
+  abortAt?: number;
+};
+type RpcResponse = {
+  k: "res";
+  id: CorrelationId;
+  value: unknown;
+};
+type RpcError = {
+  k: "err";
+  id: CorrelationId;
+  error: ErrorInfo;
+};
+/** Failed document subscribe; routed to the change-subscription registry. */
+type RpcSubError = {
+  k: "sub-err";
+  id: CorrelationId;
+  error: ErrorInfo;
+};
+/** Failed live query; routed to the live-query registry. */
+type RpcLiveError = {
+  k: "live-err";
+  id: CorrelationId;
+  error: ErrorInfo;
+};
+type RpcAbort = {
+  k: "abort";
+  targetId: CorrelationId;
+};
+type RpcSubscribe = {
+  k: "sub";
+  id: CorrelationId;
+  search: unknown;
+  view?: unknown;
+};
+type RpcEvent = {
+  k: "event";
+  id: CorrelationId;
+  change: unknown;
+};
+type RpcUnsub = {
+  k: "unsub";
+  id: CorrelationId;
+};
+type RpcNextPage = {
+  k: "page";
+  id: CorrelationId;
+  token: string;
+};
+declare const RPC_PROTOCOL_VERSION = 2;
+type VersionFingerprint = {
+  appBuildId: string;
+  rpcProtocolVersion: number;
+  models: {
+    id: string;
+    version: number;
+  }[];
+};
+type RpcHello = {
+  k: "hello";
+  id: CorrelationId;
+  version: VersionFingerprint;
+  construct?: unknown;
+  packages?: string[];
+};
+type RpcRegisterPackages = {
+  k: "register-packages";
+  id: CorrelationId;
+  specs: string[];
+};
+type RpcUnregisterPackages = {
+  k: "unregister-packages";
+  id: CorrelationId;
+  names: string[];
+};
+type RpcReload = {
+  k: "reload";
+  reason: string;
+  workerGen?: string;
+};
+type RpcAdmin = {
+  k: "admin";
+  id: CorrelationId;
+  method: "info" | "restart" | "clearStorage" | "migrate";
+};
+type WorkerMigrationState = {
+  status: "idle" | "needed" | "migrating" | "failed";
+  legacyMajor?: number;
+  phase?: "clone" | "dump" | "restore";
+  error?: string;
+};
+type RpcMigration = {
+  k: "migration";
+  state: WorkerMigrationState;
+};
+type WorkerInspectorInfo = {
+  namespace: string;
+  ownerId: string;
+  bootedAtMs: number;
+  connectedClients: number;
+  appBuildId: string;
+  rpcProtocolVersion: number;
+};
+type ReactorIdentity = {
+  address: string;
+  chainId: number;
+  networkId: string;
+};
+type RpcIdentity = {
+  k: "identity";
+  user: ReactorIdentity | null;
+};
+type RpcBusEvent = {
+  k: "bus-event";
+  eventType: number;
+  event: unknown;
+};
+type OpKind = "sync-op" | "db-op" | "inspector-op";
+type MethodCallMessage<K extends OpKind> = {
+  k: K;
+  id: CorrelationId;
+  method: string;
+  args: unknown[];
+};
+type RpcSyncOp = MethodCallMessage<"sync-op">;
+type RpcDbOp = MethodCallMessage<"db-op">;
+type RpcInspectorOp = MethodCallMessage<"inspector-op">;
+type RpcLiveSubscribe = {
+  k: "sub-live";
+  id: CorrelationId;
+  sql: string;
+  params: unknown[];
+};
+type RpcLiveEvent = {
+  k: "event-live";
+  id: CorrelationId;
+  results: unknown;
+};
+type RpcLiveUnsub = {
+  k: "unsub-live";
+  id: CorrelationId;
+};
+type RpcPing = {
+  k: "ping";
+  id: CorrelationId;
+};
+type RpcPong = {
+  k: "pong";
+  id: CorrelationId;
+  ownerId: string;
+  bootedAtMs: number;
+};
+type ClientMessage = RpcRequest | RpcAbort | RpcSubscribe | RpcUnsub | RpcNextPage | RpcHello | RpcRegisterPackages | RpcUnregisterPackages | RpcIdentity | RpcAdmin | RpcSyncOp | RpcDbOp | RpcInspectorOp | RpcLiveSubscribe | RpcLiveUnsub | RpcPing;
+type OwnerMessage = RpcResponse | RpcError | RpcSubError | RpcLiveError | RpcEvent | RpcReload | RpcBusEvent | RpcLiveEvent | RpcMigration | RpcPong;
+type RpcMessage = ClientMessage | OwnerMessage;
+//#endregion
+//#region src/rpc/rpc-correlator.d.ts
+type RpcRequestOptions = {
+  /** Reject if no response arrives within this many ms; omit for no timeout. */timeoutMs?: number; /** Maps a successful response value (e.g. paged-result rehydration). */
+  transform?: (value: unknown) => unknown; /** Runs after the post; may return a cleanup invoked when the request settles. */
+  setup?: (id: CorrelationId) => (() => void) | void;
+};
+/** Anything that can send a client message (the router). */
+type RpcPoster = {
+  post(message: ClientMessage): void;
+};
+/**
+ * Request/response correlation shared by every RPC proxy: one pending map,
+ * res/err settlement, and per-request timeout/transform/cleanup.
+ */
+declare class RpcCorrelator {
+  private readonly poster;
+  private readonly prefix;
+  private counter;
+  private readonly pending;
+  constructor(poster: RpcPoster, prefix?: string);
+  nextId(): CorrelationId;
+  /** Settle the pending request a res/err refers to; a missing id is a no-op. */
+  handleMessage(message: OwnerMessage): void;
+  /** Send a request, resolving on its res/err. `build` stamps the generated id. */
+  request(build: (id: CorrelationId) => ClientMessage, options?: RpcRequestOptions): Promise<unknown>;
+}
+//#endregion
+//#region src/rpc/transport.d.ts
+interface IRpcTransport {
+  post(message: RpcMessage): void;
+  onMessage(listener: (message: RpcMessage) => void): () => void;
+  close(): void;
+}
+declare function createPortTransport(port: MessagePort): IRpcTransport;
+//#endregion
+//#region src/rpc/message-router.d.ts
+type OwnerKind = OwnerMessage["k"];
+/**
+ * Owns the single transport.onMessage and dispatches each message to the one
+ * consumer that owns its kind. Composes the shared RpcCorrelator (res/err) and
+ * exposes request/nextId; attach/detach swap the transport for reconnect.
+ */
+declare class MessageRouter {
+  private readonly handlers;
+  private readonly correlator;
+  private transport;
+  private detachTransport;
+  constructor(prefix?: string);
+  attach(transport: IRpcTransport): void;
+  detach(): void;
+  post(message: ClientMessage): void;
+  /** Register the sole owner of a message kind; throws on a duplicate. */
+  on<K extends OwnerKind>(kind: K, handler: (message: Extract<OwnerMessage, {
+    k: K;
+  }>) => void): () => void;
+  request(build: (id: CorrelationId) => ClientMessage, options?: RpcRequestOptions): Promise<unknown>;
+  nextId(): CorrelationId;
+}
+//#endregion
+//#region src/rpc/admin-client.d.ts
+interface IWorkerAdminClient {
+  info(): Promise<WorkerInspectorInfo>;
+  restart(): Promise<void>;
+  clearStorage(): Promise<void>;
+  migrate(): Promise<void>;
+  getMigrationState(): WorkerMigrationState;
+  subscribeMigration(callback: () => void): () => void;
+}
+/** Worker lifecycle channel (info/restart/clearStorage/migrate) over the shared router. */
+declare function createWorkerAdminClient(router: MessageRouter): IWorkerAdminClient;
+//#endregion
+//#region src/rpc/inspector-proxy.d.ts
+interface IInspectorProxy {
+  getQueueState(): Promise<unknown>;
+  pauseQueue(): Promise<void>;
+  resumeQueue(): Promise<void>;
+  getProcessors(): Promise<unknown>;
+  retryProcessor(processorId: string): Promise<void>;
+  validateDocument(documentId: string, branch?: string): Promise<unknown>;
+  rebuildKeyframes(documentId: string, branch?: string): Promise<unknown>;
+  rebuildSnapshots(documentId: string, branch?: string): Promise<unknown>;
+  queryReactorDb(sql: string, params?: unknown[]): Promise<unknown>;
+}
+declare function createInspectorProxy(router: MessageRouter): IInspectorProxy;
+//#endregion
+export { RpcMessage as C, WorkerMigrationState as E, RpcLiveUnsub as S, WorkerInspectorInfo as T, RPC_PROTOCOL_VERSION as _, MessageRouter as a, RpcLiveEvent as b, RpcCorrelator as c, ClientMessage as d, CorrelationId as f, OwnerMessage as g, OpKind as h, createWorkerAdminClient as i, RpcPoster as l, MethodCallMessage as m, createInspectorProxy as n, IRpcTransport as o, ErrorInfo as p, IWorkerAdminClient as r, createPortTransport as s, IInspectorProxy as t, RpcRequestOptions as u, ReactorIdentity as v, VersionFingerprint as w, RpcLiveSubscribe as x, RpcDbOp as y };
+//# sourceMappingURL=inspector-proxy-CvQDDxmT.d.ts.map

package/dist/inspector-proxy-CvQDDxmT.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-proxy-CvQDDxmT.d.ts","names":[],"sources":["../src/rpc/protocol.ts","../src/rpc/rpc-correlator.ts","../src/rpc/transport.ts","../src/rpc/message-router.ts","../src/rpc/admin-client.ts","../src/rpc/inspector-proxy.ts"],"mappings":"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"}

package/dist/{make-ph-event-functions-DwiD1zH9.js → make-ph-event-functions-BHoLPif5.js}

@@ -1,5 +1,5 @@
-import { useSyncExternalStore } from "react";
 import { capitalCase } from "change-case";
+import { useSyncExternalStore } from "react";
 //#region src/hooks/make-ph-event-functions.ts
 const isServer = typeof window === "undefined";
 function makePHEventFunctions(key) {
@@ -50,4 +50,4 @@ function makePHEventFunctions(key) {
 //#endregion
 export { makePHEventFunctions as t };
 
-//# sourceMappingURL=make-ph-event-functions-DwiD1zH9.js.map
+//# sourceMappingURL=make-ph-event-functions-BHoLPif5.js.map

package/dist/{make-ph-event-functions-DwiD1zH9.js.map → make-ph-event-functions-BHoLPif5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"make-ph-event-functions-DwiD1zH9.js","names":[],"sources":["../src/hooks/make-ph-event-functions.ts"],"sourcesContent":["import type {\n  PHGlobal,\n  PHGlobalKey,\n  SetEvent,\n} from \"@powerhousedao/reactor-browser\";\nimport { capitalCase } from \"change-case\";\nimport { useSyncExternalStore } from \"react\";\n\n// guard condition for server side rendering\nconst isServer = typeof window === \"undefined\";\n\nexport function makePHEventFunctions<TKey extends PHGlobalKey>(key: TKey) {\n  const setEventName = `ph:set${capitalCase(key)}` as const;\n  const updateEventName = `ph:${key}Updated` as const;\n\n  function setValue(value: PHGlobal[TKey] | undefined) {\n    if (isServer) {\n      return;\n    }\n    const event = new CustomEvent(setEventName, {\n      detail: { [key]: value },\n    });\n    window.dispatchEvent(event);\n  }\n\n  function dispatchUpdatedEvent() {\n    if (isServer) {\n      return;\n    }\n    const event = new CustomEvent(updateEventName);\n    window.dispatchEvent(event);\n  }\n\n  function handleSetValueEvent(event: SetEvent<TKey>) {\n    if (isServer) {\n      return;\n    }\n    const value = event.detail[key];\n    if (!window.ph) {\n      window.ph = {};\n    }\n    window.ph[key] = value;\n    dispatchUpdatedEvent();\n  }\n\n  function addEventHandler() {\n    if (isServer) {\n      return;\n    }\n    window.addEventListener(setEventName, handleSetValueEvent as EventListener);\n  }\n\n  function subscribeToValue(onStoreChange: () => void) {\n    if (isServer) return () => {};\n    window.addEventListener(updateEventName, onStoreChange);\n    return () => {\n      window.removeEventListener(updateEventName, onStoreChange);\n    };\n  }\n\n  function getSnapshot() {\n    if (isServer) {\n      return undefined;\n    }\n    // The store is legitimately read before the first `setValue` (subscribers\n    // mount before init runs), so an uninitialized store is expected, not an\n    // error — return `undefined` quietly rather than warning on every render.\n    return window.ph?.[key];\n  }\n\n  function getServerSnapshot() {\n    return undefined;\n  }\n\n  function useValue() {\n    return useSyncExternalStore(\n      subscribeToValue,\n      getSnapshot,\n      getServerSnapshot,\n    );\n  }\n\n  return {\n    useValue,\n    setValue,\n    addEventHandler,\n  };\n}\n"],"mappings":";;;AASA,MAAM,WAAW,OAAO,WAAW;AAEnC,SAAgB,qBAA+C,KAAW;CACxE,MAAM,eAAe,SAAS,YAAY,IAAI;CAC9C,MAAM,kBAAkB,MAAM,IAAI;CAElC,SAAS,SAAS,OAAmC;AACnD,MAAI,SACF;EAEF,MAAM,QAAQ,IAAI,YAAY,cAAc,EAC1C,QAAQ,GAAG,MAAM,OAAO,EACzB,CAAC;AACF,SAAO,cAAc,MAAM;;CAG7B,SAAS,uBAAuB;AAC9B,MAAI,SACF;EAEF,MAAM,QAAQ,IAAI,YAAY,gBAAgB;AAC9C,SAAO,cAAc,MAAM;;CAG7B,SAAS,oBAAoB,OAAuB;AAClD,MAAI,SACF;EAEF,MAAM,QAAQ,MAAM,OAAO;AAC3B,MAAI,CAAC,OAAO,GACV,QAAO,KAAK,EAAE;AAEhB,SAAO,GAAG,OAAO;AACjB,wBAAsB;;CAGxB,SAAS,kBAAkB;AACzB,MAAI,SACF;AAEF,SAAO,iBAAiB,cAAc,oBAAqC;;CAG7E,SAAS,iBAAiB,eAA2B;AACnD,MAAI,SAAU,cAAa;AAC3B,SAAO,iBAAiB,iBAAiB,cAAc;AACvD,eAAa;AACX,UAAO,oBAAoB,iBAAiB,cAAc;;;CAI9D,SAAS,cAAc;AACrB,MAAI,SACF;AAKF,SAAO,OAAO,KAAK;;CAGrB,SAAS,oBAAoB;CAI7B,SAAS,WAAW;AAClB,SAAO,qBACL,kBACA,aACA,kBACD;;AAGH,QAAO;EACL;EACA;EACA;EACD"}
+{"version":3,"file":"make-ph-event-functions-BHoLPif5.js","names":[],"sources":["../src/hooks/make-ph-event-functions.ts"],"sourcesContent":["import type {\n  PHGlobal,\n  PHGlobalKey,\n  SetEvent,\n} from \"@powerhousedao/reactor-browser\";\nimport { capitalCase } from \"change-case\";\nimport { useSyncExternalStore } from \"react\";\n\n// guard condition for server side rendering\nconst isServer = typeof window === \"undefined\";\n\nexport function makePHEventFunctions<TKey extends PHGlobalKey>(key: TKey) {\n  const setEventName = `ph:set${capitalCase(key)}` as const;\n  const updateEventName = `ph:${key}Updated` as const;\n\n  function setValue(value: PHGlobal[TKey] | undefined) {\n    if (isServer) {\n      return;\n    }\n    const event = new CustomEvent(setEventName, {\n      detail: { [key]: value },\n    });\n    window.dispatchEvent(event);\n  }\n\n  function dispatchUpdatedEvent() {\n    if (isServer) {\n      return;\n    }\n    const event = new CustomEvent(updateEventName);\n    window.dispatchEvent(event);\n  }\n\n  function handleSetValueEvent(event: SetEvent<TKey>) {\n    if (isServer) {\n      return;\n    }\n    const value = event.detail[key];\n    if (!window.ph) {\n      window.ph = {};\n    }\n    window.ph[key] = value;\n    dispatchUpdatedEvent();\n  }\n\n  function addEventHandler() {\n    if (isServer) {\n      return;\n    }\n    window.addEventListener(setEventName, handleSetValueEvent as EventListener);\n  }\n\n  function subscribeToValue(onStoreChange: () => void) {\n    if (isServer) return () => {};\n    window.addEventListener(updateEventName, onStoreChange);\n    return () => {\n      window.removeEventListener(updateEventName, onStoreChange);\n    };\n  }\n\n  function getSnapshot() {\n    if (isServer) {\n      return undefined;\n    }\n    // The store is legitimately read before the first `setValue` (subscribers\n    // mount before init runs), so an uninitialized store is expected, not an\n    // error — return `undefined` quietly rather than warning on every render.\n    return window.ph?.[key];\n  }\n\n  function getServerSnapshot() {\n    return undefined;\n  }\n\n  function useValue() {\n    return useSyncExternalStore(\n      subscribeToValue,\n      getSnapshot,\n      getServerSnapshot,\n    );\n  }\n\n  return {\n    useValue,\n    setValue,\n    addEventHandler,\n  };\n}\n"],"mappings":";;;AASA,MAAM,WAAW,OAAO,WAAW;AAEnC,SAAgB,qBAA+C,KAAW;CACxE,MAAM,eAAe,SAAS,YAAY,IAAI;CAC9C,MAAM,kBAAkB,MAAM,IAAI;CAElC,SAAS,SAAS,OAAmC;AACnD,MAAI,SACF;EAEF,MAAM,QAAQ,IAAI,YAAY,cAAc,EAC1C,QAAQ,GAAG,MAAM,OAAO,EACzB,CAAC;AACF,SAAO,cAAc,MAAM;;CAG7B,SAAS,uBAAuB;AAC9B,MAAI,SACF;EAEF,MAAM,QAAQ,IAAI,YAAY,gBAAgB;AAC9C,SAAO,cAAc,MAAM;;CAG7B,SAAS,oBAAoB,OAAuB;AAClD,MAAI,SACF;EAEF,MAAM,QAAQ,MAAM,OAAO;AAC3B,MAAI,CAAC,OAAO,GACV,QAAO,KAAK,EAAE;AAEhB,SAAO,GAAG,OAAO;AACjB,wBAAsB;;CAGxB,SAAS,kBAAkB;AACzB,MAAI,SACF;AAEF,SAAO,iBAAiB,cAAc,oBAAqC;;CAG7E,SAAS,iBAAiB,eAA2B;AACnD,MAAI,SAAU,cAAa;AAC3B,SAAO,iBAAiB,iBAAiB,cAAc;AACvD,eAAa;AACX,UAAO,oBAAoB,iBAAiB,cAAc;;;CAI9D,SAAS,cAAc;AACrB,MAAI,SACF;AAKF,SAAO,OAAO,KAAK;;CAGrB,SAAS,oBAAoB;CAI7B,SAAS,WAAW;AAClB,SAAO,qBACL,kBACA,aACA,kBACD;;AAGH,QAAO;EACL;EACA;EACA;EACD"}

package/dist/{relational-4_LVwp8p.js → relational-Dj06-YkI.js}

@@ -19,6 +19,18 @@ const usePGliteDB = () => {
 	}, []);
 	return state;
 };
+function setPGliteDB(pglite) {
+	const currentPowerhouse = window.powerhouse ?? {};
+	const currentPGliteState = window.powerhouse?.pglite ?? defaultPGliteState;
+	window.powerhouse = {
+		...currentPowerhouse,
+		pglite: {
+			...currentPGliteState,
+			...pglite
+		}
+	};
+	window.dispatchEvent(new CustomEvent(PGLITE_UPDATE_EVENT));
+}
 //#endregion
 //#region src/relational/hooks/useRelationalDb.ts
 function createRelationalDbWithLive(pgliteInstance) {
@@ -118,6 +130,6 @@ function createProcessorQuery(ProcessorClass) {
 	return useQuery;
 }
 //#endregion
-export { useRelationalQuery as n, useRelationalDb as r, createProcessorQuery as t };
+export { setPGliteDB as i, useRelationalQuery as n, useRelationalDb as r, createProcessorQuery as t };
 
-//# sourceMappingURL=relational-4_LVwp8p.js.map
+//# sourceMappingURL=relational-Dj06-YkI.js.map

package/dist/relational-Dj06-YkI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relational-Dj06-YkI.js","names":[],"sources":["../src/pglite/usePGlite.ts","../src/relational/hooks/useRelationalDb.ts","../src/relational/hooks/useRelationalQuery.ts","../src/relational/utils/createProcessorQuery.ts"],"sourcesContent":["import type { PGliteWithLive } from \"@electric-sql/pglite/live\";\nimport { useEffect, useState } from \"react\";\n\nexport const PGLITE_UPDATE_EVENT = \"ph:pglite-update\";\n\nexport interface PGliteState {\n  db: PGliteWithLive | null;\n  isLoading: boolean;\n  error: Error | null;\n}\n\nconst defaultPGliteState: PGliteState = {\n  db: null,\n  isLoading: true,\n  error: null,\n};\n\nexport const usePGliteDB = () => {\n  const [state, setState] = useState<PGliteState>(\n    () => window.powerhouse?.pglite ?? defaultPGliteState,\n  );\n\n  useEffect(() => {\n    const handlePgliteUpdate = () =>\n      setState(window.powerhouse?.pglite ?? defaultPGliteState);\n\n    window.addEventListener(PGLITE_UPDATE_EVENT, handlePgliteUpdate);\n\n    return () =>\n      window.removeEventListener(PGLITE_UPDATE_EVENT, handlePgliteUpdate);\n  }, []);\n\n  return state;\n};\n\nexport function setPGliteDB(pglite: Partial<PGliteState>): void {\n  const currentPowerhouse = window.powerhouse ?? {};\n  const currentPGliteState = window.powerhouse?.pglite ?? defaultPGliteState;\n\n  window.powerhouse = {\n    ...currentPowerhouse,\n    pglite: {\n      ...currentPGliteState,\n      ...pglite,\n    },\n  };\n  window.dispatchEvent(new CustomEvent(PGLITE_UPDATE_EVENT));\n}\n\nexport const useSetPGliteDB = () => setPGliteDB;\n\nexport const usePGlite = () => {\n  const pglite = usePGliteDB();\n  const setPGlite = useSetPGliteDB();\n\n  return [pglite, setPGlite];\n};\n","import type { PGlite } from \"@electric-sql/pglite\";\nimport type { LiveNamespace, PGliteWithLive } from \"@electric-sql/pglite/live\";\nimport { createRelationalDb } from \"@powerhousedao/reactor\";\nimport type { IRelationalDb as IRelationalDbCore } from \"@powerhousedao/shared/processors\";\nimport { Kysely } from \"kysely\";\nimport { PGliteDialect } from \"kysely-pglite-dialect\";\nimport { useMemo } from \"react\";\nimport { usePGliteDB } from \"../../pglite/usePGlite.js\";\n\n// Type for Relational DB instance enhanced with live capabilities\nexport type RelationalDbWithLive<Schema> = IRelationalDbCore<Schema> & {\n  live: LiveNamespace;\n};\n\ninterface IRelationalDbState<Schema> {\n  db: RelationalDbWithLive<Schema> | null;\n  isLoading: boolean;\n  error: Error | null;\n}\n\n// Custom initializer that creates enhanced Kysely instance with live capabilities\nfunction createRelationalDbWithLive<Schema>(\n  pgliteInstance: PGliteWithLive,\n): RelationalDbWithLive<Schema> {\n  const baseDb = new Kysely<Schema>({\n    dialect: new PGliteDialect(pgliteInstance as unknown as PGlite),\n  });\n  const relationalDb = createRelationalDb(baseDb);\n\n  // Inject the live namespace with proper typing\n  const relationalDBWithLive =\n    relationalDb as unknown as RelationalDbWithLive<Schema>;\n  relationalDBWithLive.live = pgliteInstance.live;\n\n  return relationalDBWithLive;\n}\n\nexport const useRelationalDb = <Schema>(): IRelationalDbState<Schema> => {\n  const pglite = usePGliteDB();\n\n  const relationalDb = useMemo<IRelationalDbState<Schema>>(() => {\n    if (!pglite.db || pglite.isLoading || pglite.error) {\n      return {\n        db: null,\n        isLoading: pglite.isLoading,\n        error: pglite.error,\n      };\n    }\n\n    const db = createRelationalDbWithLive<Schema>(pglite.db);\n\n    return {\n      db,\n      isLoading: false,\n      error: null,\n    };\n  }, [pglite]);\n\n  return relationalDb;\n};\n","import type { LiveQueryResults } from \"@electric-sql/pglite/live\";\nimport type {\n  IRelationalQueryBuilder,\n  RelationalDbProcessorClass,\n} from \"@powerhousedao/shared/processors\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useRelationalDb } from \"./useRelationalDb.js\";\n\nexport type QueryCallbackReturnType = {\n  sql: string;\n  parameters?: readonly unknown[];\n};\n\nexport type useRelationalQueryOptions = {\n  // Whether to hash the namespace to avoid namespace size limit. True by default\n  hashNamespace?: boolean;\n};\n\nconst MAX_RETRIES = 5;\nconst RETRY_DELAY = 200;\n\nconst isRelationNotExistError = (error: unknown): boolean => {\n  const errorMessage =\n    error instanceof Error\n      ? error.message\n      : typeof error === \"string\"\n        ? error\n        : String(error);\n\n  return (\n    errorMessage.toLowerCase().includes(\"relation\") &&\n    errorMessage.toLowerCase().includes(\"does not exist\")\n  );\n};\n\ntype LiveQueryType = {\n  unsubscribe: () => void;\n};\n\nexport function useRelationalQuery<Schema, T = unknown, TParams = undefined>(\n  ProcessorClass: RelationalDbProcessorClass<Schema>,\n  driveId: string,\n  queryCallback: (\n    db: IRelationalQueryBuilder<Schema>,\n    parameters?: TParams,\n  ) => QueryCallbackReturnType,\n  parameters?: TParams,\n  _options?: useRelationalQueryOptions,\n) {\n  const [result, setResult] = useState<LiveQueryResults<T> | null>(null);\n  const [queryLoading, setQueryLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const retryCount = useRef(0);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>(null);\n\n  const relationalDb = useRelationalDb<Schema>();\n\n  const executeLiveQuery = async (\n    sql: string,\n    queryParameters: readonly unknown[] | undefined,\n    retryAttempt = 0,\n  ): Promise<LiveQueryType | null> => {\n    if (!relationalDb.db) {\n      return null;\n    }\n\n    try {\n      const live = await relationalDb.db.live.query<T>(\n        sql,\n        queryParameters ? [...queryParameters] : [],\n        (result) => {\n          setResult(result);\n          setQueryLoading(false);\n          retryCount.current = 0; // Reset retry count on success\n        },\n      );\n\n      return live as LiveQueryType;\n    } catch (err: unknown) {\n      if (isRelationNotExistError(err) && retryAttempt < MAX_RETRIES) {\n        return new Promise((resolve) => {\n          retryTimeoutRef.current = setTimeout(() => {\n            resolve(executeLiveQuery(sql, queryParameters, retryAttempt + 1));\n          }, RETRY_DELAY);\n        });\n      }\n\n      setQueryLoading(false);\n      setError(err instanceof Error ? err : new Error(String(err)));\n      return null;\n    }\n  };\n\n  useEffect(() => {\n    setError(undefined);\n    setQueryLoading(true);\n    retryCount.current = 0;\n\n    if (!relationalDb.db) {\n      return;\n    }\n\n    // Use the processor helper to obtain a typed namespaced query builder\n    const db = ProcessorClass.query(driveId, relationalDb.db);\n\n    const compiledQuery = queryCallback(db, parameters);\n    const { sql, parameters: queryParameters } = compiledQuery;\n\n    const liveQueryPromise = executeLiveQuery(sql, queryParameters);\n\n    return () => {\n      if (retryTimeoutRef.current) {\n        clearTimeout(retryTimeoutRef.current);\n      }\n      void liveQueryPromise.then((live) => {\n        if (live?.unsubscribe) {\n          live.unsubscribe();\n        }\n      });\n    };\n  }, [relationalDb.db, ProcessorClass, driveId, queryCallback, parameters]);\n\n  return {\n    isLoading: relationalDb.isLoading || queryLoading,\n    error: error || relationalDb.error,\n    result,\n  } as const;\n}\n","import type { LiveQueryResults } from \"@electric-sql/pglite/live\";\nimport type {\n  QueryCallbackReturnType,\n  useRelationalQueryOptions,\n} from \"@powerhousedao/reactor-browser\";\nimport type {\n  IRelationalQueryBuilder,\n  RelationalDbProcessorClass,\n} from \"@powerhousedao/shared/processors\";\nimport type { CompiledQuery } from \"kysely\";\nimport deepEqual from \"lodash.isequal\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { useRelationalQuery } from \"../hooks/useRelationalQuery.js\";\n\n// Custom hook for parameter memoization\nfunction useStableParams<T>(params: T): T {\n  const prevParamsRef = useRef<T>(null);\n\n  return useMemo(() => {\n    if (!deepEqual(prevParamsRef.current, params)) {\n      prevParamsRef.current = params;\n    }\n    return prevParamsRef.current as T;\n  }, [params]);\n}\n\nexport function createProcessorQuery<TSchema>(\n  ProcessorClass: RelationalDbProcessorClass<TSchema>,\n) {\n  // Overload for queries without parameters\n  function useQuery<\n    TQueryBuilder extends (\n      db: IRelationalQueryBuilder<TSchema>,\n    ) => QueryCallbackReturnType,\n  >(\n    driveId: string,\n    queryCallback: TQueryBuilder,\n  ): {\n    isLoading: boolean;\n    error: Error | null;\n    result: LiveQueryResults<\n      ReturnType<TQueryBuilder> extends CompiledQuery<infer R> ? R : any\n    > | null;\n  };\n\n  // Overload for queries with parameters\n  function useQuery<\n    TParams,\n    TQueryBuilder extends (\n      db: IRelationalQueryBuilder<TSchema>,\n      parameters: TParams,\n    ) => QueryCallbackReturnType,\n  >(\n    driveId: string,\n    queryCallback: TQueryBuilder,\n    parameters: TParams,\n    options?: useRelationalQueryOptions,\n  ): {\n    isLoading: boolean;\n    error: Error | null;\n    result: LiveQueryResults<\n      ReturnType<TQueryBuilder> extends CompiledQuery<infer R> ? R : any\n    > | null;\n  };\n\n  function useQuery<\n    TParams,\n    TQueryBuilder extends (\n      db: IRelationalQueryBuilder<TSchema>,\n      parameters?: TParams,\n    ) => QueryCallbackReturnType,\n  >(\n    driveId: string,\n    queryCallback: TQueryBuilder,\n    parameters?: TParams,\n    options?: useRelationalQueryOptions,\n  ): {\n    isLoading: boolean;\n    error: Error | null;\n    result: LiveQueryResults<\n      ReturnType<TQueryBuilder> extends CompiledQuery<infer R> ? R : any\n    > | null;\n  } {\n    type InferredResult =\n      ReturnType<TQueryBuilder> extends CompiledQuery<infer R> ? R : any;\n\n    // Automatically memoize parameters using deep comparison\n    const stableParams = useStableParams(parameters);\n\n    // Memoize the callback to prevent infinite loops, updating when parameters change\n    const memoizedCallback = useCallback(queryCallback, [stableParams]);\n\n    return useRelationalQuery<TSchema, InferredResult, TParams>(\n      ProcessorClass,\n      driveId,\n      memoizedCallback,\n      stableParams,\n      options,\n    ) as {\n      isLoading: boolean;\n      error: Error | null;\n      result: LiveQueryResults<InferredResult> | null;\n    };\n  }\n\n  return useQuery;\n}\n"],"mappings":"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"}

package/dist/{renown-Dzmo1gJD.js → renown-D-1c_Bvx.js}

@@ -1,4 +1,4 @@
-import { t as makePHEventFunctions } from "./make-ph-event-functions-DwiD1zH9.js";
+import { t as makePHEventFunctions } from "./make-ph-event-functions-BHoLPif5.js";
 import { logger } from "document-model";
 import { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
 import { BrowserKeyStorage, CREDENTIAL_SCHEMA_EIP712_TYPE, CREDENTIAL_SUBJECT_TYPE, CREDENTIAL_TYPES, DOMAIN_TYPE, ISSUER_TYPE, RenownBuilder, RenownCryptoBuilder, VERIFIABLE_CREDENTIAL_EIP712_TYPE } from "@renown/sdk";
@@ -166,7 +166,7 @@ function RenownLogo({ width = 71, height = 19, hovered = false, color = "current
 		]
 	});
 }
-function CopyIcon({ size = 14, color = "#9EA0A1" }) {
+function CopyIcon({ size = 14, color = "var(--muted-foreground, #9EA0A1)" }) {
 	return /* @__PURE__ */ jsxs("svg", {
 		width: size,
 		height: size,
@@ -188,7 +188,7 @@ function CopyIcon({ size = 14, color = "#9EA0A1" }) {
 		})]
 	});
 }
-function DisconnectIcon({ size = 14, color = "#EA4335" }) {
+function DisconnectIcon({ size = 14, color = "var(--destructive, #EA4335)" }) {
 	return /* @__PURE__ */ jsxs("svg", {
 		width: size,
 		height: size,
@@ -357,30 +357,17 @@ const Slot = forwardRef(({ children, ...props }, ref) => {
 Slot.displayName = "Slot";
 //#endregion
 //#region src/renown/components/RenownLoginButton.tsx
-const lightStyles = {
+const colorStyles = {
 	trigger: {
-		backgroundColor: "#ffffff",
+		backgroundColor: "var(--card, #ffffff)",
 		borderWidth: "1px",
 		borderStyle: "solid",
-		borderColor: "#d1d5db",
-		color: "#111827"
+		borderColor: "var(--border, #d1d5db)",
+		color: "var(--card-foreground, #111827)"
 	},
 	triggerHover: {
-		backgroundColor: "#ecf3f8",
-		borderColor: "#9ca3af"
-	}
-};
-const darkStyles = {
-	trigger: {
-		backgroundColor: "#1f2937",
-		borderWidth: "1px",
-		borderStyle: "solid",
-		borderColor: "#4b5563",
-		color: "#ecf3f8"
-	},
-	triggerHover: {
-		backgroundColor: "#374151",
-		borderColor: "#6b7280"
+		backgroundColor: "var(--accent, #ecf3f8)",
+		borderColor: "var(--border, #d1d5db)"
 	}
 };
 const styles$1 = {
@@ -403,7 +390,7 @@ const styles$1 = {
 		transition: "background-color 150ms, border-color 150ms"
 	}
 };
-function RenownLoginButton({ onLogin: onLoginProp, darkMode = false, style, className, asChild = false, children }) {
+function RenownLoginButton({ onLogin: onLoginProp, style, className, asChild = false, children }) {
 	const onLogin = onLoginProp ?? (() => openRenown());
 	const [isLoading, setIsLoading] = useState(false);
 	const [isHovered, setIsHovered] = useState(false);
@@ -415,7 +402,7 @@ function RenownLoginButton({ onLogin: onLoginProp, darkMode = false, style, clas
 			onLogin();
 		}
 	};
-	const themeStyles = darkMode ? darkStyles : lightStyles;
+	const themeStyles = colorStyles;
 	const triggerStyle = {
 		...styles$1.trigger,
 		...themeStyles.trigger,
@@ -461,19 +448,19 @@ const styles = {
 		padding: "6px 12px",
 		borderWidth: "1px",
 		borderStyle: "solid",
-		borderColor: "#e5e7eb",
-		backgroundColor: "#ffffff",
+		borderColor: "var(--border, #e5e7eb)",
+		backgroundColor: "var(--card, #ffffff)",
 		cursor: "pointer",
 		borderRadius: "8px",
 		fontSize: "12px",
 		fontWeight: 500,
 		fontFamily: "inherit",
-		color: "#111827",
+		color: "var(--card-foreground, #111827)",
 		transition: "background-color 150ms, border-color 150ms"
 	},
 	triggerHover: {
-		backgroundColor: "#f9fafb",
-		borderColor: "#9ca3af"
+		backgroundColor: "var(--accent, #f3f4f6)",
+		borderColor: "var(--border, #e5e7eb)"
 	},
 	avatar: {
 		width: "28px",
@@ -507,31 +494,31 @@ const styles = {
 	chevron: {
 		flexShrink: 0,
 		transition: "transform 150ms",
-		color: "#6b7280"
+		color: "var(--muted-foreground, #6b7280)"
 	},
 	chevronOpen: { transform: "rotate(180deg)" },
 	popoverBase: {
 		position: "absolute",
 		right: 0,
-		backgroundColor: "#ffffff",
+		backgroundColor: "var(--popover, #ffffff)",
 		borderRadius: "8px",
 		boxShadow: "0 4px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08)",
 		width: "100%",
 		zIndex: 1e3,
-		color: "#111827",
+		color: "var(--popover-foreground, #111827)",
 		borderWidth: "1px",
 		borderStyle: "solid",
-		borderColor: "#e5e7eb",
+		borderColor: "var(--border, #e5e7eb)",
 		overflow: "hidden"
 	},
 	header: {
 		padding: "12px 16px",
-		borderBottom: "1px solid #e5e7eb"
+		borderBottom: "1px solid var(--border, #e5e7eb)"
 	},
 	headerUsername: {
 		fontSize: "14px",
 		fontWeight: 600,
-		color: "#111827",
+		color: "var(--foreground, #111827)",
 		margin: 0
 	},
 	addressRow: {
@@ -549,14 +536,14 @@ const styles = {
 		backgroundColor: "transparent",
 		cursor: "pointer",
 		fontSize: "12px",
-		color: "#6b7280",
+		color: "var(--muted-foreground, #6b7280)",
 		fontFamily: "inherit",
 		position: "relative",
 		width: "100%"
 	},
 	copiedText: {
 		fontSize: "12px",
-		color: "#059669",
+		color: "var(--success, #059669)",
 		position: "absolute",
 		left: 0,
 		transition: "opacity 150ms",
@@ -579,16 +566,16 @@ const styles = {
 		backgroundColor: "transparent",
 		cursor: "pointer",
 		fontSize: "14px",
-		color: "#374151",
+		color: "var(--foreground, #111827)",
 		textDecoration: "none",
 		fontFamily: "inherit",
 		transition: "background-color 150ms"
 	},
-	menuItemHover: { backgroundColor: "#f3f4f6" },
-	disconnectItem: { color: "#dc2626" },
+	menuItemHover: { backgroundColor: "var(--accent, #f3f4f6)" },
+	disconnectItem: { color: "var(--destructive, #dc2626)" },
 	separator: {
 		height: "1px",
-		backgroundColor: "#e5e7eb",
+		backgroundColor: "var(--border, #e5e7eb)",
 		margin: 0,
 		border: "none"
 	}
@@ -723,7 +710,7 @@ function RenownUserButton({ address: addressProp, username: usernameProp, avatar
 									},
 									children: [/* @__PURE__ */ jsx("span", { children: truncateAddress(address) }), /* @__PURE__ */ jsx(CopyIcon, {
 										size: 12,
-										color: "#9ca3af"
+										color: "var(--muted-foreground, #9ca3af)"
 									})]
 								}), /* @__PURE__ */ jsx("div", {
 									style: {
@@ -749,7 +736,7 @@ function RenownUserButton({ address: addressProp, username: usernameProp, avatar
 						},
 						children: [/* @__PURE__ */ jsx(UserIcon, {
 							size: 14,
-							color: "#6b7280"
+							color: "var(--muted-foreground, #6b7280)"
 						}), "View Profile"]
 					}), menuItems?.map((item) => /* @__PURE__ */ jsxs("button", {
 						type: "button",
@@ -779,7 +766,7 @@ function RenownUserButton({ address: addressProp, username: usernameProp, avatar
 						},
 						children: [/* @__PURE__ */ jsx(DisconnectIcon, {
 							size: 14,
-							color: "#dc2626"
+							color: "var(--destructive, #dc2626)"
 						}), "Log out"]
 					})
 				})
@@ -806,19 +793,19 @@ function RenownAuthButton({ className = "", darkMode, loginContent, userContent,
 					gap: "8px",
 					padding: "6px 12px",
 					borderRadius: "8px",
-					border: "1px solid #e5e7eb",
+					border: "1px solid var(--border, #f0f0f0)",
 					animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
 				},
 				children: [/* @__PURE__ */ jsx("div", { style: {
 					width: "28px",
 					height: "28px",
 					borderRadius: "50%",
-					backgroundColor: "#e5e7eb"
+					backgroundColor: "var(--secondary, #f0f0f0)"
 				} }), /* @__PURE__ */ jsx("div", { style: {
 					width: "80px",
 					height: "14px",
 					borderRadius: "4px",
-					backgroundColor: "#e5e7eb"
+					backgroundColor: "var(--secondary, #f0f0f0)"
 				} })]
 			}), /* @__PURE__ */ jsx("style", { children: `@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }` })]
 		});
@@ -923,4 +910,4 @@ function Renown({ onError, ...initOptions }) {
 //#endregion
 export { useLoginStatus as A, RENOWN_CHAIN_ID as C, addRenownEventHandler as D, VERIFIABLE_CREDENTIAL_EIP712_TYPE as E, setLoading as F, useLoading as I, useUser as M, addLoadingEventHandler as N, setRenown as O, loading as P, ISSUER_TYPE as S, RENOWN_URL as T, openRenown as _, RenownAuthButton as a, CREDENTIAL_TYPES as b, ChevronDownIcon as c, RenownLogo as d, SpinnerIcon as f, logout as g, login as h, initRenownCrypto as i, useRenown as j, useDid as k, CopyIcon as l, useRenownAuth as m, useRenownInit as n, RenownUserButton as o, UserIcon as p, initConnectCrypto as r, RenownLoginButton as s, Renown as t, DisconnectIcon as u, CREDENTIAL_SCHEMA_EIP712_TYPE as v, RENOWN_NETWORK_ID as w, DOMAIN_TYPE as x, CREDENTIAL_SUBJECT_TYPE as y };
 
-//# sourceMappingURL=renown-Dzmo1gJD.js.map
+//# sourceMappingURL=renown-D-1c_Bvx.js.map