@nice2dev/ui-3d 1.0.3 → 1.0.5

package/dist/cjs/core/i18n.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 
 const fallback = (_key, defaultValue) => defaultValue;
-const NiceI18nContext = Ae.createContext(fallback);
+const NiceI18nContext = Ue.createContext(fallback);
 const NiceI18nProvider = ({ t, children }) => (jsxRuntime.jsx(NiceI18nContext.Provider, { value: t, children: children }));
 function useNiceTranslation() {
-    const t = Ae.useContext(NiceI18nContext);
+    const t = Ue.useContext(NiceI18nContext);
     return { t };
 }
 

package/dist/cjs/dance/DanceBridge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Ae = require('react');
+var Ue = require('react');
 var DanceScoreEngine = require('./DanceScoreEngine.js');
 
 /**
@@ -113,13 +113,13 @@ class DanceBridge {
 }
 // ── React hook: useDanceBridge ──────────────────────────────────
 function useDanceBridge(config, callbacks) {
-    const bridgeRef = Ae.useRef(null);
-    const [state, setState] = Ae.useState('idle');
-    const [lastScore, setLastScore] = Ae.useState(null);
-    const [result, setResult] = Ae.useState(null);
-    const [combo, setCombo] = Ae.useState(0);
-    const [progress, setProgress] = Ae.useState(0);
-    Ae.useEffect(() => {
+    const bridgeRef = Ue.useRef(null);
+    const [state, setState] = Ue.useState('idle');
+    const [lastScore, setLastScore] = Ue.useState(null);
+    const [result, setResult] = Ue.useState(null);
+    const [combo, setCombo] = Ue.useState(0);
+    const [progress, setProgress] = Ue.useState(0);
+    Ue.useEffect(() => {
         if (!config) {
             bridgeRef.current = null;
             return;
@@ -134,11 +134,11 @@ function useDanceBridge(config, callbacks) {
         return () => { bridgeRef.current = null; };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [config]);
-    const start = Ae.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.start(); }, []);
-    const pause = Ae.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.pause(); }, []);
-    const resume = Ae.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.resume(); }, []);
-    const stop = Ae.useCallback(() => { var _a, _b; return (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.stop()) !== null && _b !== void 0 ? _b : null; }, []);
-    const feedFrame = Ae.useCallback((frame) => {
+    const start = Ue.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.start(); }, []);
+    const pause = Ue.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.pause(); }, []);
+    const resume = Ue.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.resume(); }, []);
+    const stop = Ue.useCallback(() => { var _a, _b; return (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.stop()) !== null && _b !== void 0 ? _b : null; }, []);
+    const feedFrame = Ue.useCallback((frame) => {
         var _a, _b;
         const score = (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.feedFrame(frame)) !== null && _b !== void 0 ? _b : null;
         if (bridgeRef.current)

package/dist/cjs/dance/DanceScoreEngine.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Ae = require('react');
+var Ue = require('react');
 
 // ── Default config ──────────────────────────────────────────────
 const DEFAULT_CONFIG = {
@@ -179,25 +179,25 @@ class DanceScoreEngine {
     }
 }
 function useDanceScore(config) {
-    const engineRef = Ae.useRef(new DanceScoreEngine(config));
-    const [lastScore, setLastScore] = Ae.useState(null);
-    const [result, setResult] = Ae.useState(null);
-    const loadReference = Ae.useCallback((seq) => {
+    const engineRef = Ue.useRef(new DanceScoreEngine(config));
+    const [lastScore, setLastScore] = Ue.useState(null);
+    const [result, setResult] = Ue.useState(null);
+    const loadReference = Ue.useCallback((seq) => {
         engineRef.current.loadReference(seq);
         setLastScore(null);
         setResult(null);
     }, []);
-    const scoreFrame = Ae.useCallback((frame) => {
+    const scoreFrame = Ue.useCallback((frame) => {
         const score = engineRef.current.scoreFrame(frame);
         setLastScore(score);
         return score;
     }, []);
-    const finish = Ae.useCallback(() => {
+    const finish = Ue.useCallback(() => {
         const r = engineRef.current.getResult();
         setResult(r);
         return r;
     }, []);
-    const reset = Ae.useCallback(() => {
+    const reset = Ue.useCallback(() => {
         engineRef.current.reset();
         setLastScore(null);
         setResult(null);

package/dist/cjs/dance/PoseDetector.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 
 // ── Standard keypoint definitions (COCO 17-keypoint model) ──────
 const COCO_KEYPOINTS = [
@@ -31,14 +31,14 @@ function createSimulatedKeypoints() {
 // ── Hook: usePoseDetection ──────────────────────────────────────
 function usePoseDetection(config = {}) {
     const { maxPersons = 1, minConfidence = 0.5, targetFps = 30, } = config;
-    const [isDetecting, setIsDetecting] = Ae.useState(false);
-    const latestFrameRef = Ae.useRef(null);
-    const frameIndexRef = Ae.useRef(0);
-    const rafRef = Ae.useRef(0);
-    const streamRef = Ae.useRef(null);
-    const videoRef = Ae.useRef(null);
-    const callbackRef = Ae.useRef(null);
-    const processFrame = Ae.useCallback(() => {
+    const [isDetecting, setIsDetecting] = Ue.useState(false);
+    const latestFrameRef = Ue.useRef(null);
+    const frameIndexRef = Ue.useRef(0);
+    const rafRef = Ue.useRef(0);
+    const streamRef = Ue.useRef(null);
+    const videoRef = Ue.useRef(null);
+    const callbackRef = Ue.useRef(null);
+    const processFrame = Ue.useCallback(() => {
         var _a;
         if (!videoRef.current || videoRef.current.readyState < 2) {
             rafRef.current = requestAnimationFrame(processFrame);
@@ -64,7 +64,7 @@ function usePoseDetection(config = {}) {
         (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, frame);
         rafRef.current = requestAnimationFrame(processFrame);
     }, [maxPersons, minConfidence, targetFps]);
-    const start = Ae.useCallback(async (video, onFrame) => {
+    const start = Ue.useCallback(async (video, onFrame) => {
         try {
             const stream = await navigator.mediaDevices.getUserMedia({
                 video: { facingMode: 'user', width: { ideal: 640 }, height: { ideal: 480 } },
@@ -82,7 +82,7 @@ function usePoseDetection(config = {}) {
             throw new Error(`Camera access failed: ${err instanceof Error ? err.message : String(err)}`);
         }
     }, [processFrame]);
-    const stop = Ae.useCallback(() => {
+    const stop = Ue.useCallback(() => {
         var _a;
         cancelAnimationFrame(rafRef.current);
         (_a = streamRef.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(t => t.stop());
@@ -91,22 +91,22 @@ function usePoseDetection(config = {}) {
             videoRef.current.srcObject = null;
         setIsDetecting(false);
     }, []);
-    Ae.useEffect(() => () => { stop(); }, [stop]);
+    Ue.useEffect(() => () => { stop(); }, [stop]);
     return { start, stop, isDetecting, getLatestFrame: () => latestFrameRef.current };
 }
 // ── Component: PoseDetector ─────────────────────────────────────
-const NicePoseDetector = Ae.forwardRef(function NicePoseDetector(props, ref) {
+const NicePoseDetector = Ue.forwardRef(function NicePoseDetector(props, ref) {
     const { onFrame, onStart, onStop, onError, className, style, width = 640, height = 480, mirror = true, showSkeleton = true, showConfidence = false, ...config } = props;
-    const videoRef = Ae.useRef(null);
-    const canvasRef = Ae.useRef(null);
+    const videoRef = Ue.useRef(null);
+    const canvasRef = Ue.useRef(null);
     const detection = usePoseDetection(config);
-    Ae.useImperativeHandle(ref, () => ({
+    Ue.useImperativeHandle(ref, () => ({
         start: handleStart,
         stop: handleStop,
         getLatestFrame: detection.getLatestFrame,
         get isDetecting() { return detection.isDetecting; },
     }));
-    const drawSkeleton = Ae.useCallback((frame) => {
+    const drawSkeleton = Ue.useCallback((frame) => {
         var _a, _b, _c, _d, _e, _f;
         const ctx = (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.getContext('2d');
         if (!ctx || !canvasRef.current)
@@ -144,11 +144,11 @@ const NicePoseDetector = Ae.forwardRef(function NicePoseDetector(props, ref) {
             }
         }
     }, [showSkeleton, showConfidence]);
-    const handleFrame = Ae.useCallback((frame) => {
+    const handleFrame = Ue.useCallback((frame) => {
         drawSkeleton(frame);
         onFrame === null || onFrame === void 0 ? void 0 : onFrame(frame);
     }, [drawSkeleton, onFrame]);
-    const handleStart = Ae.useCallback(async () => {
+    const handleStart = Ue.useCallback(async () => {
         try {
             if (videoRef.current) {
                 await detection.start(videoRef.current, handleFrame);
@@ -159,7 +159,7 @@ const NicePoseDetector = Ae.forwardRef(function NicePoseDetector(props, ref) {
             onError === null || onError === void 0 ? void 0 : onError(err instanceof Error ? err : new Error(String(err)));
         }
     }, [detection, handleFrame, onStart, onError]);
-    const handleStop = Ae.useCallback(() => {
+    const handleStop = Ue.useCallback(() => {
         detection.stop();
         onStop === null || onStop === void 0 ? void 0 : onStop();
     }, [detection, onStop]);

package/dist/cjs/material/NiceMaterialEditor.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var materialEditorTypes = require('./materialEditorTypes.js');
 var materialNodeDefinitions = require('./materialNodeDefinitions.js');
 var materialEditorUtils = require('./materialEditorUtils.js');
@@ -338,9 +338,9 @@ function materialEditorReducer(state, action) {
    Hook: useMaterialEditor
    ═══════════════════════════════════════════════════════════════════════════ */
 function useMaterialEditor(initialGraph) {
-    const [state, dispatch] = Ae.useReducer(materialEditorReducer, initialGraph, createInitialState);
+    const [state, dispatch] = Ue.useReducer(materialEditorReducer, initialGraph, createInitialState);
     // Auto-compile when graph changes
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (state.autoCompile && !state.compiling) {
             const timeout = setTimeout(() => {
                 dispatch({ type: 'COMPILE' });
@@ -356,7 +356,7 @@ function NodePalette({ searchQuery, expandedCategories, onSearch, onToggleCatego
     const filteredNodes = searchQuery
         ? materialNodeDefinitions.searchNodes(searchQuery)
         : materialNodeDefinitions.MATERIAL_NODE_DEFINITIONS;
-    const categories = Ae.useMemo(() => {
+    const categories = Ue.useMemo(() => {
         const cats = new Map();
         for (const node of filteredNodes) {
             if (!cats.has(node.category)) {
@@ -369,9 +369,9 @@ function NodePalette({ searchQuery, expandedCategories, onSearch, onToggleCatego
     return (jsxRuntime.jsxs("div", { className: MaterialEditor_module.palette, children: [jsxRuntime.jsx("div", { className: MaterialEditor_module.paletteSearch, children: jsxRuntime.jsx("input", { type: "text", placeholder: "Search nodes...", value: searchQuery, onChange: e => onSearch(e.target.value), className: MaterialEditor_module.searchInput }) }), jsxRuntime.jsx("div", { className: MaterialEditor_module.paletteCategories, children: Array.from(categories.entries()).map(([category, nodes]) => (jsxRuntime.jsxs("div", { className: MaterialEditor_module.paletteCategory, children: [jsxRuntime.jsxs("button", { className: MaterialEditor_module.categoryHeader, onClick: () => onToggleCategory(category), style: { borderLeftColor: materialEditorTypes.NODE_CATEGORY_COLORS[category] }, children: [jsxRuntime.jsx("span", { className: MaterialEditor_module.categoryIcon, children: expandedCategories.includes(category) ? '▼' : '►' }), jsxRuntime.jsx("span", { children: materialEditorTypes.NODE_CATEGORY_NAMES[category] }), jsxRuntime.jsx("span", { className: MaterialEditor_module.categoryCount, children: nodes.length })] }), expandedCategories.includes(category) && (jsxRuntime.jsx("div", { className: MaterialEditor_module.categoryNodes, children: nodes.map(nodeDef => (jsxRuntime.jsxs("div", { className: MaterialEditor_module.paletteNode, draggable: true, onDragStart: e => onDragStart(nodeDef.type, e), onDoubleClick: () => onAddNode(nodeDef.type), title: nodeDef.description, children: [jsxRuntime.jsx("span", { className: MaterialEditor_module.nodeColor, style: { backgroundColor: nodeDef.color || materialEditorTypes.NODE_CATEGORY_COLORS[nodeDef.category] } }), jsxRuntime.jsx("span", { className: MaterialEditor_module.nodeName, children: nodeDef.name })] }, nodeDef.type))) }))] }, category))) })] }));
 }
 function GraphNode({ node, definition, selected, viewTransform, connections, onSelect, onMove, onStartConnection, }) {
-    const nodeRef = Ae.useRef(null);
-    const [isDragging, setIsDragging] = Ae.useState(false);
-    const dragStart = Ae.useRef(null);
+    const nodeRef = Ue.useRef(null);
+    const [isDragging, setIsDragging] = Ue.useState(false);
+    const dragStart = Ue.useRef(null);
     const handleMouseDown = (e) => {
         if (e.button !== 0)
             return;
@@ -384,7 +384,7 @@ function GraphNode({ node, definition, selected, viewTransform, connections, onS
             dragStart.current = { x: e.clientX, y: e.clientY };
         }
     };
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (!isDragging)
             return;
         const handleMouseMove = (e) => {
@@ -441,10 +441,10 @@ function Toolbar({ canUndo, canRedo, canPaste, hasSelection, autoCompile, compil
     return (jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbar, children: [jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onNew, title: "New Material (Ctrl+N)", children: "\uD83D\uDCC4" }), jsxRuntime.jsx("button", { onClick: onImport, title: "Import (Ctrl+O)", children: "\uD83D\uDCC2" }), jsxRuntime.jsx("button", { onClick: onExport, title: "Export (Ctrl+S)", children: "\uD83D\uDCBE" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onUndo, disabled: !canUndo, title: "Undo (Ctrl+Z)", children: "\u21A9\uFE0F" }), jsxRuntime.jsx("button", { onClick: onRedo, disabled: !canRedo, title: "Redo (Ctrl+Y)", children: "\u21AA\uFE0F" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onCut, disabled: !hasSelection, title: "Cut (Ctrl+X)", children: "\u2702\uFE0F" }), jsxRuntime.jsx("button", { onClick: onCopy, disabled: !hasSelection, title: "Copy (Ctrl+C)", children: "\uD83D\uDCCB" }), jsxRuntime.jsx("button", { onClick: onPaste, disabled: !canPaste, title: "Paste (Ctrl+V)", children: "\uD83D\uDCE5" }), jsxRuntime.jsx("button", { onClick: onDuplicate, disabled: !hasSelection, title: "Duplicate (Ctrl+D)", children: "\uD83D\uDD04" }), jsxRuntime.jsx("button", { onClick: onDelete, disabled: !hasSelection, title: "Delete (Del)", children: "\uD83D\uDDD1\uFE0F" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onSelectAll, title: "Select All (Ctrl+A)", children: "\u2B1C" }), jsxRuntime.jsx("button", { onClick: onZoomToFit, title: "Zoom to Fit (F)", children: "\uD83D\uDD0D" }), jsxRuntime.jsx("button", { onClick: onToggleGrid, className: showGrid ? MaterialEditor_module.active : '', title: "Toggle Grid (G)", children: "#" }), jsxRuntime.jsx("button", { onClick: onToggleSnap, className: snapToGrid ? MaterialEditor_module.active : '', title: "Toggle Snap (S)", children: "\uD83E\uDDF2" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onToggleAutoCompile, className: autoCompile ? MaterialEditor_module.active : '', title: "Auto Compile", children: "\u26A1" }), jsxRuntime.jsx("button", { onClick: onCompile, disabled: compiling, title: "Compile (F5)", children: compiling ? '⏳' : '▶️' })] })] }));
 }
 function PreviewPanel({ shader, mode, compiling, onModeChange }) {
-    const canvasRef = Ae.useRef(null);
+    const canvasRef = Ue.useRef(null);
     const previewModes = ['sphere', 'cube', 'plane', 'cylinder', 'torus'];
     // Simple preview rendering (in real implementation would use Three.js)
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas)
             return;
@@ -475,25 +475,25 @@ function PreviewPanel({ shader, mode, compiling, onModeChange }) {
    ═══════════════════════════════════════════════════════════════════════════ */
 function NiceMaterialEditor({ graph: initialGraph, onGraphChange, onCompile, customNodes, textures, width = '100%', height = '600px', readOnly = false, showToolbar = true, showPalette = true, showProperties = true, showPreview = true, previewMode: initialPreviewMode = 'sphere', theme = 'dark', className, }) {
     const { state, dispatch } = useMaterialEditor(initialGraph);
-    const canvasRef = Ae.useRef(null);
-    const [pendingConnection, setPendingConnection] = Ae.useState(null);
+    const canvasRef = Ue.useRef(null);
+    const [pendingConnection, setPendingConnection] = Ue.useState(null);
     // Merge custom node definitions
-    const definitions = Ae.useMemo(() => {
+    const definitions = Ue.useMemo(() => {
         const map = new Map(materialNodeDefinitions.MATERIAL_NODE_MAP);
         customNodes === null || customNodes === void 0 ? void 0 : customNodes.forEach(def => map.set(def.type, def));
         return map;
     }, [customNodes]);
     // Notify parent of changes
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         onGraphChange === null || onGraphChange === void 0 ? void 0 : onGraphChange(state.graph);
     }, [state.graph, onGraphChange]);
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (state.compiledShader) {
             onCompile === null || onCompile === void 0 ? void 0 : onCompile(state.compiledShader);
         }
     }, [state.compiledShader, onCompile]);
     // Keyboard shortcuts
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         const handleKeyDown = (e) => {
             if (readOnly)
                 return;
@@ -553,7 +553,7 @@ function NiceMaterialEditor({ graph: initialGraph, onGraphChange, onCompile, cus
         return () => window.removeEventListener('keydown', handleKeyDown);
     }, [readOnly, state.selectedNodes, dispatch]);
     // Handle wheel zoom
-    const handleWheel = Ae.useCallback((e) => {
+    const handleWheel = Ue.useCallback((e) => {
         var _a;
         e.preventDefault();
         const delta = e.deltaY > 0 ? 0.9 : 1.1;
@@ -571,8 +571,8 @@ function NiceMaterialEditor({ graph: initialGraph, onGraphChange, onCompile, cus
         });
     }, [state.viewTransform, dispatch]);
     // Handle canvas pan
-    const [isPanning, setIsPanning] = Ae.useState(false);
-    const panStart = Ae.useRef(null);
+    const [isPanning, setIsPanning] = Ue.useState(false);
+    const panStart = Ue.useRef(null);
     const handleCanvasMouseDown = (e) => {
         if (e.button === 1 || (e.button === 0 && e.altKey)) {
             setIsPanning(true);

package/dist/cjs/model/ModelEditorLeftPanel.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 var index = require('../ui/dist/index.js');
 
-const ModelEditorLeftPanel = Ae.memo(({ api }) => {
+const ModelEditorLeftPanel = Ue.memo(({ api }) => {
     const { sceneTree, selectedId, outlinerSearch, setOutlinerSearch, selectObject, rebuildTree, toggleNodeExpanded, toggleNodeVisibility, } = api;
     const renderTreeNode = (node, depth) => {
         // Outliner search filter
@@ -24,7 +24,7 @@ const ModelEditorLeftPanel = Ae.memo(({ api }) => {
                 node.type === "light" ? "💡" :
                     node.type === "camera" ? "📷" :
                         node.type === "helper" ? "◇" : "📁";
-        return (jsxRuntime.jsxs(Ae.Fragment, { children: [jsxRuntime.jsxs("div", { className: `${ModelEditor_module.treeItem} ${selectedId === node.id ? ModelEditor_module.treeItemActive : ""}`, style: { paddingLeft: depth * 16 + 4 }, onClick: () => selectObject(node), children: [hasChildren ? (jsxRuntime.jsx("span", { className: ModelEditor_module.treeToggle, onClick: (e) => {
+        return (jsxRuntime.jsxs(Ue.Fragment, { children: [jsxRuntime.jsxs("div", { className: `${ModelEditor_module.treeItem} ${selectedId === node.id ? ModelEditor_module.treeItemActive : ""}`, style: { paddingLeft: depth * 16 + 4 }, onClick: () => selectObject(node), children: [hasChildren ? (jsxRuntime.jsx("span", { className: ModelEditor_module.treeToggle, onClick: (e) => {
                                 e.stopPropagation();
                                 toggleNodeExpanded(node);
                             }, children: node.expanded ? "▼" : "▶" })) : (jsxRuntime.jsx("span", { className: ModelEditor_module.treeToggle })), jsxRuntime.jsx("span", { className: ModelEditor_module.treeIcon, children: icon }), jsxRuntime.jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: node.name }), jsxRuntime.jsx("span", { className: ModelEditor_module.treeVisibility, onClick: (e) => {

package/dist/cjs/model/ModelEditorMenuBar.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 var index = require('../ui/dist/index.js');
 
-const ModelEditorMenuBar = Ae.memo(({ api, hasOnSaveToLibrary }) => {
+const ModelEditorMenuBar = Ue.memo(({ api, hasOnSaveToLibrary }) => {
     const { editorMode, setEditorMode, fileInputRef, mergeInputRef, addMenuOpen, setAddMenuOpen, addPrimitive, addSceneLight, addCameraObject, addEmpty, selectedNode, duplicateSelected, deleteSelected, exportGLTF, exportOBJ, exportSTL, exportPLY, exportUSDZ, saveToLibrary, clearScene, showGrid, setShowGrid, showAxes, setShowAxes, wireframe, setWireframe, showSkeleton, setShowSkeleton, showLightHelpers, setShowLightHelpers, bgColor, setBgColor, } = api;
     return (jsxRuntime.jsxs("div", { className: ModelEditor_module.menuBar, children: [jsxRuntime.jsx(index.NiceSelect, { className: ModelEditor_module.modeSelect, value: editorMode, onChange: (val) => setEditorMode(val), options: [
                     { value: "object", label: "Object Mode" },

package/dist/cjs/model/ModelEditorRightPanel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var THREE = require('three');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 var modelEditorTypes = require('./modelEditorTypes.js');
@@ -27,7 +27,7 @@ function _interopNamespaceDefault(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
-const ModelEditorRightPanel = Ae.memo(({ api }) => {
+const ModelEditorRightPanel = Ue.memo(({ api }) => {
     const { propTab, setPropTab, selectedNode, selectedMaterials, selMaterialIdx, setSelMaterialIdx, setMatRefresh, rebuildTree, aiBusy, aiStatus, rootObjectRef, videoInputRef, bgColor, setBgColor, fogEnabled, setFogEnabled, fogColor, setFogColor, fogNear, setFogNear, fogFar, setFogFar, showLightHelpers, setShowLightHelpers, showGrid, setShowGrid, showAxes, setShowAxes, showSkeleton, setShowSkeleton, snapEnabled, setSnapEnabled, snapGrid, setSnapGrid, setStatusText, } = api;
     return (jsxRuntime.jsxs("div", { className: ModelEditor_module.rightPanel, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.propTabs, children: ["object", "material", "world", "modifiers", "physics"].map((t) => (jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.propTabBtn, variant: propTab === t ? "primary" : "ghost", size: "sm", onClick: () => setPropTab(t), title: t.charAt(0).toUpperCase() + t.slice(1), children: t === "object" ? "🔧" : t === "material" ? "🎨" : t === "world" ? "🌍" : t === "modifiers" ? "🔩" : "⚡" }, t))) }), propTab === "object" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDD27 Transform" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: selectedNode ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Name" }), jsxRuntime.jsx(index.NiceTextInput, { className: ModelEditor_module.propInput, value: selectedNode.name, onChange: (val) => {
                                                         selectedNode.object.name = val;

package/dist/cjs/model/ModelEditorSubComponents.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var THREE = require('three');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 var modelEditorTypes = require('./modelEditorTypes.js');
@@ -31,7 +31,7 @@ var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
    ═══════════════════════════════════════════ */
 /** Vec3 input row for position/scale */
 const Vec3Row = ({ label, value, onChange }) => {
-    const [, forceUpdate] = Ae.useState(0);
+    const [, forceUpdate] = Ue.useState(0);
     const set = (axis, v) => {
         const n = parseFloat(v);
         if (!isNaN(n)) {
@@ -44,7 +44,7 @@ const Vec3Row = ({ label, value, onChange }) => {
 };
 /** Vec3 input row for rotation (shows degrees) */
 const Vec3RowDeg = ({ label, value, onChange }) => {
-    const [, forceUpdate] = Ae.useState(0);
+    const [, forceUpdate] = Ue.useState(0);
     const set = (axis, v) => {
         const n = parseFloat(v);
         if (!isNaN(n)) {

package/dist/cjs/model/ModelEditorTimeline.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 var modelEditorTypes = require('./modelEditorTypes.js');
 var index = require('../ui/dist/index.js');
 
-const ModelEditorTimeline = Ae.memo(({ api }) => {
+const ModelEditorTimeline = Ue.memo(({ api }) => {
     const { bottomCollapsed, setBottomCollapsed, animations, activeAnimIdx, isPlaying, animTime, animDuration, animSpeed, setAnimSpeed, loopAnim, setLoopAnim, seekAnim, togglePlay, stopAnim, playClip, mergeInputRef, } = api;
     return (jsxRuntime.jsxs("div", { className: `${ModelEditor_module.bottomPanel} ${bottomCollapsed ? ModelEditor_module.bottomPanelCollapsed : ""}`, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.bottomPanelHeader, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.bottomToggle, onClick: () => setBottomCollapsed((c) => !c), children: bottomCollapsed ? "▶" : "▼" }), jsxRuntime.jsxs("span", { className: ModelEditor_module.bottomPanelTitle, onClick: () => setBottomCollapsed((c) => !c), children: ["Animation (", animations.length, " clip", animations.length !== 1 ? "s" : "", ")"] }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsxs("div", { className: ModelEditor_module.transportBar, children: [jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.transportBtn, variant: "ghost", size: "sm", onClick: () => seekAnim(0), title: "Go to start", children: "\u23EE" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.transportBtn, variant: isPlaying ? "primary" : "ghost", size: "sm", onClick: togglePlay, title: "Play/Pause (Space)", children: isPlaying ? "⏸" : "▶" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.transportBtn, variant: "ghost", size: "sm", onClick: stopAnim, title: "Stop", children: "\u23F9" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.transportBtn, variant: loopAnim ? "primary" : "ghost", size: "sm", onClick: () => setLoopAnim((v) => !v), title: "Loop", children: "\uD83D\uDD01" })] }), jsxRuntime.jsxs("span", { className: ModelEditor_module.transportTime, children: [modelEditorTypes.fmtTime(animTime), " / ", modelEditorTypes.fmtTime(animDuration)] }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx("label", { className: ModelEditor_module.menuLabel, children: "Speed" }), jsxRuntime.jsx(index.NiceSlider, { min: 0.1, max: 3, step: 0.1, value: animSpeed, onChange: (val) => setAnimSpeed(val), style: { width: 60 } }), jsxRuntime.jsxs("span", { className: ModelEditor_module.menuLabel, children: [animSpeed.toFixed(1), "\u00D7"] })] }), !bottomCollapsed && (jsxRuntime.jsxs("div", { className: ModelEditor_module.animListArea, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.animList, children: [animations.length === 0 && (jsxRuntime.jsx("div", { style: { color: "#666", fontSize: 10, padding: 8 }, children: "No animations loaded" })), animations.map((anim, i) => (jsxRuntime.jsxs("div", { className: `${ModelEditor_module.animItem} ${i === activeAnimIdx ? ModelEditor_module.animItemActive : ""}`, onClick: () => playClip(i), children: [jsxRuntime.jsx("span", { children: anim.name }), jsxRuntime.jsxs("span", { className: ModelEditor_module.animDuration, children: [anim.duration.toFixed(1), "s"] })] }, `${anim.name}-${i}`))), jsxRuntime.jsx("div", { style: { padding: "4px 8px" }, children: jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", fontSize: 10 }, onClick: () => { var _a; return (_a = mergeInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: "+ Add Animation File" }) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.timelineArea, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.timelineRuler, children: [animDuration > 0 &&
                                         Array.from({ length: Math.ceil(animDuration) + 1 }, (_, i) => {
                                             const pct = (i / animDuration) * 100;
-                                            return (jsxRuntime.jsxs(Ae.Fragment, { children: [jsxRuntime.jsx("div", { className: ModelEditor_module.rulerTick, style: { left: `${pct}%` } }), jsxRuntime.jsxs("span", { className: ModelEditor_module.rulerLabel, style: { left: `${pct}%` }, children: [i, "s"] })] }, i));
+                                            return (jsxRuntime.jsxs(Ue.Fragment, { children: [jsxRuntime.jsx("div", { className: ModelEditor_module.rulerTick, style: { left: `${pct}%` } }), jsxRuntime.jsxs("span", { className: ModelEditor_module.rulerLabel, style: { left: `${pct}%` }, children: [i, "s"] })] }, i));
                                         }), animDuration > 0 && (jsxRuntime.jsx("div", { className: ModelEditor_module.playhead, style: {
                                             left: `${(animTime / animDuration) * 100}%`,
                                             height: "100%",

package/dist/cjs/model/ModelEditorToolbar.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 var index = require('../ui/dist/index.js');
 
-const ModelEditorToolbar = Ae.memo(({ api }) => {
+const ModelEditorToolbar = Ue.memo(({ api }) => {
     const { transformMode, setTransformMode, snapEnabled, setSnapEnabled, gizmoSpace, setGizmoSpace, rootObjectRef, focusOnObject, setCameraPreset, deleteSelected, duplicateSelected, selectedNode, } = api;
     return (jsxRuntime.jsxs("div", { className: ModelEditor_module.toolbar, children: [jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: transformMode === "translate" ? "primary" : "ghost", size: "sm", onClick: () => setTransformMode("translate"), title: "Translate (G)", children: "\u2725" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: transformMode === "rotate" ? "primary" : "ghost", size: "sm", onClick: () => setTransformMode("rotate"), title: "Rotate (R)", children: "\u21BB" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: transformMode === "scale" ? "primary" : "ghost", size: "sm", onClick: () => setTransformMode("scale"), title: "Scale (S)", children: "\u2B21" }), jsxRuntime.jsx("div", { className: ModelEditor_module.toolSep }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: snapEnabled ? "primary" : "ghost", size: "sm", onClick: () => setSnapEnabled((v) => !v), title: `Snap to Grid (${snapEnabled ? "ON" : "OFF"})`, children: "\uD83E\uDDF2" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setGizmoSpace((s) => (s === "local" ? "world" : "local")), title: `Orientation: ${gizmoSpace}`, children: gizmoSpace === "local" ? "🔶" : "🌐" }), jsxRuntime.jsx("div", { className: ModelEditor_module.toolSep }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => rootObjectRef.current && focusOnObject(rootObjectRef.current), title: "Focus (F)", children: "\u25CE" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setCameraPreset("front"), title: "Front view (Numpad 1)", children: "1" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setCameraPreset("right"), title: "Right view (Numpad 3)", children: "3" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setCameraPreset("top"), title: "Top view (Numpad 7)", children: "7" }), jsxRuntime.jsx("div", { className: ModelEditor_module.toolSep }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: deleteSelected, title: "Delete selected (Del)", children: "\uD83D\uDDD1" }), jsxRuntime.jsx(index.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: duplicateSelected, title: "Duplicate (Shift+D)", disabled: !selectedNode, children: "\uD83D\uDCCB" })] }));
 });

package/dist/cjs/model/ModelEditorViewport.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 
-const ModelEditorViewport = Ae.memo(({ api }) => {
+const ModelEditorViewport = Ue.memo(({ api }) => {
     const { mountRef, dragOver, handleDragOver, handleDragLeave, handleDrop, handleViewportClick, handleContextMenu, editorMode, polyCount, meshCount, boneCount, shadingMode, setShadingMode, gizmoSpace, setGizmoSpace, contextMenu, closeContextMenu, addPrimitive, addSceneLight, duplicateSelected, deleteSelected, selectedNode, rootObjectRef, focusOnObject, snapEnabled, setSnapEnabled, } = api;
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { ref: mountRef, className: `${ModelEditor_module.viewportContainer} ${dragOver ? ModelEditor_module.dragOver : ""}`, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleViewportClick, onContextMenu: handleContextMenu, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.viewportOverlay, children: [jsxRuntime.jsxs("span", { className: ModelEditor_module.viewportBadge, children: [editorMode.toUpperCase(), " MODE"] }), jsxRuntime.jsxs("span", { className: ModelEditor_module.viewportBadge, children: [polyCount.toLocaleString(), " tris \u00B7 ", meshCount, " meshes \u00B7 ", boneCount, " bones"] })] }), jsxRuntime.jsx("div", { className: ModelEditor_module.viewportShadingBar, children: ["wireframe", "solid", "material", "rendered"].map((m) => (jsxRuntime.jsx("button", { className: `${ModelEditor_module.shadingBtn} ${shadingMode === m ? ModelEditor_module.shadingBtnActive : ""}`, onClick: (e) => { e.stopPropagation(); setShadingMode(m); }, title: m.charAt(0).toUpperCase() + m.slice(1), children: m === "wireframe" ? "◇" : m === "solid" ? "◆" : m === "material" ? "🎨" : "☀" }, m))) }), jsxRuntime.jsx("div", { className: ModelEditor_module.viewportGizmoInfo, children: jsxRuntime.jsx("button", { className: ModelEditor_module.shadingBtn, onClick: (e) => {
                                 e.stopPropagation();

package/dist/cjs/model/ModelViewer.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ue = require('react');
 var ModelViewer_module = require('./ModelViewer.module.css.js');
 var useModelViewer = require('./useModelViewer.js');
 var index = require('../ui/dist/index.js');
@@ -14,19 +14,19 @@ const NAV_LABELS = {
 };
 const NiceModelViewer = ({ className, showToolbar = true, showStatusBar = true, showInfoPanel = true, toolbarExtra, onFileDrop, children, ...viewerProps }) => {
     const api = useModelViewer.useModelViewer(viewerProps);
-    const [panelOpen, setPanelOpen] = Ae.useState(false);
-    const [dragOver, setDragOver] = Ae.useState(false);
-    const fileInputRef = Ae.useRef(null);
+    const [panelOpen, setPanelOpen] = Ue.useState(false);
+    const [dragOver, setDragOver] = Ue.useState(false);
+    const fileInputRef = Ue.useRef(null);
     /* ── drag & drop ── */
-    const handleDragOver = Ae.useCallback((e) => {
+    const handleDragOver = Ue.useCallback((e) => {
         e.preventDefault();
         setDragOver(true);
     }, []);
-    const handleDragLeave = Ae.useCallback((e) => {
+    const handleDragLeave = Ue.useCallback((e) => {
         e.preventDefault();
         setDragOver(false);
     }, []);
-    const handleDrop = Ae.useCallback((e) => {
+    const handleDrop = Ue.useCallback((e) => {
         var _a;
         e.preventDefault();
         setDragOver(false);
@@ -38,7 +38,7 @@ const NiceModelViewer = ({ className, showToolbar = true, showStatusBar = true,
     }, [api, onFileDrop]);
     /* ── nav cycle ── */
     const navModes = ['orbit', 'fps', 'fly', 'walkthrough'];
-    const cycleNav = Ae.useCallback(() => {
+    const cycleNav = Ue.useCallback(() => {
         const idx = navModes.indexOf(api.navigationMode);
         api.setNavigationMode(navModes[(idx + 1) % navModes.length]);
     }, [api]);