@nice2dev/ui-3d 1.0.5 → 1.0.6

package/dist/cjs/model/NiceTerrainEditor.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ue = require('react');
+var we = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -42,25 +42,25 @@ function fractalNoise(x, z, octaves, persistence, lacunarity, rng) {
 }
 /* ── Hook ── */
 function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 100, segments: 128, maxHeight: 20 }, onTerrainChange) {
-    const [brush, setBrushState] = Ue.useState({
+    const [brush, setBrushState] = we.useState({
         mode: 'raise',
         radius: 5,
         strength: 0.3,
         falloff: 'smooth',
     });
-    const [isPainting, setIsPainting] = Ue.useState(false);
-    const [textureLayers, setTextureLayers] = Ue.useState([
+    const [isPainting, setIsPainting] = we.useState(false);
+    const [textureLayers, setTextureLayers] = we.useState([
         { name: 'Grass', texture: null, scale: 10 },
         { name: 'Rock', texture: null, scale: 8 },
         { name: 'Sand', texture: null, scale: 12 },
         { name: 'Snow', texture: null, scale: 10 },
     ]);
-    const [activeTextureLayer, setActiveTextureLayer] = Ue.useState(0);
-    const terrainRef = Ue.useRef(null);
-    const splatMapRef = Ue.useRef(null);
-    const raycaster = Ue.useRef(new THREE__namespace.Raycaster());
+    const [activeTextureLayer, setActiveTextureLayer] = we.useState(0);
+    const terrainRef = we.useRef(null);
+    const splatMapRef = we.useRef(null);
+    const raycaster = we.useRef(new THREE__namespace.Raycaster());
     // Create terrain mesh
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         if (!scene)
             return;
         const geometry = new THREE__namespace.PlaneGeometry(config.width, config.depth, config.segments, config.segments);
@@ -90,10 +90,10 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
             material.dispose();
         };
     }, [scene, config.width, config.depth, config.segments]);
-    const setBrush = Ue.useCallback((partial) => {
+    const setBrush = we.useCallback((partial) => {
         setBrushState((prev) => ({ ...prev, ...partial }));
     }, []);
-    const applyBrushAtPoint = Ue.useCallback((point) => {
+    const applyBrushAtPoint = we.useCallback((point) => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -185,7 +185,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [brush, config.segments, activeTextureLayer, onTerrainChange]);
     // Mouse handling
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         if (!canvas || !camera || !isPainting)
             return;
         const onPointerMove = (e) => {
@@ -203,7 +203,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         canvas.addEventListener('pointermove', onPointerMove);
         return () => canvas.removeEventListener('pointermove', onPointerMove);
     }, [canvas, camera, isPainting, applyBrushAtPoint]);
-    const generateFlat = Ue.useCallback(() => {
+    const generateFlat = we.useCallback(() => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -215,7 +215,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         mesh.geometry.computeVertexNormals();
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [onTerrainChange]);
-    const generateNoise = Ue.useCallback((octaves = 6, persistence = 0.5, lacunarity = 2.0) => {
+    const generateNoise = we.useCallback((octaves = 6, persistence = 0.5, lacunarity = 2.0) => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -230,7 +230,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         mesh.geometry.computeVertexNormals();
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [config, onTerrainChange]);
-    const importHeightmap = Ue.useCallback((image) => {
+    const importHeightmap = we.useCallback((image) => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -257,7 +257,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         mesh.geometry.computeVertexNormals();
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [config, onTerrainChange]);
-    const exportHeightmap = Ue.useCallback(() => {
+    const exportHeightmap = we.useCallback(() => {
         const mesh = terrainRef.current;
         if (!mesh)
             return null;
@@ -290,7 +290,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         ctx.putImageData(imageData, 0, 0);
         return exportCanvas;
     }, [config.segments]);
-    const setTextureLayer = Ue.useCallback((index, partial) => {
+    const setTextureLayer = we.useCallback((index, partial) => {
         setTextureLayers((prev) => prev.map((l, i) => (i === index ? { ...l, ...partial } : l)));
     }, []);
     return {
@@ -320,8 +320,8 @@ const NiceTerrainEditor = ({ scene, camera, canvas, config: configProp, onTerrai
         ...configProp,
     };
     const { brush, setBrush, isPainting, startPainting, stopPainting, generateFlat, generateNoise, exportHeightmap, textureLayers, setTextureLayer, activeTextureLayer, setActiveTextureLayer, } = useTerrainEditor(scene, camera, canvas, config, onTerrainChange);
-    const [noiseOctaves, setNoiseOctaves] = Ue.useState(6);
-    const [noisePersistence, setNoisePersistence] = Ue.useState(0.5);
+    const [noiseOctaves, setNoiseOctaves] = we.useState(6);
+    const [noisePersistence, setNoisePersistence] = we.useState(0.5);
     return (jsxRuntime.jsxs("div", { className: `nice-terrain-editor ${className}`, style: { display: 'grid', gap: 8, fontSize: 13 }, children: [jsxRuntime.jsx("strong", { children: "Terrain Editor" }), jsxRuntime.jsxs("fieldset", { style: { border: '1px solid var(--border, #e2e8f0)', borderRadius: 6, padding: 4, display: 'flex', flexWrap: 'wrap', gap: 2 }, children: [jsxRuntime.jsx("legend", { style: { fontSize: 11 }, children: "Brush" }), ['raise', 'lower', 'flatten', 'smooth', 'noise', 'paint'].map((m) => (jsxRuntime.jsx("button", { type: "button", onClick: () => setBrush({ mode: m }), style: {
                             padding: '3px 6px', fontSize: 11, cursor: 'pointer', borderRadius: 4,
                             border: '1px solid var(--border, #e2e8f0)',

package/dist/cjs/model/NiceWeightPainter.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ue = require('react');
+var we = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -42,22 +42,22 @@ function getFalloff(distance, radius, type) {
 /* ── Hook ── */
 function useWeightPainter(skinnedMesh, scene, camera, canvas, onWeightsChange) {
     var _a, _b;
-    const [brush, setBrushState] = Ue.useState({
+    const [brush, setBrushState] = we.useState({
         radius: 0.5,
         strength: 0.5,
         falloff: 'smooth',
         mode: 'add',
     });
-    const [isPainting, setIsPainting] = Ue.useState(false);
-    const [activeBoneIndex, setActiveBoneIndex] = Ue.useState(0);
-    const [showHeatMap, setShowHeatMap] = Ue.useState(true);
-    const raycaster = Ue.useRef(new THREE__namespace.Raycaster());
-    const heatMapMaterial = Ue.useRef(null);
-    const originalMaterial = Ue.useRef(null);
+    const [isPainting, setIsPainting] = we.useState(false);
+    const [activeBoneIndex, setActiveBoneIndex] = we.useState(0);
+    const [showHeatMap, setShowHeatMap] = we.useState(true);
+    const raycaster = we.useRef(new THREE__namespace.Raycaster());
+    const heatMapMaterial = we.useRef(null);
+    const originalMaterial = we.useRef(null);
     // Get bone names from skeleton
     const boneNames = (_b = (_a = skinnedMesh === null || skinnedMesh === void 0 ? void 0 : skinnedMesh.skeleton) === null || _a === void 0 ? void 0 : _a.bones.map((b, i) => b.name || `Bone ${i}`)) !== null && _b !== void 0 ? _b : [];
     // Create heat map overlay material
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         if (!skinnedMesh || !showHeatMap)
             return;
         originalMaterial.current = skinnedMesh.material;
@@ -91,10 +91,10 @@ function useWeightPainter(skinnedMesh, scene, camera, canvas, onWeightsChange) {
             mat.dispose();
         };
     }, [skinnedMesh, showHeatMap, activeBoneIndex]);
-    const setBrush = Ue.useCallback((partial) => {
+    const setBrush = we.useCallback((partial) => {
         setBrushState((prev) => ({ ...prev, ...partial }));
     }, []);
-    const paintAtPoint = Ue.useCallback((point) => {
+    const paintAtPoint = we.useCallback((point) => {
         if (!skinnedMesh)
             return;
         const geometry = skinnedMesh.geometry;
@@ -168,7 +168,7 @@ function useWeightPainter(skinnedMesh, scene, camera, canvas, onWeightsChange) {
         onWeightsChange === null || onWeightsChange === void 0 ? void 0 : onWeightsChange(skinnedMesh);
     }, [skinnedMesh, brush, activeBoneIndex, showHeatMap, onWeightsChange]);
     // Mouse event handlers
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         if (!canvas || !camera || !isPainting || !skinnedMesh)
             return;
         const onMouseMove = (e) => {
@@ -183,7 +183,7 @@ function useWeightPainter(skinnedMesh, scene, camera, canvas, onWeightsChange) {
         canvas.addEventListener('mousemove', onMouseMove);
         return () => canvas.removeEventListener('mousemove', onMouseMove);
     }, [canvas, camera, isPainting, skinnedMesh, paintAtPoint]);
-    const normalizeWeights = Ue.useCallback(() => {
+    const normalizeWeights = we.useCallback(() => {
         if (!skinnedMesh)
             return;
         const skinWeightAttr = skinnedMesh.geometry.attributes.skinWeight;
@@ -238,7 +238,7 @@ function updateHeatMapColors(mesh, boneIndex, colors) {
 /* ── Component ── */
 const NiceWeightPainter = ({ skinnedMesh, activeBoneIndex: initialBoneIndex, scene, camera, canvas, onWeightsChange, className = '', }) => {
     const { brush, setBrush, isPainting, activeBoneIndex, setActiveBoneIndex, boneNames, startPainting, stopPainting, normalizeWeights, showHeatMap, setShowHeatMap, } = useWeightPainter(skinnedMesh, scene, camera, canvas, onWeightsChange);
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         setActiveBoneIndex(initialBoneIndex);
     }, [initialBoneIndex, setActiveBoneIndex]);
     return (jsxRuntime.jsxs("div", { className: `nice-weight-painter ${className}`, style: { display: 'grid', gap: 8, fontSize: 13 }, children: [jsxRuntime.jsxs("label", { children: ["Bone:", jsxRuntime.jsx("select", { value: activeBoneIndex, onChange: (e) => setActiveBoneIndex(parseInt(e.target.value, 10)), style: { marginLeft: 8, width: '100%' }, children: boneNames.map((name, i) => (jsxRuntime.jsx("option", { value: i, children: name }, i))) })] }), jsxRuntime.jsxs("fieldset", { style: { display: 'flex', gap: 4, border: '1px solid var(--border, #e2e8f0)', borderRadius: 6, padding: 4 }, children: [jsxRuntime.jsx("legend", { style: { fontSize: 11 }, children: "Mode" }), ['add', 'subtract', 'smooth', 'blur'].map((mode) => (jsxRuntime.jsx("button", { type: "button", onClick: () => setBrush({ mode }), style: {

package/dist/cjs/model/NiceXRPreview.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ue = require('react');
+var we = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -25,19 +25,19 @@ var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
 /* ── Hook ── */
 function useXRPreview(renderer, scene, camera, onSessionStart, onSessionEnd) {
-    const [isSupported, setIsSupported] = Ue.useState(false);
-    const [isSessionActive, setIsSessionActive] = Ue.useState(false);
-    const [mode, setMode] = Ue.useState('vr');
-    const [controllers, setControllers] = Ue.useState([]);
-    const [teleportEnabled, setTeleportEnabled] = Ue.useState(true);
-    const [hitTestResult, setHitTestResult] = Ue.useState(null);
-    const controllerGripsRef = Ue.useRef([]);
-    const controllerRaysRef = Ue.useRef([]);
-    const teleportMarkerRef = Ue.useRef(null);
-    const hitTestSourceRef = Ue.useRef(null);
-    const cameraGroupRef = Ue.useRef(new THREE__namespace.Group());
+    const [isSupported, setIsSupported] = we.useState(false);
+    const [isSessionActive, setIsSessionActive] = we.useState(false);
+    const [mode, setMode] = we.useState('vr');
+    const [controllers, setControllers] = we.useState([]);
+    const [teleportEnabled, setTeleportEnabled] = we.useState(true);
+    const [hitTestResult, setHitTestResult] = we.useState(null);
+    const controllerGripsRef = we.useRef([]);
+    const controllerRaysRef = we.useRef([]);
+    const teleportMarkerRef = we.useRef(null);
+    const hitTestSourceRef = we.useRef(null);
+    const cameraGroupRef = we.useRef(new THREE__namespace.Group());
     // Check WebXR support
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         if ('xr' in navigator) {
             const xr = navigator.xr;
             xr.isSessionSupported('immersive-vr').then((vr) => {
@@ -52,7 +52,7 @@ function useXRPreview(renderer, scene, camera, onSessionStart, onSessionEnd) {
         }
     }, []);
     // Setup camera rig
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         if (!scene || !camera)
             return;
         cameraGroupRef.current.name = '__xr_camera_rig__';
@@ -63,7 +63,7 @@ function useXRPreview(renderer, scene, camera, onSessionStart, onSessionEnd) {
             scene.remove(cameraGroupRef.current);
         };
     }, [scene, camera]);
-    const setupControllers = Ue.useCallback(() => {
+    const setupControllers = we.useCallback(() => {
         if (!renderer || !scene)
             return;
         for (let i = 0; i < 2; i++) {
@@ -134,7 +134,7 @@ function useXRPreview(renderer, scene, camera, onSessionStart, onSessionEnd) {
             { hand: 'right', position: new THREE__namespace.Vector3(), rotation: new THREE__namespace.Quaternion(), isSelecting: false, isSqueezing: false, gamepad: null },
         ]);
     }, [renderer, scene, teleportEnabled]);
-    const startSession = Ue.useCallback(async () => {
+    const startSession = we.useCallback(async () => {
         if (!renderer || !isSupported)
             return;
         const xr = navigator.xr;
@@ -222,7 +222,7 @@ function useXRPreview(renderer, scene, camera, onSessionStart, onSessionEnd) {
             console.warn('Failed to start XR session:', err);
         }
     }, [renderer, isSupported, mode, setupControllers, onSessionStart, onSessionEnd, scene, camera, teleportEnabled]);
-    const endSession = Ue.useCallback(() => {
+    const endSession = we.useCallback(() => {
         if (!renderer)
             return;
         const session = renderer.xr.getSession();
@@ -244,7 +244,7 @@ function useXRPreview(renderer, scene, camera, onSessionStart, onSessionEnd) {
 /* ── Component ── */
 const NiceXRPreview = ({ renderer, scene, camera, mode: initialMode, onSessionStart, onSessionEnd, className = '', }) => {
     const { isSupported, isSessionActive, mode, setMode, startSession, endSession, controllers, teleportEnabled, setTeleportEnabled, hitTestResult, } = useXRPreview(renderer, scene, camera, onSessionStart, onSessionEnd);
-    Ue.useEffect(() => {
+    we.useEffect(() => {
         if (initialMode)
             setMode(initialMode);
     }, [initialMode, setMode]);