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

package/lib/features/design/render/PageCapture.js

@@ -0,0 +1,288 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {forwardRef,useRef,useState,useCallback,useImperativeHandle,useEffect,useMemo}from'react';import {View,StyleSheet,Platform,PixelRatio}from'react-native';import {gradientLine}from'../doc/shapes.js';import {facesUsed}from'../doc/textLayout.js';import {useDesignFonts}from'./fontRegistry.js';import {textSvg,shapeSvg,imageSvg,chartSvg}from'./svgParts.js';import {getSvg}from'./svg.js';import {CurveMeasure,LineMeasure}from'./TextMeasure.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_WAIT_MS = 1e4;
+function pictureCount(page) {
+  var _a, _b, _c;
+  let n = 0;
+  if (page.src && !((_a = page.layers) == null ? void 0 : _a.length)) n += 1;
+  else if (((_b = page.background) == null ? void 0 : _b.kind) === "image" && page.background.src) n += 1;
+  for (const l of (_c = page.layers) != null ? _c : []) if (l.kind === "image" && l.src) n += 1;
+  return n;
+}
+function pageSvg(svg, doc, page, lines, curves, onLoad) {
+  var _a, _b, _c;
+  const {
+    G,
+    Rect,
+    Defs,
+    LinearGradient,
+    Stop,
+    Image: SvgImage
+  } = svg;
+  const W = doc.pageWidth;
+  const H = doc.pageHeight;
+  const bg = page.background;
+  let ground = /* @__PURE__ */ jsx(Rect, { x: 0, y: 0, width: W, height: H, fill: "#ffffff" });
+  if (page.src && !((_a = page.layers) == null ? void 0 : _a.length)) {
+    ground = /* @__PURE__ */ jsx(SvgImage, { href: {
+      uri: page.src
+    }, x: 0, y: 0, width: W, height: H, preserveAspectRatio: "xMidYMid slice", onLoad });
+  } else if ((bg == null ? void 0 : bg.kind) === "image" && bg.src) {
+    ground = /* @__PURE__ */ jsx(SvgImage, { href: {
+      uri: bg.src
+    }, x: 0, y: 0, width: W, height: H, preserveAspectRatio: "xMidYMid slice", onLoad });
+  } else if ((bg == null ? void 0 : bg.kind) === "gradient" && bg.from && bg.to) {
+    const [x1, y1, x2, y2] = gradientLine(0, 0, W, H, (_b = bg.angle) != null ? _b : 180);
+    ground = /* @__PURE__ */ jsxs(G, { children: [
+      /* @__PURE__ */ jsx(Defs, { children: /* @__PURE__ */ jsxs(LinearGradient, { id: "page-bg", gradientUnits: "userSpaceOnUse", x1, y1, x2, y2, children: [
+        /* @__PURE__ */ jsx(Stop, { offset: "0", stopColor: bg.from }),
+        /* @__PURE__ */ jsx(Stop, { offset: "1", stopColor: bg.to })
+      ] }) }),
+      /* @__PURE__ */ jsx(Rect, { x: 0, y: 0, width: W, height: H, fill: "url(#page-bg)" })
+    ] });
+  } else if (bg) {
+    ground = /* @__PURE__ */ jsx(Rect, { x: 0, y: 0, width: W, height: H, fill: bg.color || "#ffffff" });
+  }
+  return /* @__PURE__ */ jsxs(G, { children: [
+    /* @__PURE__ */ jsx(Rect, { x: 0, y: 0, width: W, height: H, fill: "#ffffff" }),
+    ground,
+    ((_c = page.layers) != null ? _c : []).map((layer) => /* @__PURE__ */ jsx(LayerG, { svg, layer, W, H, fontPair: doc.fontPair, lines: lines[layer.id], curve: curves[layer.id], onLoad }, layer.id))
+  ] });
+}
+function LayerG({
+  svg,
+  layer,
+  W,
+  H,
+  fontPair,
+  lines,
+  curve,
+  onLoad
+}) {
+  var _a, _b;
+  const bw = layer.w * W;
+  let bh = layer.h * H;
+  let body = null;
+  if (layer.kind === "text") {
+    if (!lines && !curve) return null;
+    const textH = lines ? lines.reduce((m, l) => Math.max(m, l.y + l.height), 0) : 0;
+    bh = Math.max(bh, textH);
+    body = textSvg(svg, layer, lines != null ? lines : [], W, fontPair, layer.curve ? curve : null);
+  } else if (layer.kind === "shape") body = shapeSvg(svg, layer, bw, bh, W);
+  else if (layer.kind === "image") body = imageSvg(svg, layer, bw, bh, W, onLoad);
+  else if (layer.kind === "chart") body = chartSvg(svg, layer, bw, bh);
+  const turn = layer.rotation || layer.flipX || layer.flipY;
+  const transform = `translate(${layer.x * W}, ${layer.y * H})` + (turn ? ` translate(${bw / 2}, ${bh / 2}) rotate(${(_a = layer.rotation) != null ? _a : 0}) scale(${layer.flipX ? -1 : 1}, ${layer.flipY ? -1 : 1}) translate(${-bw / 2}, ${-bh / 2})` : "");
+  return /* @__PURE__ */ jsx(svg.G, { transform, opacity: (_b = layer.opacity) != null ? _b : 1, children: body });
+}
+const PageCapture = forwardRef(function PageCapture2({
+  doc
+}, ref) {
+  const queue = useRef([]);
+  const seq = useRef(0);
+  const [job, setJob] = useState(null);
+  const next = useCallback(() => {
+    var _a;
+    return setJob((_a = queue.current.shift()) != null ? _a : null);
+  }, []);
+  useImperativeHandle(ref, () => ({
+    capture: (page, pixelWidth) => new Promise((resolve, reject) => {
+      if (!getSvg()) {
+        reject(new Error("Drawing is not available in this version of the app."));
+        return;
+      }
+      seq.current += 1;
+      queue.current.push({
+        id: seq.current,
+        page,
+        pixelWidth,
+        resolve,
+        reject
+      });
+      setJob((current) => {
+        var _a;
+        return (_a = current != null ? current : queue.current.shift()) != null ? _a : null;
+      });
+    }),
+    captureSvg: (render, width, height, pixelWidth) => new Promise((resolve, reject) => {
+      if (!getSvg()) {
+        reject(new Error("Drawing is not available in this version of the app."));
+        return;
+      }
+      seq.current += 1;
+      const page = {
+        id: `svg-${seq.current}`,
+        prompt: "",
+        src: null,
+        status: "ready",
+        layers: []
+      };
+      queue.current.push({
+        id: seq.current,
+        page,
+        pixelWidth,
+        resolve,
+        reject,
+        draw: {
+          render,
+          width,
+          height
+        }
+      });
+      setJob((current) => {
+        var _a;
+        return (_a = current != null ? current : queue.current.shift()) != null ? _a : null;
+      });
+    })
+  }), []);
+  if (!job) return null;
+  const settle = (b64, err) => {
+    if (b64) job.resolve(b64);
+    else job.reject(err != null ? err : new Error("The page could not be drawn."));
+    next();
+  };
+  if (job.draw) return /* @__PURE__ */ jsx(DrawJob, { job, onDone: settle }, job.id);
+  return /* @__PURE__ */ jsx(CaptureJob, { doc, job, onDone: settle }, job.id);
+});
+function rasterise(view, px, aspect, done) {
+  if (!(view == null ? void 0 : view.toDataURL)) {
+    done(null, new Error("Drawing is not available in this version of the app."));
+    return;
+  }
+  const w = Math.max(1, Math.round(px));
+  const h = Math.max(1, Math.round(w * aspect));
+  const k = Platform.OS === "ios" ? PixelRatio.get() : 1;
+  try {
+    view.toDataURL((b64) => done(b64 || null), {
+      width: Math.max(1, Math.round(w / k)),
+      height: Math.max(1, Math.round(h / k))
+    });
+  } catch (err) {
+    done(null, err instanceof Error ? err : new Error(String(err)));
+  }
+}
+function DrawJob({
+  job,
+  onDone
+}) {
+  const svg = getSvg();
+  const ref = useRef(null);
+  const draw = job.draw;
+  const finish = useRef(onDone);
+  finish.current = onDone;
+  useEffect(() => {
+    let fired = false;
+    const raf = requestAnimationFrame(() => requestAnimationFrame(() => rasterise(ref.current, job.pixelWidth, draw.height / draw.width, (b64, err) => {
+      if (fired) return;
+      fired = true;
+      finish.current(b64, err);
+    })));
+    return () => cancelAnimationFrame(raf);
+  }, [job.pixelWidth, draw.height, draw.width]);
+  return /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles.offscreen, collapsable: false, children: /* @__PURE__ */ jsx(svg.Svg, { ref, width: 120, height: 120 * draw.height / draw.width, viewBox: `0 0 ${draw.width} ${draw.height}`, children: draw.render(svg) }) });
+}
+function CaptureJob({
+  doc,
+  job,
+  onDone
+}) {
+  const svg = getSvg();
+  const {
+    page
+  } = job;
+  const W = doc.pageWidth;
+  const H = doc.pageHeight;
+  const texts = useMemo(() => {
+    var _a;
+    return ((_a = page.layers) != null ? _a : []).filter((l) => l.kind === "text");
+  }, [page]);
+  const faces = useMemo(() => facesUsed(page, doc.fontPair), [page, doc.fontPair]);
+  useDesignFonts(faces);
+  const [lines, setLines] = useState({});
+  const [curves, setCurves] = useState({});
+  const measured = texts.every((t) => t.curve ? curves[t.id] : lines[t.id]);
+  const pictures = useMemo(() => pictureCount(page), [page]);
+  const loaded = useRef(0);
+  const [picturesReady, setPicturesReady] = useState(pictures === 0);
+  const svgRef = useRef(null);
+  const done = useRef(false);
+  const finish = useRef(onDone);
+  finish.current = onDone;
+  const onLoad = useCallback(() => {
+    loaded.current += 1;
+    if (loaded.current >= pictures) setPicturesReady(true);
+  }, [pictures]);
+  useEffect(() => {
+    if (!measured || picturesReady) return void 0;
+    const t = setTimeout(() => setPicturesReady(true), IMAGE_WAIT_MS);
+    return () => clearTimeout(t);
+  }, [measured, picturesReady]);
+  useEffect(() => {
+    const t = setTimeout(() => {
+      if (!done.current) {
+        done.current = true;
+        finish.current(null, new Error("The page took too long to draw."));
+      }
+    }, IMAGE_WAIT_MS + 2e4);
+    return () => clearTimeout(t);
+  }, []);
+  useEffect(() => {
+    if (!measured || !picturesReady || done.current) return void 0;
+    let cancelled = false;
+    const raf = requestAnimationFrame(() => requestAnimationFrame(() => {
+      if (cancelled || done.current) return;
+      rasterise(svgRef.current, job.pixelWidth, H / W, (b64, err) => {
+        if (done.current) return;
+        done.current = true;
+        finish.current(b64, err);
+      });
+    }));
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(raf);
+    };
+  }, [measured, picturesReady, job.pixelWidth, W, H]);
+  const viewW = 120;
+  const viewH = viewW * H / W;
+  return /* @__PURE__ */ jsxs(View, { pointerEvents: "none", style: [styles.offscreen, {
+    width: W,
+    height: H
+  }], collapsable: false, children: [
+    texts.map((t) => t.curve ? /* @__PURE__ */ jsx(CurveMeasure, { layer: t, W, fontPair: doc.fontPair, onCurve: (c) => setCurves((m) => m[t.id] ? m : __spreadProps(__spreadValues({}, m), {
+      [t.id]: c
+    })) }, t.id) : /* @__PURE__ */ jsx(LineMeasure, { layer: t, W, fontPair: doc.fontPair, absolute: true, onLines: (l) => setLines((m) => m[t.id] ? m : __spreadProps(__spreadValues({}, m), {
+      [t.id]: l
+    })) }, t.id)),
+    measured ? /* @__PURE__ */ jsx(svg.Svg, { ref: svgRef, width: viewW, height: viewH, viewBox: `0 0 ${W} ${H}`, preserveAspectRatio: "none", style: styles.svg, children: pageSvg(svg, doc, page, lines, curves, onLoad) }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  offscreen: {
+    position: "absolute",
+    left: -1e5,
+    top: 0,
+    opacity: 1
+  },
+  svg: {
+    position: "absolute",
+    left: 0,
+    top: 0
+  }
+});export{PageCapture,pageSvg};//# sourceMappingURL=PageCapture.js.map

package/lib/features/design/render/PageCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageCapture.js","sources":["../../../../src/features/design/render/PageCapture.tsx"],"sourcesContent":["/**\n * A design page as a PNG, made on the phone - the native twin of web's\n * `utils/exporter.ts` (which re-composes a page on an OffscreenCanvas).\n *\n * The app ships no view snapshotter, so the page is re-composed as ONE\n * react-native-svg drawing at page size (background, shapes, charts,\n * pictures, text) and that svg rasterises itself (`toDataURL`). Text lines\n * come from a hidden RN layout of each text layer first (render/TextMeasure),\n * so the words wrap exactly where the canvas wraps them; the capture waits for\n * every picture to load before it draws.\n *\n * Mounted once, off screen, by the editor; `capture(page, px)` queues a page.\n */\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { PixelRatio, Platform, StyleSheet, View } from 'react-native';\nimport { gradientLine } from '../doc/shapes';\nimport { facesUsed } from '../doc/textLayout';\nimport type { DesignDoc, DesignFontPair, DesignPage, EditorLayer, TextLayer } from '../doc/types';\nimport { useDesignFonts } from './fontRegistry';\nimport {\n    chartSvg,\n    imageSvg,\n    shapeSvg,\n    textSvg,\n    type MeasuredCurve,\n    type MeasuredLine,\n    type SvgModule,\n} from './svgParts';\nimport { getSvg } from './svg';\nimport { CurveMeasure, LineMeasure } from './TextMeasure';\n\nexport interface PageCaptureHandle {\n    /** The page as a base64 PNG `pixelWidth` wide (height by the page's proportions). */\n    capture: (page: DesignPage, pixelWidth: number) => Promise<string>;\n    /** Any svg drawing (`width` x `height` user units) as a base64 PNG `pixelWidth` wide - a QR code. */\n    captureSvg: (\n        render: (svg: SvgModule) => React.ReactElement,\n        width: number,\n        height: number,\n        pixelWidth: number,\n    ) => Promise<string>;\n}\n\ninterface Job {\n    id: number;\n    page: DesignPage;\n    pixelWidth: number;\n    draw?: { render: (svg: SvgModule) => React.ReactElement; width: number; height: number };\n    resolve: (b64: string) => void;\n    reject: (err: Error) => void;\n}\n\n/** How long a capture waits for its pictures before drawing what it has. */\nconst IMAGE_WAIT_MS = 10_000;\n\nfunction pictureCount(page: DesignPage): number {\n    let n = 0;\n    if (page.src && !page.layers?.length) n += 1;\n    else if (page.background?.kind === 'image' && page.background.src) n += 1;\n    for (const l of page.layers ?? []) if (l.kind === 'image' && l.src) n += 1;\n    return n;\n}\n\n/** The whole page as svg elements, in page px. */\nexport function pageSvg(\n    svg: SvgModule,\n    doc: Pick<DesignDoc, 'pageWidth' | 'pageHeight' | 'fontPair'>,\n    page: DesignPage,\n    lines: Record<string, MeasuredLine[]>,\n    curves: Record<string, MeasuredCurve>,\n    onLoad?: () => void,\n): React.ReactElement {\n    const { G, Rect, Defs, LinearGradient, Stop, Image: SvgImage } = svg;\n    const W = doc.pageWidth;\n    const H = doc.pageHeight;\n    const bg = page.background;\n    let ground: React.ReactNode = <Rect x={0} y={0} width={W} height={H} fill=\"#ffffff\" />;\n    if (page.src && !page.layers?.length) {\n        ground = (\n            <SvgImage\n                href={{ uri: page.src }}\n                x={0}\n                y={0}\n                width={W}\n                height={H}\n                preserveAspectRatio=\"xMidYMid slice\"\n                onLoad={onLoad}\n            />\n        );\n    } else if (bg?.kind === 'image' && bg.src) {\n        ground = (\n            <SvgImage\n                href={{ uri: bg.src }}\n                x={0}\n                y={0}\n                width={W}\n                height={H}\n                preserveAspectRatio=\"xMidYMid slice\"\n                onLoad={onLoad}\n            />\n        );\n    } else if (bg?.kind === 'gradient' && bg.from && bg.to) {\n        const [x1, y1, x2, y2] = gradientLine(0, 0, W, H, bg.angle ?? 180);\n        ground = (\n            <G>\n                <Defs>\n                    <LinearGradient id=\"page-bg\" gradientUnits=\"userSpaceOnUse\" x1={x1} y1={y1} x2={x2} y2={y2}>\n                        <Stop offset=\"0\" stopColor={bg.from} />\n                        <Stop offset=\"1\" stopColor={bg.to} />\n                    </LinearGradient>\n                </Defs>\n                <Rect x={0} y={0} width={W} height={H} fill=\"url(#page-bg)\" />\n            </G>\n        );\n    } else if (bg) {\n        ground = <Rect x={0} y={0} width={W} height={H} fill={bg.color || '#ffffff'} />;\n    }\n    return (\n        <G>\n            <Rect x={0} y={0} width={W} height={H} fill=\"#ffffff\" />\n            {ground}\n            {(page.layers ?? []).map((layer) => (\n                <LayerG\n                    key={layer.id}\n                    svg={svg}\n                    layer={layer}\n                    W={W}\n                    H={H}\n                    fontPair={doc.fontPair}\n                    lines={lines[layer.id]}\n                    curve={curves[layer.id]}\n                    onLoad={onLoad}\n                />\n            ))}\n        </G>\n    );\n}\n\nfunction LayerG({\n    svg,\n    layer,\n    W,\n    H,\n    fontPair,\n    lines,\n    curve,\n    onLoad,\n}: {\n    svg: SvgModule;\n    layer: EditorLayer;\n    W: number;\n    H: number;\n    fontPair?: DesignFontPair;\n    lines?: MeasuredLine[];\n    curve?: MeasuredCurve;\n    onLoad?: () => void;\n}) {\n    const bw = layer.w * W;\n    let bh = layer.h * H;\n    let body: React.ReactNode = null;\n    if (layer.kind === 'text') {\n        if (!lines && !curve) return null;\n        const textH = lines ? lines.reduce((m, l) => Math.max(m, l.y + l.height), 0) : 0;\n        bh = Math.max(bh, textH);\n        body = textSvg(svg, layer, lines ?? [], W, fontPair, layer.curve ? curve : null);\n    } else if (layer.kind === 'shape') body = shapeSvg(svg, layer, bw, bh, W);\n    else if (layer.kind === 'image') body = imageSvg(svg, layer, bw, bh, W, onLoad);\n    else if (layer.kind === 'chart') body = chartSvg(svg, layer, bw, bh);\n    const turn = layer.rotation || layer.flipX || layer.flipY;\n    const transform =\n        `translate(${layer.x * W}, ${layer.y * H})` +\n        (turn\n            ? ` translate(${bw / 2}, ${bh / 2}) rotate(${layer.rotation ?? 0}) scale(${layer.flipX ? -1 : 1}, ${layer.flipY ? -1 : 1}) translate(${-bw / 2}, ${-bh / 2})`\n            : '');\n    return (\n        <svg.G transform={transform} opacity={layer.opacity ?? 1}>\n            {body}\n        </svg.G>\n    );\n}\n\nexport const PageCapture = forwardRef<PageCaptureHandle, { doc: DesignDoc }>(function PageCapture({ doc }, ref) {\n    const queue = useRef<Job[]>([]);\n    const seq = useRef(0);\n    const [job, setJob] = useState<Job | null>(null);\n    const next = useCallback(() => setJob(queue.current.shift() ?? null), []);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            capture: (page, pixelWidth) =>\n                new Promise<string>((resolve, reject) => {\n                    if (!getSvg()) {\n                        reject(new Error('Drawing is not available in this version of the app.'));\n                        return;\n                    }\n                    seq.current += 1;\n                    queue.current.push({ id: seq.current, page, pixelWidth, resolve, reject });\n                    setJob((current) => current ?? queue.current.shift() ?? null);\n                }),\n            captureSvg: (render, width, height, pixelWidth) =>\n                new Promise<string>((resolve, reject) => {\n                    if (!getSvg()) {\n                        reject(new Error('Drawing is not available in this version of the app.'));\n                        return;\n                    }\n                    seq.current += 1;\n                    const page: DesignPage = {\n                        id: `svg-${seq.current}`,\n                        prompt: '',\n                        src: null,\n                        status: 'ready',\n                        layers: [],\n                    };\n                    queue.current.push({\n                        id: seq.current,\n                        page,\n                        pixelWidth,\n                        resolve,\n                        reject,\n                        draw: { render, width, height },\n                    });\n                    setJob((current) => current ?? queue.current.shift() ?? null);\n                }),\n        }),\n        [],\n    );\n\n    if (!job) return null;\n    const settle = (b64: string | null, err?: Error) => {\n        if (b64) job.resolve(b64);\n        else job.reject(err ?? new Error('The page could not be drawn.'));\n        next();\n    };\n    if (job.draw) return <DrawJob key={job.id} job={job} onDone={settle} />;\n    return <CaptureJob key={job.id} doc={doc} job={job} onDone={settle} />;\n});\n\ntype SvgViewRef = { toDataURL: (cb: (b64: string) => void, opts?: object) => void } | null;\n\n/** Rasterise a mounted svg at `px` wide (iOS draws at the screen's scale; Android the pixels asked for). */\nfunction rasterise(view: SvgViewRef, px: number, aspect: number, done: (b64: string | null, err?: Error) => void) {\n    if (!view?.toDataURL) {\n        done(null, new Error('Drawing is not available in this version of the app.'));\n        return;\n    }\n    const w = Math.max(1, Math.round(px));\n    const h = Math.max(1, Math.round(w * aspect));\n    const k = Platform.OS === 'ios' ? PixelRatio.get() : 1;\n    try {\n        view.toDataURL((b64) => done(b64 || null), {\n            width: Math.max(1, Math.round(w / k)),\n            height: Math.max(1, Math.round(h / k)),\n        });\n    } catch (err) {\n        done(null, err instanceof Error ? err : new Error(String(err)));\n    }\n}\n\nfunction DrawJob({ job, onDone }: { job: Job; onDone: (b64: string | null, err?: Error) => void }) {\n    const svg = getSvg()!;\n    const ref = useRef<SvgViewRef>(null);\n    const draw = job.draw!;\n    const finish = useRef(onDone);\n    finish.current = onDone;\n    useEffect(() => {\n        let fired = false;\n        const raf = requestAnimationFrame(() =>\n            requestAnimationFrame(() =>\n                rasterise(ref.current, job.pixelWidth, draw.height / draw.width, (b64, err) => {\n                    if (fired) return;\n                    fired = true;\n                    finish.current(b64, err);\n                }),\n            ),\n        );\n        return () => cancelAnimationFrame(raf);\n    }, [job.pixelWidth, draw.height, draw.width]);\n    return (\n        <View pointerEvents=\"none\" style={styles.offscreen} collapsable={false}>\n            <svg.Svg\n                ref={ref as never}\n                width={120}\n                height={(120 * draw.height) / draw.width}\n                viewBox={`0 0 ${draw.width} ${draw.height}`}\n            >\n                {draw.render(svg)}\n            </svg.Svg>\n        </View>\n    );\n}\n\nfunction CaptureJob({\n    doc,\n    job,\n    onDone,\n}: {\n    doc: DesignDoc;\n    job: Job;\n    onDone: (b64: string | null, err?: Error) => void;\n}) {\n    const svg = getSvg()!;\n    const { page } = job;\n    const W = doc.pageWidth;\n    const H = doc.pageHeight;\n    const texts = useMemo(() => (page.layers ?? []).filter((l): l is TextLayer => l.kind === 'text'), [page]);\n    const faces = useMemo(() => facesUsed(page, doc.fontPair), [page, doc.fontPair]);\n    useDesignFonts(faces);\n    const [lines, setLines] = useState<Record<string, MeasuredLine[]>>({});\n    const [curves, setCurves] = useState<Record<string, MeasuredCurve>>({});\n    const measured = texts.every((t) => (t.curve ? curves[t.id] : lines[t.id]));\n    const pictures = useMemo(() => pictureCount(page), [page]);\n    const loaded = useRef(0);\n    const [picturesReady, setPicturesReady] = useState(pictures === 0);\n    const svgRef = useRef<SvgViewRef>(null);\n    const done = useRef(false);\n    const finish = useRef(onDone);\n    finish.current = onDone;\n\n    const onLoad = useCallback(() => {\n        loaded.current += 1;\n        if (loaded.current >= pictures) setPicturesReady(true);\n    }, [pictures]);\n\n    useEffect(() => {\n        if (!measured || picturesReady) return undefined;\n        const t = setTimeout(() => setPicturesReady(true), IMAGE_WAIT_MS);\n        return () => clearTimeout(t);\n    }, [measured, picturesReady]);\n\n    // A layout that never reports (a broken face) still ends the capture.\n    useEffect(() => {\n        const t = setTimeout(() => {\n            if (!done.current) {\n                done.current = true;\n                finish.current(null, new Error('The page took too long to draw.'));\n            }\n        }, IMAGE_WAIT_MS + 20_000);\n        return () => clearTimeout(t);\n    }, []);\n\n    useEffect(() => {\n        if (!measured || !picturesReady || done.current) return undefined;\n        let cancelled = false;\n        // Two frames: the svg has committed its last image before it is drawn.\n        const raf = requestAnimationFrame(() =>\n            requestAnimationFrame(() => {\n                if (cancelled || done.current) return;\n                rasterise(svgRef.current, job.pixelWidth, H / W, (b64, err) => {\n                    if (done.current) return;\n                    done.current = true;\n                    finish.current(b64, err);\n                });\n            }),\n        );\n        return () => {\n            cancelled = true;\n            cancelAnimationFrame(raf);\n        };\n    }, [measured, picturesReady, job.pixelWidth, W, H]);\n\n    const viewW = 120;\n    const viewH = (viewW * H) / W;\n    return (\n        <View pointerEvents=\"none\" style={[styles.offscreen, { width: W, height: H }]} collapsable={false}>\n            {texts.map((t) =>\n                t.curve ? (\n                    <CurveMeasure\n                        key={t.id}\n                        layer={t}\n                        W={W}\n                        fontPair={doc.fontPair}\n                        onCurve={(c) => setCurves((m) => (m[t.id] ? m : { ...m, [t.id]: c }))}\n                    />\n                ) : (\n                    <LineMeasure\n                        key={t.id}\n                        layer={t}\n                        W={W}\n                        fontPair={doc.fontPair}\n                        absolute\n                        onLines={(l) => setLines((m) => (m[t.id] ? m : { ...m, [t.id]: l }))}\n                    />\n                ),\n            )}\n            {measured ? (\n                <svg.Svg\n                    ref={svgRef as never}\n                    width={viewW}\n                    height={viewH}\n                    viewBox={`0 0 ${W} ${H}`}\n                    preserveAspectRatio=\"none\"\n                    style={styles.svg}\n                >\n                    {pageSvg(svg, doc, page, lines, curves, onLoad)}\n                </svg.Svg>\n            ) : null}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    offscreen: { position: 'absolute', left: -100000, top: 0, opacity: 1 },\n    svg: { position: 'absolute', left: 0, top: 0 },\n});\n"],"names":["PageCapture"],"mappings":"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"}

package/lib/features/design/render/TextMeasure.js

@@ -0,0 +1,115 @@
+import {jsx}from'react/jsx-runtime';import {useMemo}from'react';import {StyleSheet,View,Text,Platform}from'react-native';import {layerSpans}from'../doc/textLayout.js';import {layerFontFamily}from'../doc/types.js';import {resolveTextFont}from'./fontRegistry.js';var __defProp = Object.defineProperty;
+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;
+};
+function textBaseStyle(layer, W, fontPair) {
+  var _a;
+  const fontSize = Math.max(1, layer.fontSizeFrac * W);
+  return __spreadValues(__spreadValues(__spreadValues({
+    fontSize,
+    lineHeight: fontSize * (layer.lineHeight || 1.2),
+    color: layer.color,
+    textAlign: layer.justify ? "justify" : layer.align,
+    letterSpacing: ((_a = layer.letterSpacingFrac) != null ? _a : 0) * W
+  }, resolveTextFont(layerFontFamily(layer, fontPair), layer.fontWeight, layer.italic)), layer.underline || layer.strike ? {
+    textDecorationLine: layer.underline && layer.strike ? "underline line-through" : layer.underline ? "underline" : "line-through"
+  } : {}), Platform.OS === "android" ? {
+    includeFontPadding: false,
+    textAlignVertical: "top"
+  } : {});
+}
+function runTextStyle(run, layer, W, fontPair) {
+  var _a, _b, _c, _d, _e;
+  const style = {};
+  if (run.fontSizeFrac != null) style.fontSize = run.fontSizeFrac * W;
+  if (run.color) style.color = run.color;
+  if (run.letterSpacingFrac != null) style.letterSpacing = run.letterSpacingFrac * W;
+  if (run.fontFamily != null || run.fontWeight != null || run.italic != null) {
+    Object.assign(style, resolveTextFont((_a = run.fontFamily) != null ? _a : layerFontFamily(layer, fontPair), (_b = run.fontWeight) != null ? _b : layer.fontWeight, (_c = run.italic) != null ? _c : layer.italic));
+  }
+  const underline = (_d = run.underline) != null ? _d : layer.underline;
+  const strike = (_e = run.strike) != null ? _e : layer.strike;
+  if (run.underline != null || run.strike != null) {
+    style.textDecorationLine = underline && strike ? "underline line-through" : underline ? "underline" : strike ? "line-through" : "none";
+  }
+  return style;
+}
+function renderWords(layer, W, fontPair, color, flatten) {
+  return layerSpans(layer).map((span, i) => {
+    const text = flatten ? span.text.replace(/\n/g, " ") : span.text;
+    return span.style ? /* @__PURE__ */ jsx(Text, { style: [runTextStyle(span.style, layer, W, fontPair), color ? {
+      color
+    } : null], children: text }, i) : text;
+  });
+}
+function toLines(e) {
+  return e.nativeEvent.lines.map((l) => ({
+    text: l.text,
+    x: l.x,
+    y: l.y,
+    width: l.width,
+    height: l.height,
+    ascender: l.ascender,
+    descender: l.descender
+  }));
+}
+function LineMeasure({
+  layer,
+  W,
+  fontPair,
+  onLines,
+  absolute
+}) {
+  const words = useMemo(() => renderWords(layer, W, fontPair), [layer, W, fontPair]);
+  return /* @__PURE__ */ jsx(Text, { style: [textBaseStyle(layer, W, fontPair), styles.hidden, absolute ? {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: Math.max(1, layer.w * W)
+  } : null], onTextLayout: (e) => onLines(toLines(e)), children: words });
+}
+function CurveMeasure({
+  layer,
+  W,
+  fontPair,
+  onCurve
+}) {
+  const words = useMemo(() => renderWords(layer, W, fontPair, void 0, true), [layer, W, fontPair]);
+  return /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles.wide, children: /* @__PURE__ */ jsx(Text, { style: [textBaseStyle(layer, W, fontPair), styles.hidden, {
+    textAlign: "left"
+  }], numberOfLines: 1, onTextLayout: (e) => {
+    const lines = e.nativeEvent.lines;
+    if (!lines.length) return;
+    const first = lines[0];
+    onCurve({
+      width: first.width,
+      ascender: first.ascender,
+      descender: first.descender
+    });
+  }, children: words }) });
+}
+const styles = StyleSheet.create({
+  hidden: {
+    opacity: 0
+  },
+  wide: {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: 1e5,
+    opacity: 0,
+    alignItems: "flex-start"
+  }
+});export{CurveMeasure,LineMeasure,renderWords,runTextStyle,textBaseStyle};//# sourceMappingURL=TextMeasure.js.map

package/lib/features/design/render/TextMeasure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMeasure.js","sources":["../../../../src/features/design/render/TextMeasure.tsx"],"sourcesContent":["/**\n * Where RN lays a text layer's lines - the measuring half of svg text.\n *\n * svg cannot wrap words, so a text layer drawn through svg (a true outline, a\n * curve, an export page) is first laid out by a hidden RN Text in exactly the\n * style the canvas draws it in; `onTextLayout` hands back each line's words\n * and box, and svg draws those lines where RN put them.\n */\nimport React, { useMemo } from 'react';\nimport {\n    Platform,\n    StyleSheet,\n    Text,\n    View,\n    type NativeSyntheticEvent,\n    type TextLayoutEventData,\n    type TextStyle,\n} from 'react-native';\nimport { layerSpans, type RunStyle } from '../doc/textLayout';\nimport { layerFontFamily, type DesignFontPair, type TextLayer } from '../doc/types';\nimport { resolveTextFont } from './fontRegistry';\nimport type { MeasuredCurve, MeasuredLine } from './svgParts';\n\n/** The RN style a text layer's words draw in at page width `W` (colour aside). */\nexport function textBaseStyle(layer: TextLayer, W: number, fontPair?: DesignFontPair): TextStyle {\n    const fontSize = Math.max(1, layer.fontSizeFrac * W);\n    return {\n        fontSize,\n        lineHeight: fontSize * (layer.lineHeight || 1.2),\n        color: layer.color,\n        textAlign: layer.justify ? 'justify' : layer.align,\n        letterSpacing: (layer.letterSpacingFrac ?? 0) * W,\n        ...resolveTextFont(layerFontFamily(layer, fontPair), layer.fontWeight, layer.italic),\n        ...(layer.underline || layer.strike\n            ? {\n                  textDecorationLine:\n                      layer.underline && layer.strike\n                          ? 'underline line-through'\n                          : layer.underline\n                            ? 'underline'\n                            : 'line-through',\n              }\n            : {}),\n        ...(Platform.OS === 'android' ? { includeFontPadding: false, textAlignVertical: 'top' as const } : {}),\n    };\n}\n\n/** One run's own style over the layer's. */\nexport function runTextStyle(run: RunStyle, layer: TextLayer, W: number, fontPair?: DesignFontPair): TextStyle {\n    const style: TextStyle = {};\n    if (run.fontSizeFrac != null) style.fontSize = run.fontSizeFrac * W;\n    if (run.color) style.color = run.color;\n    if (run.letterSpacingFrac != null) style.letterSpacing = run.letterSpacingFrac * W;\n    if (run.fontFamily != null || run.fontWeight != null || run.italic != null) {\n        Object.assign(\n            style,\n            resolveTextFont(\n                run.fontFamily ?? layerFontFamily(layer, fontPair),\n                run.fontWeight ?? layer.fontWeight,\n                run.italic ?? layer.italic,\n            ),\n        );\n    }\n    const underline = run.underline ?? layer.underline;\n    const strike = run.strike ?? layer.strike;\n    if (run.underline != null || run.strike != null) {\n        style.textDecorationLine =\n            underline && strike ? 'underline line-through' : underline ? 'underline' : strike ? 'line-through' : 'none';\n    }\n    return style;\n}\n\n/** The words as nested RN Text, every run in its own style; `color` overrides every run's colour. */\nexport function renderWords(\n    layer: TextLayer,\n    W: number,\n    fontPair?: DesignFontPair,\n    color?: string,\n    flatten?: boolean,\n): React.ReactNode[] {\n    return layerSpans(layer).map((span, i) => {\n        const text = flatten ? span.text.replace(/\\n/g, ' ') : span.text;\n        return span.style ? (\n            <Text key={i} style={[runTextStyle(span.style, layer, W, fontPair), color ? { color } : null]}>\n                {text}\n            </Text>\n        ) : (\n            text\n        );\n    });\n}\n\nfunction toLines(e: NativeSyntheticEvent<TextLayoutEventData>): MeasuredLine[] {\n    return e.nativeEvent.lines.map((l) => ({\n        text: l.text,\n        x: l.x,\n        y: l.y,\n        width: l.width,\n        height: l.height,\n        ascender: l.ascender,\n        descender: l.descender,\n    }));\n}\n\n/**\n * The layer's words laid out invisibly at their box width. In flow (not\n * absolute) it also gives its parent the text's height, as the visible text would.\n */\nexport function LineMeasure({\n    layer,\n    W,\n    fontPair,\n    onLines,\n    absolute,\n}: {\n    layer: TextLayer;\n    W: number;\n    fontPair?: DesignFontPair;\n    onLines: (lines: MeasuredLine[]) => void;\n    absolute?: boolean;\n}) {\n    const words = useMemo(() => renderWords(layer, W, fontPair), [layer, W, fontPair]);\n    return (\n        <Text\n            style={[\n                textBaseStyle(layer, W, fontPair),\n                styles.hidden,\n                absolute ? { position: 'absolute', left: 0, top: 0, width: Math.max(1, layer.w * W) } : null,\n            ]}\n            onTextLayout={(e) => onLines(toLines(e))}\n        >\n            {words}\n        </Text>\n    );\n}\n\n/** The layer's words on one unbroken line - how long a curve's arc must be. */\nexport function CurveMeasure({\n    layer,\n    W,\n    fontPair,\n    onCurve,\n}: {\n    layer: TextLayer;\n    W: number;\n    fontPair?: DesignFontPair;\n    onCurve: (curve: MeasuredCurve) => void;\n}) {\n    const words = useMemo(() => renderWords(layer, W, fontPair, undefined, true), [layer, W, fontPair]);\n    return (\n        <View pointerEvents=\"none\" style={styles.wide}>\n            <Text\n                style={[textBaseStyle(layer, W, fontPair), styles.hidden, { textAlign: 'left' }]}\n                numberOfLines={1}\n                onTextLayout={(e) => {\n                    const lines = e.nativeEvent.lines;\n                    if (!lines.length) return;\n                    const first = lines[0];\n                    onCurve({ width: first.width, ascender: first.ascender, descender: first.descender });\n                }}\n            >\n                {words}\n            </Text>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    hidden: { opacity: 0 },\n    wide: { position: 'absolute', left: 0, top: 0, width: 100000, opacity: 0, alignItems: 'flex-start' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/design/render/fontRegistry.js

@@ -0,0 +1,110 @@
+import {useReducer,useEffect}from'react';import {Platform}from'react-native';import {nearestFace,faceAlias,systemFontFor,rnWeight,googleFontCssUrl,parseGoogleFontCss}from'../doc/fonts.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));
+let fontModule;
+function getFontModule() {
+  if (fontModule === void 0) {
+    try {
+      fontModule = require("expo-font");
+    } catch (e) {
+      fontModule = null;
+    }
+  }
+  return fontModule;
+}
+const platform = Platform.OS === "android" ? "android" : "ios";
+const NEVER_FETCH = /^(system|sans-serif|serif|monospace|arial|helvetica( neue)?|georgia|times new roman|courier new|verdana|trebuchet ms|impact|comic sans ms|palatino|garamond)$/i;
+const familyFaces = /* @__PURE__ */ new Map();
+const knownFaces = /* @__PURE__ */ new Map();
+const faceState = /* @__PURE__ */ new Map();
+let version = 0;
+const listeners = /* @__PURE__ */ new Set();
+function bump() {
+  version += 1;
+  for (const listener of listeners) listener();
+}
+function readFamily(family) {
+  const hit = familyFaces.get(family);
+  if (hit) return hit;
+  const read = fetch(googleFontCssUrl(family), {
+    headers: {
+      "user-agent": "yantra-design/1"
+    }
+  }).then((res) => res.ok ? res.text() : "").then((css) => parseGoogleFontCss(css)).catch(() => []);
+  familyFaces.set(family, read);
+  void read.then((faces) => knownFaces.set(family, faces));
+  return read;
+}
+async function requestFace(family, weight, italic) {
+  const name = family.trim();
+  if (!name || NEVER_FETCH.test(name)) return;
+  const loader = getFontModule();
+  if (!loader) return;
+  const faces = await readFamily(name);
+  const face = nearestFace(faces, weight, italic);
+  if (!face) return;
+  const alias = faceAlias(name, face.weight, face.italic);
+  if (faceState.has(alias)) return;
+  faceState.set(alias, "loading");
+  try {
+    await loader.loadAsync({
+      [alias]: face.url
+    });
+    faceState.set(alias, "ready");
+  } catch (e) {
+    faceState.set(alias, "failed");
+  }
+  bump();
+}
+function resolveTextFont(family, weight, italic) {
+  const name = (family != null ? family : "").trim();
+  const faces = name ? knownFaces.get(name) : void 0;
+  const face = faces ? nearestFace(faces, weight != null ? weight : 400, Boolean(italic)) : void 0;
+  if (face && faceState.get(faceAlias(name, face.weight, face.italic)) === "ready") {
+    return __spreadValues({
+      fontFamily: faceAlias(name, face.weight, face.italic),
+      // The alias IS the weight; asking the platform to embolden it again would double it.
+      fontWeight: "normal"
+    }, italic && !face.italic ? {
+      fontStyle: "italic"
+    } : {});
+  }
+  const fallback = systemFontFor(name, platform);
+  return __spreadValues(__spreadProps(__spreadValues({}, fallback ? {
+    fontFamily: fallback
+  } : {}), {
+    fontWeight: rnWeight(weight)
+  }), italic ? {
+    fontStyle: "italic"
+  } : {});
+}
+function useDesignFonts(requests) {
+  const [, rerender] = useReducer((n) => n + 1, 0);
+  useEffect(() => {
+    listeners.add(rerender);
+    return () => {
+      listeners.delete(rerender);
+    };
+  }, []);
+  const key = requests.map((r) => `${r.family}|${r.weight}|${r.italic ? 1 : 0}`).join(",");
+  useEffect(() => {
+    for (const r of requests) void requestFace(r.family, r.weight, r.italic);
+  }, [key]);
+  return version;
+}export{requestFace,resolveTextFont,useDesignFonts};//# sourceMappingURL=fontRegistry.js.map

package/lib/features/design/render/fontRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontRegistry.js","sources":["../../../../src/features/design/render/fontRegistry.ts"],"sourcesContent":["/**\n * Real faces for text layers, loaded on demand (see doc/fonts.ts for why).\n *\n * A family's Google stylesheet is read once; then only the faces a design\n * actually draws (its weights and postures) are downloaded and registered\n * through expo-font, each under its own alias. Until a face lands - or for a\n * family Google does not host - the layer draws in the closest device family,\n * and every subscribed page re-renders when a face arrives.\n *\n * expo-font is required lazily: a remote must never fail to open a design\n * because a font could not load.\n */\nimport { useEffect, useReducer } from 'react';\nimport { Platform, type TextStyle } from 'react-native';\nimport {\n    faceAlias,\n    googleFontCssUrl,\n    nearestFace,\n    parseGoogleFontCss,\n    rnWeight,\n    systemFontFor,\n    type FontFace,\n} from '../doc/fonts';\n\ntype FontModule = { loadAsync: (map: Record<string, string>) => Promise<void> };\n\nlet fontModule: FontModule | null | undefined;\n\nfunction getFontModule(): FontModule | null {\n    if (fontModule === undefined) {\n        try {\n            // eslint-disable-next-line @typescript-eslint/no-var-requires, global-require\n            fontModule = require('expo-font') as FontModule;\n        } catch {\n            fontModule = null;\n        }\n    }\n    return fontModule;\n}\n\nconst platform = Platform.OS === 'android' ? 'android' : 'ios';\n\n/** Families the device already draws as themselves: nothing to fetch. */\nconst NEVER_FETCH =\n    /^(system|sans-serif|serif|monospace|arial|helvetica( neue)?|georgia|times new roman|courier new|verdana|trebuchet ms|impact|comic sans ms|palatino|garamond)$/i;\n\nconst familyFaces = new Map<string, Promise<FontFace[]>>();\nconst knownFaces = new Map<string, FontFace[]>();\nconst faceState = new Map<string, 'loading' | 'ready' | 'failed'>();\n\nlet version = 0;\nconst listeners = new Set<() => void>();\n\nfunction bump(): void {\n    version += 1;\n    for (const listener of listeners) listener();\n}\n\nfunction readFamily(family: string): Promise<FontFace[]> {\n    const hit = familyFaces.get(family);\n    if (hit) return hit;\n    const read = fetch(googleFontCssUrl(family), { headers: { 'user-agent': 'yantra-design/1' } })\n        .then((res) => (res.ok ? res.text() : ''))\n        .then((css) => parseGoogleFontCss(css))\n        .catch(() => [] as FontFace[]);\n    familyFaces.set(family, read);\n    void read.then((faces) => knownFaces.set(family, faces));\n    return read;\n}\n\n/** Ask for one face; resolves once it is drawable (or will never be). */\nexport async function requestFace(family: string, weight: number, italic: boolean): Promise<void> {\n    const name = family.trim();\n    if (!name || NEVER_FETCH.test(name)) return;\n    const loader = getFontModule();\n    if (!loader) return;\n    const faces = await readFamily(name);\n    const face = nearestFace(faces, weight, italic);\n    if (!face) return;\n    const alias = faceAlias(name, face.weight, face.italic);\n    if (faceState.has(alias)) return;\n    faceState.set(alias, 'loading');\n    try {\n        await loader.loadAsync({ [alias]: face.url });\n        faceState.set(alias, 'ready');\n    } catch {\n        faceState.set(alias, 'failed');\n    }\n    bump();\n}\n\n/** The RN text style for a family at a weight and posture: the loaded face, else the device's closest. */\nexport function resolveTextFont(\n    family: string | undefined,\n    weight: number | undefined,\n    italic: boolean | undefined,\n): Pick<TextStyle, 'fontFamily' | 'fontWeight' | 'fontStyle'> {\n    const name = (family ?? '').trim();\n    const faces = name ? knownFaces.get(name) : undefined;\n    const face = faces ? nearestFace(faces, weight ?? 400, Boolean(italic)) : undefined;\n    if (face && faceState.get(faceAlias(name, face.weight, face.italic)) === 'ready') {\n        return {\n            fontFamily: faceAlias(name, face.weight, face.italic),\n            // The alias IS the weight; asking the platform to embolden it again would double it.\n            fontWeight: 'normal',\n            ...(italic && !face.italic ? { fontStyle: 'italic' as const } : {}),\n        };\n    }\n    const fallback = systemFontFor(name, platform);\n    return {\n        ...(fallback ? { fontFamily: fallback } : {}),\n        fontWeight: rnWeight(weight),\n        ...(italic ? { fontStyle: 'italic' as const } : {}),\n    };\n}\n\nexport interface FaceRequest {\n    family: string;\n    weight: number;\n    italic: boolean;\n}\n\n/** Load these faces, and re-render the caller whenever any face lands. */\nexport function useDesignFonts(requests: readonly FaceRequest[]): number {\n    const [, rerender] = useReducer((n: number) => n + 1, 0);\n    useEffect(() => {\n        listeners.add(rerender);\n        return () => {\n            listeners.delete(rerender);\n        };\n    }, []);\n    const key = requests.map((r) => `${r.family}|${r.weight}|${r.italic ? 1 : 0}`).join(',');\n    useEffect(() => {\n        for (const r of requests) void requestFace(r.family, r.weight, r.italic);\n        // `key` stands for `requests`: a new array with the same faces asks for nothing new.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [key]);\n    return version;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,IAAI,UAAA;AACJ,SAAS,aAAmC,GAAA;AAC1C,EAAA,IAAI,eAAe,MAAW,EAAA;AAC5B,IAAI,IAAA;AAEF,MAAA,UAAA,GAAa,QAAQ,WAAW,CAAA;AAAA,KAC1B,CAAA,OAAA,CAAA,EAAA;AACN,MAAa,UAAA,GAAA,IAAA;AAAA;AACf;AAEF,EAAO,OAAA,UAAA;AACT;AACA,MAAM,QAAW,GAAA,QAAA,CAAS,EAAO,KAAA,SAAA,GAAY,SAAY,GAAA,KAAA;AAGzD,MAAM,WAAc,GAAA,gKAAA;AACpB,MAAM,WAAA,uBAAkB,GAAiC,EAAA;AACzD,MAAM,UAAA,uBAAiB,GAAwB,EAAA;AAC/C,MAAM,SAAA,uBAAgB,GAA4C,EAAA;AAClE,IAAI,OAAU,GAAA,CAAA;AACd,MAAM,SAAA,uBAAgB,GAAgB,EAAA;AACtC,SAAS,IAAa,GAAA;AACpB,EAAW,OAAA,IAAA,CAAA;AACX,EAAW,KAAA,MAAA,QAAA,IAAY,WAAoB,QAAA,EAAA;AAC7C;AACA,SAAS,WAAW,MAAqC,EAAA;AACvD,EAAM,MAAA,GAAA,GAAM,WAAY,CAAA,GAAA,CAAI,MAAM,CAAA;AAClC,EAAA,IAAI,KAAY,OAAA,GAAA;AAChB,EAAA,MAAM,IAAO,GAAA,KAAA,CAAM,gBAAiB,CAAA,MAAM,CAAG,EAAA;AAAA,IAC3C,OAAS,EAAA;AAAA,MACP,YAAc,EAAA;AAAA;AAChB,GACD,EAAE,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,EAAK,GAAA,GAAA,CAAI,MAAS,GAAA,EAAE,EAAE,IAAK,CAAA,CAAA,GAAA,KAAO,mBAAmB,GAAG,CAAC,EAAE,KAAM,CAAA,MAAM,EAAgB,CAAA;AAC1G,EAAY,WAAA,CAAA,GAAA,CAAI,QAAQ,IAAI,CAAA;AAC5B,EAAA,KAAK,KAAK,IAAK,CAAA,CAAA,KAAA,KAAS,WAAW,GAAI,CAAA,MAAA,EAAQ,KAAK,CAAC,CAAA;AACrD,EAAO,OAAA,IAAA;AACT;AAGsB,eAAA,WAAA,CAAY,MAAgB,EAAA,MAAA,EAAgB,MAAgC,EAAA;AAChG,EAAM,MAAA,IAAA,GAAO,OAAO,IAAK,EAAA;AACzB,EAAA,IAAI,CAAC,IAAA,IAAQ,WAAY,CAAA,IAAA,CAAK,IAAI,CAAG,EAAA;AACrC,EAAA,MAAM,SAAS,aAAc,EAAA;AAC7B,EAAA,IAAI,CAAC,MAAQ,EAAA;AACb,EAAM,MAAA,KAAA,GAAQ,MAAM,UAAA,CAAW,IAAI,CAAA;AACnC,EAAA,MAAM,IAAO,GAAA,WAAA,CAAY,KAAO,EAAA,MAAA,EAAQ,MAAM,CAAA;AAC9C,EAAA,IAAI,CAAC,IAAM,EAAA;AACX,EAAA,MAAM,QAAQ,SAAU,CAAA,IAAA,EAAM,IAAK,CAAA,MAAA,EAAQ,KAAK,MAAM,CAAA;AACtD,EAAI,IAAA,SAAA,CAAU,GAAI,CAAA,KAAK,CAAG,EAAA;AAC1B,EAAU,SAAA,CAAA,GAAA,CAAI,OAAO,SAAS,CAAA;AAC9B,EAAI,IAAA;AACF,IAAA,MAAM,OAAO,SAAU,CAAA;AAAA,MACrB,CAAC,KAAK,GAAG,IAAK,CAAA;AAAA,KACf,CAAA;AACD,IAAU,SAAA,CAAA,GAAA,CAAI,OAAO,OAAO,CAAA;AAAA,GACtB,CAAA,OAAA,CAAA,EAAA;AACN,IAAU,SAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA;AAAA;AAE/B,EAAK,IAAA,EAAA;AACP;AAGgB,SAAA,eAAA,CAAgB,MAA4B,EAAA,MAAA,EAA4B,MAAyF,EAAA;AAC/K,EAAM,MAAA,IAAA,GAAA,CAAQ,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,EAAI,IAAK,EAAA;AACjC,EAAA,MAAM,KAAQ,GAAA,IAAA,GAAO,UAAW,CAAA,GAAA,CAAI,IAAI,CAAI,GAAA,MAAA;AAC5C,EAAM,MAAA,IAAA,GAAO,QAAQ,WAAY,CAAA,KAAA,EAAO,0BAAU,GAAK,EAAA,OAAA,CAAQ,MAAM,CAAC,CAAI,GAAA,MAAA;AAC1E,EAAI,IAAA,IAAA,IAAQ,SAAU,CAAA,GAAA,CAAI,SAAU,CAAA,IAAA,EAAM,IAAK,CAAA,MAAA,EAAQ,IAAK,CAAA,MAAM,CAAC,CAAA,KAAM,OAAS,EAAA;AAChF,IAAO,OAAA,cAAA,CAAA;AAAA,MACL,YAAY,SAAU,CAAA,IAAA,EAAM,IAAK,CAAA,MAAA,EAAQ,KAAK,MAAM,CAAA;AAAA;AAAA,MAEpD,UAAY,EAAA;AAAA,KACR,EAAA,MAAA,IAAU,CAAC,IAAA,CAAK,MAAS,GAAA;AAAA,MAC3B,SAAW,EAAA;AAAA,QACT,EAAC,CAAA;AAAA;AAGT,EAAM,MAAA,QAAA,GAAW,aAAc,CAAA,IAAA,EAAM,QAAQ,CAAA;AAC7C,EAAA,OAAO,gDACD,QAAW,GAAA;AAAA,IACb,UAAY,EAAA;AAAA,GACd,GAAI,EAHC,CAAA,EAAA;AAAA,IAIL,UAAA,EAAY,SAAS,MAAM;AAAA,GAAA,CAAA,EACvB,MAAS,GAAA;AAAA,IACX,SAAW,EAAA;AAAA,MACT,EAAC,CAAA;AAET;AAQO,SAAS,eAAe,QAA0C,EAAA;AACvE,EAAM,MAAA,GAAG,QAAQ,CAAA,GAAI,WAAW,CAAC,CAAA,KAAc,CAAI,GAAA,CAAA,EAAG,CAAC,CAAA;AACvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA,CAAU,IAAI,QAAQ,CAAA;AACtB,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,OAAO,QAAQ,CAAA;AAAA,KAC3B;AAAA,GACF,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,MAAM,QAAS,CAAA,GAAA,CAAI,OAAK,CAAG,EAAA,CAAA,CAAE,MAAM,CAAI,CAAA,EAAA,CAAA,CAAE,MAAM,CAAA,CAAA,EAAI,EAAE,MAAS,GAAA,CAAA,GAAI,CAAC,CAAE,CAAA,CAAA,CAAE,KAAK,GAAG,CAAA;AACrF,EAAA,SAAA,CAAU,MAAM;AACd,IAAW,KAAA,MAAA,CAAA,IAAK,UAAe,KAAA,WAAA,CAAY,EAAE,MAAQ,EAAA,CAAA,CAAE,MAAQ,EAAA,CAAA,CAAE,MAAM,CAAA;AAAA,GAGzE,EAAG,CAAC,GAAG,CAAC,CAAA;AACR,EAAO,OAAA,OAAA;AACT"}