npm - graphics-debug - Versions diffs - 0.0.2 → 0.0.3 - Mend

graphics-debug 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/README.md +4 -1
package/dist/{chunk-MADVCBD7.js → chunk-2YVICPCE.js} +2 -2
package/dist/{chunk-4FN266Q5.js → chunk-X2DSMR32.js} +16 -1
package/dist/chunk-X2DSMR32.js.map +1 -0
package/dist/cli/cli.d.ts +1 -0
package/dist/cli/cli.js +2 -2
package/dist/lib/getGraphicsObjectsFromLogString.d.ts +9 -0
package/dist/lib/getSvgFromGraphicsObject.d.ts +5 -0
package/dist/lib/getSvgFromGraphicsObject.js +1 -1
package/dist/lib/index.d.ts +12 -0
package/dist/lib/index.js +2 -2
package/dist/lib/types.d.ts +43 -0
package/package.json +3 -2
package/dist/chunk-4FN266Q5.js.map +0 -1
package/dist/chunk-646ISP7J.js +0 -27
package/dist/chunk-646ISP7J.js.map +0 -1
package/dist/chunk-G7UBPMLZ.js +0 -268
package/dist/chunk-G7UBPMLZ.js.map +0 -1
package/dist/chunk-GDKEOGZB.js +0 -56
package/dist/chunk-GDKEOGZB.js.map +0 -1
package/dist/chunk-J2MYQBX3.js +0 -268
package/dist/chunk-J2MYQBX3.js.map +0 -1
package/dist/chunk-MJCYFLWQ.js +0 -56
package/dist/chunk-MJCYFLWQ.js.map +0 -1
package/dist/cli.js +0 -386
package/dist/cli.js.map +0 -1
/package/dist/{chunk-MADVCBD7.js.map → chunk-2YVICPCE.js.map} +0 -0

package/dist/chunk-GDKEOGZB.js DELETED Viewed

@@ -1,56 +0,0 @@
-import {
-  getGraphicsObjectsFromLogString
-} from "./chunk-646ISP7J.js";
-import {
-  getSvgFromGraphicsObject
-} from "./chunk-G7UBPMLZ.js";
-// lib/index.ts
-function getSvgFromLogString(logString) {
-  const objects = getGraphicsObjectsFromLogString(logString);
-  if (objects.length === 0) return "";
-  return getSvgFromGraphicsObject(objects[0]);
-}
-function getHtmlFromLogString(logString) {
-  const svgs = getSvgsFromLogString(logString);
-  if (svgs.length === 0) return "";
-  const sections = svgs.map(
-    ({ title, svg }) => `
-    <section>
-      <h2>${title}</h2>
-      ${svg}
-    </section>
-  `
-  ).join("\n");
-  return `
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Graphics Debug Output</title>
-  <style>
-    body { font-family: system-ui; max-width: 1200px; margin: 0 auto; padding: 20px; }
-    h1 { color: #333; }
-    section { margin: 40px 0; }
-    svg { max-width: 100%; height: auto; border: 1px solid #eee; }
-  </style>
-</head>
-<body>
-  <h1>Graphics Debug Output</h1>
-  ${sections}
-</body>
-</html>`;
-}
-function getSvgsFromLogString(logString) {
-  const objects = getGraphicsObjectsFromLogString(logString);
-  return objects.map((obj) => ({
-    title: obj.graphics.title || "Untitled Graphic",
-    svg: getSvgFromGraphicsObject(obj)
-  }));
-}
-export {
-  getSvgFromLogString,
-  getHtmlFromLogString,
-  getSvgsFromLogString
-};
-//# sourceMappingURL=chunk-GDKEOGZB.js.map

package/dist/chunk-GDKEOGZB.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../lib/index.ts"],"sourcesContent":["import { getGraphicsObjectsFromLogString } from \"./getGraphicsObjectsFromLogString\"\nimport { getSvgFromGraphicsObject } from \"./getSvgFromGraphicsObject\"\n\nexport type { Point, Line, Rect, Circle, GraphicsObject } from \"./types\"\nexport { getGraphicsObjectsFromLogString } from \"./getGraphicsObjectsFromLogString\"\nexport { getSvgFromGraphicsObject } from \"./getSvgFromGraphicsObject\"\n\nexport function getSvgFromLogString(logString: string): string {\n const objects = getGraphicsObjectsFromLogString(logString)\n if (objects.length === 0) return \"\"\n return getSvgFromGraphicsObject(objects[0])\n}\n\nexport function getHtmlFromLogString(logString: string): string {\n const svgs = getSvgsFromLogString(logString)\n if (svgs.length === 0) return \"\"\n\n const sections = svgs\n .map(\n ({ title, svg }) => `\n <section>\n <h2>${title}</h2>\n ${svg}\n </section>\n `,\n )\n .join(\"\\n\")\n\n return `\n<!DOCTYPE html>\n<html>\n<head>\n <title>Graphics Debug Output</title>\n <style>\n body { font-family: system-ui; max-width: 1200px; margin: 0 auto; padding: 20px; }\n h1 { color: #333; }\n section { margin: 40px 0; }\n svg { max-width: 100%; height: auto; border: 1px solid #eee; }\n </style>\n</head>\n<body>\n <h1>Graphics Debug Output</h1>\n ${sections}\n</body>\n</html>`\n}\n\nexport function getSvgsFromLogString(\n logString: string,\n): Array<{ title: string; svg: string }> {\n const objects = getGraphicsObjectsFromLogString(logString)\n return objects.map((obj) => ({\n title: obj.graphics.title || \"Untitled Graphic\",\n svg: getSvgFromGraphicsObject(obj),\n }))\n}\n"],"mappings":";;;;;;;;AAOO,SAAS,oBAAoB,WAA2B;AAC7D,QAAM,UAAU,gCAAgC,SAAS;AACzD,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SAAO,yBAAyB,QAAQ,CAAC,CAAC;AAC5C;AAEO,SAAS,qBAAqB,WAA2B;AAC9D,QAAM,OAAO,qBAAqB,SAAS;AAC3C,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QAAM,WAAW,KACd;AAAA,IACC,CAAC,EAAE,OAAO,IAAI,MAAM;AAAA;AAAA,YAEd,KAAK;AAAA,QACT,GAAG;AAAA;AAAA;AAAA,EAGP,EACC,KAAK,IAAI;AAEZ,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcL,QAAQ;AAAA;AAAA;AAGZ;AAEO,SAAS,qBACd,WACuC;AACvC,QAAM,UAAU,gCAAgC,SAAS;AACzD,SAAO,QAAQ,IAAI,CAAC,SAAS;AAAA,IAC3B,OAAO,IAAI,SAAS,SAAS;AAAA,IAC7B,KAAK,yBAAyB,GAAG;AAAA,EACnC,EAAE;AACJ;","names":[]}

package/dist/chunk-J2MYQBX3.js DELETED Viewed

@@ -1,268 +0,0 @@
-// lib/getSvgFromGraphicsObject.ts
-import {
-  compose,
-  translate,
-  scale,
-  applyToPoint
-} from "transformation-matrix";
-import { stringify } from "svgson";
-import pretty from "pretty";
-var DEFAULT_SVG_SIZE = 640;
-var PADDING = 40;
-function getBounds(graphics) {
-  const points = [
-    ...graphics.points || [],
-    ...(graphics.lines || []).flatMap((line) => line.points),
-    ...(graphics.rects || []).flatMap((rect) => {
-      const halfWidth = rect.width / 2;
-      const halfHeight = rect.height / 2;
-      return [
-        { x: rect.centerX - halfWidth, y: rect.centerY - halfHeight },
-        { x: rect.centerX + halfWidth, y: rect.centerY - halfHeight },
-        { x: rect.centerX - halfWidth, y: rect.centerY + halfHeight },
-        { x: rect.centerX + halfWidth, y: rect.centerY + halfHeight }
-      ];
-    }),
-    ...(graphics.circles || []).flatMap((circle) => [
-      { x: circle.center.x - circle.radius, y: circle.center.y },
-      // left
-      { x: circle.center.x + circle.radius, y: circle.center.y },
-      // right
-      { x: circle.center.x, y: circle.center.y - circle.radius },
-      // top
-      { x: circle.center.x, y: circle.center.y + circle.radius }
-      // bottom
-    ])
-  ];
-  if (points.length === 0) {
-    return { minX: -1, maxX: 1, minY: -1, maxY: 1 };
-  }
-  return points.reduce(
-    (bounds, point) => ({
-      minX: Math.min(bounds.minX, point.x),
-      maxX: Math.max(bounds.maxX, point.x),
-      minY: Math.min(bounds.minY, point.y),
-      maxY: Math.max(bounds.maxY, point.y)
-    }),
-    { minX: Infinity, maxX: -Infinity, minY: Infinity, maxY: -Infinity }
-  );
-}
-function getProjectionMatrix(bounds, coordinateSystem) {
-  const width = bounds.maxX - bounds.minX;
-  const height = bounds.maxY - bounds.minY;
-  const scale_factor = Math.min(
-    (DEFAULT_SVG_SIZE - 2 * PADDING) / width,
-    (DEFAULT_SVG_SIZE - 2 * PADDING) / height
-  );
-  return compose(
-    translate(DEFAULT_SVG_SIZE / 2, DEFAULT_SVG_SIZE / 2),
-    scale(
-      scale_factor,
-      coordinateSystem === "screen" ? -scale_factor : scale_factor
-    ),
-    translate(-(bounds.minX + width / 2), -(bounds.minY + height / 2))
-  );
-}
-function projectPoint(point, matrix) {
-  const projected = applyToPoint(matrix, { x: point.x, y: point.y });
-  return { ...point, ...projected };
-}
-function getSvgFromGraphicsObject(graphicsObj) {
-  const { graphics } = graphicsObj;
-  const bounds = getBounds(graphics);
-  const matrix = compose(getProjectionMatrix(bounds, graphics.coordinateSystem));
-  const svgObject = {
-    name: "svg",
-    type: "element",
-    attributes: {
-      width: DEFAULT_SVG_SIZE.toString(),
-      height: DEFAULT_SVG_SIZE.toString(),
-      viewBox: `0 0 ${DEFAULT_SVG_SIZE} ${DEFAULT_SVG_SIZE}`,
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    children: [
-      // Points
-      ...(graphics.points || []).map((point) => {
-        const projected = projectPoint(point, matrix);
-        return {
-          name: "g",
-          type: "element",
-          children: [
-            {
-              name: "circle",
-              type: "element",
-              attributes: {
-                cx: projected.x.toString(),
-                cy: projected.y.toString(),
-                r: "3",
-                fill: point.color || "black"
-              }
-            },
-            ...point.label ? [
-              {
-                name: "text",
-                type: "element",
-                attributes: {
-                  x: (projected.x + 5).toString(),
-                  y: (projected.y - 5).toString(),
-                  "font-family": "sans-serif",
-                  "font-size": "12"
-                },
-                children: [{ type: "text", value: point.label }]
-              }
-            ] : []
-          ]
-        };
-      }),
-      // Lines
-      ...(graphics.lines || []).map((line) => ({
-        name: "polyline",
-        type: "element",
-        attributes: {
-          points: line.points.map((p) => projectPoint(p, matrix)).map((p) => `${p.x},${p.y}`).join(" "),
-          fill: "none",
-          stroke: "black",
-          "stroke-width": (line.points[0].stroke || 1).toString()
-        }
-      })),
-      // Rectangles
-      ...(graphics.rects || []).map((rect) => {
-        const projected = projectPoint({ x: rect.centerX, y: rect.centerY }, matrix);
-        const scaledWidth = rect.width * matrix.a;
-        const scaledHeight = rect.height * matrix.d;
-        return {
-          name: "rect",
-          type: "element",
-          attributes: {
-            x: (projected.x - scaledWidth / 2).toString(),
-            y: (projected.y - scaledHeight / 2).toString(),
-            width: scaledWidth.toString(),
-            height: Math.abs(scaledHeight).toString(),
-            fill: rect.fill || "none",
-            stroke: rect.stroke || "black"
-          }
-        };
-      }),
-      // Circles
-      ...(graphics.circles || []).map((circle) => {
-        const projected = projectPoint(circle.center, matrix);
-        const scaledRadius = circle.radius * Math.abs(matrix.a);
-        return {
-          name: "circle",
-          type: "element",
-          attributes: {
-            cx: projected.x.toString(),
-            cy: projected.y.toString(),
-            r: scaledRadius.toString(),
-            fill: circle.fill || "none",
-            stroke: circle.stroke || "black"
-          }
-        };
-      }),
-      // Crosshair lines and coordinates (initially hidden)
-      {
-        name: "g",
-        type: "element",
-        attributes: {
-          id: "crosshair",
-          style: "display: none"
-        },
-        children: [
-          {
-            name: "line",
-            type: "element",
-            attributes: {
-              id: "crosshair-h",
-              y1: "0",
-              y2: DEFAULT_SVG_SIZE.toString(),
-              stroke: "#666",
-              "stroke-width": "0.5"
-            }
-          },
-          {
-            name: "line",
-            type: "element",
-            attributes: {
-              id: "crosshair-v",
-              x1: "0",
-              x2: DEFAULT_SVG_SIZE.toString(),
-              stroke: "#666",
-              "stroke-width": "0.5"
-            }
-          },
-          {
-            name: "text",
-            type: "element",
-            attributes: {
-              id: "coordinates",
-              "font-family": "monospace",
-              "font-size": "12",
-              fill: "#666"
-            },
-            children: [{ type: "text", value: "" }]
-          }
-        ]
-      },
-      // Mouse tracking script
-      {
-        name: "script",
-        type: "element",
-        children: [
-          {
-            type: "text",
-            value: `
-              document.currentScript.parentElement.addEventListener('mousemove', (e) => {
-                const svg = e.currentTarget;
-                const rect = svg.getBoundingClientRect();
-                const x = e.clientX - rect.left;
-                const y = e.clientY - rect.top;
-                const crosshair = svg.getElementById('crosshair');
-                const h = svg.getElementById('crosshair-h');
-                const v = svg.getElementById('crosshair-v');
-                const coords = svg.getElementById('coordinates');
-                crosshair.style.display = 'block';
-                h.setAttribute('x1', '0');
-                h.setAttribute('x2', '${DEFAULT_SVG_SIZE}');
-                h.setAttribute('y1', y);
-                h.setAttribute('y2', y);
-                v.setAttribute('x1', x);
-                v.setAttribute('x2', x);
-                v.setAttribute('y1', '0');
-                v.setAttribute('y2', '${DEFAULT_SVG_SIZE}');
-                // Calculate real coordinates using inverse transformation
-                const matrix = ${JSON.stringify(matrix)};
-                // Manually invert and apply the affine transform
-                // Since we only use translate and scale, we can directly compute:
-                // x' = (x - tx) / sx
-                // y' = (y - ty) / sy
-                const sx = matrix.a;
-                const sy = matrix.d;
-                const tx = matrix.e;
-                const ty = matrix.f;
-                const realPoint = {
-                  x: (x - tx) / sx,
-                  y: -(y - ty) / sy // Flip y back since we used negative scale
-                }
-                coords.textContent = \`(\${realPoint.x.toFixed(2)}, \${realPoint.y.toFixed(2)})\`;
-                coords.setAttribute('x', (x + 5).toString());
-                coords.setAttribute('y', (y - 5).toString());
-              });
-              document.currentScript.parentElement.addEventListener('mouseleave', () => {
-                document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
-              });
-            `
-          }
-        ]
-      }
-    ]
-  };
-  return pretty(stringify(svgObject));
-}
-export {
-  getSvgFromGraphicsObject
-};
-//# sourceMappingURL=chunk-J2MYQBX3.js.map

package/dist/chunk-J2MYQBX3.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../lib/getSvgFromGraphicsObject.ts"],"sourcesContent":["import {\n transform,\n compose,\n translate,\n scale,\n applyToPoint,\n identity,\n type Matrix,\n} from \"transformation-matrix\"\nimport type { GraphicsObject, Point } from \"./types\"\nimport { stringify } from \"svgson\"\nimport pretty from \"pretty\"\n\nconst DEFAULT_SVG_SIZE = 640\nconst PADDING = 40\n\ninterface Bounds {\n minX: number\n maxX: number\n minY: number\n maxY: number\n}\n\nfunction getBounds(graphics: GraphicsObject[\"graphics\"]): Bounds {\n const points: Point[] = [\n ...(graphics.points || []),\n ...(graphics.lines || []).flatMap((line) => line.points),\n ...(graphics.rects || []).flatMap((rect) => {\n const halfWidth = rect.width / 2\n const halfHeight = rect.height / 2\n return [\n { x: rect.centerX - halfWidth, y: rect.centerY - halfHeight },\n { x: rect.centerX + halfWidth, y: rect.centerY - halfHeight },\n { x: rect.centerX - halfWidth, y: rect.centerY + halfHeight },\n { x: rect.centerX + halfWidth, y: rect.centerY + halfHeight },\n ]\n }),\n ...(graphics.circles || []).flatMap((circle) => [\n { x: circle.center.x - circle.radius, y: circle.center.y }, // left\n { x: circle.center.x + circle.radius, y: circle.center.y }, // right\n { x: circle.center.x, y: circle.center.y - circle.radius }, // top\n { x: circle.center.x, y: circle.center.y + circle.radius }, // bottom\n ]),\n ]\n\n if (points.length === 0) {\n return { minX: -1, maxX: 1, minY: -1, maxY: 1 }\n }\n\n return points.reduce(\n (bounds, point) => ({\n minX: Math.min(bounds.minX, point.x),\n maxX: Math.max(bounds.maxX, point.x),\n minY: Math.min(bounds.minY, point.y),\n maxY: Math.max(bounds.maxY, point.y),\n }),\n { minX: Infinity, maxX: -Infinity, minY: Infinity, maxY: -Infinity },\n )\n}\n\nfunction getProjectionMatrix(\n bounds: Bounds,\n coordinateSystem: GraphicsObject[\"graphics\"][\"coordinateSystem\"],\n) {\n const width = bounds.maxX - bounds.minX\n const height = bounds.maxY - bounds.minY\n\n const scale_factor = Math.min(\n (DEFAULT_SVG_SIZE - 2 * PADDING) / width,\n (DEFAULT_SVG_SIZE - 2 * PADDING) / height,\n )\n\n return compose(\n translate(DEFAULT_SVG_SIZE / 2, DEFAULT_SVG_SIZE / 2),\n scale(\n scale_factor,\n coordinateSystem === \"screen\" ? -scale_factor : scale_factor,\n ),\n translate(-(bounds.minX + width / 2), -(bounds.minY + height / 2)),\n )\n}\n\nfunction projectPoint(point: Point, matrix: Matrix) {\n const projected = applyToPoint(matrix, { x: point.x, y: point.y })\n return { ...point, ...projected }\n}\n\nexport function getSvgFromGraphicsObject(graphicsObj: GraphicsObject): string {\n const { graphics } = graphicsObj\n const bounds = getBounds(graphics)\n const matrix = compose(getProjectionMatrix(bounds, graphics.coordinateSystem))\n\n const svgObject = {\n name: \"svg\",\n type: \"element\",\n attributes: {\n width: DEFAULT_SVG_SIZE.toString(),\n height: DEFAULT_SVG_SIZE.toString(),\n viewBox: `0 0 ${DEFAULT_SVG_SIZE} ${DEFAULT_SVG_SIZE}`,\n xmlns: \"http://www.w3.org/2000/svg\",\n },\n children: [\n // Points\n ...(graphics.points || []).map((point) => {\n const projected = projectPoint(point, matrix)\n return {\n name: \"g\",\n type: \"element\",\n children: [\n {\n name: \"circle\",\n type: \"element\",\n attributes: {\n cx: projected.x.toString(),\n cy: projected.y.toString(),\n r: \"3\",\n fill: point.color || \"black\",\n },\n },\n ...(point.label\n ? [\n {\n name: \"text\",\n type: \"element\",\n attributes: {\n x: (projected.x + 5).toString(),\n y: (projected.y - 5).toString(),\n \"font-family\": \"sans-serif\",\n \"font-size\": \"12\",\n },\n children: [{ type: \"text\", value: point.label }],\n },\n ]\n : []),\n ],\n }\n }),\n // Lines\n ...(graphics.lines || []).map((line) => ({\n name: \"polyline\",\n type: \"element\",\n attributes: {\n points: line.points\n .map((p) => projectPoint(p, matrix))\n .map((p) => `${p.x},${p.y}`)\n .join(\" \"),\n fill: \"none\",\n stroke: \"black\",\n \"stroke-width\": (line.points[0].stroke || 1).toString(),\n },\n })),\n // Rectangles\n ...(graphics.rects || []).map((rect) => {\n const projected = projectPoint({x: rect.centerX, y: rect.centerY}, matrix)\n const scaledWidth = rect.width * matrix.a\n const scaledHeight = rect.height * matrix.d\n return {\n name: \"rect\",\n type: \"element\",\n attributes: {\n x: (projected.x - scaledWidth / 2).toString(),\n y: (projected.y - scaledHeight / 2).toString(),\n width: scaledWidth.toString(),\n height: Math.abs(scaledHeight).toString(),\n fill: rect.fill || \"none\",\n stroke: rect.stroke || \"black\",\n },\n }\n }),\n // Circles\n ...(graphics.circles || []).map((circle) => {\n const projected = projectPoint(circle.center, matrix)\n const scaledRadius = circle.radius * Math.abs(matrix.a)\n return {\n name: \"circle\",\n type: \"element\",\n attributes: {\n cx: projected.x.toString(),\n cy: projected.y.toString(),\n r: scaledRadius.toString(),\n fill: circle.fill || \"none\",\n stroke: circle.stroke || \"black\",\n },\n }\n }),\n // Crosshair lines and coordinates (initially hidden)\n {\n name: \"g\",\n type: \"element\",\n attributes: {\n id: \"crosshair\",\n style: \"display: none\",\n },\n children: [\n {\n name: \"line\",\n type: \"element\",\n attributes: {\n id: \"crosshair-h\",\n y1: \"0\",\n y2: DEFAULT_SVG_SIZE.toString(),\n stroke: \"#666\",\n \"stroke-width\": \"0.5\",\n },\n },\n {\n name: \"line\",\n type: \"element\",\n attributes: {\n id: \"crosshair-v\",\n x1: \"0\",\n x2: DEFAULT_SVG_SIZE.toString(),\n stroke: \"#666\",\n \"stroke-width\": \"0.5\",\n },\n },\n {\n name: \"text\",\n type: \"element\",\n attributes: {\n id: \"coordinates\",\n \"font-family\": \"monospace\",\n \"font-size\": \"12\",\n fill: \"#666\",\n },\n children: [{ type: \"text\", value: \"\" }],\n },\n ],\n },\n // Mouse tracking script\n {\n name: \"script\",\n type: \"element\",\n children: [\n {\n type: \"text\",\n value: `\n document.currentScript.parentElement.addEventListener('mousemove', (e) => {\n const svg = e.currentTarget;\n const rect = svg.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const crosshair = svg.getElementById('crosshair');\n const h = svg.getElementById('crosshair-h');\n const v = svg.getElementById('crosshair-v');\n const coords = svg.getElementById('coordinates');\n \n crosshair.style.display = 'block';\n h.setAttribute('x1', '0');\n h.setAttribute('x2', '${DEFAULT_SVG_SIZE}');\n h.setAttribute('y1', y);\n h.setAttribute('y2', y);\n v.setAttribute('x1', x);\n v.setAttribute('x2', x);\n v.setAttribute('y1', '0');\n v.setAttribute('y2', '${DEFAULT_SVG_SIZE}');\n\n // Calculate real coordinates using inverse transformation\n const matrix = ${JSON.stringify(matrix)};\n // Manually invert and apply the affine transform\n // Since we only use translate and scale, we can directly compute:\n // x' = (x - tx) / sx\n // y' = (y - ty) / sy\n const sx = matrix.a;\n const sy = matrix.d;\n const tx = matrix.e; \n const ty = matrix.f;\n const realPoint = {\n x: (x - tx) / sx,\n y: -(y - ty) / sy // Flip y back since we used negative scale\n }\n \n coords.textContent = \\`(\\${realPoint.x.toFixed(2)}, \\${realPoint.y.toFixed(2)})\\`;\n coords.setAttribute('x', (x + 5).toString());\n coords.setAttribute('y', (y - 5).toString());\n });\n document.currentScript.parentElement.addEventListener('mouseleave', () => {\n document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';\n });\n `,\n },\n ],\n },\n ],\n }\n\n // biome-ignore lint/suspicious/noExplicitAny: TODO\n return pretty(stringify(svgObject as any))\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MJCYFLWQ.js DELETED Viewed

@@ -1,56 +0,0 @@
-import {
-  getGraphicsObjectsFromLogString
-} from "./chunk-646ISP7J.js";
-import {
-  getSvgFromGraphicsObject
-} from "./chunk-J2MYQBX3.js";
-// lib/index.ts
-function getSvgFromLogString(logString) {
-  const objects = getGraphicsObjectsFromLogString(logString);
-  if (objects.length === 0) return "";
-  return getSvgFromGraphicsObject(objects[0]);
-}
-function getHtmlFromLogString(logString) {
-  const svgs = getSvgsFromLogString(logString);
-  if (svgs.length === 0) return "";
-  const sections = svgs.map(
-    ({ title, svg }) => `
-    <section>
-      <h2>${title}</h2>
-      ${svg}
-    </section>
-  `
-  ).join("\n");
-  return `
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Graphics Debug Output</title>
-  <style>
-    body { font-family: system-ui; max-width: 1200px; margin: 0 auto; padding: 20px; }
-    h1 { color: #333; }
-    section { margin: 40px 0; }
-    svg { max-width: 100%; height: auto; border: 1px solid #eee; }
-  </style>
-</head>
-<body>
-  <h1>Graphics Debug Output</h1>
-  ${sections}
-</body>
-</html>`;
-}
-function getSvgsFromLogString(logString) {
-  const objects = getGraphicsObjectsFromLogString(logString);
-  return objects.map((obj) => ({
-    title: obj.graphics.title || "Untitled Graphic",
-    svg: getSvgFromGraphicsObject(obj)
-  }));
-}
-export {
-  getSvgFromLogString,
-  getHtmlFromLogString,
-  getSvgsFromLogString
-};
-//# sourceMappingURL=chunk-MJCYFLWQ.js.map

package/dist/chunk-MJCYFLWQ.js.map DELETED Viewed

@@ -1 +0,0 @@