@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.70-alpha.0

package/lib/features/design/exportDesign.js

@@ -0,0 +1,133 @@
+import {resultUrl}from'../canvas/videoEditor/mediaActions.js';import {layerPaintOrder}from'./designCore.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const IMAGE = "yantra-image-editing";
+function deriveBlankPixelUrl(indexUrl) {
+  var _a;
+  const host = (_a = (indexUrl || "").replace(/^https?:\/\//, "").split("/")[0]) != null ? _a : "";
+  if (!host.startsWith("surface-index-backend.")) return null;
+  return `https://canvas-native-surface.${host.slice("surface-index-backend.".length)}/assets/blank.png`;
+}
+function isLocalUri(url) {
+  return /^(file|ph|assets-library|content):/.test(url);
+}
+async function renderDesignPage(page, opts) {
+  var _a;
+  const {
+    runAction,
+    blankUrl,
+    uploadMedia,
+    onProgress
+  } = opts;
+  const label = (_a = opts.pageLabel) != null ? _a : page.name;
+  const run = async (action, params, opLabel) => resultUrl(await runAction(IMAGE, action, params), opLabel);
+  onProgress == null ? void 0 : onProgress({
+    stage: `Preparing ${label}`
+  });
+  let base = await run("YANTRA_IMAGE_EDIT_PAD", {
+    input_url: blankUrl,
+    width: String(Math.round(page.width)),
+    height: String(Math.round(page.height)),
+    color: page.background
+  }, "PAD");
+  const ordered = layerPaintOrder(page.layers);
+  const texts = [];
+  let n = 0;
+  for (const layer of ordered) {
+    n += 1;
+    if (layer.type === "text") {
+      texts.push(layer);
+      continue;
+    }
+    let overlay;
+    if (layer.type === "shape") {
+      onProgress == null ? void 0 : onProgress({
+        stage: `${label}: shape ${n}/${ordered.length}`
+      });
+      overlay = await run("YANTRA_IMAGE_EDIT_PAD", {
+        input_url: blankUrl,
+        width: String(Math.round(layer.width)),
+        height: String(Math.round(layer.height)),
+        color: layer.fill
+      }, "PAD");
+    } else {
+      onProgress == null ? void 0 : onProgress({
+        stage: `${label}: image ${n}/${ordered.length}`
+      });
+      let src = layer.src;
+      if (isLocalUri(src)) {
+        if (!uploadMedia) throw new Error(`An image is on this phone and no uploader is available`);
+        src = await uploadMedia(src);
+      }
+      overlay = await run("YANTRA_IMAGE_EDIT_RESIZE", {
+        input_url: src,
+        width: Math.round(layer.width),
+        height: Math.round(layer.height)
+      }, "RESIZE");
+    }
+    if (texts.length) {
+      base = await annotateTexts(run, base, texts.splice(0), label, onProgress);
+    }
+    base = await run("YANTRA_IMAGE_EDIT_COMPOSE", {
+      input_url: base,
+      overlay_url: overlay,
+      x: String(Math.round(layer.x)),
+      y: String(Math.round(layer.y)),
+      opacity: layer.opacity
+    }, "COMPOSE");
+  }
+  if (texts.length) {
+    base = await annotateTexts(run, base, texts.splice(0), label, onProgress);
+  }
+  return base;
+}
+async function annotateTexts(run, base, texts, label, onProgress) {
+  onProgress == null ? void 0 : onProgress({
+    stage: `${label}: text`
+  });
+  return run("YANTRA_IMAGE_EDIT_ANNOTATE", {
+    input_url: base,
+    // Text-op contract (yantra-video dispatch): x/y are drawtext
+    // EXPRESSION STRINGS (numbers silently fall back to "10") and the
+    // colour key is font_color. text_w makes alignment exact.
+    ops: texts.map((t) => ({
+      type: "text",
+      text: t.text,
+      x: textAnchorX(t),
+      y: String(Math.round(t.y)),
+      font_size: Math.round(t.fontSize),
+      font_color: t.color
+    }))
+  }, "ANNOTATE");
+}
+function textAnchorX(t) {
+  if (t.align === "center") return `${Math.round(t.x + t.width / 2)}-text_w/2`;
+  if (t.align === "right") return `${Math.round(t.x + t.width)}-text_w`;
+  return String(Math.round(t.x));
+}
+async function renderDesignDoc(pages, opts) {
+  if (pages.length === 0) throw new Error("Nothing to render");
+  const urls = [];
+  for (const page of pages) {
+    urls.push(await renderDesignPage(page, __spreadProps(__spreadValues({}, opts), {
+      pageLabel: page.name
+    })));
+  }
+  return urls;
+}export{deriveBlankPixelUrl,renderDesignDoc,renderDesignPage};//# sourceMappingURL=exportDesign.js.map

package/lib/features/design/exportDesign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportDesign.js","sources":["../../../src/features/design/exportDesign.ts"],"sourcesContent":["/**\n * Connector-side design export - flattens a design page into one PNG through\n * the yantra-image-editing ops, the same transport-agnostic shape as the\n * video lane's exportRenderer: a RunMediaAction renders, whoever provides it.\n *\n * Composition strategy (every op proven in the canvas-check suite):\n *   base    = PAD(blank 1px, page w x h, color: background)  - solid page\n *   shape   = PAD(blank 1px, w x h, color: fill)  -> COMPOSE at (x, y)\n *   image   = RESIZE(src, w x h)                  -> COMPOSE at (x, y)\n *   text    = ANNOTATE(ops: [{type:'text', ...}]) - after the layer stack,\n *             in paint order among themselves\n * Layers compose bottom-up in zIndex order, so stacking on the phone matches\n * the export. Rotation deliberately does not exist in the model - COMPOSE\n * cannot rotate an overlay, and the editor must not show what the export\n * cannot produce.\n *\n * The blank 1px seed is a real hosted asset: image ops all start from an\n * input_url, so a transparent pixel served beside the native artifacts is\n * the \"create canvas\" primitive (PAD grows it to any solid rect).\n */\nimport type { RunMediaAction } from '../canvas/videoEditor/mediaActions';\nimport { resultUrl } from '../canvas/videoEditor/mediaActions';\nimport { layerPaintOrder, type DesignPage, type TextLayer } from './designCore';\n\nconst IMAGE = 'yantra-image-editing';\n\n/**\n * The transparent 1x1 seed pixel, served from the canvas-native artifacts\n * slug of whichever environment the index lives in - the same slug the\n * phone already fetched its remote from, so it is reachable wherever the\n * app runs (`surface-index-backend.X` -> `canvas-native-surface.X`).\n */\nexport function deriveBlankPixelUrl(indexUrl: string): string | null {\n    const host = (indexUrl || '').replace(/^https?:\\/\\//, '').split('/')[0] ?? '';\n    if (!host.startsWith('surface-index-backend.')) return null;\n    return `https://canvas-native-surface.${host.slice('surface-index-backend.'.length)}/assets/blank.png`;\n}\n\nexport interface DesignRenderProgress {\n    stage: string;\n}\n\n/** Phone-local URIs the agent cannot fetch - uploaded before any op runs. */\nfunction isLocalUri(url: string): boolean {\n    return /^(file|ph|assets-library|content):/.test(url);\n}\n\n/**\n * Flatten one page to a rendered PNG URL.\n * Ops run sequentially - each COMPOSE consumes the previous output.\n */\nexport async function renderDesignPage(\n    page: DesignPage,\n    opts: {\n        runAction: RunMediaAction;\n        blankUrl: string;\n        uploadMedia?: (localUri: string) => Promise<string>;\n        onProgress?: (p: DesignRenderProgress) => void;\n        /** Progress label, e.g. \"Front\". */\n        pageLabel?: string;\n    },\n): Promise<string> {\n    const { runAction, blankUrl, uploadMedia, onProgress } = opts;\n    const label = opts.pageLabel ?? page.name;\n    const run = async (action: string, params: Record<string, unknown>, opLabel: string) =>\n        resultUrl(await runAction(IMAGE, action, params), opLabel);\n\n    onProgress?.({ stage: `Preparing ${label}` });\n    // PAD's schema takes ffmpeg pad EXPRESSIONS - width/height are strings\n    // (numbers are rejected by the connector's input validation).\n    let base = await run(\n        'YANTRA_IMAGE_EDIT_PAD',\n        {\n            input_url: blankUrl,\n            width: String(Math.round(page.width)),\n            height: String(Math.round(page.height)),\n            color: page.background,\n        },\n        'PAD',\n    );\n\n    const ordered = layerPaintOrder(page.layers);\n    const texts: TextLayer[] = [];\n    let n = 0;\n    for (const layer of ordered) {\n        n += 1;\n        if (layer.type === 'text') {\n            // Text layers annotate on the flattened stack below them; batching\n            // them per contiguous run keeps z-order while saving round-trips.\n            texts.push(layer);\n            continue;\n        }\n\n        let overlay: string;\n        if (layer.type === 'shape') {\n            onProgress?.({ stage: `${label}: shape ${n}/${ordered.length}` });\n            overlay = await run(\n                'YANTRA_IMAGE_EDIT_PAD',\n                {\n                    input_url: blankUrl,\n                    width: String(Math.round(layer.width)),\n                    height: String(Math.round(layer.height)),\n                    color: layer.fill,\n                },\n                'PAD',\n            );\n        } else {\n            onProgress?.({ stage: `${label}: image ${n}/${ordered.length}` });\n            let src = layer.src;\n            if (isLocalUri(src)) {\n                if (!uploadMedia) throw new Error(`An image is on this phone and no uploader is available`);\n                src = await uploadMedia(src);\n            }\n            overlay = await run(\n                'YANTRA_IMAGE_EDIT_RESIZE',\n                { input_url: src, width: Math.round(layer.width), height: Math.round(layer.height) },\n                'RESIZE',\n            );\n        }\n\n        // A text run below this layer flattens first so it stays underneath.\n        if (texts.length) {\n            base = await annotateTexts(run, base, texts.splice(0), label, onProgress);\n        }\n        base = await run(\n            'YANTRA_IMAGE_EDIT_COMPOSE',\n            {\n                input_url: base,\n                overlay_url: overlay,\n                x: String(Math.round(layer.x)),\n                y: String(Math.round(layer.y)),\n                opacity: layer.opacity,\n            },\n            'COMPOSE',\n        );\n    }\n\n    if (texts.length) {\n        base = await annotateTexts(run, base, texts.splice(0), label, onProgress);\n    }\n    return base;\n}\n\nasync function annotateTexts(\n    run: (action: string, params: Record<string, unknown>, label: string) => Promise<string>,\n    base: string,\n    texts: TextLayer[],\n    label: string,\n    onProgress?: (p: DesignRenderProgress) => void,\n): Promise<string> {\n    onProgress?.({ stage: `${label}: text` });\n    return run(\n        'YANTRA_IMAGE_EDIT_ANNOTATE',\n        {\n            input_url: base,\n            // Text-op contract (yantra-video dispatch): x/y are drawtext\n            // EXPRESSION STRINGS (numbers silently fall back to \"10\") and the\n            // colour key is font_color. text_w makes alignment exact.\n            ops: texts.map((t) => ({\n                type: 'text',\n                text: t.text,\n                x: textAnchorX(t),\n                y: String(Math.round(t.y)),\n                font_size: Math.round(t.fontSize),\n                font_color: t.color,\n            })),\n        },\n        'ANNOTATE',\n    );\n}\n\nfunction textAnchorX(t: TextLayer): string {\n    if (t.align === 'center') return `${Math.round(t.x + t.width / 2)}-text_w/2`;\n    if (t.align === 'right') return `${Math.round(t.x + t.width)}-text_w`;\n    return String(Math.round(t.x));\n}\n\n/** Render every page; returns URLs in page order. */\nexport async function renderDesignDoc(\n    pages: DesignPage[],\n    opts: {\n        runAction: RunMediaAction;\n        blankUrl: string;\n        uploadMedia?: (localUri: string) => Promise<string>;\n        onProgress?: (p: DesignRenderProgress) => void;\n    },\n): Promise<string[]> {\n    if (pages.length === 0) throw new Error('Nothing to render');\n    const urls: string[] = [];\n    for (const page of pages) {\n        urls.push(await renderDesignPage(page, { ...opts, pageLabel: page.name }));\n    }\n    return urls;\n}\n"],"names":[],"mappings":"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"}