@peers-app/peers-ui 0.23.0 → 0.23.2

package/dist/screens/settings/settings-page.js

@@ -45,6 +45,9 @@ const hooks_1 = require("../../hooks");
 const layout_picker_1 = require("../../root-layout/layout-picker");
 const device_pairing_1 = require("../device-pairing");
 const color_mode_dropdown_1 = require("./color-mode-dropdown");
+const isBrowserPwaHost = typeof window !== "undefined" &&
+    !window.electronAPI &&
+    !window.ReactNativeWebView;
 function getAppVersion() {
     return globalThis.__PEERS_APP_VERSION__ || "unknown";
 }
@@ -179,11 +182,17 @@ const ResetDeviceSyncInfos = () => {
 const DeleteLocalDatabase = () => {
     return ((0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-danger btn-sm ms-2", onClick: async () => {
                 const confirmed = confirm("Are you sure you want to delete the local database for the current group? " +
-                    "This will remove all local data. You will need to restart the app and re-sync from other devices.");
+                    "This removes local data for the current personal or group context only. " +
+                    "The context will be rebuilt by re-syncing from another of your online devices. " +
+                    "Account credentials and other contexts are not deleted.");
                 if (!confirmed)
                     return;
                 try {
                     await peers_sdk_1.rpcServerCalls.deleteLocalDatabase();
+                    if (isBrowserPwaHost) {
+                        window.location.reload();
+                        return;
+                    }
                     alert("Local database has been deleted. Please restart the app.");
                 }
                 catch (err) {
@@ -300,11 +309,8 @@ const DryRunResults = ({ result }) => {
     const um = result.userMapping;
     return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info py-2 px-3 small", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Summary:" }), " ", result.totalTasks.toLocaleString(), " tasks and", " ", result.totalLogEntries.toLocaleString(), " log entries across ", result.groups.length, " groups (", result.totalRecords.toLocaleString(), " total records in file)"] }), result.warnings.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-warning py-2 px-3 small", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Warnings:" }), (0, jsx_runtime_1.jsx)("ul", { className: "mb-0 ps-3", children: result.warnings.map((w, i) => ((0, jsx_runtime_1.jsx)("li", { children: w }, i))) })] })), (0, jsx_runtime_1.jsxs)("details", { className: "mb-2", children: [(0, jsx_runtime_1.jsx)("summary", { className: "small fw-bold", style: { cursor: "pointer" }, children: "Status Mapping" }), (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm small mt-1", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Mapping" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Count" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "In-Progress \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.inProgressToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "In-Progress \u2192 In-Progress" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.inProgressKeep.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Queued \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.queuedToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Queued \u2192 Queued" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.queuedKeep.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Backlog \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.backlogToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Backlog \u2192 Backlog" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.backlogKeep.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "No status \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.noStatusToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "No status \u2192 Backlog" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.noStatusToBacklog.toLocaleString() })] })] })] })] }), (0, jsx_runtime_1.jsxs)("details", { className: "mb-2", children: [(0, jsx_runtime_1.jsx)("summary", { className: "small fw-bold", style: { cursor: "pointer" }, children: "User Mapping" }), (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm small mt-1", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "User" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Tasks" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Mark" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: um.mark.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Blair" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: um.blair.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Other \u2192 Mark" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: um.other.toLocaleString() })] })] })] })] }), (0, jsx_runtime_1.jsxs)("details", { open: true, className: "mb-2", children: [(0, jsx_runtime_1.jsxs)("summary", { className: "small fw-bold", style: { cursor: "pointer" }, children: ["Groups (", result.groups.length, ")"] }), (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm small mt-1", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Group" }), (0, jsx_runtime_1.jsx)("th", { children: "Route" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Tasks" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Active" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Done" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Logs" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: result.groups.map((g) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: g.groupName }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("span", { className: `badge bg-${g.context === "home" ? "success" : "secondary"}`, children: g.context }) }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.taskCount.toLocaleString() }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.activeCount.toLocaleString() }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.doneCount.toLocaleString() }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.logEntryCount.toLocaleString() })] }, g.groupId))) })] })] })] }));
 };
-const showLogoutInSettings = typeof window !== "undefined" &&
-    !window.electronAPI &&
-    !window.ReactNativeWebView;
 const LogoutSection = () => {
-    if (!showLogoutInSettings)
+    if (!isBrowserPwaHost)
         return null;
     return ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 pt-3 border-top", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-danger btn-sm", onClick: async () => {
                 const confirmed = confirm("Are you sure you want to logout? This will clear your credentials from this browser. " +

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/peers-app/peers-ui.git"
@@ -28,7 +28,7 @@
     "lint:fix": "biome check --write ."
   },
   "peerDependencies": {
-    "@peers-app/peers-sdk": "^0.23.0",
+    "@peers-app/peers-sdk": "^0.23.2",
     "bootstrap": "^5.3.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -39,7 +39,7 @@
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.27.1",
     "@biomejs/biome": "2.3.11",
-    "@peers-app/peers-sdk": "0.23.0",
+    "@peers-app/peers-sdk": "0.23.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",

package/src/screens/settings/settings-page.tsx

@@ -30,6 +30,11 @@ type PeersHostWindow = Window & {
   ReactNativeWebView?: unknown;
 };
 
+const isBrowserPwaHost =
+  typeof window !== "undefined" &&
+  !(window as PeersHostWindow).electronAPI &&
+  !(window as PeersHostWindow).ReactNativeWebView;
+
 type PeersGlobal = typeof globalThis & {
   __PEERS_APP_VERSION__?: string;
 };
@@ -351,11 +356,17 @@ const DeleteLocalDatabase: React.FC = () => {
         onClick={async () => {
           const confirmed = confirm(
             "Are you sure you want to delete the local database for the current group? " +
-              "This will remove all local data. You will need to restart the app and re-sync from other devices.",
+              "This removes local data for the current personal or group context only. " +
+              "The context will be rebuilt by re-syncing from another of your online devices. " +
+              "Account credentials and other contexts are not deleted.",
           );
           if (!confirmed) return;
           try {
             await rpcServerCalls.deleteLocalDatabase();
+            if (isBrowserPwaHost) {
+              window.location.reload();
+              return;
+            }
             alert("Local database has been deleted. Please restart the app.");
           } catch (err) {
             console.error("Error while deleting local database", err);
@@ -705,13 +716,8 @@ const DryRunResults: React.FC<{ result: IDryRunResult }> = ({ result }) => {
   );
 };
 
-const showLogoutInSettings =
-  typeof window !== "undefined" &&
-  !(window as PeersHostWindow).electronAPI &&
-  !(window as PeersHostWindow).ReactNativeWebView;
-
 const LogoutSection: React.FC = () => {
-  if (!showLogoutInSettings) return null;
+  if (!isBrowserPwaHost) return null;
   return (
     <div className="mt-4 pt-3 border-top">
       <button