@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/screens/packages/package-list.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.PackageList = 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 input_1 = require("../../components/input");
 const lazy_list_1 = require("../../components/lazy-list");
 const loading_indicator_1 = require("../../components/loading-indicator");
@@ -43,17 +11,17 @@ const tooltip_1 = require("../../components/tooltip");
 const globals_1 = require("../../globals");
 const hooks_1 = require("../../hooks");
 const ui_loader_1 = require("../../ui-router/ui-loader");
-const PackageVersionBadge = ({ activePackageVersionId, packageId, followVersionTags }) => {
+const PackageVersionBadge = ({ activePackageVersionId, packageId, followVersionTags, }) => {
     const data = (0, hooks_1.usePromise)(async () => {
         if (!activePackageVersionId)
             return null;
         const all = await (0, peers_sdk_1.PackageVersions)().list({ packageId });
-        const active = all.find(v => v.packageVersionId === activePackageVersionId);
+        const active = all.find((v) => v.packageVersionId === activePackageVersionId);
         if (!active)
             return null;
         let newerLevel = null;
         if (active.version) {
-            const parse = (v) => v.split('.').map(Number);
+            const parse = (v) => v.split(".").map(Number);
             const [aMaj, aMin, aPat] = parse(active.version);
             for (const v of all) {
                 if (!v.version || v.packageVersionId === activePackageVersionId)
@@ -62,19 +30,23 @@ const PackageVersionBadge = ({ activePackageVersionId, packageId, followVersionT
                     continue;
                 const [maj, min, pat] = parse(v.version);
                 if (maj > aMaj) {
-                    newerLevel = 'major';
+                    newerLevel = "major";
                     break;
                 }
                 if (maj === aMaj && min > aMin) {
-                    newerLevel = 'minor';
+                    newerLevel = "minor";
                     continue;
                 }
                 if (maj === aMaj && min === aMin && pat > aPat && !newerLevel) {
-                    newerLevel = 'patch';
+                    newerLevel = "patch";
                     continue;
                 }
-                if (maj === aMaj && min === aMin && pat === aPat && (v.createdAt || '') > (active.createdAt || '') && !newerLevel) {
-                    newerLevel = 'patch';
+                if (maj === aMaj &&
+                    min === aMin &&
+                    pat === aPat &&
+                    (v.createdAt || "") > (active.createdAt || "") &&
+                    !newerLevel) {
+                    newerLevel = "patch";
                 }
             }
         }
@@ -83,39 +55,32 @@ const PackageVersionBadge = ({ activePackageVersionId, packageId, followVersionT
     if (!data)
         return null;
     const { pv, newerLevel } = data;
-    return (react_1.default.createElement("span", { className: "ms-2" },
-        react_1.default.createElement("small", { className: "text-muted" },
-            "v",
-            pv.version),
-        pv.versionTag && (react_1.default.createElement("span", { className: `badge ms-1 ${pv.versionTag.startsWith('beta') ? 'text-bg-warning' : 'text-bg-info'}`, style: { fontSize: '0.65em' } }, pv.versionTag)),
-        newerLevel ? (react_1.default.createElement("span", { className: `badge ms-1 text-bg-${newerLevel === 'major' ? 'danger' : newerLevel === 'minor' ? 'warning' : 'info'}`, style: { fontSize: '0.65em' } },
-            newerLevel,
-            " update")) : (react_1.default.createElement("span", { className: "badge ms-1 text-bg-success", style: { fontSize: '0.65em' } }, "up to date"))));
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "ms-2", children: [(0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: ["v", pv.version] }), pv.versionTag && ((0, jsx_runtime_1.jsx)("span", { className: `badge ms-1 ${pv.versionTag.startsWith("beta") ? "text-bg-warning" : "text-bg-info"}`, style: { fontSize: "0.65em" }, children: pv.versionTag })), newerLevel ? ((0, jsx_runtime_1.jsxs)("span", { className: `badge ms-1 text-bg-${newerLevel === "major" ? "danger" : newerLevel === "minor" ? "warning" : "info"}`, style: { fontSize: "0.65em" }, children: [newerLevel, " update"] })) : ((0, jsx_runtime_1.jsx)("span", { className: "badge ms-1 text-bg-success", style: { fontSize: "0.65em" }, children: "up to date" }))] }));
 };
 const PackageList = () => {
-    const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(''));
+    const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(""));
     const [searchText] = (0, hooks_1.useObservable)(searchTextObs);
     const addingPackage = (0, hooks_1.useObservableState)(false);
     const [cursorObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)());
-    async function newCursor() {
+    const newCursor = (0, react_1.useCallback)(async () => {
         const cursor = await (0, peers_sdk_1.Packages)().cursor({
             $or: [
                 { name: { $matchWords: searchText } },
                 { description: { $matchWords: searchText } },
                 { remoteRepo: { $matchWords: searchText } },
-            ]
-        }, { sortBy: ['-packageId'] });
+            ],
+        }, { sortBy: ["-packageId"] });
         cursorObs(cursor);
         return cursor;
-    }
+    }, [searchText, cursorObs]);
     (0, react_1.useEffect)(() => {
-        newCursor();
-    }, [searchText]);
+        void newCursor();
+    }, [newCursor]);
     async function loadMore(existing) {
-        let moreMatches = [];
-        let cursor = cursorObs() || await newCursor();
+        const moreMatches = [];
+        const cursor = cursorObs() || (await newCursor());
         for await (const nextRecord of cursor) {
-            if (existing.find(e => e.packageId === nextRecord.packageId))
+            if (existing.find((e) => e.packageId === nextRecord.packageId))
                 continue;
             moreMatches.push(nextRecord);
             if (searchText.length && moreMatches.length > 5)
@@ -135,7 +100,7 @@ const PackageList = () => {
         if (!name)
             return;
         // check if name is a remote repo url
-        if (name.startsWith('http') || name.endsWith('.git')) {
+        if (name.startsWith("http") || name.endsWith(".git")) {
             if (!confirm(`Add remote package: ${name}`))
                 return;
             try {
@@ -147,10 +112,10 @@ const PackageList = () => {
                 }
             }
             catch (err) {
-                let errMessage = err?.message || err;
+                let errMessage = err instanceof Error ? err.message : String(err);
                 // replace all whitespace with a single space for confirm dialog
-                errMessage = errMessage.replace(/\s+/g, ' ');
-                confirm('Error adding remote package: ' + errMessage);
+                errMessage = errMessage.replace(/\s+/g, " ");
+                confirm(`Error adding remote package: ${errMessage}`);
             }
             finally {
                 addingPackage(false);
@@ -168,59 +133,30 @@ const PackageList = () => {
             }
         }
         catch (err) {
-            confirm('Error creating package: ' + err);
+            confirm(`Error creating package: ${err instanceof Error ? err.message : String(err)}`);
         }
         finally {
             addingPackage(false);
         }
     }
     if (addingPackage()) {
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement("div", { className: 'container-fluid d-flex justify-content-center mt-5' },
-                react_1.default.createElement("i", { className: "bi bi-box-seam" }),
-                "\u00A0 Adding Package"),
-            react_1.default.createElement("div", { className: 'container-fluid d-flex justify-content-center mt-2' },
-                react_1.default.createElement("div", { className: "progress", role: "progressbar", "aria-label": "Animated striped example", "aria-valuenow": 100, "aria-valuemin": 0, "aria-valuemax": 100 },
-                    react_1.default.createElement("div", { className: "progress-bar progress-bar-striped progress-bar-animated", style: { width: 150 } })))));
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "container-fluid d-flex justify-content-center mt-5", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-box-seam" }), "\u00A0 Adding Package"] }), (0, jsx_runtime_1.jsx)("div", { className: "container-fluid d-flex justify-content-center mt-2", children: (0, jsx_runtime_1.jsx)("div", { className: "progress", role: "progressbar", "aria-label": "Animated striped example", "aria-valuenow": 100, "aria-valuemin": 0, "aria-valuemax": 100, children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar progress-bar-striped progress-bar-animated", style: { width: 150 } }) }) })] }));
     }
-    return (react_1.default.createElement("div", { className: 'container-fluid' },
-        react_1.default.createElement("div", { className: "input-group mt-3 mb-3" },
-            react_1.default.createElement(input_1.Input, { value: searchTextObs, className: "form-control", placeholder: "Search, add, or create package", autoFocus: (0, globals_1.isDesktop)() ? true : false, onKeyUp: evt => searchSubmit(evt) }),
-            react_1.default.createElement("button", { className: "btn btn-outline-secondary dropdown-toggle sm", type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false" },
-                react_1.default.createElement("i", { className: "bi bi-plus-lg" })),
-            react_1.default.createElement("ul", { className: "dropdown-menu dropdown-menu-end" },
-                react_1.default.createElement("li", null,
-                    react_1.default.createElement("a", { className: "dropdown-item", href: "#packages/newlocal" }, "New Local Package")),
-                react_1.default.createElement("li", null,
-                    react_1.default.createElement("a", { className: "dropdown-item disabled", href: "#" }, "Add Local Package")),
-                react_1.default.createElement("li", null,
-                    react_1.default.createElement("a", { className: "dropdown-item disabled", href: "#" }, "Add Remote Package")),
-                react_1.default.createElement("li", null,
-                    react_1.default.createElement("hr", { className: "dropdown-divider" })),
-                react_1.default.createElement("li", null,
-                    react_1.default.createElement("a", { className: "dropdown-item", onClick: () => peers_sdk_1.rpcServerCalls.openPath(peers_sdk_1.packagesRootDir), style: { cursor: 'pointer' } }, "Open Packages Directory")))),
-        react_1.default.createElement("div", { className: "peers-list-container" },
-            react_1.default.createElement(lazy_list_1.LazyList, { resetTrigger: searchText, loadMore: loadMore, scrollThreshold: 0.6, renderItems: (packages) => {
-                    return packages.map(pkg => {
-                        return (react_1.default.createElement("div", { key: pkg.packageId, className: 'container-fluid pb-4' },
-                            react_1.default.createElement("i", { className: "bi bi-box-fill" }),
-                            "\u00A0\u00A0",
-                            react_1.default.createElement("a", { href: `#packages/${pkg.packageId}` }, pkg.name),
-                            react_1.default.createElement(PackageVersionBadge, { activePackageVersionId: pkg.activePackageVersionId, packageId: pkg.packageId, followVersionTags: pkg.followVersionTags }),
-                            react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: pkg.description, positions: ['bottom', 'top', 'right', 'left'] })));
-                    });
-                }, loadingIndicator: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } },
-                    react_1.default.createElement(loading_indicator_1.LoadingIndicator, null)), endOfList: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid", children: [(0, jsx_runtime_1.jsxs)("div", { className: "input-group mt-3 mb-3", children: [(0, jsx_runtime_1.jsx)(input_1.Input, { value: searchTextObs, className: "form-control", placeholder: "Search, add, or create package", autoFocus: !!(0, globals_1.isDesktop)(), onKeyUp: (evt) => searchSubmit(evt) }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-secondary dropdown-toggle sm", type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false", children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-plus-lg" }) }), (0, jsx_runtime_1.jsxs)("ul", { className: "dropdown-menu dropdown-menu-end", children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", { className: "dropdown-item", href: "#packages/newlocal", children: "New Local Package" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", { className: "dropdown-item disabled", href: "#", children: "Add Local Package" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", { className: "dropdown-item disabled", href: "#", children: "Add Remote Package" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("hr", { className: "dropdown-divider" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", { className: "dropdown-item", onClick: () => peers_sdk_1.rpcServerCalls.openPath(peers_sdk_1.packagesRootDir), style: { cursor: "pointer" }, children: "Open Packages Directory" }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "peers-list-container", children: (0, jsx_runtime_1.jsx)(lazy_list_1.LazyList, { resetTrigger: searchText, loadMore: loadMore, scrollThreshold: 0.6, renderItems: (packages) => {
+                        return packages.map((pkg) => {
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid pb-4", 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 }), (0, jsx_runtime_1.jsx)(PackageVersionBadge, { activePackageVersionId: pkg.activePackageVersionId, packageId: pkg.packageId, followVersionTags: pkg.followVersionTags }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: pkg.description, positions: ["bottom", "top", "right", "left"] })] }, pkg.packageId));
+                        });
+                    }, loadingIndicator: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 }, children: (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}) }), endOfList: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }) })] }));
 };
 exports.PackageList = PackageList;
 (0, ui_loader_1.registerInternalPeersUI)({
-    peersUIId: '00m5fre6r5m2p2wd1m4x6nx0b',
+    peersUIId: "00m5fre6r5m2p2wd1m4x6nx0b",
     component: exports.PackageList,
     routes: [
         {
-            isMatch: (props, context) => context.path == 'packages',
-            uiCategory: 'screen',
-            priority: 1
-        }
-    ]
+            isMatch: (_props, context) => context.path === "packages",
+            uiCategory: "screen",
+            priority: 1,
+        },
+    ],
 });

package/dist/screens/packages/package-new-local.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const PackageNewLocal: () => React.JSX.Element;
+export declare const PackageNewLocal: () => import("react/jsx-runtime").JSX.Element;

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

@@ -34,21 +34,22 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PackageNewLocal = 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 globals_1 = require("../../globals");
-const peers_sdk_1 = require("@peers-app/peers-sdk");
 const PackageNewLocal = () => {
     const defaultName = "New Package";
-    const [packageName, setPackageName] = (0, react_1.useState)('');
-    const [packageLocation, setPackageLocation] = (0, react_1.useState)('');
+    const [packageName, setPackageName] = (0, react_1.useState)("");
+    const [packageLocation, setPackageLocation] = (0, react_1.useState)("");
     let packageFolderName = packageName || defaultName;
-    packageFolderName = packageFolderName.replace(/[^a-zA-Z0-9]/g, ' ');
-    packageFolderName = packageFolderName.replace(/\s+/g, ' ').trim();
+    packageFolderName = packageFolderName.replace(/[^a-zA-Z0-9]/g, " ");
+    packageFolderName = packageFolderName.replace(/\s+/g, " ").trim();
     packageFolderName = (0, peers_sdk_1.camelCaseToHyphens)(packageFolderName);
-    const packageLocationDefault = peers_sdk_1.packagesRootDir + '/' + packageFolderName;
+    const packageLocationDefault = `${peers_sdk_1.packagesRootDir}/${packageFolderName}`;
     const hiddenFileInput = react_1.default.useRef(null);
     const handleFolderSelect = (e) => {
-        // @ts-ignore
+        // @ts-expect-error
         const path = e.target.files?.[0]?.path;
         const folderPath = path;
         if (folderPath) {
@@ -58,7 +59,7 @@ const PackageNewLocal = () => {
     const createLocalPackage = async () => {
         try {
             const packageId = await peers_sdk_1.rpcServerCalls.addOrUpdatePackage(packageName, {
-                packageLocation: packageLocation || packageLocationDefault
+                packageLocation: packageLocation || packageLocationDefault,
             });
             const pkg = await (0, peers_sdk_1.Packages)().get(packageId);
             if (pkg) {
@@ -67,18 +68,11 @@ const PackageNewLocal = () => {
             }
         }
         catch (err) {
-            confirm('Error creating package: ' + err);
+            confirm(`Error creating package: ${err}`);
         }
     };
-    return (react_1.default.createElement("div", { className: 'container mt-2' },
-        react_1.default.createElement("h4", { className: 'text-center' }, "New Local Package"),
-        react_1.default.createElement("div", { className: "input-group mt-3 mb-3" },
-            react_1.default.createElement("input", { type: "text", className: "form-control", placeholder: "Package Name", value: packageName, onChange: e => setPackageName(e.target.value), autoFocus: true })),
-        react_1.default.createElement("input", { ref: hiddenFileInput, type: "file", className: 'visually-hidden', onChange: handleFolderSelect, 
-            // @ts-ignore
-            directory: "", webkitdirectory: "" }),
-        react_1.default.createElement("div", { className: "input-group mt-3 mb-3" },
-            react_1.default.createElement("input", { type: "text", className: "form-control", placeholder: packageLocationDefault, value: packageLocation, onChange: e => setPackageLocation(e.target.value), disabled: true })),
-        react_1.default.createElement("button", { className: "btn btn-primary float-end", type: "button", onClick: () => createLocalPackage(), disabled: !packageName }, "Create Package")));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container mt-2", children: [(0, jsx_runtime_1.jsx)("h4", { className: "text-center", children: "New Local Package" }), (0, jsx_runtime_1.jsx)("div", { className: "input-group mt-3 mb-3", children: (0, jsx_runtime_1.jsx)("input", { type: "text", className: "form-control", placeholder: "Package Name", value: packageName, onChange: (e) => setPackageName(e.target.value) }) }), (0, jsx_runtime_1.jsx)("input", { ref: hiddenFileInput, type: "file", className: "visually-hidden", onChange: handleFolderSelect, 
+                // @ts-expect-error
+                directory: "", webkitdirectory: "" }), (0, jsx_runtime_1.jsx)("div", { className: "input-group mt-3 mb-3", children: (0, jsx_runtime_1.jsx)("input", { type: "text", className: "form-control", placeholder: packageLocationDefault, value: packageLocation, onChange: (e) => setPackageLocation(e.target.value), disabled: true }) }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary float-end", type: "button", onClick: () => createLocalPackage(), disabled: !packageName, children: "Create Package" })] }));
 };
 exports.PackageNewLocal = PackageNewLocal;

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

@@ -1,5 +1,4 @@
-import React from "react";
-import { IDoc, IPackage } from "@peers-app/peers-sdk";
+import { type IDoc, type IPackage } from "@peers-app/peers-sdk";
 export declare const PackageVersionsList: (props: {
     pkg: IDoc<IPackage>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/packages/package-versions.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.PackageVersionsList = void 0;
-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 hooks_1 = require("../../hooks");
 function formatDate(iso) {
     try {
@@ -44,7 +12,7 @@ function formatDate(iso) {
         const diffMs = now.getTime() - d.getTime();
         const diffMins = Math.floor(diffMs / 60000);
         if (diffMins < 1)
-            return 'just now';
+            return "just now";
         if (diffMins < 60)
             return `${diffMins}m ago`;
         const diffHours = Math.floor(diffMins / 60);
@@ -61,12 +29,12 @@ function formatDate(iso) {
 }
 function tagBadgeClass(tag) {
     if (!tag)
-        return 'text-bg-secondary';
-    if (tag.startsWith('beta'))
-        return 'text-bg-warning';
-    if (tag === 'stable')
-        return 'text-bg-info';
-    return 'text-bg-secondary';
+        return "text-bg-secondary";
+    if (tag.startsWith("beta"))
+        return "text-bg-warning";
+    if (tag === "stable")
+        return "text-bg-info";
+    return "text-bg-secondary";
 }
 const PackageVersionsList = (props) => {
     const { pkg } = props;
@@ -76,22 +44,22 @@ const PackageVersionsList = (props) => {
     const [activating, setActivating] = (0, react_1.useState)(null);
     const [deleting, setDeleting] = (0, react_1.useState)(null);
     const [pinning, setPinning] = (0, react_1.useState)(false);
-    const isPinned = versionFollowRange === 'pinned';
+    const isPinned = versionFollowRange === "pinned";
     const versions = (0, hooks_1.usePromise)(async () => {
         const all = await (0, peers_sdk_1.PackageVersions)().list({ packageId: pkg.packageId });
-        const parse = (v) => v.split('.').map(Number);
+        const parse = (v) => v.split(".").map(Number);
         const sorted = all.sort((a, b) => {
-            const [aMaj, aMin, aPat] = parse(a.version || '0.0.0');
-            const [bMaj, bMin, bPat] = parse(b.version || '0.0.0');
+            const [aMaj, aMin, aPat] = parse(a.version || "0.0.0");
+            const [bMaj, bMin, bPat] = parse(b.version || "0.0.0");
             if (bMaj !== aMaj)
                 return bMaj - aMaj;
             if (bMin !== aMin)
                 return bMin - aMin;
             if (bPat !== aPat)
                 return bPat - aPat;
-            return (b.createdAt || '').localeCompare(a.createdAt || '');
+            return (b.createdAt || "").localeCompare(a.createdAt || "");
         });
-        const uniqueCreatorIds = [...new Set(sorted.map(pv => pv.createdBy).filter(Boolean))];
+        const uniqueCreatorIds = [...new Set(sorted.map((pv) => pv.createdBy).filter(Boolean))];
         const userMap = new Map();
         await Promise.all(uniqueCreatorIds.map(async (uid) => {
             try {
@@ -149,7 +117,7 @@ const PackageVersionsList = (props) => {
     }
     async function updateVersion(pv, newSemver) {
         try {
-            const pvHash = (0, peers_sdk_1.computePackageVersionHash)(newSemver, pv.versionTag || 'beta', pv.packageBundleFileHash, pv.routesBundleFileHash, pv.uiBundleFileHash);
+            const pvHash = (0, peers_sdk_1.computePackageVersionHash)(newSemver, pv.versionTag || "beta", pv.packageBundleFileHash, pv.routesBundleFileHash, pv.uiBundleFileHash);
             const updated = { ...pv, version: newSemver, packageVersionHash: pvHash };
             await (0, peers_sdk_1.PackageVersions)().signAndSave(updated, { saveAsSnapshot: true });
             refreshKey(refreshKey() + 1);
@@ -163,7 +131,7 @@ const PackageVersionsList = (props) => {
         try {
             const current = await (0, peers_sdk_1.Packages)().get(pkg.packageId);
             if (current) {
-                current.versionFollowRange = 'pinned';
+                current.versionFollowRange = "pinned";
                 await (0, peers_sdk_1.Packages)().signAndSave(current);
                 await pkg.load();
             }
@@ -176,24 +144,16 @@ const PackageVersionsList = (props) => {
         }
     }
     if (!versions) {
-        return react_1.default.createElement("div", { className: "text-center p-3" },
-            react_1.default.createElement("div", { className: "spinner-border spinner-border-sm" }));
+        return ((0, jsx_runtime_1.jsx)("div", { className: "text-center p-3", children: (0, jsx_runtime_1.jsx)("div", { className: "spinner-border spinner-border-sm" }) }));
     }
     const { sorted, userMap } = versions;
     if (sorted.length === 0) {
-        return (react_1.default.createElement("div", { className: "text-muted text-center p-4" },
-            react_1.default.createElement("i", { className: "bi bi-tag me-1" }),
-            "No versions found for this package."));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "text-muted text-center p-4", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-tag me-1" }), "No versions found for this package."] }));
     }
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("small", { className: "text-muted" },
-            sorted.length,
-            " version",
-            sorted.length !== 1 ? 's' : ''),
-        react_1.default.createElement("div", { className: "list-group mt-2" }, sorted.map(pv => (react_1.default.createElement(VersionRow, { key: pv.packageVersionId, pv: pv, isActive: pv.packageVersionId === activeVersionId, isPinned: isPinned, pinning: pinning, activating: activating, deleting: deleting, userMap: userMap, onActivate: activateVersion, onDelete: deleteVersion, onPin: pinVersion, onPromote: promoteVersion, onUpdateVersion: updateVersion }))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: [sorted.length, " version", sorted.length !== 1 ? "s" : ""] }), (0, jsx_runtime_1.jsx)("div", { className: "list-group mt-2", children: sorted.map((pv) => ((0, jsx_runtime_1.jsx)(VersionRow, { pv: pv, isActive: pv.packageVersionId === activeVersionId, isPinned: isPinned, pinning: pinning, activating: activating, deleting: deleting, userMap: userMap, onActivate: activateVersion, onDelete: deleteVersion, onPin: pinVersion, onPromote: promoteVersion, onUpdateVersion: updateVersion }, pv.packageVersionId))) })] }));
 };
 exports.PackageVersionsList = PackageVersionsList;
-const TAG_OPTIONS = ['beta', 'stable'];
+const TAG_OPTIONS = ["beta", "stable"];
 function VersionRow(props) {
     const { pv, isActive, isPinned, pinning, activating, deleting, userMap } = props;
     const creatorName = userMap.get(pv.createdBy);
@@ -210,39 +170,12 @@ function VersionRow(props) {
         }
         setEditingVersion(false);
     }
-    const currentTag = pv.versionTag || 'beta';
-    const promoteTargets = TAG_OPTIONS.filter(t => t !== currentTag);
-    return (react_1.default.createElement("div", { className: `list-group-item ${isActive ? 'list-group-item-success' : ''}` },
-        react_1.default.createElement("div", { className: "d-flex align-items-center justify-content-between" },
-            react_1.default.createElement("div", { className: "d-flex align-items-center flex-wrap" },
-                editingVersion ? (react_1.default.createElement("input", { type: "text", className: "form-control form-control-sm me-2", style: { width: '7em' }, value: versionDraft, onChange: e => setVersionDraft(e.target.value), onBlur: commitVersion, onKeyDown: e => {
-                        if (e.key === 'Enter')
-                            commitVersion();
-                        if (e.key === 'Escape')
-                            setEditingVersion(false);
-                    }, autoFocus: true })) : (react_1.default.createElement("strong", { className: "me-2", style: { cursor: 'pointer' }, onClick: startEditing, title: "Click to edit version" },
-                    "v",
-                    pv.version)),
-                pv.versionTag && (react_1.default.createElement("span", { className: `badge ${tagBadgeClass(pv.versionTag)} me-2` }, pv.versionTag)),
-                react_1.default.createElement("code", { className: "text-muted small me-2" }, pv.packageVersionHash?.substring(0, 8)),
-                react_1.default.createElement("small", { className: "text-muted me-2" }, formatDate(pv.createdAt)),
-                creatorName && (react_1.default.createElement("small", { className: "text-muted" },
-                    "by ",
-                    creatorName))),
-            react_1.default.createElement("div", { className: "d-flex gap-1 align-items-center" },
-                promoteTargets.length > 0 && (react_1.default.createElement("div", { className: "dropdown" },
-                    react_1.default.createElement("button", { className: "btn btn-sm btn-outline-info dropdown-toggle", "data-bs-toggle": "dropdown", title: "Change version tag" }, "Promote"),
-                    react_1.default.createElement("ul", { className: "dropdown-menu dropdown-menu-end" }, promoteTargets.map(tag => (react_1.default.createElement("li", { key: tag },
-                        react_1.default.createElement("button", { className: "dropdown-item", onClick: () => props.onPromote(pv, tag) },
-                            currentTag,
-                            " \u2192 ",
-                            tag))))))),
-                isActive ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("button", { className: "btn btn-sm btn-outline-secondary", disabled: isPinned || pinning, onClick: () => props.onPin(), title: isPinned ? 'Already pinned' : 'Pin to this version (disable auto-updates)' },
-                        pinning ? (react_1.default.createElement("span", { className: "spinner-border spinner-border-sm" })) : (react_1.default.createElement("i", { className: "bi bi-pin-fill" })),
-                        isPinned ? ' Pinned' : ' Pin'),
-                    react_1.default.createElement("span", { className: "badge text-bg-success align-self-center" }, "active"))) : (react_1.default.createElement("button", { className: "btn btn-sm btn-outline-primary", disabled: activating === pv.packageVersionId, onClick: () => props.onActivate(pv) },
-                    activating === pv.packageVersionId ? (react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-1" })) : (react_1.default.createElement("i", { className: "bi bi-check2-circle me-1" })),
-                    "Activate")),
-                !isActive && (react_1.default.createElement("button", { className: "btn btn-sm btn-outline-danger", disabled: deleting === pv.packageVersionId, onClick: () => props.onDelete(pv) }, deleting === pv.packageVersionId ? (react_1.default.createElement("span", { className: "spinner-border spinner-border-sm" })) : (react_1.default.createElement("i", { className: "bi bi-trash" }))))))));
+    const currentTag = pv.versionTag || "beta";
+    const promoteTargets = TAG_OPTIONS.filter((t) => t !== currentTag);
+    return ((0, jsx_runtime_1.jsx)("div", { className: `list-group-item ${isActive ? "list-group-item-success" : ""}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center justify-content-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center flex-wrap", children: [editingVersion ? ((0, jsx_runtime_1.jsx)("input", { type: "text", className: "form-control form-control-sm me-2", style: { width: "7em" }, value: versionDraft, onChange: (e) => setVersionDraft(e.target.value), onBlur: commitVersion, onKeyDown: (e) => {
+                                if (e.key === "Enter")
+                                    commitVersion();
+                                if (e.key === "Escape")
+                                    setEditingVersion(false);
+                            } })) : ((0, jsx_runtime_1.jsxs)("strong", { className: "me-2", style: { cursor: "pointer" }, onClick: startEditing, title: "Click to edit version", children: ["v", pv.version] })), pv.versionTag && ((0, jsx_runtime_1.jsx)("span", { className: `badge ${tagBadgeClass(pv.versionTag)} me-2`, children: pv.versionTag })), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small me-2", children: pv.packageVersionHash?.substring(0, 8) }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted me-2", children: formatDate(pv.createdAt) }), creatorName && (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: ["by ", creatorName] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex gap-1 align-items-center", children: [promoteTargets.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "dropdown", children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-info dropdown-toggle", "data-bs-toggle": "dropdown", title: "Change version tag", children: "Promote" }), (0, jsx_runtime_1.jsx)("ul", { className: "dropdown-menu dropdown-menu-end", children: promoteTargets.map((tag) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { className: "dropdown-item", onClick: () => props.onPromote(pv, tag), children: [currentTag, " \u2192 ", tag] }) }, tag))) })] })), isActive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-secondary", disabled: isPinned || pinning, onClick: () => props.onPin(), title: isPinned ? "Already pinned" : "Pin to this version (disable auto-updates)", children: [pinning ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-pin-fill" })), isPinned ? " Pinned" : " Pin"] }), (0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-success align-self-center", children: "active" })] })) : ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-primary", disabled: activating === pv.packageVersionId, onClick: () => props.onActivate(pv), children: [activating === pv.packageVersionId ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-check2-circle me-1" })), "Activate"] })), !isActive && ((0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-danger", disabled: deleting === pv.packageVersionId, onClick: () => props.onDelete(pv), children: deleting === pv.packageVersionId ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-trash" })) }))] })] }) }));
 }

package/dist/screens/peer-types/peer-type-details.d.ts

@@ -1,10 +1,9 @@
-import { Observable } from "@peers-app/peers-sdk";
-import React from "react";
+import { type Observable } from "@peers-app/peers-sdk";
 interface IProps {
     peerTypeId: string;
 }
-export declare const PeerTypeDetails: (props: IProps) => React.JSX.Element;
+export declare const PeerTypeDetails: (props: IProps) => import("react/jsx-runtime").JSX.Element;
 export declare const IconPicker: (props: {
     icon: Observable<string | undefined>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};