@peers-app/peers-ui 0.16.6 → 0.17.0

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

@@ -76,7 +76,7 @@ const AppearanceSettingsTab = () => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Appearance" }), (0, jsx_runtime_1.jsx)(color_mode_dropdown_1.ColorModeDropdown, {})] }));
 };
 const AdvancedSettingsTab = () => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Advanced Settings" }), (0, jsx_runtime_1.jsx)(PackagesRootDirectory, {}), (0, jsx_runtime_1.jsx)(ReloadPackagesOnPageRefresh, {}), (0, jsx_runtime_1.jsx)(AutoUpdatePeersCore, {}), (0, jsx_runtime_1.jsx)(ResetDeviceSyncInfos, {}), (0, jsx_runtime_1.jsx)(DeleteLocalDatabase, {}), (0, jsx_runtime_1.jsx)(ImportOldPeersData, {}), (0, jsx_runtime_1.jsx)(ResetChangeTracking, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Advanced Settings" }), (0, jsx_runtime_1.jsx)(PackagesRootDirectory, {}), (0, jsx_runtime_1.jsx)(ReloadPackagesOnPageRefresh, {}), (0, jsx_runtime_1.jsx)(AutoUpdatePeersCore, {}), (0, jsx_runtime_1.jsx)(ResetDeviceSyncInfos, {}), (0, jsx_runtime_1.jsx)(DeleteLocalDatabase, {}), (0, jsx_runtime_1.jsx)(CleanupOldDataDir, {}), (0, jsx_runtime_1.jsx)(ImportOldPeersData, {}), (0, jsx_runtime_1.jsx)(ResetChangeTracking, {})] }));
 };
 const ProfileSection = () => {
     const [deviceId] = (0, hooks_1.useObservable)(peers_sdk_1.thisDeviceId);
@@ -185,6 +185,35 @@ const DeleteLocalDatabase = () => {
                 }
             }, children: "Delete Local Database" }) }));
 };
+const CleanupOldDataDir = () => {
+    const [info, setInfo] = (0, react_1.useState)(undefined);
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        peers_sdk_1.rpcServerCalls
+            .getOldDataDirInfo()
+            .then(setInfo)
+            .catch(() => setInfo(null));
+    }, []);
+    if (info === undefined || info === null)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 pt-3 border-top", children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-2", children: "Clean up old data directory" }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted d-block mb-2", children: ["Your data has been migrated to ", (0, jsx_runtime_1.jsx)("code", { children: "~/peers/data" }), ". The old copy below can be deleted once you've confirmed everything works."] }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted d-block mb-2", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Old location:" }), " ", (0, jsx_runtime_1.jsx)("code", { children: info.path }), " (", info.sizeMB, " MB)"] }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-danger btn-sm", disabled: busy, onClick: async () => {
+                    const confirmed = confirm(`Delete the old data directory? This will free ~${info.sizeMB} MB.\n\n${info.path}\n\nThis cannot be undone.`);
+                    if (!confirmed)
+                        return;
+                    setBusy(true);
+                    try {
+                        await peers_sdk_1.rpcServerCalls.cleanupOldDataDir();
+                        setInfo(null);
+                        alert("Old data directory deleted.");
+                    }
+                    catch (err) {
+                        alert(`Failed to delete: ${err.message}`);
+                    }
+                    finally {
+                        setBusy(false);
+                    }
+                }, children: busy ? "Deleting..." : "Delete Old Data Directory" })] }));
+};
 const ResetChangeTracking = () => {
     const [busy, setBusy] = (0, react_1.useState)(false);
     return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 pt-3 border-top", children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-2", children: "Change tracking" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block mb-2", children: "Clears all change history for the current group and rebuilds it from your current database rows. Device sync cursors are cleared; a full resync with peers may follow. Use when debugging sync issues." }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-warning btn-sm", disabled: busy, onClick: async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.16.6",
+  "version": "0.17.0",
   "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.16.6",
+    "@peers-app/peers-sdk": "^0.17.0",
     "bootstrap": "^5.3.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -39,7 +39,7 @@
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@peers-app/peers-sdk": "0.16.6",
+    "@peers-app/peers-sdk": "0.17.0",
     "@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

@@ -91,6 +91,7 @@ const AdvancedSettingsTab: React.FC = () => {
       <AutoUpdatePeersCore />
       <ResetDeviceSyncInfos />
       <DeleteLocalDatabase />
+      <CleanupOldDataDir />
       <ImportOldPeersData />
       <ResetChangeTracking />
     </>
@@ -328,6 +329,55 @@ const DeleteLocalDatabase: React.FC = () => {
   );
 };
 
+const CleanupOldDataDir: React.FC = () => {
+  const [info, setInfo] = useState<{ path: string; sizeMB: number } | null | undefined>(undefined);
+  const [busy, setBusy] = useState(false);
+
+  useEffect(() => {
+    rpcServerCalls
+      .getOldDataDirInfo()
+      .then(setInfo)
+      .catch(() => setInfo(null));
+  }, []);
+
+  if (info === undefined || info === null) return null;
+
+  return (
+    <div className="mt-4 pt-3 border-top">
+      <h6 className="mb-2">Clean up old data directory</h6>
+      <small className="text-muted d-block mb-2">
+        Your data has been migrated to <code>~/peers/data</code>. The old copy below can be deleted
+        once you've confirmed everything works.
+      </small>
+      <small className="text-muted d-block mb-2">
+        <strong>Old location:</strong> <code>{info.path}</code> ({info.sizeMB} MB)
+      </small>
+      <button
+        className="btn btn-danger btn-sm"
+        disabled={busy}
+        onClick={async () => {
+          const confirmed = confirm(
+            `Delete the old data directory? This will free ~${info.sizeMB} MB.\n\n${info.path}\n\nThis cannot be undone.`,
+          );
+          if (!confirmed) return;
+          setBusy(true);
+          try {
+            await rpcServerCalls.cleanupOldDataDir();
+            setInfo(null);
+            alert("Old data directory deleted.");
+          } catch (err) {
+            alert(`Failed to delete: ${(err as Error).message}`);
+          } finally {
+            setBusy(false);
+          }
+        }}
+      >
+        {busy ? "Deleting..." : "Delete Old Data Directory"}
+      </button>
+    </div>
+  );
+};
+
 const ResetChangeTracking: React.FC = () => {
   const [busy, setBusy] = useState(false);
   return (