@elixpo/lixsketch 5.5.6 → 5.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elixpo/lixsketch",
-  "version": "5.5.6",
+  "version": "5.5.8",
   "description": "Open-source SVG whiteboard engine + React canvas component with hand-drawn aesthetics — the core of LixSketch",
   "type": "module",
   "main": "src/index.js",

package/src/EngineShortcuts.js

@@ -175,6 +175,13 @@ export function installEngineShortcuts(engine, options = {}) {
             return; // Other Ctrl combos are app-level; let the consumer handle them.
         }
 
+        // Shift+1 = Fit to content
+        if (e.shiftKey && (key === '1' || key === '!')) {
+            e.preventDefault();
+            if (typeof window.zoomFit === 'function') window.zoomFit();
+            return;
+        }
+
         // Delete / Backspace — remove selected shapes.
         if (e.key === 'Delete' || e.key === 'Backspace') {
             e.preventDefault();

package/src/SketchEngine.js

@@ -238,6 +238,13 @@ class SketchEngine {
                 Frame, FreehandStroke
             };
 
+            // Expose restore as soon as the shape constructors are ready.
+            // Tool handlers, AI/graph renderers, and LixScript are not needed
+            // to deserialize a cached scene, so keeping the serializer behind
+            // those chunks unnecessarily delayed first canvas paint.
+            const sceneSerializer = await import('./core/SceneSerializer.js');
+            if (sceneSerializer.initSceneSerializer) sceneSerializer.initSceneSerializer();
+
             // Import tool handlers (they run top-level code that reads globals)
             const [
                 rectangleTool, circleTool, arrowTool, lineTool,
@@ -314,10 +321,6 @@ class SketchEngine {
             const graphEngine = await import('./core/GraphEngine.js');
             if (graphEngine.initGraphEngine) graphEngine.initGraphEngine();
 
-            // Initialize scene serializer bridge
-            const sceneSerializer = await import('./core/SceneSerializer.js');
-            if (sceneSerializer.initSceneSerializer) sceneSerializer.initSceneSerializer();
-
             // Initialize layer ordering
             const layerOrder = await import('./core/LayerOrder.js');
             if (layerOrder.initLayerOrder) layerOrder.initLayerOrder();

package/src/core/ZoomPan.js

@@ -99,6 +99,108 @@ window.zoomReset = function() {
   }
 };
 
+function getShapeBoundsForFit(shape) {
+  if (!shape) return null;
+
+  const selection = window.multiSelection;
+  if (selection && typeof selection.getShapeBounds === "function") {
+    try {
+      const bounds = selection.getShapeBounds(shape);
+      if (bounds && [bounds.x, bounds.y, bounds.width, bounds.height].every(Number.isFinite)) {
+        return bounds;
+      }
+    } catch {}
+  }
+
+  // Fall back to the common shape interface when selection is unavailable.
+  // Accessing x/y instead of boundingBox preserves freehand move offsets.
+  const bounds = {
+    x: Number(shape.x),
+    y: Number(shape.y),
+    width: Number(shape.width),
+    height: Number(shape.height),
+  };
+  return Object.values(bounds).every(Number.isFinite) ? bounds : null;
+}
+
+window.zoomFit = function() {
+  if (!window.shapes || window.shapes.length === 0) {
+    if (window.zoomReset) window.zoomReset();
+    return;
+  }
+
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+
+  window.shapes.forEach(shape => {
+    const bounds = getShapeBoundsForFit(shape);
+    if (!bounds) return;
+    
+    // Normalize coordinates just in case width/height is negative
+    const x1 = Math.min(bounds.x, bounds.x + bounds.width);
+    const x2 = Math.max(bounds.x, bounds.x + bounds.width);
+    const y1 = Math.min(bounds.y, bounds.y + bounds.height);
+    const y2 = Math.max(bounds.y, bounds.y + bounds.height);
+
+    minX = Math.min(minX, x1);
+    minY = Math.min(minY, y1);
+    maxX = Math.max(maxX, x2);
+    maxY = Math.max(maxY, y2);
+  });
+
+  if (minX === Infinity) {
+    if (window.zoomReset) window.zoomReset();
+    return;
+  }
+
+  const rect = freehandCanvas.getBoundingClientRect();
+  const screenW = rect.width || window.innerWidth;
+  const screenH = rect.height || window.innerHeight;
+
+  const contentW = maxX - minX;
+  const contentH = maxY - minY;
+  
+  // Add 10% padding
+  const paddingX = Math.max(50, contentW * 0.1);
+  const paddingY = Math.max(50, contentH * 0.1);
+
+  const paddedW = contentW + paddingX * 2;
+  const paddedH = contentH + paddingY * 2;
+
+  // Calculate required zoom to fit the padded content in the screen
+  const zoomX = screenW / paddedW;
+  const zoomY = screenH / paddedH;
+  
+  let newZoom = Math.min(zoomX, zoomY);
+  newZoom = Math.max(minScale, Math.min(newZoom, maxScale));
+
+  // Center coordinate of the content
+  const cx = minX + contentW / 2;
+  const cy = minY + contentH / 2;
+
+  // Set the new viewBox and zoom
+  currentZoom = newZoom;
+  const vbW = screenW / currentZoom;
+  const vbH = screenH / currentZoom;
+
+  currentViewBox.x = cx - vbW / 2;
+  currentViewBox.y = cy - vbH / 2;
+  currentViewBox.width = vbW;
+  currentViewBox.height = vbH;
+
+  freehandCanvas.setAttribute(
+    "viewBox",
+    `${currentViewBox.x} ${currentViewBox.y} ${vbW} ${vbH}`
+  );
+  
+  updateZoomDisplay();
+  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {
+    window.__sketchStoreApi.setZoom(currentZoom);
+  }
+};
+
 freehandCanvas.addEventListener("wheel", function(e) {
   if (!e.ctrlKey) return;
   e.preventDefault();

package/src/react/components/Footer.jsx

@@ -23,6 +23,10 @@ export default function Footer() {
     if (window.zoomReset) window.zoomReset()
   }, [])
 
+  const handleZoomFit = useCallback(() => {
+    if (window.zoomFit) window.zoomFit()
+  }, [])
+
   const handleUndo = useCallback(() => {
     if (window.undo) window.undo()
   }, [])
@@ -56,6 +60,15 @@ export default function Footer() {
 
       {/* Zoom controls */}
       <div className="flex items-center bg-surface rounded-lg overflow-hidden">
+        <button
+          onClick={handleZoomFit}
+          aria-label="Fit canvas to content"
+          title="Fit to Content (Shift+1)"
+          className="w-9 h-9 flex items-center justify-center text-text-muted hover:text-text-primary hover:bg-surface-hover transition-all duration-200"
+        >
+          <i className="bx bx-target-lock text-lg" />
+        </button>
+        <div className="w-px h-5 bg-border-light" />
         <button
           onClick={handleZoomOut}
           title="Zoom Out (Ctrl+-)"

package/dist/react/ZoomPan-U3TXC5AJ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/core/ZoomPan.js"],
-  "sourcesContent": ["/* eslint-disable */\n// Zoom and Pan controls - combined from zoomFunction.js + panCanvas.js\n// Depends on globals: svg, freehandCanvas, currentZoom, currentViewBox, isPanningToolActive, isPanning\n// Depends on globals: minScale, maxScale, zoomInBtn, zoomOutBtn, zoomPercentSpan, panStart, startCanvasX, startCanvasY\n\n// === Zoom Functions ===\nlet currentY = 0;\nconst scrollRate = 50;\n\nfunction updateZoomDisplay() {\n  zoomPercentSpan.innerText = Math.round(currentZoom * 100) + \"%\";\n}\n\nfunction updateViewBox(anchorX = null, anchorY = null) {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n  const scaledWidth = width / currentZoom;\n  const scaledHeight = height / currentZoom;\n\n  let centerX, centerY;\n\n  if (anchorX === null || anchorY === null) {\n    centerX = currentViewBox.x + (currentViewBox.width / 2);\n    centerY = currentViewBox.y + (currentViewBox.height / 2);\n  } else {\n\n    centerX = anchorX;\n    centerY = anchorY;\n  }\n\n  const viewBoxX = centerX - (scaledWidth / 2);\n  const viewBoxY = centerY - (scaledHeight / 2);\n\n  freehandCanvas.setAttribute(\n    \"viewBox\",\n    `${viewBoxX} ${viewBoxY} ${scaledWidth} ${scaledHeight}`\n  );\n\n  currentViewBox.x = viewBoxX;\n  currentViewBox.y = viewBoxY;\n  currentViewBox.width = scaledWidth;\n  currentViewBox.height = scaledHeight;\n}\n\nzoomInBtn.addEventListener(\"click\", function() {\n  currentZoom *= 1.1;\n  if (currentZoom > maxScale) currentZoom = maxScale;\n  updateViewBox();\n  updateZoomDisplay();\n});\n\nzoomOutBtn.addEventListener(\"click\", function() {\n  currentZoom /= 1.1;\n  if (currentZoom < minScale) currentZoom = minScale;\n  updateViewBox();\n  updateZoomDisplay();\n});\n\n// Exposed for React Footer buttons \u2014 zoom from center of canvas\nwindow.zoomFromCenter = function(direction) {\n  if (direction > 0) {\n    currentZoom *= 1.1;\n    if (currentZoom > maxScale) currentZoom = maxScale;\n  } else {\n    currentZoom /= 1.1;\n    if (currentZoom < minScale) currentZoom = minScale;\n  }\n  updateViewBox(); // null anchors = zoom from center\n  updateZoomDisplay();\n  // Sync React zoom state\n  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {\n    window.__sketchStoreApi.setZoom(currentZoom);\n  }\n};\n\nwindow.zoomReset = function() {\n  // Issue #24 bug #5: reset zoom in place around the current viewport\n  // centre \u2014 do NOT recenter to (0, 0). Recentering used to make whatever\n  // the user had on screen vanish until they panned back to it.\n  const cx = currentViewBox.x + currentViewBox.width / 2;\n  const cy = currentViewBox.y + currentViewBox.height / 2;\n\n  currentZoom = 1;\n  const rect = freehandCanvas.getBoundingClientRect();\n  const vbW = rect.width || window.innerWidth;\n  const vbH = rect.height || window.innerHeight;\n\n  currentViewBox.x = cx - vbW / 2;\n  currentViewBox.y = cy - vbH / 2;\n  currentViewBox.width = vbW;\n  currentViewBox.height = vbH;\n  freehandCanvas.setAttribute(\n    \"viewBox\",\n    `${currentViewBox.x} ${currentViewBox.y} ${vbW} ${vbH}`\n  );\n  updateZoomDisplay();\n  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {\n    window.__sketchStoreApi.setZoom(1);\n  }\n};\n\nfreehandCanvas.addEventListener(\"wheel\", function(e) {\n  if (!e.ctrlKey) return;\n  e.preventDefault();\n\n  // Determine the zoom delta\n  const delta = e.deltaY > 0 ? -0.1 : 0.1;\n  let newZoom = currentZoom + delta;\n  if (newZoom < minScale) newZoom = minScale;\n  if (newZoom > maxScale) newZoom = maxScale;\n\n  // Get canvas bounding rect \u2014 this MUST be the SVG element's actual\n  // size, not the window's. In split mode the canvas pane is narrower\n  // than the viewport; using window.innerWidth here would produce a\n  // viewBox aspect that doesn't match the element, and (with\n  // preserveAspectRatio=\"none\" on the host) the content gets stretched\n  // / squeezed on every zoom step.\n  const rect = freehandCanvas.getBoundingClientRect();\n\n  // Calculate mouse position relative to the canvas in pixels\n  const mouseX = e.clientX - rect.left;\n  const mouseY = e.clientY - rect.top;\n\n  // Determine what fraction of the canvas the mouse is at\n  const mouseFracX = mouseX / rect.width;\n  const mouseFracY = mouseY / rect.height;\n\n  // Compute the current viewBox coordinate under the mouse.\n  // currentViewBox.width and .height represent the current viewBox dimensions.\n  const anchorViewBoxX = currentViewBox.x + mouseFracX * currentViewBox.width;\n  const anchorViewBoxY = currentViewBox.y + mouseFracY * currentViewBox.height;\n\n  // New viewBox dimensions sized to the *element*, scaled by the new\n  // zoom. This keeps the viewBox aspect ratio matching the element so\n  // shapes stay undistorted.\n  const newViewBoxWidth = rect.width / newZoom;\n  const newViewBoxHeight = rect.height / newZoom;\n  \n  // Compute the new viewBox's x and y so that the anchor remains at the same screen fraction.\n  // That means:\n  //   newViewBox.x + mouseFracX * newViewBoxWidth === anchorViewBoxX\n  // Solve for newViewBox.x:\n  const newViewBoxX = anchorViewBoxX - mouseFracX * newViewBoxWidth;\n  const newViewBoxY = anchorViewBoxY - mouseFracY * newViewBoxHeight;\n  \n  // Update the viewBox attribute with the new values.\n  freehandCanvas.setAttribute(\n    \"viewBox\",\n    `${newViewBoxX} ${newViewBoxY} ${newViewBoxWidth} ${newViewBoxHeight}`\n  );\n  \n  // Update our state\n  currentZoom = newZoom;\n  currentViewBox = {\n    x: newViewBoxX,\n    y: newViewBoxY,\n    width: newViewBoxWidth,\n    height: newViewBoxHeight\n  };\n\n  updateZoomDisplay();\n  // Sync React zoom state\n  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {\n    window.__sketchStoreApi.setZoom(currentZoom);\n  }\n});\n\n// Function to resize the canvas to fill the screen (initial setup)\nfunction resizeCanvas() {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n\n  freehandCanvas.style.width = `${width}px`;\n  freehandCanvas.style.height = `${height}px`;\n\n  // Set initial viewBox based on initial zoom\n  updateViewBox(); // Initial center anchor\n}\n\n\n\nlet isMiddleMousePanning = false;\n\nfreehandCanvas.addEventListener(\"mousedown\", function (e) {\n  // Middle mouse button panning\n  if (e.button === 1) {\n      e.preventDefault();\n      isMiddleMousePanning = true;\n      isPanning = true;\n      startCanvasX = e.clientX;\n      startCanvasY = e.clientY;\n      panStart = { x: e.clientX, y: e.clientY };\n      freehandCanvas.style.cursor = 'grabbing';\n      return;\n  }\n  if (isPanningToolActive) {\n      isPanning = true;\n      startCanvasX = e.clientX;\n      startCanvasY = e.clientY;\n      panStart = { x: e.clientX, y: e.clientY };\n      freehandCanvas.style.cursor = 'grabbing';\n  }\n});\n\nfreehandCanvas.addEventListener(\"mousemove\", (e) => {\n  if (!isPanning) return;\n\n  const dx = e.clientX - panStart.x;\n  const dy = e.clientY - panStart.y;\n  const dxViewBox = dx / currentZoom;\n  const dyViewBox = dy / currentZoom;\n\n  currentViewBox.x -= dxViewBox;\n  currentViewBox.y -= dyViewBox;\n\n  freehandCanvas.setAttribute(\n      \"viewBox\",\n      `${currentViewBox.x} ${currentViewBox.y} ${currentViewBox.width} ${currentViewBox.height}`\n  );\n\n  panStart = { x: e.clientX, y: e.clientY };\n});\n\nfreehandCanvas.addEventListener(\"mouseup\", (e) => {\n  if (isMiddleMousePanning) {\n      isMiddleMousePanning = false;\n      isPanning = false;\n      freehandCanvas.style.cursor = '';\n      return;\n  }\n  if(isPanningToolActive)\n  {\n      isPanning = false;\n      freehandCanvas.style.cursor = 'grab';\n  }\n});\n\nfreehandCanvas.addEventListener(\"mouseleave\", () => {\n  if (isMiddleMousePanning) {\n      isMiddleMousePanning = false;\n      isPanning = false;\n      freehandCanvas.style.cursor = '';\n      return;\n  }\n  if(isPanningToolActive)\n  {\n      isPanning = false;\n      freehandCanvas.style.cursor = 'grab';\n  }\n});\n\n// Prevent default middle-click auto-scroll behavior\nfreehandCanvas.addEventListener(\"auxclick\", (e) => {\n  if (e.button === 1) e.preventDefault();\n});\n\n\nsvg.addEventListener(\"wheel\", (e) => {\n  e.preventDefault();\n  if (e.ctrlKey) return; // Ignore zoom gestures\n\n  if (e.shiftKey) {\n      // Pan sideways when Shift is held\n      currentViewBox.x += e.deltaY > 0 ? scrollRate : -scrollRate;\n  } else {\n      // Pan vertically\n      currentViewBox.y += e.deltaY > 0 ? scrollRate : -scrollRate;\n  }\n\n  svg.setAttribute(\n      \"viewBox\",\n      `${currentViewBox.x} ${currentViewBox.y} ${currentViewBox.width} ${currentViewBox.height}`\n  );\n});\n"],
-  "mappings": "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",
-  "names": []
-}