@powerhousedao/reactor-browser 6.1.0-staging.0 → 6.2.0-dev.0

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

@@ -35,11 +35,7 @@ function makePHEventFunctions(key) {
 	}
 	function getSnapshot() {
 		if (isServer) return;
-		if (!window.ph) {
-			console.warn(`ph global store is not initialized. Did you call set${capitalCase(key)}?`);
-			return;
-		}
-		return window.ph[key];
+		return window.ph?.[key];
 	}
 	function getServerSnapshot() {}
 	function useValue() {
@@ -54,4 +50,4 @@ function makePHEventFunctions(key) {
 //#endregion
 export { makePHEventFunctions as t };
 
-//# sourceMappingURL=make-ph-event-functions-Cr4GqOTT.js.map
+//# sourceMappingURL=make-ph-event-functions-DwiD1zH9.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"make-ph-event-functions-Cr4GqOTT.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    if (!window.ph) {\n      console.warn(\n        `ph global store is not initialized. Did you call set${capitalCase(key)}?`,\n      );\n      return undefined;\n    }\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;AAEF,MAAI,CAAC,OAAO,IAAI;AACd,WAAQ,KACN,uDAAuD,YAAY,IAAI,CAAC,GACzE;AACD;;AAEF,SAAO,OAAO,GAAG;;CAGnB,SAAS,oBAAoB;CAI7B,SAAS,WAAW;AAClB,SAAO,qBACL,kBACA,aACA,kBACD;;AAGH,QAAO;EACL;EACA;EACA;EACD"}
+{"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"}

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

@@ -49,7 +49,7 @@ const isRelationNotExistError = (error) => {
 	const errorMessage = error instanceof Error ? error.message : typeof error === "string" ? error : String(error);
 	return errorMessage.toLowerCase().includes("relation") && errorMessage.toLowerCase().includes("does not exist");
 };
-function useRelationalQuery(ProcessorClass, driveId, queryCallback, parameters, options) {
+function useRelationalQuery(ProcessorClass, driveId, queryCallback, parameters, _options) {
 	const [result, setResult] = useState(null);
 	const [queryLoading, setQueryLoading] = useState(true);
 	const [error, setError] = useState(void 0);
@@ -120,4 +120,4 @@ function createProcessorQuery(ProcessorClass) {
 //#endregion
 export { useRelationalQuery as n, useRelationalDb as r, createProcessorQuery as t };
 
-//# sourceMappingURL=relational-jwreqDwz.js.map
+//# sourceMappingURL=relational-4_LVwp8p.js.map

package/dist/relational-4_LVwp8p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relational-4_LVwp8p.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 const useSetPGliteDB = () => {\n  const setPGliteState = (pglite: Partial<PGliteState>) => {\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\n  return setPGliteState;\n};\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-s0H1puU4.js → renown-Dzmo1gJD.js}

@@ -1,8 +1,8 @@
-import { t as makePHEventFunctions } from "./make-ph-event-functions-Cr4GqOTT.js";
+import { t as makePHEventFunctions } from "./make-ph-event-functions-DwiD1zH9.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";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { BrowserKeyStorage, RenownBuilder, RenownCryptoBuilder } from "@renown/sdk";
 //#region src/hooks/loading.ts
 const { useValue: useLoading, setValue: setLoading, addEventHandler: addLoadingEventHandler } = makePHEventFunctions("loading");
 const loading = null;
@@ -43,93 +43,6 @@ function useLoginStatus() {
 const RENOWN_URL = "https://www.renown.id";
 const RENOWN_NETWORK_ID = "eip155";
 const RENOWN_CHAIN_ID = "1";
-const DOMAIN_TYPE = [
-	{
-		name: "name",
-		type: "string"
-	},
-	{
-		name: "version",
-		type: "string"
-	},
-	{
-		name: "chainId",
-		type: "uint256"
-	},
-	{
-		name: "verifyingContract",
-		type: "address"
-	}
-];
-const VERIFIABLE_CREDENTIAL_EIP712_TYPE = [
-	{
-		name: "@context",
-		type: "string[]"
-	},
-	{
-		name: "type",
-		type: "string[]"
-	},
-	{
-		name: "id",
-		type: "string"
-	},
-	{
-		name: "issuer",
-		type: "Issuer"
-	},
-	{
-		name: "credentialSubject",
-		type: "CredentialSubject"
-	},
-	{
-		name: "credentialSchema",
-		type: "CredentialSchema"
-	},
-	{
-		name: "issuanceDate",
-		type: "string"
-	},
-	{
-		name: "expirationDate",
-		type: "string"
-	}
-];
-const CREDENTIAL_SCHEMA_EIP712_TYPE = [{
-	name: "id",
-	type: "string"
-}, {
-	name: "type",
-	type: "string"
-}];
-const CREDENTIAL_SUBJECT_TYPE = [
-	{
-		name: "app",
-		type: "string"
-	},
-	{
-		name: "id",
-		type: "string"
-	},
-	{
-		name: "name",
-		type: "string"
-	}
-];
-const ISSUER_TYPE = [{
-	name: "id",
-	type: "string"
-}, {
-	name: "ethereumAddress",
-	type: "string"
-}];
-const CREDENTIAL_TYPES = {
-	EIP712Domain: DOMAIN_TYPE,
-	VerifiableCredential: VERIFIABLE_CREDENTIAL_EIP712_TYPE,
-	CredentialSchema: CREDENTIAL_SCHEMA_EIP712_TYPE,
-	CredentialSubject: CREDENTIAL_SUBJECT_TYPE,
-	Issuer: ISSUER_TYPE
-};
 //#endregion
 //#region src/renown/utils.ts
 function openRenown(documentId) {
@@ -975,15 +888,14 @@ async function initRenown(appName, namespace, url) {
 * ```
 */
 function useRenownInit({ appName, namespace, url }) {
-	const promiseRef = useRef(Promise.withResolvers());
+	const promiseRef = useRef(null);
+	promiseRef.current ??= Promise.withResolvers();
 	const initRef = useRef(false);
-	if (typeof window === "undefined") {
-		promiseRef.current.reject(/* @__PURE__ */ new Error("window is undefined"));
-		return promiseRef.current.promise;
-	}
-	if (initRef.current) return promiseRef.current.promise;
-	initRef.current = true;
-	initRenown(appName, namespace, url).then(promiseRef.current.resolve).catch(promiseRef.current.reject);
+	useEffect(() => {
+		if (initRef.current) return;
+		initRef.current = true;
+		initRenown(appName, namespace, url).then(promiseRef.current.resolve).catch(promiseRef.current.reject);
+	}, []);
 	return promiseRef.current.promise;
 }
 //#endregion
@@ -1011,4 +923,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-s0H1puU4.js.map
+//# sourceMappingURL=renown-Dzmo1gJD.js.map

package/dist/renown-Dzmo1gJD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renown-Dzmo1gJD.js","names":["truncateAddress","logoutUtil","styles","defaultLogout"],"sources":["../src/hooks/loading.ts","../src/hooks/renown.ts","../src/renown/constants.ts","../src/renown/utils.ts","../src/renown/use-renown-auth.ts","../src/renown/components/icons.tsx","../src/renown/components/slot.tsx","../src/renown/components/RenownLoginButton.tsx","../src/renown/components/RenownUserButton.tsx","../src/renown/components/RenownAuthButton.tsx","../src/renown/crypto.ts","../src/renown/use-renown-init.ts","../src/renown/renown-init.tsx"],"sourcesContent":["import type { LOADING } from \"../types/global.js\";\nimport { makePHEventFunctions } from \"./make-ph-event-functions.js\";\n\nexport const {\n  useValue: useLoading,\n  setValue: setLoading,\n  addEventHandler: addLoadingEventHandler,\n} = makePHEventFunctions(\"loading\");\n\nexport const loading: LOADING = null;\n","import type { IRenown, LoginStatus, User } from \"@renown/sdk\";\nimport { useEffect, useState, useSyncExternalStore } from \"react\";\nimport type { LOADING } from \"../types/global.js\";\nimport { loading } from \"./loading.js\";\nimport { makePHEventFunctions } from \"./make-ph-event-functions.js\";\n\nconst renownEventFunctions = makePHEventFunctions(\"renown\");\n\n/** Adds an event handler for the renown instance */\nexport const addRenownEventHandler: () => void =\n  renownEventFunctions.addEventHandler;\n\n/** Returns the renown instance */\nexport const useRenown: () => IRenown | LOADING | undefined =\n  renownEventFunctions.useValue;\n\n/** Sets the renown instance */\nexport const setRenown: (value: IRenown | LOADING | undefined) => void =\n  renownEventFunctions.setValue;\n\n/** Returns the DID from the renown instance */\nexport function useDid() {\n  const renown = useRenown();\n  return renown?.did;\n}\n\n/** Returns the current user from the renown instance, subscribing to user events */\nexport function useUser(): User | undefined {\n  const renown = useRenown();\n  const [user, setUser] = useState<User | undefined>(renown?.user);\n\n  useEffect(() => {\n    setUser(renown?.user);\n    if (!renown) return;\n    return renown.on(\"user\", setUser);\n  }, [renown]);\n\n  return user;\n}\n\n/** Returns the login status, subscribing to renown status events */\nexport function useLoginStatus(): LoginStatus | \"loading\" | undefined {\n  const renown = useRenown();\n  return useSyncExternalStore(\n    (cb) => {\n      if (!renown) {\n        return () => {};\n      }\n      return renown.on(\"status\", cb);\n    },\n    () => (renown === loading ? \"loading\" : renown?.status),\n    () => undefined,\n  );\n}\n","export const RENOWN_URL = \"https://www.renown.id\";\nexport const RENOWN_NETWORK_ID = \"eip155\";\nexport const RENOWN_CHAIN_ID = \"1\";\n\n// EIP-712 credential types are canonical in @renown/sdk; re-export to avoid drift.\nexport {\n  CREDENTIAL_TYPES,\n  DOMAIN_TYPE,\n  VERIFIABLE_CREDENTIAL_EIP712_TYPE,\n  CREDENTIAL_SCHEMA_EIP712_TYPE,\n  CREDENTIAL_SUBJECT_TYPE,\n  ISSUER_TYPE,\n} from \"@renown/sdk\";\n","import type { IRenown, User } from \"@renown/sdk\";\nimport { logger } from \"document-model\";\nimport { RENOWN_CHAIN_ID, RENOWN_NETWORK_ID, RENOWN_URL } from \"./constants.js\";\n\nexport function openRenown(documentId?: string) {\n  const renown = window.ph?.renown;\n  let renownUrl = renown?.baseUrl;\n  if (!renownUrl) {\n    logger.warn(\"Renown instance not found, falling back to: @url\", RENOWN_URL);\n    renownUrl = RENOWN_URL;\n  }\n\n  if (documentId) {\n    window.open(`${renownUrl}/profile/${documentId}`, \"_blank\")?.focus();\n    return;\n  }\n\n  const url = new URL(renownUrl);\n  url.searchParams.set(\"app\", renown?.did ?? \"\");\n  url.searchParams.set(\"connect\", renown?.did ?? \"\");\n  url.searchParams.set(\"network\", RENOWN_NETWORK_ID);\n  url.searchParams.set(\"chain\", RENOWN_CHAIN_ID);\n\n  const returnUrl = new URL(window.location.pathname, window.location.origin);\n  url.searchParams.set(\"returnUrl\", returnUrl.toJSON());\n  window.open(url, \"_self\")?.focus();\n}\n\n/**\n * Reads the `?user=` DID from the URL if present.\n * Returns the DID and cleans up the URL parameter.\n */\nfunction consumeDidFromUrl(): string | undefined {\n  if (typeof window === \"undefined\") return;\n\n  const urlParams = new URLSearchParams(window.location.search);\n  const userParam = urlParams.get(\"user\");\n  if (!userParam) return;\n\n  const userDid = decodeURIComponent(userParam);\n\n  // Clean up the URL parameter\n  const cleanUrl = new URL(window.location.href);\n  cleanUrl.searchParams.delete(\"user\");\n  window.history.replaceState({}, \"\", cleanUrl.toString());\n\n  return userDid;\n}\n\n/**\n * Log in the user. Resolves the user DID from (in order):\n * 1. Explicit `userDid` argument\n * 2. `?user=` URL parameter (from Renown portal redirect)\n * 3. Previously stored session in the Renown instance\n */\nexport async function login(\n  userDid: string | undefined,\n  renown: IRenown | undefined,\n): Promise<User | undefined> {\n  if (!renown) {\n    return;\n  }\n\n  const did = userDid ?? consumeDidFromUrl();\n\n  try {\n    const user = renown.user;\n\n    if (user?.did && (user.did === did || !did)) {\n      return user;\n    }\n\n    if (!did) {\n      return;\n    }\n\n    return await renown.login(did);\n  } catch (error) {\n    logger.error(\n      error instanceof Error ? error.message : JSON.stringify(error),\n    );\n  }\n}\n\nexport async function logout() {\n  const renown = window.ph?.renown;\n  await renown?.logout();\n\n  // Clear the user parameter from URL to prevent auto-login on refresh\n  const url = new URL(window.location.href);\n  if (url.searchParams.has(\"user\")) {\n    url.searchParams.delete(\"user\");\n    window.history.replaceState(null, \"\", url.toString());\n  }\n}\n","import type { LoginStatus, User } from \"@renown/sdk\";\nimport { useCallback } from \"react\";\nimport { useLoginStatus, useUser } from \"../hooks/renown.js\";\nimport { logout as logoutUtil, openRenown } from \"./utils.js\";\n\nexport type RenownAuthStatus = LoginStatus | \"loading\";\n\nexport interface RenownAuth {\n  status: RenownAuthStatus | undefined;\n  user: User | undefined;\n  address: string | undefined;\n  ensName: string | undefined;\n  avatarUrl: string | undefined;\n  profileId: string | undefined;\n  displayName: string | undefined;\n  displayAddress: string | undefined;\n  login: () => void;\n  logout: () => Promise<void>;\n  openProfile: () => void;\n}\n\nfunction truncateAddress(address: string): string {\n  if (address.length <= 13) return address;\n  return `${address.slice(0, 7)}...${address.slice(-5)}`;\n}\n\nfunction toRenownAuthStatus(\n  loginStatus: LoginStatus | \"loading\" | undefined,\n  user: User | undefined,\n): RenownAuthStatus | undefined {\n  if (loginStatus === \"authorized\") {\n    return user ? \"authorized\" : \"checking\";\n  }\n  return loginStatus;\n}\n\nexport function useRenownAuth(): RenownAuth {\n  const user = useUser();\n  const loginStatus = useLoginStatus();\n\n  // syncs user with login status\n  const status = toRenownAuthStatus(loginStatus, user);\n\n  const address = user?.address;\n  const ensName = user?.ens?.name;\n  const avatarUrl = user?.profile?.userImage ?? user?.ens?.avatarUrl;\n  const profileId = user?.profile?.documentId;\n\n  const displayName = ensName ?? user?.profile?.username ?? undefined;\n  const displayAddress = address ? truncateAddress(address) : undefined;\n\n  const login = useCallback(() => {\n    openRenown();\n  }, []);\n\n  const logout = useCallback(async () => {\n    await logoutUtil();\n  }, []);\n\n  const openProfile = useCallback(() => {\n    if (profileId) {\n      openRenown(profileId);\n    }\n  }, [profileId]);\n\n  return {\n    status,\n    user,\n    address,\n    ensName,\n    avatarUrl,\n    profileId,\n    displayName,\n    displayAddress,\n    login,\n    logout,\n    openProfile,\n  };\n}\n","import type { CSSProperties } from \"react\";\n\ninterface IconProps {\n  size?: number;\n  width?: number;\n  height?: number;\n  color?: string;\n  style?: CSSProperties;\n  className?: string;\n}\n\ninterface RenownLogoProps extends IconProps {\n  hovered?: boolean;\n}\n\nexport function RenownLogo({\n  width = 71,\n  height = 19,\n  hovered = false,\n  color = \"currentColor\",\n  className,\n}: RenownLogoProps) {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 71 19\"\n      fill={color}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path d=\"M53.6211 18.4887V9.0342H56.435V10.8096H56.4923C56.7377 10.181 57.1085 9.70244 57.6047 9.37398C58.101 9.03986 58.6981 8.8728 59.3962 8.8728C60.4105 8.8728 61.2039 9.1871 61.7765 9.8157C62.3546 10.4443 62.6436 11.3164 62.6436 12.432V18.4887H59.7397V13.0776C59.7397 12.5283 59.6007 12.1007 59.3225 11.7949C59.0499 11.4835 58.6654 11.3277 58.1692 11.3277C57.6784 11.3277 57.2803 11.4976 56.9749 11.8374C56.6695 12.1772 56.5168 12.6161 56.5168 13.1541V18.4887H53.6211Z\" />\n      <path d=\"M53.097 9.03394L50.7412 18.4884H47.6164L46.1522 12.075H46.0949L44.6389 18.4884H41.5632L39.1992 9.03394H42.1195L43.3056 15.7532H43.3628L44.7861 9.03394H47.551L48.9906 15.7532H49.0479L50.234 9.03394H53.097Z\" />\n      <path d=\"M37.8661 17.3926C37.0427 18.2591 35.9084 18.6923 34.4632 18.6923C33.0181 18.6923 31.8838 18.2591 31.0604 17.3926C30.2369 16.5205 29.8252 15.3086 29.8252 13.7569C29.8252 12.2336 30.2424 11.033 31.0767 10.1552C31.9111 9.2718 33.0399 8.83008 34.4632 8.83008C35.892 8.83008 37.0208 9.26896 37.8497 10.1467C38.6841 11.0188 39.1013 12.2222 39.1013 13.7569C39.1013 15.3143 38.6896 16.5262 37.8661 17.3926ZM33.2117 15.7702C33.5116 16.2402 33.9288 16.4752 34.4632 16.4752C34.9977 16.4752 35.4148 16.2402 35.7148 15.7702C36.0147 15.2945 36.1647 14.6234 36.1647 13.7569C36.1647 12.9131 36.012 12.2506 35.7066 11.7692C35.4012 11.2878 34.9868 11.0472 34.4632 11.0472C33.9343 11.0472 33.5171 11.2878 33.2117 11.7692C32.9118 12.2449 32.7618 12.9075 32.7618 13.7569C32.7618 14.6234 32.9118 15.2945 33.2117 15.7702Z\" />\n      <path d=\"M20.0088 18.4887V9.0342H22.8227V10.8096H22.88C23.1254 10.181 23.4962 9.70244 23.9924 9.37398C24.4887 9.03986 25.0858 8.8728 25.7838 8.8728C26.7982 8.8728 27.5916 9.1871 28.1642 9.8157C28.7423 10.4443 29.0313 11.3164 29.0313 12.432V18.4887H26.1274V13.0776C26.1274 12.5283 25.9883 12.1007 25.7102 11.7949C25.4376 11.4835 25.0531 11.3277 24.5569 11.3277C24.0661 11.3277 23.668 11.4976 23.3626 11.8374C23.0572 12.1772 22.9045 12.6161 22.9045 13.1541V18.4887H20.0088Z\" />\n      <path d=\"M14.7486 10.9707C14.2851 10.9707 13.8952 11.1321 13.5789 11.4549C13.2626 11.7777 13.0854 12.1911 13.0472 12.6951H16.4337C16.4064 12.1741 16.2374 11.7579 15.9265 11.4464C15.6212 11.1293 15.2285 10.9707 14.7486 10.9707ZM16.4991 15.5153H19.1167C18.9749 16.4837 18.5141 17.2567 17.7343 17.8343C16.9599 18.4063 15.9838 18.6923 14.8059 18.6923C13.3662 18.6923 12.2374 18.2591 11.4194 17.3926C10.6014 16.5262 10.1924 15.3313 10.1924 13.8079C10.1924 12.2845 10.5987 11.0755 11.4112 10.1807C12.2237 9.28029 13.3226 8.83008 14.7077 8.83008C16.0656 8.83008 17.1481 9.26047 17.9552 10.1213C18.7677 10.9764 19.174 12.1231 19.174 13.5616V14.4195H13.0145V14.6064C13.0145 15.184 13.1835 15.6541 13.5216 16.0165C13.8597 16.3733 14.3015 16.5517 14.8468 16.5517C15.2503 16.5517 15.5993 16.461 15.8938 16.2798C16.1883 16.0929 16.3901 15.8381 16.4991 15.5153Z\" />\n      <path d=\"M3.00205 8.58396V12.0667H4.7771C5.32789 12.0667 5.7587 11.911 6.06954 11.5995C6.38038 11.2881 6.5358 10.8662 6.5358 10.3338C6.5358 9.80718 6.37492 9.38528 6.05318 9.06815C5.73143 8.74535 5.30335 8.58396 4.76892 8.58396H3.00205ZM3.00205 14.1989V18.4886H0V6.23096H5.07158C6.53307 6.23096 7.65373 6.5849 8.43355 7.29278C9.21337 8.00066 9.60328 8.99453 9.60328 10.2744C9.60328 11.0446 9.42605 11.7439 9.07159 12.3725C8.71712 12.9955 8.2236 13.4514 7.59101 13.7402L9.94684 18.4886H6.5767L4.55624 14.1989H3.00205Z\" />\n      <path\n        d=\"M65.7255 0.211478C65.0841 2.46724 63.3737 4.2455 61.2041 4.90969C60.932 4.99366 60.932 5.39096 61.2041 5.47492C63.3725 6.13912 65.0841 7.91738 65.7255 10.1731C65.8056 10.4551 66.1932 10.4551 66.2745 10.1731C66.9159 7.91738 68.6263 6.13912 70.7959 5.47492C71.068 5.39096 71.068 4.99366 70.7959 4.90969C68.6276 4.2455 66.9159 2.46724 66.2745 0.211478C66.1944 -0.0704925 65.8068 -0.0704925 65.7255 0.211478Z\"\n        fill={hovered ? \"#21FFB4\" : color}\n      />\n    </svg>\n  );\n}\n\nexport function CopyIcon({ size = 14, color = \"#9EA0A1\" }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <rect\n        x=\"5\"\n        y=\"5\"\n        width=\"9\"\n        height=\"9\"\n        rx=\"1\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n      />\n      <path\n        d=\"M11 5V3C11 2.44772 10.5523 2 10 2H3C2.44772 2 2 2.44772 2 3V10C2 10.5523 2.44772 11 3 11H5\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n      />\n    </svg>\n  );\n}\n\nexport function DisconnectIcon({ size = 14, color = \"#EA4335\" }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H6\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M10.6667 11.3333L14 8L10.6667 4.66667\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M14 8H6\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function SpinnerIcon({ size = 14, color = \"currentColor\" }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ animation: \"spin 1s linear infinite\" }}\n    >\n      <style>{`@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }`}</style>\n      <path d=\"M8 1V4\" stroke={color} strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n      <path\n        d=\"M8 12V15\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        opacity=\"0.3\"\n      />\n      <path\n        d=\"M3.05 3.05L5.17 5.17\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        opacity=\"0.9\"\n      />\n      <path\n        d=\"M10.83 10.83L12.95 12.95\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        opacity=\"0.4\"\n      />\n      <path\n        d=\"M1 8H4\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        opacity=\"0.8\"\n      />\n      <path\n        d=\"M12 8H15\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        opacity=\"0.5\"\n      />\n      <path\n        d=\"M3.05 12.95L5.17 10.83\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        opacity=\"0.7\"\n      />\n      <path\n        d=\"M10.83 5.17L12.95 3.05\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        opacity=\"0.6\"\n      />\n    </svg>\n  );\n}\n\nexport function ChevronDownIcon({\n  size = 14,\n  color = \"currentColor\",\n  style,\n}: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={style}\n    >\n      <path\n        d=\"M4 6L8 10L12 6\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function UserIcon({ size = 24, color = \"#6366f1\" }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"12\" cy=\"8\" r=\"4\" stroke={color} strokeWidth=\"2\" />\n      <path\n        d=\"M4 20C4 16.6863 7.58172 14 12 14C16.4183 14 20 16.6863 20 20\"\n        stroke={color}\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n","import {\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\n\ntype AnyProps = Record<string, unknown>;\n\nfunction mergeProps(parentProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...parentProps };\n\n  for (const key of Object.keys(childProps)) {\n    const parentValue = parentProps[key];\n    const childValue = childProps[key];\n\n    if (key === \"style\") {\n      merged[key] = { ...(parentValue as object), ...(childValue as object) };\n    } else if (key === \"className\") {\n      merged[key] = [parentValue, childValue].filter(Boolean).join(\" \");\n    } else if (\n      typeof parentValue === \"function\" &&\n      typeof childValue === \"function\"\n    ) {\n      merged[key] = (...args: unknown[]) => {\n        (childValue as (...a: unknown[]) => void)(...args);\n        (parentValue as (...a: unknown[]) => void)(...args);\n      };\n    } else if (childValue !== undefined) {\n      merged[key] = childValue;\n    }\n  }\n\n  return merged;\n}\n\ninterface SlotProps extends HTMLAttributes<HTMLElement> {\n  children?: ReactNode;\n  ref?: Ref<HTMLElement>;\n}\n\nexport const Slot = forwardRef<HTMLElement, SlotProps>(\n  ({ children, ...props }, ref) => {\n    const child = Children.only(children);\n\n    if (!isValidElement(child)) {\n      return null;\n    }\n\n    const childElement = child as ReactElement<AnyProps>;\n    const mergedProps = mergeProps(props, childElement.props);\n\n    if (ref) {\n      mergedProps.ref = ref;\n    }\n\n    return cloneElement(childElement, mergedProps);\n  },\n);\n\nSlot.displayName = \"Slot\";\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { useCallback, useState } from \"react\";\nimport { openRenown } from \"../utils.js\";\nimport { SpinnerIcon } from \"./icons.js\";\nimport { Slot } from \"./slot.js\";\n\nexport interface RenownLoginButtonProps {\n  onLogin?: () => void;\n  darkMode?: boolean;\n  style?: CSSProperties;\n  className?: string;\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nconst lightStyles = {\n  trigger: {\n    backgroundColor: \"#ffffff\",\n    borderWidth: \"1px\",\n    borderStyle: \"solid\",\n    borderColor: \"#d1d5db\",\n    color: \"#111827\",\n  },\n  triggerHover: {\n    backgroundColor: \"#ecf3f8\",\n    borderColor: \"#9ca3af\",\n  },\n} as const;\n\nconst darkStyles = {\n  trigger: {\n    backgroundColor: \"#1f2937\",\n    borderWidth: \"1px\",\n    borderStyle: \"solid\",\n    borderColor: \"#4b5563\",\n    color: \"#ecf3f8\",\n  },\n  triggerHover: {\n    backgroundColor: \"#374151\",\n    borderColor: \"#6b7280\",\n  },\n} as const;\n\nconst styles: Record<string, CSSProperties> = {\n  wrapper: {\n    position: \"relative\",\n    display: \"inline-block\",\n  },\n  trigger: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: \"8px\",\n    padding: \"8px 32px\",\n    borderRadius: \"8px\",\n    cursor: \"pointer\",\n    fontSize: \"14px\",\n    fontWeight: 500,\n    fontFamily: \"inherit\",\n    lineHeight: \"20px\",\n    transition: \"background-color 150ms, border-color 150ms\",\n  },\n};\n\nexport function RenownLoginButton({\n  onLogin: onLoginProp,\n  darkMode = false,\n  style,\n  className,\n  asChild = false,\n  children,\n}: RenownLoginButtonProps) {\n  const onLogin = onLoginProp ?? (() => openRenown());\n  const [isLoading, setIsLoading] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n  const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n  const handleClick = () => {\n    if (!isLoading) {\n      setIsLoading(true);\n      onLogin();\n    }\n  };\n\n  const themeStyles = darkMode ? darkStyles : lightStyles;\n\n  const triggerStyle: CSSProperties = {\n    ...styles.trigger,\n    ...themeStyles.trigger,\n    ...(isHovered && !isLoading ? themeStyles.triggerHover : {}),\n    cursor: isLoading ? \"wait\" : \"pointer\",\n    ...style,\n  };\n\n  const triggerElement = asChild ? (\n    <Slot\n      onClick={handleClick}\n      data-renown-state=\"login\"\n      {...(isLoading ? { \"data-loading\": \"\" } : {})}\n    >\n      {children}\n    </Slot>\n  ) : (\n    <button\n      type=\"button\"\n      style={triggerStyle}\n      aria-label=\"Log in with Renown\"\n      onClick={handleClick}\n      data-renown-state=\"login\"\n      {...(isLoading ? { \"data-loading\": \"\" } : {})}\n    >\n      {isLoading ? <SpinnerIcon size={16} /> : <span>Log in</span>}\n    </button>\n  );\n\n  return (\n    <div\n      style={styles.wrapper}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {triggerElement}\n    </div>\n  );\n}\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useUser } from \"../../hooks/renown.js\";\nimport { logout as defaultLogout, openRenown } from \"../utils.js\";\nimport {\n  ChevronDownIcon,\n  CopyIcon,\n  DisconnectIcon,\n  UserIcon,\n} from \"./icons.js\";\nimport { Slot } from \"./slot.js\";\n\nconst POPOVER_GAP = 4;\nconst POPOVER_HEIGHT = 150;\n\nexport interface RenownUserButtonMenuItem {\n  label: string;\n  icon?: ReactNode;\n  onClick: () => void;\n  style?: CSSProperties;\n}\n\nexport interface RenownUserButtonProps {\n  address?: string;\n  username?: string;\n  avatarUrl?: string;\n  userId?: string;\n  onDisconnect?: () => void;\n  style?: CSSProperties;\n  className?: string;\n  asChild?: boolean;\n  children?: ReactNode;\n  menuItems?: RenownUserButtonMenuItem[];\n}\n\nconst styles: Record<string, CSSProperties> = {\n  wrapper: {\n    position: \"relative\",\n    display: \"inline-block\",\n  },\n  trigger: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"8px\",\n    padding: \"6px 12px\",\n    borderWidth: \"1px\",\n    borderStyle: \"solid\",\n    borderColor: \"#e5e7eb\",\n    backgroundColor: \"#ffffff\",\n    cursor: \"pointer\",\n    borderRadius: \"8px\",\n    fontSize: \"12px\",\n    fontWeight: 500,\n    fontFamily: \"inherit\",\n    color: \"#111827\",\n    transition: \"background-color 150ms, border-color 150ms\",\n  },\n  triggerHover: {\n    backgroundColor: \"#f9fafb\",\n    borderColor: \"#9ca3af\",\n  },\n  avatar: {\n    width: \"28px\",\n    height: \"28px\",\n    borderRadius: \"50%\",\n    objectFit: \"cover\",\n    flexShrink: 0,\n  },\n  avatarPlaceholder: {\n    width: \"28px\",\n    height: \"28px\",\n    borderRadius: \"50%\",\n    background: \"linear-gradient(135deg, #8b5cf6, #3b82f6)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexShrink: 0,\n  },\n  avatarInitial: {\n    fontSize: \"12px\",\n    fontWeight: 700,\n    color: \"#ffffff\",\n    lineHeight: 1,\n  },\n  displayName: {\n    maxWidth: \"120px\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  chevron: {\n    flexShrink: 0,\n    transition: \"transform 150ms\",\n    color: \"#6b7280\",\n  },\n  chevronOpen: {\n    transform: \"rotate(180deg)\",\n  },\n  popoverBase: {\n    position: \"absolute\",\n    right: 0,\n    backgroundColor: \"#ffffff\",\n    borderRadius: \"8px\",\n    boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08)\",\n    width: \"100%\",\n    zIndex: 1000,\n    color: \"#111827\",\n    borderWidth: \"1px\",\n    borderStyle: \"solid\",\n    borderColor: \"#e5e7eb\",\n    overflow: \"hidden\",\n  },\n  header: {\n    padding: \"12px 16px\",\n    borderBottom: \"1px solid #e5e7eb\",\n  },\n  headerUsername: {\n    fontSize: \"14px\",\n    fontWeight: 600,\n    color: \"#111827\",\n    margin: 0,\n  },\n  addressRow: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"4px\",\n    marginTop: \"4px\",\n  },\n  addressButton: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"4px\",\n    padding: 0,\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    cursor: \"pointer\",\n    fontSize: \"12px\",\n    color: \"#6b7280\",\n    fontFamily: \"inherit\",\n    position: \"relative\",\n    width: \"100%\",\n  },\n  copiedText: {\n    fontSize: \"12px\",\n    color: \"#059669\",\n    position: \"absolute\",\n    left: 0,\n    transition: \"opacity 150ms\",\n    fontWeight: 500,\n  },\n  addressText: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"4px\",\n    transition: \"opacity 150ms\",\n  },\n  menuSection: {\n    padding: \"4px 0\",\n  },\n  menuItem: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"8px\",\n    width: \"100%\",\n    padding: \"8px 16px\",\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    cursor: \"pointer\",\n    fontSize: \"14px\",\n    color: \"#374151\",\n    textDecoration: \"none\",\n    fontFamily: \"inherit\",\n    transition: \"background-color 150ms\",\n  },\n  menuItemHover: {\n    backgroundColor: \"#f3f4f6\",\n  },\n  disconnectItem: {\n    color: \"#dc2626\",\n  },\n  separator: {\n    height: \"1px\",\n    backgroundColor: \"#e5e7eb\",\n    margin: 0,\n    border: \"none\",\n  },\n};\n\nfunction truncateAddress(address: string): string {\n  if (address.length <= 13) return address;\n  return `${address.slice(0, 7)}...${address.slice(-5)}`;\n}\n\nexport function RenownUserButton({\n  address: addressProp,\n  username: usernameProp,\n  avatarUrl: avatarUrlProp,\n  userId: userIdProp,\n  onDisconnect: onDisconnectProp,\n  style,\n  className,\n  asChild = false,\n  children,\n  menuItems,\n}: RenownUserButtonProps) {\n  const user = useUser();\n\n  const address = addressProp ?? user?.address ?? \"\";\n  const username = usernameProp ?? user?.profile?.username ?? user?.ens?.name;\n  const avatarUrl =\n    avatarUrlProp ?? user?.profile?.userImage ?? user?.ens?.avatarUrl;\n  const userId = userIdProp ?? user?.profile?.documentId;\n  const onDisconnect = onDisconnectProp ?? (() => void defaultLogout());\n  const displayName =\n    username ?? (address ? truncateAddress(address) : \"Account\");\n  const profileId = userId ?? address;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isCopied, setIsCopied] = useState(false);\n  const [showAbove, setShowAbove] = useState(true);\n  const [hoveredItem, setHoveredItem] = useState<string | null>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const calculatePosition = useCallback(() => {\n    if (!wrapperRef.current) return;\n    const rect = wrapperRef.current.getBoundingClientRect();\n    const spaceAbove = rect.top;\n    setShowAbove(spaceAbove >= POPOVER_HEIGHT + POPOVER_GAP);\n  }, []);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n    if (closeTimeoutRef.current) {\n      clearTimeout(closeTimeoutRef.current);\n      closeTimeoutRef.current = null;\n    }\n    calculatePosition();\n    setIsOpen(true);\n  }, [calculatePosition]);\n\n  const handleMouseLeave = useCallback(() => {\n    closeTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false);\n      setIsHovered(false);\n      setHoveredItem(null);\n    }, 150);\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (closeTimeoutRef.current) {\n        clearTimeout(closeTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const copyToClipboard = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(address);\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    } catch (err) {\n      console.error(\"Failed to copy address:\", err);\n    }\n  }, [address]);\n\n  const triggerElement = asChild ? (\n    <Slot data-renown-state=\"authenticated\">{children}</Slot>\n  ) : (\n    <button\n      type=\"button\"\n      style={{\n        ...styles.trigger,\n        ...(isHovered ? styles.triggerHover : {}),\n        ...style,\n      }}\n      aria-label=\"Open account menu\"\n      data-renown-state=\"authenticated\"\n    >\n      {avatarUrl ? (\n        <img src={avatarUrl} alt=\"Avatar\" style={styles.avatar} />\n      ) : (\n        <div style={styles.avatarPlaceholder}>\n          <span style={styles.avatarInitial}>\n            {(displayName || \"U\")[0].toUpperCase()}\n          </span>\n        </div>\n      )}\n      <span style={styles.displayName}>{displayName}</span>\n      <ChevronDownIcon\n        size={14}\n        style={{\n          ...styles.chevron,\n          ...(isOpen ? styles.chevronOpen : {}),\n        }}\n      />\n    </button>\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      style={styles.wrapper}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {triggerElement}\n      {isOpen && (\n        <div\n          style={{\n            ...styles.popoverBase,\n            ...(showAbove\n              ? { bottom: `calc(100% + ${POPOVER_GAP}px)` }\n              : { top: `calc(100% + ${POPOVER_GAP}px)` }),\n          }}\n        >\n          <div style={styles.header}>\n            {username && <div style={styles.headerUsername}>{username}</div>}\n            {address && (\n              <div style={styles.addressRow}>\n                <button\n                  type=\"button\"\n                  onClick={() => void copyToClipboard()}\n                  style={styles.addressButton}\n                >\n                  <div\n                    style={{\n                      position: \"relative\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      gap: \"4px\",\n                      width: \"100%\",\n                    }}\n                  >\n                    <div\n                      style={{\n                        ...styles.addressText,\n                        opacity: isCopied ? 0 : 1,\n                      }}\n                    >\n                      <span>{truncateAddress(address)}</span>\n                      <CopyIcon size={12} color=\"#9ca3af\" />\n                    </div>\n                    <div\n                      style={{\n                        ...styles.copiedText,\n                        opacity: isCopied ? 1 : 0,\n                      }}\n                    >\n                      Copied!\n                    </div>\n                  </div>\n                </button>\n              </div>\n            )}\n          </div>\n          <div style={styles.menuSection}>\n            {profileId && (\n              <button\n                type=\"button\"\n                onClick={() => openRenown(profileId)}\n                onMouseEnter={() => setHoveredItem(\"profile\")}\n                onMouseLeave={() => setHoveredItem(null)}\n                style={{\n                  ...styles.menuItem,\n                  ...(hoveredItem === \"profile\" ? styles.menuItemHover : {}),\n                }}\n              >\n                <UserIcon size={14} color=\"#6b7280\" />\n                View Profile\n              </button>\n            )}\n            {menuItems?.map((item) => (\n              <button\n                key={item.label}\n                type=\"button\"\n                onClick={item.onClick}\n                onMouseEnter={() => setHoveredItem(item.label)}\n                onMouseLeave={() => setHoveredItem(null)}\n                style={{\n                  ...styles.menuItem,\n                  ...(hoveredItem === item.label ? styles.menuItemHover : {}),\n                  ...item.style,\n                }}\n              >\n                {item.icon}\n                {item.label}\n              </button>\n            ))}\n          </div>\n          <hr style={styles.separator} />\n          <div style={styles.menuSection}>\n            <button\n              type=\"button\"\n              onClick={onDisconnect}\n              onMouseEnter={() => setHoveredItem(\"disconnect\")}\n              onMouseLeave={() => setHoveredItem(null)}\n              style={{\n                ...styles.menuItem,\n                ...styles.disconnectItem,\n                ...(hoveredItem === \"disconnect\" ? styles.menuItemHover : {}),\n              }}\n            >\n              <DisconnectIcon size={14} color=\"#dc2626\" />\n              Log out\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { ReactNode } from \"react\";\nimport { type RenownAuth, useRenownAuth } from \"../use-renown-auth.js\";\nimport { RenownLoginButton } from \"./RenownLoginButton.js\";\nimport { RenownUserButton } from \"./RenownUserButton.js\";\n\nexport interface RenownAuthButtonProps {\n  className?: string;\n  darkMode?: boolean;\n  loginContent?: ReactNode;\n  userContent?: ReactNode;\n  loadingContent?: ReactNode;\n  children?: (auth: RenownAuth) => ReactNode;\n}\n\nexport function RenownAuthButton({\n  className = \"\",\n  darkMode,\n  loginContent,\n  userContent,\n  loadingContent,\n  children,\n}: RenownAuthButtonProps) {\n  const auth = useRenownAuth();\n\n  if (children) {\n    return <>{children(auth)}</>;\n  }\n\n  if (auth.status === \"loading\" || auth.status === \"checking\") {\n    if (loadingContent) {\n      return <div className={className}>{loadingContent}</div>;\n    }\n\n    return (\n      <div className={className}>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: \"8px\",\n            padding: \"6px 12px\",\n            borderRadius: \"8px\",\n            border: \"1px solid #e5e7eb\",\n            animation: \"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n          }}\n        >\n          <div\n            style={{\n              width: \"28px\",\n              height: \"28px\",\n              borderRadius: \"50%\",\n              backgroundColor: \"#e5e7eb\",\n            }}\n          />\n          <div\n            style={{\n              width: \"80px\",\n              height: \"14px\",\n              borderRadius: \"4px\",\n              backgroundColor: \"#e5e7eb\",\n            }}\n          />\n        </div>\n        <style>{`@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }`}</style>\n      </div>\n    );\n  }\n\n  if (auth.status === \"authorized\") {\n    if (userContent) {\n      return <div className={className}>{userContent}</div>;\n    }\n\n    return (\n      <div className={className}>\n        <RenownUserButton />\n      </div>\n    );\n  }\n\n  if (loginContent) {\n    return <div className={className}>{loginContent}</div>;\n  }\n\n  return (\n    <div className={className}>\n      <RenownLoginButton darkMode={darkMode} />\n    </div>\n  );\n}\n","import { BrowserKeyStorage, RenownCryptoBuilder } from \"@renown/sdk\";\n\n/**\n * @deprecated Use {@link initRenownCrypto} instead\n *\n * Initialize ConnectCrypto\n * @returns ConnectCrypto instance\n */\nexport async function initConnectCrypto() {\n  return initRenownCrypto();\n}\n\n/**\n * Initialize RenownCrypto\n * @returns RenownCrypto instance\n */\nexport async function initRenownCrypto() {\n  const keyStorage = await BrowserKeyStorage.create();\n  return await new RenownCryptoBuilder().withKeyPairStorage(keyStorage).build();\n}\n","import type { IRenown } from \"@renown/sdk\";\nimport { RenownBuilder } from \"@renown/sdk\";\nimport { useEffect, useRef } from \"react\";\nimport { loading } from \"../hooks/loading.js\";\nimport { addRenownEventHandler, setRenown } from \"../hooks/renown.js\";\nimport { login } from \"./utils.js\";\n\nexport interface RenownInitOptions {\n  appName: string;\n  /**\n   * Prefix for localStorage keys, allowing multiple apps\n   * to use Renown on the same domain without conflicts.\n   */\n  namespace?: string;\n  url?: string;\n}\n\nasync function initRenown(\n  appName: string,\n  namespace: string | undefined,\n  url: string | undefined,\n): Promise<IRenown> {\n  addRenownEventHandler();\n  setRenown(loading);\n\n  const builder = new RenownBuilder(appName, {\n    basename: namespace,\n    baseUrl: url,\n  });\n  const renown = await builder.build();\n  setRenown(renown);\n\n  await login(undefined, renown);\n\n  return renown;\n}\n\n/**\n * Hook that initializes the Renown SDK.\n * Call once at the top of your app. Options are read only on first mount.\n * Returns a promise that resolves with the Renown instance.\n *\n * @example\n * ```tsx\n * function App() {\n *   const renownPromise = useRenownInit({ appName: \"my-app\" });\n *   return <MyApp />;\n * }\n * ```\n */\nexport function useRenownInit({\n  appName,\n  namespace,\n  url,\n}: RenownInitOptions): Promise<IRenown> {\n  // Stable promise returned every render; resolved later by the init effect.\n  const promiseRef = useRef<PromiseWithResolvers<IRenown> | null>(null);\n  promiseRef.current ??= Promise.withResolvers<IRenown>();\n\n  const initRef = useRef(false);\n\n  // Init must run in an effect, not during render: setRenown() mutates the\n  // useSyncExternalStore-backed store, which would update subscribers mid-render.\n  useEffect(() => {\n    if (initRef.current) return;\n    initRef.current = true;\n\n    initRenown(appName, namespace, url)\n      .then(promiseRef.current!.resolve)\n      .catch(promiseRef.current!.reject);\n  }, []);\n\n  return promiseRef.current.promise;\n}\n","import { type RenownInitOptions, useRenownInit } from \"./use-renown-init.js\";\n\nexport interface RenownProps extends RenownInitOptions {\n  onError?: (error: unknown) => void;\n}\n\n/**\n * Side-effect component that initializes the Renown SDK.\n * Renders nothing — place it alongside your app tree.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <>\n *       <Renown appName=\"my-app\" onError={console.error} />\n *       <MyApp />\n *     </>\n *   );\n * }\n * ```\n */\nexport function Renown({ onError, ...initOptions }: RenownProps) {\n  useRenownInit(initOptions).catch(onError ?? console.error);\n  return null;\n}\n"],"mappings":"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"}

package/dist/src/analytics/index.d.ts

@@ -31,7 +31,7 @@ type AnalyticsProviderProps = BaseAnalyticsProviderProps & ({
 declare function AnalyticsProvider({
   children,
   queryClient,
-  ...props
+  ..._props
 }: AnalyticsProviderProps): react_jsx_runtime0.JSX.Element;
 declare function useAnalyticsEngine(): AnalyticsQueryEngine | undefined;
 declare function useAnalyticsEngineAsync(): _tanstack_react_query0.UseQueryResult<AnalyticsQueryEngine, Error>;

package/dist/src/analytics/index.js

@@ -1,4 +1,4 @@
-import { _ as getAnalyticsStore, g as createAnalyticsStore, t as useDocumentById, y as getGlobal } from "../../document-by-id-DuujBqAQ.js";
+import { _ as getAnalyticsStore, g as createAnalyticsStore, t as useDocumentById, y as getGlobal } from "../../document-by-id-BrIy0iHX.js";
 import { childLogger } from "document-model";
 import { AnalyticsGranularity, AnalyticsPath } from "@powerhousedao/analytics-engine-core";
 import { useEffect } from "react";
@@ -62,7 +62,7 @@ function CreateAnalyticsStore() {
 	}, []);
 	return null;
 }
-function AnalyticsProvider({ children, queryClient = defaultQueryClient, ...props }) {
+function AnalyticsProvider({ children, queryClient = defaultQueryClient, ..._props }) {
 	return /* @__PURE__ */ jsxs(QueryClientProvider, {
 		client: queryClient,
 		children: [/* @__PURE__ */ jsx(CreateAnalyticsStore, {}), children]

package/dist/src/analytics/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/analytics/context.tsx","../../../src/analytics/hooks/analytics-query.ts","../../../src/analytics/hooks/timeline-items.ts","../../../src/analytics/hooks/document-timeline.ts"],"sourcesContent":["import type { AnalyticsQueryEngine } from \"@powerhousedao/analytics-engine-core\";\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useMutation,\n  useQuery,\n  useQueryClient,\n  useSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport { childLogger } from \"document-model\";\nimport type { PropsWithChildren } from \"react\";\nimport { useEffect } from \"react\";\nimport { getGlobal } from \"../global/core.js\";\nimport type { CreateStoreOptions } from \"./store.js\";\nimport { getAnalyticsStore } from \"./store.js\";\n\nconst logger = childLogger([\"reactor-browser\", \"analytics\", \"provider\"]);\n\nconst defaultQueryClient = new QueryClient();\n\nexport const analyticsOptionsKey = [\"analytics\", \"options\"] as const;\nexport const analyticsStoreKey = [\"analytics\", \"store\"] as const;\nexport const analyticsEngineKey = [\"analytics\", \"engine\"] as const;\n\nexport function useAnalyticsStoreOptions() {\n  return useQuery<CreateStoreOptions | undefined>({\n    queryKey: analyticsOptionsKey,\n  }).data;\n}\n\nexport function useCreateAnalyticsStore(options?: CreateStoreOptions) {\n  const queryClient = useQueryClient();\n  useEffect(() => {\n    queryClient.setQueryDefaults(analyticsOptionsKey, {\n      queryFn: () => options,\n      staleTime: Infinity,\n      gcTime: Infinity,\n    });\n  }, [queryClient, options]);\n\n  return useMutation({\n    mutationFn: async () => {\n      const store = getAnalyticsStore();\n      queryClient.setQueryDefaults(analyticsStoreKey, {\n        queryFn: () => store,\n        staleTime: Infinity,\n        gcTime: Infinity,\n      });\n      return store;\n    },\n  });\n}\n\nexport function useAnalyticsStoreQuery(options?: CreateStoreOptions) {\n  return useSuspenseQuery({\n    queryKey: [analyticsStoreKey, options],\n    queryFn: () => getAnalyticsStore(),\n    retry: true,\n  });\n}\n\nexport function useAnalyticsStore(options?: CreateStoreOptions) {\n  const store = useAnalyticsStoreQuery(options);\n  return store.data;\n}\n\nexport function useAnalyticsStoreAsync(options?: CreateStoreOptions) {\n  return useQuery({\n    queryKey: [analyticsStoreKey, options],\n    queryFn: () => getAnalyticsStore(),\n    retry: true,\n    throwOnError: false,\n  });\n}\n\ninterface BaseAnalyticsProviderProps extends PropsWithChildren {\n  /**\n   * Custom QueryClient instance\n   * @default undefined\n   */\n  queryClient?: QueryClient;\n}\n\ntype AnalyticsProviderProps = BaseAnalyticsProviderProps &\n  (\n    | {\n        options?: CreateStoreOptions;\n      }\n    | {\n        databaseName?: string;\n      }\n  );\n\nfunction CreateAnalyticsStore() {\n  const { mutate } = useCreateAnalyticsStore();\n\n  useEffect(() => {\n    mutate();\n  }, []);\n\n  return null;\n}\n\nexport function AnalyticsProvider({\n  children,\n  queryClient = defaultQueryClient,\n  ...props\n}: AnalyticsProviderProps) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <CreateAnalyticsStore />\n      {children}\n    </QueryClientProvider>\n  );\n}\n\nexport function useAnalyticsEngine(): AnalyticsQueryEngine | undefined {\n  return useSuspenseQuery({\n    queryKey: analyticsEngineKey,\n    queryFn: async () => {\n      const globalAnalytics = getGlobal(\"analytics\");\n      if (!globalAnalytics) {\n        throw new Error(\"No analytics store available\");\n      }\n      return (await globalAnalytics).engine;\n    },\n    retry: false,\n  }).data;\n}\n\nexport function useAnalyticsEngineAsync() {\n  return useQuery({\n    queryKey: analyticsEngineKey,\n    queryFn: async () => {\n      const globalAnalytics = getGlobal(\"analytics\");\n      if (!globalAnalytics) {\n        throw new Error(\"No analytics store available\");\n      }\n      return (await globalAnalytics).engine;\n    },\n    retry: false,\n  });\n}\n","import type {\n  AnalyticsQuery,\n  AnalyticsQueryEngine,\n  AnalyticsSeries,\n  AnalyticsSeriesInput,\n  AnalyticsSeriesQuery,\n  GroupedPeriodResults,\n  IAnalyticsStore,\n} from \"@powerhousedao/analytics-engine-core\";\nimport { AnalyticsPath } from \"@powerhousedao/analytics-engine-core\";\nimport type {\n  UseMutationOptions,\n  UseQueryOptions,\n  UseQueryResult,\n} from \"@tanstack/react-query\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useEffect } from \"react\";\nimport {\n  useAnalyticsEngineAsync,\n  useAnalyticsStoreAsync,\n  useAnalyticsStoreOptions,\n} from \"../context.js\";\nimport { getAnalyticsStore } from \"../store.js\";\n\nfunction useAnalyticsQueryWrapper<TQueryFnData = unknown, TData = TQueryFnData>(\n  options: Omit<UseQueryOptions<TQueryFnData, Error, TData>, \"queryFn\"> & {\n    queryFn: (analytics: {\n      store: IAnalyticsStore;\n      engine: AnalyticsQueryEngine;\n    }) => Promise<TQueryFnData> | TQueryFnData;\n  },\n) {\n  const { queryFn, ...queryOptions } = options;\n  const { data: store } = useAnalyticsStoreAsync();\n  const { data: engine } = useAnalyticsEngineAsync();\n  const enabled =\n    \"enabled\" in queryOptions ? queryOptions.enabled : !!store && !!engine;\n\n  return useQuery({\n    ...queryOptions,\n    enabled,\n    queryFn: async () => {\n      if (!store || !engine) {\n        throw new Error(\n          \"No analytics store available. Use within an AnalyticsProvider.\",\n        );\n      }\n      return await queryFn({ store, engine });\n    },\n  });\n}\n\nfunction useAnalyticsMutationWrapper<TVariables, TData>(\n  options: Omit<UseMutationOptions<TData, Error, TVariables>, \"mutationFn\"> & {\n    mutationFn: (\n      variables: TVariables,\n      context: {\n        store: IAnalyticsStore;\n      },\n    ) => Promise<TData> | TData;\n  },\n) {\n  const { mutationFn, ...mutationOptions } = options;\n  const storeOptions = useAnalyticsStoreOptions();\n\n  return useMutation({\n    ...mutationOptions,\n    mutationFn: async (value: TVariables) => {\n      let store: IAnalyticsStore | null = null;\n      try {\n        store = await getAnalyticsStore();\n      } catch (e) {\n        console.error(e);\n      }\n\n      if (!store) {\n        throw new Error(\n          \"No analytics store available. Use within an AnalyticsProvider.\",\n        );\n      }\n      return await mutationFn(value, { store });\n    },\n  });\n}\n\nexport type UseAnalyticsQueryOptions<TData = GroupedPeriodResults> = Omit<\n  UseQueryOptions<GroupedPeriodResults, Error, TData>,\n  \"queryKey\" | \"queryFn\"\n> & {\n  sources?: AnalyticsPath[];\n};\n\nexport type UseAnalyticsQueryResult<TData = GroupedPeriodResults> =\n  UseQueryResult<TData>;\n\nconst DEBOUNCE_INTERVAL = 200;\n\nexport function useAnalyticsQuery<TData = GroupedPeriodResults>(\n  query: AnalyticsQuery,\n  options?: UseAnalyticsQueryOptions<TData>,\n): UseAnalyticsQueryResult<TData> {\n  const { data: store } = useAnalyticsStoreAsync();\n  const queryClient = useQueryClient();\n  const sources = options?.sources ?? [];\n\n  const result = useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"query\", query],\n    queryFn: ({ engine }) => engine.execute(query),\n    ...options,\n  });\n\n  useEffect(() => {\n    if (!sources.length || !store) {\n      return;\n    }\n\n    const subscriptions = new Array<() => void>();\n    // Debounce invalidateQueries so it's not called too frequently\n    let invalidateTimeout: ReturnType<typeof setTimeout> | null = null;\n    const debouncedInvalidate = () => {\n      if (invalidateTimeout) clearTimeout(invalidateTimeout);\n      invalidateTimeout = setTimeout(() => {\n        queryClient\n          .invalidateQueries({\n            queryKey: [\"analytics\", \"query\", query],\n          })\n          .catch((e) => {\n            console.error(e);\n          });\n      }, DEBOUNCE_INTERVAL);\n    };\n\n    sources.forEach((path) => {\n      const unsub = store.subscribeToSource(path, debouncedInvalidate);\n      subscriptions.push(unsub);\n    });\n\n    // Unsubscribes from store when component unmounts or dependencies change\n    return () => {\n      subscriptions.forEach((unsub) => unsub());\n    };\n  }, [query, store, sources]);\n\n  return result;\n}\n\nexport type UseAnalyticsSeriesOptions = Omit<\n  UseQueryOptions<AnalyticsSeries[], Error, AnalyticsSeries[]>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useAnalyticsSeries(\n  query: AnalyticsSeriesQuery,\n  options?: UseAnalyticsSeriesOptions,\n) {\n  return useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"series\", query],\n    queryFn: ({ store }) => store.getMatchingSeries(query),\n    ...options,\n  });\n}\n\nexport type UseAddSeriesValueOptions = Omit<\n  UseMutationOptions<void, Error, AnalyticsSeriesInput>,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useAddSeriesValue(options?: UseAddSeriesValueOptions) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"addSeries\"],\n    mutationFn: async (value, { store }) => {\n      return await store.addSeriesValue(value);\n    },\n    ...options,\n  });\n}\n\nexport type UseClearSeriesBySourceOptions = Omit<\n  UseMutationOptions<\n    number,\n    Error,\n    { source: AnalyticsPath; cleanUpDimensions?: boolean }\n  >,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useClearSeriesBySource(\n  options?: UseClearSeriesBySourceOptions,\n) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"clearSeries\"],\n    mutationFn: async ({ source, cleanUpDimensions }, { store }) => {\n      return store.clearSeriesBySource(source, cleanUpDimensions);\n    },\n    ...options,\n  });\n}\n\nexport type UseClearEmptyAnalyticsDimensionsOptions = Omit<\n  UseMutationOptions<number>,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useClearEmptyAnalyticsDimensions(\n  options?: UseClearEmptyAnalyticsDimensionsOptions,\n) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"clearEmptyDimensions\"],\n    mutationFn: async (_, { store }) => {\n      return store.clearEmptyAnalyticsDimensions();\n    },\n    ...options,\n  });\n}\n\nexport type UseAddSeriesValuesOptions = Omit<\n  UseMutationOptions<void, Error, AnalyticsSeriesInput[]>,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useAddSeriesValues(options?: UseAddSeriesValuesOptions) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"addSeriesValues\"],\n    mutationFn: async (values, { store }) => {\n      return store.addSeriesValues(values);\n    },\n    ...options,\n  });\n}\n\nexport type UseGetDimensionsOptions<TData> = Omit<\n  UseQueryOptions<any, Error, TData>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useGetDimensions<TData = any>(\n  options?: UseGetDimensionsOptions<TData>,\n) {\n  return useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"dimensions\"],\n    queryFn: ({ store }) => store.getDimensions(),\n    ...options,\n  });\n}\n\nexport type UseMatchingSeriesOptions = Omit<\n  UseQueryOptions<AnalyticsSeries[], Error, AnalyticsSeries[]>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useMatchingSeries(\n  query: AnalyticsSeriesQuery,\n  options?: UseMatchingSeriesOptions,\n) {\n  const result = useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"matchingSeries\", query],\n    queryFn: ({ store }) => store.getMatchingSeries(query),\n    ...options,\n  });\n\n  return result;\n}\n\nexport type UseQuerySourcesOptions = Omit<\n  UseQueryOptions<AnalyticsPath[] | undefined>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useQuerySources(\n  query: AnalyticsSeriesQuery,\n  options?: UseQuerySourcesOptions,\n) {\n  const { data: matchingSeries } = useMatchingSeries(query);\n\n  return useQuery({\n    queryKey: [\"analytics\", \"sources\", query],\n    queryFn: () => {\n      if (!matchingSeries?.length) {\n        return [];\n      }\n      const uniqueSources = [\n        ...new Set(matchingSeries.map((s) => s.source.toString())),\n      ];\n      return uniqueSources.map((source) => AnalyticsPath.fromString(source));\n    },\n    enabled: !!matchingSeries,\n    ...options,\n  });\n}\n","import type { GroupedPeriodResults } from \"@powerhousedao/analytics-engine-core\";\nimport {\n  AnalyticsGranularity,\n  AnalyticsPath,\n} from \"@powerhousedao/analytics-engine-core\";\nimport { DateTime } from \"luxon\";\nimport type { UseAnalyticsQueryResult } from \"./analytics-query.js\";\nimport { useAnalyticsQuery } from \"./analytics-query.js\";\n\nconst getBarSize = (value: number) => {\n  if (value <= 0) return 0;\n  if (value > 0 && value <= 50) return 1;\n  if (value > 50 && value <= 100) return 2;\n  if (value > 100 && value <= 250) return 3;\n  return 4;\n};\n\n// Define types for our timeline items\ntype BarItem = {\n  id: string;\n  type: \"bar\";\n  addSize: 0 | 1 | 2 | 3 | 4;\n  delSize: 0 | 1 | 2 | 3 | 4;\n  additions: number;\n  deletions: number;\n  timestampUtcMs: string;\n  startDate: Date;\n  endDate: Date;\n  revision?: number;\n};\n\ntype DividerItem = {\n  id: string;\n  type: \"divider\";\n  revision?: number;\n  startDate?: Date;\n  endDate?: Date;\n};\n\ntype TimelineItem = BarItem | DividerItem;\n\nfunction addItemsDividers(items: BarItem[]): TimelineItem[] {\n  if (!items.length) return [];\n\n  const result: TimelineItem[] = [];\n  items.forEach((item, index) => {\n    result.push(item);\n\n    // Check if there's a next item and if they're not in consecutive hours\n    if (index < items.length - 1) {\n      const currentDate = new Date(item.startDate);\n      const nextDate = new Date(items[index + 1].startDate);\n\n      const currentHour = currentDate.getHours();\n      const nextHour = nextDate.getHours();\n\n      // Get day parts (without time) for comparison\n      const currentDay = currentDate.toDateString();\n      const nextDay = nextDate.toDateString();\n\n      // If different days or non-consecutive hours on the same day\n      if (\n        currentDay !== nextDay ||\n        (currentDay === nextDay && Math.abs(nextHour - currentHour) > 1)\n      ) {\n        result.push({\n          id: `divider-${item.id}-${items[index + 1].id}`,\n          type: \"divider\" as const,\n          revision: 0,\n        });\n      }\n    }\n  });\n\n  return result;\n}\n\nfunction metricsToItems(metrics: GroupedPeriodResults): TimelineItem[] {\n  if (!metrics) return [];\n\n  const items = metrics\n    .sort((a, b) => {\n      const aDate = new Date(a.start as unknown as Date);\n      const bDate = new Date(b.start as unknown as Date);\n      return aDate.getTime() - bDate.getTime();\n    })\n    .filter((result) => {\n      return result.rows.every((row) => row.value > 0);\n    })\n    .map((result) => {\n      const { additions, deletions } = result.rows.reduce(\n        (acc, row) => {\n          if (\n            (row.dimensions.changes.path as unknown as string) ===\n            \"ph/diff/changes/add\"\n          ) {\n            acc.additions += row.value;\n          } else if (\n            (row.dimensions.changes.path as unknown as string) ===\n            \"ph/diff/changes/remove\"\n          ) {\n            acc.deletions += row.value;\n          }\n          return acc;\n        },\n        { additions: 0, deletions: 0 },\n      );\n\n      const startDate = new Date(result.start as unknown as Date);\n\n      return {\n        id: startDate.toISOString(),\n        type: \"bar\" as const,\n        addSize: getBarSize(additions),\n        delSize: getBarSize(deletions),\n        additions,\n        deletions,\n        timestampUtcMs: startDate.toISOString(),\n        startDate: startDate,\n        endDate: new Date(result.end as unknown as Date),\n        revision: 0,\n      } as const;\n    });\n\n  return addItemsDividers(items);\n}\n\nexport type UseTimelineItemsResult = UseAnalyticsQueryResult<TimelineItem[]>;\n\nexport const useTimelineItems = (\n  documentId?: string,\n  startTimestamp?: string,\n  driveId?: string,\n): UseTimelineItemsResult => {\n  const start = startTimestamp\n    ? DateTime.fromISO(startTimestamp)\n    : DateTime.now().startOf(\"day\");\n\n  return useAnalyticsQuery<TimelineItem[]>(\n    {\n      start,\n      end: DateTime.now().endOf(\"day\"),\n      granularity: AnalyticsGranularity.Hourly,\n      metrics: [\"Count\"],\n      select: {\n        changes: [AnalyticsPath.fromString(`ph/diff/changes`)],\n        document: [AnalyticsPath.fromString(`ph/diff/document/${documentId}`)],\n      },\n      lod: {\n        changes: 4,\n      },\n    },\n    {\n      sources: [AnalyticsPath.fromString(`ph/diff/${driveId}/${documentId}`)],\n      select: metricsToItems,\n    },\n  );\n};\n","import { useDocumentById } from \"../../hooks/document-by-id.js\";\nimport { useTimelineItems } from \"./timeline-items.js\";\n\nexport function useDocumentTimeline(documentId?: string) {\n  const [document] = useDocumentById(documentId);\n\n  const id = document?.header.id;\n  const createdAt = document?.header.createdAtUtcIso;\n  const timelineItems = useTimelineItems(id, createdAt);\n\n  return timelineItems.data || [];\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/analytics/context.tsx","../../../src/analytics/hooks/analytics-query.ts","../../../src/analytics/hooks/timeline-items.ts","../../../src/analytics/hooks/document-timeline.ts"],"sourcesContent":["import type { AnalyticsQueryEngine } from \"@powerhousedao/analytics-engine-core\";\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useMutation,\n  useQuery,\n  useQueryClient,\n  useSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport { childLogger } from \"document-model\";\nimport type { PropsWithChildren } from \"react\";\nimport { useEffect } from \"react\";\nimport { getGlobal } from \"../global/core.js\";\nimport type { CreateStoreOptions } from \"./store.js\";\nimport { getAnalyticsStore } from \"./store.js\";\n\nconst _logger = childLogger([\"reactor-browser\", \"analytics\", \"provider\"]);\n\nconst defaultQueryClient = new QueryClient();\n\nexport const analyticsOptionsKey = [\"analytics\", \"options\"] as const;\nexport const analyticsStoreKey = [\"analytics\", \"store\"] as const;\nexport const analyticsEngineKey = [\"analytics\", \"engine\"] as const;\n\nexport function useAnalyticsStoreOptions() {\n  return useQuery<CreateStoreOptions | undefined>({\n    queryKey: analyticsOptionsKey,\n  }).data;\n}\n\nexport function useCreateAnalyticsStore(options?: CreateStoreOptions) {\n  const queryClient = useQueryClient();\n  useEffect(() => {\n    queryClient.setQueryDefaults(analyticsOptionsKey, {\n      queryFn: () => options,\n      staleTime: Infinity,\n      gcTime: Infinity,\n    });\n  }, [queryClient, options]);\n\n  return useMutation({\n    mutationFn: async () => {\n      const store = getAnalyticsStore();\n      queryClient.setQueryDefaults(analyticsStoreKey, {\n        queryFn: () => store,\n        staleTime: Infinity,\n        gcTime: Infinity,\n      });\n      return store;\n    },\n  });\n}\n\nexport function useAnalyticsStoreQuery(options?: CreateStoreOptions) {\n  return useSuspenseQuery({\n    queryKey: [analyticsStoreKey, options],\n    queryFn: () => getAnalyticsStore(),\n    retry: true,\n  });\n}\n\nexport function useAnalyticsStore(options?: CreateStoreOptions) {\n  const store = useAnalyticsStoreQuery(options);\n  return store.data;\n}\n\nexport function useAnalyticsStoreAsync(options?: CreateStoreOptions) {\n  return useQuery({\n    queryKey: [analyticsStoreKey, options],\n    queryFn: () => getAnalyticsStore(),\n    retry: true,\n    throwOnError: false,\n  });\n}\n\ninterface BaseAnalyticsProviderProps extends PropsWithChildren {\n  /**\n   * Custom QueryClient instance\n   * @default undefined\n   */\n  queryClient?: QueryClient;\n}\n\ntype AnalyticsProviderProps = BaseAnalyticsProviderProps &\n  (\n    | {\n        options?: CreateStoreOptions;\n      }\n    | {\n        databaseName?: string;\n      }\n  );\n\nfunction CreateAnalyticsStore() {\n  const { mutate } = useCreateAnalyticsStore();\n\n  useEffect(() => {\n    mutate();\n  }, []);\n\n  return null;\n}\n\nexport function AnalyticsProvider({\n  children,\n  queryClient = defaultQueryClient,\n  ..._props\n}: AnalyticsProviderProps) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <CreateAnalyticsStore />\n      {children}\n    </QueryClientProvider>\n  );\n}\n\nexport function useAnalyticsEngine(): AnalyticsQueryEngine | undefined {\n  return useSuspenseQuery({\n    queryKey: analyticsEngineKey,\n    queryFn: async () => {\n      const globalAnalytics = getGlobal(\"analytics\");\n      if (!globalAnalytics) {\n        throw new Error(\"No analytics store available\");\n      }\n      return (await globalAnalytics).engine;\n    },\n    retry: false,\n  }).data;\n}\n\nexport function useAnalyticsEngineAsync() {\n  return useQuery({\n    queryKey: analyticsEngineKey,\n    queryFn: async () => {\n      const globalAnalytics = getGlobal(\"analytics\");\n      if (!globalAnalytics) {\n        throw new Error(\"No analytics store available\");\n      }\n      return (await globalAnalytics).engine;\n    },\n    retry: false,\n  });\n}\n","import type {\n  AnalyticsQuery,\n  AnalyticsQueryEngine,\n  AnalyticsSeries,\n  AnalyticsSeriesInput,\n  AnalyticsSeriesQuery,\n  GroupedPeriodResults,\n  IAnalyticsStore,\n} from \"@powerhousedao/analytics-engine-core\";\nimport { AnalyticsPath } from \"@powerhousedao/analytics-engine-core\";\nimport type {\n  UseMutationOptions,\n  UseQueryOptions,\n  UseQueryResult,\n} from \"@tanstack/react-query\";\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useEffect } from \"react\";\nimport {\n  useAnalyticsEngineAsync,\n  useAnalyticsStoreAsync,\n  useAnalyticsStoreOptions,\n} from \"../context.js\";\nimport { getAnalyticsStore } from \"../store.js\";\n\nfunction useAnalyticsQueryWrapper<TQueryFnData = unknown, TData = TQueryFnData>(\n  options: Omit<UseQueryOptions<TQueryFnData, Error, TData>, \"queryFn\"> & {\n    queryFn: (analytics: {\n      store: IAnalyticsStore;\n      engine: AnalyticsQueryEngine;\n    }) => Promise<TQueryFnData> | TQueryFnData;\n  },\n) {\n  const { queryFn, ...queryOptions } = options;\n  const { data: store } = useAnalyticsStoreAsync();\n  const { data: engine } = useAnalyticsEngineAsync();\n  const enabled =\n    \"enabled\" in queryOptions ? queryOptions.enabled : !!store && !!engine;\n\n  return useQuery({\n    ...queryOptions,\n    enabled,\n    queryFn: async () => {\n      if (!store || !engine) {\n        throw new Error(\n          \"No analytics store available. Use within an AnalyticsProvider.\",\n        );\n      }\n      return await queryFn({ store, engine });\n    },\n  });\n}\n\nfunction useAnalyticsMutationWrapper<TVariables, TData>(\n  options: Omit<UseMutationOptions<TData, Error, TVariables>, \"mutationFn\"> & {\n    mutationFn: (\n      variables: TVariables,\n      context: {\n        store: IAnalyticsStore;\n      },\n    ) => Promise<TData> | TData;\n  },\n) {\n  const { mutationFn, ...mutationOptions } = options;\n  const _storeOptions = useAnalyticsStoreOptions();\n\n  return useMutation({\n    ...mutationOptions,\n    mutationFn: async (value: TVariables) => {\n      let store: IAnalyticsStore | null = null;\n      try {\n        store = await getAnalyticsStore();\n      } catch (e) {\n        console.error(e);\n      }\n\n      if (!store) {\n        throw new Error(\n          \"No analytics store available. Use within an AnalyticsProvider.\",\n        );\n      }\n      return await mutationFn(value, { store });\n    },\n  });\n}\n\nexport type UseAnalyticsQueryOptions<TData = GroupedPeriodResults> = Omit<\n  UseQueryOptions<GroupedPeriodResults, Error, TData>,\n  \"queryKey\" | \"queryFn\"\n> & {\n  sources?: AnalyticsPath[];\n};\n\nexport type UseAnalyticsQueryResult<TData = GroupedPeriodResults> =\n  UseQueryResult<TData>;\n\nconst DEBOUNCE_INTERVAL = 200;\n\nexport function useAnalyticsQuery<TData = GroupedPeriodResults>(\n  query: AnalyticsQuery,\n  options?: UseAnalyticsQueryOptions<TData>,\n): UseAnalyticsQueryResult<TData> {\n  const { data: store } = useAnalyticsStoreAsync();\n  const queryClient = useQueryClient();\n  const sources = options?.sources ?? [];\n\n  const result = useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"query\", query],\n    queryFn: ({ engine }) => engine.execute(query),\n    ...options,\n  });\n\n  useEffect(() => {\n    if (!sources.length || !store) {\n      return;\n    }\n\n    const subscriptions = new Array<() => void>();\n    // Debounce invalidateQueries so it's not called too frequently\n    let invalidateTimeout: ReturnType<typeof setTimeout> | null = null;\n    const debouncedInvalidate = () => {\n      if (invalidateTimeout) clearTimeout(invalidateTimeout);\n      invalidateTimeout = setTimeout(() => {\n        queryClient\n          .invalidateQueries({\n            queryKey: [\"analytics\", \"query\", query],\n          })\n          .catch((e) => {\n            console.error(e);\n          });\n      }, DEBOUNCE_INTERVAL);\n    };\n\n    sources.forEach((path) => {\n      const unsub = store.subscribeToSource(path, debouncedInvalidate);\n      subscriptions.push(unsub);\n    });\n\n    // Unsubscribes from store when component unmounts or dependencies change\n    return () => {\n      subscriptions.forEach((unsub) => unsub());\n    };\n  }, [query, store, sources]);\n\n  return result;\n}\n\nexport type UseAnalyticsSeriesOptions = Omit<\n  UseQueryOptions<AnalyticsSeries[], Error, AnalyticsSeries[]>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useAnalyticsSeries(\n  query: AnalyticsSeriesQuery,\n  options?: UseAnalyticsSeriesOptions,\n) {\n  return useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"series\", query],\n    queryFn: ({ store }) => store.getMatchingSeries(query),\n    ...options,\n  });\n}\n\nexport type UseAddSeriesValueOptions = Omit<\n  UseMutationOptions<void, Error, AnalyticsSeriesInput>,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useAddSeriesValue(options?: UseAddSeriesValueOptions) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"addSeries\"],\n    mutationFn: async (value, { store }) => {\n      return await store.addSeriesValue(value);\n    },\n    ...options,\n  });\n}\n\nexport type UseClearSeriesBySourceOptions = Omit<\n  UseMutationOptions<\n    number,\n    Error,\n    { source: AnalyticsPath; cleanUpDimensions?: boolean }\n  >,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useClearSeriesBySource(\n  options?: UseClearSeriesBySourceOptions,\n) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"clearSeries\"],\n    mutationFn: async ({ source, cleanUpDimensions }, { store }) => {\n      return store.clearSeriesBySource(source, cleanUpDimensions);\n    },\n    ...options,\n  });\n}\n\nexport type UseClearEmptyAnalyticsDimensionsOptions = Omit<\n  UseMutationOptions<number>,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useClearEmptyAnalyticsDimensions(\n  options?: UseClearEmptyAnalyticsDimensionsOptions,\n) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"clearEmptyDimensions\"],\n    mutationFn: async (_, { store }) => {\n      return store.clearEmptyAnalyticsDimensions();\n    },\n    ...options,\n  });\n}\n\nexport type UseAddSeriesValuesOptions = Omit<\n  UseMutationOptions<void, Error, AnalyticsSeriesInput[]>,\n  \"mutationKey\" | \"mutationFn\"\n>;\n\nexport function useAddSeriesValues(options?: UseAddSeriesValuesOptions) {\n  return useAnalyticsMutationWrapper({\n    mutationKey: [\"analytics\", \"addSeriesValues\"],\n    mutationFn: async (values, { store }) => {\n      return store.addSeriesValues(values);\n    },\n    ...options,\n  });\n}\n\nexport type UseGetDimensionsOptions<TData> = Omit<\n  UseQueryOptions<any, Error, TData>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useGetDimensions<TData = any>(\n  options?: UseGetDimensionsOptions<TData>,\n) {\n  return useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"dimensions\"],\n    queryFn: ({ store }) => store.getDimensions(),\n    ...options,\n  });\n}\n\nexport type UseMatchingSeriesOptions = Omit<\n  UseQueryOptions<AnalyticsSeries[], Error, AnalyticsSeries[]>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useMatchingSeries(\n  query: AnalyticsSeriesQuery,\n  options?: UseMatchingSeriesOptions,\n) {\n  const result = useAnalyticsQueryWrapper({\n    queryKey: [\"analytics\", \"matchingSeries\", query],\n    queryFn: ({ store }) => store.getMatchingSeries(query),\n    ...options,\n  });\n\n  return result;\n}\n\nexport type UseQuerySourcesOptions = Omit<\n  UseQueryOptions<AnalyticsPath[] | undefined>,\n  \"queryKey\" | \"queryFn\"\n>;\n\nexport function useQuerySources(\n  query: AnalyticsSeriesQuery,\n  options?: UseQuerySourcesOptions,\n) {\n  const { data: matchingSeries } = useMatchingSeries(query);\n\n  return useQuery({\n    queryKey: [\"analytics\", \"sources\", query],\n    queryFn: () => {\n      if (!matchingSeries?.length) {\n        return [];\n      }\n      const uniqueSources = [\n        ...new Set(matchingSeries.map((s) => s.source.toString())),\n      ];\n      return uniqueSources.map((source) => AnalyticsPath.fromString(source));\n    },\n    enabled: !!matchingSeries,\n    ...options,\n  });\n}\n","import type { GroupedPeriodResults } from \"@powerhousedao/analytics-engine-core\";\nimport {\n  AnalyticsGranularity,\n  AnalyticsPath,\n} from \"@powerhousedao/analytics-engine-core\";\nimport { DateTime } from \"luxon\";\nimport type { UseAnalyticsQueryResult } from \"./analytics-query.js\";\nimport { useAnalyticsQuery } from \"./analytics-query.js\";\n\nconst getBarSize = (value: number) => {\n  if (value <= 0) return 0;\n  if (value > 0 && value <= 50) return 1;\n  if (value > 50 && value <= 100) return 2;\n  if (value > 100 && value <= 250) return 3;\n  return 4;\n};\n\n// Define types for our timeline items\ntype BarItem = {\n  id: string;\n  type: \"bar\";\n  addSize: 0 | 1 | 2 | 3 | 4;\n  delSize: 0 | 1 | 2 | 3 | 4;\n  additions: number;\n  deletions: number;\n  timestampUtcMs: string;\n  startDate: Date;\n  endDate: Date;\n  revision?: number;\n};\n\ntype DividerItem = {\n  id: string;\n  type: \"divider\";\n  revision?: number;\n  startDate?: Date;\n  endDate?: Date;\n};\n\ntype TimelineItem = BarItem | DividerItem;\n\nfunction addItemsDividers(items: BarItem[]): TimelineItem[] {\n  if (!items.length) return [];\n\n  const result: TimelineItem[] = [];\n  items.forEach((item, index) => {\n    result.push(item);\n\n    // Check if there's a next item and if they're not in consecutive hours\n    if (index < items.length - 1) {\n      const currentDate = new Date(item.startDate);\n      const nextDate = new Date(items[index + 1].startDate);\n\n      const currentHour = currentDate.getHours();\n      const nextHour = nextDate.getHours();\n\n      // Get day parts (without time) for comparison\n      const currentDay = currentDate.toDateString();\n      const nextDay = nextDate.toDateString();\n\n      // If different days or non-consecutive hours on the same day\n      if (\n        currentDay !== nextDay ||\n        (currentDay === nextDay && Math.abs(nextHour - currentHour) > 1)\n      ) {\n        result.push({\n          id: `divider-${item.id}-${items[index + 1].id}`,\n          type: \"divider\" as const,\n          revision: 0,\n        });\n      }\n    }\n  });\n\n  return result;\n}\n\nfunction metricsToItems(metrics: GroupedPeriodResults): TimelineItem[] {\n  if (!metrics) return [];\n\n  const items = metrics\n    .sort((a, b) => {\n      const aDate = new Date(a.start as unknown as Date);\n      const bDate = new Date(b.start as unknown as Date);\n      return aDate.getTime() - bDate.getTime();\n    })\n    .filter((result) => {\n      return result.rows.every((row) => row.value > 0);\n    })\n    .map((result) => {\n      const { additions, deletions } = result.rows.reduce(\n        (acc, row) => {\n          if (\n            (row.dimensions.changes.path as unknown as string) ===\n            \"ph/diff/changes/add\"\n          ) {\n            acc.additions += row.value;\n          } else if (\n            (row.dimensions.changes.path as unknown as string) ===\n            \"ph/diff/changes/remove\"\n          ) {\n            acc.deletions += row.value;\n          }\n          return acc;\n        },\n        { additions: 0, deletions: 0 },\n      );\n\n      const startDate = new Date(result.start as unknown as Date);\n\n      return {\n        id: startDate.toISOString(),\n        type: \"bar\" as const,\n        addSize: getBarSize(additions),\n        delSize: getBarSize(deletions),\n        additions,\n        deletions,\n        timestampUtcMs: startDate.toISOString(),\n        startDate: startDate,\n        endDate: new Date(result.end as unknown as Date),\n        revision: 0,\n      } as const;\n    });\n\n  return addItemsDividers(items);\n}\n\nexport type UseTimelineItemsResult = UseAnalyticsQueryResult<TimelineItem[]>;\n\nexport const useTimelineItems = (\n  documentId?: string,\n  startTimestamp?: string,\n  driveId?: string,\n): UseTimelineItemsResult => {\n  const start = startTimestamp\n    ? DateTime.fromISO(startTimestamp)\n    : DateTime.now().startOf(\"day\");\n\n  return useAnalyticsQuery<TimelineItem[]>(\n    {\n      start,\n      end: DateTime.now().endOf(\"day\"),\n      granularity: AnalyticsGranularity.Hourly,\n      metrics: [\"Count\"],\n      select: {\n        changes: [AnalyticsPath.fromString(`ph/diff/changes`)],\n        document: [AnalyticsPath.fromString(`ph/diff/document/${documentId}`)],\n      },\n      lod: {\n        changes: 4,\n      },\n    },\n    {\n      sources: [AnalyticsPath.fromString(`ph/diff/${driveId}/${documentId}`)],\n      select: metricsToItems,\n    },\n  );\n};\n","import { useDocumentById } from \"../../hooks/document-by-id.js\";\nimport { useTimelineItems } from \"./timeline-items.js\";\n\nexport function useDocumentTimeline(documentId?: string) {\n  const [document] = useDocumentById(documentId);\n\n  const id = document?.header.id;\n  const createdAt = document?.header.createdAtUtcIso;\n  const timelineItems = useTimelineItems(id, createdAt);\n\n  return timelineItems.data || [];\n}\n"],"mappings":";;;;;;;;AAgBgB,YAAY;CAAC;CAAmB;CAAa;CAAW,CAAC;AAEzE,MAAM,qBAAqB,IAAI,aAAa;AAE5C,MAAa,sBAAsB,CAAC,aAAa,UAAU;AAC3D,MAAa,oBAAoB,CAAC,aAAa,QAAQ;AACvD,MAAa,qBAAqB,CAAC,aAAa,SAAS;AAEzD,SAAgB,2BAA2B;AACzC,QAAO,SAAyC,EAC9C,UAAU,qBACX,CAAC,CAAC;;AAGL,SAAgB,wBAAwB,SAA8B;CACpE,MAAM,cAAc,gBAAgB;AACpC,iBAAgB;AACd,cAAY,iBAAiB,qBAAqB;GAChD,eAAe;GACf,WAAW;GACX,QAAQ;GACT,CAAC;IACD,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAO,YAAY,EACjB,YAAY,YAAY;EACtB,MAAM,QAAQ,mBAAmB;AACjC,cAAY,iBAAiB,mBAAmB;GAC9C,eAAe;GACf,WAAW;GACX,QAAQ;GACT,CAAC;AACF,SAAO;IAEV,CAAC;;AAGJ,SAAgB,uBAAuB,SAA8B;AACnE,QAAO,iBAAiB;EACtB,UAAU,CAAC,mBAAmB,QAAQ;EACtC,eAAe,mBAAmB;EAClC,OAAO;EACR,CAAC;;AAGJ,SAAgB,kBAAkB,SAA8B;AAE9D,QADc,uBAAuB,QAAQ,CAChC;;AAGf,SAAgB,uBAAuB,SAA8B;AACnE,QAAO,SAAS;EACd,UAAU,CAAC,mBAAmB,QAAQ;EACtC,eAAe,mBAAmB;EAClC,OAAO;EACP,cAAc;EACf,CAAC;;AAqBJ,SAAS,uBAAuB;CAC9B,MAAM,EAAE,WAAW,yBAAyB;AAE5C,iBAAgB;AACd,UAAQ;IACP,EAAE,CAAC;AAEN,QAAO;;AAGT,SAAgB,kBAAkB,EAChC,UACA,cAAc,oBACd,GAAG,UACsB;AACzB,QACE,qBAAC,qBAAD;EAAqB,QAAQ;YAA7B,CACE,oBAAC,sBAAD,EAAwB,CAAA,EACvB,SACmB;;;AAI1B,SAAgB,qBAAuD;AACrE,QAAO,iBAAiB;EACtB,UAAU;EACV,SAAS,YAAY;GACnB,MAAM,kBAAkB,UAAU,YAAY;AAC9C,OAAI,CAAC,gBACH,OAAM,IAAI,MAAM,+BAA+B;AAEjD,WAAQ,MAAM,iBAAiB;;EAEjC,OAAO;EACR,CAAC,CAAC;;AAGL,SAAgB,0BAA0B;AACxC,QAAO,SAAS;EACd,UAAU;EACV,SAAS,YAAY;GACnB,MAAM,kBAAkB,UAAU,YAAY;AAC9C,OAAI,CAAC,gBACH,OAAM,IAAI,MAAM,+BAA+B;AAEjD,WAAQ,MAAM,iBAAiB;;EAEjC,OAAO;EACR,CAAC;;;;ACrHJ,SAAS,yBACP,SAMA;CACA,MAAM,EAAE,SAAS,GAAG,iBAAiB;CACrC,MAAM,EAAE,MAAM,UAAU,wBAAwB;CAChD,MAAM,EAAE,MAAM,WAAW,yBAAyB;CAClD,MAAM,UACJ,aAAa,eAAe,aAAa,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;AAElE,QAAO,SAAS;EACd,GAAG;EACH;EACA,SAAS,YAAY;AACnB,OAAI,CAAC,SAAS,CAAC,OACb,OAAM,IAAI,MACR,iEACD;AAEH,UAAO,MAAM,QAAQ;IAAE;IAAO;IAAQ,CAAC;;EAE1C,CAAC;;AAGJ,SAAS,4BACP,SAQA;CACA,MAAM,EAAE,YAAY,GAAG,oBAAoB;AACrB,2BAA0B;AAEhD,QAAO,YAAY;EACjB,GAAG;EACH,YAAY,OAAO,UAAsB;GACvC,IAAI,QAAgC;AACpC,OAAI;AACF,YAAQ,MAAM,mBAAmB;YAC1B,GAAG;AACV,YAAQ,MAAM,EAAE;;AAGlB,OAAI,CAAC,MACH,OAAM,IAAI,MACR,iEACD;AAEH,UAAO,MAAM,WAAW,OAAO,EAAE,OAAO,CAAC;;EAE5C,CAAC;;AAaJ,MAAM,oBAAoB;AAE1B,SAAgB,kBACd,OACA,SACgC;CAChC,MAAM,EAAE,MAAM,UAAU,wBAAwB;CAChD,MAAM,cAAc,gBAAgB;CACpC,MAAM,UAAU,SAAS,WAAW,EAAE;CAEtC,MAAM,SAAS,yBAAyB;EACtC,UAAU;GAAC;GAAa;GAAS;GAAM;EACvC,UAAU,EAAE,aAAa,OAAO,QAAQ,MAAM;EAC9C,GAAG;EACJ,CAAC;AAEF,iBAAgB;AACd,MAAI,CAAC,QAAQ,UAAU,CAAC,MACtB;EAGF,MAAM,gBAAgB,IAAI,OAAmB;EAE7C,IAAI,oBAA0D;EAC9D,MAAM,4BAA4B;AAChC,OAAI,kBAAmB,cAAa,kBAAkB;AACtD,uBAAoB,iBAAiB;AACnC,gBACG,kBAAkB,EACjB,UAAU;KAAC;KAAa;KAAS;KAAM,EACxC,CAAC,CACD,OAAO,MAAM;AACZ,aAAQ,MAAM,EAAE;MAChB;MACH,kBAAkB;;AAGvB,UAAQ,SAAS,SAAS;GACxB,MAAM,QAAQ,MAAM,kBAAkB,MAAM,oBAAoB;AAChE,iBAAc,KAAK,MAAM;IACzB;AAGF,eAAa;AACX,iBAAc,SAAS,UAAU,OAAO,CAAC;;IAE1C;EAAC;EAAO;EAAO;EAAQ,CAAC;AAE3B,QAAO;;AAQT,SAAgB,mBACd,OACA,SACA;AACA,QAAO,yBAAyB;EAC9B,UAAU;GAAC;GAAa;GAAU;GAAM;EACxC,UAAU,EAAE,YAAY,MAAM,kBAAkB,MAAM;EACtD,GAAG;EACJ,CAAC;;AAQJ,SAAgB,kBAAkB,SAAoC;AACpE,QAAO,4BAA4B;EACjC,aAAa,CAAC,aAAa,YAAY;EACvC,YAAY,OAAO,OAAO,EAAE,YAAY;AACtC,UAAO,MAAM,MAAM,eAAe,MAAM;;EAE1C,GAAG;EACJ,CAAC;;AAYJ,SAAgB,uBACd,SACA;AACA,QAAO,4BAA4B;EACjC,aAAa,CAAC,aAAa,cAAc;EACzC,YAAY,OAAO,EAAE,QAAQ,qBAAqB,EAAE,YAAY;AAC9D,UAAO,MAAM,oBAAoB,QAAQ,kBAAkB;;EAE7D,GAAG;EACJ,CAAC;;AAQJ,SAAgB,iCACd,SACA;AACA,QAAO,4BAA4B;EACjC,aAAa,CAAC,aAAa,uBAAuB;EAClD,YAAY,OAAO,GAAG,EAAE,YAAY;AAClC,UAAO,MAAM,+BAA+B;;EAE9C,GAAG;EACJ,CAAC;;AAQJ,SAAgB,mBAAmB,SAAqC;AACtE,QAAO,4BAA4B;EACjC,aAAa,CAAC,aAAa,kBAAkB;EAC7C,YAAY,OAAO,QAAQ,EAAE,YAAY;AACvC,UAAO,MAAM,gBAAgB,OAAO;;EAEtC,GAAG;EACJ,CAAC;;AAQJ,SAAgB,iBACd,SACA;AACA,QAAO,yBAAyB;EAC9B,UAAU,CAAC,aAAa,aAAa;EACrC,UAAU,EAAE,YAAY,MAAM,eAAe;EAC7C,GAAG;EACJ,CAAC;;AAQJ,SAAgB,kBACd,OACA,SACA;AAOA,QANe,yBAAyB;EACtC,UAAU;GAAC;GAAa;GAAkB;GAAM;EAChD,UAAU,EAAE,YAAY,MAAM,kBAAkB,MAAM;EACtD,GAAG;EACJ,CAAC;;AAUJ,SAAgB,gBACd,OACA,SACA;CACA,MAAM,EAAE,MAAM,mBAAmB,kBAAkB,MAAM;AAEzD,QAAO,SAAS;EACd,UAAU;GAAC;GAAa;GAAW;GAAM;EACzC,eAAe;AACb,OAAI,CAAC,gBAAgB,OACnB,QAAO,EAAE;AAKX,UAHsB,CACpB,GAAG,IAAI,IAAI,eAAe,KAAK,MAAM,EAAE,OAAO,UAAU,CAAC,CAAC,CAC3D,CACoB,KAAK,WAAW,cAAc,WAAW,OAAO,CAAC;;EAExE,SAAS,CAAC,CAAC;EACX,GAAG;EACJ,CAAC;;;;ACtRJ,MAAM,cAAc,UAAkB;AACpC,KAAI,SAAS,EAAG,QAAO;AACvB,KAAI,QAAQ,KAAK,SAAS,GAAI,QAAO;AACrC,KAAI,QAAQ,MAAM,SAAS,IAAK,QAAO;AACvC,KAAI,QAAQ,OAAO,SAAS,IAAK,QAAO;AACxC,QAAO;;AA2BT,SAAS,iBAAiB,OAAkC;AAC1D,KAAI,CAAC,MAAM,OAAQ,QAAO,EAAE;CAE5B,MAAM,SAAyB,EAAE;AACjC,OAAM,SAAS,MAAM,UAAU;AAC7B,SAAO,KAAK,KAAK;AAGjB,MAAI,QAAQ,MAAM,SAAS,GAAG;GAC5B,MAAM,cAAc,IAAI,KAAK,KAAK,UAAU;GAC5C,MAAM,WAAW,IAAI,KAAK,MAAM,QAAQ,GAAG,UAAU;GAErD,MAAM,cAAc,YAAY,UAAU;GAC1C,MAAM,WAAW,SAAS,UAAU;GAGpC,MAAM,aAAa,YAAY,cAAc;GAC7C,MAAM,UAAU,SAAS,cAAc;AAGvC,OACE,eAAe,WACd,eAAe,WAAW,KAAK,IAAI,WAAW,YAAY,GAAG,EAE9D,QAAO,KAAK;IACV,IAAI,WAAW,KAAK,GAAG,GAAG,MAAM,QAAQ,GAAG;IAC3C,MAAM;IACN,UAAU;IACX,CAAC;;GAGN;AAEF,QAAO;;AAGT,SAAS,eAAe,SAA+C;AACrE,KAAI,CAAC,QAAS,QAAO,EAAE;AA8CvB,QAAO,iBA5CO,QACX,MAAM,GAAG,MAAM;EACd,MAAM,QAAQ,IAAI,KAAK,EAAE,MAAyB;EAClD,MAAM,QAAQ,IAAI,KAAK,EAAE,MAAyB;AAClD,SAAO,MAAM,SAAS,GAAG,MAAM,SAAS;GACxC,CACD,QAAQ,WAAW;AAClB,SAAO,OAAO,KAAK,OAAO,QAAQ,IAAI,QAAQ,EAAE;GAChD,CACD,KAAK,WAAW;EACf,MAAM,EAAE,WAAW,cAAc,OAAO,KAAK,QAC1C,KAAK,QAAQ;AACZ,OACG,IAAI,WAAW,QAAQ,SACxB,sBAEA,KAAI,aAAa,IAAI;YAEpB,IAAI,WAAW,QAAQ,SACxB,yBAEA,KAAI,aAAa,IAAI;AAEvB,UAAO;KAET;GAAE,WAAW;GAAG,WAAW;GAAG,CAC/B;EAED,MAAM,YAAY,IAAI,KAAK,OAAO,MAAyB;AAE3D,SAAO;GACL,IAAI,UAAU,aAAa;GAC3B,MAAM;GACN,SAAS,WAAW,UAAU;GAC9B,SAAS,WAAW,UAAU;GAC9B;GACA;GACA,gBAAgB,UAAU,aAAa;GAC5B;GACX,SAAS,IAAI,KAAK,OAAO,IAAuB;GAChD,UAAU;GACX;GACD,CAE0B;;AAKhC,MAAa,oBACX,YACA,gBACA,YAC2B;AAK3B,QAAO,kBACL;EACE,OANU,iBACV,SAAS,QAAQ,eAAe,GAChC,SAAS,KAAK,CAAC,QAAQ,MAAM;EAK7B,KAAK,SAAS,KAAK,CAAC,MAAM,MAAM;EAChC,aAAa,qBAAqB;EAClC,SAAS,CAAC,QAAQ;EAClB,QAAQ;GACN,SAAS,CAAC,cAAc,WAAW,kBAAkB,CAAC;GACtD,UAAU,CAAC,cAAc,WAAW,oBAAoB,aAAa,CAAC;GACvE;EACD,KAAK,EACH,SAAS,GACV;EACF,EACD;EACE,SAAS,CAAC,cAAc,WAAW,WAAW,QAAQ,GAAG,aAAa,CAAC;EACvE,QAAQ;EACT,CACF;;;;ACzJH,SAAgB,oBAAoB,YAAqB;CACvD,MAAM,CAAC,YAAY,gBAAgB,WAAW;CAE9C,MAAM,KAAK,UAAU,OAAO;CAC5B,MAAM,YAAY,UAAU,OAAO;AAGnC,QAFsB,iBAAiB,IAAI,UAAU,CAEhC,QAAQ,EAAE"}

package/dist/src/relational/index.d.ts

@@ -1,2 +1,2 @@
-import { a as RelationalDbWithLive, i as useRelationalQueryOptions, n as QueryCallbackReturnType, o as useRelationalDb, r as useRelationalQuery, t as createProcessorQuery } from "../../index-Ce4S7Kk1.js";
+import { a as RelationalDbWithLive, i as useRelationalQueryOptions, n as QueryCallbackReturnType, o as useRelationalDb, r as useRelationalQuery, t as createProcessorQuery } from "../../index-ZltD7u5Z.js";
 export { QueryCallbackReturnType, RelationalDbWithLive, createProcessorQuery, useRelationalDb, useRelationalQuery, useRelationalQueryOptions };

package/dist/src/relational/index.js

@@ -1,2 +1,2 @@
-import { n as useRelationalQuery, r as useRelationalDb, t as createProcessorQuery } from "../../relational-jwreqDwz.js";
+import { n as useRelationalQuery, r as useRelationalDb, t as createProcessorQuery } from "../../relational-4_LVwp8p.js";
 export { createProcessorQuery, useRelationalDb, useRelationalQuery };

package/dist/src/renown/index.d.ts

@@ -1,2 +1,2 @@
-import { A as logout, C as RenownUserButtonMenuItem, D as RenownAuthButton, E as RenownLoginButtonProps, M as RenownAuth, N as RenownAuthStatus, O as RenownAuthButtonProps, P as useRenownAuth, S as RenownUserButton, T as RenownLoginButton, _ as CopyIcon, a as CREDENTIAL_SCHEMA_EIP712_TYPE, b as SpinnerIcon, c as DOMAIN_TYPE, d as RENOWN_NETWORK_ID, f as RENOWN_URL, g as ChevronDownIcon, h as initRenownCrypto, i as useRenownInit, j as openRenown, k as login, l as ISSUER_TYPE, m as initConnectCrypto, n as RenownProps, o as CREDENTIAL_SUBJECT_TYPE, p as VERIFIABLE_CREDENTIAL_EIP712_TYPE, r as RenownInitOptions, s as CREDENTIAL_TYPES, t as Renown, u as RENOWN_CHAIN_ID, v as DisconnectIcon, w as RenownUserButtonProps, x as UserIcon, y as RenownLogo } from "../../index-DgwLcoI3.js";
+import { A as logout, C as RenownUserButtonMenuItem, D as RenownAuthButton, E as RenownLoginButtonProps, M as RenownAuth, N as RenownAuthStatus, O as RenownAuthButtonProps, P as useRenownAuth, S as RenownUserButton, T as RenownLoginButton, _ as CopyIcon, a as CREDENTIAL_SCHEMA_EIP712_TYPE, b as SpinnerIcon, c as DOMAIN_TYPE, d as RENOWN_NETWORK_ID, f as RENOWN_URL, g as ChevronDownIcon, h as initRenownCrypto, i as useRenownInit, j as openRenown, k as login, l as ISSUER_TYPE, m as initConnectCrypto, n as RenownProps, o as CREDENTIAL_SUBJECT_TYPE, p as VERIFIABLE_CREDENTIAL_EIP712_TYPE, r as RenownInitOptions, s as CREDENTIAL_TYPES, t as Renown, u as RENOWN_CHAIN_ID, v as DisconnectIcon, w as RenownUserButtonProps, x as UserIcon, y as RenownLogo } from "../../index-Bz4MqX_j.js";
 export { CREDENTIAL_SCHEMA_EIP712_TYPE, CREDENTIAL_SUBJECT_TYPE, CREDENTIAL_TYPES, ChevronDownIcon, CopyIcon, DOMAIN_TYPE, DisconnectIcon, ISSUER_TYPE, RENOWN_CHAIN_ID, RENOWN_NETWORK_ID, RENOWN_URL, Renown, RenownAuth, RenownAuthButton, RenownAuthButtonProps, RenownAuthStatus, RenownInitOptions, RenownLoginButton, RenownLoginButtonProps, RenownLogo, RenownProps, RenownUserButton, RenownUserButtonMenuItem, RenownUserButtonProps, SpinnerIcon, UserIcon, VERIFIABLE_CREDENTIAL_EIP712_TYPE, initConnectCrypto, initRenownCrypto, login, logout, openRenown, useRenownAuth, useRenownInit };

package/dist/src/renown/index.js

@@ -1,2 +1,2 @@
-import { C as RENOWN_CHAIN_ID, E as VERIFIABLE_CREDENTIAL_EIP712_TYPE, S as ISSUER_TYPE, T as RENOWN_URL, _ as openRenown, a as RenownAuthButton, b as CREDENTIAL_TYPES, c as ChevronDownIcon, d as RenownLogo, f as SpinnerIcon, g as logout, h as login, i as initRenownCrypto, l as CopyIcon, m as useRenownAuth, n as useRenownInit, o as RenownUserButton, p as UserIcon, r as initConnectCrypto, s as RenownLoginButton, t as Renown, u as DisconnectIcon, v as CREDENTIAL_SCHEMA_EIP712_TYPE, w as RENOWN_NETWORK_ID, x as DOMAIN_TYPE, y as CREDENTIAL_SUBJECT_TYPE } from "../../renown-s0H1puU4.js";
+import { C as RENOWN_CHAIN_ID, E as VERIFIABLE_CREDENTIAL_EIP712_TYPE, S as ISSUER_TYPE, T as RENOWN_URL, _ as openRenown, a as RenownAuthButton, b as CREDENTIAL_TYPES, c as ChevronDownIcon, d as RenownLogo, f as SpinnerIcon, g as logout, h as login, i as initRenownCrypto, l as CopyIcon, m as useRenownAuth, n as useRenownInit, o as RenownUserButton, p as UserIcon, r as initConnectCrypto, s as RenownLoginButton, t as Renown, u as DisconnectIcon, v as CREDENTIAL_SCHEMA_EIP712_TYPE, w as RENOWN_NETWORK_ID, x as DOMAIN_TYPE, y as CREDENTIAL_SUBJECT_TYPE } from "../../renown-Dzmo1gJD.js";
 export { CREDENTIAL_SCHEMA_EIP712_TYPE, CREDENTIAL_SUBJECT_TYPE, CREDENTIAL_TYPES, ChevronDownIcon, CopyIcon, DOMAIN_TYPE, DisconnectIcon, ISSUER_TYPE, RENOWN_CHAIN_ID, RENOWN_NETWORK_ID, RENOWN_URL, Renown, RenownAuthButton, RenownLoginButton, RenownLogo, RenownUserButton, SpinnerIcon, UserIcon, VERIFIABLE_CREDENTIAL_EIP712_TYPE, initConnectCrypto, initRenownCrypto, login, logout, openRenown, useRenownAuth, useRenownInit };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powerhousedao/reactor-browser",
-  "version": "6.1.0-staging.0",
+  "version": "6.2.0-dev.0",
   "license": "AGPL-3.0-only",
   "type": "module",
   "repository": {
@@ -53,14 +53,16 @@
     "normalize-exception": "^4.0.1",
     "remeda": "2.33.7",
     "slug": "^11.0.0",
+    "usehooks-ts": "^3.1.1",
     "zod": "4.3.6",
-    "@powerhousedao/analytics-engine-browser": "6.1.0-staging.0",
-    "@powerhousedao/analytics-engine-core": "6.1.0-staging.0",
-    "@powerhousedao/reactor": "6.1.0-staging.0",
-    "@powerhousedao/reactor-drive": "6.1.0-staging.0",
-    "@powerhousedao/shared": "6.1.0-staging.0",
-    "@renown/sdk": "6.1.0-staging.0",
-    "document-model": "6.1.0-staging.0"
+    "@powerhousedao/analytics-engine-browser": "6.2.0-dev.0",
+    "@powerhousedao/reactor": "6.2.0-dev.0",
+    "@powerhousedao/reactor-attachments": "6.2.0-dev.0",
+    "@powerhousedao/reactor-drive": "6.2.0-dev.0",
+    "@powerhousedao/analytics-engine-core": "6.2.0-dev.0",
+    "@powerhousedao/shared": "6.2.0-dev.0",
+    "@renown/sdk": "6.2.0-dev.0",
+    "document-model": "6.2.0-dev.0"
   },
   "devDependencies": {
     "@electric-sql/pglite": "0.3.15",
@@ -80,10 +82,12 @@
     "fast-deep-equal": "3.1.3",
     "graphql": "^16",
     "graphql-tag": "^2",
-    "playwright": "1.58.2",
+    "playwright": "1.60.0",
     "react": "19.2.6",
     "react-dom": "19.2.6",
     "tsdown": "0.21.1",
+    "type-fest": "5.6.0",
+    "viem": "~2.50.4",
     "vite": "8.0.8",
     "vitest": "4.1.1",
     "vitest-browser-react": "^1.0.1"

package/dist/relational-jwreqDwz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"relational-jwreqDwz.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 const useSetPGliteDB = () => {\n  const setPGliteState = (pglite: Partial<PGliteState>) => {\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\n  return setPGliteState;\n};\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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"}