@nice2dev/ui-3d 1.3.15 → 1.3.17

package/dist/esm/model/cadModeUtils.js

@@ -1,102 +1,109 @@
-import * as THREE from 'three';
-
-/**
- * cadModeUtils.ts — CAD-style design utilities for ModelEditor.
- *
- * Provides: wall/floor/room drawing, dimension annotations,
- * snap-to-grid, measurement overlay, DXF import/export,
- * floor plan tools — inspired by AutoCAD & ArchiCAD.
- */
-/* ════════════════════════════════════════════════════════════════
-   CONSTANTS
-   ════════════════════════════════════════════════════════════════ */
+import * as THREE from "three";
 const DEFAULT_CAD_SETTINGS = {
-    grid: {
-        enabled: true,
-        spacing: 1,
-        subdivisions: 10,
-        unit: 'm',
-        showLabels: true,
-        color: '#444466',
-        subColor: '#333344',
-    },
-    snapModes: ['grid', 'endpoint', 'midpoint', 'intersection'],
-    snapRadius: 0.15,
-    defaultWallHeight: 2.8,
-    defaultWallThickness: 0.2,
-    defaultDoorWidth: 0.9,
-    defaultDoorHeight: 2.1,
-    defaultWindowWidth: 1.2,
-    defaultWindowHeight: 1.4,
-    defaultWindowSill: 0.9,
-    unit: 'm',
-    precision: 2,
-    orthogonalLock: false,
-    showDimensions: true,
-    currentFloor: 0,
+  grid: {
+    enabled: true,
+    spacing: 1,
+    subdivisions: 10,
+    unit: "m",
+    showLabels: true,
+    color: "#444466",
+    subColor: "#333344"
+  },
+  snapModes: ["grid", "endpoint", "midpoint", "intersection"],
+  snapRadius: 0.15,
+  defaultWallHeight: 2.8,
+  defaultWallThickness: 0.2,
+  defaultDoorWidth: 0.9,
+  defaultDoorHeight: 2.1,
+  defaultWindowWidth: 1.2,
+  defaultWindowHeight: 1.4,
+  defaultWindowSill: 0.9,
+  unit: "m",
+  precision: 2,
+  orthogonalLock: false,
+  showDimensions: true,
+  currentFloor: 0
 };
 const UNIT_SCALES = {
-    mm: 0.001,
-    cm: 0.01,
-    m: 1,
-    in: 0.0254,
-    ft: 0.3048,
+  mm: 1e-3,
+  cm: 0.01,
+  m: 1,
+  in: 0.0254,
+  ft: 0.3048
 };
 const ROOM_COLORS = {
-    living: '#e8d5b0',
-    bedroom: '#c5d8e8',
-    bathroom: '#b0dde8',
-    kitchen: '#e8d0b5',
-    dining: '#d8c8a8',
-    office: '#c8d5c0',
-    garage: '#c0c0c0',
-    hallway: '#d5d0c8',
-    closet: '#d8cbe8',
-    laundry: '#b8d8d0',
-    balcony: '#c0e0c0',
-    stairwell: '#d0c8b8',
-    custom: '#d0d0d0',
+  living: "#e8d5b0",
+  bedroom: "#c5d8e8",
+  bathroom: "#b0dde8",
+  kitchen: "#e8d0b5",
+  dining: "#d8c8a8",
+  office: "#c8d5c0",
+  garage: "#c0c0c0",
+  hallway: "#d5d0c8",
+  closet: "#d8cbe8",
+  laundry: "#b8d8d0",
+  balcony: "#c0e0c0",
+  stairwell: "#d0c8b8",
+  custom: "#d0d0d0"
 };
 const WALL_MATERIALS = [
-    { id: 'concrete', name: 'Concrete', color: '#b8b8b8' },
-    { id: 'brick', name: 'Brick', color: '#c07050' },
-    { id: 'drywall', name: 'Drywall', color: '#f0e8d8' },
-    { id: 'glass', name: 'Glass', color: '#c8e0f0' },
-    { id: 'wood', name: 'Wood Panel', color: '#c8a060' },
-    { id: 'stone', name: 'Stone', color: '#a0a098' },
-    { id: 'metal', name: 'Metal Panel', color: '#b0b0b8' },
+  { id: "concrete", name: "Concrete", color: "#b8b8b8" },
+  { id: "brick", name: "Brick", color: "#c07050" },
+  { id: "drywall", name: "Drywall", color: "#f0e8d8" },
+  { id: "glass", name: "Glass", color: "#c8e0f0" },
+  { id: "wood", name: "Wood Panel", color: "#c8a060" },
+  { id: "stone", name: "Stone", color: "#a0a098" },
+  { id: "metal", name: "Metal Panel", color: "#b0b0b8" }
 ];
 const FLOOR_MATERIALS = [
-    { id: 'hardwood', name: 'Hardwood', color: '#c09050' },
-    { id: 'tile-white', name: 'White Tile', color: '#f0f0f0' },
-    { id: 'tile-grey', name: 'Grey Tile', color: '#b0b0b0' },
-    { id: 'carpet', name: 'Carpet', color: '#908070' },
-    { id: 'marble', name: 'Marble', color: '#e8e0d8' },
-    { id: 'concrete', name: 'Polished Concrete', color: '#c0c0c0' },
-    { id: 'laminate', name: 'Laminate', color: '#d0b080' },
-    { id: 'vinyl', name: 'Vinyl', color: '#d0d0c8' },
+  { id: "hardwood", name: "Hardwood", color: "#c09050" },
+  { id: "tile-white", name: "White Tile", color: "#f0f0f0" },
+  { id: "tile-grey", name: "Grey Tile", color: "#b0b0b0" },
+  { id: "carpet", name: "Carpet", color: "#908070" },
+  { id: "marble", name: "Marble", color: "#e8e0d8" },
+  { id: "concrete", name: "Polished Concrete", color: "#c0c0c0" },
+  { id: "laminate", name: "Laminate", color: "#d0b080" },
+  { id: "vinyl", name: "Vinyl", color: "#d0d0c8" }
 ];
-/* ════════════════════════════════════════════════════════════════
-   GRID & SNAP
-   ════════════════════════════════════════════════════════════════ */
 function createCADGrid(settings) {
-    const group = new THREE.Group();
-    group.name = '__cadGrid';
-    const size = settings.spacing * 50;
-    const mainGrid = new THREE.GridHelper(size * 2, Math.floor((size * 2) / settings.spacing), settings.color, settings.subColor);
-    mainGrid.position.y = 0.001;
-    group.add(mainGrid);
-    if (settings.subdivisions > 1) {
-        const subSize = settings.spacing / settings.subdivisions;
-        const subGrid = new THREE.GridHelper(size * 2, Math.floor((size * 2) / subSize), settings.subColor, `${settings.subColor}44`);
-        subGrid.position.y = 0;
-        group.add(subGrid);
-    }
-    return group;
+  const group = new THREE.Group();
+  group.name = "__cadGrid";
+  const size = settings.spacing * 50;
+  const mainGrid = new THREE.GridHelper(
+    size * 2,
+    Math.floor(size * 2 / settings.spacing),
+    settings.color,
+    settings.subColor
+  );
+  mainGrid.position.y = 1e-3;
+  group.add(mainGrid);
+  if (settings.subdivisions > 1) {
+    const subSize = settings.spacing / settings.subdivisions;
+    const subGrid = new THREE.GridHelper(
+      size * 2,
+      Math.floor(size * 2 / subSize),
+      settings.subColor,
+      `${settings.subColor}44`
+    );
+    subGrid.position.y = 0;
+    group.add(subGrid);
+  }
+  return group;
 }
 function snapToCADGrid(point, settings) {
-    const snap = settings.grid.spacing / settings.grid.subdivisions;
-    return new THREE.Vector3(Math.round(point.x / snap) * snap, Math.round(point.y / snap) * snap, Math.round(point.z / snap) * snap);
+  const snap = settings.grid.spacing / settings.grid.subdivisions;
+  return new THREE.Vector3(
+    Math.round(point.x / snap) * snap,
+    Math.round(point.y / snap) * snap,
+    Math.round(point.z / snap) * snap
+  );
 }
-
-export { DEFAULT_CAD_SETTINGS, FLOOR_MATERIALS, ROOM_COLORS, UNIT_SCALES, WALL_MATERIALS, createCADGrid, snapToCADGrid };
+export {
+  DEFAULT_CAD_SETTINGS,
+  FLOOR_MATERIALS,
+  ROOM_COLORS,
+  UNIT_SCALES,
+  WALL_MATERIALS,
+  createCADGrid,
+  snapToCADGrid
+};

package/dist/esm/model/editorShortcuts.js

@@ -1,218 +1,197 @@
-/**
- * editorShortcuts.ts — Customizable keyboard shortcuts for the 3D ModelEditor.
- *
- * Features:
- * - Pre-configured default shortcuts matching current ModelEditor
- * - Rebindable keys with persistence support
- * - Shortcut categories for organized display
- * - Conflict detection
- */
-/* ═══════════════════════════════════════════
-   Helpers
-   ═══════════════════════════════════════════ */
 function normalizeKey(key) {
-    return key.length === 1 ? key.toLowerCase() : key;
+  return key.length === 1 ? key.toLowerCase() : key;
 }
 function bindingEquals(a, b) {
-    return (normalizeKey(a.key) === normalizeKey(b.key) &&
-        !!a.ctrl === !!b.ctrl &&
-        !!a.shift === !!b.shift &&
-        !!a.alt === !!b.alt &&
-        !!a.meta === !!b.meta);
+  return normalizeKey(a.key) === normalizeKey(b.key) && !!a.ctrl === !!b.ctrl && !!a.shift === !!b.shift && !!a.alt === !!b.alt && !!a.meta === !!b.meta;
 }
 function eventToBinding(e) {
-    return {
-        key: e.key,
-        ctrl: e.ctrlKey || e.metaKey,
-        shift: e.shiftKey,
-        alt: e.altKey,
-    };
+  return {
+    key: e.key,
+    ctrl: e.ctrlKey || e.metaKey,
+    shift: e.shiftKey,
+    alt: e.altKey
+  };
 }
-/* ═══════════════════════════════════════════
-   Default Shortcuts
-   ═══════════════════════════════════════════ */
 const DEFAULT_SHORTCUTS = [
-    // Transform
-    {
-        id: 'transform.translate',
-        label: 'Move (Translate)',
-        category: 'Transform',
-        binding: { key: 'g' },
-    },
-    { id: 'transform.rotate', label: 'Rotate', category: 'Transform', binding: { key: 'r' } },
-    { id: 'transform.scale', label: 'Scale', category: 'Transform', binding: { key: 's' } },
-    {
-        id: 'transform.delete',
-        label: 'Delete Selected',
-        category: 'Transform',
-        binding: { key: 'Delete' },
-    },
-    {
-        id: 'transform.deleteAlt',
-        label: 'Delete (Ctrl+X)',
-        category: 'Transform',
-        binding: { key: 'x', ctrl: true },
-    },
-    {
-        id: 'transform.duplicate',
-        label: 'Duplicate',
-        category: 'Transform',
-        binding: { key: 'd', shift: true },
-    },
-    // Camera
-    { id: 'camera.focus', label: 'Focus on Object', category: 'Camera', binding: { key: 'f' } },
-    { id: 'camera.front', label: 'Front View', category: 'Camera', binding: { key: '1' } },
-    { id: 'camera.right', label: 'Right View', category: 'Camera', binding: { key: '3' } },
-    { id: 'camera.top', label: 'Top View', category: 'Camera', binding: { key: '7' } },
-    { id: 'camera.left', label: 'Left View', category: 'Camera', binding: { key: '4' } },
-    { id: 'camera.back', label: 'Back View', category: 'Camera', binding: { key: '9' } },
-    { id: 'camera.bottom', label: 'Bottom View', category: 'Camera', binding: { key: '2' } },
-    // Animation
-    { id: 'anim.playPause', label: 'Play / Pause', category: 'Animation', binding: { key: ' ' } },
-    // Edit
-    { id: 'edit.undo', label: 'Undo', category: 'Edit', binding: { key: 'z', ctrl: true } },
-    { id: 'edit.redo', label: 'Redo', category: 'Edit', binding: { key: 'y', ctrl: true } },
-    {
-        id: 'edit.redoAlt',
-        label: 'Redo (Ctrl+Shift+Z)',
-        category: 'Edit',
-        binding: { key: 'z', ctrl: true, shift: true },
-    },
-    // Mode
-    { id: 'mode.cycle', label: 'Cycle Editor Mode', category: 'Mode', binding: { key: 'Tab' } },
-    { id: 'mode.escape', label: 'Close/Cancel', category: 'Mode', binding: { key: 'Escape' } },
+  // Transform
+  {
+    id: "transform.translate",
+    label: "Move (Translate)",
+    category: "Transform",
+    binding: { key: "g" }
+  },
+  { id: "transform.rotate", label: "Rotate", category: "Transform", binding: { key: "r" } },
+  { id: "transform.scale", label: "Scale", category: "Transform", binding: { key: "s" } },
+  {
+    id: "transform.delete",
+    label: "Delete Selected",
+    category: "Transform",
+    binding: { key: "Delete" }
+  },
+  {
+    id: "transform.deleteAlt",
+    label: "Delete (Ctrl+X)",
+    category: "Transform",
+    binding: { key: "x", ctrl: true }
+  },
+  {
+    id: "transform.duplicate",
+    label: "Duplicate",
+    category: "Transform",
+    binding: { key: "d", shift: true }
+  },
+  // Camera
+  { id: "camera.focus", label: "Focus on Object", category: "Camera", binding: { key: "f" } },
+  { id: "camera.front", label: "Front View", category: "Camera", binding: { key: "1" } },
+  { id: "camera.right", label: "Right View", category: "Camera", binding: { key: "3" } },
+  { id: "camera.top", label: "Top View", category: "Camera", binding: { key: "7" } },
+  { id: "camera.left", label: "Left View", category: "Camera", binding: { key: "4" } },
+  { id: "camera.back", label: "Back View", category: "Camera", binding: { key: "9" } },
+  { id: "camera.bottom", label: "Bottom View", category: "Camera", binding: { key: "2" } },
+  // Animation
+  { id: "anim.playPause", label: "Play / Pause", category: "Animation", binding: { key: " " } },
+  // Edit
+  { id: "edit.undo", label: "Undo", category: "Edit", binding: { key: "z", ctrl: true } },
+  { id: "edit.redo", label: "Redo", category: "Edit", binding: { key: "y", ctrl: true } },
+  {
+    id: "edit.redoAlt",
+    label: "Redo (Ctrl+Shift+Z)",
+    category: "Edit",
+    binding: { key: "z", ctrl: true, shift: true }
+  },
+  // Mode
+  { id: "mode.cycle", label: "Cycle Editor Mode", category: "Mode", binding: { key: "Tab" } },
+  { id: "mode.escape", label: "Close/Cancel", category: "Mode", binding: { key: "Escape" } }
 ];
-/* ═══════════════════════════════════════════
-   EditorShortcutManager
-   ═══════════════════════════════════════════ */
 class EditorShortcutManager {
-    constructor() {
-        this.shortcuts = new Map();
-        this.callbacks = new Map();
-        for (const def of DEFAULT_SHORTCUTS) {
-            this.shortcuts.set(def.id, { ...def, enabled: true });
-        }
+  constructor() {
+    this.shortcuts = /* @__PURE__ */ new Map();
+    this.callbacks = /* @__PURE__ */ new Map();
+    for (const def of DEFAULT_SHORTCUTS) {
+      this.shortcuts.set(def.id, { ...def, enabled: true });
     }
-    /** Register a callback for a shortcut ID. */
-    on(id, callback) {
-        this.callbacks.set(id, callback);
+  }
+  /** Register a callback for a shortcut ID. */
+  on(id, callback) {
+    this.callbacks.set(id, callback);
+  }
+  /** Unregister a callback. */
+  off(id) {
+    this.callbacks.delete(id);
+  }
+  /** Rebind a shortcut to a new key combination. */
+  rebind(id, binding) {
+    const shortcut = this.shortcuts.get(id);
+    if (shortcut) {
+      shortcut.binding = binding;
     }
-    /** Unregister a callback. */
-    off(id) {
-        this.callbacks.delete(id);
+  }
+  /** Enable/disable a shortcut. */
+  setEnabled(id, enabled) {
+    const shortcut = this.shortcuts.get(id);
+    if (shortcut) {
+      shortcut.enabled = enabled;
     }
-    /** Rebind a shortcut to a new key combination. */
-    rebind(id, binding) {
-        const shortcut = this.shortcuts.get(id);
-        if (shortcut) {
-            shortcut.binding = binding;
-        }
+  }
+  /** Reset all bindings to defaults. */
+  resetAll() {
+    this.shortcuts.clear();
+    for (const def of DEFAULT_SHORTCUTS) {
+      this.shortcuts.set(def.id, { ...def, enabled: true });
     }
-    /** Enable/disable a shortcut. */
-    setEnabled(id, enabled) {
-        const shortcut = this.shortcuts.get(id);
-        if (shortcut) {
-            shortcut.enabled = enabled;
-        }
+  }
+  /** Get all shortcuts grouped by category. */
+  getGrouped() {
+    const groups = {};
+    for (const s of this.shortcuts.values()) {
+      if (!groups[s.category]) {
+        groups[s.category] = [];
+      }
+      groups[s.category].push(s);
     }
-    /** Reset all bindings to defaults. */
-    resetAll() {
-        this.shortcuts.clear();
-        for (const def of DEFAULT_SHORTCUTS) {
-            this.shortcuts.set(def.id, { ...def, enabled: true });
+    return groups;
+  }
+  /** Get all shortcuts as a flat array. */
+  getAll() {
+    return [...this.shortcuts.values()];
+  }
+  /** Find conflicts (two shortcuts with the same binding). */
+  findConflicts() {
+    const conflicts = [];
+    const entries = [...this.shortcuts.values()];
+    for (let i = 0; i < entries.length; i++) {
+      for (let j = i + 1; j < entries.length; j++) {
+        if (bindingEquals(entries[i].binding, entries[j].binding)) {
+          conflicts.push([entries[i], entries[j]]);
         }
+      }
     }
-    /** Get all shortcuts grouped by category. */
-    getGrouped() {
-        const groups = {};
-        for (const s of this.shortcuts.values()) {
-            if (!groups[s.category]) {
-                groups[s.category] = [];
-            }
-            groups[s.category].push(s);
-        }
-        return groups;
+    return conflicts;
+  }
+  /** Export bindings for persistence. */
+  exportConfig() {
+    return [...this.shortcuts.values()].map((s) => ({
+      id: s.id,
+      binding: s.binding
+    }));
+  }
+  /** Import bindings from saved config. */
+  importConfig(configs) {
+    for (const config of configs) {
+      this.rebind(config.id, config.binding);
     }
-    /** Get all shortcuts as a flat array. */
-    getAll() {
-        return [...this.shortcuts.values()];
+  }
+  /** Match a keyboard event to a shortcut and return its ID (or null). */
+  match(e) {
+    const evtBinding = eventToBinding(e);
+    for (const [id, shortcut] of this.shortcuts) {
+      if (!shortcut.enabled) {
+        continue;
+      }
+      if (bindingEquals(evtBinding, shortcut.binding)) {
+        return id;
+      }
     }
-    /** Find conflicts (two shortcuts with the same binding). */
-    findConflicts() {
-        const conflicts = [];
-        const entries = [...this.shortcuts.values()];
-        for (let i = 0; i < entries.length; i++) {
-            for (let j = i + 1; j < entries.length; j++) {
-                if (bindingEquals(entries[i].binding, entries[j].binding)) {
-                    conflicts.push([entries[i], entries[j]]);
-                }
-            }
-        }
-        return conflicts;
+    return null;
+  }
+  /** Handle a keyboard event — fires callback if matched. Returns true if handled. */
+  handleKeyDown(e) {
+    const id = this.match(e);
+    if (!id) {
+      return false;
     }
-    /** Export bindings for persistence. */
-    exportConfig() {
-        return [...this.shortcuts.values()].map((s) => ({
-            id: s.id,
-            binding: s.binding,
-        }));
+    const cb = this.callbacks.get(id);
+    if (cb) {
+      e.preventDefault();
+      cb();
+      return true;
     }
-    /** Import bindings from saved config. */
-    importConfig(configs) {
-        for (const config of configs) {
-            this.rebind(config.id, config.binding);
-        }
+    return false;
+  }
+  /** Format a binding for UI display. */
+  formatBinding(id) {
+    const shortcut = this.shortcuts.get(id);
+    if (!shortcut) {
+      return "";
     }
-    /** Match a keyboard event to a shortcut and return its ID (or null). */
-    match(e) {
-        const evtBinding = eventToBinding(e);
-        for (const [id, shortcut] of this.shortcuts) {
-            if (!shortcut.enabled) {
-                continue;
-            }
-            if (bindingEquals(evtBinding, shortcut.binding)) {
-                return id;
-            }
-        }
-        return null;
+    const b = shortcut.binding;
+    const parts = [];
+    if (b.ctrl) {
+      parts.push("Ctrl");
     }
-    /** Handle a keyboard event — fires callback if matched. Returns true if handled. */
-    handleKeyDown(e) {
-        const id = this.match(e);
-        if (!id) {
-            return false;
-        }
-        const cb = this.callbacks.get(id);
-        if (cb) {
-            e.preventDefault();
-            cb();
-            return true;
-        }
-        return false;
+    if (b.shift) {
+      parts.push("Shift");
     }
-    /** Format a binding for UI display. */
-    formatBinding(id) {
-        const shortcut = this.shortcuts.get(id);
-        if (!shortcut) {
-            return '';
-        }
-        const b = shortcut.binding;
-        const parts = [];
-        if (b.ctrl) {
-            parts.push('Ctrl');
-        }
-        if (b.shift) {
-            parts.push('Shift');
-        }
-        if (b.alt) {
-            parts.push('Alt');
-        }
-        if (b.meta) {
-            parts.push('Meta');
-        }
-        parts.push(b.key === ' ' ? 'Space' : b.key.length === 1 ? b.key.toUpperCase() : b.key);
-        return parts.join('+');
+    if (b.alt) {
+      parts.push("Alt");
+    }
+    if (b.meta) {
+      parts.push("Meta");
     }
+    parts.push(b.key === " " ? "Space" : b.key.length === 1 ? b.key.toUpperCase() : b.key);
+    return parts.join("+");
+  }
 }
-
-export { EditorShortcutManager };
+export {
+  EditorShortcutManager
+};