graphics-debug 0.0.82 → 0.0.84

package/dist/lib/drawGraphicsToCanvas.js

@@ -2,9 +2,10 @@ import {
   computeTransformFromViewbox,
   drawGraphicsToCanvas,
   getBounds
-} from "../chunk-QMPH5ZUA.js";
+} from "../chunk-AKONCUCE.js";
 import "../chunk-IOVKI3ZO.js";
 import "../chunk-ZGI74PYD.js";
+import "../chunk-FLFF6QXL.js";
 export {
   computeTransformFromViewbox,
   drawGraphicsToCanvas,

package/dist/lib/getSvgFromGraphicsObject.d.ts

@@ -2,7 +2,7 @@ import { GraphicsObject } from './types.js';
 import 'transformation-matrix';
 
 declare function getSvgFromGraphicsObject(graphics: GraphicsObject, { includeTextLabels, backgroundColor, svgWidth, svgHeight, }?: {
-    includeTextLabels?: boolean | Array<"points" | "lines" | "rects" | "polygons">;
+    includeTextLabels?: boolean | Array<"points" | "lines" | "infiniteLines" | "rects" | "polygons">;
     backgroundColor?: string | null;
     svgWidth?: number;
     svgHeight?: number;

package/dist/lib/getSvgFromGraphicsObject.js

@@ -1,8 +1,9 @@
 import {
   getSvgFromGraphicsObject
-} from "../chunk-3L7TJ2LD.js";
+} from "../chunk-ZWAXHWX2.js";
 import "../chunk-IOVKI3ZO.js";
 import "../chunk-ZGI74PYD.js";
+import "../chunk-FLFF6QXL.js";
 export {
   getSvgFromGraphicsObject
 };

package/dist/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { Arrow, CenterViewbox, Circle, GraphicsObject, Line, NinePointAnchor, Point, Polygon, Rect, Text, TransformOptions, Viewbox } from './types.js';
+export { Arrow, CenterViewbox, Circle, GraphicsObject, InfiniteLine, Line, NinePointAnchor, Point, Polygon, Rect, Text, TransformOptions, Viewbox } from './types.js';
 export { getGraphicsObjectsFromLogString } from './getGraphicsObjectsFromLogString.js';
 export { getSvgFromGraphicsObject } from './getSvgFromGraphicsObject.js';
 export { computeTransformFromViewbox, drawGraphicsToCanvas, getBounds } from './drawGraphicsToCanvas.js';

package/dist/lib/index.js

@@ -2,37 +2,38 @@ import {
   getHtmlFromLogString,
   getSvgFromLogString,
   getSvgsFromLogString
-} from "../chunk-FYUIQOZG.js";
+} from "../chunk-HPNVGPHJ.js";
 import {
   setStepOfAllObjects
-} from "../chunk-GZRUE2GP.js";
+} from "../chunk-OB4CGOL3.js";
 import {
   createGraphicsGrid,
   stackGraphicsHorizontally,
   stackGraphicsVertically
-} from "../chunk-5TY5HWUP.js";
+} from "../chunk-MYMDOAQN.js";
+import {
+  mergeGraphics
+} from "../chunk-K37Y2KHE.js";
 import {
   translateGraphics
-} from "../chunk-NYENUFOW.js";
+} from "../chunk-7236NVI2.js";
 import {
   computeTransformFromViewbox,
   drawGraphicsToCanvas,
   getBounds
-} from "../chunk-QMPH5ZUA.js";
+} from "../chunk-AKONCUCE.js";
 import {
   getGraphicsObjectsFromLogString
 } from "../chunk-NG6H63SM.js";
 import {
   getSvgFromGraphicsObject
-} from "../chunk-3L7TJ2LD.js";
+} from "../chunk-ZWAXHWX2.js";
 import "../chunk-IOVKI3ZO.js";
 import {
   FONT_SIZE_HEIGHT_RATIO,
   FONT_SIZE_WIDTH_RATIO
 } from "../chunk-ZGI74PYD.js";
-import {
-  mergeGraphics
-} from "../chunk-BQ3ZHEQO.js";
+import "../chunk-FLFF6QXL.js";
 export {
   FONT_SIZE_HEIGHT_RATIO,
   FONT_SIZE_WIDTH_RATIO,

package/dist/lib/infiniteLineHelpers.d.ts

@@ -0,0 +1,7 @@
+import { Matrix } from 'transformation-matrix';
+import { InfiniteLine, Viewbox, Point } from './types.js';
+
+declare function clipInfiniteLineToBounds(infiniteLine: InfiniteLine, bounds: Viewbox): [Point, Point] | null;
+declare function getViewportBoundsFromMatrix(matrix: Matrix, width: number, height: number): Viewbox;
+
+export { clipInfiniteLineToBounds, getViewportBoundsFromMatrix };

package/dist/lib/infiniteLineHelpers.js

@@ -0,0 +1,9 @@
+import {
+  clipInfiniteLineToBounds,
+  getViewportBoundsFromMatrix
+} from "../chunk-FLFF6QXL.js";
+export {
+  clipInfiniteLineToBounds,
+  getViewportBoundsFromMatrix
+};
+//# sourceMappingURL=infiniteLineHelpers.js.map

package/dist/lib/infiniteLineHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/lib/matcher.js

@@ -1,8 +1,9 @@
 import {
   getSvgFromGraphicsObject
-} from "../chunk-3L7TJ2LD.js";
+} from "../chunk-ZWAXHWX2.js";
 import "../chunk-IOVKI3ZO.js";
 import "../chunk-ZGI74PYD.js";
+import "../chunk-FLFF6QXL.js";
 
 // lib/matcher.ts
 import { expect } from "bun:test";

package/dist/lib/matcher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/matcher.ts"],"sourcesContent":["import { expect, type MatcherResult } from \"bun:test\"\nimport * as fs from \"node:fs\"\nimport * as path from \"node:path\"\nimport looksSame from \"looks-same\"\nimport { GraphicsObject } from \"./types\"\nimport { getSvgFromGraphicsObject } from \"./getSvgFromGraphicsObject\"\n\n/**\n * Custom matcher for Bun tests to compare GraphicsObjects as SVGs\n *\n * @param this Matcher context\n * @param receivedMaybePromise GraphicsObject or Promise<GraphicsObject> to test\n * @param testPathOriginal Path to the test file\n * @param svgName Optional name for the snapshot\n * @returns Matcher result\n */\nasync function toMatchGraphicsSvg(\n  // biome-ignore lint/suspicious/noExplicitAny: bun doesn't expose matcher type\n  this: any,\n  receivedMaybePromise: GraphicsObject | Promise<GraphicsObject>,\n  testPathOriginal: string,\n  opts: { backgroundColor?: string; svgName?: string } = {},\n): Promise<MatcherResult> {\n  const received = await receivedMaybePromise\n  const testPath = testPathOriginal.replace(/\\.test\\.tsx?$/, \"\")\n  const snapshotDir = path.join(path.dirname(testPath), \"__snapshots__\")\n  const snapshotName = opts.svgName\n    ? `${opts.svgName}.snap.svg`\n    : `${path.basename(testPath)}.snap.svg`\n  const filePath = path.join(snapshotDir, snapshotName)\n\n  if (!fs.existsSync(snapshotDir)) {\n    fs.mkdirSync(snapshotDir, { recursive: true })\n  }\n\n  // Convert GraphicsObject to SVG\n  const receivedSvg = getSvgFromGraphicsObject(received, {\n    backgroundColor: opts.backgroundColor,\n  })\n\n  const updateSnapshot =\n    process.argv.includes(\"--update-snapshots\") ||\n    process.argv.includes(\"-u\") ||\n    Boolean(process.env[\"BUN_UPDATE_SNAPSHOTS\"])\n\n  if (!fs.existsSync(filePath) || updateSnapshot) {\n    console.log(\"Writing snapshot to\", filePath)\n    fs.writeFileSync(filePath, receivedSvg)\n    return {\n      message: () => `Snapshot created at ${filePath}`,\n      pass: true,\n    }\n  }\n\n  const existingSnapshot = fs.readFileSync(filePath, \"utf-8\")\n\n  const result: any = await looksSame(\n    Buffer.from(receivedSvg),\n    Buffer.from(existingSnapshot),\n    {\n      strict: false,\n      tolerance: 2,\n    },\n  )\n\n  if (result.equal) {\n    return {\n      message: () => \"Snapshot matches\",\n      pass: true,\n    }\n  }\n\n  const diffPath = filePath.replace(\".snap.svg\", \".diff.png\")\n  await looksSame.createDiff({\n    reference: Buffer.from(existingSnapshot),\n    current: Buffer.from(receivedSvg),\n    diff: diffPath,\n    highlightColor: \"#ff00ff\",\n  })\n\n  return {\n    message: () => `Snapshot does not match. Diff saved at ${diffPath}`,\n    pass: false,\n  }\n}\n\n// Add the custom matcher to the expect object\nexpect.extend({\n  // biome-ignore lint/suspicious/noExplicitAny: bun's types don't expose matcher type\n  toMatchGraphicsSvg: toMatchGraphicsSvg as any,\n})\n\n// Extend the TypeScript interface for the matcher\ndeclare module \"bun:test\" {\n  interface Matchers<T = unknown> {\n    toMatchGraphicsSvg(\n      testPath: string,\n      opts?: { backgroundColor?: string; svgName?: string },\n    ): Promise<MatcherResult>\n  }\n}\n"],"mappings":";;;;;;;AAAA,SAAS,cAAkC;AAC3C,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,OAAO,eAAe;AAatB,eAAe,mBAGb,sBACA,kBACA,OAAuD,CAAC,GAChC;AACxB,QAAM,WAAW,MAAM;AACvB,QAAM,WAAW,iBAAiB,QAAQ,iBAAiB,EAAE;AAC7D,QAAM,cAAmB,UAAU,aAAQ,QAAQ,GAAG,eAAe;AACrE,QAAM,eAAe,KAAK,UACtB,GAAG,KAAK,OAAO,cACf,GAAQ,cAAS,QAAQ,CAAC;AAC9B,QAAM,WAAgB,UAAK,aAAa,YAAY;AAEpD,MAAI,CAAI,cAAW,WAAW,GAAG;AAC/B,IAAG,aAAU,aAAa,EAAE,WAAW,KAAK,CAAC;AAAA,EAC/C;AAGA,QAAM,cAAc,yBAAyB,UAAU;AAAA,IACrD,iBAAiB,KAAK;AAAA,EACxB,CAAC;AAED,QAAM,iBACJ,QAAQ,KAAK,SAAS,oBAAoB,KAC1C,QAAQ,KAAK,SAAS,IAAI,KAC1B,QAAQ,QAAQ,IAAI,sBAAsB,CAAC;AAE7C,MAAI,CAAI,cAAW,QAAQ,KAAK,gBAAgB;AAC9C,YAAQ,IAAI,uBAAuB,QAAQ;AAC3C,IAAG,iBAAc,UAAU,WAAW;AACtC,WAAO;AAAA,MACL,SAAS,MAAM,uBAAuB,QAAQ;AAAA,MAC9C,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,mBAAsB,gBAAa,UAAU,OAAO;AAE1D,QAAM,SAAc,MAAM;AAAA,IACxB,OAAO,KAAK,WAAW;AAAA,IACvB,OAAO,KAAK,gBAAgB;AAAA,IAC5B;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,IACb;AAAA,EACF;AAEA,MAAI,OAAO,OAAO;AAChB,WAAO;AAAA,MACL,SAAS,MAAM;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,WAAW,SAAS,QAAQ,aAAa,WAAW;AAC1D,QAAM,UAAU,WAAW;AAAA,IACzB,WAAW,OAAO,KAAK,gBAAgB;AAAA,IACvC,SAAS,OAAO,KAAK,WAAW;AAAA,IAChC,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB,CAAC;AAED,SAAO;AAAA,IACL,SAAS,MAAM,0CAA0C,QAAQ;AAAA,IACjE,MAAM;AAAA,EACR;AACF;AAGA,OAAO,OAAO;AAAA;AAAA,EAEZ;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../lib/matcher.ts"],"sourcesContent":["import { expect, type MatcherResult } from \"bun:test\"\nimport * as fs from \"node:fs\"\nimport * as path from \"node:path\"\nimport looksSame from \"looks-same\"\nimport { GraphicsObject } from \"./types\"\nimport { getSvgFromGraphicsObject } from \"./getSvgFromGraphicsObject\"\n\n/**\n * Custom matcher for Bun tests to compare GraphicsObjects as SVGs\n *\n * @param this Matcher context\n * @param receivedMaybePromise GraphicsObject or Promise<GraphicsObject> to test\n * @param testPathOriginal Path to the test file\n * @param svgName Optional name for the snapshot\n * @returns Matcher result\n */\nasync function toMatchGraphicsSvg(\n  // biome-ignore lint/suspicious/noExplicitAny: bun doesn't expose matcher type\n  this: any,\n  receivedMaybePromise: GraphicsObject | Promise<GraphicsObject>,\n  testPathOriginal: string,\n  opts: { backgroundColor?: string; svgName?: string } = {},\n): Promise<MatcherResult> {\n  const received = await receivedMaybePromise\n  const testPath = testPathOriginal.replace(/\\.test\\.tsx?$/, \"\")\n  const snapshotDir = path.join(path.dirname(testPath), \"__snapshots__\")\n  const snapshotName = opts.svgName\n    ? `${opts.svgName}.snap.svg`\n    : `${path.basename(testPath)}.snap.svg`\n  const filePath = path.join(snapshotDir, snapshotName)\n\n  if (!fs.existsSync(snapshotDir)) {\n    fs.mkdirSync(snapshotDir, { recursive: true })\n  }\n\n  // Convert GraphicsObject to SVG\n  const receivedSvg = getSvgFromGraphicsObject(received, {\n    backgroundColor: opts.backgroundColor,\n  })\n\n  const updateSnapshot =\n    process.argv.includes(\"--update-snapshots\") ||\n    process.argv.includes(\"-u\") ||\n    Boolean(process.env[\"BUN_UPDATE_SNAPSHOTS\"])\n\n  if (!fs.existsSync(filePath) || updateSnapshot) {\n    console.log(\"Writing snapshot to\", filePath)\n    fs.writeFileSync(filePath, receivedSvg)\n    return {\n      message: () => `Snapshot created at ${filePath}`,\n      pass: true,\n    }\n  }\n\n  const existingSnapshot = fs.readFileSync(filePath, \"utf-8\")\n\n  const result: any = await looksSame(\n    Buffer.from(receivedSvg),\n    Buffer.from(existingSnapshot),\n    {\n      strict: false,\n      tolerance: 2,\n    },\n  )\n\n  if (result.equal) {\n    return {\n      message: () => \"Snapshot matches\",\n      pass: true,\n    }\n  }\n\n  const diffPath = filePath.replace(\".snap.svg\", \".diff.png\")\n  await looksSame.createDiff({\n    reference: Buffer.from(existingSnapshot),\n    current: Buffer.from(receivedSvg),\n    diff: diffPath,\n    highlightColor: \"#ff00ff\",\n  })\n\n  return {\n    message: () => `Snapshot does not match. Diff saved at ${diffPath}`,\n    pass: false,\n  }\n}\n\n// Add the custom matcher to the expect object\nexpect.extend({\n  // biome-ignore lint/suspicious/noExplicitAny: bun's types don't expose matcher type\n  toMatchGraphicsSvg: toMatchGraphicsSvg as any,\n})\n\n// Extend the TypeScript interface for the matcher\ndeclare module \"bun:test\" {\n  interface Matchers<T = unknown> {\n    toMatchGraphicsSvg(\n      testPath: string,\n      opts?: { backgroundColor?: string; svgName?: string },\n    ): Promise<MatcherResult>\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,cAAkC;AAC3C,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,OAAO,eAAe;AAatB,eAAe,mBAGb,sBACA,kBACA,OAAuD,CAAC,GAChC;AACxB,QAAM,WAAW,MAAM;AACvB,QAAM,WAAW,iBAAiB,QAAQ,iBAAiB,EAAE;AAC7D,QAAM,cAAmB,UAAU,aAAQ,QAAQ,GAAG,eAAe;AACrE,QAAM,eAAe,KAAK,UACtB,GAAG,KAAK,OAAO,cACf,GAAQ,cAAS,QAAQ,CAAC;AAC9B,QAAM,WAAgB,UAAK,aAAa,YAAY;AAEpD,MAAI,CAAI,cAAW,WAAW,GAAG;AAC/B,IAAG,aAAU,aAAa,EAAE,WAAW,KAAK,CAAC;AAAA,EAC/C;AAGA,QAAM,cAAc,yBAAyB,UAAU;AAAA,IACrD,iBAAiB,KAAK;AAAA,EACxB,CAAC;AAED,QAAM,iBACJ,QAAQ,KAAK,SAAS,oBAAoB,KAC1C,QAAQ,KAAK,SAAS,IAAI,KAC1B,QAAQ,QAAQ,IAAI,sBAAsB,CAAC;AAE7C,MAAI,CAAI,cAAW,QAAQ,KAAK,gBAAgB;AAC9C,YAAQ,IAAI,uBAAuB,QAAQ;AAC3C,IAAG,iBAAc,UAAU,WAAW;AACtC,WAAO;AAAA,MACL,SAAS,MAAM,uBAAuB,QAAQ;AAAA,MAC9C,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,mBAAsB,gBAAa,UAAU,OAAO;AAE1D,QAAM,SAAc,MAAM;AAAA,IACxB,OAAO,KAAK,WAAW;AAAA,IACvB,OAAO,KAAK,gBAAgB;AAAA,IAC5B;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,IACb;AAAA,EACF;AAEA,MAAI,OAAO,OAAO;AAChB,WAAO;AAAA,MACL,SAAS,MAAM;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,WAAW,SAAS,QAAQ,aAAa,WAAW;AAC1D,QAAM,UAAU,WAAW;AAAA,IACzB,WAAW,OAAO,KAAK,gBAAgB;AAAA,IACvC,SAAS,OAAO,KAAK,WAAW;AAAA,IAChC,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB,CAAC;AAED,SAAO;AAAA,IACL,SAAS,MAAM,0CAA0C,QAAQ;AAAA,IACjE,MAAM;AAAA,EACR;AACF;AAGA,OAAO,OAAO;AAAA;AAAA,EAEZ;AACF,CAAC;","names":[]}

package/dist/lib/mergeGraphics.js

@@ -1,6 +1,6 @@
 import {
   mergeGraphics
-} from "../chunk-BQ3ZHEQO.js";
+} from "../chunk-K37Y2KHE.js";
 export {
   mergeGraphics
 };

package/dist/lib/react.d.ts

@@ -3,7 +3,7 @@ import { GraphicsObject } from './types.js';
 import { Matrix } from 'transformation-matrix';
 
 type GraphicsObjectClickEvent = {
-    type: "point" | "line" | "rect" | "circle" | "text" | "arrow" | "polygon";
+    type: "point" | "line" | "infinite-line" | "rect" | "circle" | "text" | "arrow" | "polygon";
     index: number;
     object: any;
 };