@powerhousedao/connect 6.0.0-dev.11 → 6.0.0-dev.111

package/dist/InspectorModal-C4rE0Y5E.js

@@ -0,0 +1,302 @@
+import { DocumentIntegrityService, InMemoryQueue, REACTOR_SCHEMA, closePHModal, useConnectionStates, useDatabase, usePGlite, usePHModal, useReactorClientModule, useSync } from "@powerhousedao/reactor-browser";
+import { useCallback, useMemo } from "react";
+import { InspectorModal as InspectorModal$1 } from "@powerhousedao/design-system/connect";
+import { jsx } from "react/jsx-runtime";
+import { sql } from "kysely";
+import { pgDump } from "@electric-sql/pglite-tools/pg_dump";
+//#region src/components/modal/modals/InspectorModal/useDbExplorer.ts
+const PRIORITY_COLUMNS = [
+	"documentType",
+	"documentId",
+	"scope",
+	"branch",
+	"index",
+	"skip"
+];
+function useDbExplorer() {
+	const database = useDatabase();
+	const pglite = usePGlite();
+	const getTables = useCallback(async () => {
+		if (!database) return [];
+		const result = await sql`
+      SELECT
+        c.table_name,
+        c.column_name,
+        c.data_type,
+        c.is_nullable
+      FROM information_schema.columns c
+      INNER JOIN information_schema.tables t
+        ON c.table_name = t.table_name
+        AND c.table_schema = t.table_schema
+      WHERE c.table_schema = ${REACTOR_SCHEMA}
+        AND t.table_type = 'BASE TABLE'
+      ORDER BY c.table_name, c.ordinal_position
+    `.execute(database);
+		const tableMap = /* @__PURE__ */ new Map();
+		for (const row of result.rows) {
+			if (!tableMap.has(row.table_name)) tableMap.set(row.table_name, []);
+			tableMap.get(row.table_name).push({
+				name: row.column_name,
+				dataType: row.data_type,
+				isNullable: row.is_nullable === "YES"
+			});
+		}
+		return Array.from(tableMap).map(([name, columns]) => {
+			const columnNames = columns.map((col) => col.name);
+			return {
+				name,
+				columns: [...PRIORITY_COLUMNS.filter((col) => columnNames.includes(col)).map((col) => columns.find((c) => c.name === col)), ...columns.filter((col) => !PRIORITY_COLUMNS.includes(col.name))]
+			};
+		});
+	}, [database]);
+	const getTableRows = useCallback(async (table, options) => {
+		if (!database) return {
+			columns: [],
+			rows: [],
+			total: null
+		};
+		const limit = options.limit;
+		const offset = options.offset;
+		const sort = options.sort;
+		const filters = options.filters;
+		const tableRef = sql.raw(`${REACTOR_SCHEMA}."${table}"`);
+		let whereClause = sql``;
+		if (filters?.clauses && filters.clauses.length > 0) {
+			const conditions = [];
+			for (let i = 0; i < filters.clauses.length; i++) {
+				const clause = filters.clauses[i];
+				if (!clause) continue;
+				const columnRef = sql.raw(`"${clause.column}"`);
+				let condition;
+				if (clause.operator === "IS NULL") condition = sql`${columnRef} IS NULL`;
+				else if (clause.operator === "IS NOT NULL") condition = sql`${columnRef} IS NOT NULL`;
+				else if (clause.operator === "LIKE" || clause.operator === "ILIKE") {
+					const value = clause.value;
+					condition = sql`${columnRef} ${clause.operator === "LIKE" ? sql`LIKE` : sql`ILIKE`} ${value}`;
+				} else {
+					const operator = sql.raw(clause.operator);
+					const value = clause.value;
+					let parsedValue = value;
+					if (value !== "" && !isNaN(Number(value)) && value.trim() !== "") parsedValue = Number(value);
+					condition = sql`${columnRef} ${operator} ${parsedValue}`;
+				}
+				conditions.push(condition);
+				if (i < filters.clauses.length - 1) {
+					const connector = filters.connectors?.[i] ?? "AND";
+					conditions.push(sql.raw(connector));
+				}
+			}
+			if (conditions.length > 0) whereClause = sql`WHERE ${sql.join(conditions, sql` `)}`;
+		}
+		let query;
+		if (sort) {
+			const columnRef = sql.raw(`"${sort.column}"`);
+			const direction = sort.direction === "desc" ? sql`DESC` : sql`ASC`;
+			query = sql`
+          SELECT * FROM ${tableRef}
+          ${whereClause}
+          ORDER BY ${columnRef} ${direction}
+          LIMIT ${limit} OFFSET ${offset}
+        `;
+		} else query = sql`
+          SELECT * FROM ${tableRef}
+          ${whereClause}
+          LIMIT ${limit} OFFSET ${offset}
+        `;
+		const result = await query.execute(database);
+		const countResult = await sql`
+        SELECT COUNT(*) as count FROM ${tableRef}
+        ${whereClause}
+      `.execute(database);
+		const total = countResult.rows[0] ? parseInt(countResult.rows[0].count, 10) : null;
+		const rawColumns = result.rows.length > 0 ? Object.keys(result.rows[0]) : [];
+		return {
+			columns: [...PRIORITY_COLUMNS.filter((col) => rawColumns.includes(col)), ...rawColumns.filter((col) => !PRIORITY_COLUMNS.includes(col))],
+			rows: result.rows,
+			total
+		};
+	}, [database]);
+	const onExportDb = useCallback(async () => {
+		if (!pglite) return;
+		const sqlContent = await (await pgDump({ pg: pglite })).text();
+		const blob = new Blob([sqlContent], { type: "text/sql" });
+		const url = URL.createObjectURL(blob);
+		const a = document.createElement("a");
+		a.href = url;
+		a.download = `database-export-${Date.now()}.sql`;
+		a.click();
+		URL.revokeObjectURL(url);
+	}, [pglite]);
+	const onImportDb = useCallback(async (sqlContent) => {
+		if (!pglite) return;
+		await pglite.transaction(async (tx) => {
+			await tx.exec(`DROP SCHEMA ${REACTOR_SCHEMA} CASCADE`);
+			await tx.exec(`CREATE SCHEMA ${REACTOR_SCHEMA}`);
+			await tx.exec(sqlContent);
+			await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);
+		});
+	}, [pglite]);
+	return {
+		getTables,
+		getTableRows,
+		getDefaultSort: useCallback((table) => {
+			if (table === "Operation") return {
+				column: "timestampUtcMs",
+				direction: "desc"
+			};
+		}, []),
+		onExportDb,
+		onImportDb
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useIntegrityInspector.ts
+function useIntegrityInspector() {
+	const reactorModule = useReactorClientModule()?.reactorModule;
+	const service = useMemo(() => {
+		if (!reactorModule) return void 0;
+		return new DocumentIntegrityService(reactorModule.keyframeStore, reactorModule.operationStore, reactorModule.writeCache, reactorModule.documentView, reactorModule.documentModelRegistry);
+	}, [reactorModule]);
+	const onValidate = useCallback(async (documentId, branch) => {
+		if (!service) throw new Error("Reactor module not available");
+		return service.validateDocument(documentId, branch);
+	}, [service]);
+	const onRebuildKeyframes = useCallback(async (documentId, branch) => {
+		if (!service) throw new Error("Reactor module not available");
+		return service.rebuildKeyframes(documentId, branch);
+	}, [service]);
+	const onRebuildSnapshots = useCallback(async (documentId, branch) => {
+		if (!service) throw new Error("Reactor module not available");
+		return service.rebuildSnapshots(documentId, branch);
+	}, [service]);
+	if (!service) return;
+	return {
+		onValidate,
+		onRebuildKeyframes,
+		onRebuildSnapshots
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useProcessorsInspector.ts
+function useProcessorsInspector() {
+	const processorManager = useReactorClientModule()?.reactorModule?.processorManager;
+	const hasProcessorManager = useMemo(() => processorManager != null, [processorManager]);
+	const getProcessors = useCallback(async () => {
+		if (!processorManager) return [];
+		return processorManager.getAll().map((tracked) => ({
+			processorId: tracked.processorId,
+			factoryId: tracked.factoryId,
+			driveId: tracked.driveId,
+			processorIndex: tracked.processorIndex,
+			lastOrdinal: tracked.lastOrdinal,
+			status: tracked.status,
+			lastError: tracked.lastError,
+			lastErrorTimestamp: tracked.lastErrorTimestamp
+		}));
+	}, [processorManager]);
+	const onRetry = useCallback(async (processorId) => {
+		if (!processorManager) return;
+		const tracked = processorManager.get(processorId);
+		if (tracked) await tracked.retry();
+	}, [processorManager]);
+	if (!hasProcessorManager) return;
+	return {
+		getProcessors,
+		onRetry
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useQueueInspector.ts
+function useQueueInspector() {
+	const queue = useReactorClientModule()?.reactorModule?.queue;
+	const inMemoryQueue = useMemo(() => {
+		if (queue instanceof InMemoryQueue) return queue;
+	}, [queue]);
+	const getQueueState = useCallback(async () => {
+		if (!inMemoryQueue) return {
+			isPaused: false,
+			pendingJobs: [],
+			executingJobs: [],
+			totalPending: 0,
+			totalExecuting: 0
+		};
+		const pendingJobs = inMemoryQueue.getPendingJobs();
+		const executingJobIds = inMemoryQueue.getExecutingJobIds();
+		const executingJobs = [];
+		for (const jobIdSet of executingJobIds.values()) for (const jobId of jobIdSet) {
+			const job = inMemoryQueue.getJob(jobId);
+			if (job) executingJobs.push(job);
+		}
+		return {
+			isPaused: inMemoryQueue.paused,
+			pendingJobs,
+			executingJobs,
+			totalPending: pendingJobs.length,
+			totalExecuting: executingJobs.length
+		};
+	}, [inMemoryQueue]);
+	const onPause = useCallback(async () => {
+		if (inMemoryQueue) inMemoryQueue.pause();
+	}, [inMemoryQueue]);
+	const onResume = useCallback(async () => {
+		if (inMemoryQueue) await inMemoryQueue.resume();
+	}, [inMemoryQueue]);
+	if (!inMemoryQueue) return;
+	return {
+		getQueueState,
+		onPause,
+		onResume
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useRemotesInspector.ts
+function useRemotesInspector() {
+	const syncManager = useSync();
+	if (!syncManager) throw new Error("Sync manager not found");
+	const connectionStates = useConnectionStates();
+	return {
+		getRemotes: useCallback(() => {
+			return Promise.resolve(syncManager.list());
+		}, [syncManager]),
+		removeRemote: useCallback((name) => syncManager.remove(name), [syncManager]),
+		connectionStates
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/InspectorModal.tsx
+const DEFAULT_PAGE_SIZE = 25;
+const InspectorModal = () => {
+	const open = usePHModal()?.type === "inspector";
+	const { getTables, getTableRows, getDefaultSort, onExportDb, onImportDb } = useDbExplorer();
+	const { getRemotes, removeRemote, connectionStates } = useRemotesInspector();
+	const queueInspectorProps = useQueueInspector();
+	const processorsInspectorProps = useProcessorsInspector();
+	const integrityInspectorProps = useIntegrityInspector();
+	return /* @__PURE__ */ jsx(InspectorModal$1, {
+		open,
+		onOpenChange: (status) => {
+			if (!status) closePHModal();
+		},
+		dbExplorerProps: {
+			schema: REACTOR_SCHEMA,
+			getTables,
+			getTableRows,
+			getDefaultSort,
+			pageSize: DEFAULT_PAGE_SIZE,
+			onExportDb,
+			onImportDb
+		},
+		remotesInspectorProps: {
+			getRemotes,
+			removeRemote,
+			connectionStates
+		},
+		queueInspectorProps,
+		processorsInspectorProps,
+		integrityInspectorProps
+	});
+};
+//#endregion
+export { InspectorModal };
+
+//# sourceMappingURL=InspectorModal-C4rE0Y5E.js.map

package/dist/InspectorModal-C4rE0Y5E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorModal-C4rE0Y5E.js","names":["ConnectInspectorModal"],"sources":["../src/components/modal/modals/InspectorModal/useDbExplorer.ts","../src/components/modal/modals/InspectorModal/useIntegrityInspector.ts","../src/components/modal/modals/InspectorModal/useProcessorsInspector.ts","../src/components/modal/modals/InspectorModal/useQueueInspector.ts","../src/components/modal/modals/InspectorModal/useRemotesInspector.ts","../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"sourcesContent":["import { pgDump } from \"@electric-sql/pglite-tools/pg_dump\";\nimport type {\n  FilterGroup,\n  SortOptions,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  REACTOR_SCHEMA,\n  useDatabase,\n  usePGlite,\n} from \"@powerhousedao/reactor-browser\";\nimport { sql } from \"kysely\";\nimport { useCallback } from \"react\";\n\ntype ColumnInfo = {\n  readonly name: string;\n  readonly dataType: string;\n  readonly isNullable: boolean;\n};\n\ntype TableInfo = {\n  readonly name: string;\n  readonly columns: ColumnInfo[];\n};\n\ntype ColumnRow = {\n  table_name: string;\n  column_name: string;\n  data_type: string;\n  is_nullable: string;\n};\n\ntype GetTableRowsOptions = {\n  readonly schema?: string;\n  readonly limit: number;\n  readonly offset: number;\n  readonly sort?: SortOptions;\n  readonly filters?: FilterGroup;\n};\n\ntype TablePage = {\n  readonly columns: string[];\n  readonly rows: Record<string, unknown>[];\n  readonly total: number | null;\n};\n\nconst PRIORITY_COLUMNS = [\n  \"documentType\",\n  \"documentId\",\n  \"scope\",\n  \"branch\",\n  \"index\",\n  \"skip\",\n] as const;\n\nexport function useDbExplorer() {\n  const database = useDatabase();\n  const pglite = usePGlite();\n\n  const getTables = useCallback(async (): Promise<TableInfo[]> => {\n    if (!database) return [];\n\n    const result = await sql<ColumnRow>`\n      SELECT\n        c.table_name,\n        c.column_name,\n        c.data_type,\n        c.is_nullable\n      FROM information_schema.columns c\n      INNER JOIN information_schema.tables t\n        ON c.table_name = t.table_name\n        AND c.table_schema = t.table_schema\n      WHERE c.table_schema = ${REACTOR_SCHEMA}\n        AND t.table_type = 'BASE TABLE'\n      ORDER BY c.table_name, c.ordinal_position\n    `.execute(database);\n\n    const tableMap = new Map<string, ColumnInfo[]>();\n    for (const row of result.rows) {\n      if (!tableMap.has(row.table_name)) {\n        tableMap.set(row.table_name, []);\n      }\n      tableMap.get(row.table_name)!.push({\n        name: row.column_name,\n        dataType: row.data_type,\n        isNullable: row.is_nullable === \"YES\",\n      });\n    }\n\n    return Array.from(tableMap).map(([name, columns]) => {\n      const columnNames = columns.map((col) => col.name);\n      const orderedColumns = [\n        ...PRIORITY_COLUMNS.filter((col) => columnNames.includes(col)).map(\n          (col) => columns.find((c) => c.name === col)!,\n        ),\n        ...columns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col.name as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n      return {\n        name,\n        columns: orderedColumns,\n      };\n    });\n  }, [database]);\n\n  const getTableRows = useCallback(\n    async (table: string, options: GetTableRowsOptions): Promise<TablePage> => {\n      if (!database) {\n        return { columns: [], rows: [], total: null };\n      }\n\n      const limit = options.limit;\n      const offset = options.offset;\n      const sort = options.sort;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const filters = options.filters;\n      const tableRef = sql.raw(`${REACTOR_SCHEMA}.\"${table}\"`);\n\n      // Build WHERE clause from filters\n      let whereClause = sql``;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      if (filters?.clauses && filters.clauses.length > 0) {\n        const conditions: ReturnType<typeof sql>[] = [];\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        for (let i = 0; i < filters.clauses.length; i++) {\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n          const clause = filters.clauses[i];\n          if (!clause) continue;\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          const columnRef = sql.raw(`\"${clause.column}\"`);\n\n          let condition: ReturnType<typeof sql>;\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          if (clause.operator === \"IS NULL\") {\n            condition = sql`${columnRef} IS NULL`;\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          } else if (clause.operator === \"IS NOT NULL\") {\n            condition = sql`${columnRef} IS NOT NULL`;\n          } else if (\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            clause.operator === \"LIKE\" ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            clause.operator === \"ILIKE\"\n          ) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n            const value = clause.value;\n            const operator =\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n              clause.operator === \"LIKE\" ? sql`LIKE` : sql`ILIKE`;\n            condition = sql`${columnRef} ${operator} ${value}`;\n          } else {\n            // For =, !=, >, <, >=, <=\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument\n            const operator = sql.raw(clause.operator);\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n            const value = clause.value;\n\n            // Try to parse as number if it looks like a number\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n            let parsedValue: string | number = value;\n            if (\n              value !== \"\" &&\n              !isNaN(Number(value)) &&\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n              value.trim() !== \"\"\n            ) {\n              parsedValue = Number(value);\n            }\n\n            condition = sql`${columnRef} ${operator} ${parsedValue}`;\n          }\n\n          conditions.push(condition);\n\n          // Add connector if not the last clause\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          if (i < filters.clauses.length - 1) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n            const connector = filters.connectors?.[i] ?? \"AND\";\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n            conditions.push(sql.raw(connector));\n          }\n        }\n\n        // Combine all conditions\n        if (conditions.length > 0) {\n          whereClause = sql`WHERE ${sql.join(conditions, sql` `)}`;\n        }\n      }\n\n      // Build main query\n      let query;\n      if (sort) {\n        const columnRef = sql.raw(`\"${sort.column}\"`);\n        const direction = sort.direction === \"desc\" ? sql`DESC` : sql`ASC`;\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          ORDER BY ${columnRef} ${direction}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      } else {\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      }\n\n      const result = await query.execute(database);\n\n      // Build count query with same filters\n      const countQuery = sql<{ count: string }>`\n        SELECT COUNT(*) as count FROM ${tableRef}\n        ${whereClause}\n      `;\n      const countResult = await countQuery.execute(database);\n      const total = countResult.rows[0]\n        ? parseInt(countResult.rows[0].count, 10)\n        : null;\n\n      const rawColumns =\n        result.rows.length > 0 ? Object.keys(result.rows[0]) : [];\n      const columns = [\n        ...PRIORITY_COLUMNS.filter((col) => rawColumns.includes(col)),\n        ...rawColumns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n\n      return {\n        columns,\n        rows: result.rows,\n        total,\n      };\n    },\n    [database],\n  );\n\n  const onExportDb = useCallback(async () => {\n    if (!pglite) return;\n\n    const dump = await pgDump({ pg: pglite });\n    const sqlContent = await dump.text();\n\n    const blob = new Blob([sqlContent], { type: \"text/sql\" });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = `database-export-${Date.now()}.sql`;\n    a.click();\n    URL.revokeObjectURL(url);\n  }, [pglite]);\n\n  const onImportDb = useCallback(\n    async (sqlContent: string) => {\n      if (!pglite) return;\n\n      // Use explicit transaction to ensure writable transaction context\n      await pglite.transaction(async (tx) => {\n        await tx.exec(`DROP SCHEMA ${REACTOR_SCHEMA} CASCADE`);\n        await tx.exec(`CREATE SCHEMA ${REACTOR_SCHEMA}`);\n        await tx.exec(sqlContent);\n        await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);\n      });\n    },\n    [pglite],\n  );\n\n  const getDefaultSort = useCallback(\n    (table: string): SortOptions | undefined => {\n      if (table === \"Operation\") {\n        return { column: \"timestampUtcMs\", direction: \"desc\" };\n      }\n      return undefined;\n    },\n    [],\n  );\n\n  return {\n    getTables,\n    getTableRows,\n    getDefaultSort,\n    onExportDb,\n    onImportDb,\n  };\n}\n","import type { IntegrityInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport {\n  DocumentIntegrityService,\n  useReactorClientModule,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useIntegrityInspector(): IntegrityInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const reactorModule = reactorClientModule?.reactorModule;\n\n  const service = useMemo(() => {\n    if (!reactorModule) return undefined;\n\n    return new DocumentIntegrityService(\n      reactorModule.keyframeStore,\n      reactorModule.operationStore,\n      reactorModule.writeCache,\n      reactorModule.documentView,\n      reactorModule.documentModelRegistry,\n    );\n  }, [reactorModule]);\n\n  const onValidate = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.validateDocument(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildKeyframes = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildKeyframes(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildSnapshots = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildSnapshots(documentId, branch);\n    },\n    [service],\n  );\n\n  if (!service) {\n    return undefined;\n  }\n\n  return {\n    onValidate,\n    onRebuildKeyframes,\n    onRebuildSnapshots,\n  };\n}\n","import type { ProcessorsInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport { useReactorClientModule } from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useProcessorsInspector(): ProcessorsInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const processorManager = reactorClientModule?.reactorModule?.processorManager;\n\n  const hasProcessorManager = useMemo(\n    () => processorManager != null,\n    [processorManager],\n  );\n\n  const getProcessors = useCallback(async () => {\n    if (!processorManager) {\n      return [];\n    }\n\n    return processorManager.getAll().map((tracked) => ({\n      processorId: tracked.processorId,\n      factoryId: tracked.factoryId,\n      driveId: tracked.driveId,\n      processorIndex: tracked.processorIndex,\n      lastOrdinal: tracked.lastOrdinal,\n      status: tracked.status,\n      lastError: tracked.lastError,\n      lastErrorTimestamp: tracked.lastErrorTimestamp,\n    }));\n  }, [processorManager]);\n\n  const onRetry = useCallback(\n    async (processorId: string) => {\n      if (!processorManager) return;\n      const tracked = processorManager.get(processorId);\n      if (tracked) {\n        await tracked.retry();\n      }\n    },\n    [processorManager],\n  );\n\n  if (!hasProcessorManager) {\n    return undefined;\n  }\n\n  return {\n    getProcessors,\n    onRetry,\n  };\n}\n","import type {\n  QueueInspectorProps,\n  QueueState,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  InMemoryQueue,\n  useReactorClientModule,\n  type Job,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useQueueInspector(): QueueInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const queue = reactorClientModule?.reactorModule?.queue;\n\n  const inMemoryQueue = useMemo(() => {\n    if (queue instanceof InMemoryQueue) {\n      return queue;\n    }\n    return undefined;\n  }, [queue]);\n\n  const getQueueState = useCallback(async (): Promise<QueueState> => {\n    if (!inMemoryQueue) {\n      return {\n        isPaused: false,\n        pendingJobs: [],\n        executingJobs: [],\n        totalPending: 0,\n        totalExecuting: 0,\n      };\n    }\n\n    const pendingJobs = inMemoryQueue.getPendingJobs();\n    const executingJobIds = inMemoryQueue.getExecutingJobIds();\n\n    const executingJobs: Job[] = [];\n    for (const jobIdSet of executingJobIds.values()) {\n      for (const jobId of jobIdSet) {\n        const job = inMemoryQueue.getJob(jobId);\n        if (job) {\n          executingJobs.push(job);\n        }\n      }\n    }\n\n    return {\n      isPaused: inMemoryQueue.paused,\n      pendingJobs,\n      executingJobs,\n      totalPending: pendingJobs.length,\n      totalExecuting: executingJobs.length,\n    };\n  }, [inMemoryQueue]);\n\n  const onPause = useCallback(async (): Promise<void> => {\n    if (inMemoryQueue) {\n      inMemoryQueue.pause();\n    }\n  }, [inMemoryQueue]);\n\n  const onResume = useCallback(async (): Promise<void> => {\n    if (inMemoryQueue) {\n      await inMemoryQueue.resume();\n    }\n  }, [inMemoryQueue]);\n\n  if (!inMemoryQueue) {\n    return undefined;\n  }\n\n  return {\n    getQueueState,\n    onPause,\n    onResume,\n  };\n}\n","import type {\n  ConnectionStateSnapshot,\n  Remote,\n} from \"@powerhousedao/reactor-browser\";\nimport { useConnectionStates, useSync } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\n\nexport function useRemotesInspector(): {\n  getRemotes: () => Promise<Remote[]>;\n  removeRemote: (name: string) => Promise<void>;\n  connectionStates: ReadonlyMap<string, ConnectionStateSnapshot>;\n} {\n  const syncManager = useSync();\n  if (!syncManager) {\n    throw new Error(\"Sync manager not found\");\n  }\n\n  const connectionStates = useConnectionStates();\n\n  const getRemotes = useCallback(() => {\n    return Promise.resolve(syncManager.list());\n  }, [syncManager]);\n\n  const removeRemote = useCallback(\n    (name: string) => syncManager.remove(name),\n    [syncManager],\n  );\n\n  return {\n    getRemotes,\n    removeRemote,\n    connectionStates,\n  };\n}\n","import { InspectorModal as ConnectInspectorModal } from \"@powerhousedao/design-system/connect\";\nimport { REACTOR_SCHEMA } from \"@powerhousedao/reactor-browser\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { useDbExplorer } from \"./useDbExplorer.js\";\nimport { useIntegrityInspector } from \"./useIntegrityInspector.js\";\nimport { useProcessorsInspector } from \"./useProcessorsInspector.js\";\nimport { useQueueInspector } from \"./useQueueInspector.js\";\nimport { useRemotesInspector } from \"./useRemotesInspector.js\";\n\nconst DEFAULT_PAGE_SIZE = 25;\n\nexport const InspectorModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"inspector\";\n\n  const { getTables, getTableRows, getDefaultSort, onExportDb, onImportDb } =\n    useDbExplorer();\n  const { getRemotes, removeRemote, connectionStates } = useRemotesInspector();\n  const queueInspectorProps = useQueueInspector();\n  const processorsInspectorProps = useProcessorsInspector();\n  const integrityInspectorProps = useIntegrityInspector();\n\n  return (\n    <ConnectInspectorModal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) closePHModal();\n      }}\n      dbExplorerProps={{\n        schema: REACTOR_SCHEMA,\n        getTables,\n        getTableRows,\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        getDefaultSort,\n        pageSize: DEFAULT_PAGE_SIZE,\n        onExportDb,\n        onImportDb,\n      }}\n      remotesInspectorProps={{\n        getRemotes,\n        removeRemote,\n        connectionStates,\n      }}\n      queueInspectorProps={queueInspectorProps}\n      processorsInspectorProps={processorsInspectorProps}\n      integrityInspectorProps={integrityInspectorProps}\n    />\n  );\n};\n"],"mappings":";;;;;;;AA6CA,MAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,SAAS,WAAW;CAE1B,MAAM,YAAY,YAAY,YAAkC;AAC9D,MAAI,CAAC,SAAU,QAAO,EAAE;EAExB,MAAM,SAAS,MAAM,GAAc;;;;;;;;;;+BAUR,eAAe;;;MAGxC,QAAQ,SAAS;EAEnB,MAAM,2BAAW,IAAI,KAA2B;AAChD,OAAK,MAAM,OAAO,OAAO,MAAM;AAC7B,OAAI,CAAC,SAAS,IAAI,IAAI,WAAW,CAC/B,UAAS,IAAI,IAAI,YAAY,EAAE,CAAC;AAElC,YAAS,IAAI,IAAI,WAAW,CAAE,KAAK;IACjC,MAAM,IAAI;IACV,UAAU,IAAI;IACd,YAAY,IAAI,gBAAgB;IACjC,CAAC;;AAGJ,SAAO,MAAM,KAAK,SAAS,CAAC,KAAK,CAAC,MAAM,aAAa;GACnD,MAAM,cAAc,QAAQ,KAAK,QAAQ,IAAI,KAAK;AAYlD,UAAO;IACL;IACA,SAbqB,CACrB,GAAG,iBAAiB,QAAQ,QAAQ,YAAY,SAAS,IAAI,CAAC,CAAC,KAC5D,QAAQ,QAAQ,MAAM,MAAM,EAAE,SAAS,IAAI,CAC7C,EACD,GAAG,QAAQ,QACR,QACC,CAAC,iBAAiB,SAChB,IAAI,KACL,CACJ,CACF;IAIA;IACD;IACD,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe,YACnB,OAAO,OAAe,YAAqD;AACzE,MAAI,CAAC,SACH,QAAO;GAAE,SAAS,EAAE;GAAE,MAAM,EAAE;GAAE,OAAO;GAAM;EAG/C,MAAM,QAAQ,QAAQ;EACtB,MAAM,SAAS,QAAQ;EACvB,MAAM,OAAO,QAAQ;EAErB,MAAM,UAAU,QAAQ;EACxB,MAAM,WAAW,IAAI,IAAI,GAAG,eAAe,IAAI,MAAM,GAAG;EAGxD,IAAI,cAAc,GAAG;AAErB,MAAI,SAAS,WAAW,QAAQ,QAAQ,SAAS,GAAG;GAClD,MAAM,aAAuC,EAAE;AAG/C,QAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,QAAQ,QAAQ,KAAK;IAE/C,MAAM,SAAS,QAAQ,QAAQ;AAC/B,QAAI,CAAC,OAAQ;IAGb,MAAM,YAAY,IAAI,IAAI,IAAI,OAAO,OAAO,GAAG;IAE/C,IAAI;AAGJ,QAAI,OAAO,aAAa,UACtB,aAAY,GAAG,GAAG,UAAU;aAEnB,OAAO,aAAa,cAC7B,aAAY,GAAG,GAAG,UAAU;aAG5B,OAAO,aAAa,UAEpB,OAAO,aAAa,SACpB;KAEA,MAAM,QAAQ,OAAO;AAIrB,iBAAY,GAAG,GAAG,UAAU,GAD1B,OAAO,aAAa,SAAS,GAAG,SAAS,GAAG,QACN,GAAG;WACtC;KAGL,MAAM,WAAW,IAAI,IAAI,OAAO,SAAS;KAEzC,MAAM,QAAQ,OAAO;KAIrB,IAAI,cAA+B;AACnC,SACE,UAAU,MACV,CAAC,MAAM,OAAO,MAAM,CAAC,IAErB,MAAM,MAAM,KAAK,GAEjB,eAAc,OAAO,MAAM;AAG7B,iBAAY,GAAG,GAAG,UAAU,GAAG,SAAS,GAAG;;AAG7C,eAAW,KAAK,UAAU;AAI1B,QAAI,IAAI,QAAQ,QAAQ,SAAS,GAAG;KAElC,MAAM,YAAY,QAAQ,aAAa,MAAM;AAE7C,gBAAW,KAAK,IAAI,IAAI,UAAU,CAAC;;;AAKvC,OAAI,WAAW,SAAS,EACtB,eAAc,GAAG,SAAS,IAAI,KAAK,YAAY,GAAG,IAAI;;EAK1D,IAAI;AACJ,MAAI,MAAM;GACR,MAAM,YAAY,IAAI,IAAI,IAAI,KAAK,OAAO,GAAG;GAC7C,MAAM,YAAY,KAAK,cAAc,SAAS,GAAG,SAAS,GAAG;AAC7D,WAAQ,GAA4B;0BAClB,SAAS;YACvB,YAAY;qBACH,UAAU,GAAG,UAAU;kBAC1B,MAAM,UAAU,OAAO;;QAGjC,SAAQ,GAA4B;0BAClB,SAAS;YACvB,YAAY;kBACN,MAAM,UAAU,OAAO;;EAInC,MAAM,SAAS,MAAM,MAAM,QAAQ,SAAS;EAO5C,MAAM,cAAc,MAJD,GAAsB;wCACP,SAAS;UACvC,YAAY;QAEqB,QAAQ,SAAS;EACtD,MAAM,QAAQ,YAAY,KAAK,KAC3B,SAAS,YAAY,KAAK,GAAG,OAAO,GAAG,GACvC;EAEJ,MAAM,aACJ,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,OAAO,KAAK,GAAG,GAAG,EAAE;AAW3D,SAAO;GACL,SAXc,CACd,GAAG,iBAAiB,QAAQ,QAAQ,WAAW,SAAS,IAAI,CAAC,EAC7D,GAAG,WAAW,QACX,QACC,CAAC,iBAAiB,SAChB,IACD,CACJ,CACF;GAIC,MAAM,OAAO;GACb;GACD;IAEH,CAAC,SAAS,CACX;CAED,MAAM,aAAa,YAAY,YAAY;AACzC,MAAI,CAAC,OAAQ;EAGb,MAAM,aAAa,OADN,MAAM,OAAO,EAAE,IAAI,QAAQ,CAAC,EACX,MAAM;EAEpC,MAAM,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,MAAM,YAAY,CAAC;EACzD,MAAM,MAAM,IAAI,gBAAgB,KAAK;EACrC,MAAM,IAAI,SAAS,cAAc,IAAI;AACrC,IAAE,OAAO;AACT,IAAE,WAAW,mBAAmB,KAAK,KAAK,CAAC;AAC3C,IAAE,OAAO;AACT,MAAI,gBAAgB,IAAI;IACvB,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,YACjB,OAAO,eAAuB;AAC5B,MAAI,CAAC,OAAQ;AAGb,QAAM,OAAO,YAAY,OAAO,OAAO;AACrC,SAAM,GAAG,KAAK,eAAe,eAAe,UAAU;AACtD,SAAM,GAAG,KAAK,iBAAiB,iBAAiB;AAChD,SAAM,GAAG,KAAK,WAAW;AACzB,SAAM,GAAG,KAAK,sBAAsB,iBAAiB;IACrD;IAEJ,CAAC,OAAO,CACT;AAYD,QAAO;EACL;EACA;EACA,gBAbqB,aACpB,UAA2C;AAC1C,OAAI,UAAU,YACZ,QAAO;IAAE,QAAQ;IAAkB,WAAW;IAAQ;KAI1D,EAAE,CACH;EAMC;EACA;EACD;;;;AC/RH,SAAgB,wBAA6D;CAE3E,MAAM,gBADsB,wBAAwB,EACT;CAE3C,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO,KAAA;AAE3B,SAAO,IAAI,yBACT,cAAc,eACd,cAAc,gBACd,cAAc,YACd,cAAc,cACd,cAAc,sBACf;IACA,CAAC,cAAc,CAAC;CAEnB,MAAM,aAAa,YACjB,OAAO,YAAoB,WAAoB;AAC7C,MAAI,CAAC,QACH,OAAM,IAAI,MAAM,+BAA+B;AAEjD,SAAO,QAAQ,iBAAiB,YAAY,OAAO;IAErD,CAAC,QAAQ,CACV;CAED,MAAM,qBAAqB,YACzB,OAAO,YAAoB,WAAoB;AAC7C,MAAI,CAAC,QACH,OAAM,IAAI,MAAM,+BAA+B;AAEjD,SAAO,QAAQ,iBAAiB,YAAY,OAAO;IAErD,CAAC,QAAQ,CACV;CAED,MAAM,qBAAqB,YACzB,OAAO,YAAoB,WAAoB;AAC7C,MAAI,CAAC,QACH,OAAM,IAAI,MAAM,+BAA+B;AAEjD,SAAO,QAAQ,iBAAiB,YAAY,OAAO;IAErD,CAAC,QAAQ,CACV;AAED,KAAI,CAAC,QACH;AAGF,QAAO;EACL;EACA;EACA;EACD;;;;ACzDH,SAAgB,yBAA+D;CAE7E,MAAM,mBADsB,wBAAwB,EACN,eAAe;CAE7D,MAAM,sBAAsB,cACpB,oBAAoB,MAC1B,CAAC,iBAAiB,CACnB;CAED,MAAM,gBAAgB,YAAY,YAAY;AAC5C,MAAI,CAAC,iBACH,QAAO,EAAE;AAGX,SAAO,iBAAiB,QAAQ,CAAC,KAAK,aAAa;GACjD,aAAa,QAAQ;GACrB,WAAW,QAAQ;GACnB,SAAS,QAAQ;GACjB,gBAAgB,QAAQ;GACxB,aAAa,QAAQ;GACrB,QAAQ,QAAQ;GAChB,WAAW,QAAQ;GACnB,oBAAoB,QAAQ;GAC7B,EAAE;IACF,CAAC,iBAAiB,CAAC;CAEtB,MAAM,UAAU,YACd,OAAO,gBAAwB;AAC7B,MAAI,CAAC,iBAAkB;EACvB,MAAM,UAAU,iBAAiB,IAAI,YAAY;AACjD,MAAI,QACF,OAAM,QAAQ,OAAO;IAGzB,CAAC,iBAAiB,CACnB;AAED,KAAI,CAAC,oBACH;AAGF,QAAO;EACL;EACA;EACD;;;;ACrCH,SAAgB,oBAAqD;CAEnE,MAAM,QADsB,wBAAwB,EACjB,eAAe;CAElD,MAAM,gBAAgB,cAAc;AAClC,MAAI,iBAAiB,cACnB,QAAO;IAGR,CAAC,MAAM,CAAC;CAEX,MAAM,gBAAgB,YAAY,YAAiC;AACjE,MAAI,CAAC,cACH,QAAO;GACL,UAAU;GACV,aAAa,EAAE;GACf,eAAe,EAAE;GACjB,cAAc;GACd,gBAAgB;GACjB;EAGH,MAAM,cAAc,cAAc,gBAAgB;EAClD,MAAM,kBAAkB,cAAc,oBAAoB;EAE1D,MAAM,gBAAuB,EAAE;AAC/B,OAAK,MAAM,YAAY,gBAAgB,QAAQ,CAC7C,MAAK,MAAM,SAAS,UAAU;GAC5B,MAAM,MAAM,cAAc,OAAO,MAAM;AACvC,OAAI,IACF,eAAc,KAAK,IAAI;;AAK7B,SAAO;GACL,UAAU,cAAc;GACxB;GACA;GACA,cAAc,YAAY;GAC1B,gBAAgB,cAAc;GAC/B;IACA,CAAC,cAAc,CAAC;CAEnB,MAAM,UAAU,YAAY,YAA2B;AACrD,MAAI,cACF,eAAc,OAAO;IAEtB,CAAC,cAAc,CAAC;CAEnB,MAAM,WAAW,YAAY,YAA2B;AACtD,MAAI,cACF,OAAM,cAAc,QAAQ;IAE7B,CAAC,cAAc,CAAC;AAEnB,KAAI,CAAC,cACH;AAGF,QAAO;EACL;EACA;EACA;EACD;;;;ACpEH,SAAgB,sBAId;CACA,MAAM,cAAc,SAAS;AAC7B,KAAI,CAAC,YACH,OAAM,IAAI,MAAM,yBAAyB;CAG3C,MAAM,mBAAmB,qBAAqB;AAW9C,QAAO;EACL,YAViB,kBAAkB;AACnC,UAAO,QAAQ,QAAQ,YAAY,MAAM,CAAC;KACzC,CAAC,YAAY,CAAC;EASf,cAPmB,aAClB,SAAiB,YAAY,OAAO,KAAK,EAC1C,CAAC,YAAY,CACd;EAKC;EACD;;;;ACvBH,MAAM,oBAAoB;AAE1B,MAAa,uBAAiC;CAE5C,MAAM,OADU,YAAY,EACN,SAAS;CAE/B,MAAM,EAAE,WAAW,cAAc,gBAAgB,YAAY,eAC3D,eAAe;CACjB,MAAM,EAAE,YAAY,cAAc,qBAAqB,qBAAqB;CAC5E,MAAM,sBAAsB,mBAAmB;CAC/C,MAAM,2BAA2B,wBAAwB;CACzD,MAAM,0BAA0B,uBAAuB;AAEvD,QACE,oBAACA,kBAAD;EACQ;EACN,eAAe,WAAW;AACxB,OAAI,CAAC,OAAQ,eAAc;;EAE7B,iBAAiB;GACf,QAAQ;GACR;GACA;GAEA;GACA,UAAU;GACV;GACA;GACD;EACD,uBAAuB;GACrB;GACA;GACA;GACD;EACoB;EACK;EACD;EACzB,CAAA"}

package/dist/MissingPackageModal-BOeTH4V6.js

@@ -0,0 +1,33 @@
+import { t as useRegistryPackages } from "./useRegistryPackages-Ctlhv061.js";
+import { closePHModal, usePHModal, useVetraPackageManager } from "@powerhousedao/reactor-browser";
+import { jsx } from "react/jsx-runtime";
+import { MissingPackageModal } from "@powerhousedao/design-system/connect/index";
+//#region src/components/modal/modals/MissingPackageModal.tsx
+function ConnectMissingPackageModal() {
+	const phModal = usePHModal();
+	const { registryPackageList, updateRegistryPackageStatus } = useRegistryPackages();
+	const packageManager = useVetraPackageManager();
+	const open = phModal?.type === "missingPackage";
+	const documentType = open ? phModal.documentType : void 0;
+	if (!packageManager || !documentType) return null;
+	async function onInstall(packageName) {
+		if ((await packageManager?.addPackage(packageName))?.type === "success") updateRegistryPackageStatus(packageName, "registry-install");
+	}
+	function onDismiss(packageName) {
+		updateRegistryPackageStatus(packageName, "dismissed");
+	}
+	return /* @__PURE__ */ jsx(MissingPackageModal, {
+		documentType,
+		requiredPackages: registryPackageList.filter((rp) => rp.documentTypes.includes(documentType)),
+		open,
+		onInstall,
+		onDismiss,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+}
+//#endregion
+export { ConnectMissingPackageModal };
+
+//# sourceMappingURL=MissingPackageModal-BOeTH4V6.js.map

package/dist/MissingPackageModal-BOeTH4V6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingPackageModal-BOeTH4V6.js","names":[],"sources":["../src/components/modal/modals/MissingPackageModal.tsx"],"sourcesContent":["import { useRegistryPackages } from \"@powerhousedao/connect/hooks\";\nimport { MissingPackageModal } from \"@powerhousedao/design-system/connect/index\";\nimport {\n  closePHModal,\n  usePHModal,\n  useVetraPackageManager,\n} from \"@powerhousedao/reactor-browser\";\n\nexport function ConnectMissingPackageModal() {\n  const phModal = usePHModal();\n  const { registryPackageList, updateRegistryPackageStatus } =\n    useRegistryPackages();\n  const packageManager = useVetraPackageManager();\n  const open = phModal?.type === \"missingPackage\";\n\n  const documentType = open ? phModal.documentType : undefined;\n\n  if (!packageManager || !documentType) return null;\n\n  async function onInstall(packageName: string) {\n    const result = await packageManager?.addPackage(packageName);\n    if (result?.type === \"success\") {\n      updateRegistryPackageStatus(packageName, \"registry-install\");\n    }\n  }\n\n  function onDismiss(packageName: string) {\n    updateRegistryPackageStatus(packageName, \"dismissed\");\n  }\n\n  const requiredPackages = registryPackageList.filter((rp) =>\n    rp.documentTypes.includes(documentType),\n  );\n\n  return (\n    <MissingPackageModal\n      documentType={documentType}\n      requiredPackages={requiredPackages}\n      open={open}\n      onInstall={onInstall}\n      onDismiss={onDismiss}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,6BAA6B;CAC3C,MAAM,UAAU,YAAY;CAC5B,MAAM,EAAE,qBAAqB,gCAC3B,qBAAqB;CACvB,MAAM,iBAAiB,wBAAwB;CAC/C,MAAM,OAAO,SAAS,SAAS;CAE/B,MAAM,eAAe,OAAO,QAAQ,eAAe,KAAA;AAEnD,KAAI,CAAC,kBAAkB,CAAC,aAAc,QAAO;CAE7C,eAAe,UAAU,aAAqB;AAE5C,OADe,MAAM,gBAAgB,WAAW,YAAY,GAChD,SAAS,UACnB,6BAA4B,aAAa,mBAAmB;;CAIhE,SAAS,UAAU,aAAqB;AACtC,8BAA4B,aAAa,YAAY;;AAOvD,QACE,oBAAC,qBAAD;EACgB;EACd,kBAPqB,oBAAoB,QAAQ,OACnD,GAAG,cAAc,SAAS,aAAa,CACxC;EAMS;EACK;EACA;EACX,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}

package/dist/SettingsModal-DdtEAedE.js

@@ -0,0 +1,153 @@
+import { t as connectConfig } from "./connect.config-CUbxYkCy.js";
+import { t as toast$1 } from "./toast-iD-70hL8.js";
+import { t as useRegistryPackages } from "./useRegistryPackages-Ctlhv061.js";
+import { t as package_default } from "./package-lIOHa9T4.js";
+import { closePHModal, deleteDrive, setSelectedDrive, showPHModal, useDrives, usePHModal, useVetraPackageManager } from "@powerhousedao/reactor-browser";
+import { useCallback, useMemo, useState } from "react";
+import { About, DangerZone, DefaultEditor, PackageManager, SettingsModal as SettingsModal$1 } from "@powerhousedao/design-system/connect";
+import { jsx } from "react/jsx-runtime";
+import { t } from "i18next";
+import { Icon } from "@powerhousedao/design-system";
+//#region src/components/modal/modals/settings/about.tsx
+const About$1 = () => {
+	return /* @__PURE__ */ jsx(About, {
+		packageJson: package_default,
+		phCliVersion: typeof connectConfig.phCliVersion === "string" ? connectConfig.phCliVersion : void 0
+	});
+};
+//#endregion
+//#region src/components/modal/modals/settings/danger-zone.tsx
+const DangerZone$1 = () => {
+	const drives = useDrives();
+	const handleDeleteDrive = async (drive) => {
+		await deleteDrive(drive.header.id);
+		setSelectedDrive(void 0);
+	};
+	const handleClearStorage = () => {
+		showPHModal({ type: "clearStorage" });
+	};
+	return /* @__PURE__ */ jsx(DangerZone, {
+		drives: drives ?? [],
+		onDeleteDrive: handleDeleteDrive,
+		onClearStorage: handleClearStorage
+	});
+};
+//#endregion
+//#region src/components/modal/modals/settings/default-editor.tsx
+const documentModelEditorOptions = [{
+	label: "V1",
+	value: "document-model-editor"
+}, {
+	label: "V2",
+	value: "document-model-editor-v2"
+}];
+const DefaultEditor$1 = () => {
+	const [documentModelEditor, setDocumentModelEditor] = useState(documentModelEditorOptions[1]);
+	const handleSetDocumentEditor = useCallback((value) => {
+		const option = documentModelEditorOptions.find((dm) => dm.value == value);
+		if (option) setDocumentModelEditor(option);
+	}, []);
+	return /* @__PURE__ */ jsx(DefaultEditor, {
+		documentModelEditor: documentModelEditor.value,
+		setDocumentModelEditor: handleSetDocumentEditor,
+		documentModelEditorOptions
+	});
+};
+//#endregion
+//#region src/components/modal/modals/settings/package-manager.tsx
+const ConnectPackageManager = () => {
+	const packageManager = useVetraPackageManager();
+	const { registryPackageList, updateRegistryPackageStatus } = useRegistryPackages();
+	async function handleInstall(packageName) {
+		if (!packageManager) return;
+		const result = await packageManager.addPackage(packageName);
+		if (result.type === "success") {
+			updateRegistryPackageStatus(packageName, "registry-install");
+			toast$1(`Package "${packageName}" installed successfully`, { type: "connect-success" });
+		} else {
+			const message = result.error.message;
+			toast$1(`Failed to install "${packageName}": ${message}`, { type: "error" });
+		}
+	}
+	function handleUninstall(packageName) {
+		if (!packageManager) return;
+		try {
+			packageManager.removePackage(packageName);
+			updateRegistryPackageStatus(packageName, "available");
+			toast$1(`Package "${packageName}" uninstalled successfully`, { type: "connect-success" });
+		} catch (error) {
+			toast$1(`Failed to uninstall "${packageName}": ${error instanceof Error ? error.message : "Unknown error"}`, { type: "error" });
+		}
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full flex-1 flex-col",
+		children: /* @__PURE__ */ jsx(PackageManager, {
+			mutable: true,
+			registryPackageList,
+			onInstall: handleInstall,
+			onUninstall: handleUninstall
+		})
+	});
+};
+//#endregion
+//#region src/components/modal/modals/SettingsModal.tsx
+const SettingsModal = () => {
+	const open = usePHModal()?.type === "settings";
+	function onRefresh() {
+		window.location.reload();
+	}
+	const tabs = useMemo(() => [
+		{
+			id: "package-manager",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "PackageManager",
+				size: 12
+			}),
+			label: "Package Manager",
+			content: ConnectPackageManager
+		},
+		{
+			id: "default-editors",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "Edit",
+				size: 12
+			}),
+			label: "Default Editors",
+			content: DefaultEditor$1
+		},
+		{
+			id: "danger-zone",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "Danger",
+				size: 12,
+				className: "text-red-900"
+			}),
+			label: /* @__PURE__ */ jsx("span", {
+				className: "text-red-900",
+				children: "Danger Zone"
+			}),
+			content: () => /* @__PURE__ */ jsx(DangerZone$1, {})
+		},
+		{
+			id: "about",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "QuestionSquare",
+				size: 12
+			}),
+			label: "About",
+			content: About$1
+		}
+	], [onRefresh]);
+	return /* @__PURE__ */ jsx(SettingsModal$1, {
+		open,
+		title: t("modals.connectSettings.title"),
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		},
+		tabs
+	});
+};
+//#endregion
+export { SettingsModal };
+
+//# sourceMappingURL=SettingsModal-DdtEAedE.js.map

package/dist/SettingsModal-DdtEAedE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal-DdtEAedE.js","names":["About","BaseAbout","packageJson","DangerZone","BaseDangerZone","DefaultEditor","BaseDefaultEditor","DefaultEditor","DangerZone","About","SettingsModalV2"],"sources":["../src/components/modal/modals/settings/about.tsx","../src/components/modal/modals/settings/danger-zone.tsx","../src/components/modal/modals/settings/default-editor.tsx","../src/components/modal/modals/settings/package-manager.tsx","../src/components/modal/modals/SettingsModal.tsx"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport { packageJson } from \"@powerhousedao/connect/utils\";\nimport { About as BaseAbout } from \"@powerhousedao/design-system/connect\";\n\nexport const About: React.FC = () => {\n  return (\n    <BaseAbout\n      packageJson={packageJson}\n      phCliVersion={\n        typeof connectConfig.phCliVersion === \"string\"\n          ? connectConfig.phCliVersion\n          : undefined\n      }\n    />\n  );\n};\n","import { DangerZone as BaseDangerZone } from \"@powerhousedao/design-system/connect\";\nimport {\n  deleteDrive,\n  setSelectedDrive,\n  showPHModal,\n  useDrives,\n} from \"@powerhousedao/reactor-browser\";\nimport type { DocumentDriveDocument } from \"@powerhousedao/shared/document-drive\";\n\nexport const DangerZone: React.FC = () => {\n  const drives = useDrives();\n\n  const handleDeleteDrive = async (drive: DocumentDriveDocument) => {\n    await deleteDrive(drive.header.id);\n    setSelectedDrive(undefined);\n  };\n\n  const handleClearStorage = () => {\n    showPHModal({ type: \"clearStorage\" });\n  };\n\n  return (\n    <BaseDangerZone\n      drives={drives ?? []}\n      onDeleteDrive={handleDeleteDrive}\n      onClearStorage={handleClearStorage}\n    />\n  );\n};\n","import { DefaultEditor as BaseDefaultEditor } from \"@powerhousedao/design-system/connect\";\nimport { useCallback, useState } from \"react\";\n\nconst documentModelEditorOptions = [\n  { label: \"V1\", value: \"document-model-editor\" },\n  { label: \"V2\", value: \"document-model-editor-v2\" },\n] as const;\n\nexport const DefaultEditor: React.FC = () => {\n  const [documentModelEditor, setDocumentModelEditor] = useState<\n    (typeof documentModelEditorOptions)[number]\n  >(documentModelEditorOptions[1]);\n\n  const handleSetDocumentEditor = useCallback((value: string) => {\n    const option = documentModelEditorOptions.find((dm) => dm.value == value);\n    if (option) {\n      setDocumentModelEditor(option);\n    }\n  }, []);\n\n  return (\n    <BaseDefaultEditor\n      documentModelEditor={documentModelEditor.value}\n      setDocumentModelEditor={handleSetDocumentEditor}\n      documentModelEditorOptions={\n        documentModelEditorOptions as unknown as {\n          value: string;\n          label: string;\n        }[]\n      }\n    />\n  );\n};\n","import { useRegistryPackages } from \"@powerhousedao/connect/hooks\";\nimport { toast } from \"@powerhousedao/connect/services\";\nimport { PackageManager } from \"@powerhousedao/design-system/connect\";\nimport { useVetraPackageManager } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\n\nexport const ConnectPackageManager: React.FC = () => {\n  const packageManager = useVetraPackageManager();\n  const { registryPackageList, updateRegistryPackageStatus } =\n    useRegistryPackages();\n\n  async function handleInstall(packageName: string) {\n    if (!packageManager) return;\n\n    const result = await packageManager.addPackage(packageName);\n    if (result.type === \"success\") {\n      updateRegistryPackageStatus(packageName, \"registry-install\");\n      toast(`Package \"${packageName}\" installed successfully`, {\n        type: \"connect-success\",\n      });\n    } else {\n      const message = result.error.message;\n      toast(`Failed to install \"${packageName}\": ${message}`, {\n        type: \"error\",\n      });\n    }\n  }\n\n  function handleUninstall(packageName: string) {\n    if (!packageManager) return;\n    try {\n      packageManager.removePackage(packageName);\n      updateRegistryPackageStatus(packageName, \"available\");\n\n      toast(`Package \"${packageName}\" uninstalled successfully`, {\n        type: \"connect-success\",\n      });\n    } catch (error) {\n      const message = error instanceof Error ? error.message : \"Unknown error\";\n      toast(`Failed to uninstall \"${packageName}\": ${message}`, {\n        type: \"error\",\n      });\n    }\n  }\n\n  return (\n    <div className=\"flex h-full flex-1 flex-col\">\n      <PackageManager\n        mutable={true}\n        registryPackageList={registryPackageList}\n        onInstall={handleInstall}\n        onUninstall={handleUninstall}\n      />\n    </div>\n  );\n};\n","import { Icon } from \"@powerhousedao/design-system\";\nimport { SettingsModal as SettingsModalV2 } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { t } from \"i18next\";\nimport React, { useMemo } from \"react\";\nimport { About } from \"./settings/about.js\";\nimport { DangerZone } from \"./settings/danger-zone.js\";\nimport { DefaultEditor } from \"./settings/default-editor.js\";\nimport { ConnectPackageManager } from \"./settings/package-manager.js\";\n\nexport const SettingsModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"settings\";\n  function onRefresh() {\n    window.location.reload();\n  }\n\n  const tabs = useMemo(\n    () => [\n      {\n        id: \"package-manager\",\n        icon: <Icon name=\"PackageManager\" size={12} />,\n        label: \"Package Manager\",\n        content: ConnectPackageManager,\n      },\n      {\n        id: \"default-editors\",\n        icon: <Icon name=\"Edit\" size={12} />,\n        label: \"Default Editors\",\n        content: DefaultEditor,\n      },\n      {\n        id: \"danger-zone\",\n        icon: <Icon name=\"Danger\" size={12} className=\"text-red-900\" />,\n        label: <span className=\"text-red-900\">Danger Zone</span>,\n        content: () => <DangerZone />,\n      },\n      {\n        id: \"about\",\n        icon: <Icon name=\"QuestionSquare\" size={12} />,\n        label: \"About\",\n        content: About,\n      },\n    ],\n    [onRefresh],\n  );\n\n  return (\n    <SettingsModalV2\n      open={open}\n      title={t(\"modals.connectSettings.title\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n      tabs={tabs}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,MAAaA,gBAAwB;AACnC,QACE,oBAACC,OAAD;EACE,aAAaC;EACb,cACE,OAAO,cAAc,iBAAiB,WAClC,cAAc,eACd,KAAA;EAEN,CAAA;;;;ACJN,MAAaC,qBAA6B;CACxC,MAAM,SAAS,WAAW;CAE1B,MAAM,oBAAoB,OAAO,UAAiC;AAChE,QAAM,YAAY,MAAM,OAAO,GAAG;AAClC,mBAAiB,KAAA,EAAU;;CAG7B,MAAM,2BAA2B;AAC/B,cAAY,EAAE,MAAM,gBAAgB,CAAC;;AAGvC,QACE,oBAACC,YAAD;EACE,QAAQ,UAAU,EAAE;EACpB,eAAe;EACf,gBAAgB;EAChB,CAAA;;;;ACvBN,MAAM,6BAA6B,CACjC;CAAE,OAAO;CAAM,OAAO;CAAyB,EAC/C;CAAE,OAAO;CAAM,OAAO;CAA4B,CACnD;AAED,MAAaC,wBAAgC;CAC3C,MAAM,CAAC,qBAAqB,0BAA0B,SAEpD,2BAA2B,GAAG;CAEhC,MAAM,0BAA0B,aAAa,UAAkB;EAC7D,MAAM,SAAS,2BAA2B,MAAM,OAAO,GAAG,SAAS,MAAM;AACzE,MAAI,OACF,wBAAuB,OAAO;IAE/B,EAAE,CAAC;AAEN,QACE,oBAACC,eAAD;EACE,qBAAqB,oBAAoB;EACzC,wBAAwB;EAEtB;EAKF,CAAA;;;;ACxBN,MAAa,8BAAwC;CACnD,MAAM,iBAAiB,wBAAwB;CAC/C,MAAM,EAAE,qBAAqB,gCAC3B,qBAAqB;CAEvB,eAAe,cAAc,aAAqB;AAChD,MAAI,CAAC,eAAgB;EAErB,MAAM,SAAS,MAAM,eAAe,WAAW,YAAY;AAC3D,MAAI,OAAO,SAAS,WAAW;AAC7B,+BAA4B,aAAa,mBAAmB;AAC5D,WAAM,YAAY,YAAY,2BAA2B,EACvD,MAAM,mBACP,CAAC;SACG;GACL,MAAM,UAAU,OAAO,MAAM;AAC7B,WAAM,sBAAsB,YAAY,KAAK,WAAW,EACtD,MAAM,SACP,CAAC;;;CAIN,SAAS,gBAAgB,aAAqB;AAC5C,MAAI,CAAC,eAAgB;AACrB,MAAI;AACF,kBAAe,cAAc,YAAY;AACzC,+BAA4B,aAAa,YAAY;AAErD,WAAM,YAAY,YAAY,6BAA6B,EACzD,MAAM,mBACP,CAAC;WACK,OAAO;AAEd,WAAM,wBAAwB,YAAY,KAD1B,iBAAiB,QAAQ,MAAM,UAAU,mBACC,EACxD,MAAM,SACP,CAAC;;;AAIN,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,gBAAD;GACE,SAAS;GACY;GACrB,WAAW;GACX,aAAa;GACb,CAAA;EACE,CAAA;;;;AC3CV,MAAa,sBAAgC;CAE3C,MAAM,OADU,YAAY,EACN,SAAS;CAC/B,SAAS,YAAY;AACnB,SAAO,SAAS,QAAQ;;CAG1B,MAAM,OAAO,cACL;EACJ;GACE,IAAI;GACJ,MAAM,oBAAC,MAAD;IAAM,MAAK;IAAiB,MAAM;IAAM,CAAA;GAC9C,OAAO;GACP,SAAS;GACV;EACD;GACE,IAAI;GACJ,MAAM,oBAAC,MAAD;IAAM,MAAK;IAAO,MAAM;IAAM,CAAA;GACpC,OAAO;GACP,SAASC;GACV;EACD;GACE,IAAI;GACJ,MAAM,oBAAC,MAAD;IAAM,MAAK;IAAS,MAAM;IAAI,WAAU;IAAiB,CAAA;GAC/D,OAAO,oBAAC,QAAD;IAAM,WAAU;cAAe;IAAkB,CAAA;GACxD,eAAe,oBAACC,cAAD,EAAc,CAAA;GAC9B;EACD;GACE,IAAI;GACJ,MAAM,oBAAC,MAAD;IAAM,MAAK;IAAiB,MAAM;IAAM,CAAA;GAC9C,OAAO;GACP,SAASC;GACV;EACF,EACD,CAAC,UAAU,CACZ;AAED,QACE,oBAACC,iBAAD;EACQ;EACN,OAAO,EAAE,+BAA+B;EACxC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAE9B;EACN,CAAA"}

package/dist/UpgradeDriveModal-DldcNCaT.js

@@ -0,0 +1,31 @@
+import { closePHModal, usePHModal } from "@powerhousedao/reactor-browser";
+import "react";
+import { ConnectUpgradeDriveModal } from "@powerhousedao/design-system/connect";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/UpgradeDriveModal.tsx
+const UpgradeDriveModal = () => {
+	const phModal = usePHModal();
+	const open = phModal?.type === "upgradeDrive";
+	const driveId = open ? phModal.driveId : void 0;
+	const { t } = useTranslation();
+	const onContinue = () => {
+		console.log("Upgrade drive: ", driveId);
+		closePHModal();
+	};
+	return /* @__PURE__ */ jsx(ConnectUpgradeDriveModal, {
+		open,
+		onContinue,
+		header: t("modals.upgradeDrive.header"),
+		body: t("modals.upgradeDrive.body"),
+		cancelLabel: t("common.cancel"),
+		continueLabel: t("common.continue"),
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+};
+//#endregion
+export { UpgradeDriveModal };
+
+//# sourceMappingURL=UpgradeDriveModal-DldcNCaT.js.map

package/dist/UpgradeDriveModal-DldcNCaT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpgradeDriveModal-DldcNCaT.js","names":[],"sources":["../src/components/modal/modals/UpgradeDriveModal.tsx"],"sourcesContent":["import { ConnectUpgradeDriveModal } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const UpgradeDriveModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"upgradeDrive\";\n  const driveId = open ? phModal.driveId : undefined;\n\n  const { t } = useTranslation();\n\n  const onContinue = () => {\n    // TODO: Implement upgrade drive\n    console.log(\"Upgrade drive: \", driveId);\n    closePHModal();\n  };\n\n  return (\n    <ConnectUpgradeDriveModal\n      open={open}\n      onContinue={onContinue}\n      header={t(\"modals.upgradeDrive.header\")}\n      body={t(\"modals.upgradeDrive.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\"common.continue\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAa,0BAAoC;CAC/C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,UAAU,OAAO,QAAQ,UAAU,KAAA;CAEzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,mBAAmB;AAEvB,UAAQ,IAAI,mBAAmB,QAAQ;AACvC,gBAAc;;AAGhB,QACE,oBAAC,0BAAD;EACQ;EACM;EACZ,QAAQ,EAAE,6BAA6B;EACvC,MAAM,EAAE,2BAA2B;EACnC,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EAAE,kBAAkB;EACnC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}