@adminide-stack/yantra-mobile 12.0.128 → 12.0.129-alpha.1

package/lib/features/design/doc/fonts.js

@@ -0,0 +1,79 @@
+const GOOGLE_WEIGHTS = "100,200,300,400,500,600,700,800,900,400italic,700italic";
+function googleFontCssUrl(family) {
+  return `https://fonts.googleapis.com/css?family=${encodeURIComponent(family.trim()).replace(/%20/g, "+")}:${GOOGLE_WEIGHTS}`;
+}
+function parseGoogleFontCss(css) {
+  var _a, _b, _c, _d;
+  const faces = [];
+  for (const block of css.split("@font-face").slice(1)) {
+    const url = (_b = (_a = /src:\s*url\(([^)]+)\)\s*format\(['"]truetype['"]\)/.exec(block)) == null ? void 0 : _a[1]) == null ? void 0 : _b.trim();
+    if (!url || !/^https:\/\//.test(url)) continue;
+    const weight = Number((_d = (_c = /font-weight:\s*(\d+)/.exec(block)) == null ? void 0 : _c[1]) != null ? _d : 400);
+    const italic = /font-style:\s*italic/.test(block);
+    faces.push({
+      weight,
+      italic,
+      url
+    });
+  }
+  return faces;
+}
+function faceAlias(family, weight, italic) {
+  return `yd-${family.trim().replace(/[^A-Za-z0-9]+/g, "-")}-${weight}${italic ? "i" : ""}`;
+}
+function nearestFace(faces, weight, italic) {
+  if (!faces.length) return void 0;
+  const posture = faces.filter((f) => f.italic === italic);
+  const pool = posture.length ? posture : faces;
+  return pool.reduce((best, f) => {
+    const d = Math.abs(f.weight - weight);
+    const bd = Math.abs(best.weight - weight);
+    if (d < bd) return f;
+    if (d === bd && (weight >= 400 ? f.weight > best.weight : f.weight < best.weight)) return f;
+    return best;
+  });
+}
+const CLASS_RULES = [["mono", /mono|courier|code|consol|menlo|typewriter|inconsolata/i], ["script", /script|pacifico|vibes|allura|satisfy|signature|brush|parisienne|sacramento|calligraph|cursive|tangerine|yellowtail|alex brush|amsterdam|monoline|lobster|cookie|kaushan|playball|great/i], ["hand", /hand|caveat|indie|amatic|marker|chalk|comic|kalam|patrick|shadows|gloria|architects|permanent|sketch|crayon|kids/i], ["condensed", /condensed|compressed|narrow|bebas|anton|oswald|impact|league gothic|six caps|big shoulders|fjalla|teko|barlow condensed|archivo narrow|antonio|squada|staatliches/i], ["didone", /didot|bodoni|playfair|abril|dm serif|prata|vidaloka|yeseva|rozha|chonburi|gfs/i], ["oldstyle", /garamond|cormorant|baskerville|caslon|cardo|lora|crimson|libre baskerville|libre caslon|sabon|minion|spectral|alegreya|old standard|palatino|book|times|merriweather|georgia|pt serif|noto serif|source serif|eb /i], ["serif", /serif|slab|roboto slab|arvo|rockwell|zilla|bitter|domine|cinzel|trajan|cooper|recoleta|fraunces|shrikhand|serif display/i], ["geometric", /gotham|montserrat|poppins|futura|avenir|century gothic|josefin|raleway|nunito|quicksand|comfortaa|questrial|didact|jost|outfit|urbanist|lexend|league spartan|spartan|sora|manrope|brandon|glacial|tt norms|sofia|museo|proxima|circular|gilroy|kumbh|red hat|righteous|fredoka|varela|archivo black/i]];
+function fontClassOf(family) {
+  const name = (family != null ? family : "").trim();
+  if (!name) return "sans";
+  for (const [cls, re] of CLASS_RULES) if (re.test(name)) return cls;
+  return "sans";
+}
+const SYSTEM_FACES = {
+  ios: {
+    sans: void 0,
+    geometric: "Avenir Next",
+    serif: "Georgia",
+    didone: "Didot",
+    oldstyle: "Baskerville",
+    mono: "Menlo",
+    condensed: "Avenir Next Condensed",
+    script: "Snell Roundhand",
+    hand: "Noteworthy"
+  },
+  android: {
+    sans: void 0,
+    geometric: "sans-serif",
+    serif: "serif",
+    didone: "serif",
+    oldstyle: "serif",
+    mono: "monospace",
+    condensed: "sans-serif-condensed",
+    script: "cursive",
+    hand: "casual"
+  }
+};
+const SHIPPED = {
+  ios: /* @__PURE__ */ new Set(["Arial", "Avenir", "Avenir Next", "Baskerville", "Courier New", "Didot", "Futura", "Georgia", "Gill Sans", "Helvetica", "Helvetica Neue", "Menlo", "Optima", "Palatino", "Times New Roman", "Trebuchet MS", "Verdana", "American Typewriter", "Copperplate", "Snell Roundhand", "Noteworthy", "Marker Felt", "Chalkboard SE", "Bodoni 72"]),
+  android: /* @__PURE__ */ new Set(["sans-serif", "serif", "monospace", "cursive", "casual"])
+};
+function systemFontFor(family, platform) {
+  const name = (family != null ? family : "").trim();
+  if (name && SHIPPED[platform].has(name)) return name;
+  return SYSTEM_FACES[platform][fontClassOf(name)];
+}
+function rnWeight(weight) {
+  const w = Math.min(900, Math.max(100, Math.round((weight != null ? weight : 400) / 100) * 100));
+  return String(w);
+}export{faceAlias,fontClassOf,googleFontCssUrl,nearestFace,parseGoogleFontCss,rnWeight,systemFontFor};//# sourceMappingURL=fonts.js.map

package/lib/features/design/doc/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sources":["../../../../src/features/design/doc/fonts.ts"],"sourcesContent":["/**\n * Which face a text layer draws in on a phone.\n *\n * The web loads a template's own faces (re-hosted woff2) and Google faces at\n * runtime. iOS cannot load woff2, and the template CDN has no TrueType, so\n * native takes two steps instead:\n *\n *  1. Google Fonts serves TrueType to a non-browser client, so any family\n *     Google hosts (Montserrat, Poppins, Playfair Display, ...) loads for real\n *     through expo-font (render/fontRegistry.ts). The v1 CSS API tolerates\n *     weights a family lacks and answers 400 for a family it does not host -\n *     one request says both.\n *  2. Anything else (Canva's licensed faces: Gotham, Brandon, ...) draws in the\n *     closest family the device ships, chosen by what its name says it is.\n *\n * Pure: runs under jest as-is.\n */\n\nexport type FontPlatform = 'ios' | 'android';\n\nexport interface FontFace {\n    weight: number;\n    italic: boolean;\n    url: string;\n}\n\nconst GOOGLE_WEIGHTS = '100,200,300,400,500,600,700,800,900,400italic,700italic';\n\n/** The Google Fonts v1 stylesheet for a family, every weight it might have. */\nexport function googleFontCssUrl(family: string): string {\n    return `https://fonts.googleapis.com/css?family=${encodeURIComponent(family.trim()).replace(/%20/g, '+')}:${GOOGLE_WEIGHTS}`;\n}\n\n/** The TrueType faces a Google stylesheet declares (the API answers a non-browser client with .ttf). */\nexport function parseGoogleFontCss(css: string): FontFace[] {\n    const faces: FontFace[] = [];\n    for (const block of css.split('@font-face').slice(1)) {\n        const url = /src:\\s*url\\(([^)]+)\\)\\s*format\\(['\"]truetype['\"]\\)/.exec(block)?.[1]?.trim();\n        if (!url || !/^https:\\/\\//.test(url)) continue;\n        const weight = Number(/font-weight:\\s*(\\d+)/.exec(block)?.[1] ?? 400);\n        const italic = /font-style:\\s*italic/.test(block);\n        faces.push({ weight, italic, url });\n    }\n    return faces;\n}\n\n/** The name a loaded face registers under: one name per face, so no platform has to pick a weight. */\nexport function faceAlias(family: string, weight: number, italic: boolean): string {\n    return `yd-${family.trim().replace(/[^A-Za-z0-9]+/g, '-')}-${weight}${italic ? 'i' : ''}`;\n}\n\n/** The loaded face closest to a wanted weight and posture (CSS's matching, roughly). */\nexport function nearestFace<T extends { weight: number; italic: boolean }>(\n    faces: readonly T[],\n    weight: number,\n    italic: boolean,\n): T | undefined {\n    if (!faces.length) return undefined;\n    const posture = faces.filter((f) => f.italic === italic);\n    const pool = posture.length ? posture : faces;\n    return pool.reduce((best, f) => {\n        const d = Math.abs(f.weight - weight);\n        const bd = Math.abs(best.weight - weight);\n        // Ties go to the heavier face when bolder was asked, else the lighter (CSS's rule).\n        if (d < bd) return f;\n        if (d === bd && (weight >= 400 ? f.weight > best.weight : f.weight < best.weight)) return f;\n        return best;\n    });\n}\n\n/** What a family's name says it is. */\nexport type FontClass =\n    | 'sans'\n    | 'geometric'\n    | 'serif'\n    | 'didone'\n    | 'oldstyle'\n    | 'mono'\n    | 'condensed'\n    | 'script'\n    | 'hand';\n\nconst CLASS_RULES: Array<[FontClass, RegExp]> = [\n    ['mono', /mono|courier|code|consol|menlo|typewriter|inconsolata/i],\n    [\n        'script',\n        /script|pacifico|vibes|allura|satisfy|signature|brush|parisienne|sacramento|calligraph|cursive|tangerine|yellowtail|alex brush|amsterdam|monoline|lobster|cookie|kaushan|playball|great/i,\n    ],\n    [\n        'hand',\n        /hand|caveat|indie|amatic|marker|chalk|comic|kalam|patrick|shadows|gloria|architects|permanent|sketch|crayon|kids/i,\n    ],\n    [\n        'condensed',\n        /condensed|compressed|narrow|bebas|anton|oswald|impact|league gothic|six caps|big shoulders|fjalla|teko|barlow condensed|archivo narrow|antonio|squada|staatliches/i,\n    ],\n    ['didone', /didot|bodoni|playfair|abril|dm serif|prata|vidaloka|yeseva|rozha|chonburi|gfs/i],\n    [\n        'oldstyle',\n        /garamond|cormorant|baskerville|caslon|cardo|lora|crimson|libre baskerville|libre caslon|sabon|minion|spectral|alegreya|old standard|palatino|book|times|merriweather|georgia|pt serif|noto serif|source serif|eb /i,\n    ],\n    [\n        'serif',\n        /serif|slab|roboto slab|arvo|rockwell|zilla|bitter|domine|cinzel|trajan|cooper|recoleta|fraunces|shrikhand|serif display/i,\n    ],\n    [\n        'geometric',\n        /gotham|montserrat|poppins|futura|avenir|century gothic|josefin|raleway|nunito|quicksand|comfortaa|questrial|didact|jost|outfit|urbanist|lexend|league spartan|spartan|sora|manrope|brandon|glacial|tt norms|sofia|museo|proxima|circular|gilroy|kumbh|red hat|righteous|fredoka|varela|archivo black/i,\n    ],\n];\n\n/** Classify a family by its name; anything unrecognised is a plain sans. */\nexport function fontClassOf(family: string | undefined): FontClass {\n    const name = (family ?? '').trim();\n    if (!name) return 'sans';\n    for (const [cls, re] of CLASS_RULES) if (re.test(name)) return cls;\n    return 'sans';\n}\n\n/** The device family closest to each class. `undefined` is the platform's own UI face. */\nconst SYSTEM_FACES: Record<FontPlatform, Record<FontClass, string | undefined>> = {\n    ios: {\n        sans: undefined,\n        geometric: 'Avenir Next',\n        serif: 'Georgia',\n        didone: 'Didot',\n        oldstyle: 'Baskerville',\n        mono: 'Menlo',\n        condensed: 'Avenir Next Condensed',\n        script: 'Snell Roundhand',\n        hand: 'Noteworthy',\n    },\n    android: {\n        sans: undefined,\n        geometric: 'sans-serif',\n        serif: 'serif',\n        didone: 'serif',\n        oldstyle: 'serif',\n        mono: 'monospace',\n        condensed: 'sans-serif-condensed',\n        script: 'cursive',\n        hand: 'casual',\n    },\n};\n\n/** Families some devices ship under their own name: draw them as themselves. */\nconst SHIPPED: Record<FontPlatform, ReadonlySet<string>> = {\n    ios: new Set([\n        'Arial',\n        'Avenir',\n        'Avenir Next',\n        'Baskerville',\n        'Courier New',\n        'Didot',\n        'Futura',\n        'Georgia',\n        'Gill Sans',\n        'Helvetica',\n        'Helvetica Neue',\n        'Menlo',\n        'Optima',\n        'Palatino',\n        'Times New Roman',\n        'Trebuchet MS',\n        'Verdana',\n        'American Typewriter',\n        'Copperplate',\n        'Snell Roundhand',\n        'Noteworthy',\n        'Marker Felt',\n        'Chalkboard SE',\n        'Bodoni 72',\n    ]),\n    android: new Set(['sans-serif', 'serif', 'monospace', 'cursive', 'casual']),\n};\n\n/** The device family a layer's family draws in when its own face is not loaded. */\nexport function systemFontFor(family: string | undefined, platform: FontPlatform): string | undefined {\n    const name = (family ?? '').trim();\n    if (name && SHIPPED[platform].has(name)) return name;\n    return SYSTEM_FACES[platform][fontClassOf(name)];\n}\n\n/** The RN weight string for a numeric weight (RN accepts '100'...'900'). */\nexport function rnWeight(\n    weight: number | undefined,\n): '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' {\n    const w = Math.min(900, Math.max(100, Math.round((weight ?? 400) / 100) * 100));\n    return String(w) as ReturnType<typeof rnWeight>;\n}\n"],"names":[],"mappings":"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"}

package/lib/features/design/doc/frames.js

@@ -0,0 +1,17 @@
+import {SHAPES}from'./shapes.js';const fromShape = (kind) => ({
+  id: kind,
+  label: SHAPES[kind].label,
+  d: SHAPES[kind].d
+});
+const FRAME_SHAPES = [fromShape("ellipse"), {
+  id: "rounded",
+  label: "Rounded square",
+  d: "M.15 0H.85A.15 .15 0 0 1 1 .15V.85A.15 .15 0 0 1 .85 1H.15A.15 .15 0 0 1 0 .85V.15A.15 .15 0 0 1 .15 0Z"
+}, fromShape("arch"), fromShape("pill"), {
+  id: "heart",
+  label: "Heart",
+  d: "M.5 .92C.15 .67 0 .47 0 .29C0 .13 .13 0 .28 0C.38 0 .46 .06 .5 .14C.54 .06 .62 0 .72 0C.87 0 1 .13 1 .29C1 .47 .85 .67 .5 .92Z"
+}, fromShape("triangle"), fromShape("diamond"), fromShape("pentagon"), fromShape("hexagon"), fromShape("star"), fromShape("sparkle"), fromShape("burst"), fromShape("semicircle"), fromShape("parallelogram")];
+function frameOf(clipPath) {
+  return clipPath ? FRAME_SHAPES.find((f) => f.d === clipPath) : void 0;
+}export{FRAME_SHAPES,frameOf};//# sourceMappingURL=frames.js.map

package/lib/features/design/doc/frames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frames.js","sources":["../../../../src/features/design/doc/frames.ts"],"sourcesContent":["/**\n * Canva's Frames - native twin of canvas-surface `carousel-editor/utils/frames.ts`:\n * a picture shown through a shape. A frame is an outline in a 0..1 box (the\n * shape catalog's form), stored on the image layer as `clipPath`, which the\n * native renderer already clips by - so the phone, the web and every export\n * clip the same way.\n *\n * Pure: runs under jest as-is.\n */\nimport { SHAPES, type ShapeKind } from './shapes';\n\nexport interface FrameShape {\n    id: string;\n    label: string;\n    d: string;\n}\n\nconst fromShape = (kind: ShapeKind): FrameShape => ({ id: kind, label: SHAPES[kind].label, d: SHAPES[kind].d });\n\n/** Canva's basic frames, in the order its panel shows them (web FRAME_SHAPES, outlines verbatim). */\nexport const FRAME_SHAPES: FrameShape[] = [\n    fromShape('ellipse'),\n    {\n        id: 'rounded',\n        label: 'Rounded square',\n        d: 'M.15 0H.85A.15 .15 0 0 1 1 .15V.85A.15 .15 0 0 1 .85 1H.15A.15 .15 0 0 1 0 .85V.15A.15 .15 0 0 1 .15 0Z',\n    },\n    fromShape('arch'),\n    fromShape('pill'),\n    {\n        id: 'heart',\n        label: 'Heart',\n        d: 'M.5 .92C.15 .67 0 .47 0 .29C0 .13 .13 0 .28 0C.38 0 .46 .06 .5 .14C.54 .06 .62 0 .72 0C.87 0 1 .13 1 .29C1 .47 .85 .67 .5 .92Z',\n    },\n    fromShape('triangle'),\n    fromShape('diamond'),\n    fromShape('pentagon'),\n    fromShape('hexagon'),\n    fromShape('star'),\n    fromShape('sparkle'),\n    fromShape('burst'),\n    fromShape('semicircle'),\n    fromShape('parallelogram'),\n];\n\n/** The frame a stored outline came from; undefined for a custom outline. */\nexport function frameOf(clipPath: string | undefined): FrameShape | undefined {\n    return clipPath ? FRAME_SHAPES.find((f) => f.d === clipPath) : undefined;\n}\n"],"names":[],"mappings":"iCAeA,MAAM,SAAA,GAAY,CAAC,IAAiC,MAAA;AAAA,EAClD,EAAI,EAAA,IAAA;AAAA,EACJ,KAAA,EAAO,MAAO,CAAA,IAAI,CAAE,CAAA,KAAA;AAAA,EACpB,CAAA,EAAG,MAAO,CAAA,IAAI,CAAE,CAAA;AAClB,CAAA,CAAA;AAGO,MAAM,YAA6B,GAAA,CAAC,SAAU,CAAA,SAAS,CAAG,EAAA;AAAA,EAC/D,EAAI,EAAA,SAAA;AAAA,EACJ,KAAO,EAAA,gBAAA;AAAA,EACP,CAAG,EAAA;AACL,CAAA,EAAG,SAAU,CAAA,MAAM,CAAG,EAAA,SAAA,CAAU,MAAM,CAAG,EAAA;AAAA,EACvC,EAAI,EAAA,OAAA;AAAA,EACJ,KAAO,EAAA,OAAA;AAAA,EACP,CAAG,EAAA;AACL,CAAG,EAAA,SAAA,CAAU,UAAU,CAAA,EAAG,SAAU,CAAA,SAAS,CAAG,EAAA,SAAA,CAAU,UAAU,CAAA,EAAG,SAAU,CAAA,SAAS,CAAG,EAAA,SAAA,CAAU,MAAM,CAAG,EAAA,SAAA,CAAU,SAAS,CAAA,EAAG,SAAU,CAAA,OAAO,CAAG,EAAA,SAAA,CAAU,YAAY,CAAA,EAAG,SAAU,CAAA,eAAe,CAAC;AAGtM,SAAS,QAAQ,QAAsD,EAAA;AAC5E,EAAA,OAAO,WAAW,YAAa,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,CAAA,KAAM,QAAQ,CAAI,GAAA,MAAA;AAC/D"}

package/lib/features/design/doc/geometry.js

@@ -0,0 +1,133 @@
+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 rad = (deg) => deg * Math.PI / 180;
+function rotate(x, y, deg) {
+  const t = rad(deg);
+  const c = Math.cos(t);
+  const s = Math.sin(t);
+  return [x * c - y * s, x * s + y * c];
+}
+function layerBox(layer, W, H) {
+  return {
+    x: layer.x * W,
+    y: layer.y * H,
+    w: layer.w * W,
+    h: layer.h * H
+  };
+}
+function pointInBox(px, py, box, deg = 0, slop = 0) {
+  const cx = box.x + box.w / 2;
+  const cy = box.y + box.h / 2;
+  const [lx, ly] = rotate(px - cx, py - cy, -deg);
+  return Math.abs(lx) <= box.w / 2 + slop && Math.abs(ly) <= box.h / 2 + slop;
+}
+function hitTest(layers, px, py, W, H) {
+  var _a;
+  for (let i = layers.length - 1; i >= 0; i -= 1) {
+    const layer = layers[i];
+    const box = layerBox(layer, W, H);
+    const slop = Math.min(box.w, box.h) < 24 ? 10 : 0;
+    if (pointInBox(px, py, box, (_a = layer.rotation) != null ? _a : 0, slop)) return layer;
+  }
+  return null;
+}
+const SIGN = {
+  nw: [-1, -1],
+  n: [0, -1],
+  ne: [1, -1],
+  e: [1, 0],
+  se: [1, 1],
+  s: [0, 1],
+  sw: [-1, 1],
+  w: [-1, 0]
+};
+function handlePoint(box, deg, handle) {
+  const [sx, sy] = SIGN[handle];
+  const [ox, oy] = rotate(sx * box.w / 2, sy * box.h / 2, deg);
+  return [box.x + box.w / 2 + ox, box.y + box.h / 2 + oy];
+}
+function rotateKnobPoint(box, deg, gap) {
+  const [ox, oy] = rotate(0, box.h / 2 + gap, deg);
+  return [box.x + box.w / 2 + ox, box.y + box.h / 2 + oy];
+}
+function resizeBox(box, deg, handle, dx, dy, opts = {}) {
+  var _a;
+  const min = (_a = opts.minSize) != null ? _a : 8;
+  const [sx, sy] = SIGN[handle];
+  const [ldx, ldy] = rotate(dx, dy, -deg);
+  let w = sx ? Math.max(min, box.w + sx * ldx) : box.w;
+  let h = sy ? Math.max(min, box.h + sy * ldy) : box.h;
+  if (opts.keepAspect && sx && sy) {
+    const scale = Math.max(w / box.w, h / box.h);
+    const floor = min / Math.min(box.w, box.h);
+    const s = Math.max(scale, floor);
+    w = box.w * s;
+    h = box.h * s;
+  }
+  const cx = box.x + box.w / 2;
+  const cy = box.y + box.h / 2;
+  const [ax, ay] = rotate(-sx * box.w / 2, -sy * box.h / 2, deg);
+  const anchorX = cx + ax;
+  const anchorY = cy + ay;
+  const [nx, ny] = rotate(-sx * w / 2, -sy * h / 2, deg);
+  const ncx = anchorX - nx;
+  const ncy = anchorY - ny;
+  return {
+    x: ncx - w / 2,
+    y: ncy - h / 2,
+    w,
+    h
+  };
+}
+function rotateFromDrag(box, startDeg, from, to, snap = 4) {
+  const cx = box.x + box.w / 2;
+  const cy = box.y + box.h / 2;
+  const a0 = Math.atan2(from[1] - cy, from[0] - cx);
+  const a1 = Math.atan2(to[1] - cy, to[0] - cx);
+  let deg = startDeg + (a1 - a0) * 180 / Math.PI;
+  deg = ((deg + 180) % 360 + 360) % 360 - 180;
+  const nearest = Math.round(deg / 45) * 45;
+  if (Math.abs(deg - nearest) <= snap) deg = nearest === -180 ? 180 : nearest;
+  return Math.round(deg * 10) / 10;
+}
+function snapToPage(box, W, H, tol = 6) {
+  let {
+    x,
+    y
+  } = box;
+  let guideX = false;
+  let guideY = false;
+  if (Math.abs(x + box.w / 2 - W / 2) <= tol) {
+    x = W / 2 - box.w / 2;
+    guideX = true;
+  }
+  if (Math.abs(y + box.h / 2 - H / 2) <= tol) {
+    y = H / 2 - box.h / 2;
+    guideY = true;
+  }
+  return {
+    box: __spreadProps(__spreadValues({}, box), {
+      x,
+      y
+    }),
+    guideX,
+    guideY
+  };
+}export{handlePoint,hitTest,layerBox,pointInBox,resizeBox,rotateFromDrag,rotateKnobPoint,snapToPage};//# sourceMappingURL=geometry.js.map

package/lib/features/design/doc/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.js","sources":["../../../../src/features/design/doc/geometry.ts"],"sourcesContent":["/**\n * Touch geometry for the editor: which layer a tap lands on, where a rotated\n * layer's handles are, and how a handle drag resizes or turns it.\n *\n * Everything works in the canvas's own px (page fractions times the drawn\n * page size). A layer turns about its centre, as on web, so a point is tested\n * against the box by turning it back first; a resize keeps the handle's\n * opposite corner (or side) where it was on screen, turned or not.\n *\n * Pure: runs under jest as-is.\n */\nimport type { EditorLayer } from './types';\n\nexport interface Box {\n    x: number;\n    y: number;\n    w: number;\n    h: number;\n}\n\nexport type Handle = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';\n\nconst rad = (deg: number) => (deg * Math.PI) / 180;\n\nfunction rotate(x: number, y: number, deg: number): [number, number] {\n    const t = rad(deg);\n    const c = Math.cos(t);\n    const s = Math.sin(t);\n    return [x * c - y * s, x * s + y * c];\n}\n\nexport function layerBox(layer: Pick<EditorLayer, 'x' | 'y' | 'w' | 'h'>, W: number, H: number): Box {\n    return { x: layer.x * W, y: layer.y * H, w: layer.w * W, h: layer.h * H };\n}\n\n/** Is a point inside a box turned `deg` about its centre? `slop` widens it for a thumb. */\nexport function pointInBox(px: number, py: number, box: Box, deg = 0, slop = 0): boolean {\n    const cx = box.x + box.w / 2;\n    const cy = box.y + box.h / 2;\n    const [lx, ly] = rotate(px - cx, py - cy, -deg);\n    return Math.abs(lx) <= box.w / 2 + slop && Math.abs(ly) <= box.h / 2 + slop;\n}\n\n/**\n * The topmost layer under a point, or null. A thin layer (a rule, a line of\n * small text) takes a few px of slop so it can still be tapped.\n */\nexport function hitTest(\n    layers: readonly EditorLayer[],\n    px: number,\n    py: number,\n    W: number,\n    H: number,\n): EditorLayer | null {\n    for (let i = layers.length - 1; i >= 0; i -= 1) {\n        const layer = layers[i];\n        const box = layerBox(layer, W, H);\n        const slop = Math.min(box.w, box.h) < 24 ? 10 : 0;\n        if (pointInBox(px, py, box, layer.rotation ?? 0, slop)) return layer;\n    }\n    return null;\n}\n\nconst SIGN: Record<Handle, [number, number]> = {\n    nw: [-1, -1],\n    n: [0, -1],\n    ne: [1, -1],\n    e: [1, 0],\n    se: [1, 1],\n    s: [0, 1],\n    sw: [-1, 1],\n    w: [-1, 0],\n};\n\n/** Where a handle sits on screen, the box turned `deg`. */\nexport function handlePoint(box: Box, deg: number, handle: Handle): [number, number] {\n    const [sx, sy] = SIGN[handle];\n    const [ox, oy] = rotate((sx * box.w) / 2, (sy * box.h) / 2, deg);\n    return [box.x + box.w / 2 + ox, box.y + box.h / 2 + oy];\n}\n\n/** The rotate knob: below the box, `gap` px past its bottom edge, turning with it. */\nexport function rotateKnobPoint(box: Box, deg: number, gap: number): [number, number] {\n    const [ox, oy] = rotate(0, box.h / 2 + gap, deg);\n    return [box.x + box.w / 2 + ox, box.y + box.h / 2 + oy];\n}\n\n/**\n * Drag a handle by (dx, dy) screen px. Corners keep the box's aspect when\n * `keepAspect` (pictures, and text, whose corners scale its words); sides move\n * one edge. The opposite corner or side stays put on screen.\n */\nexport function resizeBox(\n    box: Box,\n    deg: number,\n    handle: Handle,\n    dx: number,\n    dy: number,\n    opts: { keepAspect?: boolean; minSize?: number } = {},\n): Box {\n    const min = opts.minSize ?? 8;\n    const [sx, sy] = SIGN[handle];\n    const [ldx, ldy] = rotate(dx, dy, -deg);\n    let w = sx ? Math.max(min, box.w + sx * ldx) : box.w;\n    let h = sy ? Math.max(min, box.h + sy * ldy) : box.h;\n    if (opts.keepAspect && sx && sy) {\n        // The larger pull wins, so a diagonal drag tracks the thumb.\n        const scale = Math.max(w / box.w, h / box.h);\n        const floor = min / Math.min(box.w, box.h);\n        const s = Math.max(scale, floor);\n        w = box.w * s;\n        h = box.h * s;\n    }\n    // The anchor: the opposite corner (or side midpoint), fixed on screen.\n    const cx = box.x + box.w / 2;\n    const cy = box.y + box.h / 2;\n    const [ax, ay] = rotate((-sx * box.w) / 2, (-sy * box.h) / 2, deg);\n    const anchorX = cx + ax;\n    const anchorY = cy + ay;\n    const [nx, ny] = rotate((-sx * w) / 2, (-sy * h) / 2, deg);\n    const ncx = anchorX - nx;\n    const ncy = anchorY - ny;\n    return { x: ncx - w / 2, y: ncy - h / 2, w, h };\n}\n\n/** Rotation after dragging the knob from `from` to `to` (screen px), snapped to 45° steps within `snap` degrees. */\nexport function rotateFromDrag(\n    box: Box,\n    startDeg: number,\n    from: [number, number],\n    to: [number, number],\n    snap = 4,\n): number {\n    const cx = box.x + box.w / 2;\n    const cy = box.y + box.h / 2;\n    const a0 = Math.atan2(from[1] - cy, from[0] - cx);\n    const a1 = Math.atan2(to[1] - cy, to[0] - cx);\n    let deg = startDeg + ((a1 - a0) * 180) / Math.PI;\n    deg = ((((deg + 180) % 360) + 360) % 360) - 180;\n    const nearest = Math.round(deg / 45) * 45;\n    if (Math.abs(deg - nearest) <= snap) deg = nearest === -180 ? 180 : nearest;\n    return Math.round(deg * 10) / 10;\n}\n\n/** Snap a moved box's centre and edges to the page's centre lines within `tol` px; returns the snapped box and the guides hit. */\nexport function snapToPage(box: Box, W: number, H: number, tol = 6): { box: Box; guideX: boolean; guideY: boolean } {\n    let { x, y } = box;\n    let guideX = false;\n    let guideY = false;\n    if (Math.abs(x + box.w / 2 - W / 2) <= tol) {\n        x = W / 2 - box.w / 2;\n        guideX = true;\n    }\n    if (Math.abs(y + box.h / 2 - H / 2) <= tol) {\n        y = H / 2 - box.h / 2;\n        guideY = true;\n    }\n    return { box: { ...box, x, y }, guideX, guideY };\n}\n"],"names":[],"mappings":"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"}

package/lib/features/design/doc/imageAdjust.js

@@ -0,0 +1,203 @@
+const IMAGE_FILTERS = [{
+  id: "epic",
+  label: "Epic",
+  look: {
+    contrast: 1.25,
+    saturate: 1.3,
+    brightness: 0.95
+  }
+}, {
+  id: "festive",
+  label: "Festive",
+  look: {
+    saturate: 1.5,
+    hue: -10,
+    brightness: 1.05
+  }
+}, {
+  id: "summer",
+  label: "Summer",
+  look: {
+    sepia: 0.25,
+    saturate: 1.35,
+    brightness: 1.08
+  }
+}, {
+  id: "dramatic",
+  label: "Dramatic",
+  look: {
+    contrast: 1.45,
+    brightness: 0.88,
+    saturate: 0.85
+  }
+}, {
+  id: "retro",
+  label: "Retro",
+  look: {
+    sepia: 0.45,
+    contrast: 1.1,
+    saturate: 0.85,
+    hue: -8
+  }
+}, {
+  id: "vintage",
+  label: "Vintage",
+  look: {
+    sepia: 0.6,
+    contrast: 0.9,
+    brightness: 1.05
+  }
+}, {
+  id: "warm",
+  label: "Warm",
+  look: {
+    sepia: 0.3,
+    hue: -12,
+    saturate: 1.15
+  }
+}, {
+  id: "cool",
+  label: "Cool",
+  look: {
+    hue: 12,
+    saturate: 1.1,
+    brightness: 1.02
+  }
+}, {
+  id: "fade",
+  label: "Fade",
+  look: {
+    contrast: 0.82,
+    brightness: 1.08,
+    saturate: 0.8
+  }
+}, {
+  id: "noir",
+  label: "Noir",
+  look: {
+    grayscale: 1,
+    contrast: 1.4,
+    brightness: 0.92
+  }
+}, {
+  id: "mono",
+  label: "Mono",
+  look: {
+    grayscale: 1
+  }
+}];
+const DEFAULT_SHADOW = {
+  color: "#000000",
+  alpha: 0.35,
+  blurFrac: 0.02,
+  distFrac: 0.012,
+  angle: 90
+};
+function filterChain(a) {
+  var _a;
+  if (!a) return [];
+  const out = [];
+  const look = a.filter && ((_a = IMAGE_FILTERS.find((f) => f.id === a.filter.id)) == null ? void 0 : _a.look);
+  if (look && a.filter) {
+    const t = Math.min(1, Math.max(0, a.filter.intensity));
+    const mul = (v) => v == null ? null : 1 + (v - 1) * t;
+    const add = (v) => v == null ? null : v * t;
+    const sep = add(look.sepia);
+    const g = add(look.grayscale);
+    const h = add(look.hue);
+    const b = mul(look.brightness);
+    const c = mul(look.contrast);
+    const s = mul(look.saturate);
+    if (sep) out.push({
+      fn: "sepia",
+      v: sep
+    });
+    if (g) out.push({
+      fn: "grayscale",
+      v: g
+    });
+    if (h) out.push({
+      fn: "hue",
+      v: h
+    });
+    if (b != null && b !== 1) out.push({
+      fn: "brightness",
+      v: b
+    });
+    if (c != null && c !== 1) out.push({
+      fn: "contrast",
+      v: c
+    });
+    if (s != null && s !== 1) out.push({
+      fn: "saturate",
+      v: s
+    });
+  }
+  if (a.brightness != null && a.brightness !== 1) out.push({
+    fn: "brightness",
+    v: a.brightness
+  });
+  if (a.contrast != null && a.contrast !== 1) out.push({
+    fn: "contrast",
+    v: a.contrast
+  });
+  if (a.saturation != null && a.saturation !== 1) out.push({
+    fn: "saturate",
+    v: a.saturation
+  });
+  return out;
+}
+const IDENTITY = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0]];
+function fnMatrix(f) {
+  switch (f.fn) {
+    case "sepia": {
+      const k = 1 - Math.min(1, Math.max(0, f.v));
+      return [[0.393 + 0.607 * k, 0.769 - 0.769 * k, 0.189 - 0.189 * k, 0], [0.349 - 0.349 * k, 0.686 + 0.314 * k, 0.168 - 0.168 * k, 0], [0.272 - 0.272 * k, 0.534 - 0.534 * k, 0.131 + 0.869 * k, 0]];
+    }
+    case "grayscale": {
+      const k = 1 - Math.min(1, Math.max(0, f.v));
+      return [[0.2126 + 0.7874 * k, 0.7152 - 0.7152 * k, 0.0722 - 0.0722 * k, 0], [0.2126 - 0.2126 * k, 0.7152 + 0.2848 * k, 0.0722 - 0.0722 * k, 0], [0.2126 - 0.2126 * k, 0.7152 - 0.7152 * k, 0.0722 + 0.9278 * k, 0]];
+    }
+    case "saturate": {
+      const s = Math.max(0, f.v);
+      return [[0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0], [0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0], [0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0]];
+    }
+    case "hue": {
+      const a = f.v * Math.PI / 180;
+      const c = Math.cos(a);
+      const s = Math.sin(a);
+      return [[0.213 + c * 0.787 - s * 0.213, 0.715 - c * 0.715 - s * 0.715, 0.072 - c * 0.072 + s * 0.928, 0], [0.213 - c * 0.213 + s * 0.143, 0.715 + c * 0.285 + s * 0.14, 0.072 - c * 0.072 - s * 0.283, 0], [0.213 - c * 0.213 - s * 0.787, 0.715 - c * 0.715 + s * 0.715, 0.072 + c * 0.928 + s * 0.072, 0]];
+    }
+    case "brightness":
+      return [[f.v, 0, 0, 0], [0, f.v, 0, 0], [0, 0, f.v, 0]];
+    case "contrast": {
+      const o = 0.5 - 0.5 * f.v;
+      return [[f.v, 0, 0, o], [0, f.v, 0, o], [0, 0, f.v, o]];
+    }
+    default:
+      return IDENTITY;
+  }
+}
+function compose(b, a) {
+  return [0, 1, 2].map((r) => [b[r][0] * a[0][0] + b[r][1] * a[1][0] + b[r][2] * a[2][0], b[r][0] * a[0][1] + b[r][1] * a[1][1] + b[r][2] * a[2][1], b[r][0] * a[0][2] + b[r][1] * a[1][2] + b[r][2] * a[2][2], b[r][0] * a[0][3] + b[r][1] * a[1][3] + b[r][2] * a[2][3] + b[r][3]]);
+}
+function adjustColorMatrix(a) {
+  const chain = filterChain(a);
+  if (!chain.length) return null;
+  const m = chain.reduce((acc, f) => compose(fnMatrix(f), acc), IDENTITY);
+  const round = (v) => Math.round(v * 1e4) / 1e4;
+  return [...m[0].slice(0, 3).map(round), 0, round(m[0][3]), ...m[1].slice(0, 3).map(round), 0, round(m[1][3]), ...m[2].slice(0, 3).map(round), 0, round(m[2][3]), 0, 0, 0, 1, 0];
+}
+function hasAdjust(a) {
+  return Boolean(adjustColorMatrix(a)) || Boolean(a == null ? void 0 : a.blurFrac);
+}
+function cleanAdjust(a) {
+  if (!a) return void 0;
+  const out = {};
+  if (a.filter && a.filter.intensity > 0) out.filter = a.filter;
+  if (a.brightness != null && a.brightness !== 1) out.brightness = a.brightness;
+  if (a.contrast != null && a.contrast !== 1) out.contrast = a.contrast;
+  if (a.saturation != null && a.saturation !== 1) out.saturation = a.saturation;
+  if (a.blurFrac) out.blurFrac = a.blurFrac;
+  return Object.keys(out).length ? out : void 0;
+}export{DEFAULT_SHADOW,IMAGE_FILTERS,adjustColorMatrix,cleanAdjust,filterChain,hasAdjust};//# sourceMappingURL=imageAdjust.js.map

package/lib/features/design/doc/imageAdjust.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageAdjust.js","sources":["../../../../src/features/design/doc/imageAdjust.ts"],"sourcesContent":["/**\n * Image layer looks and adjustments - native twin of canvas-surface\n * `carousel-editor/utils/imageEffects.ts`.\n *\n * The web hands its adjustments to the 2D canvas as a CSS filter chain. Native\n * draws pictures through react-native-svg, whose `feColorMatrix` is the same\n * maths: each CSS function (sepia, grayscale, hue-rotate, brightness, contrast,\n * saturate) is a colour matrix in the Filter Effects spec, so the chain folds\n * into one matrix and a picture looks the same on both sides. Blur is the one\n * function that is not a matrix; it rides `feGaussianBlur` beside it.\n *\n * Pure: runs under jest as-is.\n */\nimport type { ImageAdjust, LayerShadow } from './types';\n\n/** A filter as CSS filter functions: multipliers are 1 when neutral, the rest 0. */\ninterface FilterLook {\n    brightness?: number;\n    contrast?: number;\n    saturate?: number;\n    sepia?: number;\n    grayscale?: number;\n    /** Degrees. */\n    hue?: number;\n}\n\n/** Canva's photo filters, by eye (web IMAGE_FILTERS, verbatim). */\nexport const IMAGE_FILTERS: { id: string; label: string; look: FilterLook }[] = [\n    { id: 'epic', label: 'Epic', look: { contrast: 1.25, saturate: 1.3, brightness: 0.95 } },\n    { id: 'festive', label: 'Festive', look: { saturate: 1.5, hue: -10, brightness: 1.05 } },\n    { id: 'summer', label: 'Summer', look: { sepia: 0.25, saturate: 1.35, brightness: 1.08 } },\n    { id: 'dramatic', label: 'Dramatic', look: { contrast: 1.45, brightness: 0.88, saturate: 0.85 } },\n    { id: 'retro', label: 'Retro', look: { sepia: 0.45, contrast: 1.1, saturate: 0.85, hue: -8 } },\n    { id: 'vintage', label: 'Vintage', look: { sepia: 0.6, contrast: 0.9, brightness: 1.05 } },\n    { id: 'warm', label: 'Warm', look: { sepia: 0.3, hue: -12, saturate: 1.15 } },\n    { id: 'cool', label: 'Cool', look: { hue: 12, saturate: 1.1, brightness: 1.02 } },\n    { id: 'fade', label: 'Fade', look: { contrast: 0.82, brightness: 1.08, saturate: 0.8 } },\n    { id: 'noir', label: 'Noir', look: { grayscale: 1, contrast: 1.4, brightness: 0.92 } },\n    { id: 'mono', label: 'Mono', look: { grayscale: 1 } },\n];\n\n/** Web DEFAULT_SHADOW. */\nexport const DEFAULT_SHADOW: LayerShadow = {\n    color: '#000000',\n    alpha: 0.35,\n    blurFrac: 0.02,\n    distFrac: 0.012,\n    angle: 90,\n};\n\nexport type FilterFn =\n    | { fn: 'sepia' | 'grayscale' | 'brightness' | 'contrast' | 'saturate'; v: number }\n    | { fn: 'hue'; v: number };\n\n/** The CSS chain an adjustment stands for, in the web's order (look first, then the sliders). */\nexport function filterChain(a: ImageAdjust | undefined): FilterFn[] {\n    if (!a) return [];\n    const out: FilterFn[] = [];\n    const look = a.filter && IMAGE_FILTERS.find((f) => f.id === a.filter!.id)?.look;\n    if (look && a.filter) {\n        const t = Math.min(1, Math.max(0, a.filter.intensity));\n        const mul = (v: number | undefined) => (v == null ? null : 1 + (v - 1) * t);\n        const add = (v: number | undefined) => (v == null ? null : v * t);\n        const sep = add(look.sepia);\n        const g = add(look.grayscale);\n        const h = add(look.hue);\n        const b = mul(look.brightness);\n        const c = mul(look.contrast);\n        const s = mul(look.saturate);\n        if (sep) out.push({ fn: 'sepia', v: sep });\n        if (g) out.push({ fn: 'grayscale', v: g });\n        if (h) out.push({ fn: 'hue', v: h });\n        if (b != null && b !== 1) out.push({ fn: 'brightness', v: b });\n        if (c != null && c !== 1) out.push({ fn: 'contrast', v: c });\n        if (s != null && s !== 1) out.push({ fn: 'saturate', v: s });\n    }\n    if (a.brightness != null && a.brightness !== 1) out.push({ fn: 'brightness', v: a.brightness });\n    if (a.contrast != null && a.contrast !== 1) out.push({ fn: 'contrast', v: a.contrast });\n    if (a.saturation != null && a.saturation !== 1) out.push({ fn: 'saturate', v: a.saturation });\n    return out;\n}\n\n/** 3 rows of [r, g, b, offset]. */\ntype Affine = number[][];\n\nconst IDENTITY: Affine = [\n    [1, 0, 0, 0],\n    [0, 1, 0, 0],\n    [0, 0, 1, 0],\n];\n\nfunction fnMatrix(f: FilterFn): Affine {\n    switch (f.fn) {\n        case 'sepia': {\n            const k = 1 - Math.min(1, Math.max(0, f.v));\n            return [\n                [0.393 + 0.607 * k, 0.769 - 0.769 * k, 0.189 - 0.189 * k, 0],\n                [0.349 - 0.349 * k, 0.686 + 0.314 * k, 0.168 - 0.168 * k, 0],\n                [0.272 - 0.272 * k, 0.534 - 0.534 * k, 0.131 + 0.869 * k, 0],\n            ];\n        }\n        case 'grayscale': {\n            const k = 1 - Math.min(1, Math.max(0, f.v));\n            return [\n                [0.2126 + 0.7874 * k, 0.7152 - 0.7152 * k, 0.0722 - 0.0722 * k, 0],\n                [0.2126 - 0.2126 * k, 0.7152 + 0.2848 * k, 0.0722 - 0.0722 * k, 0],\n                [0.2126 - 0.2126 * k, 0.7152 - 0.7152 * k, 0.0722 + 0.9278 * k, 0],\n            ];\n        }\n        case 'saturate': {\n            const s = Math.max(0, f.v);\n            return [\n                [0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0],\n                [0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0],\n                [0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0],\n            ];\n        }\n        case 'hue': {\n            const a = (f.v * Math.PI) / 180;\n            const c = Math.cos(a);\n            const s = Math.sin(a);\n            return [\n                [0.213 + c * 0.787 - s * 0.213, 0.715 - c * 0.715 - s * 0.715, 0.072 - c * 0.072 + s * 0.928, 0],\n                [0.213 - c * 0.213 + s * 0.143, 0.715 + c * 0.285 + s * 0.14, 0.072 - c * 0.072 - s * 0.283, 0],\n                [0.213 - c * 0.213 - s * 0.787, 0.715 - c * 0.715 + s * 0.715, 0.072 + c * 0.928 + s * 0.072, 0],\n            ];\n        }\n        case 'brightness':\n            return [\n                [f.v, 0, 0, 0],\n                [0, f.v, 0, 0],\n                [0, 0, f.v, 0],\n            ];\n        case 'contrast': {\n            const o = 0.5 - 0.5 * f.v;\n            return [\n                [f.v, 0, 0, o],\n                [0, f.v, 0, o],\n                [0, 0, f.v, o],\n            ];\n        }\n        default:\n            return IDENTITY;\n    }\n}\n\n/** `b` after `a`: the affine that applies `a` first. */\nfunction compose(b: Affine, a: Affine): Affine {\n    return [0, 1, 2].map((r) => [\n        b[r][0] * a[0][0] + b[r][1] * a[1][0] + b[r][2] * a[2][0],\n        b[r][0] * a[0][1] + b[r][1] * a[1][1] + b[r][2] * a[2][1],\n        b[r][0] * a[0][2] + b[r][1] * a[1][2] + b[r][2] * a[2][2],\n        b[r][0] * a[0][3] + b[r][1] * a[1][3] + b[r][2] * a[2][3] + b[r][3],\n    ]);\n}\n\n/** The whole chain as one feColorMatrix (20 values, alpha untouched); null when neutral. */\nexport function adjustColorMatrix(a: ImageAdjust | undefined): number[] | null {\n    const chain = filterChain(a);\n    if (!chain.length) return null;\n    const m = chain.reduce<Affine>((acc, f) => compose(fnMatrix(f), acc), IDENTITY);\n    const round = (v: number) => Math.round(v * 10000) / 10000;\n    return [\n        ...m[0].slice(0, 3).map(round),\n        0,\n        round(m[0][3]),\n        ...m[1].slice(0, 3).map(round),\n        0,\n        round(m[1][3]),\n        ...m[2].slice(0, 3).map(round),\n        0,\n        round(m[2][3]),\n        0,\n        0,\n        0,\n        1,\n        0,\n    ];\n}\n\n/** True when a picture needs the filtered (svg) drawing path. */\nexport function hasAdjust(a: ImageAdjust | undefined): boolean {\n    return Boolean(adjustColorMatrix(a)) || Boolean(a?.blurFrac);\n}\n\n/** An adjustment with neutral values dropped; undefined when nothing is left. */\nexport function cleanAdjust(a: ImageAdjust | undefined): ImageAdjust | undefined {\n    if (!a) return undefined;\n    const out: ImageAdjust = {};\n    if (a.filter && a.filter.intensity > 0) out.filter = a.filter;\n    if (a.brightness != null && a.brightness !== 1) out.brightness = a.brightness;\n    if (a.contrast != null && a.contrast !== 1) out.contrast = a.contrast;\n    if (a.saturation != null && a.saturation !== 1) out.saturation = a.saturation;\n    if (a.blurFrac) out.blurFrac = a.blurFrac;\n    return Object.keys(out).length ? out : undefined;\n}\n"],"names":[],"mappings":"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"}

package/lib/features/design/doc/legacyDoc.js

@@ -0,0 +1,107 @@
+import {blankDoc}from'./newDoc.js';import {newLayerId}from'./types.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));
+function legacyKind(doc) {
+  return doc.kind === "tshirt" || doc.kind === "postcard" ? "flyer" : "deck";
+}
+function legacyToDoc(legacy) {
+  const first = legacy.pages[0];
+  const width = (first == null ? void 0 : first.width) || 1080;
+  const height = (first == null ? void 0 : first.height) || 1080;
+  const kind = legacyKind(legacy);
+  const base = blankDoc({
+    width,
+    height,
+    platform: legacy.kind === "carousel" ? "Instagram" : kind === "flyer" ? "Print" : "Custom",
+    kind,
+    pageNames: legacy.pages.map((p, i) => p.name || `Page ${i + 1}`)
+  });
+  delete base.print;
+  return __spreadProps(__spreadValues(__spreadValues({}, base), legacy.title ? {
+    title: legacy.title
+  } : {}), {
+    pages: base.pages.map((page, i) => {
+      var _a;
+      const source = legacy.pages[i];
+      const pw = (source == null ? void 0 : source.width) || width;
+      const ph = (source == null ? void 0 : source.height) || height;
+      const layers = [...(_a = source == null ? void 0 : source.layers) != null ? _a : []].sort((a, b) => a.zIndex - b.zIndex).map((l) => {
+        var _a2;
+        const box = {
+          id: newLayerId(),
+          x: l.x / pw,
+          y: l.y / ph,
+          w: l.width / pw,
+          h: l.height / ph
+        };
+        const opacity = (_a2 = l.opacity) != null ? _a2 : 1;
+        if (l.type === "text") {
+          return __spreadValues(__spreadProps(__spreadValues({}, box), {
+            kind: "text",
+            content: l.text,
+            fontToken: "body",
+            fontWeight: l.bold ? 700 : 400,
+            fontSizeFrac: l.fontSize / pw,
+            color: l.color,
+            align: l.align,
+            lineHeight: 1.2
+          }), opacity !== 1 ? {
+            opacity
+          } : {});
+        }
+        if (l.type === "image") {
+          return __spreadValues(__spreadProps(__spreadValues({}, box), {
+            kind: "image",
+            prompt: "",
+            src: l.src,
+            imageStatus: "ready",
+            uploaded: true
+          }), opacity !== 1 ? {
+            opacity
+          } : {});
+        }
+        if (l.shape === "line") {
+          return __spreadProps(__spreadValues({}, box), {
+            kind: "shape",
+            shape: "line",
+            fill: l.fill,
+            radiusFrac: 0,
+            opacity,
+            strokeWidthFrac: l.height / pw
+          });
+        }
+        const short = Math.min(l.width, l.height) || 1;
+        return __spreadProps(__spreadValues({}, box), {
+          kind: "shape",
+          shape: "rect",
+          fill: l.fill,
+          radiusFrac: Math.min(0.5, (l.cornerRadius || 0) / short),
+          opacity
+        });
+      });
+      return __spreadProps(__spreadValues({}, page), {
+        background: {
+          kind: "color",
+          color: (source == null ? void 0 : source.background) || "#ffffff"
+        },
+        layers
+      });
+    })
+  });
+}export{legacyKind,legacyToDoc};//# sourceMappingURL=legacyDoc.js.map