@peers-app/peers-ui 0.23.8 → 0.23.9

package/dist/screens/packages/package-list.d.ts

@@ -1 +1,2 @@
+/** Searchable list of installed packages, plus create/import from the search box. */
 export declare const PackageList: () => import("react/jsx-runtime").JSX.Element;

package/dist/screens/packages/package-list.js

@@ -119,6 +119,7 @@ const PackageRow = ({ pkg, onUpdated }) => {
     }
     return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid pb-4 d-flex align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-grow-1", style: { minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-box-fill" }), "\u00A0\u00A0", (0, jsx_runtime_1.jsx)("a", { href: `#packages/${pkg.packageId}`, children: pkg.name }), isDeviceOverridden && ((0, jsx_runtime_1.jsx)("span", { className: "text-warning ms-1", title: "This device is using a different version than the group", children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-pc-display" }) })), status && ((0, jsx_runtime_1.jsxs)("span", { className: "ms-2", children: [(0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: ["v", status.activePv.version] }), status.activePv.versionTag && ((0, jsx_runtime_1.jsx)("span", { className: `badge ms-1 ${tagBadgeClass(status.activePv.versionTag)}`, style: { fontSize: "0.65em" }, children: status.activePv.versionTag })), hasUpdate ? ((0, jsx_runtime_1.jsxs)("span", { className: `badge ms-1 ${updateBadgeClass(status.newerLevel)}`, style: { fontSize: "0.65em" }, children: ["v", status.newestPv?.version, " available"] })) : isOnDev && hasGroupRelease ? ((0, jsx_runtime_1.jsxs)("span", { className: "badge ms-1 text-bg-secondary", style: { fontSize: "0.65em" }, children: ["release: v", status.groupReleasePv?.version] })) : ((0, jsx_runtime_1.jsx)("span", { className: "badge ms-1 text-bg-success", style: { fontSize: "0.65em" }, children: "up to date" }))] })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: pkg.description, positions: ["bottom", "top", "right", "left"] })] }), hasUpdate && ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-primary ms-2 text-nowrap", disabled: updating, onClick: handleUpdate, children: [updating ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-arrow-up-circle me-1" })), "Update"] })), isOnDev && hasGroupRelease && ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-secondary ms-2 text-nowrap", disabled: updating, onClick: handleUseRelease, children: [updating ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-box-arrow-in-right me-1" })), "Use Release"] })), hasDevVersion && ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-danger ms-2 text-nowrap", disabled: updating, onClick: handleUseDev, children: [updating ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-tools me-1" })), "Use Dev"] }))] }));
 };
+/** Searchable list of installed packages, plus create/import from the search box. */
 const PackageList = () => {
     const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(""));
     const [searchText] = (0, hooks_1.useObservable)(searchTextObs);
@@ -203,7 +204,7 @@ const PackageList = () => {
                 return;
             try {
                 addingPackage(true);
-                const packageId = await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(name);
+                const { packageId } = (0, peers_sdk_1.unwrapAddOrUpdatePackageResult)(await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(name));
                 const pkg = await (0, peers_sdk_1.Packages)().get(packageId);
                 if (pkg) {
                     (0, globals_1.mainContentPath)(`packages/${packageId}`);
@@ -223,9 +224,12 @@ const PackageList = () => {
             return;
         try {
             addingPackage(true);
-            const packageId = await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(name);
+            const { packageId, warning } = (0, peers_sdk_1.unwrapAddOrUpdatePackageResult)(await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(name));
             const pkg = await (0, peers_sdk_1.Packages)().get(packageId);
             if (pkg) {
+                if (warning) {
+                    confirm(warning);
+                }
                 (0, globals_1.mainContentPath)(`packages/${packageId}`);
             }
         }

package/dist/screens/packages/package-new-local.js

@@ -59,11 +59,14 @@ const PackageNewLocal = () => {
     };
     const createLocalPackage = async () => {
         try {
-            const packageId = await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(packageName, {
+            const { packageId, warning } = (0, peers_sdk_1.unwrapAddOrUpdatePackageResult)(await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(packageName, {
                 packageLocation: packageLocation || packageLocationDefault,
-            });
+            }));
             const pkg = await (0, peers_sdk_1.Packages)().get(packageId);
             if (pkg) {
+                if (warning) {
+                    confirm(warning);
+                }
                 (0, globals_1.mainContentPath)(`packages/${packageId}`);
                 peers_sdk_1.rpcServerCalls.openPackage(packageLocation || packageLocationDefault);
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.23.8",
+  "version": "0.23.9",
   "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.8",
+    "@peers-app/peers-sdk": "^0.23.9",
     "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.8",
+    "@peers-app/peers-sdk": "0.23.9",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",

package/src/screens/packages/package-list.tsx

@@ -9,6 +9,7 @@ import {
   packagePrefsVar,
   packagesRootDir,
   rpcServerCalls,
+  unwrapAddOrUpdatePackageResult,
   updatePackagePrefs,
 } from "@peers-app/peers-sdk";
 import type React from "react";
@@ -234,6 +235,7 @@ const PackageRow = ({ pkg, onUpdated }: { pkg: IPackage; onUpdated: () => void }
   );
 };
 
+/** Searchable list of installed packages, plus create/import from the search box. */
 export const PackageList = () => {
   const [searchTextObs] = useState(() => observable(""));
   const [searchText] = useObservable(searchTextObs);
@@ -323,7 +325,9 @@ export const PackageList = () => {
       if (!confirm(`Add remote package: ${name}`)) return;
       try {
         addingPackage(true);
-        const packageId = await rpcServerCalls.addOrUpdatePackage(name);
+        const { packageId } = unwrapAddOrUpdatePackageResult(
+          await rpcServerCalls.addOrUpdatePackage(name),
+        );
         const pkg = await Packages().get(packageId);
         if (pkg) {
           mainContentPath(`packages/${packageId}`);
@@ -342,9 +346,14 @@ export const PackageList = () => {
 
     try {
       addingPackage(true);
-      const packageId = await rpcServerCalls.addOrUpdatePackage(name);
+      const { packageId, warning } = unwrapAddOrUpdatePackageResult(
+        await rpcServerCalls.addOrUpdatePackage(name),
+      );
       const pkg = await Packages().get(packageId);
       if (pkg) {
+        if (warning) {
+          confirm(warning);
+        }
         mainContentPath(`packages/${packageId}`);
       }
     } catch (err: unknown) {

package/src/screens/packages/package-new-local.tsx

@@ -3,6 +3,7 @@ import {
   Packages,
   packagesRootDir,
   rpcServerCalls,
+  unwrapAddOrUpdatePackageResult,
 } from "@peers-app/peers-sdk";
 import React, { useState } from "react";
 import { mainContentPath } from "../../globals";
@@ -34,11 +35,16 @@ export const PackageNewLocal = () => {
 
   const createLocalPackage = async () => {
     try {
-      const packageId = await rpcServerCalls.addOrUpdatePackage(packageName, {
-        packageLocation: packageLocation || packageLocationDefault,
-      });
+      const { packageId, warning } = unwrapAddOrUpdatePackageResult(
+        await rpcServerCalls.addOrUpdatePackage(packageName, {
+          packageLocation: packageLocation || packageLocationDefault,
+        }),
+      );
       const pkg = await Packages().get(packageId);
       if (pkg) {
+        if (warning) {
+          confirm(warning);
+        }
         mainContentPath(`packages/${packageId}`);
         rpcServerCalls.openPackage(packageLocation || packageLocationDefault);
       }