@twinfinity/printing 6.1.0-beta → 6.1.2-ci.30738-beta

package/src/printToPdf.ts

@@ -7,7 +7,8 @@
 export interface PrintToPdfOptions {
     svgMarkup: string;
     fileName?: string;
-    pageFormat?: 'a0' | 'a1' | 'a2' | 'a3' | 'a4';
+    /** ISO name or an arbitrary [width, height] in mm. */
+    pageFormat?: 'a0' | 'a1' | 'a2' | 'a3' | 'a4' | [number, number];
     orientation?: 'portrait' | 'landscape';
     marginMm?: number;
 }
@@ -17,16 +18,16 @@ export interface PrintToPdfOptions {
  * Requires jspdf and svg2pdf.js as peer dependencies.
  */
 export async function printToPdf(options: PrintToPdfOptions): Promise<Blob> {
-    // Dynamic imports for optional peer dependencies (installed by consumer, not this package)
+    // Dynamic imports for optional peer dependencies (installed by consumer,
+    // not this package). Typechecked against the workspace-hoisted installs
+    // (template-workbench depends on both), resolved at runtime for consumers.
     let jspdfModule: any;
     try {
-        // @ts-expect-error — optional peer dependency resolved at runtime
         jspdfModule = await import('jspdf');
     } catch {
         throw new Error('jspdf is required for PDF export. Install it: bun add jspdf');
     }
     try {
-        // @ts-expect-error — optional peer dependency resolved at runtime
         await import('svg2pdf.js');
     } catch {
         throw new Error('svg2pdf.js is required for PDF export. Install it: bun add svg2pdf.js');
@@ -37,7 +38,10 @@ export async function printToPdf(options: PrintToPdfOptions): Promise<Blob> {
     const orientation = options.orientation ?? 'landscape';
     const margin = options.marginMm ?? 10;
 
-    const doc = new jsPDF({ format, orientation, unit: 'mm' });
+    // compress: jsPDF leaves content streams uncompressed by default — a full
+    // sheet of vector linework is megabytes of plain text. Flate matches what
+    // browser print-to-PDF produces (~5-10x smaller for typical sheets).
+    const doc = new jsPDF({ format, orientation, unit: 'mm', compress: true });
     const pageWidth = doc.internal.pageSize.getWidth();
     const pageHeight = doc.internal.pageSize.getHeight();
 
@@ -45,12 +49,29 @@ export async function printToPdf(options: PrintToPdfOptions): Promise<Blob> {
     const svgDoc = parser.parseFromString(options.svgMarkup, 'image/svg+xml');
     const svgElement = svgDoc.documentElement;
 
-    await doc.svg(svgElement, {
-        x: margin,
-        y: margin,
-        width: pageWidth - margin * 2,
-        height: pageHeight - margin * 2
-    });
+    try {
+        await doc.svg(svgElement, {
+            x: margin,
+            y: margin,
+            width: pageWidth - margin * 2,
+            height: pageHeight - margin * 2
+        });
+    } catch (err) {
+        // svg2pdf loads every <image> href over XHR and rejects with the raw
+        // ProgressEvent on network/CORS failure — which stringifies to the
+        // useless "[object ProgressEvent]". Translate, and name the linked
+        // images so the failing one is findable. Remote images render fine in
+        // the browser preview but fail export unless the host sends CORS
+        // headers; data: URIs and inline resource `content` always work.
+        if (err instanceof Error) throw err;
+        const hrefs = collectImageHrefs(options.svgMarkup);
+        throw new Error(
+            'PDF export failed while loading a linked <image> resource (network or CORS). ' +
+                'Template images must be data: URIs, inline SVG resource `content`, or served ' +
+                'with CORS headers — the on-screen preview does not enforce this, PDF export does.' +
+                (hrefs.length ? ` Linked images: ${hrefs.join(', ')}` : '')
+        );
+    }
 
     const blob = doc.output('blob');
 
@@ -61,6 +82,24 @@ export async function printToPdf(options: PrintToPdfOptions): Promise<Blob> {
     return blob;
 }
 
+/**
+ * External image references in an SVG, for error reporting. data: URIs are
+ * summarized rather than dumped (they can be hundreds of KB).
+ */
+export function collectImageHrefs(svgMarkup: string): string[] {
+    const hrefs: string[] = [];
+    // Both quote styles: SVG allows either, and this feeds an error message — matching only double
+    // quotes meant the "which image broke the export?" hint could come back empty on valid markup,
+    // which is worse than not having it.
+    for (const m of svgMarkup.matchAll(/<image\b[^>]*?(?:xlink:)?href\s*=\s*("([^"]*)"|'([^']*)')/g)) {
+        const href = m[2] ?? m[3] ?? '';
+        hrefs.push(
+            href.startsWith('data:') ? `${href.slice(0, href.indexOf(',') + 1 || 32)}… (${href.length} chars)` : href
+        );
+    }
+    return hrefs;
+}
+
 /**
  * Export an SVG string directly as a downloadable SVG file.
  */
@@ -83,10 +122,40 @@ export interface ExportSectionToPdfOptions {
 }
 
 export async function exportSectionToPdf(options: ExportSectionToPdfOptions): Promise<void> {
-    await printToPdf({
-        svgMarkup: options.svgMarkup,
-        fileName: options.fileName
-    });
+    const size = options.pageSizeMm;
+    // Claim the tab synchronously, while still inside the click that started this. Opening it after
+    // the await puts the call outside the user gesture, which is precisely what popup blockers stop
+    // — and rendering a sheet takes long enough that they always would.
+    const tab = options.openInNewTab ? window.open('', '_blank') : null;
+    let blob: Blob;
+    try {
+        blob = await printToPdf({
+            svgMarkup: options.svgMarkup,
+            // When opening in a tab, skip jsPDF's own save() download.
+            fileName: options.openInNewTab ? undefined : options.fileName,
+            pageFormat: size ? [size.width, size.height] : undefined,
+            orientation: size ? (size.width >= size.height ? 'landscape' : 'portrait') : undefined,
+            marginMm: size ? 0 : undefined
+        });
+    } catch (err) {
+        // Claiming the tab up front means a failed export would otherwise leave an empty one sitting
+        // there — and a broken linked <image> makes this throw, which is not a rare path.
+        tab?.close();
+        throw err;
+    }
+    if (options.openInNewTab) {
+        const url = URL.createObjectURL(blob);
+        // A blocked window.open returns null; fall back to the download so the export still lands
+        // somewhere the user can find rather than appearing to do nothing.
+        if (tab) tab.location.href = url;
+        else {
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = options.fileName;
+            link.click();
+        }
+        setTimeout(() => URL.revokeObjectURL(url), 60_000);
+    }
 }
 
 export interface ExportSectionToSvgOptions {

package/src/printToSvg.ts

@@ -40,9 +40,10 @@ export function printToSvg(geometry: SlabSectionGeometry, options: PrintToSvgOpt
     const proj = {
         hiddenLines: projectPolylines(geometry.hiddenLines, options.planeBasis),
         outlineHidden: projectPolylines(geometry.outlineHidden, options.planeBasis),
+        silhouettesHidden: projectPolylines(geometry.silhouettesHidden, options.planeBasis),
         visibleLines: projectPolylines(geometry.visibleLines, options.planeBasis),
         outlineVisible: projectPolylines(geometry.outlineVisible, options.planeBasis),
-        silhouettes: projectPolylines(geometry.silhouettes, options.planeBasis),
+        silhouettesVisible: projectPolylines(geometry.silhouettesVisible, options.planeBasis),
         featureEdges: projectPolylines(geometry.featureEdges, options.planeBasis),
         cutLines: projectPolylines(geometry.cutLines, options.planeBasis),
         stairArrows: projectPolylines(geometry.stairArrows, options.planeBasis)
@@ -70,12 +71,14 @@ export function printToSvg(geometry: SlabSectionGeometry, options: PrintToSvgOpt
 
     parts.push('<g fill="none" stroke-linecap="round" stroke-linejoin="round">');
 
+    // Hidden categories paint first so visible linework always draws over them.
     const categories: Array<[keyof typeof proj, keyof Required<SvgRenderStyles>]> = [
         ['hiddenLines', 'hiddenLines'],
         ['outlineHidden', 'outlineHidden'],
+        ['silhouettesHidden', 'silhouettesHidden'],
         ['visibleLines', 'visibleLines'],
         ['outlineVisible', 'outlineVisible'],
-        ['silhouettes', 'silhouettes'],
+        ['silhouettesVisible', 'silhouettesVisible'],
         ['featureEdges', 'featureEdges'],
         ['cutLines', 'cutLines'],
         ['stairArrows', 'stairArrows']
@@ -179,7 +182,8 @@ function mergeStyles(userStyles?: SvgRenderStyles): Required<SvgRenderStyles> {
         cutLines: { ...DEFAULT_SVG_STYLES.cutLines, ...userStyles?.cutLines },
         visibleLines: { ...DEFAULT_SVG_STYLES.visibleLines, ...userStyles?.visibleLines },
         hiddenLines: { ...DEFAULT_SVG_STYLES.hiddenLines, ...userStyles?.hiddenLines },
-        silhouettes: { ...DEFAULT_SVG_STYLES.silhouettes, ...userStyles?.silhouettes },
+        silhouettesVisible: { ...DEFAULT_SVG_STYLES.silhouettesVisible, ...userStyles?.silhouettesVisible },
+        silhouettesHidden: { ...DEFAULT_SVG_STYLES.silhouettesHidden, ...userStyles?.silhouettesHidden },
         featureEdges: { ...DEFAULT_SVG_STYLES.featureEdges, ...userStyles?.featureEdges },
         stairArrows: { ...DEFAULT_SVG_STYLES.stairArrows, ...userStyles?.stairArrows },
         outlineVisible: { ...DEFAULT_SVG_STYLES.outlineVisible, ...userStyles?.outlineVisible },

package/src/schemaUtils.ts

@@ -0,0 +1,13 @@
+/**
+ * The shipped `templates/template-schema.json` contains VS Code snippet
+ * placeholders (`${1:value}`) inside `defaultSnippets` bodies — valid for
+ * Monaco/VS Code, but not strict JSON. Consumers that need to parse the
+ * schema (ajv validation, editors without snippet support) must strip them
+ * first; this is the one shared implementation.
+ */
+export function sanitizeTemplateSchemaSnippets(schemaJsonText: string): string {
+    return schemaJsonText
+        .replace(/\$\{\d+:(-?[\d.]+)\}/g, '$1') // ${1:420}   -> 420
+        .replace(/\$\{\d+:([^}"]*)\}/g, '$1') // ${2:main}  -> main
+        .replace(/\$\{\d+\}|\$\d+/g, ''); // ${3} / $0  -> (removed)
+}

package/src/templates/default-template.json

@@ -1,11 +1,23 @@
 {
   "id": "a3-landscape-with-logo",
-  "page": { "widthMm": 420, "heightMm": 297, "marginMm": 10, "backgroundColor": "#ffffff" },
+  "page": {
+    "widthMm": 420,
+    "heightMm": 297,
+    "marginMm": 10,
+    "backgroundColor": "#ffffff"
+  },
   "styles": {
-    "body": { "fontFamily": "Arial", "fontSizeMm": 3.5 }
+    "body": {
+      "fontFamily": "Arial",
+      "fontSizeMm": 3.5
+    }
   },
-  "assets": [
-    { "id": "logo-main", "src": "https://twinfinity.com/theme-assets/logo.svg" }
+  "allowRemoteResources": true,
+  "resources": [
+    {
+      "id": "logo-main",
+      "src": "https://twinfinity.com/theme-assets/logo.svg"
+    }
   ],
   "elements": [
     {
@@ -15,7 +27,7 @@
       "yMm": 10,
       "widthMm": 80,
       "heightMm": 20,
-      "assetId": "logo-main",
+      "resourceId": "logo-main",
       "fit": "contain"
     },
     {
@@ -47,9 +59,19 @@
       "widthMm": 410,
       "heightMm": 230,
       "scaleMode": "fitAndRound",
-      "preferredScales": [2, 10, 25, 50, 100, 150, 250, 500, 1000, 2500],
-      "align": "center",
-      "border": { "stroke": "none", "strokeWidthMm": 0.25 }
+      "preferredScales": [
+        2,
+        10,
+        25,
+        50,
+        100,
+        150,
+        250,
+        500,
+        1000,
+        2500
+      ],
+      "align": "center"
     },
     {
       "kind": "scaleBar",

package/src/types.ts

@@ -12,7 +12,8 @@ export interface SvgRenderStyles {
     cutLines?: SvgLineStyle;
     visibleLines?: SvgLineStyle;
     hiddenLines?: SvgLineStyle;
-    silhouettes?: SvgLineStyle;
+    silhouettesVisible?: SvgLineStyle;
+    silhouettesHidden?: SvgLineStyle;
     featureEdges?: SvgLineStyle;
     stairArrows?: SvgLineStyle;
     outlineVisible?: SvgLineStyle;
@@ -41,7 +42,16 @@ export const DEFAULT_SVG_STYLES: Required<SvgRenderStyles> = {
     cutLines: { enabled: true, stroke: '#dc2626', strokeWidth: 0.01, opacity: 1 },
     visibleLines: { enabled: true, stroke: '#111827', strokeWidth: 0.005, opacity: 1 },
     hiddenLines: { enabled: true, stroke: '#6b7280', strokeWidth: 0.004, strokeDasharray: '0.02,0.01', opacity: 1 },
-    silhouettes: { enabled: true, stroke: '#000000', strokeWidth: 0.006, opacity: 1 },
+    silhouettesVisible: { enabled: true, stroke: '#000000', strokeWidth: 0.006, opacity: 1 },
+    // Hidden contours follow the hiddenLines drafting convention (dashed grey), not the
+    // visible outline's heavy solid stroke.
+    silhouettesHidden: {
+        enabled: true,
+        stroke: '#6b7280',
+        strokeWidth: 0.004,
+        strokeDasharray: '0.02,0.01',
+        opacity: 1
+    },
     featureEdges: { enabled: true, stroke: '#374151', strokeWidth: 0.005, opacity: 1 },
     stairArrows: { enabled: true, stroke: '#111827', strokeWidth: 0.005, opacity: 1 },
     outlineVisible: { enabled: true, stroke: '#111827', strokeWidth: 0.004, opacity: 1 },

package/templates/default-a0-landscape.json

@@ -3,20 +3,58 @@
   "id": "default-a0-landscape",
   "presets": {
     "includeClasses": {
-      "defaultBuilding": ["space", "walls", "windows", "doors", "beam", "columns", "stairs", "floor"]
+      "defaultBuilding": [
+        "space",
+        "walls",
+        "windows",
+        "doors",
+        "beam",
+        "columns",
+        "stairs",
+        "floor"
+      ]
     },
     "scales": {
-      "default": { "preferredScales": [2, 10, 25, 50, 100, 150, 250, 500, 1000, 2500] }
+      "default": {
+        "preferredScales": [
+          2,
+          10,
+          25,
+          50,
+          100,
+          150,
+          250,
+          500,
+          1000,
+          2500
+        ]
+      }
     }
   },
-  "page": { "widthMm": 1189, "heightMm": 841, "marginMm": 5, "backgroundColor": "#ffffff" },
+  "page": {
+    "widthMm": 1189,
+    "heightMm": 841,
+    "marginMm": 5,
+    "backgroundColor": "#ffffff"
+  },
   "styles": {
-    "body": { "fontFamily": "Arial", "fontSizeMm": 3.5, "color": "#000000" },
-    "spaceLabels": { "fontFamily": "Arial", "fontSizeMm": 5, "color": "#000000" }
+    "body": {
+      "fontFamily": "Arial",
+      "fontSizeMm": 3.5,
+      "color": "#000000"
+    },
+    "spaceLabels": {
+      "fontFamily": "Arial",
+      "fontSizeMm": 5,
+      "color": "#000000"
+    }
   },
-  "allowRemoteAssets": true,
-  "assets": [
-    { "id": "logo-main", "src": "https://twinfinity.com/theme-assets/logo.svg" }
+  "allowRemoteResources": true,
+  "resources": [
+    {
+      "id": "logo-main",
+      "src": "https://twinfinity.com/theme-assets/logo.svg"
+    }
   ],
   "elements": [
     {
@@ -26,7 +64,7 @@
       "yMm": 7,
       "widthMm": 40,
       "heightMm": 10,
-      "assetId": "logo-main",
+      "resourceId": "logo-main",
       "fit": "contain"
     },
     {
@@ -47,19 +85,38 @@
       "yMm": 20,
       "widthMm": 1179,
       "heightMm": 794,
-      "includeClasses": { "preset": "defaultBuilding" },
+      "includeClasses": {
+        "preset": "defaultBuilding"
+      },
       "scaleMode": "fitAndRound",
       "scalePreset": "default",
       "align": "center",
-      "rotationDeg": 0,
-      "fills": [{ "class": "space", "fill": "sample", "fillOpacity": 0.35 }],
+      "fills": [
+        {
+          "class": "space",
+          "fill": "sample",
+          "fillOpacity": 0.35
+        }
+      ],
       "lineStyles": {
-        "default":       { "widthMm": 0.01, "color": "#1f2937" },
-        "visibleLines":  { "widthMm": 0.01, "color": "#1f2937" },
-        "hiddenLines":   { "widthMm": 0.005, "color": "#9ca3af", "dash": "4 2" },
-        "stairArrows":   { "widthMm": 0.015, "color": "#1f2937" }
-      },
-      "border": { "stroke": "none", "strokeWidthMm": 0.25 }
+        "default": {
+          "widthMm": 0.25,
+          "color": "#1f2937"
+        },
+        "visibleLines": {
+          "widthMm": 0.25,
+          "color": "#1f2937"
+        },
+        "hiddenLines": {
+          "widthMm": 0.13,
+          "color": "#9ca3af",
+          "dash": "4 2"
+        },
+        "stairArrows": {
+          "widthMm": 0.35,
+          "color": "#1f2937"
+        }
+      }
     },
     {
       "kind": "text",
@@ -96,114 +153,162 @@
     {
       "kind": "line",
       "id": "fold-v-29-top",
-      "x1Mm": 29, "y1Mm": 2,
-      "x2Mm": 29, "y2Mm": 8,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 29,
+      "y1Mm": 2,
+      "x2Mm": 29,
+      "y2Mm": 8,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-29-bottom",
-      "x1Mm": 29, "y1Mm": 828,
-      "x2Mm": 29, "y2Mm": 834,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 29,
+      "y1Mm": 828,
+      "x2Mm": 29,
+      "y2Mm": 834,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-219-top",
-      "x1Mm": 219, "y1Mm": 2,
-      "x2Mm": 219, "y2Mm": 8,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 219,
+      "y1Mm": 2,
+      "x2Mm": 219,
+      "y2Mm": 8,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-219-bottom",
-      "x1Mm": 219, "y1Mm": 828,
-      "x2Mm": 219, "y2Mm": 834,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 219,
+      "y1Mm": 828,
+      "x2Mm": 219,
+      "y2Mm": 834,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-409-top",
-      "x1Mm": 409, "y1Mm": 2,
-      "x2Mm": 409, "y2Mm": 8,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 409,
+      "y1Mm": 2,
+      "x2Mm": 409,
+      "y2Mm": 8,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-409-bottom",
-      "x1Mm": 409, "y1Mm": 828,
-      "x2Mm": 409, "y2Mm": 834,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 409,
+      "y1Mm": 828,
+      "x2Mm": 409,
+      "y2Mm": 834,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-599-top",
-      "x1Mm": 599, "y1Mm": 2,
-      "x2Mm": 599, "y2Mm": 8,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 599,
+      "y1Mm": 2,
+      "x2Mm": 599,
+      "y2Mm": 8,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-599-bottom",
-      "x1Mm": 599, "y1Mm": 828,
-      "x2Mm": 599, "y2Mm": 834,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 599,
+      "y1Mm": 828,
+      "x2Mm": 599,
+      "y2Mm": 834,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-789-top",
-      "x1Mm": 789, "y1Mm": 2,
-      "x2Mm": 789, "y2Mm": 8,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 789,
+      "y1Mm": 2,
+      "x2Mm": 789,
+      "y2Mm": 8,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-789-bottom",
-      "x1Mm": 789, "y1Mm": 828,
-      "x2Mm": 789, "y2Mm": 834,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 789,
+      "y1Mm": 828,
+      "x2Mm": 789,
+      "y2Mm": 834,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-979-top",
-      "x1Mm": 979, "y1Mm": 2,
-      "x2Mm": 979, "y2Mm": 8,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 979,
+      "y1Mm": 2,
+      "x2Mm": 979,
+      "y2Mm": 8,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-v-979-bottom",
-      "x1Mm": 979, "y1Mm": 828,
-      "x2Mm": 979, "y2Mm": 834,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 979,
+      "y1Mm": 828,
+      "x2Mm": 979,
+      "y2Mm": 834,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-h-247-left",
-      "x1Mm": 2, "y1Mm": 247,
-      "x2Mm": 8, "y2Mm": 247,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 2,
+      "y1Mm": 247,
+      "x2Mm": 8,
+      "y2Mm": 247,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-h-247-right",
-      "x1Mm": 1176, "y1Mm": 247,
-      "x2Mm": 1182, "y2Mm": 247,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 1176,
+      "y1Mm": 247,
+      "x2Mm": 1182,
+      "y2Mm": 247,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-h-544-left",
-      "x1Mm": 2, "y1Mm": 544,
-      "x2Mm": 8, "y2Mm": 544,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 2,
+      "y1Mm": 544,
+      "x2Mm": 8,
+      "y2Mm": 544,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     },
     {
       "kind": "line",
       "id": "fold-h-544-right",
-      "x1Mm": 1176, "y1Mm": 544,
-      "x2Mm": 1182, "y2Mm": 544,
-      "stroke": "#000", "strokeWidthMm": 0.2
+      "x1Mm": 1176,
+      "y1Mm": 544,
+      "x2Mm": 1182,
+      "y2Mm": 544,
+      "stroke": "#000",
+      "strokeWidthMm": 0.2
     }
   ]
 }