@peers-app/peers-ui 0.9.1 → 0.9.3

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

@@ -79,6 +79,7 @@ const AdvancedSettingsTab = () => {
         react_1.default.createElement("h5", { className: "mb-3" }, "Advanced Settings"),
         react_1.default.createElement(PackagesRootDirectory, null),
         react_1.default.createElement(ReloadPackagesOnPageRefresh, null),
+        react_1.default.createElement(AutoUpdatePeersCore, null),
         react_1.default.createElement(ResetDeviceSyncInfos, null),
         react_1.default.createElement(DeleteLocalDatabase, null)));
 };
@@ -194,6 +195,16 @@ const ReloadPackagesOnPageRefresh = () => {
             } }),
         react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: `Checking this will reload all packages very time the page is loaded.  Particularly useful while developing packages.` })));
 };
+const AutoUpdatePeersCore = () => {
+    (0, hooks_1.useObservable)(peers_sdk_1.autoUpdatePeersCore);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("label", { htmlFor: "autoUpdatePeersCore", className: "form-label small mt-2 me-2" }, "Auto-update peers-core on startup:"),
+        react_1.default.createElement("input", { type: "checkbox", checked: (0, peers_sdk_1.autoUpdatePeersCore)(), onChange: (e) => {
+                const checked = e.target.checked;
+                (0, peers_sdk_1.autoUpdatePeersCore)(checked);
+            } }),
+        react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: `When enabled, the peers-core system package is automatically updated from the bundled version on every app startup. Disable this if you want to manage peers-core manually.` })));
+};
 const ResetDeviceSyncInfos = () => {
     return (react_1.default.createElement("div", { className: 'mt-3' },
         react_1.default.createElement("button", { className: 'btn btn-secondary btn-sm ms-2', onClick: async () => {

package/dist/screens/setup-user.js

@@ -57,11 +57,10 @@ const SetupUser = () => {
             const _userId = (0, peers_sdk_1.newid)();
             // Call setUserIdAndSecretKey
             await peers_sdk_1.rpcServerCalls.setUserIdAndSecretKey(_userId, keys.secretKey);
-            // Auto-install peers-core for the new user - waits for user creation to finish
-            peers_sdk_1.rpcServerCalls.addOrUpdatePackage(peers_sdk_1.peersCorePackageId, { dataContextId: _userId }).catch((err) => {
-                console.error('Error auto-installing peers-core for group:', err);
+            // Auto-install peers-core for the new user
+            await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(peers_sdk_1.peersCorePackageId, { dataContextId: _userId }).catch((err) => {
+                console.error('Error auto-installing peers-core:', err);
             });
-            await (0, peers_sdk_1.sleep)(200); // give time for call to get to server before reloading
             // Success - reload the app
             window.location.reload();
         }

package/dist/tabs-layout/tabs-layout.js

@@ -152,13 +152,20 @@ function TabsLayoutInternal() {
         const tabToClose = currentTabs.find(t => t.tabId === tabId);
         if (!tabToClose || tabToClose.tabId === "launcher")
             return;
+        const closedIndex = currentTabs.findIndex(t => t.tabId === tabId);
         const newTabs = currentTabs.filter(t => t.tabId !== tabId);
         (0, tabs_state_1.activeTabs)(newTabs);
         tabs_state_1.initializedTabs.delete(tabId);
-        // If closing active tab, switch to previous tab
         if (activeTab === tabId) {
-            const newActiveTab = newTabs.length > 0 ? newTabs[newTabs.length - 1].tabId : 'launcher';
-            (0, tabs_state_1.activeTabId)(newActiveTab);
+            if (newTabs.length === 0) {
+                (0, tabs_state_1.activeTabId)('launcher');
+            }
+            else if (closedIndex < newTabs.length) {
+                (0, tabs_state_1.activeTabId)(newTabs[closedIndex].tabId);
+            }
+            else {
+                (0, tabs_state_1.activeTabId)(newTabs[newTabs.length - 1].tabId);
+            }
         }
     };
     const switchTab = (tabId) => {

package/dist/tabs-layout/tabs-state.js

@@ -223,16 +223,18 @@ const closeCurrentTab = () => {
     const tabToClose = currentTabs.find(t => t.tabId === _activeTabId);
     if (!tabToClose || tabToClose.tabId === "launcher")
         return;
+    const closedIndex = currentTabs.findIndex(t => t.tabId === _activeTabId);
     const newTabs = currentTabs.filter(t => t.tabId !== _activeTabId);
     (0, exports.activeTabs)(newTabs);
     exports.initializedTabs.delete(_activeTabId);
-    // If closing active tab, switch to previous tab
-    if (newTabs.length > 0) {
-        const newActiveTab = newTabs[newTabs.length - 1].tabId;
-        (0, exports.activeTabId)(newActiveTab);
+    if (newTabs.length === 0) {
+        (0, exports.activeTabId)('launcher');
+    }
+    else if (closedIndex < newTabs.length) {
+        (0, exports.activeTabId)(newTabs[closedIndex].tabId);
     }
     else {
-        (0, exports.activeTabId)('launcher');
+        (0, exports.activeTabId)(newTabs[newTabs.length - 1].tabId);
     }
 };
 exports.closeCurrentTab = closeCurrentTab;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/peers-app/peers-ui.git"
@@ -26,7 +26,7 @@
     "test:coverage": "jest --coverage"
   },
   "peerDependencies": {
-    "@peers-app/peers-sdk": "^0.9.1",
+    "@peers-app/peers-sdk": "^0.9.3",
     "bootstrap": "^5.3.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -37,7 +37,7 @@
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.27.1",
     "@electron/rebuild": "^3.6.0",
-    "@peers-app/peers-sdk": "0.9.1",
+    "@peers-app/peers-sdk": "0.9.3",
     "@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

@@ -1,4 +1,4 @@
-import { Devices, getUserContext, IDevice, packagesRootDir, reloadPackagesOnPageRefresh, rpcServerCalls, thisDeviceId, TrustLevel, Users } from "@peers-app/peers-sdk";
+import { autoUpdatePeersCore, Devices, getUserContext, IDevice, packagesRootDir, reloadPackagesOnPageRefresh, rpcServerCalls, thisDeviceId, TrustLevel, Users } from "@peers-app/peers-sdk";
 import React, { useEffect } from 'react';
 import { Input } from '../../components/input';
 import { Tooltip } from '../../components/tooltip';
@@ -55,6 +55,7 @@ const AdvancedSettingsTab: React.FC = () => {
       <h5 className="mb-3">Advanced Settings</h5>
       <PackagesRootDirectory />
       <ReloadPackagesOnPageRefresh />
+      <AutoUpdatePeersCore />
       <ResetDeviceSyncInfos />
       <DeleteLocalDatabase />
     </>
@@ -252,6 +253,28 @@ const ReloadPackagesOnPageRefresh: React.FC = () => {
   );
 }
 
+const AutoUpdatePeersCore: React.FC = () => {
+  useObservable(autoUpdatePeersCore);
+  return (
+    <div>
+      <label htmlFor="autoUpdatePeersCore" className="form-label small mt-2 me-2">
+        Auto-update peers-core on startup:
+      </label>
+      <input
+        type="checkbox"
+        checked={autoUpdatePeersCore()}
+        onChange={(e) => {
+          const checked = (e.target as HTMLInputElement).checked;
+          autoUpdatePeersCore(checked);
+        }}
+      />
+      <Tooltip
+        markdownContent={`When enabled, the peers-core system package is automatically updated from the bundled version on every app startup. Disable this if you want to manage peers-core manually.`}
+      />
+    </div>
+  );
+}
+
 const ResetDeviceSyncInfos: React.FC = () => {
   return (
     <div className='mt-3'>

package/src/screens/setup-user.tsx

@@ -30,11 +30,10 @@ export const SetupUser = () => {
       // Call setUserIdAndSecretKey
       await rpcServerCalls.setUserIdAndSecretKey(_userId, keys.secretKey);
 
-      // Auto-install peers-core for the new user - waits for user creation to finish
-      rpcServerCalls.addOrUpdatePackage(peersCorePackageId, { dataContextId: _userId }).catch((err: any) => {
-        console.error('Error auto-installing peers-core for group:', err);
+      // Auto-install peers-core for the new user
+      await rpcServerCalls.addOrUpdatePackage(peersCorePackageId, { dataContextId: _userId }).catch((err: any) => {
+        console.error('Error auto-installing peers-core:', err);
       });
-      await sleep(200); // give time for call to get to server before reloading
 
       // Success - reload the app
       window.location.reload();

package/src/tabs-layout/tabs-layout.tsx

@@ -160,15 +160,19 @@ function TabsLayoutInternal() {
 
     if (!tabToClose || tabToClose.tabId === "launcher") return;
 
+    const closedIndex = currentTabs.findIndex(t => t.tabId === tabId);
     const newTabs = currentTabs.filter(t => t.tabId !== tabId);
     activeTabs(newTabs);
-
     initializedTabs.delete(tabId);
 
-    // If closing active tab, switch to previous tab
     if (activeTab === tabId) {
-      const newActiveTab = newTabs.length > 0 ? newTabs[newTabs.length - 1].tabId : 'launcher';
-      activeTabId(newActiveTab);
+      if (newTabs.length === 0) {
+        activeTabId('launcher');
+      } else if (closedIndex < newTabs.length) {
+        activeTabId(newTabs[closedIndex].tabId);
+      } else {
+        activeTabId(newTabs[newTabs.length - 1].tabId);
+      }
     }
   };
 

package/src/tabs-layout/tabs-state.ts

@@ -260,17 +260,17 @@ export const closeCurrentTab = () => {
 
   if (!tabToClose || tabToClose.tabId === "launcher") return;
 
+  const closedIndex = currentTabs.findIndex(t => t.tabId === _activeTabId);
   const newTabs = currentTabs.filter(t => t.tabId !== _activeTabId);
   activeTabs(newTabs);
-
   initializedTabs.delete(_activeTabId);
-  
-  // If closing active tab, switch to previous tab
-  if (newTabs.length > 0) {
-    const newActiveTab = newTabs[newTabs.length - 1].tabId;
-    activeTabId(newActiveTab);
-  } else {
+
+  if (newTabs.length === 0) {
     activeTabId('launcher');
+  } else if (closedIndex < newTabs.length) {
+    activeTabId(newTabs[closedIndex].tabId);
+  } else {
+    activeTabId(newTabs[newTabs.length - 1].tabId);
   }
 };