fix: r2 bucket for firmware storage

Author: WantClue

src/components/LandingHero.tsx

@@ -22,6 +22,55 @@ interface FirmwareRelease {
   }>;
 }
 
+const R2_BASE_URL = 'https://fw.wantclue.de';
+
+const parseGitHubRepo = (repositoryUrl: string) => {
+  const repoMatch = repositoryUrl.match(/github\.com\/([^/]+)\/([^/]+)/);
+  if (!repoMatch) throw new Error('Invalid repository URL');
+  const [, owner, repo] = repoMatch;
+  return { owner, repo };
+};
+
+const fetchGitHubAPI = async (url: string) => {
+  const response = await fetch(url);
+  if (!response.ok) throw new Error(`GitHub API returned ${response.status}`);
+  return response.json();
+};
+
+const extractSHA256Hash = (releaseBody: string, binaryName: string) => {
+  const lines = (releaseBody || '').split('\n');
+  for (const line of lines) {
+    if (line.includes(binaryName)) {
+      const parts = line.split(/\s+/);
+      if (parts.length > 1 && parts[1] === binaryName) {
+        return parts[0]; // Return the first part as the hash
+      }
+    }
+  }
+  return null;
+};
+
+// Calculate SHA256 hash of downloaded binary
+const calculateSHA256 = async (data: ArrayBuffer) => {
+  const hashBuffer = await crypto.subtle.digest('SHA-256', data);
+  return Array.from(new Uint8Array(hashBuffer))
+    .map((byte) => byte.toString(16).padStart(2, '0'))
+    .join('');
+};
+
+// Fetch the SHA256 hash for a specific binary from GitHub release notes
+const fetchSHA256Hash = async (repositoryUrl: string, versionTag: string, binaryName: string) => {
+  try {
+    const { owner, repo } = parseGitHubRepo(repositoryUrl);
+    const apiUrl = `https://api.github.com/repos/${owner}/${repo}/releases/tags/${versionTag}`;
+    const release = await fetchGitHubAPI(apiUrl);
+    return extractSHA256Hash(release.body, binaryName);
+  } catch (error) {
+    console.error('Error fetching SHA256 hash:', error);
+    return null;
+  }
+};
+
 export default function LandingHero() {
   const { t } = useTranslation();
   const [selectedDevice, setSelectedDevice] = useState<string>('')
@@ -324,14 +373,47 @@ export default function LandingHero() {
       const firmwareData = firmwareOptions.find(f => f.version === selectedFirmware);
 
       if (firmwareData && firmwareData.assets.length > 0) {
-        // Download from GitHub releases using CORS proxy
-        const proxyUrl = 'https://corsproxy.io/?url=';
         const firmwareUrl = firmwareData.assets[0].browser_download_url;
-        const firmwareResponse = await fetch(proxyUrl + firmwareUrl);
+        const binaryName = decodeURIComponent(firmwareUrl.split('/').pop()!); // e.g. esp-miner-factory-402-v2.5.0.bin
+        const r2Url = `${R2_BASE_URL}/${selectedFirmware}/${binaryName}`;
+
+        console.log(`Downloading firmware from R2: ${r2Url}`);
+
+        // Fetch SHA256 from GitHub release body for verification
+        const sha256Hash = await fetchSHA256Hash(device.repository, selectedFirmware, binaryName);
+
+        if (sha256Hash) {
+          console.log(`Found SHA256 hash: ${sha256Hash}`);
+        } else {
+          console.warn('No SHA256 hash found');
+        }
+
+        setStatus(t('status.downloadFirmware'));
+
+        const firmwareResponse = await fetch(r2Url);
         if (!firmwareResponse.ok) {
-          throw new Error('Failed to download firmware from GitHub');
+          throw new Error(`Failed to download firmware from R2 (status ${firmwareResponse.status})`);
         }
+
         firmwareArrayBuffer = await firmwareResponse.arrayBuffer();
+
+        // Compare the calculated hash with the fetched hash
+        if (sha256Hash) {
+          // Calculate the SHA256 hash of the downloaded binary
+          const calculatedHash = await calculateSHA256(firmwareArrayBuffer);
+          console.log(`Calculated SHA256 hash of downloaded binary: ${calculatedHash}`);
+
+          if (calculatedHash === sha256Hash) {
+            console.log('SHA256 hash verification successful. Binary is valid.');
+          } else {
+            console.error('SHA256 hash verification failed! Binary may be corrupted or tampered with.');
+            throw new Error('Hash verification failed');
+          }
+        } else {
+          // TODO: versions don't have hashes on the release page
+          // in this case we warn silently in the console but accept the risk
+          console.warn("No SHA256 found on the release page!");
+        }
       } else {
         // Fall back to local firmware files
         const localFirmware = localFirmwareOptions.find(f => f.version === selectedFirmware);

src/i18n/locales/de.json

@@ -63,6 +63,7 @@
       "selectBoth": "Bitte wähle sowohl Gerätemodell als auch Board-Version aus",
       "connectFirst": "Bitte verbinde zuerst ein Gerät",
       "preparing": "Bereite Flashen vor...",
+      "downloadFirmware": "Firmware wird heruntergeladen...",
       "flashing": "Flashen: {{percent}}% abgeschlossen",
       "completed": "Flashen abgeschlossen. Gerät wird neu gestartet...",
       "success": "Flashen erfolgreich abgeschlossen! Gerät wurde neu gestartet.",

src/i18n/locales/en.json

@@ -63,6 +63,7 @@
       "selectBoth": "Please select both device model and board version",
       "connectFirst": "Please connect to a device first",
       "preparing": "Preparing to flash...",
+      "downloadFirmware": "Downloading firmware...",
       "flashing": "Flashing: {{percent}}% complete",
       "completed": "Flashing completed. Restarting device, please wait...",
       "success": "Flashing completed successfully! Device has been restarted.",

src/i18n/locales/it.json

@@ -63,6 +63,7 @@
         "selectBoth": "Seleziona sia il modello del dispositivo che la versione della scheda",
         "connectFirst": "Collegati prima a un dispositivo",
         "preparing": "Preparazione per il flashing in corso...",
+        "downloadFirmware": "Downloading firmware...",
         "flashing": "Flashing: {{percent}}% completato",
         "completed": "Flashing completato. Riavvio del dispositivo...",
         "success": "Flashing completato con successo! Il dispositivo stato riavviato.",
@@ -74,4 +75,4 @@
             "description": "Questa applicazione richiede un browser basato su Chromium (come Google Chrome, Microsoft Edge o Brave) per funzionare correttamente. Passa a un browser compatibile e riprova."
         }
     }
-}
+}

src/i18n/locales/pt.json

@@ -1,77 +1,78 @@
 {
-    "common": {
-      "theme": "Tema",
-      "language": "Língua",
-      "dark": "Escuro",
-      "light": "Claro"
+  "common": {
+    "theme": "Tema",
+    "language": "Língua",
+    "dark": "Escuro",
+    "light": "Claro"
+  },
+  "header": {
+    "home": "Home",
+    "features": "Recursos",
+    "instructions": "Instruções"
+  },
+  "hero": {
+    "title": "Grave Seu Bitaxe Diretamente da Web",
+    "description": "Conecte seu dispositivo, selecione seu modelo e versão da placa, e inicie a gravação imediatamente. Nenhuma configuração necessária.",
+    "getStarted": "Começar",
+    "connect": "Conectar",
+    "disconnect": "Desconectar",
+    "selectDevice": "Selecionar dispositivo",
+    "selectBoard": "Selecionar versão da placa",
+    "selectFirmware": "Selecionar versão do firmware",
+    "loadingFirmware": "Carregando versões do firmware...",
+    "startFlashing": "Iniciar Gravação",
+    "flashing": "Gravando...",
+    "startLogging": "Iniciar Log",
+    "stopLogging": "Parar Log",
+    "downloadLogs": "Baixar Logs",
+    "loggingDescription": "Conecte seu dispositivo, registre os dados seriais e baixe-os posteriormente.",
+    "keepConfig": "Manter configuração"
+  },
+  "features": {
+    "title": "Principais Recursos",
+    "fastFlashing": {
+      "title": "Gravação Rápida",
+      "description": "Grave seu Bitaxe em segundos, não minutos."
     },
-    "header": {
-      "home": "Home",
-      "features": "Recursos",
-      "instructions": "Instruções"
+    "webBased": {
+      "title": "Baseado na Web",
+      "description": "Não é necessário software especial. Use seu navegador."
     },
-    "hero": {
-      "title": "Grave Seu Bitaxe Diretamente da Web",
-      "description": "Conecte seu dispositivo, selecione seu modelo e versão da placa, e inicie a gravação imediatamente. Nenhuma configuração necessária.",
-      "getStarted": "Começar",
-      "connect": "Conectar",
-      "disconnect": "Desconectar",
-      "selectDevice": "Selecionar dispositivo",
-      "selectBoard": "Selecionar versão da placa",
-      "selectFirmware": "Selecionar versão do firmware",
-      "loadingFirmware": "Carregando versões do firmware...",
-      "startFlashing": "Iniciar Gravação",
-      "flashing": "Gravando...",
-      "startLogging": "Iniciar Log",
-      "stopLogging": "Parar Log",
-      "downloadLogs": "Baixar Logs",
-      "loggingDescription": "Conecte seu dispositivo, registre os dados seriais e baixe-os posteriormente.",
-      "keepConfig": "Manter configuração"
-    },
-    "features": {
-      "title": "Principais Recursos",
-      "fastFlashing": {
-        "title": "Gravação Rápida",
-        "description": "Grave seu Bitaxe em segundos, não minutos."
-      },
-      "webBased": {
-        "title": "Baseado na Web",
-        "description": "Não é necessário software especial. Use seu navegador."
-      },
-      "multipleBoards": {
-        "title": "Múltiplas Placas",
-        "description": "Suporte para várias placas e módulos Bitaxe."
-      }
-    },
-    "instructions": {
-      "title": "Como Usar",
-      "steps": {
-        "1": "Conecte seu Bitaxe ao computador.",
-        "2": "Clique em \"Conectar Dispositivo\" e selecione seu dispositivo na janela pop-up.",
-        "3": "Selecione o modelo do dispositivo no menu suspenso.",
-        "4": "Escolha a versão apropriada da placa.",
-        "5": "Clique em \"Iniciar Gravação\" para começar o processo.",
-        "6": "Aguarde até o processo de gravação ser concluído.",
-        "7": "Desconecte e reinicie seu dispositivo."
-      },
-      "moreInfo": "Para instruções mais detalhadas, consulte nossa",
-      "documentation": "documentação"
-    },
-    "status": {
-      "connecting": "Conectando ao dispositivo...",
-      "connected": "Conectado com sucesso!",
-      "selectBoth": "Por favor, selecione o modelo do dispositivo e a versão da placa",
-      "connectFirst": "Por favor, conecte-se a um dispositivo primeiro",
-      "preparing": "Preparando para gravar...",
-      "flashing": "Gravando: {{percent}}% concluído",
-      "completed": "Gravação concluída. Reiniciando o dispositivo...",
-      "success": "Gravação concluída com sucesso! O dispositivo foi reiniciado.",
-      "loggingStarted": "Log serial iniciado..."
+    "multipleBoards": {
+      "title": "Múltiplas Placas",
+      "description": "Suporte para várias placas e módulos Bitaxe."
+    }
+  },
+  "instructions": {
+    "title": "Como Usar",
+    "steps": {
+      "1": "Conecte seu Bitaxe ao computador.",
+      "2": "Clique em \"Conectar Dispositivo\" e selecione seu dispositivo na janela pop-up.",
+      "3": "Selecione o modelo do dispositivo no menu suspenso.",
+      "4": "Escolha a versão apropriada da placa.",
+      "5": "Clique em \"Iniciar Gravação\" para começar o processo.",
+      "6": "Aguarde até o processo de gravação ser concluído.",
+      "7": "Desconecte e reinicie seu dispositivo."
     },
-    "errors": {
-      "browserCompatibility": {
-        "title": "Erro de Compatibilidade do Navegador",
-        "description": "Este aplicativo requer um navegador baseado no Chromium (como Google Chrome, Microsoft Edge ou Brave) para funcionar corretamente. Por favor, mude para um navegador compatível e tente novamente."
-      }
+    "moreInfo": "Para instruções mais detalhadas, consulte nossa",
+    "documentation": "documentação"
+  },
+  "status": {
+    "connecting": "Conectando ao dispositivo...",
+    "connected": "Conectado com sucesso!",
+    "selectBoth": "Por favor, selecione o modelo do dispositivo e a versão da placa",
+    "connectFirst": "Por favor, conecte-se a um dispositivo primeiro",
+    "preparing": "Preparando para gravar...",
+    "downloadFirmware": "Downloading firmware...",
+    "flashing": "Gravando: {{percent}}% concluído",
+    "completed": "Gravação concluída. Reiniciando o dispositivo...",
+    "success": "Gravação concluída com sucesso! O dispositivo foi reiniciado.",
+    "loggingStarted": "Log serial iniciado..."
+  },
+  "errors": {
+    "browserCompatibility": {
+      "title": "Erro de Compatibilidade do Navegador",
+      "description": "Este aplicativo requer um navegador baseado no Chromium (como Google Chrome, Microsoft Edge ou Brave) para funcionar corretamente. Por favor, mude para um navegador compatível e tente novamente."
     }
+  }
 }