graphics-debug 0.0.51 → 0.0.53

package/dist/{chunk-QTNAVSSJ.js → chunk-FG63M6NK.js}

@@ -11,22 +11,22 @@ import {
 // lib/stackGraphics.ts
 function stackGraphicsHorizontally(graphicsList) {
   if (graphicsList.length === 0) return {};
-  let result = graphicsList[0];
-  let prevBounds = getBounds(result);
+  let giantG = graphicsList[0];
+  let prevBounds = getBounds(giantG);
   const baseMinY = prevBounds.minY;
   for (let i = 1; i < graphicsList.length; i++) {
-    const g = graphicsList[i];
-    const bounds = getBounds(g);
+    const newG = graphicsList[i];
+    const bounds = getBounds(newG);
     const prevWidth = prevBounds.maxX - prevBounds.minX;
     const width = bounds.maxX - bounds.minX;
     const padding = (prevWidth + width) / 8;
-    const dx = prevBounds.minX - padding - bounds.maxX;
+    const dx = prevBounds.maxX + padding - bounds.minX;
     const dy = baseMinY - bounds.minY;
-    const shifted = translateGraphics(g, dx, dy);
-    result = mergeGraphics(result, shifted);
+    const shifted = translateGraphics(newG, dx, dy);
+    giantG = mergeGraphics(giantG, shifted);
     prevBounds = getBounds(shifted);
   }
-  return result;
+  return giantG;
 }
 function stackGraphicsVertically(graphicsList) {
   if (graphicsList.length === 0) return {};
@@ -60,14 +60,15 @@ function createGraphicsGrid(graphicsRows, opts = {}) {
   }
   const cellWidth = opts.cellWidth ?? maxWidth;
   const cellHeight = opts.cellHeight ?? maxHeight;
+  const gap = opts.gap ?? (opts.gapAsCellWidthFraction !== void 0 ? opts.gapAsCellWidthFraction * cellWidth : 0);
   let result = null;
   for (let r = 0; r < graphicsRows.length; r++) {
     const row = graphicsRows[r];
     for (let c = 0; c < row.length; c++) {
       const g = row[c];
       const b = getBounds(g);
-      const dx = c * cellWidth - b.minX;
-      const dy = r * cellHeight - b.minY;
+      const dx = c * (cellWidth + gap) - b.minX;
+      const dy = r * (cellHeight + gap) - b.minY;
       const shifted = translateGraphics(g, dx, dy);
       result = result ? mergeGraphics(result, shifted) : shifted;
     }
@@ -80,4 +81,4 @@ export {
   stackGraphicsVertically,
   createGraphicsGrid
 };
-//# sourceMappingURL=chunk-QTNAVSSJ.js.map
+//# sourceMappingURL=chunk-FG63M6NK.js.map

package/dist/chunk-FG63M6NK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/stackGraphics.ts"],"sourcesContent":["export {\n  stackGraphicsHorizontally,\n  stackGraphicsVertically,\n  createGraphicsGrid,\n}\nimport type { GraphicsObject } from \"./types\"\nimport { getBounds } from \"./drawGraphicsToCanvas\"\nimport { translateGraphics } from \"./translateGraphics\"\nimport { mergeGraphics } from \"./mergeGraphics\"\n\nfunction stackGraphicsHorizontally(\n  graphicsList: GraphicsObject[],\n): GraphicsObject {\n  if (graphicsList.length === 0) return {}\n  let giantG = graphicsList[0]\n  let prevBounds = getBounds(giantG)\n  const baseMinY = prevBounds.minY\n  for (let i = 1; i < graphicsList.length; i++) {\n    const newG = graphicsList[i]\n    const bounds = getBounds(newG)\n    const prevWidth = prevBounds.maxX - prevBounds.minX\n    const width = bounds.maxX - bounds.minX\n    const padding = (prevWidth + width) / 8\n    // Place the next graphic to the right of the previous one\n    const dx = prevBounds.maxX + padding - bounds.minX\n    const dy = baseMinY - bounds.minY\n    const shifted = translateGraphics(newG, dx, dy)\n    giantG = mergeGraphics(giantG, shifted)\n    prevBounds = getBounds(shifted)\n  }\n  return giantG\n}\n\nfunction stackGraphicsVertically(\n  graphicsList: GraphicsObject[],\n): GraphicsObject {\n  if (graphicsList.length === 0) return {}\n  let result = graphicsList[0]\n  let prevBounds = getBounds(result)\n  const baseMinX = prevBounds.minX\n  for (let i = 1; i < graphicsList.length; i++) {\n    const g = graphicsList[i]\n    const bounds = getBounds(g)\n    const prevHeight = prevBounds.maxY - prevBounds.minY\n    const height = bounds.maxY - bounds.minY\n    const padding = (prevHeight + height) / 8\n    const dx = baseMinX - bounds.minX\n    const dy = prevBounds.minY - padding - bounds.maxY\n    const shifted = translateGraphics(g, dx, dy)\n    result = mergeGraphics(result, shifted)\n    prevBounds = getBounds(shifted)\n  }\n  return result\n}\n\nfunction createGraphicsGrid(\n  graphicsRows: GraphicsObject[][],\n  opts: {\n    cellWidth?: number\n    cellHeight?: number\n    gap?: number\n    gapAsCellWidthFraction?: number\n  } = {},\n): GraphicsObject {\n  if (graphicsRows.length === 0 || graphicsRows[0].length === 0) return {}\n\n  let maxWidth = 0\n  let maxHeight = 0\n  for (const row of graphicsRows) {\n    for (const g of row) {\n      const b = getBounds(g)\n      maxWidth = Math.max(maxWidth, b.maxX - b.minX)\n      maxHeight = Math.max(maxHeight, b.maxY - b.minY)\n    }\n  }\n\n  const cellWidth = opts.cellWidth ?? maxWidth\n  const cellHeight = opts.cellHeight ?? maxHeight\n  const gap =\n    opts.gap ??\n    (opts.gapAsCellWidthFraction !== undefined\n      ? opts.gapAsCellWidthFraction * cellWidth\n      : 0)\n\n  let result: GraphicsObject | null = null\n\n  for (let r = 0; r < graphicsRows.length; r++) {\n    const row = graphicsRows[r]\n    for (let c = 0; c < row.length; c++) {\n      const g = row[c]\n      const b = getBounds(g)\n      const dx = c * (cellWidth + gap) - b.minX\n      const dy = r * (cellHeight + gap) - b.minY\n      const shifted = translateGraphics(g, dx, dy)\n      result = result ? mergeGraphics(result, shifted) : shifted\n    }\n  }\n\n  return result ?? {}\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAS,0BACP,cACgB;AAChB,MAAI,aAAa,WAAW,EAAG,QAAO,CAAC;AACvC,MAAI,SAAS,aAAa,CAAC;AAC3B,MAAI,aAAa,UAAU,MAAM;AACjC,QAAM,WAAW,WAAW;AAC5B,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC5C,UAAM,OAAO,aAAa,CAAC;AAC3B,UAAM,SAAS,UAAU,IAAI;AAC7B,UAAM,YAAY,WAAW,OAAO,WAAW;AAC/C,UAAM,QAAQ,OAAO,OAAO,OAAO;AACnC,UAAM,WAAW,YAAY,SAAS;AAEtC,UAAM,KAAK,WAAW,OAAO,UAAU,OAAO;AAC9C,UAAM,KAAK,WAAW,OAAO;AAC7B,UAAM,UAAU,kBAAkB,MAAM,IAAI,EAAE;AAC9C,aAAS,cAAc,QAAQ,OAAO;AACtC,iBAAa,UAAU,OAAO;AAAA,EAChC;AACA,SAAO;AACT;AAEA,SAAS,wBACP,cACgB;AAChB,MAAI,aAAa,WAAW,EAAG,QAAO,CAAC;AACvC,MAAI,SAAS,aAAa,CAAC;AAC3B,MAAI,aAAa,UAAU,MAAM;AACjC,QAAM,WAAW,WAAW;AAC5B,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC5C,UAAM,IAAI,aAAa,CAAC;AACxB,UAAM,SAAS,UAAU,CAAC;AAC1B,UAAM,aAAa,WAAW,OAAO,WAAW;AAChD,UAAM,SAAS,OAAO,OAAO,OAAO;AACpC,UAAM,WAAW,aAAa,UAAU;AACxC,UAAM,KAAK,WAAW,OAAO;AAC7B,UAAM,KAAK,WAAW,OAAO,UAAU,OAAO;AAC9C,UAAM,UAAU,kBAAkB,GAAG,IAAI,EAAE;AAC3C,aAAS,cAAc,QAAQ,OAAO;AACtC,iBAAa,UAAU,OAAO;AAAA,EAChC;AACA,SAAO;AACT;AAEA,SAAS,mBACP,cACA,OAKI,CAAC,GACW;AAChB,MAAI,aAAa,WAAW,KAAK,aAAa,CAAC,EAAE,WAAW,EAAG,QAAO,CAAC;AAEvE,MAAI,WAAW;AACf,MAAI,YAAY;AAChB,aAAW,OAAO,cAAc;AAC9B,eAAW,KAAK,KAAK;AACnB,YAAM,IAAI,UAAU,CAAC;AACrB,iBAAW,KAAK,IAAI,UAAU,EAAE,OAAO,EAAE,IAAI;AAC7C,kBAAY,KAAK,IAAI,WAAW,EAAE,OAAO,EAAE,IAAI;AAAA,IACjD;AAAA,EACF;AAEA,QAAM,YAAY,KAAK,aAAa;AACpC,QAAM,aAAa,KAAK,cAAc;AACtC,QAAM,MACJ,KAAK,QACJ,KAAK,2BAA2B,SAC7B,KAAK,yBAAyB,YAC9B;AAEN,MAAI,SAAgC;AAEpC,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC5C,UAAM,MAAM,aAAa,CAAC;AAC1B,aAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACnC,YAAM,IAAI,IAAI,CAAC;AACf,YAAM,IAAI,UAAU,CAAC;AACrB,YAAM,KAAK,KAAK,YAAY,OAAO,EAAE;AACrC,YAAM,KAAK,KAAK,aAAa,OAAO,EAAE;AACtC,YAAM,UAAU,kBAAkB,GAAG,IAAI,EAAE;AAC3C,eAAS,SAAS,cAAc,QAAQ,OAAO,IAAI;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,UAAU,CAAC;AACpB;","names":[]}

package/dist/cli/cli.js

@@ -3,7 +3,7 @@ import {
   getHtmlFromLogString,
   getSvgsFromLogString
 } from "../chunk-EO534DRE.js";
-import "../chunk-QTNAVSSJ.js";
+import "../chunk-FG63M6NK.js";
 import "../chunk-K2IJQPPY.js";
 import "../chunk-ARYXS3GC.js";
 import {

package/dist/lib/index.js

@@ -7,7 +7,7 @@ import {
   createGraphicsGrid,
   stackGraphicsHorizontally,
   stackGraphicsVertically
-} from "../chunk-QTNAVSSJ.js";
+} from "../chunk-FG63M6NK.js";
 import {
   translateGraphics
 } from "../chunk-K2IJQPPY.js";

package/dist/lib/react.js

@@ -1,5 +1,5 @@
 import "../chunk-EO534DRE.js";
-import "../chunk-QTNAVSSJ.js";
+import "../chunk-FG63M6NK.js";
 import "../chunk-K2IJQPPY.js";
 import {
   defaultColors,

package/dist/lib/stackGraphics.d.ts

@@ -6,6 +6,8 @@ declare function stackGraphicsVertically(graphicsList: GraphicsObject[]): Graphi
 declare function createGraphicsGrid(graphicsRows: GraphicsObject[][], opts?: {
     cellWidth?: number;
     cellHeight?: number;
+    gap?: number;
+    gapAsCellWidthFraction?: number;
 }): GraphicsObject;
 
 export { createGraphicsGrid, stackGraphicsHorizontally, stackGraphicsVertically };

package/dist/lib/stackGraphics.js

@@ -2,7 +2,7 @@ import {
   createGraphicsGrid,
   stackGraphicsHorizontally,
   stackGraphicsVertically
-} from "../chunk-QTNAVSSJ.js";
+} from "../chunk-FG63M6NK.js";
 import "../chunk-K2IJQPPY.js";
 import "../chunk-ARYXS3GC.js";
 import "../chunk-ZGI74PYD.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "graphics-debug",
   "main": "dist/lib/index.js",
   "type": "module",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "files": [
     "dist"
   ],

package/dist/chunk-QTNAVSSJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../lib/stackGraphics.ts"],"sourcesContent":["export {\n  stackGraphicsHorizontally,\n  stackGraphicsVertically,\n  createGraphicsGrid,\n}\nimport type { GraphicsObject } from \"./types\"\nimport { getBounds } from \"./drawGraphicsToCanvas\"\nimport { translateGraphics } from \"./translateGraphics\"\nimport { mergeGraphics } from \"./mergeGraphics\"\n\nfunction stackGraphicsHorizontally(\n  graphicsList: GraphicsObject[],\n): GraphicsObject {\n  if (graphicsList.length === 0) return {}\n  let result = graphicsList[0]\n  let prevBounds = getBounds(result)\n  const baseMinY = prevBounds.minY\n  for (let i = 1; i < graphicsList.length; i++) {\n    const g = graphicsList[i]\n    const bounds = getBounds(g)\n    const prevWidth = prevBounds.maxX - prevBounds.minX\n    const width = bounds.maxX - bounds.minX\n    const padding = (prevWidth + width) / 8\n    const dx = prevBounds.minX - padding - bounds.maxX\n    const dy = baseMinY - bounds.minY\n    const shifted = translateGraphics(g, dx, dy)\n    result = mergeGraphics(result, shifted)\n    prevBounds = getBounds(shifted)\n  }\n  return result\n}\n\nfunction stackGraphicsVertically(\n  graphicsList: GraphicsObject[],\n): GraphicsObject {\n  if (graphicsList.length === 0) return {}\n  let result = graphicsList[0]\n  let prevBounds = getBounds(result)\n  const baseMinX = prevBounds.minX\n  for (let i = 1; i < graphicsList.length; i++) {\n    const g = graphicsList[i]\n    const bounds = getBounds(g)\n    const prevHeight = prevBounds.maxY - prevBounds.minY\n    const height = bounds.maxY - bounds.minY\n    const padding = (prevHeight + height) / 8\n    const dx = baseMinX - bounds.minX\n    const dy = prevBounds.minY - padding - bounds.maxY\n    const shifted = translateGraphics(g, dx, dy)\n    result = mergeGraphics(result, shifted)\n    prevBounds = getBounds(shifted)\n  }\n  return result\n}\n\nfunction createGraphicsGrid(\n  graphicsRows: GraphicsObject[][],\n  opts: { cellWidth?: number; cellHeight?: number } = {},\n): GraphicsObject {\n  if (graphicsRows.length === 0 || graphicsRows[0].length === 0) return {}\n\n  let maxWidth = 0\n  let maxHeight = 0\n  for (const row of graphicsRows) {\n    for (const g of row) {\n      const b = getBounds(g)\n      maxWidth = Math.max(maxWidth, b.maxX - b.minX)\n      maxHeight = Math.max(maxHeight, b.maxY - b.minY)\n    }\n  }\n\n  const cellWidth = opts.cellWidth ?? maxWidth\n  const cellHeight = opts.cellHeight ?? maxHeight\n\n  let result: GraphicsObject | null = null\n\n  for (let r = 0; r < graphicsRows.length; r++) {\n    const row = graphicsRows[r]\n    for (let c = 0; c < row.length; c++) {\n      const g = row[c]\n      const b = getBounds(g)\n      const dx = c * cellWidth - b.minX\n      const dy = r * cellHeight - b.minY\n      const shifted = translateGraphics(g, dx, dy)\n      result = result ? mergeGraphics(result, shifted) : shifted\n    }\n  }\n\n  return result ?? {}\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAS,0BACP,cACgB;AAChB,MAAI,aAAa,WAAW,EAAG,QAAO,CAAC;AACvC,MAAI,SAAS,aAAa,CAAC;AAC3B,MAAI,aAAa,UAAU,MAAM;AACjC,QAAM,WAAW,WAAW;AAC5B,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC5C,UAAM,IAAI,aAAa,CAAC;AACxB,UAAM,SAAS,UAAU,CAAC;AAC1B,UAAM,YAAY,WAAW,OAAO,WAAW;AAC/C,UAAM,QAAQ,OAAO,OAAO,OAAO;AACnC,UAAM,WAAW,YAAY,SAAS;AACtC,UAAM,KAAK,WAAW,OAAO,UAAU,OAAO;AAC9C,UAAM,KAAK,WAAW,OAAO;AAC7B,UAAM,UAAU,kBAAkB,GAAG,IAAI,EAAE;AAC3C,aAAS,cAAc,QAAQ,OAAO;AACtC,iBAAa,UAAU,OAAO;AAAA,EAChC;AACA,SAAO;AACT;AAEA,SAAS,wBACP,cACgB;AAChB,MAAI,aAAa,WAAW,EAAG,QAAO,CAAC;AACvC,MAAI,SAAS,aAAa,CAAC;AAC3B,MAAI,aAAa,UAAU,MAAM;AACjC,QAAM,WAAW,WAAW;AAC5B,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC5C,UAAM,IAAI,aAAa,CAAC;AACxB,UAAM,SAAS,UAAU,CAAC;AAC1B,UAAM,aAAa,WAAW,OAAO,WAAW;AAChD,UAAM,SAAS,OAAO,OAAO,OAAO;AACpC,UAAM,WAAW,aAAa,UAAU;AACxC,UAAM,KAAK,WAAW,OAAO;AAC7B,UAAM,KAAK,WAAW,OAAO,UAAU,OAAO;AAC9C,UAAM,UAAU,kBAAkB,GAAG,IAAI,EAAE;AAC3C,aAAS,cAAc,QAAQ,OAAO;AACtC,iBAAa,UAAU,OAAO;AAAA,EAChC;AACA,SAAO;AACT;AAEA,SAAS,mBACP,cACA,OAAoD,CAAC,GACrC;AAChB,MAAI,aAAa,WAAW,KAAK,aAAa,CAAC,EAAE,WAAW,EAAG,QAAO,CAAC;AAEvE,MAAI,WAAW;AACf,MAAI,YAAY;AAChB,aAAW,OAAO,cAAc;AAC9B,eAAW,KAAK,KAAK;AACnB,YAAM,IAAI,UAAU,CAAC;AACrB,iBAAW,KAAK,IAAI,UAAU,EAAE,OAAO,EAAE,IAAI;AAC7C,kBAAY,KAAK,IAAI,WAAW,EAAE,OAAO,EAAE,IAAI;AAAA,IACjD;AAAA,EACF;AAEA,QAAM,YAAY,KAAK,aAAa;AACpC,QAAM,aAAa,KAAK,cAAc;AAEtC,MAAI,SAAgC;AAEpC,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC5C,UAAM,MAAM,aAAa,CAAC;AAC1B,aAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACnC,YAAM,IAAI,IAAI,CAAC;AACf,YAAM,IAAI,UAAU,CAAC;AACrB,YAAM,KAAK,IAAI,YAAY,EAAE;AAC7B,YAAM,KAAK,IAAI,aAAa,EAAE;AAC9B,YAAM,UAAU,kBAAkB,GAAG,IAAI,EAAE;AAC3C,eAAS,SAAS,cAAc,QAAQ,OAAO,IAAI;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,UAAU,CAAC;AACpB;","names":[]}