@powerhousedao/design-system 5.1.0-dev.1 → 5.1.0-dev.10
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/components/index.d.ts +3 -0
- package/dist/src/connect/components/db-explorer/components/index.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/components/index.js +3 -0
- package/dist/src/connect/components/db-explorer/components/index.js.map +1 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.d.ts +15 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.js +47 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.js.map +1 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.d.ts +12 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.js +119 -0
- package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.js.map +1 -0
- package/dist/src/connect/components/db-explorer/components/table-view.d.ts +26 -0
- package/dist/src/connect/components/db-explorer/components/table-view.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/components/table-view.js +67 -0
- package/dist/src/connect/components/db-explorer/components/table-view.js.map +1 -0
- package/dist/src/connect/components/db-explorer/components/table-view.stories.d.ts +14 -0
- package/dist/src/connect/components/db-explorer/components/table-view.stories.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/components/table-view.stories.js +203 -0
- package/dist/src/connect/components/db-explorer/components/table-view.stories.js.map +1 -0
- package/dist/src/connect/components/db-explorer/db-explorer.d.ts +32 -0
- package/dist/src/connect/components/db-explorer/db-explorer.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/db-explorer.js +102 -0
- package/dist/src/connect/components/db-explorer/db-explorer.js.map +1 -0
- package/dist/src/connect/components/db-explorer/db-explorer.stories.d.ts +11 -0
- package/dist/src/connect/components/db-explorer/db-explorer.stories.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/db-explorer.stories.js +182 -0
- package/dist/src/connect/components/db-explorer/db-explorer.stories.js.map +1 -0
- package/dist/src/connect/components/db-explorer/index.d.ts +2 -0
- package/dist/src/connect/components/db-explorer/index.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/index.js +2 -0
- package/dist/src/connect/components/db-explorer/index.js.map +1 -0
- package/dist/src/connect/components/index.d.ts +2 -0
- package/dist/src/connect/components/index.d.ts.map +1 -1
- package/dist/src/connect/components/index.js +2 -0
- package/dist/src/connect/components/index.js.map +1 -1
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.d.ts +9 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.js +38 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.d.ts +12 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.js +113 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/mailbox-table.d.ts +14 -0
- package/dist/src/connect/components/remotes-inspector/components/mailbox-table.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/mailbox-table.js +97 -0
- package/dist/src/connect/components/remotes-inspector/components/mailbox-table.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/sort-icon.d.ts +7 -0
- package/dist/src/connect/components/remotes-inspector/components/sort-icon.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/sort-icon.js +10 -0
- package/dist/src/connect/components/remotes-inspector/components/sort-icon.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/index.d.ts +3 -0
- package/dist/src/connect/components/remotes-inspector/index.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/index.js +3 -0
- package/dist/src/connect/components/remotes-inspector/index.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts +7 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.js +86 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.d.ts +11 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.js +138 -0
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.stories.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/utils.d.ts +12 -0
- package/dist/src/connect/components/remotes-inspector/utils.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/utils.js +6 -0
- package/dist/src/connect/components/remotes-inspector/utils.js.map +1 -0
- package/dist/style.css +77 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -5
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
3
|
+
import { SchemaTreeSidebar, } from "./components/schema-tree-sidebar.js";
|
|
4
|
+
import { TableView, } from "./components/table-view.js";
|
|
5
|
+
const DEFAULT_PAGE_SIZE = 50;
|
|
6
|
+
export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT_PAGE_SIZE, onImportDb, onExportDb, }) {
|
|
7
|
+
const fileInputRef = useRef(null);
|
|
8
|
+
const [tables, setTables] = useState([]);
|
|
9
|
+
const [tablesLoading, setTablesLoading] = useState(true);
|
|
10
|
+
const [selectedTable, setSelectedTable] = useState();
|
|
11
|
+
const [tableData, setTableData] = useState(null);
|
|
12
|
+
const [pagination, setPagination] = useState({
|
|
13
|
+
offset: 0,
|
|
14
|
+
limit: pageSize,
|
|
15
|
+
total: null,
|
|
16
|
+
});
|
|
17
|
+
const [sort, setSort] = useState();
|
|
18
|
+
const [loading, setLoading] = useState(false);
|
|
19
|
+
const columns = tables.find((t) => t.name === selectedTable)?.columns ?? [];
|
|
20
|
+
const loadTableData = useCallback(async () => {
|
|
21
|
+
if (!selectedTable)
|
|
22
|
+
return;
|
|
23
|
+
setLoading(true);
|
|
24
|
+
const data = await getTableRows(selectedTable, {
|
|
25
|
+
schema,
|
|
26
|
+
limit: pagination.limit,
|
|
27
|
+
offset: pagination.offset,
|
|
28
|
+
sort,
|
|
29
|
+
});
|
|
30
|
+
setTableData(data);
|
|
31
|
+
setPagination((prev) => ({ ...prev, total: data.total }));
|
|
32
|
+
setLoading(false);
|
|
33
|
+
}, [
|
|
34
|
+
selectedTable,
|
|
35
|
+
schema,
|
|
36
|
+
pagination.limit,
|
|
37
|
+
pagination.offset,
|
|
38
|
+
sort,
|
|
39
|
+
getTableRows,
|
|
40
|
+
]);
|
|
41
|
+
const loadTables = useCallback(async () => {
|
|
42
|
+
setTablesLoading(true);
|
|
43
|
+
const data = await getTables();
|
|
44
|
+
setTables(data);
|
|
45
|
+
setTablesLoading(false);
|
|
46
|
+
return data;
|
|
47
|
+
}, [getTables]);
|
|
48
|
+
const handleRefresh = useCallback(async () => {
|
|
49
|
+
const newTables = await loadTables();
|
|
50
|
+
// Clear selection if selected table no longer exists
|
|
51
|
+
if (selectedTable && !newTables.some((t) => t.name === selectedTable)) {
|
|
52
|
+
setSelectedTable(undefined);
|
|
53
|
+
setTableData(null);
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
// Reload current table data if a table is selected
|
|
57
|
+
if (selectedTable) {
|
|
58
|
+
await loadTableData();
|
|
59
|
+
}
|
|
60
|
+
}, [loadTables, selectedTable, loadTableData]);
|
|
61
|
+
// Load tables on mount
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
void loadTables();
|
|
64
|
+
}, [loadTables]);
|
|
65
|
+
useEffect(() => {
|
|
66
|
+
if (selectedTable) {
|
|
67
|
+
void loadTableData();
|
|
68
|
+
}
|
|
69
|
+
}, [selectedTable, pagination.offset, sort, loadTableData]);
|
|
70
|
+
const handleSelectTable = (table) => {
|
|
71
|
+
if (table === selectedTable)
|
|
72
|
+
return;
|
|
73
|
+
setSelectedTable(table);
|
|
74
|
+
setPagination((prev) => ({ ...prev, offset: 0, total: null }));
|
|
75
|
+
setSort(undefined);
|
|
76
|
+
setTableData(null);
|
|
77
|
+
};
|
|
78
|
+
const handlePageChange = (offset) => {
|
|
79
|
+
setPagination((prev) => ({ ...prev, offset }));
|
|
80
|
+
};
|
|
81
|
+
const handleSort = (newSort) => {
|
|
82
|
+
setSort(newSort);
|
|
83
|
+
setPagination((prev) => ({ ...prev, offset: 0 }));
|
|
84
|
+
};
|
|
85
|
+
const handleImportClick = () => {
|
|
86
|
+
fileInputRef.current?.click();
|
|
87
|
+
};
|
|
88
|
+
const handleFileChange = (e) => {
|
|
89
|
+
const file = e.target.files?.[0];
|
|
90
|
+
if (!file)
|
|
91
|
+
return;
|
|
92
|
+
void file.text().then((content) => {
|
|
93
|
+
void onImportDb?.(content);
|
|
94
|
+
});
|
|
95
|
+
e.target.value = "";
|
|
96
|
+
};
|
|
97
|
+
const handleExportClick = () => {
|
|
98
|
+
void onExportDb?.();
|
|
99
|
+
};
|
|
100
|
+
return (_jsxs("div", { className: "flex h-full", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".sql,.txt,text/plain", className: "hidden", onChange: handleFileChange }), _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
|
+
}
|
|
102
|
+
//# sourceMappingURL=db-explorer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"db-explorer.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { DBExplorer } from "./db-explorer.js";
|
|
3
|
+
declare const meta: Meta<typeof DBExplorer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DBExplorer>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const EmptySchema: Story;
|
|
8
|
+
export declare const SingleTable: Story;
|
|
9
|
+
export declare const CustomPageSize: Story;
|
|
10
|
+
export declare const WithImportExport: Story;
|
|
11
|
+
//# sourceMappingURL=db-explorer.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"db-explorer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EACL,UAAU,EAIX,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAqHzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAoCF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { DBExplorer, } from "./db-explorer.js";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Connect/Components/DBExplorer/DBExplorer",
|
|
5
|
+
component: DBExplorer,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: "fullscreen",
|
|
8
|
+
},
|
|
9
|
+
decorators: [
|
|
10
|
+
(Story) => (_jsx("div", { className: "h-[600px] w-full", children: _jsx(Story, {}) })),
|
|
11
|
+
],
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
const mockTables = [
|
|
15
|
+
{
|
|
16
|
+
name: "users",
|
|
17
|
+
columns: [
|
|
18
|
+
{ name: "id", dataType: "int4", isNullable: false },
|
|
19
|
+
{ name: "name", dataType: "varchar", isNullable: false },
|
|
20
|
+
{ name: "email", dataType: "varchar", isNullable: false },
|
|
21
|
+
{ name: "created_at", dataType: "timestamp", isNullable: true },
|
|
22
|
+
],
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
name: "posts",
|
|
26
|
+
columns: [
|
|
27
|
+
{ name: "id", dataType: "int4", isNullable: false },
|
|
28
|
+
{ name: "title", dataType: "varchar", isNullable: false },
|
|
29
|
+
{ name: "content", dataType: "text", isNullable: true },
|
|
30
|
+
{ name: "author_id", dataType: "int4", isNullable: false },
|
|
31
|
+
{ name: "published_at", dataType: "timestamp", isNullable: true },
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
name: "comments",
|
|
36
|
+
columns: [
|
|
37
|
+
{ name: "id", dataType: "int4", isNullable: false },
|
|
38
|
+
{ name: "post_id", dataType: "int4", isNullable: false },
|
|
39
|
+
{ name: "user_id", dataType: "int4", isNullable: false },
|
|
40
|
+
{ name: "body", dataType: "text", isNullable: false },
|
|
41
|
+
{ name: "created_at", dataType: "timestamp", isNullable: true },
|
|
42
|
+
],
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
name: "tags",
|
|
46
|
+
columns: [
|
|
47
|
+
{ name: "id", dataType: "int4", isNullable: false },
|
|
48
|
+
{ name: "name", dataType: "varchar", isNullable: false },
|
|
49
|
+
],
|
|
50
|
+
},
|
|
51
|
+
];
|
|
52
|
+
function generateMockRows(table, limit, offset) {
|
|
53
|
+
const rows = [];
|
|
54
|
+
for (let i = 0; i < limit; i++) {
|
|
55
|
+
const rowNum = offset + i + 1;
|
|
56
|
+
if (table === "users") {
|
|
57
|
+
rows.push({
|
|
58
|
+
id: rowNum,
|
|
59
|
+
name: `User ${rowNum}`,
|
|
60
|
+
email: `user${rowNum}@example.com`,
|
|
61
|
+
created_at: rowNum % 5 === 0
|
|
62
|
+
? null
|
|
63
|
+
: `2024-01-${String((rowNum % 28) + 1).padStart(2, "0")}`,
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
else if (table === "posts") {
|
|
67
|
+
rows.push({
|
|
68
|
+
id: rowNum,
|
|
69
|
+
title: `Post Title ${rowNum}`,
|
|
70
|
+
content: rowNum % 3 === 0 ? null : `This is the content of post ${rowNum}...`,
|
|
71
|
+
author_id: (rowNum % 10) + 1,
|
|
72
|
+
published_at: rowNum % 4 === 0
|
|
73
|
+
? null
|
|
74
|
+
: `2024-02-${String((rowNum % 28) + 1).padStart(2, "0")}`,
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
else if (table === "comments") {
|
|
78
|
+
rows.push({
|
|
79
|
+
id: rowNum,
|
|
80
|
+
post_id: (rowNum % 20) + 1,
|
|
81
|
+
user_id: (rowNum % 10) + 1,
|
|
82
|
+
body: `Comment ${rowNum}: This is a sample comment.`,
|
|
83
|
+
created_at: `2024-03-${String((rowNum % 28) + 1).padStart(2, "0")}`,
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
else if (table === "tags") {
|
|
87
|
+
rows.push({
|
|
88
|
+
id: rowNum,
|
|
89
|
+
name: `tag-${rowNum}`,
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
return rows;
|
|
94
|
+
}
|
|
95
|
+
const tableTotals = {
|
|
96
|
+
users: 234,
|
|
97
|
+
posts: 567,
|
|
98
|
+
comments: 1234,
|
|
99
|
+
tags: 45,
|
|
100
|
+
};
|
|
101
|
+
const mockGetTableRows = async (table, options) => {
|
|
102
|
+
await new Promise((resolve) => setTimeout(resolve, 300));
|
|
103
|
+
const total = tableTotals[table] ?? 100;
|
|
104
|
+
const actualLimit = Math.min(options.limit, total - options.offset);
|
|
105
|
+
return {
|
|
106
|
+
columns: mockTables.find((t) => t.name === table)?.columns.map((c) => c.name) ??
|
|
107
|
+
[],
|
|
108
|
+
rows: generateMockRows(table, Math.max(0, actualLimit), options.offset),
|
|
109
|
+
total,
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
export const Default = {
|
|
113
|
+
args: {
|
|
114
|
+
schema: "public",
|
|
115
|
+
getTables: () => Promise.resolve(mockTables),
|
|
116
|
+
getTableRows: mockGetTableRows,
|
|
117
|
+
},
|
|
118
|
+
};
|
|
119
|
+
export const EmptySchema = {
|
|
120
|
+
args: {
|
|
121
|
+
schema: "public",
|
|
122
|
+
getTables: () => Promise.resolve([]),
|
|
123
|
+
getTableRows: mockGetTableRows,
|
|
124
|
+
},
|
|
125
|
+
};
|
|
126
|
+
const singleTable = [
|
|
127
|
+
{
|
|
128
|
+
name: "settings",
|
|
129
|
+
columns: [
|
|
130
|
+
{ name: "key", dataType: "varchar", isNullable: false },
|
|
131
|
+
{ name: "value", dataType: "text", isNullable: true },
|
|
132
|
+
],
|
|
133
|
+
},
|
|
134
|
+
];
|
|
135
|
+
const mockGetSettingsRows = async (_table, options) => {
|
|
136
|
+
await new Promise((resolve) => setTimeout(resolve, 200));
|
|
137
|
+
const allRows = [
|
|
138
|
+
{ key: "app_name", value: "My Application" },
|
|
139
|
+
{ key: "theme", value: "dark" },
|
|
140
|
+
{ key: "max_upload_size", value: "10MB" },
|
|
141
|
+
{ key: "debug_mode", value: null },
|
|
142
|
+
{ key: "api_endpoint", value: "https://api.example.com" },
|
|
143
|
+
];
|
|
144
|
+
const start = options.offset;
|
|
145
|
+
const end = Math.min(start + options.limit, allRows.length);
|
|
146
|
+
return {
|
|
147
|
+
columns: ["key", "value"],
|
|
148
|
+
rows: allRows.slice(start, end),
|
|
149
|
+
total: allRows.length,
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
export const SingleTable = {
|
|
153
|
+
args: {
|
|
154
|
+
schema: "config",
|
|
155
|
+
getTables: () => Promise.resolve(singleTable),
|
|
156
|
+
getTableRows: mockGetSettingsRows,
|
|
157
|
+
},
|
|
158
|
+
};
|
|
159
|
+
export const CustomPageSize = {
|
|
160
|
+
args: {
|
|
161
|
+
schema: "public",
|
|
162
|
+
getTables: () => Promise.resolve(mockTables),
|
|
163
|
+
getTableRows: mockGetTableRows,
|
|
164
|
+
pageSize: 10,
|
|
165
|
+
},
|
|
166
|
+
};
|
|
167
|
+
export const WithImportExport = {
|
|
168
|
+
args: {
|
|
169
|
+
schema: "public",
|
|
170
|
+
getTables: () => Promise.resolve(mockTables),
|
|
171
|
+
getTableRows: mockGetTableRows,
|
|
172
|
+
onImportDb: (sqlContent) => {
|
|
173
|
+
console.log("Import DB called with content:", sqlContent.slice(0, 100));
|
|
174
|
+
alert(`Imported ${sqlContent.length} characters`);
|
|
175
|
+
},
|
|
176
|
+
onExportDb: () => {
|
|
177
|
+
console.log("Export DB called");
|
|
178
|
+
alert("Export DB clicked");
|
|
179
|
+
},
|
|
180
|
+
},
|
|
181
|
+
};
|
|
182
|
+
//# sourceMappingURL=db-explorer.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"db-explorer.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -48,4 +48,6 @@ export * from "./toggle/toggle.js";
|
|
|
48
48
|
export * from "./tooltip/tooltip.js";
|
|
49
49
|
export * from "./upload-file-item/upload-file-item.js";
|
|
50
50
|
export * from "./upload-file-list/upload-file-list.js";
|
|
51
|
+
export * from "./db-explorer/index.js";
|
|
52
|
+
export * from "./remotes-inspector/index.js";
|
|
51
53
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}
|
|
@@ -48,4 +48,6 @@ export * from "./toggle/toggle.js";
|
|
|
48
48
|
export * from "./tooltip/tooltip.js";
|
|
49
49
|
export * from "./upload-file-item/upload-file-item.js";
|
|
50
50
|
export * from "./upload-file-list/upload-file-list.js";
|
|
51
|
+
export * from "./db-explorer/index.js";
|
|
52
|
+
export * from "./remotes-inspector/index.js";
|
|
51
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type IChannel } from "@powerhousedao/reactor";
|
|
2
|
+
export type ChannelInspectorProps = {
|
|
3
|
+
readonly remoteName: string;
|
|
4
|
+
readonly channel: IChannel;
|
|
5
|
+
readonly onBack: () => void;
|
|
6
|
+
readonly onRefresh?: () => void;
|
|
7
|
+
};
|
|
8
|
+
export declare function ChannelInspector({ remoteName, channel, onBack, onRefresh, }: ChannelInspectorProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=channel-inspector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"channel-inspector.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAkGvB"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon } from "@powerhousedao/design-system";
|
|
3
|
+
import {} from "@powerhousedao/reactor";
|
|
4
|
+
import { useState } from "react";
|
|
5
|
+
import { MailboxTable } from "./mailbox-table.js";
|
|
6
|
+
import {} from "../utils.js";
|
|
7
|
+
export function ChannelInspector({ remoteName, channel, onBack, onRefresh, }) {
|
|
8
|
+
const [sorts, setSorts] = useState({
|
|
9
|
+
inbox: undefined,
|
|
10
|
+
outbox: undefined,
|
|
11
|
+
deadLetter: undefined,
|
|
12
|
+
});
|
|
13
|
+
const [collapsed, setCollapsed] = useState({
|
|
14
|
+
inbox: false,
|
|
15
|
+
outbox: false,
|
|
16
|
+
deadLetter: false,
|
|
17
|
+
});
|
|
18
|
+
const handleToggleCollapse = (mailbox) => {
|
|
19
|
+
setCollapsed((prev) => ({
|
|
20
|
+
...prev,
|
|
21
|
+
[mailbox]: !prev[mailbox],
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
24
|
+
const handleSort = (mailbox, columnKey) => {
|
|
25
|
+
setSorts((prev) => {
|
|
26
|
+
const currentSort = prev[mailbox];
|
|
27
|
+
const newDirection = currentSort?.column === columnKey && currentSort.direction === "asc"
|
|
28
|
+
? "desc"
|
|
29
|
+
: "asc";
|
|
30
|
+
return {
|
|
31
|
+
...prev,
|
|
32
|
+
[mailbox]: { column: columnKey, direction: newDirection },
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
return (_jsxs("div", { className: "flex h-full flex-col gap-4 p-4", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-700 hover:bg-gray-100", onClick: onBack, type: "button", children: [_jsx(Icon, { className: "rotate-90", name: "ChevronDown", size: 14 }), "Back"] }), _jsxs("h2", { className: "text-lg font-semibold text-gray-900", children: ["Channel: ", remoteName] })] }), onRefresh && (_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", onClick: onRefresh, type: "button", children: [_jsx(Icon, { name: "Reload", size: 14 }), "Refresh"] }))] }), _jsxs("div", { className: "flex flex-1 flex-col gap-6 overflow-auto", children: [_jsx(MailboxTable, { collapsed: collapsed.inbox, mailboxType: "inbox", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("inbox"), operations: channel.inbox.items, sort: sorts.inbox, title: "Inbox" }), _jsx(MailboxTable, { collapsed: collapsed.outbox, mailboxType: "outbox", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("outbox"), operations: channel.outbox.items, sort: sorts.outbox, title: "Outbox" }), _jsx(MailboxTable, { collapsed: collapsed.deadLetter, mailboxType: "deadLetter", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("deadLetter"), operations: channel.deadLetter.items, sort: sorts.deadLetter, title: "Dead Letter" })] })] }));
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=channel-inspector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"channel-inspector.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { ChannelInspector } from "./channel-inspector.js";
|
|
3
|
+
declare const meta: Meta<typeof ChannelInspector>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ChannelInspector>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const EmptyChannel: Story;
|
|
8
|
+
export declare const OnlyInbox: Story;
|
|
9
|
+
export declare const OnlyDeadLetter: Story;
|
|
10
|
+
export declare const ManyOperations: Story;
|
|
11
|
+
export declare const WithoutRefresh: Story;
|
|
12
|
+
//# sourceMappingURL=channel-inspector.stories.d.ts.map
|
package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"channel-inspector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-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;AAgG/C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoC5B,CAAC;AAqCF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { fn } from "@storybook/test";
|
|
3
|
+
import { SyncOperationStatus, } from "@powerhousedao/reactor";
|
|
4
|
+
import { ChannelInspector } from "./channel-inspector.js";
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Connect/Components/RemotesInspector/ChannelInspector",
|
|
7
|
+
component: ChannelInspector,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: "fullscreen",
|
|
10
|
+
},
|
|
11
|
+
decorators: [
|
|
12
|
+
(Story) => (_jsx("div", { className: "h-[700px] w-full", children: _jsx(Story, {}) })),
|
|
13
|
+
],
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
function createMockMailbox(items) {
|
|
17
|
+
return {
|
|
18
|
+
get items() {
|
|
19
|
+
return items;
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function createMockSyncOperation(id, documentId, branch, status, opsCount, errorMessage) {
|
|
24
|
+
return {
|
|
25
|
+
id,
|
|
26
|
+
remoteName: "mock-remote",
|
|
27
|
+
documentId,
|
|
28
|
+
scopes: ["global"],
|
|
29
|
+
branch,
|
|
30
|
+
operations: Array(opsCount).fill({ type: "mock" }),
|
|
31
|
+
status,
|
|
32
|
+
error: errorMessage
|
|
33
|
+
? { source: "channel", error: new Error(errorMessage) }
|
|
34
|
+
: undefined,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
function createMockChannel(inboxOps, outboxOps, deadLetterOps) {
|
|
38
|
+
return {
|
|
39
|
+
inbox: createMockMailbox(inboxOps),
|
|
40
|
+
outbox: createMockMailbox(outboxOps),
|
|
41
|
+
deadLetter: createMockMailbox(deadLetterOps),
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
const fullChannel = createMockChannel([
|
|
45
|
+
createMockSyncOperation("inbox-op-001", "doc-abc-123", "main", SyncOperationStatus.TransportPending, 5),
|
|
46
|
+
createMockSyncOperation("inbox-op-002", "doc-def-456", "main", SyncOperationStatus.ExecutionPending, 3),
|
|
47
|
+
createMockSyncOperation("inbox-op-003", "doc-ghi-789", "dev", SyncOperationStatus.Applied, 2),
|
|
48
|
+
], [
|
|
49
|
+
createMockSyncOperation("outbox-op-101", "doc-xyz-111", "main", SyncOperationStatus.TransportPending, 7),
|
|
50
|
+
createMockSyncOperation("outbox-op-102", "doc-uvw-222", "feat", SyncOperationStatus.TransportPending, 1),
|
|
51
|
+
], [
|
|
52
|
+
createMockSyncOperation("dead-op-050", "doc-err-333", "main", SyncOperationStatus.Error, 4, "SIGNATURE_INVALID"),
|
|
53
|
+
]);
|
|
54
|
+
export const Default = {
|
|
55
|
+
args: {
|
|
56
|
+
remoteName: "remote-main",
|
|
57
|
+
channel: fullChannel,
|
|
58
|
+
onBack: fn(),
|
|
59
|
+
onRefresh: fn(),
|
|
60
|
+
},
|
|
61
|
+
};
|
|
62
|
+
export const EmptyChannel = {
|
|
63
|
+
args: {
|
|
64
|
+
remoteName: "remote-empty",
|
|
65
|
+
channel: createMockChannel([], [], []),
|
|
66
|
+
onBack: fn(),
|
|
67
|
+
onRefresh: fn(),
|
|
68
|
+
},
|
|
69
|
+
};
|
|
70
|
+
export const OnlyInbox = {
|
|
71
|
+
args: {
|
|
72
|
+
remoteName: "remote-inbox",
|
|
73
|
+
channel: createMockChannel([
|
|
74
|
+
createMockSyncOperation("op-1", "doc-1", "main", SyncOperationStatus.TransportPending, 5),
|
|
75
|
+
createMockSyncOperation("op-2", "doc-2", "main", SyncOperationStatus.Applied, 3),
|
|
76
|
+
], [], []),
|
|
77
|
+
onBack: fn(),
|
|
78
|
+
onRefresh: fn(),
|
|
79
|
+
},
|
|
80
|
+
};
|
|
81
|
+
export const OnlyDeadLetter = {
|
|
82
|
+
args: {
|
|
83
|
+
remoteName: "remote-errors",
|
|
84
|
+
channel: createMockChannel([], [], [
|
|
85
|
+
createMockSyncOperation("dead-1", "doc-fail-1", "main", SyncOperationStatus.Error, 2, "SIGNATURE_INVALID"),
|
|
86
|
+
createMockSyncOperation("dead-2", "doc-fail-2", "dev", SyncOperationStatus.Error, 1, "HASH_MISMATCH"),
|
|
87
|
+
createMockSyncOperation("dead-3", "doc-fail-3", "main", SyncOperationStatus.Error, 5, "MISSING_OPERATIONS"),
|
|
88
|
+
]),
|
|
89
|
+
onBack: fn(),
|
|
90
|
+
onRefresh: fn(),
|
|
91
|
+
},
|
|
92
|
+
};
|
|
93
|
+
const manyOperations = createMockChannel(Array.from({ length: 15 }, (_, i) => createMockSyncOperation(`inbox-${i + 1}`, `doc-inbox-${i + 1}`, i % 3 === 0 ? "main" : i % 3 === 1 ? "dev" : "feature", i % 4 === 0
|
|
94
|
+
? SyncOperationStatus.TransportPending
|
|
95
|
+
: i % 4 === 1
|
|
96
|
+
? SyncOperationStatus.ExecutionPending
|
|
97
|
+
: SyncOperationStatus.Applied, (i % 10) + 1)), Array.from({ length: 10 }, (_, i) => createMockSyncOperation(`outbox-${i + 1}`, `doc-outbox-${i + 1}`, "main", SyncOperationStatus.TransportPending, (i % 5) + 1)), Array.from({ length: 5 }, (_, i) => createMockSyncOperation(`dead-${i + 1}`, `doc-dead-${i + 1}`, "main", SyncOperationStatus.Error, i + 1, i % 2 === 0 ? "SIGNATURE_INVALID" : "HASH_MISMATCH")));
|
|
98
|
+
export const ManyOperations = {
|
|
99
|
+
args: {
|
|
100
|
+
remoteName: "remote-busy",
|
|
101
|
+
channel: manyOperations,
|
|
102
|
+
onBack: fn(),
|
|
103
|
+
onRefresh: fn(),
|
|
104
|
+
},
|
|
105
|
+
};
|
|
106
|
+
export const WithoutRefresh = {
|
|
107
|
+
args: {
|
|
108
|
+
remoteName: "remote-main",
|
|
109
|
+
channel: fullChannel,
|
|
110
|
+
onBack: fn(),
|
|
111
|
+
},
|
|
112
|
+
};
|
|
113
|
+
//# sourceMappingURL=channel-inspector.stories.js.map
|
package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"channel-inspector.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type SyncOperation } from "@powerhousedao/reactor";
|
|
2
|
+
import { type SortOptions } from "../utils.js";
|
|
3
|
+
export type MailboxType = "inbox" | "outbox" | "deadLetter";
|
|
4
|
+
export type MailboxTableProps = {
|
|
5
|
+
readonly title: string;
|
|
6
|
+
readonly mailboxType: MailboxType;
|
|
7
|
+
readonly operations: readonly SyncOperation[];
|
|
8
|
+
readonly sort: SortOptions | undefined;
|
|
9
|
+
readonly onSort: (mailbox: MailboxType, column: string) => void;
|
|
10
|
+
readonly collapsed: boolean;
|
|
11
|
+
readonly onToggleCollapse: () => void;
|
|
12
|
+
};
|
|
13
|
+
export declare function MailboxTable({ title, mailboxType, operations, sort, onSort, collapsed, onToggleCollapse, }: MailboxTableProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=mailbox-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mailbox-table.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/mailbox-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,wBAAwB,CAAC;AAGjF,OAAO,EAAkB,KAAK,WAAW,EAAc,MAAM,aAAa,CAAC;AAE3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;AA4F5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,SAAS,aAAa,EAAE,CAAC;IAC9C,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,gBAAgB,GACjB,EAAE,iBAAiB,2CAiHnB"}
|