@jant/core 0.3.36 → 0.3.37

package/src/client/audio-processor.ts

@@ -0,0 +1,84 @@
+/**
+ * Client-side Audio Processor
+ *
+ * Transcodes audio files to AAC in an M4A container (MP4 audio-only)
+ * using mediabunny. Mirrors the video-processor pattern but discards
+ * any video track and skips poster/blurhash extraction.
+ *
+ * Requires WebCodecs API support — check `isSupported()` before use.
+ */
+
+import {
+  Input,
+  Output,
+  Mp4OutputFormat,
+  BufferTarget,
+  BlobSource,
+  Conversion,
+  QUALITY_HIGH,
+  ALL_FORMATS,
+} from "mediabunny";
+
+export interface AudioProcessResult {
+  file: File;
+}
+
+/**
+ * Check if the browser supports WebCodecs-based audio processing.
+ *
+ * @returns `true` if `AudioEncoder` is available in the current environment
+ */
+function isSupported(): boolean {
+  return typeof AudioEncoder !== "undefined";
+}
+
+/**
+ * Process an audio file: transcode to AAC in an M4A (MP4) container.
+ *
+ * @param file - Source audio file
+ * @param onProgress - Optional callback receiving progress from 0 to 1
+ * @returns Processed M4A file
+ */
+async function processToFile(
+  file: File,
+  onProgress?: (progress: number) => void,
+): Promise<AudioProcessResult> {
+  const input = new Input({
+    source: new BlobSource(file),
+    formats: ALL_FORMATS,
+  });
+  const target = new BufferTarget();
+  const output = new Output({
+    format: new Mp4OutputFormat({ fastStart: "in-memory" }),
+    target,
+  });
+
+  try {
+    const conversion = await Conversion.init({
+      input,
+      output,
+      video: { discard: true },
+      audio: { codec: "aac", bitrate: QUALITY_HIGH },
+    });
+
+    if (onProgress) {
+      conversion.onProgress = onProgress;
+    }
+
+    await conversion.execute();
+
+    const buffer = target.buffer;
+    if (!buffer) throw new Error("Audio processing produced no output");
+
+    const originalName = file.name.replace(/\.[^.]+$/, "");
+    const m4aFile = new File([buffer], `${originalName}.m4a`, {
+      type: "audio/mp4",
+    });
+
+    return { file: m4aFile };
+  } finally {
+    input.dispose();
+  }
+}
+
+export const AudioProcessor = { isSupported, processToFile };

package/src/client/avatar-upload.ts

@@ -120,7 +120,7 @@ async function handleAvatarUpload(
     formData.append("appleTouch", png180, "apple-touch-icon.png");
 
     // Upload
-    const response = await fetch("/dash/settings/avatar", {
+    const response = await fetch("/settings/avatar", {
       method: "POST",
       body: formData,
     });
@@ -130,7 +130,7 @@ async function handleAvatarUpload(
     }
 
     // Redirect on success
-    window.location.href = "/dash/settings?saved";
+    window.location.href = "/settings/avatar?saved";
   } catch {
     // Restore button text on error
     if (label) label.textContent = originalText;
@@ -139,6 +139,7 @@ async function handleAvatarUpload(
       input.dataset.textError || "Upload failed. Please try again.";
     const container = document.getElementById("toast-container");
     if (container) {
+      if (!container.matches(":popover-open")) container.showPopover();
       const toast = document.createElement("div");
       toast.className = "toast toast-error";
       toast.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6M9 9l6 6"/></svg><span>${errorMsg}</span>`;