@orangecatai/adgen-canvas 0.0.25 → 0.0.27

package/dist/prod/subset-shared.chunk.js

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-JVKQD63G.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};
+import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-AO5DXVZ2.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};

package/dist/prod/subset-worker.chunk.js

@@ -1 +1 @@
-import{a as r,c as t}from"./chunk-Z5NKEFVG.js";import"./chunk-JVKQD63G.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};
+import{a as r,c as t}from"./chunk-Z5NKEFVG.js";import"./chunk-AO5DXVZ2.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};

package/dist/types/common/src/keys.d.ts

@@ -55,6 +55,7 @@ export declare const KEYS: {
     readonly I: "i";
     readonly J: "j";
     readonly L: "l";
+    readonly M: "m";
     readonly O: "o";
     readonly P: "p";
     readonly Q: "q";
@@ -111,6 +112,7 @@ export declare const KeyCodeMap: Map<ValueOf<{
     readonly I: "i";
     readonly J: "j";
     readonly L: "l";
+    readonly M: "m";
     readonly O: "o";
     readonly P: "p";
     readonly Q: "q";

package/dist/types/excalidraw/actions/actionGenerators.d.ts

@@ -0,0 +1,34 @@
+export declare const actionOpenImageGenerator: {
+    name: "openImageGenerator";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    viewMode: false;
+    trackEvent: {
+        category: "toolbar";
+    };
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("..").AppState>, _: unknown, app: import("../types").AppClassProperties) => {
+        elements: null;
+        appState: null;
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionOpenVideoGenerator: {
+    name: "openVideoGenerator";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    viewMode: false;
+    trackEvent: {
+        category: "toolbar";
+    };
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("..").AppState>, _: unknown, app: import("../types").AppClassProperties) => {
+        elements: null;
+        appState: null;
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};

package/dist/types/excalidraw/actions/shortcuts.d.ts

@@ -1,4 +1,4 @@
 import type { SubtypeOf } from "@orangecatai/common/utility-types";
 import type { ActionName } from "./types";
-export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "resetZoom" | "zoomOut" | "zoomIn" | "zoomToFit" | "zoomToFitSelectionInViewport" | "zoomToFitSelection" | "toggleEraserTool" | "toggleHandTool" | "setFrameAsActiveTool" | "cycleThroughFrameChildren" | "saveFileToDisk" | "saveToActiveFile" | "toggleShortcuts" | "wrapSelectionInFrame"> | "saveScene" | "imageExport" | "commandPalette" | "searchMenu" | "toolLock";
+export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "resetZoom" | "zoomOut" | "zoomIn" | "zoomToFit" | "zoomToFitSelectionInViewport" | "zoomToFitSelection" | "toggleEraserTool" | "toggleHandTool" | "setFrameAsActiveTool" | "cycleThroughFrameChildren" | "openImageGenerator" | "openVideoGenerator" | "saveFileToDisk" | "saveToActiveFile" | "toggleShortcuts" | "wrapSelectionInFrame"> | "saveScene" | "imageExport" | "commandPalette" | "searchMenu" | "toolLock";
 export declare const getShortcutFromShortcutName: (name: ShortcutName, idx?: number) => string;

package/dist/types/excalidraw/actions/types.d.ts

@@ -14,7 +14,7 @@ export type ActionResult = {
 type ActionFn<TData = any> = (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: TData | undefined, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export type UpdaterFn = (res: ActionResult) => void;
 export type ActionFilterFn = (action: Action) => void;
-export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" | "changeArrowProperties" | "changeOpacity" | "changeFontSize" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "scrollBackToContent" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame" | "cycleThroughFrameChildren" | "toggleLassoTool" | "toggleShapeSwitch" | "togglePolygon";
+export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" | "changeArrowProperties" | "changeOpacity" | "changeFontSize" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "scrollBackToContent" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "openImageGenerator" | "openVideoGenerator" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame" | "cycleThroughFrameChildren" | "toggleLassoTool" | "toggleShapeSwitch" | "togglePolygon";
 export type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;

package/dist/types/excalidraw/components/App.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { type EXPORT_IMAGE_TYPES, Emitter, type EditorInterface, type StylesPanelMode } from "@orangecatai/common";
 import { LinearElementEditor, FlowChartCreator, Scene, type ElementUpdate, StoreDelta, type ApplyToOptions } from "@orangecatai/element";
+import "../actions/actionGenerators";
 import { ActionManager } from "../actions/manager";
 import { AnimationFrameHandler } from "../animation-frame-handler";
 import { Fonts } from "../fonts";

package/dist/types/excalidraw/components/CampaignDropdown.d.ts

@@ -0,0 +1,14 @@
+import "./CampaignDropdown.scss";
+import type { CampaignSummary } from "../types";
+export declare const CampaignDropdown: ({ onFetchCampaigns, onCreateCampaign, onAdd, disabled, disabledReason, }: {
+    onFetchCampaigns?: () => Promise<{
+        campaigns: CampaignSummary[];
+    }>;
+    onCreateCampaign?: (name: string) => Promise<CampaignSummary>;
+    onAdd?: (campaignId: string) => Promise<{
+        ok: boolean;
+        error?: string;
+    }>;
+    disabled?: boolean;
+    disabledReason?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/excalidraw/components/ImageGeneratorPanel.d.ts

@@ -65,6 +65,20 @@ export declare const MODEL_CONFIG: {
         readonly supportedResolutions: readonly ["1K", "2K", "4K"];
         readonly supportedRatios: readonly ["1:1", "21:9", "16:9", "3:2", "4:3", "5:4", "4:5", "3:4", "2:3", "9:16"];
     };
+    readonly "gpt image 1 mini": {
+        readonly modelId: "openai/gpt-image-1-mini";
+        readonly textOutput: false;
+        readonly supportsImageSize: false;
+        readonly supportedResolutions: readonly ["1K"];
+        readonly supportedRatios: readonly ["1:1", "2:3", "3:2"];
+    };
+    readonly "gpt image 2": {
+        readonly modelId: "openai/gpt-image-2";
+        readonly textOutput: false;
+        readonly supportsImageSize: false;
+        readonly supportedResolutions: readonly ["1K", "2K"];
+        readonly supportedRatios: readonly ["21:9", "16:9", "4:3", "3:2", "1:1", "9:16", "3:4", "2:3", "5:4", "4:5"];
+    };
 };
 export type ModelName = keyof typeof MODEL_CONFIG;
 export declare const MODEL_NAMES: ModelName[];

package/dist/types/excalidraw/components/VideoElement.d.ts

@@ -1,9 +1,25 @@
 import type { ExcalidrawVideoElement } from "@orangecatai/element/types";
+import type { CampaignSummary } from "../types";
 import "./VideoElement.scss";
 interface VideoElementProps {
     element: ExcalidrawVideoElement;
     isActive: boolean;
     videoDownloadProxyUrl?: string;
+    onFetchCampaigns?: () => Promise<{
+        campaigns: CampaignSummary[];
+    }>;
+    onCreateCampaign?: (name: string) => Promise<CampaignSummary>;
+    onAddToCampaign?: (payload: {
+        kind: "video";
+        campaignId: string;
+        videoUrl: string;
+        mimeType: string;
+        width: number;
+        height: number;
+    }) => Promise<{
+        ok: boolean;
+        error?: string;
+    }>;
 }
-export declare const VideoElement: ({ element, videoDownloadProxyUrl }: VideoElementProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoElement: ({ element, videoDownloadProxyUrl, onFetchCampaigns, onCreateCampaign, onAddToCampaign, }: VideoElementProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/auto-resize/AutoResizePanel.d.ts

@@ -1,7 +1,7 @@
 import "./AutoResizePanel.scss";
 import type { ExcalidrawFrameLikeElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { AppClassProperties } from "../../types";
-export declare const AutoResizePanel: ({ element, app, onClose, onBeforeAutoResize, onAfterAutoResize, onRunningChange, autoResizeUrl, chatModel, agentImageModel, }: {
+export declare const AutoResizePanel: ({ element, app, onClose, onBeforeAutoResize, onAfterAutoResize, onRunningChange, autoResizeUrl, customResizeUrl, tier1CropUrl, chatModel, agentImageModel, }: {
     element: NonDeletedExcalidrawElement & ExcalidrawFrameLikeElement;
     app: AppClassProperties;
     onClose: () => void;
@@ -12,6 +12,8 @@ export declare const AutoResizePanel: ({ element, app, onClose, onBeforeAutoResi
     onAfterAutoResize?: () => void;
     onRunningChange?: (running: boolean) => void;
     autoResizeUrl: string;
+    customResizeUrl?: string;
+    tier1CropUrl?: string;
     chatModel: string;
     agentImageModel?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/auto-resize/autoResizeEngine.d.ts

@@ -1,6 +1,13 @@
 import type { ExcalidrawElement, ExcalidrawFrameLikeElement } from "@orangecatai/element/types";
 import type { AppClassProperties } from "../../types";
 import type { BinaryFiles } from "../../types";
+/**
+ * True when (targetW, targetH)'s aspect ratio is far from every ratio the
+ * generation model natively supports, OR is an extreme ultra-wide/tall ratio
+ * prone to element duplication regardless of native support — routes this
+ * dimension to `customResizeUrl` when the host has provided one.
+ */
+export declare function isBigAspectRatioDelta(targetW: number, targetH: number): boolean;
 export type TargetDimension = {
     width: number;
     height: number;
@@ -158,6 +165,8 @@ export declare function runAutoResize(opts: {
     targetDimensions: TargetDimension[];
     app: AppClassProperties;
     autoResizeUrl: string;
+    customResizeUrl?: string;
+    tier1CropUrl?: string;
     chatModel?: string;
     agentImageModel?: string;
     customFontMap?: Record<string, number>;

package/dist/types/excalidraw/index.d.ts

@@ -57,4 +57,5 @@ export type { AppState, BinaryFiles, BinaryFileData, ExcalidrawProps, Excalidraw
 export type { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeleted, OrderedExcalidrawElement, ExcalidrawElementType, ExcalidrawVideoElement, } from "@orangecatai/element/types";
 export type { ImageEditToolbarCallbacks } from "./components/ImageEditToolbar";
 export type { CustomFontSpec, BrandContext } from "./types";
+export type { CampaignSummary, AddToCampaignPayload } from "./types";
 export type { ReviewerFeedback, ReviewIssue, } from "./components/ai-chat/reviewerAgent";

package/dist/types/excalidraw/types.d.ts

@@ -521,6 +521,31 @@ export type BrandContext = {
      */
     headlineFontUrl?: string;
 };
+/** A campaign the user can save a frame/video snapshot into. */
+export type CampaignSummary = {
+    id: string;
+    name: string;
+};
+/**
+ * Payload passed to `onAddToCampaign`. `image` carries a rendered PNG blob
+ * of the exported frame; `video` carries the video element's existing URL
+ * (the host copies the file server-side — it never round-trips the browser).
+ */
+export type AddToCampaignPayload = {
+    kind: "image";
+    campaignId: string;
+    blob: Blob;
+    mimeType: string;
+    width: number;
+    height: number;
+} | {
+    kind: "video";
+    campaignId: string;
+    videoUrl: string;
+    mimeType: string;
+    width: number;
+    height: number;
+};
 export interface ExcalidrawProps {
     onChange?: (elements: readonly OrderedExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
     onIncrement?: (event: DurableIncrement | EphemeralIncrement) => void;
@@ -601,6 +626,33 @@ export interface ExcalidrawProps {
      * planning, vision tagging, HTML generation, reviewer). Key stays server-side.
      */
     autoResizeUrl?: string;
+    /**
+     * Host proxy URL for the Tier-2 (extreme aspect-ratio) custom-resize
+     * pipeline. When a target dimension in Auto Resize is far from every
+     * aspect ratio the generation model natively supports, the standard
+     * generate+cover-crop flow risks cutting foreground elements — the SDK
+     * routes that dimension here instead. The SDK POSTs
+     * `{ imageDataUrl, targetWidth, targetHeight }` and expects
+     * `{ dataUrl: string }` back, already resized to the exact target pixels.
+     * Key/credit-gating and the multi-step pipeline (detect/generate/verify/
+     * retry/fallback) all live host-side. Falls back to the standard flow when
+     * omitted. See the host's `docs/custom-resize-big-delta-spec.md`.
+     */
+    customResizeUrl?: string;
+    /**
+     * Host proxy URL for the Tier-1 element-aware crop step. After the
+     * standard generate+cover-crop flow generates an image at the nearest
+     * native ratio, the SDK POSTs
+     * `{ generatedImageDataUrl, sourceImageDataUrl, targetWidth, targetHeight }`
+     * here instead of doing a blind dead-center crop locally — the host
+     * detects element positions in the generated image and picks a crop
+     * window that keeps every critical/important element fully inside it,
+     * escalating to the Tier-2 pipeline (via `customResizeUrl`) if no safe
+     * crop exists. Expects `{ dataUrl: string }` back, already resized to the
+     * exact target pixels. Falls back to the local blind-crop behavior when
+     * omitted. See the host's `docs/custom-resize-big-delta-spec.md` §4.3.
+     */
+    tier1CropUrl?: string;
     /**
      * Host proxy URL for the remove.bg toolbar action. The SDK POSTs
      * `{ imageDataUrl }` and receives `{ imageDataUrl }`. Key stays server-side.
@@ -648,6 +700,28 @@ export interface ExcalidrawProps {
     onAfterVideoGen?: () => void;
     /** Host proxy URL for video downloads — works around S3 CORS / presigned-URL expiry. */
     videoDownloadProxyUrl?: string;
+    /**
+     * Fetches the user's campaigns for the "Add to campaign" dropdown on the
+     * frame toolbar and the video element toolbar. Without this prop, the
+     * campaign button is not rendered.
+     */
+    onFetchCampaigns?: () => Promise<{
+        campaigns: CampaignSummary[];
+    }>;
+    /**
+     * Creates a new campaign from the inline "New campaign" row in the
+     * dropdown. Returns the created campaign so the SDK can auto-select it.
+     */
+    onCreateCampaign?: (name: string) => Promise<CampaignSummary>;
+    /**
+     * Saves a snapshot of the selected frame (exported to PNG) or video
+     * element (by its existing URL) into the chosen campaign. This is a
+     * free action (no credit gate) since no AI call is involved.
+     */
+    onAddToCampaign?: (payload: AddToCampaignPayload) => Promise<{
+        ok: boolean;
+        error?: string;
+    }>;
     /**
      * Called before a background removal is run (deduct credits, check quota).
      * Return `{ allowed: false, error: "..." }` to block the operation.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangecatai/adgen-canvas",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "type": "module",
   "types": "./dist/types/excalidraw/index.d.ts",
   "main": "./dist/prod/index.js",

package/dist/prod/data/image-ZZTLAGXX.js

@@ -1 +0,0 @@
-import{S as a,T as b,U as c}from"../chunk-Q6JGYK3N.js";import"../chunk-JVKQD63G.js";import"../chunk-SRAX5OIU.js";export{c as decodePngMetadata,b as encodePngMetadata,a as getTEXtChunk};