@nice2dev/ui-3d 1.0.3 → 1.0.4

package/dist/cjs/model/NiceWeightPainter.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ve = 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] = Ae.useState({
+    const [brush, setBrushState] = Ve.useState({
         radius: 0.5,
         strength: 0.5,
         falloff: 'smooth',
         mode: 'add',
     });
-    const [isPainting, setIsPainting] = Ae.useState(false);
-    const [activeBoneIndex, setActiveBoneIndex] = Ae.useState(0);
-    const [showHeatMap, setShowHeatMap] = Ae.useState(true);
-    const raycaster = Ae.useRef(new THREE__namespace.Raycaster());
-    const heatMapMaterial = Ae.useRef(null);
-    const originalMaterial = Ae.useRef(null);
+    const [isPainting, setIsPainting] = Ve.useState(false);
+    const [activeBoneIndex, setActiveBoneIndex] = Ve.useState(0);
+    const [showHeatMap, setShowHeatMap] = Ve.useState(true);
+    const raycaster = Ve.useRef(new THREE__namespace.Raycaster());
+    const heatMapMaterial = Ve.useRef(null);
+    const originalMaterial = Ve.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
-    Ae.useEffect(() => {
+    Ve.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 = Ae.useCallback((partial) => {
+    const setBrush = Ve.useCallback((partial) => {
         setBrushState((prev) => ({ ...prev, ...partial }));
     }, []);
-    const paintAtPoint = Ae.useCallback((point) => {
+    const paintAtPoint = Ve.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
-    Ae.useEffect(() => {
+    Ve.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 = Ae.useCallback(() => {
+    const normalizeWeights = Ve.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);
-    Ae.useEffect(() => {
+    Ve.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 Ae = require('react');
+var Ve = 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] = Ae.useState(false);
-    const [isSessionActive, setIsSessionActive] = Ae.useState(false);
-    const [mode, setMode] = Ae.useState('vr');
-    const [controllers, setControllers] = Ae.useState([]);
-    const [teleportEnabled, setTeleportEnabled] = Ae.useState(true);
-    const [hitTestResult, setHitTestResult] = Ae.useState(null);
-    const controllerGripsRef = Ae.useRef([]);
-    const controllerRaysRef = Ae.useRef([]);
-    const teleportMarkerRef = Ae.useRef(null);
-    const hitTestSourceRef = Ae.useRef(null);
-    const cameraGroupRef = Ae.useRef(new THREE__namespace.Group());
+    const [isSupported, setIsSupported] = Ve.useState(false);
+    const [isSessionActive, setIsSessionActive] = Ve.useState(false);
+    const [mode, setMode] = Ve.useState('vr');
+    const [controllers, setControllers] = Ve.useState([]);
+    const [teleportEnabled, setTeleportEnabled] = Ve.useState(true);
+    const [hitTestResult, setHitTestResult] = Ve.useState(null);
+    const controllerGripsRef = Ve.useRef([]);
+    const controllerRaysRef = Ve.useRef([]);
+    const teleportMarkerRef = Ve.useRef(null);
+    const hitTestSourceRef = Ve.useRef(null);
+    const cameraGroupRef = Ve.useRef(new THREE__namespace.Group());
     // Check WebXR support
-    Ae.useEffect(() => {
+    Ve.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
-    Ae.useEffect(() => {
+    Ve.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 = Ae.useCallback(() => {
+    const setupControllers = Ve.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 = Ae.useCallback(async () => {
+    const startSession = Ve.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 = Ae.useCallback(() => {
+    const endSession = Ve.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);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (initialMode)
             setMode(initialMode);
     }, [initialMode, setMode]);