refactor: use browser-native crypto.subtle to hash

Author: pan93412

lib/apollo.ts

@@ -1,8 +1,8 @@
 import { HttpLink } from "@apollo/client";
 import { ApolloClient, InMemoryCache } from "@apollo/client-integration-nextjs";
 import { PersistedQueryLink } from "@apollo/client/link/persisted-queries";
-import { sha256 } from "crypto-hash";
 import buildUri from "./build-uri";
+import { sha256 } from "./sha256";
 
 /**
  * Create an Apollo Client instance that uses the upstream GraphQL API.

lib/sha256.ts

@@ -0,0 +1,25 @@
+/**
+ * Ported from <https://github.com/sindresorhus/crypto-hash/blob/main/browser.js>
+ */
+
+export async function sha256(data: string): Promise<string> {
+  const digest = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(data));
+  return bufferToHex(digest);
+}
+
+// Pre-computed hex lookup table for fast conversion
+const HEX_CHARS = "0123456789abcdef";
+const HEX_LUT: string[] = [];
+for (let index = 0; index < 256; index++) {
+  HEX_LUT[index] = HEX_CHARS[(index >>> 4) & 0xF] + HEX_CHARS[index & 0xF];
+}
+
+export function bufferToHex(buffer: ArrayBuffer): string {
+  const bytes = new Uint8Array(buffer);
+  let hex = "";
+  for (let index = 0; index < bytes.length; index++) {
+    hex += HEX_LUT[bytes[index]];
+  }
+
+  return hex;
+}

package.json

@@ -42,7 +42,6 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "crypto-hash": "^4.0.0",
     "foxact": "^0.2.49",
     "graphql": "^16.11.0",
     "lucide-react": "^0.544.0",