Feat/zpl cw custom fonts

src/components/Canvas/KonvaObject.tsx

@@ -7,6 +7,7 @@ import type Konva from "konva";
 import { dotsToPx, pxToDots } from "../../lib/coordinates";
 import { outlineInset } from "../../lib/shapeGeometry";
 import { useColorScheme } from "../../lib/useColorScheme";
+import { useLabelStore } from "../../store/labelStore";
 import { ZPL_FONT_HEIGHT_TO_CSS_RATIO } from "./textPositionTransforms";
 import { getTextRenderMetrics } from "./textRenderMetrics";
 import { selectionHandlers, type KonvaObjectProps } from "./konvaObjectProps";
@@ -146,13 +147,19 @@ function KonvaObjectInner({
 }: Props) {
   const fontVersion = useFontCacheVersion();
   const colors = useColorScheme();
+  // Pass the whole label config so the metrics helper can resolve
+  // either a per-field `fontId` or the label-wide `defaultFontId` to
+  // an uploaded preview TTF. ZPL emit/parse intentionally call the
+  // metrics without `label`, so their ink-width stays PrintLab-ZPL
+  // based and the round-trip is unaffected.
+  const label = useLabelStore((s) => s.label);
   // obj.x/y is the Konva render position (top-left of the EM bbox) —
   // identical to what every other shape stores. The ZPL anchor (^FO
   // cap-top / ^FT baseline) lives at obj.x/y + zplAnchorDelta and is
   // applied only at the I/O boundary by zplGenerator / zplParser, so
   // every in-editor interaction (drag, resize, snap, smart-align) sees
   // a shape-agnostic single coordinate system.
-  const baseMetrics = getTextRenderMetrics(obj);
+  const baseMetrics = getTextRenderMetrics(obj, undefined, label);
   const textMetrics =
     baseMetrics && (obj.type === "text" || obj.type === "serial")
       ? {

src/components/Canvas/textRenderMetrics.ts

@@ -1,5 +1,7 @@
+import { resolvePreviewFontName } from "../../lib/customFonts";
 import { getFontFamily } from "../../lib/fontCache";
 import type { LabelObject } from "../../types/Group";
+import type { LabelConfig } from "../../types/ObjectType";
 import { measureInkWidthPx } from "./measureTextDots";
 import { ZPL_FONT_HEIGHT_TO_CSS_RATIO } from "./textPositionTransforms";
 
@@ -24,14 +26,21 @@ export interface TextMetricsInput {
   fontHeight: number;
   fontWidth: number;
   printerFontName?: string;
+  /** Canvas-only fallback used when `printerFontName` is empty. Lets
+   *  the renderer apply the label-wide default font (resolved from
+   *  ^CW / ^CF) to text fields that did not pick their own printer
+   *  font. Not passed by emit/parser, so the ZPL round-trip stays
+   *  PrintLab-ZPL based. */
+  defaultPrinterFontName?: string;
 }
 
 /** Compute metrics from raw text parameters. Pure once
  *  `measureInkWidthPx` and `getFontFamily` are pure. */
 export function computeTextRenderMetrics(input: TextMetricsInput): TextRenderMetrics {
-  const { content, fontHeight, fontWidth, printerFontName } = input;
-  const fontFamily = printerFontName
-    ? (getFontFamily(printerFontName) ?? "'PrintLab ZPL', sans-serif")
+  const { content, fontHeight, fontWidth, printerFontName, defaultPrinterFontName } = input;
+  const effectiveFontName = printerFontName || defaultPrinterFontName;
+  const fontFamily = effectiveFontName
+    ? (getFontFamily(effectiveFontName) ?? "'PrintLab ZPL', sans-serif")
     : "'PrintLab ZPL', sans-serif";
   const fontScaleX = fontWidth > 0 ? fontWidth / fontHeight : 1;
   const inkWidthDots =
@@ -45,17 +54,37 @@ export function computeTextRenderMetrics(input: TextMetricsInput): TextRenderMet
 
 /** Object-shaped wrapper used by the renderer and the resize commit
  *  path. `fontHeightOverride` lets the resize commit see the
- *  to-be-written fontHeight before it lands in obj.props. */
+ *  to-be-written fontHeight before it lands in obj.props.
+ *
+ *  `label` is the canvas-only context used to resolve preview fonts.
+ *  Priority order matches the generator's `^A` priority:
+ *    1. text-level `fontId` → preview TTF for that alias
+ *    2. text-level `printerFontName` (legacy filename form)
+ *    3. label `defaultFontId` → preview TTF for the global default
+ *  The emit path (`textFieldPos`) and the parser intentionally call
+ *  this without `label`, so their ink-width measurements stay
+ *  PrintLab-ZPL based and the ZPL round-trip is unaffected. */
 export function getTextRenderMetrics(
   obj: LabelObject,
   fontHeightOverride?: number,
+  label?: Pick<LabelConfig, "customFonts" | "defaultFontId">,
 ): TextRenderMetrics | null {
   if (obj.type !== "text" && obj.type !== "serial") return null;
   const p = obj.props;
+  const fieldFontId = obj.type === "text" ? obj.props.fontId : undefined;
+  const fieldPrinterFontName =
+    obj.type === "text" ? obj.props.printerFontName : undefined;
+  const printerFontName = label
+    ? (resolvePreviewFontName(label, fieldFontId) ?? fieldPrinterFontName)
+    : fieldPrinterFontName;
+  const defaultPrinterFontName = label
+    ? resolvePreviewFontName(label, label.defaultFontId)
+    : undefined;
   return computeTextRenderMetrics({
     content: obj.type === "serial" ? `#${p.content}` : p.content,
     fontHeight: fontHeightOverride ?? p.fontHeight,
     fontWidth: p.fontWidth,
-    printerFontName: obj.type === "text" ? obj.props.printerFontName : undefined,
+    printerFontName,
+    defaultPrinterFontName,
   });
 }