use sha256 instead of window.crypto

Author: bebiksior

packages/frontend/package.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "@caido/primevue": "0.1.2",
+    "js-sha256": "^0.11.1",
     "mitt": "3.0.1",
     "openpgp": "6.1.1",
     "pinia": "3.0.2",

packages/frontend/src/plugins/drop.ts

@@ -1,3 +1,4 @@
+import { sha256 } from "js-sha256";
 import {
   createMessage,
   decrypt,
@@ -99,7 +100,7 @@ const processMessages = async (
       const payload = JSON.parse(decryptedData) as DropPayload;
 
       // Verify SHA256 hash
-      const calculatedHash = await calculateSHA256(
+      const calculatedHash = sha256(
         JSON.stringify({
           id: payload.id,
           objects: payload.objects,
@@ -233,16 +234,6 @@ const createSignature = async (data: string): Promise<string> => {
   return String(signature);
 };
 
-const calculateSHA256 = async (data: string): Promise<string> => {
-  const hashBuffer = await crypto.subtle.digest(
-    "SHA-256",
-    new TextEncoder().encode(data),
-  );
-  return Array.from(new Uint8Array(hashBuffer))
-    .map((b) => b.toString(16).padStart(2, "0"))
-    .join("");
-};
-
 const handleClaimEvent = async (data: {
   payload: DropPayload;
   alias: string;
@@ -307,7 +298,7 @@ const handleDropEvent = async (data: {
   try {
     // Calculate SHA256 hash
     logger.log("Calculating SHA256 hash for payload");
-    payload.sha256 = await calculateSHA256(
+    payload.sha256 = sha256(
       JSON.stringify({
         id: payload.id,
         objects: payload.objects,