@powerhousedao/design-system 5.1.0-dev.15 → 5.1.0-dev.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/connect/components/db-explorer/db-explorer.d.ts.map +1 -1
- package/dist/src/connect/components/db-explorer/db-explorer.js +19 -2
- package/dist/src/connect/components/db-explorer/db-explorer.js.map +1 -1
- package/dist/src/connect/components/modal/index.d.ts +1 -0
- package/dist/src/connect/components/modal/index.d.ts.map +1 -1
- package/dist/src/connect/components/modal/index.js +1 -0
- package/dist/src/connect/components/modal/index.js.map +1 -1
- package/dist/src/connect/components/modal/inspector-modal/index.d.ts +2 -0
- package/dist/src/connect/components/modal/inspector-modal/index.d.ts.map +1 -0
- package/dist/src/connect/components/modal/inspector-modal/index.js +2 -0
- package/dist/src/connect/components/modal/inspector-modal/index.js.map +1 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.d.ts +18 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.d.ts.map +1 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.js +13 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.js.map +1 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.stories.d.ts +10 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.stories.d.ts.map +1 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.stories.js +226 -0
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.stories.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts +2 -3
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts.map +1 -1
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.js +23 -5
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.js.map +1 -1
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.d.ts +0 -1
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.d.ts.map +1 -1
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.js +4 -14
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.js.map +1 -1
- package/dist/src/connect/components/sidebar/sidebar-footer.d.ts +1 -0
- package/dist/src/connect/components/sidebar/sidebar-footer.d.ts.map +1 -1
- package/dist/src/connect/components/sidebar/sidebar-footer.js +2 -2
- package/dist/src/connect/components/sidebar/sidebar-footer.js.map +1 -1
- package/dist/src/connect/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/src/connect/components/sidebar/sidebar.js +2 -2
- package/dist/src/connect/components/sidebar/sidebar.js.map +1 -1
- package/dist/style.css +13 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"db-explorer.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"db-explorer.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAEL,KAAK,UAAU,EAEf,KAAK,WAAW,EACjB,MAAM,4BAA4B,CAAC;AAGpC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE1E,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AACF,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC/C,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACtE,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;CAC/E;AAED,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,YAAY,EAAE,CACrB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,mBAAmB,KACzB,OAAO,CAAC,SAAS,CAAC,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAClD,CAAC;AAIF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,QAA4B,EAC5B,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAgNjB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
3
|
+
import { ConnectConfirmationModal } from "../modal/confirmation-modal.js";
|
|
3
4
|
import { SchemaTreeSidebar, } from "./components/schema-tree-sidebar.js";
|
|
4
5
|
import { TableView, } from "./components/table-view.js";
|
|
5
6
|
const DEFAULT_PAGE_SIZE = 50;
|
|
@@ -16,6 +17,7 @@ export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT
|
|
|
16
17
|
});
|
|
17
18
|
const [sort, setSort] = useState();
|
|
18
19
|
const [loading, setLoading] = useState(false);
|
|
20
|
+
const [pendingImport, setPendingImport] = useState(null);
|
|
19
21
|
const columns = tables.find((t) => t.name === selectedTable)?.columns ?? [];
|
|
20
22
|
const loadTableData = useCallback(async () => {
|
|
21
23
|
if (!selectedTable)
|
|
@@ -90,13 +92,28 @@ export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT
|
|
|
90
92
|
if (!file)
|
|
91
93
|
return;
|
|
92
94
|
void file.text().then((content) => {
|
|
93
|
-
|
|
95
|
+
setPendingImport(content);
|
|
94
96
|
});
|
|
95
97
|
e.target.value = "";
|
|
96
98
|
};
|
|
99
|
+
const handleImportConfirm = async () => {
|
|
100
|
+
if (pendingImport) {
|
|
101
|
+
// Clear selection before import to prevent stale queries
|
|
102
|
+
setSelectedTable(undefined);
|
|
103
|
+
setTableData(null);
|
|
104
|
+
await onImportDb?.(pendingImport);
|
|
105
|
+
setPendingImport(null);
|
|
106
|
+
await loadTables();
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
const handleImportCancel = () => {
|
|
110
|
+
setPendingImport(null);
|
|
111
|
+
};
|
|
97
112
|
const handleExportClick = () => {
|
|
98
113
|
void onExportDb?.();
|
|
99
114
|
};
|
|
100
|
-
return (_jsxs("div", { className: "flex h-full", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".sql,.txt,text/plain", className: "hidden", onChange: handleFileChange }),
|
|
115
|
+
return (_jsxs("div", { className: "flex h-full", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".sql,.txt,text/plain", className: "hidden", onChange: handleFileChange }), _jsx(ConnectConfirmationModal, { open: !!pendingImport, onOpenChange: (open) => !open && setPendingImport(null), header: "Replace Database?", body: "This will delete all existing data and replace it with the imported file. This action cannot be undone.", cancelLabel: "Cancel", continueLabel: "Replace Data", onCancel: handleImportCancel, onContinue: () => void handleImportConfirm(), continueButtonProps: {
|
|
116
|
+
className: "bg-red-900 text-white hover:bg-red-800",
|
|
117
|
+
} }), _jsxs("div", { className: "flex w-64 shrink-0 flex-col border-r border-gray-200", children: [_jsx("div", { className: "flex-1 overflow-auto", children: _jsx(SchemaTreeSidebar, { schema: schema, tables: tables, selectedTable: selectedTable, onSelectTable: handleSelectTable, onRefresh: handleRefresh, loading: tablesLoading || loading }) }), (onImportDb || onExportDb) && (_jsxs("div", { className: "flex shrink-0 flex-col gap-2 border-t border-gray-200 p-2", children: [onImportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleImportClick, type: "button", children: "Import DB" })), onExportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleExportClick, type: "button", children: "Export DB" }))] }))] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: !selectedTable ? (_jsx("div", { className: "text-sm text-gray-500", children: "Select a table to view data" })) : !tableData && loading ? (_jsx("div", { className: "text-sm text-gray-500", children: "Loading..." })) : tableData ? (_jsx(TableView, { columns: columns, rows: tableData.rows, pagination: pagination, onPageChange: handlePageChange, onSort: handleSort, currentSort: sort, loading: loading })) : null })] }));
|
|
101
118
|
}
|
|
102
119
|
//# sourceMappingURL=db-explorer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"db-explorer.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EACL,iBAAiB,GAElB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,SAAS,GAIV,MAAM,4BAA4B,CAAC;AAsCpC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,QAAQ,GAAG,iBAAiB,EAC5B,UAAU,EACV,UAAU,GACM;IAChB,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IACtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB;QAC5D,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"db-explorer.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export * from "./create-document-modal.js";
|
|
|
6
6
|
export * from "./delete-drive-modal.js";
|
|
7
7
|
export * from "./delete-item-modal.js";
|
|
8
8
|
export * from "./drive-settings-modal.js";
|
|
9
|
+
export * from "./inspector-modal/index.js";
|
|
9
10
|
export * from "./read-required-modal.js";
|
|
10
11
|
export * from "./replace-duplicate-modal.js";
|
|
11
12
|
export * from "./settings-modal-v2/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}
|
|
@@ -6,6 +6,7 @@ export * from "./create-document-modal.js";
|
|
|
6
6
|
export * from "./delete-drive-modal.js";
|
|
7
7
|
export * from "./delete-item-modal.js";
|
|
8
8
|
export * from "./drive-settings-modal.js";
|
|
9
|
+
export * from "./inspector-modal/index.js";
|
|
9
10
|
export * from "./read-required-modal.js";
|
|
10
11
|
export * from "./replace-duplicate-modal.js";
|
|
11
12
|
export * from "./settings-modal-v2/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { DivProps } from "@powerhousedao/design-system";
|
|
2
|
+
import { Modal } from "@powerhousedao/design-system";
|
|
3
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
4
|
+
import { type DBExplorerProps } from "../../db-explorer/index.js";
|
|
5
|
+
import { type RemotesInspectorProps } from "../../remotes-inspector/index.js";
|
|
6
|
+
type ModalProps = ComponentPropsWithoutRef<typeof Modal>;
|
|
7
|
+
export type InspectorModalProps = {
|
|
8
|
+
readonly open: boolean;
|
|
9
|
+
readonly onOpenChange: (open: boolean) => void;
|
|
10
|
+
readonly modalProps?: ModalProps;
|
|
11
|
+
readonly containerProps?: DivProps;
|
|
12
|
+
readonly dbExplorerProps: DBExplorerProps;
|
|
13
|
+
readonly remotesInspectorProps: RemotesInspectorProps;
|
|
14
|
+
readonly defaultTab?: "Database" | "Remotes";
|
|
15
|
+
};
|
|
16
|
+
export declare function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExplorerProps, remotesInspectorProps, defaultTab, }: InspectorModalProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=inspector-modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inspector-modal.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/inspector-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAQ,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,kCAAkC,CAAC;AAI1C,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACnC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAC;IAC1C,QAAQ,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAC9C,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,UAAuB,GACxB,EAAE,mBAAmB,2CA4CrB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon, Modal } from "@powerhousedao/design-system";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { DBExplorer } from "../../db-explorer/index.js";
|
|
5
|
+
import { RemotesInspector, } from "../../remotes-inspector/index.js";
|
|
6
|
+
import { TabContent } from "../../tabs/tab-content.js";
|
|
7
|
+
import { Tabs } from "../../tabs/tabs.js";
|
|
8
|
+
export function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExplorerProps, remotesInspectorProps, defaultTab = "Database", }) {
|
|
9
|
+
return (_jsx(Modal, { ...modalProps, contentProps: {
|
|
10
|
+
className: "rounded-2xl",
|
|
11
|
+
}, onOpenChange: onOpenChange, open: open, children: _jsxs("div", { ...containerProps, className: twMerge("flex h-[600px] w-[900px] flex-col rounded-2xl", containerProps?.className), children: [_jsx("div", { className: "flex items-center justify-end p-4 pb-0", children: _jsx("button", { className: "flex size-6 cursor-pointer items-center justify-center rounded-md text-gray-500 outline-none hover:text-gray-900", onClick: () => onOpenChange(false), type: "button", children: _jsx(Icon, { name: "XmarkLight", size: 24 }) }) }), _jsx("div", { className: "flex flex-1 flex-col overflow-hidden p-4 pt-2", children: _jsxs(Tabs, { defaultValue: defaultTab, children: [_jsx(TabContent, { description: "Database explorer", label: "Database", children: _jsx("div", { className: "h-[480px]", children: _jsx(DBExplorer, { ...dbExplorerProps }) }) }), _jsx(TabContent, { description: "Remotes inspector", label: "Remotes", children: _jsx("div", { className: "h-[480px]", children: _jsx(RemotesInspector, { ...remotesInspectorProps }) }) })] }) })] }) }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=inspector-modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inspector-modal.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/inspector-modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,gBAAgB,GAEjB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAc1C,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GACH;IACpB,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,+CAA+C,EAC/C,cAAc,EAAE,SAAS,CAC1B,aAED,cAAK,SAAS,EAAC,wCAAwC,YACrD,iBACE,SAAS,EAAC,kHAAkH,EAC5H,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,GACL,EAEN,cAAK,SAAS,EAAC,+CAA+C,YAC5D,MAAC,IAAI,IAAC,YAAY,EAAE,UAAU,aAC5B,KAAC,UAAU,IAAC,WAAW,EAAC,mBAAmB,EAAC,KAAK,EAAC,UAAU,YAC1D,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,UAAU,OAAK,eAAe,GAAI,GAC/B,GACK,EACb,KAAC,UAAU,IAAC,WAAW,EAAC,mBAAmB,EAAC,KAAK,EAAC,SAAS,YACzD,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,gBAAgB,OAAK,qBAAqB,GAAI,GAC3C,GACK,IACR,GACH,IACF,GACA,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { InspectorModal } from "./inspector-modal.js";
|
|
3
|
+
declare const meta: Meta<typeof InspectorModal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof InspectorModal>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const DatabaseTab: Story;
|
|
8
|
+
export declare const RemotesTab: Story;
|
|
9
|
+
export declare const EmptyData: Story;
|
|
10
|
+
//# sourceMappingURL=inspector-modal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inspector-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/inspector-modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAavD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAMrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AA+N7C,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC"}
|
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
import { fn } from "@storybook/test";
|
|
2
|
+
import { SyncOperationStatus, } from "@powerhousedao/reactor";
|
|
3
|
+
import { InspectorModal } from "./inspector-modal.js";
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "Connect/Components/Modal/InspectorModal",
|
|
6
|
+
component: InspectorModal,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: "centered",
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
// DB Explorer mock data
|
|
13
|
+
const mockTables = [
|
|
14
|
+
{
|
|
15
|
+
name: "users",
|
|
16
|
+
columns: [
|
|
17
|
+
{ name: "id", dataType: "int4", isNullable: false },
|
|
18
|
+
{ name: "name", dataType: "varchar", isNullable: false },
|
|
19
|
+
{ name: "email", dataType: "varchar", isNullable: false },
|
|
20
|
+
{ name: "created_at", dataType: "timestamp", isNullable: true },
|
|
21
|
+
],
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: "posts",
|
|
25
|
+
columns: [
|
|
26
|
+
{ name: "id", dataType: "int4", isNullable: false },
|
|
27
|
+
{ name: "title", dataType: "varchar", isNullable: false },
|
|
28
|
+
{ name: "content", dataType: "text", isNullable: true },
|
|
29
|
+
{ name: "author_id", dataType: "int4", isNullable: false },
|
|
30
|
+
],
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
name: "comments",
|
|
34
|
+
columns: [
|
|
35
|
+
{ name: "id", dataType: "int4", isNullable: false },
|
|
36
|
+
{ name: "post_id", dataType: "int4", isNullable: false },
|
|
37
|
+
{ name: "body", dataType: "text", isNullable: false },
|
|
38
|
+
],
|
|
39
|
+
},
|
|
40
|
+
];
|
|
41
|
+
function generateMockRows(table, limit, offset) {
|
|
42
|
+
const rows = [];
|
|
43
|
+
for (let i = 0; i < limit; i++) {
|
|
44
|
+
const rowNum = offset + i + 1;
|
|
45
|
+
if (table === "users") {
|
|
46
|
+
rows.push({
|
|
47
|
+
id: rowNum,
|
|
48
|
+
name: `User ${rowNum}`,
|
|
49
|
+
email: `user${rowNum}@example.com`,
|
|
50
|
+
created_at: `2024-01-${String((rowNum % 28) + 1).padStart(2, "0")}`,
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
else if (table === "posts") {
|
|
54
|
+
rows.push({
|
|
55
|
+
id: rowNum,
|
|
56
|
+
title: `Post Title ${rowNum}`,
|
|
57
|
+
content: `This is the content of post ${rowNum}...`,
|
|
58
|
+
author_id: (rowNum % 10) + 1,
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
else if (table === "comments") {
|
|
62
|
+
rows.push({
|
|
63
|
+
id: rowNum,
|
|
64
|
+
post_id: (rowNum % 20) + 1,
|
|
65
|
+
body: `Comment ${rowNum}: This is a sample comment.`,
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return rows;
|
|
70
|
+
}
|
|
71
|
+
const tableTotals = {
|
|
72
|
+
users: 234,
|
|
73
|
+
posts: 567,
|
|
74
|
+
comments: 1234,
|
|
75
|
+
};
|
|
76
|
+
const mockGetTableRows = async (table, options) => {
|
|
77
|
+
await new Promise((resolve) => setTimeout(resolve, 300));
|
|
78
|
+
const total = tableTotals[table] ?? 100;
|
|
79
|
+
const actualLimit = Math.min(options.limit, total - options.offset);
|
|
80
|
+
return {
|
|
81
|
+
columns: mockTables.find((t) => t.name === table)?.columns.map((c) => c.name) ??
|
|
82
|
+
[],
|
|
83
|
+
rows: generateMockRows(table, Math.max(0, actualLimit), options.offset),
|
|
84
|
+
total,
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
// Remotes Inspector mock data
|
|
88
|
+
function createMockMailbox(items) {
|
|
89
|
+
return {
|
|
90
|
+
get items() {
|
|
91
|
+
return items;
|
|
92
|
+
},
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
function createMockSyncOperation(id, documentId, branch, status, opsCount, errorMessage) {
|
|
96
|
+
return {
|
|
97
|
+
id,
|
|
98
|
+
remoteName: "mock-remote",
|
|
99
|
+
documentId,
|
|
100
|
+
scopes: ["global"],
|
|
101
|
+
branch,
|
|
102
|
+
operations: Array(opsCount).fill({ type: "mock" }),
|
|
103
|
+
status,
|
|
104
|
+
error: errorMessage
|
|
105
|
+
? { source: "channel", error: new Error(errorMessage) }
|
|
106
|
+
: undefined,
|
|
107
|
+
};
|
|
108
|
+
}
|
|
109
|
+
function createMockChannel(inboxOps, outboxOps, deadLetterOps) {
|
|
110
|
+
return {
|
|
111
|
+
inbox: createMockMailbox(inboxOps),
|
|
112
|
+
outbox: createMockMailbox(outboxOps),
|
|
113
|
+
deadLetter: createMockMailbox(deadLetterOps),
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
const mockRemotes = [
|
|
117
|
+
{
|
|
118
|
+
id: "abc-123-def-456",
|
|
119
|
+
name: "remote-main",
|
|
120
|
+
collectionId: "drive:main/documents",
|
|
121
|
+
filter: {
|
|
122
|
+
documentId: [],
|
|
123
|
+
scope: [],
|
|
124
|
+
branch: "main",
|
|
125
|
+
},
|
|
126
|
+
options: {},
|
|
127
|
+
channel: createMockChannel([
|
|
128
|
+
createMockSyncOperation("op-001", "doc-abc", "main", SyncOperationStatus.TransportPending, 5),
|
|
129
|
+
createMockSyncOperation("op-002", "doc-def", "main", SyncOperationStatus.Applied, 3),
|
|
130
|
+
], [
|
|
131
|
+
createMockSyncOperation("op-101", "doc-xyz", "main", SyncOperationStatus.TransportPending, 7),
|
|
132
|
+
], [
|
|
133
|
+
createMockSyncOperation("op-050", "doc-err", "main", SyncOperationStatus.Error, 4, "SIGNATURE_INVALID"),
|
|
134
|
+
]),
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
id: "ghi-789-jkl-012",
|
|
138
|
+
name: "remote-dev",
|
|
139
|
+
collectionId: "drive:dev/experiments",
|
|
140
|
+
filter: {
|
|
141
|
+
documentId: ["doc-1", "doc-2"],
|
|
142
|
+
scope: ["scope-a"],
|
|
143
|
+
branch: "dev",
|
|
144
|
+
},
|
|
145
|
+
options: {},
|
|
146
|
+
channel: createMockChannel([
|
|
147
|
+
createMockSyncOperation("op-201", "doc-test", "dev", SyncOperationStatus.Applied, 10),
|
|
148
|
+
], [], []),
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
id: "mno-345-pqr-678",
|
|
152
|
+
name: "remote-feature",
|
|
153
|
+
collectionId: "drive:feature/new-ui",
|
|
154
|
+
filter: {
|
|
155
|
+
documentId: [],
|
|
156
|
+
scope: ["ui", "components"],
|
|
157
|
+
branch: "feature/new-ui",
|
|
158
|
+
},
|
|
159
|
+
options: {},
|
|
160
|
+
channel: createMockChannel([], [], []),
|
|
161
|
+
},
|
|
162
|
+
];
|
|
163
|
+
// Stories
|
|
164
|
+
export const Default = {
|
|
165
|
+
args: {
|
|
166
|
+
open: true,
|
|
167
|
+
onOpenChange: fn(),
|
|
168
|
+
defaultTab: "Database",
|
|
169
|
+
dbExplorerProps: {
|
|
170
|
+
schema: "public",
|
|
171
|
+
getTables: () => Promise.resolve(mockTables),
|
|
172
|
+
getTableRows: mockGetTableRows,
|
|
173
|
+
},
|
|
174
|
+
remotesInspectorProps: {
|
|
175
|
+
getRemotes: () => Promise.resolve(mockRemotes),
|
|
176
|
+
},
|
|
177
|
+
},
|
|
178
|
+
};
|
|
179
|
+
export const DatabaseTab = {
|
|
180
|
+
args: {
|
|
181
|
+
open: true,
|
|
182
|
+
onOpenChange: fn(),
|
|
183
|
+
defaultTab: "Database",
|
|
184
|
+
dbExplorerProps: {
|
|
185
|
+
schema: "public",
|
|
186
|
+
getTables: () => Promise.resolve(mockTables),
|
|
187
|
+
getTableRows: mockGetTableRows,
|
|
188
|
+
onImportDb: (sql) => console.log("Import:", sql.slice(0, 50)),
|
|
189
|
+
onExportDb: () => console.log("Export clicked"),
|
|
190
|
+
},
|
|
191
|
+
remotesInspectorProps: {
|
|
192
|
+
getRemotes: () => Promise.resolve(mockRemotes),
|
|
193
|
+
},
|
|
194
|
+
},
|
|
195
|
+
};
|
|
196
|
+
export const RemotesTab = {
|
|
197
|
+
args: {
|
|
198
|
+
open: true,
|
|
199
|
+
onOpenChange: fn(),
|
|
200
|
+
defaultTab: "Remotes",
|
|
201
|
+
dbExplorerProps: {
|
|
202
|
+
schema: "public",
|
|
203
|
+
getTables: () => Promise.resolve(mockTables),
|
|
204
|
+
getTableRows: mockGetTableRows,
|
|
205
|
+
},
|
|
206
|
+
remotesInspectorProps: {
|
|
207
|
+
getRemotes: () => Promise.resolve(mockRemotes),
|
|
208
|
+
},
|
|
209
|
+
},
|
|
210
|
+
};
|
|
211
|
+
export const EmptyData = {
|
|
212
|
+
args: {
|
|
213
|
+
open: true,
|
|
214
|
+
onOpenChange: fn(),
|
|
215
|
+
defaultTab: "Database",
|
|
216
|
+
dbExplorerProps: {
|
|
217
|
+
schema: "public",
|
|
218
|
+
getTables: () => Promise.resolve([]),
|
|
219
|
+
getTableRows: mockGetTableRows,
|
|
220
|
+
},
|
|
221
|
+
remotesInspectorProps: {
|
|
222
|
+
getRemotes: () => Promise.resolve([]),
|
|
223
|
+
},
|
|
224
|
+
},
|
|
225
|
+
};
|
|
226
|
+
//# sourceMappingURL=inspector-modal.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inspector-modal.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/inspector-modal.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { type Remote } from "@powerhousedao/reactor";
|
|
2
2
|
export type RemotesInspectorProps = {
|
|
3
|
-
readonly
|
|
4
|
-
readonly onRefresh?: () => void;
|
|
3
|
+
readonly getRemotes: () => Promise<Remote[]>;
|
|
5
4
|
};
|
|
6
|
-
export declare function RemotesInspector({
|
|
5
|
+
export declare function RemotesInspector({ getRemotes }: RemotesInspectorProps): import("react/jsx-runtime").JSX.Element;
|
|
7
6
|
//# sourceMappingURL=remotes-inspector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remotes-inspector.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAYrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"remotes-inspector.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAYrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CAC9C,CAAC;AAgEF,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE,qBAAqB,2CAiLrE"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from "@powerhousedao/design-system";
|
|
3
3
|
import {} from "@powerhousedao/reactor";
|
|
4
|
-
import { useState } from "react";
|
|
4
|
+
import { useCallback, useEffect, useState } from "react";
|
|
5
5
|
import { twMerge } from "tailwind-merge";
|
|
6
6
|
import { ChannelInspector } from "./components/channel-inspector.js";
|
|
7
7
|
import { SortIcon } from "./components/sort-icon.js";
|
|
@@ -56,9 +56,27 @@ function sortRemotes(remotes, sort) {
|
|
|
56
56
|
return sort.direction === "asc" ? comparison : -comparison;
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
|
-
export function RemotesInspector({
|
|
59
|
+
export function RemotesInspector({ getRemotes }) {
|
|
60
|
+
const [remotes, setRemotes] = useState([]);
|
|
61
|
+
const [loading, setLoading] = useState(true);
|
|
60
62
|
const [sort, setSort] = useState();
|
|
61
63
|
const [selectedRemote, setSelectedRemote] = useState();
|
|
64
|
+
const loadRemotes = useCallback(async () => {
|
|
65
|
+
setLoading(true);
|
|
66
|
+
const data = await getRemotes();
|
|
67
|
+
setRemotes(data);
|
|
68
|
+
setLoading(false);
|
|
69
|
+
}, [getRemotes]);
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
void loadRemotes();
|
|
72
|
+
}, [loadRemotes]);
|
|
73
|
+
const handleRefresh = useCallback(async () => {
|
|
74
|
+
await loadRemotes();
|
|
75
|
+
if (selectedRemote) {
|
|
76
|
+
const updated = remotes.find((r) => r.id === selectedRemote.id);
|
|
77
|
+
setSelectedRemote(updated);
|
|
78
|
+
}
|
|
79
|
+
}, [loadRemotes, selectedRemote, remotes]);
|
|
62
80
|
const handleSort = (columnKey) => {
|
|
63
81
|
if (columnKey === "channel")
|
|
64
82
|
return;
|
|
@@ -72,15 +90,15 @@ export function RemotesInspector({ remotes, onRefresh, }) {
|
|
|
72
90
|
setSelectedRemote(undefined);
|
|
73
91
|
};
|
|
74
92
|
if (selectedRemote) {
|
|
75
|
-
return (_jsx(ChannelInspector, { channel: selectedRemote.channel, onBack: handleBack, onRefresh:
|
|
93
|
+
return (_jsx(ChannelInspector, { channel: selectedRemote.channel, onBack: handleBack, onRefresh: () => void handleRefresh(), remoteName: selectedRemote.name }));
|
|
76
94
|
}
|
|
77
95
|
const sortedRemotes = sortRemotes(remotes, sort);
|
|
78
|
-
return (_jsxs("div", { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Remotes Inspector" }),
|
|
96
|
+
return (_jsxs("div", { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Remotes Inspector" }), _jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 disabled:opacity-50", disabled: loading, onClick: () => void handleRefresh(), type: "button", children: [_jsx(Icon, { name: "Reload", size: 14 }), "Refresh"] })] }), _jsx("div", { className: "max-h-full overflow-auto rounded-lg border border-gray-300", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "sticky top-0 bg-gray-100", children: _jsx("tr", { children: COLUMNS.map((column, index) => {
|
|
79
97
|
const isActive = sort?.column === column.key;
|
|
80
98
|
const sortDirection = isActive ? sort.direction : "asc";
|
|
81
99
|
const isSortable = column.key !== "channel";
|
|
82
100
|
return (_jsx("th", { className: twMerge("group px-3 py-2 text-left text-xs font-medium text-gray-600", index > 0 && "border-l border-gray-300", isSortable &&
|
|
83
101
|
"cursor-pointer hover:bg-gray-200 hover:text-gray-900"), onClick: () => isSortable && handleSort(column.key), style: { width: column.width }, children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "truncate", children: column.label }), isSortable && (_jsx(SortIcon, { active: isActive, direction: sortDirection }))] }) }, column.key));
|
|
84
|
-
}) }) }), _jsx("tbody", { children: sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: COLUMNS.length, children: "No remotes configured" }) })) : (sortedRemotes.map((remote) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.id, children: truncateId(remote.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.name, children: remote.name }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.collectionId, children: remote.collectionId }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: formatFilter(remote.filter), children: formatFilter(remote.filter) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsxs("button", { className: "flex items-center gap-1 rounded bg-blue-50 px-2 py-1 text-xs text-blue-700 hover:bg-blue-100", onClick: () => handleViewChannel(remote), type: "button", children: ["View", _jsx(Icon, { name: "CaretRight", size: 12 })] }) })] }, remote.id)))) })] }) }), _jsxs("div", { className: "shrink-0 text-sm text-gray-600", children: ["Showing ", sortedRemotes.length, " remote(s)"] })] }));
|
|
102
|
+
}) }) }), _jsx("tbody", { children: loading && sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: COLUMNS.length, children: "Loading..." }) })) : sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: COLUMNS.length, children: "No remotes configured" }) })) : (sortedRemotes.map((remote) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.id, children: truncateId(remote.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.name, children: remote.name }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.collectionId, children: remote.collectionId }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: formatFilter(remote.filter), children: formatFilter(remote.filter) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsxs("button", { className: "flex items-center gap-1 rounded bg-blue-50 px-2 py-1 text-xs text-blue-700 hover:bg-blue-100", onClick: () => handleViewChannel(remote), type: "button", children: ["View", _jsx(Icon, { name: "CaretRight", size: 12 })] }) })] }, remote.id)))) })] }) }), _jsxs("div", { className: "shrink-0 text-sm text-gray-600", children: ["Showing ", sortedRemotes.length, " remote(s)"] })] }));
|
|
85
103
|
}
|
|
86
104
|
//# sourceMappingURL=remotes-inspector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remotes-inspector.js","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"remotes-inspector.js","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,5 @@ type Story = StoryObj<typeof RemotesInspector>;
|
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const EmptyRemotes: Story;
|
|
8
8
|
export declare const SingleRemote: Story;
|
|
9
|
-
export declare const WithoutRefresh: Story;
|
|
10
9
|
export declare const ManyRemotes: Story;
|
|
11
10
|
//# sourceMappingURL=remotes-inspector.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remotes-inspector.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"remotes-inspector.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAavC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAiJ/C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AA8CF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { fn } from "@storybook/test";
|
|
3
2
|
import { SyncOperationStatus, } from "@powerhousedao/reactor";
|
|
4
3
|
import { RemotesInspector } from "./remotes-inspector.js";
|
|
5
4
|
const meta = {
|
|
@@ -92,25 +91,17 @@ const mockRemotes = [
|
|
|
92
91
|
];
|
|
93
92
|
export const Default = {
|
|
94
93
|
args: {
|
|
95
|
-
|
|
96
|
-
onRefresh: fn(),
|
|
94
|
+
getRemotes: () => Promise.resolve(mockRemotes),
|
|
97
95
|
},
|
|
98
96
|
};
|
|
99
97
|
export const EmptyRemotes = {
|
|
100
98
|
args: {
|
|
101
|
-
|
|
102
|
-
onRefresh: fn(),
|
|
99
|
+
getRemotes: () => Promise.resolve([]),
|
|
103
100
|
},
|
|
104
101
|
};
|
|
105
102
|
export const SingleRemote = {
|
|
106
103
|
args: {
|
|
107
|
-
|
|
108
|
-
onRefresh: fn(),
|
|
109
|
-
},
|
|
110
|
-
};
|
|
111
|
-
export const WithoutRefresh = {
|
|
112
|
-
args: {
|
|
113
|
-
remotes: mockRemotes,
|
|
104
|
+
getRemotes: () => Promise.resolve([mockRemotes[0]]),
|
|
114
105
|
},
|
|
115
106
|
};
|
|
116
107
|
const manyRemotes = Array.from({ length: 20 }, (_, i) => ({
|
|
@@ -131,8 +122,7 @@ const manyRemotes = Array.from({ length: 20 }, (_, i) => ({
|
|
|
131
122
|
}));
|
|
132
123
|
export const ManyRemotes = {
|
|
133
124
|
args: {
|
|
134
|
-
|
|
135
|
-
onRefresh: fn(),
|
|
125
|
+
getRemotes: () => Promise.resolve(manyRemotes),
|
|
136
126
|
},
|
|
137
127
|
};
|
|
138
128
|
//# sourceMappingURL=remotes-inspector.stories.js.map
|