@a-company/atelier-studio 0.25.3 → 0.26.1

package/dist/index.cjs

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AtelierStudio: () => AtelierStudio,
+  ImageCache: () => import_atelier_canvas3.ImageCache,
   applyStudioTheme: () => applyStudioTheme,
   defaultTheme: () => defaultTheme,
   exportDocument: () => exportDocument,
@@ -2914,15 +2915,25 @@ async function exportMP4(doc, canvas, imageCache, opts) {
   const height = doc.canvas.height;
   const encWidth = width % 2 === 0 ? width : width + 1;
   const encHeight = height % 2 === 0 ? height : height + 1;
-  const codecConfig = {
-    codec: "avc1.42001f",
-    width: encWidth,
-    height: encHeight,
-    bitrate: 5e6,
-    framerate: fps
-  };
-  const support = await VideoEncoder.isConfigSupported(codecConfig);
-  if (!support.supported) {
+  const codecCandidates = [
+    { codec: "avc1.640033", width: encWidth, height: encHeight, bitrate: 5e6, framerate: fps },
+    // High 5.1 (4K)
+    { codec: "avc1.64002a", width: encWidth, height: encHeight, bitrate: 5e6, framerate: fps },
+    // High 4.2 (1080p60)
+    { codec: "avc1.640028", width: encWidth, height: encHeight, bitrate: 5e6, framerate: fps },
+    // High 4.0 (1080p30)
+    { codec: "avc1.42001f", width: encWidth, height: encHeight, bitrate: 5e6, framerate: fps }
+    // Baseline 3.1 (720p)
+  ];
+  let support = null;
+  for (const candidate of codecCandidates) {
+    const result = await VideoEncoder.isConfigSupported(candidate);
+    if (result.supported) {
+      support = result;
+      break;
+    }
+  }
+  if (!support?.supported) {
     throw new Error(
       `H.264 codec not supported for ${encWidth}\xD7${encHeight} at ${fps}fps. Try exporting as GIF or WebM instead.`
     );
@@ -3158,11 +3169,13 @@ var ExportDialog = class {
   dialog = null;
   blobUrl = null;
   parentEl = null;
+  filename = null;
   /**
    * Mount the export overlay into the given parent element.
    * Typically called with the studio root.
    */
-  show(doc, canvas, imageCache, parentEl) {
+  show(doc, canvas, imageCache, parentEl, filename) {
+    this.filename = filename ?? null;
     this.parentEl = parentEl;
     this.overlay = document.createElement("div");
     this.overlay.className = "atel-export-overlay";
@@ -3301,7 +3314,7 @@ var ExportDialog = class {
     const ext = result.format;
     const downloadBtn = document.createElement("a");
     downloadBtn.href = this.blobUrl;
-    downloadBtn.download = `animation.${ext}`;
+    downloadBtn.download = `${this.filename || "animation"}.${ext}`;
     downloadBtn.className = "atel-toolbar__btn atel-toolbar__btn--active atel-export-download";
     downloadBtn.textContent = `Download .${ext}`;
     this.dialog.appendChild(downloadBtn);
@@ -3387,6 +3400,7 @@ var AtelierStudio = class {
   yamlPanel;
   doc = null;
   originalDoc = null;
+  currentFilename = null;
   currentTab;
   stateName = "";
   abortController = new AbortController();
@@ -3457,6 +3471,9 @@ var AtelierStudio = class {
     this.currentTab = tab;
     this.applyTab();
   }
+  setFilename(name) {
+    this.currentFilename = name;
+  }
   destroy() {
     this.abortController.abort();
     this.canvasPanel.destroy();
@@ -3604,13 +3621,18 @@ var AtelierStudio = class {
       this.doc,
       this.canvasPanel.getCanvas(),
       this.canvasPanel.getImageCache(),
-      this.root
+      this.root,
+      this.currentFilename ?? void 0
     );
   }
 };
+
+// src/index.ts
+var import_atelier_canvas3 = require("@a-company/atelier-canvas");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AtelierStudio,
+  ImageCache,
   applyStudioTheme,
   defaultTheme,
   exportDocument,