@orangecatai/adgen-canvas 0.0.28 → 0.0.30

package/dist/dev/{chunk-WELJ6MTO.js → chunk-2WAJTVZS.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_GEMINI_API_KEY: "", VITE_APP_OPENROUTER_API_KEY: "", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@orangecatai/adgen-canvas", PKG_VERSION: "0.0.28", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_GEMINI_API_KEY: "", VITE_APP_OPENROUTER_API_KEY: "", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@orangecatai/adgen-canvas", PKG_VERSION: "0.0.30", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-WELJ6MTO.js.map
+//# sourceMappingURL=chunk-2WAJTVZS.js.map

package/dist/dev/{chunk-OTDOAN2W.js → chunk-X6KPARLJ.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-WELJ6MTO.js";
+} from "./chunk-2WAJTVZS.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5152,7 +5152,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-F5HBZTBB.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-HGVO7LLH.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5604,4 +5604,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-OTDOAN2W.js.map
+//# sourceMappingURL=chunk-X6KPARLJ.js.map

package/dist/dev/data/{image-F5HBZTBB.js → image-HGVO7LLH.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-OTDOAN2W.js";
-import "../chunk-WELJ6MTO.js";
+} from "../chunk-X6KPARLJ.js";
+import "../chunk-2WAJTVZS.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-F5HBZTBB.js.map
+//# sourceMappingURL=image-HGVO7LLH.js.map

package/dist/dev/index.js

@@ -66,10 +66,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-OTDOAN2W.js";
+} from "./chunk-X6KPARLJ.js";
 import {
   define_import_meta_env_default
-} from "./chunk-WELJ6MTO.js";
+} from "./chunk-2WAJTVZS.js";
 import {
   en_default
 } from "./chunk-LIELFD5T.js";
@@ -9796,7 +9796,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-F5HBZTBB.js").then(
+        (blob2) => import("./data/image-HGVO7LLH.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -24225,6 +24225,7 @@ async function runReviewerAgent(opts) {
     // imagePlacement retained in opts type for backward compatibility but unused
     // in the image-first flow (the ad is a single full-frame generated image).
     userBrief,
+    originalImageDataUrl,
     brandContext,
     chatUrl,
     reviewerModel = "google/gemini-2.5-flash",
@@ -24244,6 +24245,7 @@ async function runReviewerAgent(opts) {
   const fontPreviewIsBase64 = typeof fontPreviewDataUrl === "string" && fontPreviewDataUrl.startsWith("data:");
   const bodyFontPreviewDataUrl = brandContext?.bodyFontPreviewDataUrl;
   const bodyFontPreviewIsBase64 = typeof bodyFontPreviewDataUrl === "string" && bodyFontPreviewDataUrl.startsWith("data:");
+  const originalImageIsBase64 = typeof originalImageDataUrl === "string" && originalImageDataUrl.startsWith("data:");
   const contextLines = [
     `## Ad Brief (what the user requested)`,
     userBrief,
@@ -24251,6 +24253,13 @@ async function runReviewerAgent(opts) {
     `## Frame dimensions`,
     `Width: ${frame.width}px, Height: ${frame.height}px`
   ];
+  if (originalImageIsBase64) {
+    contextLines.push(
+      ``,
+      `## Original reference image (what the user uploaded)`,
+      `The image the user originally attached is included below (immediately after the ad screenshot). Judge fidelity against it: the generated ad should preserve the subject, composition, and style of this reference unless the brief explicitly asked for a different treatment. Flag it as an issue if the ad has drifted from this reference in ways the brief did not request (wrong subject, different color scheme, altered composition).`
+    );
+  }
   if (brandContext) {
     const brandSummary = buildReviewerBrandSummary(brandContext);
     if (brandSummary) {
@@ -24261,7 +24270,7 @@ async function runReviewerAgent(opts) {
     contextLines.push(
       ``,
       `## Brand logo (reference)`,
-      `The brand logo is attached as the second image below (after the ad screenshot). Use it to evaluate whether the logo in the ad matches the brand's actual logo in colour, shape, and typographic treatment.`
+      `The brand logo is attached below (after the ad screenshot${originalImageIsBase64 ? " and the original reference image" : ""}). Use it to evaluate whether the logo in the ad matches the brand's actual logo in colour, shape, and typographic treatment.`
     );
   } else if (logoIsExternalUrl) {
     contextLines.push(
@@ -24292,6 +24301,12 @@ async function runReviewerAgent(opts) {
       image_url: { url: screenshotDataUrl }
     }
   ];
+  if (originalImageIsBase64 && originalImageDataUrl) {
+    userContent.push({
+      type: "image_url",
+      image_url: { url: originalImageDataUrl }
+    });
+  }
   if (logoIsBase64 && logoDataUrl) {
     userContent.push({
       type: "image_url",
@@ -27888,20 +27903,49 @@ async function fetchSegmentBlob(videoPresignedUrl, videoDownloadProxyUrl, signal
   }
   return res.blob();
 }
+async function readErrorMessage(res, fallback) {
+  try {
+    const body = await res.json();
+    return body?.error ? body.error : `${fallback} (${res.status})`;
+  } catch {
+    return `${fallback} (${res.status})`;
+  }
+}
 async function uploadMergedVideo(blob, uploadUrl) {
   if (!uploadUrl) {
     return URL.createObjectURL(blob);
   }
-  const formData = new FormData();
-  formData.append(
-    "file",
-    new File([blob], "chain-output.mp4", { type: "video/mp4" })
-  );
-  const res = await fetch(uploadUrl, { method: "POST", body: formData });
-  if (!res.ok) {
-    throw new Error(`Upload failed (${res.status})`);
+  const contentType = blob.type || "video/mp4";
+  const presignRes = await fetch(uploadUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      action: "presign",
+      contentType,
+      sizeBytes: blob.size
+    })
+  });
+  if (!presignRes.ok) {
+    throw new Error(await readErrorMessage(presignRes, "Presign failed"));
+  }
+  const { fileId, uploadUrl: putUrl } = await presignRes.json();
+  const putRes = await fetch(putUrl, {
+    method: "PUT",
+    headers: { "Content-Type": contentType },
+    body: blob
+  });
+  if (!putRes.ok) {
+    throw new Error(`Upload failed (${putRes.status})`);
   }
-  const data = await res.json();
+  const finalizeRes = await fetch(uploadUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ action: "finalize", fileId })
+  });
+  if (!finalizeRes.ok) {
+    throw new Error(await readErrorMessage(finalizeRes, "Finalize failed"));
+  }
+  const data = await finalizeRes.json();
   return data.url;
 }
 async function planVideoChain(videoPlanUrl, params, signal) {
@@ -49895,17 +49939,7 @@ var App = class _App extends React63.Component {
           try {
             let videoUrl;
             if (this.props.videoUploadUrl) {
-              const formData = new FormData();
-              formData.append("file", file2);
-              const res = await fetch(this.props.videoUploadUrl, {
-                method: "POST",
-                body: formData
-              });
-              if (!res.ok) {
-                throw new Error(`Upload failed: ${res.status}`);
-              }
-              const data = await res.json();
-              videoUrl = data.url;
+              videoUrl = await uploadMergedVideo(file2, this.props.videoUploadUrl);
               URL.revokeObjectURL(localBlobUrl);
             } else {
               videoUrl = localBlobUrl;
@@ -56686,6 +56720,7 @@ function execAddText(args, ctx) {
     statusMessage: `Added text "${args.text.slice(0, 40)}${args.text.length > 40 ? "\u2026" : ""}"`
   };
 }
+var frameGenerationMemory = /* @__PURE__ */ new Map();
 async function execGenerateImage(args, ctx) {
   const frameId = args.frameId;
   const prompt = args.prompt;
@@ -56694,7 +56729,14 @@ async function execGenerateImage(args, ctx) {
   const width = args.width;
   const height = args.height;
   const referenceImageIndex = args.referenceImageIndex;
-  const referenceImageDataUrl = referenceImageIndex !== void 0 ? ctx.fileAttachments?.[referenceImageIndex]?.dataUrl : void 0;
+  const priorGeneration = frameGenerationMemory.get(frameId);
+  const effectiveReferenceImageIndex = referenceImageIndex !== void 0 ? referenceImageIndex : priorGeneration ? priorGeneration.referenceImageIndex : ctx.fileAttachments && ctx.fileAttachments.length > 0 ? 0 : void 0;
+  const referenceImageDataUrl = effectiveReferenceImageIndex !== void 0 ? ctx.fileAttachments?.[effectiveReferenceImageIndex]?.dataUrl : void 0;
+  const isRegeneration = !!priorGeneration && priorGeneration.originalPrompt !== prompt;
+  const originalPromptAnchor = isRegeneration ? `
+
+ORIGINAL AD BRIEF (this is a revision, not a new ad \u2014 keep the same subject, composition, and color palette as this original brief unless a fix above explicitly changes it):
+"${priorGeneration.originalPrompt}"` : "";
   const fontNames = [ctx.brandHeadlineFontName, ctx.brandBodyFontName].filter(
     (n, i, arr) => Boolean(n) && arr.indexOf(n) === i
   );
@@ -56729,7 +56771,7 @@ LAYOUT & SPACING RULES \u2014 these are non-negotiable:
 6. NO CLUTTER: The overall composition must feel open and airy \u2014 fewer elements with more space between them is always better than many elements squeezed together.
 7. ASPECT RATIO: Do NOT squish, stretch, or distort any element. Maintain the natural proportions of all visuals, logos, and text at all times.
 
-Render all text as crisp, correctly-spelled, legible copy. Professional advertising quality \u2014 strong visual hierarchy, brand-consistent, generous whitespace throughout.`;
+Render all text as crisp, correctly-spelled, legible copy. Professional advertising quality \u2014 strong visual hierarchy, brand-consistent, generous whitespace throughout.${originalPromptAnchor}`;
   if (!frameId || !prompt) {
     return {
       success: false,
@@ -56873,6 +56915,14 @@ Render all text as crisp, correctly-spelled, legible copy. Professional advertis
         lastRetrieved: Date.now()
       }
     ]);
+    if (!priorGeneration) {
+      frameGenerationMemory.set(frameId, {
+        originalPrompt: prompt,
+        referenceImageIndex: effectiveReferenceImageIndex
+      });
+    } else if (effectiveReferenceImageIndex !== void 0) {
+      priorGeneration.referenceImageIndex = effectiveReferenceImageIndex;
+    }
     return {
       success: true,
       data: {
@@ -56882,7 +56932,8 @@ Render all text as crisp, correctly-spelled, legible copy. Professional advertis
         x: Math.round(absX),
         y: Math.round(absY),
         width: Math.round(width),
-        height: Math.round(height)
+        height: Math.round(height),
+        ...effectiveReferenceImageIndex !== void 0 ? { referenceImageIndex: effectiveReferenceImageIndex } : {}
       },
       statusMessage: `Generated image from prompt "${prompt.slice(0, 50)}${prompt.length > 50 ? "\u2026" : ""}"`
     };
@@ -58917,7 +58968,8 @@ ${f.textContent}`).join("\n\n")}`;
             x: result.data.x,
             y: result.data.y,
             width: result.data.width,
-            height: result.data.height
+            height: result.data.height,
+            referenceImageIndex: result.data.referenceImageIndex
           };
           if (onAfterImageGen) {
             onAfterImageGen();
@@ -59055,6 +59107,7 @@ Use the frameId="${imageGenData.frameId}" for all elements. Keep all elements wi
             let feedback;
             try {
               const frameEl = augmentedToolCtx.excalidrawAPI.getSceneElements().find((e) => e.id === imageGenData.frameId);
+              const originalImageDataUrl = imageGenData.referenceImageIndex !== void 0 ? allImageAttachments[imageGenData.referenceImageIndex]?.dataUrl : void 0;
               feedback = await runReviewerAgent({
                 screenshotDataUrl: bannerScreenshot,
                 htmlSource: "",
@@ -59070,6 +59123,7 @@ Use the frameId="${imageGenData.frameId}" for all elements. Keep all elements wi
                   height: imageGenData.height
                 },
                 userBrief: typeof userMessages[0]?.content === "string" ? userMessages[0].content : "",
+                originalImageDataUrl,
                 brandContext,
                 chatUrl,
                 reviewerModel: reviewerModel ?? chatModel,
@@ -59104,7 +59158,7 @@ Use the frameId="${imageGenData.frameId}" for all elements. Keep all elements wi
                 "",
                 `Overall verdict: ${feedback.summary}`,
                 "",
-                `Apply ALL fixes by calling generate_image AGAIN on frameId="${imageGenData.frameId}" with a revised prompt that incorporates every correction above (re-state the full ad \u2014 visuals AND all copy \u2014 with every fix folded in). Prioritise critical issues first. Do NOT call generate_html_banner or add separate text/shape layers \u2014 the ad is a single generated image.`
+                `Apply ALL fixes by calling generate_image AGAIN on frameId="${imageGenData.frameId}" with a revised prompt. This is a REVISION of the existing ad, not a new one: start from the exact prompt you used last time and change ONLY what the fixes above require \u2014 keep the same subject, composition, color palette, and any reference image untouched otherwise. Do NOT invent a new color scheme, layout, or brand style. If a fix mentions a specific position (e.g. "top-right", "bottom-left"), use that exact position. Prioritise critical issues first. Do NOT call generate_html_banner or add separate text/shape layers \u2014 the ad is a single generated image.`
               ].join("\n");
               messages.push({
                 role: "user",