@calimero-network/mero-react 4.4.1 → 4.6.0

package/dist/index.cjs

@@ -1296,6 +1296,29 @@ function ConnectButton({
     }
   );
 }
+
+// src/utils/base58.ts
+var ALPHABET = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
+function base58ToHex(input) {
+  const bytes = [];
+  for (const char of input) {
+    let carry = ALPHABET.indexOf(char);
+    if (carry === -1) throw new Error(`invalid base58 character: ${char}`);
+    for (let i = 0; i < bytes.length; i++) {
+      carry += bytes[i] * 58;
+      bytes[i] = carry & 255;
+      carry >>= 8;
+    }
+    while (carry > 0) {
+      bytes.push(carry & 255);
+      carry >>= 8;
+    }
+  }
+  for (let k = 0; k < input.length && input[k] === "1"; k++) bytes.push(0);
+  return bytes.reverse().map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+
+// src/hooks/index.ts
 function toError(err) {
   return err instanceof Error ? err : new Error(String(err));
 }
@@ -1447,13 +1470,15 @@ function useExecute(contextId, executorId) {
   );
   return { execute, loading, error };
 }
-function useSubscription(contextIds, callback) {
+function useSubscription(input, callback) {
   const { mero } = useMero();
   const callbackRef = react.useRef(callback);
   callbackRef.current = callback;
+  const { contextIds = [], groupIds = [] } = Array.isArray(input) ? { contextIds: input, groupIds: [] } : input;
   const contextIdsKey = JSON.stringify(contextIds);
+  const groupIdsKey = JSON.stringify(groupIds);
   react.useEffect(() => {
-    if (!mero || contextIds.length === 0) return;
+    if (!mero || contextIds.length === 0 && groupIds.length === 0) return;
     const sse = mero.events;
     const handler = (event) => {
       callbackRef.current(event);
@@ -1461,12 +1486,12 @@ function useSubscription(contextIds, callback) {
     sse.on("event", handler);
     sse.connect().catch(() => {
     });
-    sse.subscribe(contextIds).catch(() => {
+    sse.subscribe({ contextIds, groupIds }).catch(() => {
     });
     return () => {
       sse.off("event", handler);
     };
-  }, [mero, contextIdsKey]);
+  }, [mero, contextIdsKey, groupIdsKey]);
 }
 function useContexts(applicationId) {
   const { mero } = useMero();
@@ -2117,6 +2142,18 @@ function useUpgradeGroup() {
   );
   return { upgradeGroup, loading, error };
 }
+function useInstallFromRegistry() {
+  const { mero } = useMero();
+  const { loading, error, run } = useAsyncMutation();
+  const installFromRegistry = react.useCallback(
+    async (registryUrl, packageName, version) => {
+      if (!mero) return null;
+      return run(() => mero.admin.installFromRegistry(registryUrl, packageName, version));
+    },
+    [mero, run]
+  );
+  return { installFromRegistry, loading, error };
+}
 function useResyncContext() {
   const { mero } = useMero();
   const { loading, error, run } = useAsyncMutation();
@@ -2393,6 +2430,96 @@ function useLatestVersion(registryUrl, packageName, currentVersion) {
   const updateAvailable = latestVersion != null && currentVersion != null && meroJs.compareSemver(latestVersion, currentVersion) > 0;
   return { versions, latestVersion, currentVersion, updateAvailable, loading, error, refetch };
 }
+var EMPTY_GROUP_APP_VERSION = {
+  version: null,
+  applicationId: null,
+  pendingApply: false,
+  upgradePolicy: null,
+  activeUpgrade: null
+};
+function isZeroAppKey(appKey) {
+  return !appKey || /^0+$/.test(appKey);
+}
+function useGroupAppVersion(groupId) {
+  const { mero } = useMero();
+  const [data, setData] = react.useState(EMPTY_GROUP_APP_VERSION);
+  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 () => {
+    const seq = ++reqRef.current;
+    if (!mero || !groupId) {
+      if (mountedRef.current) {
+        setData(EMPTY_GROUP_APP_VERSION);
+        setError(null);
+        setLoading(false);
+      }
+      return;
+    }
+    if (mountedRef.current) {
+      setLoading(true);
+      setError(null);
+    }
+    try {
+      const namespaces = await mero.admin.listNamespaces();
+      const namespace = namespaces.find((entry) => entry.namespaceId === groupId);
+      let appKey;
+      let applicationId;
+      let upgradePolicy;
+      let activeUpgrade = null;
+      if (namespace) {
+        appKey = namespace.appKey;
+        applicationId = namespace.targetApplicationId;
+        upgradePolicy = namespace.upgradePolicy;
+      } else {
+        const info = await mero.admin.getGroupInfo(groupId);
+        appKey = info.appKey;
+        applicationId = info.targetApplicationId;
+        upgradePolicy = info.upgradePolicy;
+        activeUpgrade = info.activeUpgrade ?? null;
+      }
+      let version = null;
+      let pendingApply = false;
+      if (applicationId) {
+        const { application } = await mero.admin.getApplication(applicationId);
+        version = application?.version ?? null;
+        if (application && !isZeroAppKey(appKey)) {
+          const installedHex = base58ToHex(application.blob.bytecode).toLowerCase();
+          pendingApply = appKey.toLowerCase() !== installedHex;
+        }
+      }
+      if (mountedRef.current && seq === reqRef.current) {
+        setData({ version, applicationId, pendingApply, upgradePolicy, activeUpgrade });
+      }
+    } catch (err) {
+      const errorValue = toError(err);
+      if (mountedRef.current && seq === reqRef.current) {
+        setError(errorValue);
+      }
+    } finally {
+      if (mountedRef.current && seq === reqRef.current) {
+        setLoading(false);
+      }
+    }
+  }, [groupId, mero, mountedRef]);
+  react.useEffect(() => {
+    reqRef.current += 1;
+    setData(EMPTY_GROUP_APP_VERSION);
+    setError(null);
+  }, [groupId]);
+  react.useEffect(() => {
+    void refetch();
+  }, [refetch]);
+  react.useEffect(() => {
+    if (!mero?.events || !groupId) return;
+    const off = mero.events.onAppVersionChanged(() => {
+      if (mountedRef.current) void refetch();
+    });
+    return off;
+  }, [mero, groupId, refetch, mountedRef]);
+  return { ...data, loading, error, refetch };
+}
 function useMyAuthoredMigration(contextId) {
   const { mero } = useMero();
   const [summary, setSummary] = react.useState(null);
@@ -2602,6 +2729,7 @@ exports.useDeleteGroup = useDeleteGroup;
 exports.useDeleteNamespace = useDeleteNamespace;
 exports.useDetachContextFromGroup = useDetachContextFromGroup;
 exports.useExecute = useExecute;
+exports.useGroupAppVersion = useGroupAppVersion;
 exports.useGroupCapabilities = useGroupCapabilities;
 exports.useGroupContexts = useGroupContexts;
 exports.useGroupInfo = useGroupInfo;
@@ -2609,6 +2737,7 @@ exports.useGroupInvitations = useGroupInvitations;
 exports.useGroupMembers = useGroupMembers;
 exports.useGroupMetadata = useGroupMetadata;
 exports.useGroupUpgradeStatus = useGroupUpgradeStatus;
+exports.useInstallFromRegistry = useInstallFromRegistry;
 exports.useJoinContext = useJoinContext;
 exports.useJoinGroup = useJoinGroup;
 exports.useJoinNamespace = useJoinNamespace;