fix corrupted downloads

.gitignore

@@ -7,6 +7,8 @@ dist-ssr
 *.bkp
 .idea/
 public/config.json
+# DeepFilterNet3 WASM/model assets are downloaded by `pnpm setup:assets`
+public/assets/deepfilternet3
 backend/synapse_tmp/*
 backend/synapse_tmp_othersite/*
 /coverage

locales/de/app.json

@@ -252,6 +252,8 @@
     "muted_for_me": "Für mich stumm geschaltet",
     "screen_share_volume": "Lautstärke der Bildschirmfreigabe",
     "volume": "Lautstärke",
-    "waiting_for_media": "Warten auf Medien..."
+    "waiting_for_media": "Warten auf Medien...",
+    "stop_watching": "Nicht mehr zuschauen",
+    "watch_stream": "Stream zuschauen"
   }
 }

locales/en/app.json

@@ -204,6 +204,12 @@
     "audio_processing_description": "Changes apply on next call join.",
     "audio_processing_header": "Audio processing",
     "audio_tab": {
+      "deepfilternet_description": "Uses a deep-learning model to remove background noise such as keyboard, traffic, and other non-stationary sounds.",
+      "deepfilternet_header": "AI noise suppression",
+      "deepfilternet_label": "Enable AI noise suppression (DeepFilterNet)",
+      "deepfilternet_level_description": "Higher levels remove more noise but can make your voice sound more processed.",
+      "deepfilternet_level_label": "Noise reduction level",
+      "deepfilternet_not_supported": "(AI noise suppression is not supported by this browser.)",
       "effect_volume_description": "Adjust the volume at which reactions and hand raised effects play.",
       "effect_volume_label": "Sound effect volume",
       "mic_cutoff_description": "Sound quieter than the cutoff volume will not be sent to other participants.",
@@ -255,6 +261,8 @@
     "preferences_tab": {
       "developer_mode_label": "Developer mode",
       "developer_mode_label_description": "Enable developer mode and show developer settings tab.",
+      "hide_avatars_when_camera_off_description": "Hide avatar tiles of participants whose camera is off.",
+      "hide_avatars_when_camera_off_label": "Hide avatar tiles when camera is off",
       "introduction": "Here you can configure extra options for an improved experience.",
       "reactions_play_sound_description": "Play a sound effect when anyone sends a reaction into a call.",
       "reactions_play_sound_label": "Play reaction sounds",
@@ -290,7 +298,9 @@
     "mute_for_me": "Mute for me",
     "muted_for_me": "Muted for me",
     "screen_share_volume": "Screen share volume",
+    "stop_watching": "Stop watching",
     "volume": "Volume",
-    "waiting_for_media": "Waiting for media..."
+    "waiting_for_media": "Waiting for media...",
+    "watch_stream": "Watch stream"
   }
 }

package.json

@@ -7,7 +7,7 @@
     "dev:full": "vite",
     "dev:embedded": "vite --config vite-embedded.config.js",
     "build": "pnpm build:full",
-    "build:full": "vite build",
+    "build:full": "pnpm setup:assets && vite build",
     "build:full:production": "pnpm build:full",
     "build:full:development": "pnpm build:full --mode development",
     "build:embedded": "pnpm build:full --config vite-embedded.config.ts",
@@ -16,6 +16,7 @@
     "build:sdk:development": "pnpm build:sdk --mode development",
     "build:sdk": "pnpm build:full --config vite-sdk.config.js",
     "build:sdk:production": "pnpm build:sdk",
+    "setup:assets": "node scripts/setup-noise-suppression-assets.js",
     "serve": "vite preview",
     "format": "oxfmt",
     "format:check": "oxfmt --check; rc=$?; [[ $rc -ne 0 ]] && printf '\\033[46;30m INFO \\033[0m To fix, run: pnpm format\\n' >&2; exit $rc",
@@ -124,6 +125,7 @@
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-node-polyfills": "^0.28.0",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
+    "vite-plugin-static-copy": "^4.1.1",
     "vite-plugin-svgr": "^4.0.0",
     "vite-plugin-wasm": "^3.6.0",
     "vitest": "^4.1.5",
@@ -132,6 +134,7 @@
   "packageManager": "pnpm@11.6.0+sha512.9a36518224080c6fe5165afdcfe79bfa118c29be703f3f462b1e32efe1e98e47e8750b148e08286250aad4113cc7993ca413c4e2cd447752708c2ee5751bc95f",
   "dependencies": {
     "@jitsi/rnnoise-wasm": "0.2.1",
-    "@phosphor-icons/react": "^2.1.10"
+    "@phosphor-icons/react": "^2.1.10",
+    "deepfilternet3-noise-filter": "^1.3.0"
   }
 }

scripts/setup-noise-suppression-assets.js

@@ -0,0 +1,172 @@
+#!/usr/bin/env node
+
+/**
+ * Setup script to download DeepFilterNet3 assets for local bundling.
+ * This downloads the WASM binary and AI model from Mezon's CDN
+ * and places them in public/assets/deepfilternet3/ for bundling.
+ *
+ * Usage:
+ *   node scripts/setup-noise-suppression-assets.js
+ *
+ * Environment variables:
+ *   DEEPFILTERNET3_CDN_URL: Override the default CDN URL (optional)
+ */
+
+import fs from "fs";
+import path from "path";
+import https from "https";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const projectRoot = path.join(__dirname, "..");
+
+const CDN_URL =
+  process.env.DEEPFILTERNET3_CDN_URL ||
+  "https://cdn.mezon.ai/AI/models/datas/noise_suppression/deepfilternet3";
+
+const ASSETS_DIR = path.join(projectRoot, "public", "assets", "deepfilternet3");
+// The deepfilternet3-noise-filter package (>= 1.3.0) requests assets from the
+// `v3/` subdirectory. Keep these paths in sync with the installed package's
+// AssetLoader (see node_modules/deepfilternet3-noise-filter/dist/index.esm.js).
+const VERSION_DIR = path.join(ASSETS_DIR, "v3");
+const PKG_DIR = path.join(VERSION_DIR, "pkg");
+const MODELS_DIR = path.join(VERSION_DIR, "models");
+
+const FILES_TO_DOWNLOAD = [
+  {
+    url: `${CDN_URL}/v3/pkg/df_bg.wasm`,
+    path: path.join(PKG_DIR, "df_bg.wasm"),
+    description: "WASM binary",
+  },
+  {
+    url: `${CDN_URL}/v3/pkg/df_bg.wasm.d.ts`,
+    path: path.join(PKG_DIR, "df_bg.wasm.d.ts"),
+    description: "WASM TypeScript definitions",
+    optional: true,
+  },
+  {
+    url: `${CDN_URL}/v3/models/DeepFilterNet3_onnx.tar.gz`,
+    path: path.join(MODELS_DIR, "DeepFilterNet3_onnx.tar.gz"),
+    description: "AI Model (ONNX format)",
+  },
+];
+
+function ensureDir(dir) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+    console.log(`✓ Created directory: ${dir}`);
+  }
+}
+
+function downloadFile(fileUrl, filePath, isOptional = false) {
+  return new Promise((resolve, reject) => {
+    const fileName = path.basename(filePath);
+
+    // Skip if already exists
+    if (fs.existsSync(filePath)) {
+      console.log(`✓ Already exists: ${fileName}`);
+      resolve();
+      return;
+    }
+
+    console.log(`⏳ Downloading ${fileName}...`);
+
+    https
+      .get(fileUrl, (response) => {
+        // Handle redirects
+        if (
+          response.statusCode === 301 ||
+          response.statusCode === 302 ||
+          response.statusCode === 307
+        ) {
+          const redirectUrl = response.headers.location;
+          console.log(`  Redirected to: ${redirectUrl}`);
+          downloadFile(redirectUrl, filePath, isOptional)
+            .then(resolve)
+            .catch(reject);
+          return;
+        }
+
+        if (response.statusCode !== 200) {
+          const error = new Error(
+            `Download failed: HTTP ${response.statusCode} for ${fileName}`,
+          );
+          if (isOptional) {
+            console.warn(`⚠ Optional file skipped: ${fileName}`);
+            resolve();
+          } else {
+            reject(error);
+          }
+          return;
+        }
+
+        const expectedSize = Number(response.headers["content-length"]);
+        const fileStream = fs.createWriteStream(filePath);
+
+        response.pipe(fileStream);
+
+        fileStream.on("finish", () => {
+          fileStream.close();
+          const actualSize = fs.statSync(filePath).size;
+          // Guard against truncated downloads: if the server told us the
+          // expected size and we received fewer bytes, the file is corrupt.
+          if (Number.isFinite(expectedSize) && expectedSize > 0 && actualSize !== expectedSize) {
+            fs.unlinkSync(filePath);
+            reject(
+              new Error(
+                `Download incomplete for ${fileName}: expected ${expectedSize} bytes, got ${actualSize}`,
+              ),
+            );
+            return;
+          }
+          const sizeMB = (actualSize / 1024 / 1024).toFixed(2);
+          console.log(`✓ Downloaded: ${fileName} (${sizeMB} MB)`);
+          resolve();
+        });
+
+        fileStream.on("error", (err) => {
+          fs.unlink(filePath, () => {}); // Clean up partial file
+          reject(err);
+        });
+      })
+      .on("error", (err) => {
+        if (isOptional) {
+          console.warn(`⚠ Optional file skipped: ${fileName} (${err.message})`);
+          resolve();
+        } else {
+          reject(err);
+        }
+      });
+  });
+}
+
+async function main() {
+  try {
+    console.log("\n🚀 Setting up DeepFilterNet3 assets for bundling...\n");
+    console.log(`📦 CDN URL: ${CDN_URL}`);
+    console.log(`📁 Asset directory: ${ASSETS_DIR}\n`);
+
+    // Ensure directories exist
+    ensureDir(ASSETS_DIR);
+    ensureDir(VERSION_DIR);
+    ensureDir(PKG_DIR);
+    ensureDir(MODELS_DIR);
+
+    // Download files
+    for (const file of FILES_TO_DOWNLOAD) {
+      await downloadFile(file.url, file.path, file.optional);
+    }
+
+    console.log("\n✅ Asset setup complete!");
+    console.log(
+      "\nAssets are ready for bundling. Next build will include them.\n",
+    );
+    process.exit(0);
+  } catch (error) {
+    console.error("\n❌ Asset setup failed:", error.message);
+    process.exit(1);
+  }
+}
+
+main();