@elixpo/lixsketch 5.4.7 → 5.5.1

package/dist/react/GraphEngine-QE5B2PMR.js

@@ -0,0 +1,340 @@
+"use client";
+import {
+  isValidExpression,
+  parseExpression
+} from "./chunk-HZWLPXFN.js";
+
+// src/core/GraphRenderer.js
+var GRAPH_COLORS = [
+  "#4A90D9",
+  "#E74C3C",
+  "#2ECC71",
+  "#F39C12",
+  "#9B59B6",
+  "#1ABC9C",
+  "#E67E22",
+  "#3498DB",
+  "#E91E63",
+  "#00BCD4"
+];
+function niceInterval(range) {
+  const rough = range / 8;
+  const mag = Math.pow(10, Math.floor(Math.log10(rough)));
+  const residual = rough / mag;
+  let nice;
+  if (residual <= 1.5) nice = 1;
+  else if (residual <= 3) nice = 2;
+  else if (residual <= 7) nice = 5;
+  else nice = 10;
+  return nice * mag;
+}
+function renderGraphSVG(equations, settings) {
+  const {
+    xMin = -10,
+    xMax = 10,
+    yMin = -10,
+    yMax = 10,
+    showGrid = true,
+    width = 600,
+    height = 400
+  } = settings || {};
+  const pad = { top: 20, right: 20, bottom: 35, left: 45 };
+  const plotW = width - pad.left - pad.right;
+  const plotH = height - pad.top - pad.bottom;
+  const xRange = xMax - xMin || 1;
+  const yRange = yMax - yMin || 1;
+  const toSvgX = (x) => pad.left + (x - xMin) / xRange * plotW;
+  const toSvgY = (y) => pad.top + (yMax - y) / yRange * plotH;
+  let svg = "";
+  svg += `<rect x="0" y="0" width="${width}" height="${height}" fill="#0d1117" rx="8" />`;
+  svg += `<rect x="${pad.left}" y="${pad.top}" width="${plotW}" height="${plotH}" fill="#111822" />`;
+  const xTick = niceInterval(xRange);
+  const yTick = niceInterval(yRange);
+  const xStart = Math.ceil(xMin / xTick) * xTick;
+  for (let x = xStart; x <= xMax; x += xTick) {
+    const sx = toSvgX(x);
+    if (sx < pad.left || sx > pad.left + plotW) continue;
+    if (showGrid) {
+      svg += `<line x1="${sx}" y1="${pad.top}" x2="${sx}" y2="${pad.top + plotH}" stroke="rgba(255,255,255,0.06)" stroke-width="0.5" />`;
+    }
+    const label = Math.abs(x) < 1e-10 ? "0" : Number.isInteger(x) ? x : x.toFixed(1);
+    svg += `<text x="${sx}" y="${pad.top + plotH + 16}" text-anchor="middle" fill="#8b949e" font-size="10" font-family="lixCode, monospace">${label}</text>`;
+  }
+  const yStart = Math.ceil(yMin / yTick) * yTick;
+  for (let y = yStart; y <= yMax; y += yTick) {
+    const sy = toSvgY(y);
+    if (sy < pad.top || sy > pad.top + plotH) continue;
+    if (showGrid) {
+      svg += `<line x1="${pad.left}" y1="${sy}" x2="${pad.left + plotW}" y2="${sy}" stroke="rgba(255,255,255,0.06)" stroke-width="0.5" />`;
+    }
+    const label = Math.abs(y) < 1e-10 ? "0" : Number.isInteger(y) ? y : y.toFixed(1);
+    svg += `<text x="${pad.left - 8}" y="${sy + 3}" text-anchor="end" fill="#8b949e" font-size="10" font-family="lixCode, monospace">${label}</text>`;
+  }
+  if (xMin <= 0 && xMax >= 0) {
+    const ax = toSvgX(0);
+    svg += `<line x1="${ax}" y1="${pad.top}" x2="${ax}" y2="${pad.top + plotH}" stroke="rgba(255,255,255,0.25)" stroke-width="1" />`;
+  }
+  if (yMin <= 0 && yMax >= 0) {
+    const ay = toSvgY(0);
+    svg += `<line x1="${pad.left}" y1="${ay}" x2="${pad.left + plotW}" y2="${ay}" stroke="rgba(255,255,255,0.25)" stroke-width="1" />`;
+  }
+  svg += `<rect x="${pad.left}" y="${pad.top}" width="${plotW}" height="${plotH}" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1" />`;
+  const samplesPerPixel = 2;
+  const totalSamples = plotW * samplesPerPixel;
+  const dx = xRange / totalSamples;
+  equations.forEach((eq, eqIdx) => {
+    if (!eq.expression || !eq.expression.trim()) return;
+    const fn = parseExpression(eq.expression);
+    if (!fn) return;
+    const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];
+    let pathData = "";
+    let drawing = false;
+    for (let i = 0; i <= totalSamples; i++) {
+      const x = xMin + i * dx;
+      let y;
+      try {
+        y = fn(x);
+      } catch {
+        y = NaN;
+      }
+      if (!isFinite(y) || isNaN(y) || y < yMin - yRange * 5 || y > yMax + yRange * 5) {
+        drawing = false;
+        continue;
+      }
+      const clampedY = Math.max(yMin - yRange * 0.5, Math.min(yMax + yRange * 0.5, y));
+      const sx = toSvgX(x);
+      const sy = toSvgY(clampedY);
+      if (!drawing) {
+        pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;
+        drawing = true;
+      } else {
+        pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;
+      }
+    }
+    if (pathData) {
+      svg += `<path d="${pathData.trim()}" fill="none" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />`;
+    }
+  });
+  const clipId = "graph-clip-" + Date.now();
+  const defs = `<defs><clipPath id="${clipId}"><rect x="${pad.left}" y="${pad.top}" width="${plotW}" height="${plotH}" /></clipPath></defs>`;
+  let curves = "";
+  equations.forEach((eq, eqIdx) => {
+    if (!eq.expression || !eq.expression.trim()) return;
+    const fn = parseExpression(eq.expression);
+    if (!fn) return;
+    const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];
+    let pathData = "";
+    let drawing = false;
+    for (let i = 0; i <= totalSamples; i++) {
+      const x = xMin + i * dx;
+      let y;
+      try {
+        y = fn(x);
+      } catch {
+        y = NaN;
+      }
+      if (!isFinite(y) || isNaN(y)) {
+        drawing = false;
+        continue;
+      }
+      const sx = toSvgX(x);
+      const sy = toSvgY(y);
+      if (!drawing) {
+        pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;
+        drawing = true;
+      } else {
+        pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;
+      }
+    }
+    if (pathData) {
+      curves += `<path d="${pathData.trim()}" fill="none" stroke="${color}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />`;
+    }
+  });
+  let legendY = pad.top + 12;
+  let legend = "";
+  equations.forEach((eq, eqIdx) => {
+    if (!eq.expression || !eq.expression.trim()) return;
+    const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];
+    legend += `<circle cx="${pad.left + 12}" cy="${legendY}" r="4" fill="${color}" />`;
+    legend += `<text x="${pad.left + 22}" y="${legendY + 3}" fill="${color}" font-size="11" font-family="lixCode, monospace">${escapeXml(eq.expression)}</text>`;
+    legendY += 18;
+  });
+  let cleanSvg = "";
+  cleanSvg += `<rect x="0" y="0" width="${width}" height="${height}" fill="#0d1117" rx="8" />`;
+  cleanSvg += `<rect x="${pad.left}" y="${pad.top}" width="${plotW}" height="${plotH}" fill="#111822" />`;
+  for (let x = xStart; x <= xMax; x += xTick) {
+    const sx = toSvgX(x);
+    if (sx < pad.left || sx > pad.left + plotW) continue;
+    if (showGrid) {
+      cleanSvg += `<line x1="${sx}" y1="${pad.top}" x2="${sx}" y2="${pad.top + plotH}" stroke="rgba(255,255,255,0.06)" stroke-width="0.5" />`;
+    }
+    const label = Math.abs(x) < 1e-10 ? "0" : Number.isInteger(x) ? x : x.toFixed(1);
+    cleanSvg += `<text x="${sx}" y="${pad.top + plotH + 16}" text-anchor="middle" fill="#8b949e" font-size="10" font-family="lixCode, monospace">${label}</text>`;
+  }
+  for (let y = yStart; y <= yMax; y += yTick) {
+    const sy = toSvgY(y);
+    if (sy < pad.top || sy > pad.top + plotH) continue;
+    if (showGrid) {
+      cleanSvg += `<line x1="${pad.left}" y1="${sy}" x2="${pad.left + plotW}" y2="${sy}" stroke="rgba(255,255,255,0.06)" stroke-width="0.5" />`;
+    }
+    const label = Math.abs(y) < 1e-10 ? "0" : Number.isInteger(y) ? y : y.toFixed(1);
+    cleanSvg += `<text x="${pad.left - 8}" y="${sy + 3}" text-anchor="end" fill="#8b949e" font-size="10" font-family="lixCode, monospace">${label}</text>`;
+  }
+  if (xMin <= 0 && xMax >= 0) {
+    const ax = toSvgX(0);
+    cleanSvg += `<line x1="${ax}" y1="${pad.top}" x2="${ax}" y2="${pad.top + plotH}" stroke="rgba(255,255,255,0.25)" stroke-width="1" />`;
+  }
+  if (yMin <= 0 && yMax >= 0) {
+    const ay = toSvgY(0);
+    cleanSvg += `<line x1="${pad.left}" y1="${ay}" x2="${pad.left + plotW}" y2="${ay}" stroke="rgba(255,255,255,0.25)" stroke-width="1" />`;
+  }
+  cleanSvg += `<rect x="${pad.left}" y="${pad.top}" width="${plotW}" height="${plotH}" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1" />`;
+  cleanSvg += `<g clip-path="url(#${clipId})">${curves}</g>`;
+  cleanSvg += legend;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">${defs}${cleanSvg}</svg>`;
+}
+function renderGraphPreviewSVG(equations, settings) {
+  return renderGraphSVG(equations, {
+    ...settings,
+    width: 520,
+    height: 380
+  });
+}
+function escapeXml(str) {
+  return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
+// src/core/GraphEngine.js
+var NS = "http://www.w3.org/2000/svg";
+var GRAPH_WIDTH = 600;
+var GRAPH_HEIGHT = 420;
+function renderGraphOnCanvas(equations, settings) {
+  if (!equations || equations.length === 0) return false;
+  if (!window.svg || !window.Frame) {
+    console.error("[GraphEngine] Engine not initialized");
+    return false;
+  }
+  const svgMarkup = renderGraphSVG(equations, {
+    ...settings,
+    width: GRAPH_WIDTH,
+    height: GRAPH_HEIGHT
+  });
+  if (!svgMarkup) return false;
+  const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };
+  const vcx = vb.x + vb.width / 2;
+  const vcy = vb.y + vb.height / 2;
+  const frameW = GRAPH_WIDTH + 40;
+  const frameH = GRAPH_HEIGHT + 40;
+  const frameX = vcx - frameW / 2;
+  const frameY = vcy - frameH / 2;
+  const eqLabels = equations.filter((eq) => eq.expression && eq.expression.trim()).map((eq) => eq.expression.trim()).slice(0, 3);
+  const title = eqLabels.length > 0 ? "Graph: " + eqLabels.join(", ") : "Graph";
+  try {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(svgMarkup, "image/svg+xml");
+    const svgEl = doc.querySelector("svg");
+    if (!svgEl) return false;
+    const graphGroup = document.createElementNS(NS, "g");
+    graphGroup.setAttribute("data-type", "graph-group");
+    graphGroup.setAttribute("transform", `translate(${frameX + 20}, ${frameY + 20})`);
+    const defs = svgEl.querySelector("defs");
+    if (defs) {
+      const defsClone = defs.cloneNode(true);
+      window.svg.querySelector("defs")?.appendChild(defsClone.firstChild) || window.svg.insertBefore(defsClone, window.svg.firstChild);
+    }
+    while (svgEl.childNodes.length > 0) {
+      const child = svgEl.childNodes[0];
+      if (child.nodeName === "defs") {
+        svgEl.removeChild(child);
+        continue;
+      }
+      graphGroup.appendChild(child);
+    }
+    window.svg.appendChild(graphGroup);
+    const graphShape = {
+      shapeName: "graph",
+      // first-class shapeName
+      shapeID: `graph-${Date.now().toString(36)}-${Math.floor(Math.random() * 1e4)}`,
+      group: graphGroup,
+      element: graphGroup,
+      x: frameX + 20,
+      y: frameY + 20,
+      width: GRAPH_WIDTH,
+      height: GRAPH_HEIGHT,
+      rotation: 0,
+      isSelected: false,
+      _selectionRect: null,
+      _graphData: {
+        equations: equations.map((eq) => ({ expression: eq.expression, color: eq.color })),
+        settings: { ...settings }
+      },
+      // ── Shape API the engine relies on ────────────────────────
+      contains(px, py) {
+        return px >= this.x && px <= this.x + this.width && py >= this.y && py <= this.y + this.height;
+      },
+      move(dx, dy) {
+        this.x += dx;
+        this.y += dy;
+        this.group.setAttribute("transform", `translate(${this.x}, ${this.y})`);
+        this._updateSelectionRect();
+      },
+      selectShape() {
+        this.isSelected = true;
+        if (this._selectionRect) return;
+        const r = document.createElementNS(NS, "rect");
+        r.setAttribute("fill", "none");
+        r.setAttribute("stroke", "#9b7bf7");
+        r.setAttribute("stroke-width", "1.5");
+        r.setAttribute("stroke-dasharray", "4 3");
+        r.setAttribute("pointer-events", "none");
+        window.svg.appendChild(r);
+        this._selectionRect = r;
+        this._updateSelectionRect();
+      },
+      removeSelection() {
+        this.isSelected = false;
+        if (this._selectionRect && this._selectionRect.parentNode) {
+          this._selectionRect.parentNode.removeChild(this._selectionRect);
+        }
+        this._selectionRect = null;
+      },
+      _updateSelectionRect() {
+        if (!this._selectionRect) return;
+        const pad = 4;
+        this._selectionRect.setAttribute("x", this.x - pad);
+        this._selectionRect.setAttribute("y", this.y - pad);
+        this._selectionRect.setAttribute("width", this.width + pad * 2);
+        this._selectionRect.setAttribute("height", this.height + pad * 2);
+      },
+      updateAttachedArrows() {
+        if (typeof window.updateAttachedArrows === "function") {
+          window.updateAttachedArrows(this);
+        }
+      }
+    };
+    window.shapes.push(graphShape);
+    if (window.pushCreateAction) window.pushCreateAction(graphShape);
+    window.currentShape = graphShape;
+    graphShape.selectShape();
+  } catch (err) {
+    console.error("[GraphEngine] SVG insertion failed:", err);
+    return false;
+  }
+  return true;
+}
+function initGraphEngine() {
+  window.__graphPreview = (equations, settings) => {
+    return renderGraphPreviewSVG(equations, settings);
+  };
+  window.__graphRenderer = renderGraphOnCanvas;
+  window.__graphParser = (expr) => {
+    const fn = parseExpression(expr);
+    return fn ? true : false;
+  };
+  window.__graphValidate = isValidExpression;
+  window.__graphColors = GRAPH_COLORS;
+}
+export {
+  initGraphEngine
+};
+//# sourceMappingURL=GraphEngine-QE5B2PMR.js.map

package/dist/react/GraphEngine-QE5B2PMR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/GraphRenderer.js", "../../src/core/GraphEngine.js"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * GraphRenderer - Renders mathematical equations as SVG graphs.\n * Produces axes, grid, tick labels, and equation curves.\n */\n\nimport { parseExpression } from './GraphMathParser.js';\n\nconst GRAPH_COLORS = [\n    '#4A90D9', '#E74C3C', '#2ECC71', '#F39C12', '#9B59B6',\n    '#1ABC9C', '#E67E22', '#3498DB', '#E91E63', '#00BCD4',\n];\n\n/**\n * Calculate nice tick intervals for a given range.\n */\nfunction niceInterval(range) {\n    const rough = range / 8;\n    const mag = Math.pow(10, Math.floor(Math.log10(rough)));\n    const residual = rough / mag;\n    let nice;\n    if (residual <= 1.5) nice = 1;\n    else if (residual <= 3) nice = 2;\n    else if (residual <= 7) nice = 5;\n    else nice = 10;\n    return nice * mag;\n}\n\n/**\n * Render graph as SVG markup string.\n * @param {Array} equations - [{expression: string, color: string}]\n * @param {Object} settings - {xMin, xMax, yMin, yMax, showGrid, width, height}\n * @returns {string} SVG markup\n */\nexport function renderGraphSVG(equations, settings) {\n    const {\n        xMin = -10, xMax = 10,\n        yMin = -10, yMax = 10,\n        showGrid = true,\n        width = 600, height = 400,\n    } = settings || {};\n\n    const pad = { top: 20, right: 20, bottom: 35, left: 45 };\n    const plotW = width - pad.left - pad.right;\n    const plotH = height - pad.top - pad.bottom;\n    const xRange = xMax - xMin || 1;\n    const yRange = yMax - yMin || 1;\n\n    // Coordinate transforms\n    const toSvgX = (x) => pad.left + ((x - xMin) / xRange) * plotW;\n    const toSvgY = (y) => pad.top + ((yMax - y) / yRange) * plotH;\n\n    let svg = '';\n\n    // Background\n    svg += `<rect x=\"0\" y=\"0\" width=\"${width}\" height=\"${height}\" fill=\"#0d1117\" rx=\"8\" />`;\n    svg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"#111822\" />`;\n\n    // Grid & ticks\n    const xTick = niceInterval(xRange);\n    const yTick = niceInterval(yRange);\n\n    // Vertical grid lines + x labels\n    const xStart = Math.ceil(xMin / xTick) * xTick;\n    for (let x = xStart; x <= xMax; x += xTick) {\n        const sx = toSvgX(x);\n        if (sx < pad.left || sx > pad.left + plotW) continue;\n        if (showGrid) {\n            svg += `<line x1=\"${sx}\" y1=\"${pad.top}\" x2=\"${sx}\" y2=\"${pad.top + plotH}\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.5\" />`;\n        }\n        // Tick label\n        const label = Math.abs(x) < 1e-10 ? '0' : (Number.isInteger(x) ? x : x.toFixed(1));\n        svg += `<text x=\"${sx}\" y=\"${pad.top + plotH + 16}\" text-anchor=\"middle\" fill=\"#8b949e\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n\n    // Horizontal grid lines + y labels\n    const yStart = Math.ceil(yMin / yTick) * yTick;\n    for (let y = yStart; y <= yMax; y += yTick) {\n        const sy = toSvgY(y);\n        if (sy < pad.top || sy > pad.top + plotH) continue;\n        if (showGrid) {\n            svg += `<line x1=\"${pad.left}\" y1=\"${sy}\" x2=\"${pad.left + plotW}\" y2=\"${sy}\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(y) < 1e-10 ? '0' : (Number.isInteger(y) ? y : y.toFixed(1));\n        svg += `<text x=\"${pad.left - 8}\" y=\"${sy + 3}\" text-anchor=\"end\" fill=\"#8b949e\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n\n    // Axes\n    if (xMin <= 0 && xMax >= 0) {\n        const ax = toSvgX(0);\n        svg += `<line x1=\"${ax}\" y1=\"${pad.top}\" x2=\"${ax}\" y2=\"${pad.top + plotH}\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1\" />`;\n    }\n    if (yMin <= 0 && yMax >= 0) {\n        const ay = toSvgY(0);\n        svg += `<line x1=\"${pad.left}\" y1=\"${ay}\" x2=\"${pad.left + plotW}\" y2=\"${ay}\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1\" />`;\n    }\n\n    // Plot border\n    svg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\" />`;\n\n    // Equations\n    const samplesPerPixel = 2;\n    const totalSamples = plotW * samplesPerPixel;\n    const dx = xRange / totalSamples;\n\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n\n        const fn = parseExpression(eq.expression);\n        if (!fn) return;\n\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        let pathData = '';\n        let drawing = false;\n\n        for (let i = 0; i <= totalSamples; i++) {\n            const x = xMin + i * dx;\n            let y;\n            try { y = fn(x); } catch { y = NaN; }\n\n            if (!isFinite(y) || isNaN(y) || y < yMin - yRange * 5 || y > yMax + yRange * 5) {\n                drawing = false;\n                continue;\n            }\n\n            // Clamp to plot area for rendering\n            const clampedY = Math.max(yMin - yRange * 0.5, Math.min(yMax + yRange * 0.5, y));\n            const sx = toSvgX(x);\n            const sy = toSvgY(clampedY);\n\n            if (!drawing) {\n                pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n                drawing = true;\n            } else {\n                pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n            }\n        }\n\n        if (pathData) {\n            svg += `<path d=\"${pathData.trim()}\" fill=\"none\" stroke=\"${color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />`;\n        }\n    });\n\n    // Clip path for plot area\n    const clipId = 'graph-clip-' + Date.now();\n    const defs = `<defs><clipPath id=\"${clipId}\"><rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" /></clipPath></defs>`;\n\n    // Re-wrap: curves should be clipped\n    // Rebuild with clip group\n    let curves = '';\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n        const fn = parseExpression(eq.expression);\n        if (!fn) return;\n\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        let pathData = '';\n        let drawing = false;\n\n        for (let i = 0; i <= totalSamples; i++) {\n            const x = xMin + i * dx;\n            let y;\n            try { y = fn(x); } catch { y = NaN; }\n\n            if (!isFinite(y) || isNaN(y)) { drawing = false; continue; }\n\n            const sx = toSvgX(x);\n            const sy = toSvgY(y);\n\n            if (!drawing) {\n                pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n                drawing = true;\n            } else {\n                pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n            }\n        }\n\n        if (pathData) {\n            curves += `<path d=\"${pathData.trim()}\" fill=\"none\" stroke=\"${color}\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />`;\n        }\n    });\n\n    // Equation legend\n    let legendY = pad.top + 12;\n    let legend = '';\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        legend += `<circle cx=\"${pad.left + 12}\" cy=\"${legendY}\" r=\"4\" fill=\"${color}\" />`;\n        legend += `<text x=\"${pad.left + 22}\" y=\"${legendY + 3}\" fill=\"${color}\" font-size=\"11\" font-family=\"lixCode, monospace\">${escapeXml(eq.expression)}</text>`;\n        legendY += 18;\n    });\n\n    // Remove the non-clipped curves from svg (we added them above for building)\n    // Rebuild cleanly\n    let cleanSvg = '';\n    cleanSvg += `<rect x=\"0\" y=\"0\" width=\"${width}\" height=\"${height}\" fill=\"#0d1117\" rx=\"8\" />`;\n    cleanSvg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"#111822\" />`;\n\n    // Grid + ticks (re-add)\n    for (let x = xStart; x <= xMax; x += xTick) {\n        const sx = toSvgX(x);\n        if (sx < pad.left || sx > pad.left + plotW) continue;\n        if (showGrid) {\n            cleanSvg += `<line x1=\"${sx}\" y1=\"${pad.top}\" x2=\"${sx}\" y2=\"${pad.top + plotH}\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(x) < 1e-10 ? '0' : (Number.isInteger(x) ? x : x.toFixed(1));\n        cleanSvg += `<text x=\"${sx}\" y=\"${pad.top + plotH + 16}\" text-anchor=\"middle\" fill=\"#8b949e\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n    for (let y = yStart; y <= yMax; y += yTick) {\n        const sy = toSvgY(y);\n        if (sy < pad.top || sy > pad.top + plotH) continue;\n        if (showGrid) {\n            cleanSvg += `<line x1=\"${pad.left}\" y1=\"${sy}\" x2=\"${pad.left + plotW}\" y2=\"${sy}\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(y) < 1e-10 ? '0' : (Number.isInteger(y) ? y : y.toFixed(1));\n        cleanSvg += `<text x=\"${pad.left - 8}\" y=\"${sy + 3}\" text-anchor=\"end\" fill=\"#8b949e\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n    // Axes\n    if (xMin <= 0 && xMax >= 0) {\n        const ax = toSvgX(0);\n        cleanSvg += `<line x1=\"${ax}\" y1=\"${pad.top}\" x2=\"${ax}\" y2=\"${pad.top + plotH}\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1\" />`;\n    }\n    if (yMin <= 0 && yMax >= 0) {\n        const ay = toSvgY(0);\n        cleanSvg += `<line x1=\"${pad.left}\" y1=\"${ay}\" x2=\"${pad.left + plotW}\" y2=\"${ay}\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1\" />`;\n    }\n    // Plot border\n    cleanSvg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\" />`;\n\n    // Clipped curves\n    cleanSvg += `<g clip-path=\"url(#${clipId})\">${curves}</g>`;\n\n    // Legend\n    cleanSvg += legend;\n\n    return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\">${defs}${cleanSvg}</svg>`;\n}\n\n/**\n * Generate a preview SVG for the modal.\n */\nexport function renderGraphPreviewSVG(equations, settings) {\n    return renderGraphSVG(equations, {\n        ...settings,\n        width: 520,\n        height: 380,\n    });\n}\n\nfunction escapeXml(str) {\n    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\nexport { GRAPH_COLORS };\n", "/* eslint-disable */\n/**\n * GraphEngine - Bridge between graph rendering and the sketch canvas.\n * Creates Frames containing rendered graph SVG elements.\n */\n\nimport { parseExpression, isValidExpression } from './GraphMathParser.js';\nimport { renderGraphSVG, renderGraphPreviewSVG, GRAPH_COLORS } from './GraphRenderer.js';\n\nconst NS = 'http://www.w3.org/2000/svg';\nconst GRAPH_WIDTH = 600;\nconst GRAPH_HEIGHT = 420;\n\n/**\n * Place a graph on the canvas inside a Frame.\n */\nfunction renderGraphOnCanvas(equations, settings) {\n    if (!equations || equations.length === 0) return false;\n    if (!window.svg || !window.Frame) {\n        console.error('[GraphEngine] Engine not initialized');\n        return false;\n    }\n\n    // Generate full-size SVG\n    const svgMarkup = renderGraphSVG(equations, {\n        ...settings,\n        width: GRAPH_WIDTH,\n        height: GRAPH_HEIGHT,\n    });\n    if (!svgMarkup) return false;\n\n    // Viewport center\n    const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n    const vcx = vb.x + vb.width / 2;\n    const vcy = vb.y + vb.height / 2;\n\n    const frameW = GRAPH_WIDTH + 40;\n    const frameH = GRAPH_HEIGHT + 40;\n    const frameX = vcx - frameW / 2;\n    const frameY = vcy - frameH / 2;\n\n    // Build title from equations\n    const eqLabels = equations\n        .filter(eq => eq.expression && eq.expression.trim())\n        .map(eq => eq.expression.trim())\n        .slice(0, 3);\n    const title = eqLabels.length > 0\n        ? 'Graph: ' + eqLabels.join(', ')\n        : 'Graph';\n\n    // Phase 5 (issue #22): no wrapper frame. The graph is conceptually a\n    // single rendering \u2014 axes, grid, curves all interlocked \u2014 so we don't\n    // split it into per-curve shapes. Instead the graph becomes ONE\n    // first-class shape on the canvas: a `graphShape` that implements the\n    // shape API the engine relies on (contains / selectShape / etc.) so\n    // it can be selected, dragged, attached to by arrows, picked up by\n    // the rect-drag \u2014 exactly like a user-drawn shape.\n    try {\n        const parser = new DOMParser();\n        const doc = parser.parseFromString(svgMarkup, 'image/svg+xml');\n        const svgEl = doc.querySelector('svg');\n        if (!svgEl) return false;\n\n        const graphGroup = document.createElementNS(NS, 'g');\n        graphGroup.setAttribute('data-type', 'graph-group');\n        graphGroup.setAttribute('transform', `translate(${frameX + 20}, ${frameY + 20})`);\n\n        // Copy defs (clip paths)\n        const defs = svgEl.querySelector('defs');\n        if (defs) {\n            const defsClone = defs.cloneNode(true);\n            window.svg.querySelector('defs')?.appendChild(defsClone.firstChild) ||\n                window.svg.insertBefore(defsClone, window.svg.firstChild);\n        }\n\n        while (svgEl.childNodes.length > 0) {\n            const child = svgEl.childNodes[0];\n            if (child.nodeName === 'defs') { svgEl.removeChild(child); continue; }\n            graphGroup.appendChild(child);\n        }\n        window.svg.appendChild(graphGroup);\n\n        const graphShape = {\n            shapeName: 'graph',                  // first-class shapeName\n            shapeID: `graph-${Date.now().toString(36)}-${Math.floor(Math.random() * 10000)}`,\n            group: graphGroup,\n            element: graphGroup,\n            x: frameX + 20,\n            y: frameY + 20,\n            width: GRAPH_WIDTH,\n            height: GRAPH_HEIGHT,\n            rotation: 0,\n            isSelected: false,\n            _selectionRect: null,\n            _graphData: {\n                equations: equations.map(eq => ({ expression: eq.expression, color: eq.color })),\n                settings: { ...settings },\n            },\n\n            // \u2500\u2500 Shape API the engine relies on \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n            contains(px, py) {\n                return px >= this.x && px <= this.x + this.width\n                    && py >= this.y && py <= this.y + this.height;\n            },\n            move(dx, dy) {\n                this.x += dx; this.y += dy;\n                this.group.setAttribute('transform', `translate(${this.x}, ${this.y})`);\n                this._updateSelectionRect();\n            },\n            selectShape() {\n                this.isSelected = true;\n                if (this._selectionRect) return;\n                const r = document.createElementNS(NS, 'rect');\n                r.setAttribute('fill', 'none');\n                r.setAttribute('stroke', '#9b7bf7');\n                r.setAttribute('stroke-width', '1.5');\n                r.setAttribute('stroke-dasharray', '4 3');\n                r.setAttribute('pointer-events', 'none');\n                window.svg.appendChild(r);\n                this._selectionRect = r;\n                this._updateSelectionRect();\n            },\n            removeSelection() {\n                this.isSelected = false;\n                if (this._selectionRect && this._selectionRect.parentNode) {\n                    this._selectionRect.parentNode.removeChild(this._selectionRect);\n                }\n                this._selectionRect = null;\n            },\n            _updateSelectionRect() {\n                if (!this._selectionRect) return;\n                const pad = 4;\n                this._selectionRect.setAttribute('x', this.x - pad);\n                this._selectionRect.setAttribute('y', this.y - pad);\n                this._selectionRect.setAttribute('width', this.width + pad * 2);\n                this._selectionRect.setAttribute('height', this.height + pad * 2);\n            },\n            updateAttachedArrows() {\n                if (typeof window.updateAttachedArrows === 'function') {\n                    window.updateAttachedArrows(this);\n                }\n            },\n        };\n\n        window.shapes.push(graphShape);\n        if (window.pushCreateAction) window.pushCreateAction(graphShape);\n\n        // Auto-select so the user sees something landed.\n        window.currentShape = graphShape;\n        graphShape.selectShape();\n    } catch (err) {\n        console.error('[GraphEngine] SVG insertion failed:', err);\n        return false;\n    }\n\n    return true;\n}\n\n/**\n * Initialize the graph engine \u2014 expose bridge functions on window.\n */\nexport function initGraphEngine() {\n    window.__graphPreview = (equations, settings) => {\n        return renderGraphPreviewSVG(equations, settings);\n    };\n    window.__graphRenderer = renderGraphOnCanvas;\n    window.__graphParser = (expr) => {\n        const fn = parseExpression(expr);\n        return fn ? true : false;\n    };\n    window.__graphValidate = isValidExpression;\n    window.__graphColors = GRAPH_COLORS;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/GraphMathParser-2WMTY4IE.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  isValidExpression,
+  parseExpression
+} from "./chunk-HZWLPXFN.js";
+export {
+  isValidExpression,
+  parseExpression
+};
+//# sourceMappingURL=GraphMathParser-2WMTY4IE.js.map

package/dist/react/GraphMathParser-2WMTY4IE.js.map

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

package/dist/react/IconShape-KMIA6T2H.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  IconShape
+} from "./chunk-JQ3IRFDP.js";
+import "./chunk-BZE4CEBG.js";
+import "./chunk-L5OARZJ7.js";
+export {
+  IconShape
+};
+//# sourceMappingURL=IconShape-KMIA6T2H.js.map

package/dist/react/IconShape-KMIA6T2H.js.map

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

package/dist/react/ImageShape-CHHGBXUQ.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  ImageShape
+} from "./chunk-CB2RANCB.js";
+import "./chunk-BZE4CEBG.js";
+import "./chunk-L5OARZJ7.js";
+export {
+  ImageShape
+};
+//# sourceMappingURL=ImageShape-CHHGBXUQ.js.map

package/dist/react/ImageShape-CHHGBXUQ.js.map

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

package/dist/react/LayerOrder-XCHF4MSS.js

@@ -0,0 +1,66 @@
+"use client";
+
+// src/core/LayerOrder.js
+function bringForward(shape) {
+  const shapes = window.shapes;
+  if (!shapes) return;
+  const idx = shapes.indexOf(shape);
+  if (idx < 0 || idx >= shapes.length - 1) return;
+  [shapes[idx], shapes[idx + 1]] = [shapes[idx + 1], shapes[idx]];
+  const el = shape.group || shape.element;
+  const nextEl = shapes[idx].group || shapes[idx].element;
+  if (el && nextEl && el.parentNode) {
+    if (nextEl.nextSibling) {
+      el.parentNode.insertBefore(el, nextEl.nextSibling);
+    } else {
+      el.parentNode.appendChild(el);
+    }
+  }
+}
+function sendBackward(shape) {
+  const shapes = window.shapes;
+  if (!shapes) return;
+  const idx = shapes.indexOf(shape);
+  if (idx <= 0) return;
+  [shapes[idx], shapes[idx - 1]] = [shapes[idx - 1], shapes[idx]];
+  const el = shape.group || shape.element;
+  const prevEl = shapes[idx].group || shapes[idx].element;
+  if (el && prevEl && el.parentNode) {
+    el.parentNode.insertBefore(el, prevEl);
+  }
+}
+function bringToFront(shape) {
+  const shapes = window.shapes;
+  if (!shapes) return;
+  const idx = shapes.indexOf(shape);
+  if (idx < 0) return;
+  shapes.splice(idx, 1);
+  shapes.push(shape);
+  const el = shape.group || shape.element;
+  if (el && el.parentNode) {
+    el.parentNode.appendChild(el);
+  }
+}
+function sendToBack(shape) {
+  const shapes = window.shapes;
+  if (!shapes) return;
+  const idx = shapes.indexOf(shape);
+  if (idx < 0) return;
+  shapes.splice(idx, 1);
+  shapes.unshift(shape);
+  const el = shape.group || shape.element;
+  if (el && el.parentNode) {
+    el.parentNode.insertBefore(el, el.parentNode.firstChild);
+  }
+}
+function initLayerOrder() {
+  window.__layerOrder = { bringForward, sendBackward, bringToFront, sendToBack };
+}
+export {
+  bringForward,
+  bringToFront,
+  initLayerOrder,
+  sendBackward,
+  sendToBack
+};
+//# sourceMappingURL=LayerOrder-XCHF4MSS.js.map

package/dist/react/LayerOrder-XCHF4MSS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/LayerOrder.js"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * LayerOrder - Controls z-ordering of shapes on the SVG canvas.\n * Shapes are ordered by their position in window.shapes[] and their DOM order in the SVG.\n */\n\n/**\n * Move a shape one layer forward (closer to top).\n */\nexport function bringForward(shape) {\n    const shapes = window.shapes;\n    if (!shapes) return;\n    const idx = shapes.indexOf(shape);\n    if (idx < 0 || idx >= shapes.length - 1) return;\n\n    // Swap in array\n    [shapes[idx], shapes[idx + 1]] = [shapes[idx + 1], shapes[idx]];\n\n    // Move in DOM \u2014 insert after the next sibling\n    const el = shape.group || shape.element;\n    const nextEl = shapes[idx].group || shapes[idx].element; // the shape that was swapped down\n    if (el && nextEl && el.parentNode) {\n        // el should come after nextEl in DOM\n        if (nextEl.nextSibling) {\n            el.parentNode.insertBefore(el, nextEl.nextSibling);\n        } else {\n            el.parentNode.appendChild(el);\n        }\n    }\n}\n\n/**\n * Move a shape one layer backward (closer to bottom).\n */\nexport function sendBackward(shape) {\n    const shapes = window.shapes;\n    if (!shapes) return;\n    const idx = shapes.indexOf(shape);\n    if (idx <= 0) return;\n\n    // Swap in array\n    [shapes[idx], shapes[idx - 1]] = [shapes[idx - 1], shapes[idx]];\n\n    // Move in DOM \u2014 insert before the previous sibling\n    const el = shape.group || shape.element;\n    const prevEl = shapes[idx].group || shapes[idx].element;\n    if (el && prevEl && el.parentNode) {\n        el.parentNode.insertBefore(el, prevEl);\n    }\n}\n\n/**\n * Bring shape to the very front.\n */\nexport function bringToFront(shape) {\n    const shapes = window.shapes;\n    if (!shapes) return;\n    const idx = shapes.indexOf(shape);\n    if (idx < 0) return;\n\n    shapes.splice(idx, 1);\n    shapes.push(shape);\n\n    const el = shape.group || shape.element;\n    if (el && el.parentNode) {\n        el.parentNode.appendChild(el);\n    }\n}\n\n/**\n * Send shape to the very back.\n */\nexport function sendToBack(shape) {\n    const shapes = window.shapes;\n    if (!shapes) return;\n    const idx = shapes.indexOf(shape);\n    if (idx < 0) return;\n\n    shapes.splice(idx, 1);\n    shapes.unshift(shape);\n\n    const el = shape.group || shape.element;\n    if (el && el.parentNode) {\n        el.parentNode.insertBefore(el, el.parentNode.firstChild);\n    }\n}\n\n// Expose globally for React sidebar access\nexport function initLayerOrder() {\n    window.__layerOrder = { bringForward, sendBackward, bringToFront, sendToBack };\n}\n"],
+  "mappings": ";;;AASO,SAAS,aAAa,OAAO;AAChC,QAAM,SAAS,OAAO;AACtB,MAAI,CAAC,OAAQ;AACb,QAAM,MAAM,OAAO,QAAQ,KAAK;AAChC,MAAI,MAAM,KAAK,OAAO,OAAO,SAAS,EAAG;AAGzC,GAAC,OAAO,GAAG,GAAG,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,MAAM,CAAC,GAAG,OAAO,GAAG,CAAC;AAG9D,QAAM,KAAK,MAAM,SAAS,MAAM;AAChC,QAAM,SAAS,OAAO,GAAG,EAAE,SAAS,OAAO,GAAG,EAAE;AAChD,MAAI,MAAM,UAAU,GAAG,YAAY;AAE/B,QAAI,OAAO,aAAa;AACpB,SAAG,WAAW,aAAa,IAAI,OAAO,WAAW;AAAA,IACrD,OAAO;AACH,SAAG,WAAW,YAAY,EAAE;AAAA,IAChC;AAAA,EACJ;AACJ;AAKO,SAAS,aAAa,OAAO;AAChC,QAAM,SAAS,OAAO;AACtB,MAAI,CAAC,OAAQ;AACb,QAAM,MAAM,OAAO,QAAQ,KAAK;AAChC,MAAI,OAAO,EAAG;AAGd,GAAC,OAAO,GAAG,GAAG,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,MAAM,CAAC,GAAG,OAAO,GAAG,CAAC;AAG9D,QAAM,KAAK,MAAM,SAAS,MAAM;AAChC,QAAM,SAAS,OAAO,GAAG,EAAE,SAAS,OAAO,GAAG,EAAE;AAChD,MAAI,MAAM,UAAU,GAAG,YAAY;AAC/B,OAAG,WAAW,aAAa,IAAI,MAAM;AAAA,EACzC;AACJ;AAKO,SAAS,aAAa,OAAO;AAChC,QAAM,SAAS,OAAO;AACtB,MAAI,CAAC,OAAQ;AACb,QAAM,MAAM,OAAO,QAAQ,KAAK;AAChC,MAAI,MAAM,EAAG;AAEb,SAAO,OAAO,KAAK,CAAC;AACpB,SAAO,KAAK,KAAK;AAEjB,QAAM,KAAK,MAAM,SAAS,MAAM;AAChC,MAAI,MAAM,GAAG,YAAY;AACrB,OAAG,WAAW,YAAY,EAAE;AAAA,EAChC;AACJ;AAKO,SAAS,WAAW,OAAO;AAC9B,QAAM,SAAS,OAAO;AACtB,MAAI,CAAC,OAAQ;AACb,QAAM,MAAM,OAAO,QAAQ,KAAK;AAChC,MAAI,MAAM,EAAG;AAEb,SAAO,OAAO,KAAK,CAAC;AACpB,SAAO,QAAQ,KAAK;AAEpB,QAAM,KAAK,MAAM,SAAS,MAAM;AAChC,MAAI,MAAM,GAAG,YAAY;AACrB,OAAG,WAAW,aAAa,IAAI,GAAG,WAAW,UAAU;AAAA,EAC3D;AACJ;AAGO,SAAS,iBAAiB;AAC7B,SAAO,eAAe,EAAE,cAAc,cAAc,cAAc,WAAW;AACjF;",
+  "names": []
+}

package/dist/react/Line-2KOQEEGA.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  Line
+} from "./chunk-6PFXZKL2.js";
+import "./chunk-BZE4CEBG.js";
+import "./chunk-L5OARZJ7.js";
+export {
+  Line
+};
+//# sourceMappingURL=Line-2KOQEEGA.js.map

package/dist/react/Line-2KOQEEGA.js.map

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