@peers-app/peers-ui 0.25.18 → 0.25.20

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

@@ -1,5 +1,5 @@
 import { type IDoc, type IPackage } from "@peers-app/peers-sdk";
-/** Lists package versions with activate, promote, pin, edit-semver, and delete actions. */
+/** Lists package versions with activate, promote, pin, and delete actions. */
 export declare const PackageVersionsList: (props: {
     pkg: IDoc<IPackage>;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -39,7 +39,7 @@ function tagBadgeClass(tag) {
         return "text-bg-success";
     return "text-bg-secondary";
 }
-/** Lists package versions with activate, promote, pin, edit-semver, and delete actions. */
+/** Lists package versions with activate, promote, pin, and delete actions. */
 const PackageVersionsList = (props) => {
     const { pkg } = props;
     const refreshKey = (0, hooks_1.useObservableState)(0);
@@ -157,35 +157,6 @@ const PackageVersionsList = (props) => {
             alert(`Failed to promote version: ${err instanceof Error ? err.message : String(err)}`);
         }
     }
-    async function updateVersion(pv, newSemver) {
-        try {
-            const pvHash = (0, peers_sdk_1.computePackageVersionHash)(newSemver, pv.versionTag || "dev", pv.packageBundleFileHash, pv.routesBundleFileHash, pv.uiBundleFileHash);
-            // Semver is part of the author-signed payload — re-sign or clear the old signature.
-            const authorSig = await peers_sdk_1.rpcServerCalls.signPackageAuthorVersion({
-                packageId: pv.packageId,
-                packageVersionId: pv.packageVersionId,
-                version: newSemver,
-                versionTag: pv.versionTag,
-                packageBundleFileHash: pv.packageBundleFileHash,
-                routesBundleFileHash: pv.routesBundleFileHash,
-                uiBundleFileHash: pv.uiBundleFileHash,
-                appNavs: pv.appNavs,
-                createdBy: pv.createdBy,
-                createdAt: pv.createdAt,
-            });
-            const updated = {
-                ...pv,
-                version: newSemver,
-                packageVersionHash: pvHash,
-                packageAuthorSignature: authorSig,
-            };
-            await (0, peers_sdk_1.PackageVersions)().signAndSave(updated, { saveAsSnapshot: true });
-            refreshKey(refreshKey() + 1);
-        }
-        catch (err) {
-            alert(`Failed to update version: ${err instanceof Error ? err.message : String(err)}`);
-        }
-    }
     async function pinVersion() {
         setPinning(true);
         try {
@@ -216,7 +187,7 @@ const PackageVersionsList = (props) => {
     if (sorted.length === 0) {
         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 ((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 === effectiveActiveVersionId, isPinned: isPinned, pinning: pinning, activating: activating, deleting: deleting, userMap: userMap, onActivate: activateVersion, onDelete: deleteVersion, onPin: pinVersion, onPromote: promoteVersion, onUpdateVersion: updateVersion }, pv.packageVersionId))) })] }));
+    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 === effectiveActiveVersionId, isPinned: isPinned, pinning: pinning, activating: activating, deleting: deleting, userMap: userMap, onActivate: activateVersion, onDelete: deleteVersion, onPin: pinVersion, onPromote: promoteVersion }, pv.packageVersionId))) })] }));
 };
 exports.PackageVersionsList = PackageVersionsList;
 /**
@@ -236,25 +207,7 @@ function getPromoteTargets(currentTag) {
 function VersionRow(props) {
     const { pv, isActive, isPinned, pinning, activating, deleting, userMap } = props;
     const creatorName = userMap.get(pv.createdBy);
-    const [editingVersion, setEditingVersion] = (0, react_1.useState)(false);
-    const [versionDraft, setVersionDraft] = (0, react_1.useState)(pv.version);
-    function startEditing() {
-        setVersionDraft(pv.version);
-        setEditingVersion(true);
-    }
-    function commitVersion() {
-        const trimmed = versionDraft.trim();
-        if (trimmed && trimmed !== pv.version) {
-            props.onUpdateVersion(pv, trimmed);
-        }
-        setEditingVersion(false);
-    }
     const currentTag = pv.versionTag || "dev";
     const promoteTargets = getPromoteTargets(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", "data-bs-popper-config": '{"strategy":"fixed"}', 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-info 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" })) }))] })] }) }));
+    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: [(0, jsx_runtime_1.jsxs)("strong", { className: "me-2", 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", "data-bs-popper-config": '{"strategy":"fixed"}', 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-info 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/package.json

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

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

@@ -43,7 +43,7 @@ function tagBadgeClass(tag?: string): string {
   return "text-bg-secondary";
 }
 
-/** Lists package versions with activate, promote, pin, edit-semver, and delete actions. */
+/** Lists package versions with activate, promote, pin, and delete actions. */
 export const PackageVersionsList = (props: { pkg: IDoc<IPackage> }) => {
   const { pkg } = props;
   const refreshKey = useObservableState(0);
@@ -174,41 +174,6 @@ export const PackageVersionsList = (props: { pkg: IDoc<IPackage> }) => {
     }
   }
 
-  async function updateVersion(pv: IPackageVersion, newSemver: string) {
-    try {
-      const pvHash = computePackageVersionHash(
-        newSemver,
-        pv.versionTag || "dev",
-        pv.packageBundleFileHash,
-        pv.routesBundleFileHash,
-        pv.uiBundleFileHash,
-      );
-      // Semver is part of the author-signed payload — re-sign or clear the old signature.
-      const authorSig = await rpcServerCalls.signPackageAuthorVersion({
-        packageId: pv.packageId,
-        packageVersionId: pv.packageVersionId,
-        version: newSemver,
-        versionTag: pv.versionTag,
-        packageBundleFileHash: pv.packageBundleFileHash,
-        routesBundleFileHash: pv.routesBundleFileHash,
-        uiBundleFileHash: pv.uiBundleFileHash,
-        appNavs: pv.appNavs,
-        createdBy: pv.createdBy,
-        createdAt: pv.createdAt,
-      });
-      const updated: IPackageVersion = {
-        ...pv,
-        version: newSemver,
-        packageVersionHash: pvHash,
-        packageAuthorSignature: authorSig,
-      };
-      await PackageVersions().signAndSave(updated, { saveAsSnapshot: true });
-      refreshKey(refreshKey() + 1);
-    } catch (err: unknown) {
-      alert(`Failed to update version: ${err instanceof Error ? err.message : String(err)}`);
-    }
-  }
-
   async function pinVersion() {
     setPinning(true);
     try {
@@ -270,7 +235,6 @@ export const PackageVersionsList = (props: { pkg: IDoc<IPackage> }) => {
             onDelete={deleteVersion}
             onPin={pinVersion}
             onPromote={promoteVersion}
-            onUpdateVersion={updateVersion}
           />
         ))}
       </div>
@@ -305,26 +269,9 @@ function VersionRow(props: {
   onDelete: (pv: IPackageVersion) => void;
   onPin: () => void;
   onPromote: (pv: IPackageVersion, newTag: string) => void;
-  onUpdateVersion: (pv: IPackageVersion, newSemver: string) => void;
 }) {
   const { pv, isActive, isPinned, pinning, activating, deleting, userMap } = props;
   const creatorName = userMap.get(pv.createdBy);
-  const [editingVersion, setEditingVersion] = useState(false);
-  const [versionDraft, setVersionDraft] = useState(pv.version);
-
-  function startEditing() {
-    setVersionDraft(pv.version);
-    setEditingVersion(true);
-  }
-
-  function commitVersion() {
-    const trimmed = versionDraft.trim();
-    if (trimmed && trimmed !== pv.version) {
-      props.onUpdateVersion(pv, trimmed);
-    }
-    setEditingVersion(false);
-  }
-
   const currentTag = pv.versionTag || "dev";
   const promoteTargets = getPromoteTargets(currentTag);
 
@@ -332,29 +279,8 @@ function VersionRow(props: {
     <div className={`list-group-item ${isActive ? "list-group-item-success" : ""}`}>
       <div className="d-flex align-items-center justify-content-between">
         <div className="d-flex align-items-center flex-wrap">
-          {editingVersion ? (
-            <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);
-              }}
-            />
-          ) : (
-            <strong
-              className="me-2"
-              style={{ cursor: "pointer" }}
-              onClick={startEditing}
-              title="Click to edit version"
-            >
-              v{pv.version}
-            </strong>
-          )}
+          {/* The number is the version baked into the bundle. Relabeling it desyncs isolated packages. */}
+          <strong className="me-2">v{pv.version}</strong>
           {pv.versionTag && (
             <span className={`badge ${tagBadgeClass(pv.versionTag)} me-2`}>{pv.versionTag}</span>
           )}