@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/screens/data-explorer/query-executor.js

@@ -1,56 +1,29 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QueryExecutor = QueryExecutor;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = require("react");
 const loading_indicator_1 = require("../../components/loading-indicator");
-const ui_loader_1 = require("../../ui-router/ui-loader");
 const globals_1 = require("../../globals");
-const peers_sdk_1 = require("@peers-app/peers-sdk");
 const hooks_1 = require("../../hooks");
-const defaultQuery = 'SELECT * FROM sqlite_master WHERE type=\'table\' LIMIT 10';
+const ui_loader_1 = require("../../ui-router/ui-loader");
+function getDataExplorerQueryApi() {
+    return window.electronAPI?.dataExplorer;
+}
+const defaultQuery = "SELECT * FROM sqlite_master WHERE type='table' LIMIT 10";
 // Persistent vars at module level
-const queryTabs = (0, peers_sdk_1.groupDeviceVar)('dataExplorerQueryTabs', {
-    defaultValue: [{
+const queryTabs = (0, peers_sdk_1.groupDeviceVar)("dataExplorerQueryTabs", {
+    defaultValue: [
+        {
             id: (0, peers_sdk_1.newid)(),
-            name: 'Query 1',
-            query: defaultQuery
-        }]
+            name: "Query 1",
+            query: defaultQuery,
+        },
+    ],
 });
-const activeQueryTabId = (0, peers_sdk_1.groupDeviceVar)('dataExplorerActiveQueryTab', {
-    defaultValue: ''
+const activeQueryTabId = (0, peers_sdk_1.groupDeviceVar)("dataExplorerActiveQueryTab", {
+    defaultValue: "",
 });
 function QueryExecutor() {
     (0, hooks_1.useObservable)(queryTabs);
@@ -60,25 +33,25 @@ function QueryExecutor() {
     const [loading, setLoading] = (0, react_1.useState)({});
     const [writeEnabled, setWriteEnabled] = (0, react_1.useState)(false);
     // Local state for query input to avoid locking up on fast typing
-    const [localQuery, setLocalQuery] = (0, react_1.useState)('');
+    const [localQuery, setLocalQuery] = (0, react_1.useState)("");
     const debounceTimeoutRef = (0, react_1.useRef)();
-    const lastSavedQueryRef = (0, react_1.useRef)('');
+    const lastSavedQueryRef = (0, react_1.useRef)("");
     const tabs = queryTabs();
     const activeTabId = activeQueryTabId();
-    const activeTab = tabs.find(t => t.id === activeTabId);
+    const activeTab = tabs.find((t) => t.id === activeTabId);
     // Sync local query with persisted query when tab changes
     (0, react_1.useEffect)(() => {
-        const persistedQuery = activeTab?.query || '';
+        const persistedQuery = activeTab?.query || "";
         setLocalQuery(persistedQuery);
         lastSavedQueryRef.current = persistedQuery;
-    }, [activeTabId, activeTab?.id]);
+    }, [activeTab?.query]);
     // Subscribe to tab changes
     (0, react_1.useEffect)(() => {
         // Initialize activeTabId if not set
         if (!activeQueryTabId() && queryTabs().length > 0) {
             activeQueryTabId(queryTabs()[0].id);
         }
-    }, [queryTabs()]);
+    }, []);
     const query = localQuery;
     const result = activeTab ? results[activeTab.id] : null;
     const error = activeTab ? errors[activeTab.id] : null;
@@ -90,7 +63,7 @@ function QueryExecutor() {
         if (newQuery === lastSavedQueryRef.current)
             return; // Skip if unchanged
         const currentTabs = queryTabs();
-        queryTabs(currentTabs.map(t => t.id === activeTab.id ? { ...t, query: newQuery } : t));
+        queryTabs(currentTabs.map((t) => (t.id === activeTab.id ? { ...t, query: newQuery } : t)));
         lastSavedQueryRef.current = newQuery;
     };
     const setQuery = (newQuery) => {
@@ -124,7 +97,7 @@ function QueryExecutor() {
     const setResult = (result) => {
         if (!activeTab)
             return;
-        setResults(prev => {
+        setResults((prev) => {
             const newResults = { ...prev };
             if (result === null) {
                 delete newResults[activeTab.id];
@@ -138,7 +111,7 @@ function QueryExecutor() {
     const setError = (error) => {
         if (!activeTab)
             return;
-        setErrors(prev => {
+        setErrors((prev) => {
             const newErrors = { ...prev };
             if (error === null) {
                 delete newErrors[activeTab.id];
@@ -152,11 +125,11 @@ function QueryExecutor() {
     const setLoadingState = (isLoading) => {
         if (!activeTab)
             return;
-        setLoading(prev => ({ ...prev, [activeTab.id]: isLoading }));
+        setLoading((prev) => ({ ...prev, [activeTab.id]: isLoading }));
     };
     const executeQuery = async () => {
         if (!query.trim()) {
-            setError('Please enter a query');
+            setError("Please enter a query");
             return;
         }
         // Save the current query immediately before execution (in case debounce hasn't fired yet)
@@ -169,16 +142,16 @@ function QueryExecutor() {
             setLoadingState(true);
             setError(null);
             setResult(null);
-            const api = window.electronAPI?.dataExplorer;
+            const api = getDataExplorerQueryApi();
             if (!api) {
-                setError('Data Explorer API not available');
+                setError("Data Explorer API not available");
                 return;
             }
             const queryResult = await api.executeQuery(query, writeEnabled);
             setResult(queryResult);
         }
         catch (err) {
-            setError(err.message || 'Query execution failed');
+            setError(err instanceof Error ? err.message : "Query execution failed");
         }
         finally {
             setLoadingState(false);
@@ -189,7 +162,7 @@ function QueryExecutor() {
         const newTab = {
             id: (0, peers_sdk_1.newid)(),
             name: `Query ${currentTabs.length + 1}`,
-            query: defaultQuery
+            query: defaultQuery,
         };
         queryTabs([...currentTabs, newTab]);
         activeQueryTabId(newTab.id);
@@ -198,8 +171,8 @@ function QueryExecutor() {
         const currentTabs = queryTabs();
         if (currentTabs.length === 1)
             return; // Don't close the last tab
-        const tabIndex = currentTabs.findIndex(t => t.id === tabId);
-        const newTabs = currentTabs.filter(t => t.id !== tabId);
+        const tabIndex = currentTabs.findIndex((t) => t.id === tabId);
+        const newTabs = currentTabs.filter((t) => t.id !== tabId);
         queryTabs(newTabs);
         // If we're closing the active tab, switch to another one
         if (tabId === activeQueryTabId()) {
@@ -207,133 +180,50 @@ function QueryExecutor() {
             activeQueryTabId(newTabs[newIndex].id);
         }
         // Clean up results and errors for closed tab
-        setResults(prev => {
+        setResults((prev) => {
             const newResults = { ...prev };
             delete newResults[tabId];
             return newResults;
         });
-        setErrors(prev => {
+        setErrors((prev) => {
             const newErrors = { ...prev };
             delete newErrors[tabId];
             return newErrors;
         });
     };
-    const renameTab = (tabId, newName) => {
+    const _renameTab = (tabId, newName) => {
         const currentTabs = queryTabs();
-        queryTabs(currentTabs.map(t => t.id === tabId ? { ...t, name: newName } : t));
+        queryTabs(currentTabs.map((t) => (t.id === tabId ? { ...t, name: newName } : t)));
     };
     const handleKeyDown = (e) => {
         // Execute on Cmd/Ctrl + Enter
-        if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
+        if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
             e.preventDefault();
             executeQuery();
         }
     };
     if (!(0, globals_1.isDesktop)()) {
-        return (react_1.default.createElement("div", { className: "container-fluid p-4" },
-            react_1.default.createElement("div", { className: "alert alert-info" }, "Query Executor is only available in the desktop application.")));
+        return ((0, jsx_runtime_1.jsx)("div", { className: "container-fluid p-4", children: (0, jsx_runtime_1.jsx)("div", { className: "alert alert-info", children: "Query Executor is only available in the desktop application." }) }));
     }
-    return (react_1.default.createElement("div", { className: "container-fluid p-4" },
-        react_1.default.createElement("ul", { className: "nav nav-tabs mb-4" },
-            react_1.default.createElement("li", { className: "nav-item" },
-                react_1.default.createElement("a", { className: "nav-link", href: "#/data-explorer" },
-                    react_1.default.createElement("i", { className: "bi bi-table" }),
-                    " Tables")),
-            react_1.default.createElement("li", { className: "nav-item" },
-                react_1.default.createElement("a", { className: "nav-link active", href: "#/data-explorer/query" },
-                    react_1.default.createElement("i", { className: "bi bi-terminal" }),
-                    " Query"))),
-        react_1.default.createElement("h2", { className: "mb-3" }, "SQL Query Executor"),
-        react_1.default.createElement("div", { className: "mb-3" },
-            react_1.default.createElement("ul", { className: "nav nav-tabs" },
-                tabs.map((tab) => (react_1.default.createElement("li", { key: tab.id, className: "nav-item" },
-                    react_1.default.createElement("div", { className: `nav-link ${tab.id === activeTabId ? 'active' : ''}`, style: { cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '8px' } },
-                        react_1.default.createElement("span", { onClick: () => activeQueryTabId(tab.id), style: { flex: 1 } }, tab.name),
-                        tabs.length > 1 && (react_1.default.createElement("button", { className: "btn btn-sm p-0", onClick: (e) => {
-                                e.stopPropagation();
-                                closeTab(tab.id);
-                            }, style: {
-                                border: 'none',
-                                background: 'none',
-                                fontSize: '1.2em',
-                                lineHeight: 1,
-                                opacity: 0.6
-                            }, title: "Close tab" }, "\u00D7")))))),
-                react_1.default.createElement("li", { className: "nav-item" },
-                    react_1.default.createElement("button", { className: "nav-link", onClick: addNewTab, style: { border: 'none', background: 'none' }, title: "New query tab" },
-                        react_1.default.createElement("i", { className: "bi bi-plus-lg" }))))),
-        react_1.default.createElement("div", { className: "card mb-4" },
-            react_1.default.createElement("div", { className: "card-body" },
-                react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                    react_1.default.createElement("label", { htmlFor: "query-input", className: "form-label mb-0" },
-                        react_1.default.createElement("strong", null, "SQL Query")),
-                    react_1.default.createElement("div", { className: "form-check form-switch" },
-                        react_1.default.createElement("input", { className: "form-check-input", type: "checkbox", id: "enable-writes", checked: writeEnabled, onChange: (e) => setWriteEnabled(e.target.checked) }),
-                        react_1.default.createElement("label", { className: "form-check-label small", htmlFor: "enable-writes" }, "Enable Writes"))),
-                react_1.default.createElement("textarea", { id: "query-input", className: "form-control font-monospace", rows: 6, value: query, onChange: (e) => setQuery(e.target.value), onBlur: handleBlur, onKeyDown: handleKeyDown, placeholder: "Enter your SQL query here..." }),
-                react_1.default.createElement("div", { className: "mt-3 d-flex justify-content-between align-items-center" },
-                    react_1.default.createElement("button", { className: "btn btn-primary", onClick: executeQuery, disabled: isLoading || !query.trim() }, isLoading ? (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-2", role: "status", "aria-hidden": "true" }),
-                        "Executing...")) : (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("i", { className: "bi bi-play-fill" }),
-                        " Execute Query"))),
-                    react_1.default.createElement("small", { className: "text-muted" },
-                        react_1.default.createElement("i", { className: "bi bi-info-circle" }),
-                        " Press Cmd/Ctrl + Enter to execute")))),
-        error && (react_1.default.createElement("div", { className: "alert alert-danger", role: "alert" },
-            react_1.default.createElement("i", { className: "bi bi-exclamation-triangle-fill me-2" }),
-            react_1.default.createElement("strong", null, "Error:"),
-            " ",
-            error)),
-        isLoading && (react_1.default.createElement("div", { className: "text-center py-5" },
-            react_1.default.createElement(loading_indicator_1.LoadingIndicator, null))),
-        result && !isLoading && (react_1.default.createElement("div", { className: "card" },
-            react_1.default.createElement("div", { className: "card-body" },
-                react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center mb-3" },
-                    react_1.default.createElement("h5", { className: "card-title mb-0" },
-                        result.isWriteOperation ? 'Write Result' : 'Query Results',
-                        result.isWriteOperation ? (react_1.default.createElement("span", { className: "badge bg-success ms-2" },
-                            result.changesCount,
-                            " row",
-                            result.changesCount !== 1 ? 's' : '',
-                            " affected")) : (react_1.default.createElement("span", { className: "badge bg-primary ms-2" },
-                            result.rowCount,
-                            " rows"))),
-                    react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary", onClick: () => setResult(null) },
-                        react_1.default.createElement("i", { className: "bi bi-x" }),
-                        " Clear")),
-                result.isWriteOperation ? (react_1.default.createElement("div", { className: "alert alert-success mb-0" },
-                    react_1.default.createElement("i", { className: "bi bi-check-circle-fill me-2" }),
-                    "Query executed successfully. ",
-                    result.changesCount,
-                    " row",
-                    result.changesCount !== 1 ? 's' : '',
-                    " affected.")) : result.rowCount === 0 ? (react_1.default.createElement("div", { className: "alert alert-info mb-0" }, "Query executed successfully but returned no rows.")) : (react_1.default.createElement("div", { className: "table-responsive" },
-                    react_1.default.createElement("table", { className: "table table-sm table-hover table-bordered" },
-                        react_1.default.createElement("thead", { className: "table-light" },
-                            react_1.default.createElement("tr", null, result.columns.map((col, idx) => (react_1.default.createElement("th", { key: idx, className: "font-monospace small" }, col))))),
-                        react_1.default.createElement("tbody", null, result.rows.map((row, rowIdx) => (react_1.default.createElement("tr", { key: rowIdx }, row.map((cell, cellIdx) => (react_1.default.createElement("td", { key: cellIdx, className: "font-monospace small" }, cell === null ? (react_1.default.createElement("span", { className: "text-muted fst-italic" }, "null")) : typeof cell === 'object' ? (react_1.default.createElement("pre", { className: "mb-0", style: { fontSize: '0.7rem' } }, JSON.stringify(cell, null, 2))) : (String(cell))))))))))))))),
-        !result && !isLoading && !error && (react_1.default.createElement("div", { className: "card" },
-            react_1.default.createElement("div", { className: "card-body" },
-                react_1.default.createElement("h5", { className: "card-title" }, "Example Queries"),
-                react_1.default.createElement("ul", { className: "list-unstyled mb-0" },
-                    react_1.default.createElement("li", { className: "mb-2" },
-                        react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery('SELECT * FROM sqlite_master WHERE type=\'table\'') }, "List all tables")),
-                    react_1.default.createElement("li", { className: "mb-2" },
-                        react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery('PRAGMA table_info(Users)') }, "Show Users table schema")),
-                    react_1.default.createElement("li", { className: "mb-2" },
-                        react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery('SELECT name, sql FROM sqlite_master WHERE type=\'index\'') }, "List all indexes")),
-                    react_1.default.createElement("li", { className: "mb-2" },
-                        react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery('PRAGMA database_list') }, "Show attached databases"))))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-4", children: [(0, jsx_runtime_1.jsxs)("ul", { className: "nav nav-tabs mb-4", children: [(0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: (0, jsx_runtime_1.jsxs)("a", { className: "nav-link", href: "#/data-explorer", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-table" }), " Tables"] }) }), (0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: (0, jsx_runtime_1.jsxs)("a", { className: "nav-link active", href: "#/data-explorer/query", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-terminal" }), " Query"] }) })] }), (0, jsx_runtime_1.jsx)("h2", { className: "mb-3", children: "SQL Query Executor" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsxs)("ul", { className: "nav nav-tabs", children: [tabs.map((tab) => ((0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: (0, jsx_runtime_1.jsxs)("div", { className: `nav-link ${tab.id === activeTabId ? "active" : ""}`, style: { cursor: "pointer", display: "flex", alignItems: "center", gap: "8px" }, children: [(0, jsx_runtime_1.jsx)("span", { onClick: () => activeQueryTabId(tab.id), style: { flex: 1 }, children: tab.name }), tabs.length > 1 && ((0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm p-0", onClick: (e) => {
+                                            e.stopPropagation();
+                                            closeTab(tab.id);
+                                        }, style: {
+                                            border: "none",
+                                            background: "none",
+                                            fontSize: "1.2em",
+                                            lineHeight: 1,
+                                            opacity: 0.6,
+                                        }, title: "Close tab", children: "\u00D7" }))] }) }, tab.id))), (0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: (0, jsx_runtime_1.jsx)("button", { className: "nav-link", onClick: addNewTab, style: { border: "none", background: "none" }, title: "New query tab", children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-plus-lg" }) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "card mb-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "query-input", className: "form-label mb-0", children: (0, jsx_runtime_1.jsx)("strong", { children: "SQL Query" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "form-check form-switch", children: [(0, jsx_runtime_1.jsx)("input", { className: "form-check-input", type: "checkbox", id: "enable-writes", checked: writeEnabled, onChange: (e) => setWriteEnabled(e.target.checked) }), (0, jsx_runtime_1.jsx)("label", { className: "form-check-label small", htmlFor: "enable-writes", children: "Enable Writes" })] })] }), (0, jsx_runtime_1.jsx)("textarea", { id: "query-input", className: "form-control font-monospace", rows: 6, value: query, onChange: (e) => setQuery(e.target.value), onBlur: handleBlur, onKeyDown: handleKeyDown, placeholder: "Enter your SQL query here..." }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary", onClick: executeQuery, disabled: isLoading || !query.trim(), children: isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-2", role: "status", "aria-hidden": "true" }), "Executing..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-play-fill" }), " Execute Query"] })) }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-info-circle" }), " Press Cmd/Ctrl + Enter to execute"] })] })] }) }), error && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-danger", role: "alert", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle-fill me-2" }), (0, jsx_runtime_1.jsx)("strong", { children: "Error:" }), " ", error] })), isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-5", children: (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}) })), result && !isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "card", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [(0, jsx_runtime_1.jsxs)("h5", { className: "card-title mb-0", children: [result.isWriteOperation ? "Write Result" : "Query Results", result.isWriteOperation ? ((0, jsx_runtime_1.jsxs)("span", { className: "badge bg-success ms-2", children: [result.changesCount, " row", result.changesCount !== 1 ? "s" : "", " affected"] })) : ((0, jsx_runtime_1.jsxs)("span", { className: "badge bg-primary ms-2", children: [result.rowCount, " rows"] }))] }), (0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-secondary", onClick: () => setResult(null), children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-x" }), " Clear"] })] }), result.isWriteOperation ? ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-success mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-check-circle-fill me-2" }), "Query executed successfully. ", result.changesCount, " row", result.changesCount !== 1 ? "s" : "", " affected."] })) : result.rowCount === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-info mb-0", children: "Query executed successfully but returned no rows." })) : ((0, jsx_runtime_1.jsx)("div", { className: "table-responsive", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm table-hover table-bordered", children: [(0, jsx_runtime_1.jsx)("thead", { className: "table-light", children: (0, jsx_runtime_1.jsx)("tr", { children: result.columns.map((col, idx) => ((0, jsx_runtime_1.jsx)("th", { className: "font-monospace small", children: col }, idx))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: result.rows.map((row, rowIdx) => ((0, jsx_runtime_1.jsx)("tr", { children: row.map((cell, cellIdx) => ((0, jsx_runtime_1.jsx)("td", { className: "font-monospace small", children: cell === null ? ((0, jsx_runtime_1.jsx)("span", { className: "text-muted fst-italic", children: "null" })) : typeof cell === "object" ? ((0, jsx_runtime_1.jsx)("pre", { className: "mb-0", style: { fontSize: "0.7rem" }, children: JSON.stringify(cell, null, 2) })) : (String(cell)) }, cellIdx))) }, rowIdx))) })] }) }))] }) })), !result && !isLoading && !error && ((0, jsx_runtime_1.jsx)("div", { className: "card", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsx)("h5", { className: "card-title", children: "Example Queries" }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-unstyled mb-0", children: [(0, jsx_runtime_1.jsx)("li", { className: "mb-2", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery("SELECT * FROM sqlite_master WHERE type='table'"), children: "List all tables" }) }), (0, jsx_runtime_1.jsx)("li", { className: "mb-2", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery("PRAGMA table_info(Users)"), children: "Show Users table schema" }) }), (0, jsx_runtime_1.jsx)("li", { className: "mb-2", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery("SELECT name, sql FROM sqlite_master WHERE type='index'"), children: "List all indexes" }) }), (0, jsx_runtime_1.jsx)("li", { className: "mb-2", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-secondary font-monospace", onClick: () => setQuery("PRAGMA database_list"), children: "Show attached databases" }) })] })] }) }))] }));
 }
 (0, ui_loader_1.registerInternalPeersUI)({
-    peersUIId: 'data-explorer-query-ui',
+    peersUIId: "data-explorer-query-ui",
     component: QueryExecutor,
     routes: [
         {
-            isMatch: (_props, context) => context.path === 'data-explorer/query',
-            uiCategory: 'screen',
-            priority: 2
-        }
-    ]
+            isMatch: (_props, context) => context.path === "data-explorer/query",
+            uiCategory: "screen",
+            priority: 2,
+        },
+    ],
 });

package/dist/screens/groups/group-details.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 interface IProps {
     groupId: string;
 }
-export declare const GroupDetails: (props: IProps) => React.JSX.Element;
+export declare const GroupDetails: (props: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/screens/groups/group-details.js

@@ -1,41 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupDetails = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const checkbox_1 = require("../../components/checkbox");
 const input_1 = require("../../components/input");
 const loading_indicator_1 = require("../../components/loading-indicator");
@@ -52,7 +20,7 @@ const GroupDetails = (props) => {
         const userGroupTable = (0, peers_sdk_1.Groups)(userContext.userDataContext);
         const group = await userGroupTable.get(props.groupId);
         if (!group) {
-            throw new Error('Group not found');
+            throw new Error("Group not found");
         }
         (0, tabs_state_1.updateActiveTabTitle)(group.name || "Group");
         const groupDoc = userGroupTable.initDoc(group);
@@ -77,48 +45,24 @@ const GroupDetails = (props) => {
         return groupDoc;
     }, undefined, [props.groupId]);
     if (!group) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+        return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
     }
-    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
-        react_1.default.createElement("div", { className: "d-flex" },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement("i", { className: `${(0, peers_sdk_1.getIconClassName)((0, peers_sdk_1.Groups)())} me-2` }))),
-            react_1.default.createElement("div", { className: "flex-grow-1" },
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement(input_1.Input, { key: group.groupId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: group.qs.name }))),
-            react_1.default.createElement("div", { className: "d-flex gap-2" },
-                react_1.default.createElement(ShareButton, { groupId: props.groupId }),
-                react_1.default.createElement(save_button_1.SaveButton, { key: group.groupId, doc: group }))),
-        react_1.default.createElement(tabs_1.Tabs, { key: group.groupId, tabs: [
-                {
-                    name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(GroupInfo, { group: group }))
-                },
-                {
-                    name: 'Members', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(GroupMembersWrapper, { groupId: props.groupId }))
-                },
-            ] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)("i", { className: `${(0, peers_sdk_1.getIconClassName)((0, peers_sdk_1.Groups)())} me-2` }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-grow-1", children: (0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)(input_1.Input, { className: "border border-0", style: { width: "100%", outline: "none", backgroundColor: "transparent" }, value: group.qs.name }, group.groupId) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex gap-2", children: [(0, jsx_runtime_1.jsx)(ShareButton, { groupId: props.groupId }), (0, jsx_runtime_1.jsx)(save_button_1.SaveButton, { doc: group }, group.groupId)] })] }), (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: [
+                    {
+                        name: "Info",
+                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(GroupInfo, { group: group }) })),
+                    },
+                    {
+                        name: "Members",
+                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(GroupMembersWrapper, { groupId: props.groupId }) })),
+                    },
+                ] }, group.groupId)] }));
 };
 exports.GroupDetails = GroupDetails;
 const GroupInfo = (props) => {
     const { group } = props;
-    group.description = group.description || '';
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("small", null, "Name:"),
-        react_1.default.createElement(input_1.Input, { value: group.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Group name", title: "Group name" }),
-        react_1.default.createElement("small", null, "Icon Class Name:"),
-        react_1.default.createElement(input_1.Input, { value: group.qs.iconClassName, className: "form-control mb-3 p-0 ps-2", placeholder: "bi-people-fill", title: "Icon class name (e.g., bi-people-fill, bi-house-fill, bi-star-fill)" }),
-        react_1.default.createElement("small", null, "Group ID:"),
-        react_1.default.createElement("div", { className: "form-control mb-3 p-2 bg-body-secondary text-body-secondary", style: { fontFamily: 'monospace', fontSize: '0.9em' } }, group.groupId),
-        react_1.default.createElement("div", { className: "d-flex flex-row" },
-            react_1.default.createElement("div", { className: "ms-2" },
-                react_1.default.createElement("label", { className: "form-label small mt-2 me-2" }, "Disabled:"),
-                react_1.default.createElement(checkbox_1.Checkbox, { className: "form-check-input mt-2", checked: group.qs.disabled }))),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("small", { className: "mt-2" }, "Description:"),
-        react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: group.qs.description })));
+    group.description = group.description || "";
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("small", { children: "Name:" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: group.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Group name", title: "Group name" }), (0, jsx_runtime_1.jsx)("small", { children: "Icon Class Name:" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: group.qs.iconClassName, className: "form-control mb-3 p-0 ps-2", placeholder: "bi-people-fill", title: "Icon class name (e.g., bi-people-fill, bi-house-fill, bi-star-fill)" }), (0, jsx_runtime_1.jsx)("small", { children: "Group ID:" }), (0, jsx_runtime_1.jsx)("div", { className: "form-control mb-3 p-2 bg-body-secondary text-body-secondary", style: { fontFamily: "monospace", fontSize: "0.9em" }, children: group.groupId }), (0, jsx_runtime_1.jsx)("div", { className: "d-flex flex-row", children: (0, jsx_runtime_1.jsxs)("div", { className: "ms-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label small mt-2 me-2", children: "Disabled:" }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { className: "form-check-input mt-2", checked: group.qs.disabled })] }) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("small", { className: "mt-2", children: "Description:" }), (0, jsx_runtime_1.jsx)(editor_inline_1.MarkdownEditorInline, { value: group.qs.description })] }));
 };
 const ShareButton = ({ groupId }) => {
     const [isSharing, setIsSharing] = (0, react_1.useState)(false);
@@ -139,76 +83,37 @@ const ShareButton = ({ groupId }) => {
                 setShareResult({
                     success: true,
                     message: `Group share data copied to clipboard! (${qrInfo.size} chars, ${qrInfo.memberCount} admin members)`,
-                    qrInfo
+                    qrInfo,
                 });
             }
             else {
                 setShareResult({
                     success: false,
-                    message: 'Failed to copy to clipboard. Please copy manually from the modal.',
-                    qrInfo
+                    message: "Failed to copy to clipboard. Please copy manually from the modal.",
+                    qrInfo,
                 });
             }
         }
         catch (error) {
             setShareResult({
                 success: false,
-                message: `Error generating share: ${error.message}`,
+                message: `Error generating share: ${error instanceof Error ? error.message : String(error)}`,
             });
         }
         finally {
             setIsSharing(false);
         }
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("button", { className: "btn btn-secondary btn-sm", onClick: handleShare, disabled: isSharing, title: "Share group with admin members" }, isSharing ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-1", role: "status", "aria-hidden": "true" }),
-            "Sharing...")) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("i", { className: "bi-share me-1" }),
-            "Share"))),
-        shareResult && (react_1.default.createElement("div", { className: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center", style: { backgroundColor: 'rgba(0,0,0,0.5)', zIndex: 1050 } },
-            react_1.default.createElement("div", { className: "card", style: { maxWidth: '500px', width: '90%' } },
-                react_1.default.createElement("div", { className: "card-header d-flex justify-content-between align-items-center" },
-                    react_1.default.createElement("h6", { className: "mb-0" },
-                        react_1.default.createElement("i", { className: `bi-${shareResult.success ? 'check-circle text-success' : 'exclamation-triangle text-warning'} me-2` }),
-                        "Group Share ",
-                        shareResult.success ? 'Ready' : 'Error'),
-                    react_1.default.createElement("button", { className: "btn-close", onClick: () => setShareResult(null), "aria-label": "Close" })),
-                react_1.default.createElement("div", { className: "card-body" },
-                    react_1.default.createElement("p", { className: "mb-3" }, shareResult.message),
-                    shareResult.qrInfo && (react_1.default.createElement("div", { className: "mb-3" },
-                        react_1.default.createElement("h6", null, "QR Code Compatibility"),
-                        react_1.default.createElement("div", { className: "row g-2" },
-                            react_1.default.createElement("div", { className: "col-6" },
-                                react_1.default.createElement("small", { className: "text-muted" }, "Size:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("strong", null,
-                                    shareResult.qrInfo.size,
-                                    " chars")),
-                            react_1.default.createElement("div", { className: "col-6" },
-                                react_1.default.createElement("small", { className: "text-muted" }, "QR Version 20:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: `badge bg-${shareResult.qrInfo.fits ? 'success' : 'warning'}` },
-                                    shareResult.qrInfo.fits ? '✓ Fits' : '⚠ Too Large',
-                                    " (",
-                                    shareResult.qrInfo.usagePercent,
-                                    "%)"))),
-                        !shareResult.qrInfo.fits && (react_1.default.createElement("div", { className: "alert alert-warning mt-2 mb-0" },
-                            react_1.default.createElement("small", null,
-                                react_1.default.createElement("i", { className: "bi-exclamation-triangle me-1" }),
-                                "Data may be too large for standard QR codes. Consider reducing admin members or use text sharing."))))),
-                    react_1.default.createElement("div", { className: "text-end" },
-                        react_1.default.createElement("button", { className: "btn btn-secondary me-2", onClick: () => setShareResult(null) }, "Close"),
-                        shareResult.success && (react_1.default.createElement("button", { className: "btn btn-primary", onClick: handleShare }, "Copy Again")))))))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-secondary btn-sm", onClick: handleShare, disabled: isSharing, title: "Share group with admin members", children: isSharing ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1", role: "status", "aria-hidden": "true" }), "Sharing..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-share me-1" }), "Share"] })) }), shareResult && ((0, jsx_runtime_1.jsx)("div", { className: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center", style: { backgroundColor: "rgba(0,0,0,0.5)", zIndex: 1050 }, children: (0, jsx_runtime_1.jsxs)("div", { className: "card", style: { maxWidth: "500px", width: "90%" }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "card-header d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: `bi-${shareResult.success ? "check-circle text-success" : "exclamation-triangle text-warning"} me-2` }), "Group Share ", shareResult.success ? "Ready" : "Error"] }), (0, jsx_runtime_1.jsx)("button", { className: "btn-close", onClick: () => setShareResult(null), "aria-label": "Close" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsx)("p", { className: "mb-3", children: shareResult.message }), shareResult.qrInfo && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("h6", { children: "QR Code Compatibility" }), (0, jsx_runtime_1.jsxs)("div", { className: "row g-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-6", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Size:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("strong", { children: [shareResult.qrInfo.size, " chars"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-6", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "QR Version 20:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: `badge bg-${shareResult.qrInfo.fits ? "success" : "warning"}`, children: [shareResult.qrInfo.fits ? "✓ Fits" : "⚠ Too Large", " (", shareResult.qrInfo.usagePercent, "%)"] })] })] }), !shareResult.qrInfo.fits && ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-warning mt-2 mb-0", children: (0, jsx_runtime_1.jsxs)("small", { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-exclamation-triangle me-1" }), "Data may be too large for standard QR codes. Consider reducing admin members or use text sharing."] }) }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "text-end", children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-secondary me-2", onClick: () => setShareResult(null), children: "Close" }), shareResult.success && ((0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary", onClick: handleShare, children: "Copy Again" }))] })] })] }) }))] }));
 };
 const GroupMembersWrapper = (props) => {
     const userContext = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.getUserContext)());
     if (!userContext)
         return null;
-    return react_1.default.createElement(group_members_1.GroupMembersUI, { groupId: props.groupId, userContext: userContext });
+    return (0, jsx_runtime_1.jsx)(group_members_1.GroupMembersUI, { groupId: props.groupId, userContext: userContext });
 };
 (0, ui_loader_1.registerInternalPeersUI)({
-    peersUIId: '00group00details00component',
+    peersUIId: "00group00details00component",
     component: exports.GroupDetails,
     routes: [
         {
@@ -220,8 +125,8 @@ const GroupMembersWrapper = (props) => {
                 }
                 return false;
             },
-            uiCategory: 'screen',
-            priority: 2
-        }
-    ]
+            uiCategory: "screen",
+            priority: 2,
+        },
+    ],
 });

package/dist/screens/groups/group-invite-listener.d.ts

@@ -5,11 +5,10 @@
  *
  * Communicates with device layer through pvars (not direct imports).
  */
-import React from "react";
-import { UserContext } from "@peers-app/peers-sdk";
+import { type UserContext } from "@peers-app/peers-sdk";
 interface GroupInviteListenerProps {
     groupId: string;
     userContext: UserContext;
 }
-export declare const GroupInviteListener: (props: GroupInviteListenerProps) => React.JSX.Element;
+export declare const GroupInviteListener: (props: GroupInviteListenerProps) => import("react/jsx-runtime").JSX.Element;
 export {};