@calimero-network/mero-react 2.5.0 → 2.6.1

package/dist/index.cjs

@@ -2107,39 +2107,42 @@ function useMemberMetadata(groupId, identity) {
   const [metadata, setMetadata] = react.useState(null);
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId || !identity) {
-      if (mountedRef.current) {
-        setMetadata(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getMemberMetadata(groupId, identity);
-      if (mountedRef.current) {
-        setMetadata(result);
+  const run = react.useCallback(
+    async (signal) => {
+      if (!mero || !groupId || !identity) {
+        if (!signal.aborted) {
+          setMetadata(null);
+          setError(null);
+          setLoading(false);
+        }
+        return;
       }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
+      if (!signal.aborted) {
+        setLoading(true);
+        setError(null);
       }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
+      try {
+        const result = await mero.admin.getMemberMetadata(groupId, identity);
+        if (!signal.aborted) setMetadata(result);
+      } catch (err) {
+        if (!signal.aborted) setError(toError(err));
+      } finally {
+        if (!signal.aborted) setLoading(false);
       }
-    }
-  }, [groupId, identity, mero, mountedRef]);
+    },
+    [mero, groupId, identity]
+  );
   react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
+    const signal = { aborted: false };
+    void run(signal);
+    return () => {
+      signal.aborted = true;
+    };
+  }, [run]);
+  const refetch = react.useCallback(async () => {
+    const signal = { aborted: false };
+    await run(signal);
+  }, [run]);
   return { metadata, loading, error, refetch };
 }
 function useRegisterGroupSigningKey() {
@@ -2352,6 +2355,8 @@ function useMigrationStatus(namespaceId, options) {
     members,
     allMigrated: rollup?.allMigrated ?? false,
     membersPendingSignature: rollup?.membersPendingSignature ?? 0,
+    /** Members whose migrate aborted (migration-check failed or apply errored). */
+    failed: rollup?.failed ?? 0,
     loading,
     error,
     refetch
@@ -2415,6 +2420,55 @@ function useAppVersion(contextId, expected) {
   const isStale = appVersion != null && expected != null && appVersion !== expected;
   return { appVersion, expected, isStale, loading, error, refetch };
 }
+function useLatestVersion(registryUrl, packageName, currentVersion) {
+  const { mero } = useMero();
+  const [versions, setVersions] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const mountedRef = useMountedRef();
+  const reqRef = react.useRef(0);
+  const refetch = react.useCallback(async () => {
+    if (!mero || !registryUrl || !packageName) {
+      reqRef.current += 1;
+      if (mountedRef.current) {
+        setVersions([]);
+        setError(null);
+        setLoading(false);
+      }
+      return;
+    }
+    const seq = ++reqRef.current;
+    if (mountedRef.current) {
+      setLoading(true);
+      setError(null);
+    }
+    try {
+      const result = await mero.admin.getRegistryVersions(registryUrl, packageName);
+      if (mountedRef.current && seq === reqRef.current) {
+        setVersions(result);
+      }
+    } catch (err) {
+      const errorValue = toError(err);
+      if (mountedRef.current && seq === reqRef.current) {
+        setError(errorValue);
+      }
+    } finally {
+      if (mountedRef.current && seq === reqRef.current) {
+        setLoading(false);
+      }
+    }
+  }, [mero, registryUrl, packageName, mountedRef]);
+  react.useEffect(() => {
+    setVersions([]);
+    setError(null);
+  }, [registryUrl, packageName]);
+  react.useEffect(() => {
+    void refetch();
+  }, [refetch]);
+  const latestVersion = versions[0] ?? null;
+  const updateAvailable = latestVersion != null && currentVersion != null && meroJs.compareSemver(latestVersion, currentVersion) > 0;
+  return { versions, latestVersion, currentVersion, updateAvailable, loading, error, refetch };
+}
 function useMyAuthoredMigration(contextId) {
   const { mero } = useMero();
   const [summary, setSummary] = react.useState(null);
@@ -2478,7 +2532,7 @@ function MigrationPendingBanner({
   ] });
 }
 function MigrationAdminPanel({ namespaceId, pollIntervalMs, className }) {
-  const { status, rollup, members, membersPendingSignature, error } = useMigrationStatus(
+  const { status, rollup, members, membersPendingSignature, failed, error } = useMigrationStatus(
     namespaceId,
     { pollIntervalMs }
   );
@@ -2515,6 +2569,10 @@ function MigrationAdminPanel({ namespaceId, pollIntervalMs, className }) {
         /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Unknown" }),
         /* @__PURE__ */ jsxRuntime.jsx("dd", { children: rollup.unknown })
       ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Failed" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": "migration-failed-count", children: failed })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Total" }),
         /* @__PURE__ */ jsxRuntime.jsx("dd", { children: rollup.total })
@@ -2533,13 +2591,15 @@ function MigrationAdminPanel({ namespaceId, pollIntervalMs, className }) {
         /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Peer" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { children: "State" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Schema" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Pending" })
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Pending" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Reason" })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: members.map((m) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { "data-testid": "migration-member-row", children: [
         /* @__PURE__ */ jsxRuntime.jsx("td", { children: m.peer }),
         /* @__PURE__ */ jsxRuntime.jsx("td", { children: m.state }),
         /* @__PURE__ */ jsxRuntime.jsx("td", { children: m.report?.schemaVersion ?? "\u2014" }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: m.report?.authoredRemaining ?? "\u2014" })
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: m.report?.authoredRemaining ?? "\u2014" }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { children: m.report?.migrationFailed ?? "\u2014" })
       ] }, m.peer)) })
     ] })
   ] });
@@ -2616,6 +2676,7 @@ exports.useJoinContext = useJoinContext;
 exports.useJoinGroup = useJoinGroup;
 exports.useJoinNamespace = useJoinNamespace;
 exports.useJoinSubgroupInheritance = useJoinSubgroupInheritance;
+exports.useLatestVersion = useLatestVersion;
 exports.useMemberMetadata = useMemberMetadata;
 exports.useMero = useMero;
 exports.useMigrationStatus = useMigrationStatus;