fix md5 hashing for web platform

Author: nikgraf

packages/hypergraph-react/package.json

@@ -42,8 +42,8 @@
     "@automerge/automerge-repo": "^2.0.0-alpha.14",
     "@automerge/automerge-repo-react-hooks": "^2.0.0-alpha.14",
     "@graphprotocol/grc-20": "^0.10.0",
+    "@noble/hashes": "^1.8.0",
     "@tanstack/react-query": "^5.67.1",
-    "crypto": "^1.0.1",
     "effect": "^3.12.4",
     "graphql-request": "^7.1.2",
     "siwe": "^2.3.2",

packages/hypergraph-react/src/internal/create-version-id.ts

@@ -1,27 +1,14 @@
-// biome-ignore lint/style/useNodejsImportProtocol: using a package
-import { createHash } from 'crypto';
-// needed to fix sorting issues
 import { Base58 } from '@graphprotocol/grc-20';
+import { md5 } from '@noble/hashes/legacy';
 import { v4 } from 'uuid';
 
 function createIdFromUniqueString(text: string) {
-  const hashed = createHash('md5').update(text).digest('hex');
-  const bytes = hexToBytesArray(hashed);
-  // @ts-expect-error
-  const uuid = v4({ random: bytes });
+  const encoded = new TextEncoder().encode(text);
+  const hashed = md5(encoded);
+  const uuid = v4({ random: hashed });
   return Base58.encodeBase58(uuid.split('-').join(''));
 }
 
-function hexToBytesArray(hex: string) {
-  const bytes: number[] = [];
-
-  for (let character = 0; character < hex.length; character += 2) {
-    bytes.push(Number.parseInt(hex.slice(character, character + 2), 16));
-  }
-
-  return bytes;
-}
-
 export function createVersionId({ proposalId, entityId }: { proposalId: string; entityId: string }): string {
   return createIdFromUniqueString(`${proposalId}:${entityId}`);
 }