@nice2dev/ui-graphics 1.3.15 → 1.3.16

package/dist/esm/core/editorAsk.js

@@ -1,45 +1,58 @@
-import { jsx } from 'react/jsx-runtime';
-import { NiceConfirmDialog, NicePromptDialog } from '@nice2dev/ui';
-import { useState, useRef, useCallback } from 'react';
-
-/**
- * The library's dialogs in place of `window.prompt` / `window.confirm` for the editor hooks,
- * which hold state but render nothing: `ask` resolves with the answer (`null` when cancelled)
- * and `pendingAsk` is the open question, for the editor component to pass to
- * {@link EditorAskDialog}. One question at a time: a new one settles the open one as cancelled.
- */
+import { jsx } from "react/jsx-runtime";
+import { NiceConfirmDialog, NicePromptDialog } from "@nice2dev/ui";
+import { useState, useRef, useCallback } from "react";
 function useEditorAsk() {
-    const [pendingAsk, setPendingAsk] = useState(null);
-    const pendingRef = useRef(null);
-    const ask = useCallback((kind, text, defaultValue) => new Promise((resolve) => {
-        var _a;
-        (_a = pendingRef.current) === null || _a === void 0 ? void 0 : _a.answer(null);
-        const next = {
-            kind,
-            text,
-            defaultValue,
-            answer: (value) => {
-                if (pendingRef.current === next) {
-                    pendingRef.current = null;
-                    setPendingAsk(null);
-                }
-                resolve(value);
-            },
-        };
-        pendingRef.current = next;
-        setPendingAsk(next);
-    }), []);
-    return { pendingAsk, ask };
+  const [pendingAsk, setPendingAsk] = useState(null);
+  const pendingRef = useRef(null);
+  const ask = useCallback(
+    (kind, text, defaultValue) => new Promise((resolve) => {
+      pendingRef.current?.answer(null);
+      const next = {
+        kind,
+        text,
+        defaultValue,
+        answer: (value) => {
+          if (pendingRef.current === next) {
+            pendingRef.current = null;
+            setPendingAsk(null);
+          }
+          resolve(value);
+        }
+      };
+      pendingRef.current = next;
+      setPendingAsk(next);
+    }),
+    []
+  );
+  return { pendingAsk, ask };
 }
-/** Shows the question {@link useEditorAsk} is waiting on, if any. */
 const EditorAskDialog = ({ ask }) => {
-    if (!ask) {
-        return null;
+  if (!ask) {
+    return null;
+  }
+  if (ask.kind === "confirm") {
+    return /* @__PURE__ */ jsx(
+      NiceConfirmDialog,
+      {
+        visible: true,
+        message: ask.text,
+        onAccept: () => ask.answer(""),
+        onReject: () => ask.answer(null)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NicePromptDialog,
+    {
+      open: true,
+      title: ask.text,
+      defaultValue: ask.defaultValue,
+      onSubmit: (value) => ask.answer(value),
+      onCancel: () => ask.answer(null)
     }
-    if (ask.kind === 'confirm') {
-        return (jsx(NiceConfirmDialog, { visible: true, message: ask.text, onAccept: () => ask.answer(''), onReject: () => ask.answer(null) }));
-    }
-    return (jsx(NicePromptDialog, { open: true, title: ask.text, defaultValue: ask.defaultValue, onSubmit: (value) => ask.answer(value), onCancel: () => ask.answer(null) }));
+  );
+};
+export {
+  EditorAskDialog,
+  useEditorAsk
 };
-
-export { EditorAskDialog, useEditorAsk };

package/dist/esm/core/fixes.js

@@ -1,190 +1,165 @@
-/**
- * fixes.ts — Bug fixes and performance patches for editors.
- *
- * - PhotoEditor: Retina/HiDPI canvas devicePixelRatio handling
- * - VectorEditor: Shape virtualization for >100 shapes
- * - AnimationEditor: Memory leak prevention (raf/timer cleanup)
- */
-/**
- * Configure a canvas for Retina/HiDPI displays.
- * Scales the backing store while keeping CSS dimensions intact.
- */
 function setupRetinaCanvas(canvas, options) {
-    var _a;
-    const dpr = (_a = options.dpr) !== null && _a !== void 0 ? _a : (typeof window !== 'undefined' ? window.devicePixelRatio : 1);
-    canvas.width = Math.round(options.width * dpr);
-    canvas.height = Math.round(options.height * dpr);
-    canvas.style.width = `${options.width}px`;
-    canvas.style.height = `${options.height}px`;
-    const ctx = canvas.getContext('2d');
-    ctx.scale(dpr, dpr);
-    return ctx;
+  const dpr = options.dpr ?? (typeof window !== "undefined" ? window.devicePixelRatio : 1);
+  canvas.width = Math.round(options.width * dpr);
+  canvas.height = Math.round(options.height * dpr);
+  canvas.style.width = `${options.width}px`;
+  canvas.style.height = `${options.height}px`;
+  const ctx = canvas.getContext("2d");
+  ctx.scale(dpr, dpr);
+  return ctx;
 }
-/**
- * Get the correct mouse position on a Retina canvas.
- */
 function retinaMousePosition(e, canvas) {
-    const rect = canvas.getBoundingClientRect();
-    return {
-        x: e.clientX - rect.left,
-        y: e.clientY - rect.top,
-    };
+  const rect = canvas.getBoundingClientRect();
+  return {
+    x: e.clientX - rect.left,
+    y: e.clientY - rect.top
+  };
 }
-/**
- * Given a list of shapes with bounding boxes and a visible viewport,
- * returns only the shapes intersecting the viewport.
- */
 function virtualizeShapes(shapes, viewport, margin = 50) {
-    const vx = viewport.x - margin;
-    const vy = viewport.y - margin;
-    const vr = viewport.x + viewport.width + margin;
-    const vb = viewport.y + viewport.height + margin;
-    return shapes
-        .filter(({ bounds: b }) => {
-        const bx2 = b.x + b.width;
-        const by2 = b.y + b.height;
-        return bx2 >= vx && b.x <= vr && by2 >= vy && b.y <= vb;
-    })
-        .map(({ shape }) => shape);
+  const vx = viewport.x - margin;
+  const vy = viewport.y - margin;
+  const vr = viewport.x + viewport.width + margin;
+  const vb = viewport.y + viewport.height + margin;
+  return shapes.filter(({ bounds: b }) => {
+    const bx2 = b.x + b.width;
+    const by2 = b.y + b.height;
+    return bx2 >= vx && b.x <= vr && by2 >= vy && b.y <= vb;
+  }).map(({ shape }) => shape);
 }
-/**
- * Spatial hash grid for fast shape lookup.
- * Greatly speeds up rendering and hit-testing with many shapes.
- */
 class SpatialHashGrid {
-    constructor(cellSize = 200) {
-        this.cellSize = cellSize;
-        this.cells = new Map();
-    }
-    cellKey(cx, cy) {
-        return `${cx},${cy}`;
-    }
-    /** Insert a shape into the grid. */
-    insert(shape, bounds) {
-        const x0 = Math.floor(bounds.x / this.cellSize);
-        const y0 = Math.floor(bounds.y / this.cellSize);
-        const x1 = Math.floor((bounds.x + bounds.width) / this.cellSize);
-        const y1 = Math.floor((bounds.y + bounds.height) / this.cellSize);
-        const vs = { shape, bounds };
-        for (let cx = x0; cx <= x1; cx++) {
-            for (let cy = y0; cy <= y1; cy++) {
-                const key = this.cellKey(cx, cy);
-                const cell = this.cells.get(key);
-                if (cell) {
-                    cell.push(vs);
-                }
-                else {
-                    this.cells.set(key, [vs]);
-                }
-            }
+  constructor(cellSize = 200) {
+    this.cellSize = cellSize;
+    this.cells = /* @__PURE__ */ new Map();
+  }
+  cellKey(cx, cy) {
+    return `${cx},${cy}`;
+  }
+  /** Insert a shape into the grid. */
+  insert(shape, bounds) {
+    const x0 = Math.floor(bounds.x / this.cellSize);
+    const y0 = Math.floor(bounds.y / this.cellSize);
+    const x1 = Math.floor((bounds.x + bounds.width) / this.cellSize);
+    const y1 = Math.floor((bounds.y + bounds.height) / this.cellSize);
+    const vs = { shape, bounds };
+    for (let cx = x0; cx <= x1; cx++) {
+      for (let cy = y0; cy <= y1; cy++) {
+        const key = this.cellKey(cx, cy);
+        const cell = this.cells.get(key);
+        if (cell) {
+          cell.push(vs);
+        } else {
+          this.cells.set(key, [vs]);
         }
+      }
     }
-    /** Query shapes overlapping the given viewport. */
-    query(viewport) {
-        const x0 = Math.floor(viewport.x / this.cellSize);
-        const y0 = Math.floor(viewport.y / this.cellSize);
-        const x1 = Math.floor((viewport.x + viewport.width) / this.cellSize);
-        const y1 = Math.floor((viewport.y + viewport.height) / this.cellSize);
-        const seen = new Set();
-        const result = [];
-        for (let cx = x0; cx <= x1; cx++) {
-            for (let cy = y0; cy <= y1; cy++) {
-                const cell = this.cells.get(this.cellKey(cx, cy));
-                if (!cell) {
-                    continue;
-                }
-                for (const vs of cell) {
-                    if (!seen.has(vs.shape)) {
-                        seen.add(vs.shape);
-                        result.push(vs.shape);
-                    }
-                }
-            }
+  }
+  /** Query shapes overlapping the given viewport. */
+  query(viewport) {
+    const x0 = Math.floor(viewport.x / this.cellSize);
+    const y0 = Math.floor(viewport.y / this.cellSize);
+    const x1 = Math.floor((viewport.x + viewport.width) / this.cellSize);
+    const y1 = Math.floor((viewport.y + viewport.height) / this.cellSize);
+    const seen = /* @__PURE__ */ new Set();
+    const result = [];
+    for (let cx = x0; cx <= x1; cx++) {
+      for (let cy = y0; cy <= y1; cy++) {
+        const cell = this.cells.get(this.cellKey(cx, cy));
+        if (!cell) {
+          continue;
         }
-        return result;
-    }
-    /** Remove all shapes from the grid. */
-    clear() {
-        this.cells.clear();
-    }
-    /** Rebuild the grid from a list of shapes. */
-    rebuild(shapes) {
-        this.clear();
-        for (const vs of shapes) {
-            this.insert(vs.shape, vs.bounds);
+        for (const vs of cell) {
+          if (!seen.has(vs.shape)) {
+            seen.add(vs.shape);
+            result.push(vs.shape);
+          }
         }
+      }
+    }
+    return result;
+  }
+  /** Remove all shapes from the grid. */
+  clear() {
+    this.cells.clear();
+  }
+  /** Rebuild the grid from a list of shapes. */
+  rebuild(shapes) {
+    this.clear();
+    for (const vs of shapes) {
+      this.insert(vs.shape, vs.bounds);
     }
+  }
 }
-// ── Animation Memory Leak Prevention ────────────────────────────
-/**
- * Track requestAnimationFrame IDs and timers for proper cleanup.
- */
 class AnimationCleanup {
-    constructor() {
-        this.rafIds = new Set();
-        this.timerIds = new Set();
-        this.intervalIds = new Set();
-        this.disposed = false;
+  constructor() {
+    this.rafIds = /* @__PURE__ */ new Set();
+    this.timerIds = /* @__PURE__ */ new Set();
+    this.intervalIds = /* @__PURE__ */ new Set();
+    this.disposed = false;
+  }
+  /** Wraps requestAnimationFrame with tracking. */
+  requestAnimationFrame(cb) {
+    if (this.disposed) {
+      return -1;
     }
-    /** Wraps requestAnimationFrame with tracking. */
-    requestAnimationFrame(cb) {
-        if (this.disposed) {
-            return -1;
-        }
-        const id = window.requestAnimationFrame((time) => {
-            this.rafIds.delete(id);
-            if (!this.disposed) {
-                cb(time);
-            }
-        });
-        this.rafIds.add(id);
-        return id;
+    const id = window.requestAnimationFrame((time) => {
+      this.rafIds.delete(id);
+      if (!this.disposed) {
+        cb(time);
+      }
+    });
+    this.rafIds.add(id);
+    return id;
+  }
+  /** Wraps setTimeout with tracking. */
+  setTimeout(cb, ms) {
+    if (this.disposed) {
+      return null;
     }
-    /** Wraps setTimeout with tracking. */
-    setTimeout(cb, ms) {
-        if (this.disposed) {
-            return null;
-        }
-        const id = setTimeout(() => {
-            this.timerIds.delete(id);
-            if (!this.disposed) {
-                cb();
-            }
-        }, ms);
-        this.timerIds.add(id);
-        return id;
+    const id = setTimeout(() => {
+      this.timerIds.delete(id);
+      if (!this.disposed) {
+        cb();
+      }
+    }, ms);
+    this.timerIds.add(id);
+    return id;
+  }
+  /** Wraps setInterval with tracking. */
+  setInterval(cb, ms) {
+    if (this.disposed) {
+      return null;
     }
-    /** Wraps setInterval with tracking. */
-    setInterval(cb, ms) {
-        if (this.disposed) {
-            return null;
-        }
-        const id = setInterval(() => {
-            if (this.disposed) {
-                clearInterval(id);
-                return;
-            }
-            cb();
-        }, ms);
-        this.intervalIds.add(id);
-        return id;
+    const id = setInterval(() => {
+      if (this.disposed) {
+        clearInterval(id);
+        return;
+      }
+      cb();
+    }, ms);
+    this.intervalIds.add(id);
+    return id;
+  }
+  /** Cancel all tracked timers and animation frames. */
+  dispose() {
+    this.disposed = true;
+    for (const id of this.rafIds) {
+      window.cancelAnimationFrame(id);
     }
-    /** Cancel all tracked timers and animation frames. */
-    dispose() {
-        this.disposed = true;
-        for (const id of this.rafIds) {
-            window.cancelAnimationFrame(id);
-        }
-        for (const id of this.timerIds) {
-            clearTimeout(id);
-        }
-        for (const id of this.intervalIds) {
-            clearInterval(id);
-        }
-        this.rafIds.clear();
-        this.timerIds.clear();
-        this.intervalIds.clear();
+    for (const id of this.timerIds) {
+      clearTimeout(id);
+    }
+    for (const id of this.intervalIds) {
+      clearInterval(id);
     }
+    this.rafIds.clear();
+    this.timerIds.clear();
+    this.intervalIds.clear();
+  }
 }
-
-export { AnimationCleanup, SpatialHashGrid, retinaMousePosition, setupRetinaCanvas, virtualizeShapes };
+export {
+  AnimationCleanup,
+  SpatialHashGrid,
+  retinaMousePosition,
+  setupRetinaCanvas,
+  virtualizeShapes
+};