@3driseai/3drise-viewer 0.1.22 → 0.1.23

package/dist/components/CreatedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAUnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,UAAU,kBAAmB,SAAQ,gBAAgB;IACjD,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACpH;AAGD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmF9C,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAWnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,UAAU,kBAAmB,SAAQ,gBAAgB;IACjD,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACpH;AAGD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuF9C,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/components/CreatedObject.js

@@ -4,6 +4,7 @@ import { ModelMaterialPassContext } from "./ModelMaterialPassContext.js";
 import { DEFAULT_EDGES_SETTINGS } from "@3driseai/3drise-core";
 import { useMaterialApplication } from "../hooks/useMaterialApplication.js";
 import { useShadowApplication } from "../hooks/useShadowApplication.js";
+import { resolveShadowFlags } from '@3driseai/3drise-core';
 import { useTransformControls } from "../hooks/useTransformControls.js";
 import { RigidBody } from '@react-three/rapier';
 import { cameraManager } from "../utils/CameraSingleton.js";
@@ -34,7 +35,11 @@ const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial
     // (useNodeOverrides in ModelPrimitive) re-apply on top of it.
     const [materialPass, bumpMaterialPass] = useReducer((n) => n + 1, 0);
     useMaterialApplication(meshRef, createdObject.materialSettings, shouldApply3driseMaterial, bumpMaterialPass);
-    useShadowApplication(meshRef, createdObject.meshSettings.castShadow, createdObject.meshSettings.receiveShadow);
+    // An object with no explicit flags takes its type's defaults (core's
+    // resolveShadowFlags): saved objects carry none, and reading them as false
+    // switched every shadow in every project off.
+    const shadowFlags = resolveShadowFlags(createdObject.type, createdObject.meshSettings);
+    useShadowApplication(meshRef, shadowFlags.castShadow, shadowFlags.receiveShadow);
     const anchoredPosition = cameraManager.getAnchorPosition(createdObject.meshSettings.anchor?.anchor || 'center', 0, createdObject.meshSettings.anchor?.offset || { y: 0, x: 0, z: 0 }, createdObject.meshSettings.anchor?.padding || 0);
     useEffect(() => {
         if (meshRef.current) {

package/dist/components/LightObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LightObject.d.ts","sourceRoot":"","sources":["../../src/components/LightObject.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAGnE,KAAK,gBAAgB,GAAG,gBAAgB,GAAG;IACvC,aAAa,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAkDF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmB3C,CAAC;AACF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"LightObject.d.ts","sourceRoot":"","sources":["../../src/components/LightObject.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAQnE,KAAK,gBAAgB,GAAG,gBAAgB,GAAG;IACvC,aAAa,EAAE,qBAAqB,CAAC;CACxC,CAAC;AA+CF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4B3C,CAAC;AACF,eAAe,WAAW,CAAC"}

package/dist/components/LightObject.js

@@ -3,17 +3,17 @@ import { useObjectReady } from '../hooks/useObjectReady.js';
 import { useEffect, useRef } from 'react';
 import { useThree } from '@react-three/fiber';
 import { useLightShadow } from '../hooks/useLightShadow.js';
-import { useLightAnimation } from '../hooks/useLightAnimation.js';
-import { useLightMouseMove } from '../hooks/useLightMouseMove.js';
-import { useLightLive } from '../hooks/useLightLive.js';
+import { useLightConfig } from '../hooks/useLightConfig.js';
 import LightBulb from './lightBulb/LightBulb.js';
+import SpotBeam from './spotBeam/SpotBeam.js';
+import LedArray from './ledArray/LedArray.js';
+import FluorescentTube from './fluorescentTube/FluorescentTube.js';
 const DirectionalLightR3F = ({ config, animations, mouseMove, settings, onObjectReady, onObjectDispose }) => {
     const lightRef = useRef(null);
     useObjectReady(lightRef, settings, onObjectReady, onObjectDispose);
     useLightShadow(lightRef, config.shadow);
-    useLightAnimation(lightRef, animations);
-    useLightMouseMove(lightRef, mouseMove, { lightConfig: config });
-    useLightLive(lightRef, lightRef, settings?.id, config);
+    // Keyframes, pointer bindings and live drags, merged onto the light.
+    useLightConfig(lightRef, lightRef, settings?.id, config, animations, mouseMove);
     return (_jsx("directionalLight", { ref: lightRef, color: config.color || '#ffffff', intensity: config.intensity ?? 1 }));
 };
 const SpotLightR3F = ({ config, animations, mouseMove, settings, onObjectReady, onObjectDispose }) => {
@@ -40,18 +40,16 @@ const SpotLightR3F = ({ config, animations, mouseMove, settings, onObjectReady,
         };
     }, [scene, tx, ty, tz]);
     useLightShadow(lightRef, config.shadow);
-    useLightAnimation(lightRef, animations);
-    useLightMouseMove(lightRef, mouseMove, { lightConfig: config });
-    useLightLive(lightRef, lightRef, settings?.id, config);
-    return (_jsx("spotLight", { ref: lightRef, color: config.color || '#ffffff', intensity: config.intensity ?? 1, angle: config.angle ?? Math.PI / 4, penumbra: config.penumbra ?? 0.1, decay: config.decay ?? 1, distance: config.distance ?? 0 }));
+    // Keyframes, pointer bindings and live drags, merged onto the light.
+    useLightConfig(lightRef, lightRef, settings?.id, config, animations, mouseMove);
+    return (_jsx("spotLight", { ref: lightRef, position: [0, 0, 0], color: config.color || '#ffffff', intensity: config.intensity ?? 1, angle: config.angle ?? Math.PI / 4, penumbra: config.penumbra ?? 0.1, decay: config.decay ?? 1, distance: config.distance ?? 0 }));
 };
 const PointLightR3F = ({ config, animations, mouseMove, settings, onObjectReady, onObjectDispose }) => {
     const lightRef = useRef(null);
     useObjectReady(lightRef, settings, onObjectReady, onObjectDispose);
     useLightShadow(lightRef, config.shadow);
-    useLightAnimation(lightRef, animations);
-    useLightMouseMove(lightRef, mouseMove, { lightConfig: config });
-    useLightLive(lightRef, lightRef, settings?.id, config);
+    // Keyframes, pointer bindings and live drags, merged onto the light.
+    useLightConfig(lightRef, lightRef, settings?.id, config, animations, mouseMove);
     return (_jsx("pointLight", { ref: lightRef, color: config.color || '#ffffff', intensity: config.intensity ?? 1, decay: config.decay ?? 1, distance: config.distance ?? 0 }));
 };
 const LightObject = ({ createdObject, onObjectReady, onObjectDispose }) => {
@@ -67,6 +65,15 @@ const LightObject = ({ createdObject, onObjectReady, onObjectDispose }) => {
             return _jsx(SpotLightR3F, { config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });
         case 'point':
             return _jsx(PointLightR3F, { config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });
+        // An array of LED dies: instant on, PWM ripple, optional diffuser.
+        case 'ledArray':
+            return _jsx(LedArray, { id: createdObject.id, config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });
+        // A bank of tubes lit by a rect-area light, with the ballast's behaviour.
+        case 'fluorescentTube':
+            return _jsx(FluorescentTube, { id: createdObject.id, config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });
+        // A spot light you can see: procedural gobo + a beam in the air.
+        case 'spotBeam':
+            return _jsx(SpotBeam, { id: createdObject.id, config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });
         // A visible bulb: point light + glass/filament/base + self-drawn glow.
         case 'lightBulb':
             return _jsx(LightBulb, { id: createdObject.id, config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });

package/dist/components/ModelPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/ModelPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAMnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,UAAU,mBAAoB,SAAQ,gBAAgB;IAClD,aAAa,EAAE,qBAAqB,CAAC;IACrC,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4ChD,CAAC;AAIH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ModelPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/ModelPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAMnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,UAAU,mBAAoB,SAAQ,gBAAgB;IAClD,aAAa,EAAE,qBAAqB,CAAC;IACrC,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0ChD,CAAC;AAIH,eAAe,cAAc,CAAC"}

package/dist/components/ModelPrimitive.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useCallback, useMemo, useRef } from 'react';
 import { useModelObject } from '../hooks/useModelObject.js';
 import { useNodeOverrides } from '../hooks/useNodeOverrides.js';
-import { getNodeOverrides, peekModelAsset } from '@3driseai/3drise-core';
+import { getNodeOverrides, peekModelAsset, resolveShadowFlags } from '@3driseai/3drise-core';
 import { useObjectReadyReporter } from '../hooks/useObjectReady.js';
 import { applyShadowFlags } from '../hooks/useShadowApplication.js';
 /**
@@ -44,11 +44,9 @@ const ModelPrimitive = memo(({ createdObject, slot = 0, onObjectReady, onObjectD
     // change. A model that suspended attaches after that mount, so it gets them here.
     // Read through a ref: a changing callback ref would detach/attach the object and
     // fire a spurious onObjectDispose / onObjectReady pair on every shadow toggle.
-    const shadowFlags = useRef({});
-    shadowFlags.current = {
-        cast: createdObject.meshSettings?.castShadow,
-        receive: createdObject.meshSettings?.receiveShadow,
-    };
+    const shadowFlags = useRef({ cast: false, receive: false });
+    const resolved = resolveShadowFlags(createdObject.type, createdObject.meshSettings);
+    shadowFlags.current = { cast: resolved.castShadow, receive: resolved.receiveShadow };
     const setObjectRef = useCallback((instance) => {
         if (instance) {
             applyShadowFlags(instance, shadowFlags.current.cast, shadowFlags.current.receive);

package/dist/components/ObjectNode.js

@@ -93,7 +93,7 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
         particles: (obj, onObjectReady) => {
             // Generative particle objects (config.type) render through ParticlesGenerator;
             // the legacy shape particles keep their own path.
-            return (_jsx(ParticlesGenerator, { settings: { id: obj.id, config: obj.config, animations: obj.animations }, ...relabel(obj) }, obj.id));
+            return (_jsx(ParticlesGenerator, { settings: { id: obj.id, config: obj.config, animations: obj.animations }, mouseMove: obj.mouseMove?.particles, ...relabel(obj) }, obj.id));
             // if (isGenerativeParticlesConfig(obj.config))
             //     return (<ParticlesGenerator key={obj.id} settings={{ config: obj.config }} {...relabel(obj)} />);
             // const particlesSettings = obj;

package/dist/components/ParticlesGenerator.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
-import type { GenerativeParticlesSettings } from '@3driseai/3drise-core';
+import type { GenerativeParticlesSettings, MouseMoveDomain } from '@3driseai/3drise-core';
 import type { ObjectReadyProps } from '../types/objectReady';
 export interface ParticlesGeneratorProps extends ObjectReadyProps {
     settings: GenerativeParticlesSettings;
+    /** Pointer bindings for the object's own knobs (createdObject.mouseMove.particles). */
+    mouseMove?: MouseMoveDomain;
 }
 /** Standalone generative particle objects (type 'particles'), switched on config.type. */
 declare const ParticlesGenerator: React.FC<ParticlesGeneratorProps>;

package/dist/components/ParticlesGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParticlesGenerator.d.ts","sourceRoot":"","sources":["../../src/components/ParticlesGenerator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAU7D,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC7D,QAAQ,EAAE,2BAA2B,CAAC;CACzC;AAED,0FAA0F;AAC1F,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgBzD,CAAC;AACF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ParticlesGenerator.d.ts","sourceRoot":"","sources":["../../src/components/ParticlesGenerator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAU7D,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC7D,QAAQ,EAAE,2BAA2B,CAAC;IACtC,uFAAuF;IACvF,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,0FAA0F;AAC1F,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgBzD,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/dist/components/ParticlesGenerator.js

@@ -8,12 +8,12 @@ import ChladniSandParticles from './particles/ChladniSandParticles.js';
 import FaradayPowderParticles from './particles/FaradayPowderParticles.js';
 import NeonRainParticles from './particles/NeonRainParticles.js';
 /** Standalone generative particle objects (type 'particles'), switched on config.type. */
-const ParticlesGenerator = ({ settings, onObjectReady, onObjectDispose }) => {
+const ParticlesGenerator = ({ settings, mouseMove, onObjectReady, onObjectDispose }) => {
     const { config, animations } = settings;
     if (!config?.enabled)
         return null;
     const size = config.size ?? 1;
-    const ready = { onObjectReady, onObjectDispose };
+    const ready = { onObjectReady, onObjectDispose, mouseMove };
     switch (config.type) {
         case 'tidalStream': return _jsx(TidalStreamParticles, { id: settings.id, size: size, config: config, animations: animations, ...ready });
         case 'brownianDust': return _jsx(BrownianDustParticles, { id: settings.id, size: size, config: config, animations: animations, ...ready });

package/dist/components/ProjectLoader.js

@@ -22,7 +22,7 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
                     "Content-Type": "application/json",
                 },
             });
-            console.log(response);
+            // console.log(response)
             if (!response.ok) {
                 if (response.status === 404) {
                     throw new Error("Project not found");

package/dist/components/SceneBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneBuilder.d.ts","sourceRoot":"","sources":["../../src/components/SceneBuilder.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAQ/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAmIhE,CAAC;AACF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SceneBuilder.d.ts","sourceRoot":"","sources":["../../src/components/SceneBuilder.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAQ/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAuIhE,CAAC;AACF,eAAe,YAAY,CAAC"}

package/dist/components/SceneBuilder.js

@@ -71,7 +71,11 @@ const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, c
     const timeSettings = sceneSettings.timeSettings || sceneSettings.scene?.timeSettings || {};
     const lighting = project.lights && project.lights.length > 0 ? project.lights : [{ ...LIGHTING_PRESETS.ambient.config, enabled: true, showHelpers: false }];
     const controls = camera.controls;
-    const { shadows = false, antialias = true, dpr = window.devicePixelRatio, gl = {}, backgroundColor = "#000000" } = sceneCanvas;
+    // `shadows` defaults to ON, matching the studio's canvas defaults. A project
+    // whose sceneSettings were saved before the canvas block existed carries no
+    // `shadows` key, and defaulting to false left <Canvas> with shadowMap disabled
+    // — every castShadow / receiveShadow flag in the scene then does nothing.
+    const { shadows = true, antialias = true, dpr = window.devicePixelRatio, gl = {}, backgroundColor = "#000000" } = sceneCanvas;
     const { position, orientation, fov, near, far } = camera;
     const containerStyle = {
         width,

package/dist/components/fluorescentTube/FluorescentTube.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { AnimationOptions, CreatedObjectSettings, MouseMoveDomain } from '@3driseai/3drise-core';
+import type { ObjectReadyProps } from '../../types/objectReady';
+export type FluorescentTubeProps = ObjectReadyProps & {
+    /** Scene object id: the light controller finds the live-edit handle by it. */
+    id?: string;
+    config: Record<string, any>;
+    animations?: AnimationOptions[];
+    mouseMove?: MouseMoveDomain;
+    settings: CreatedObjectSettings | Record<string, any>;
+};
+declare const FluorescentTube: React.FC<FluorescentTubeProps>;
+export default FluorescentTube;
+//# sourceMappingURL=FluorescentTube.d.ts.map

package/dist/components/fluorescentTube/FluorescentTube.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluorescentTube.d.ts","sourceRoot":"","sources":["../../../src/components/fluorescentTube/FluorescentTube.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAItG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IAClD,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzD,CAAC;AAgCF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4OnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/fluorescentTube/FluorescentTube.js

@@ -0,0 +1,262 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// =============================================================================
+// FluorescentTube — a rect-area light shaped like the tubes that make it
+// =============================================================================
+//
+// Rendered by LightObject for `config.type === 'fluorescentTube'`.
+//
+// The light itself is a THREE.RectAreaLight sized to the bank of tubes, because
+// that is the character of a fluorescent fixture: a long soft source that wraps
+// round what it lights instead of throwing one hard shadow. Three's rect-area
+// light cannot cast a shadow, so when the config asks for one a point light sits
+// at the middle of the fixture carrying `shadowStrength` of the output — set it
+// to 0 for a pure area light with no shadow at all. (A row of shadow-casting
+// point lights would be six shadow renders each; that is the trade.)
+//
+// Everything else here is the behaviour of a real tube:
+//   - `startup: 'stutter'` strikes the arc the way a magnetic ballast does —
+//     two or three false starts before it catches, more as the tube ages;
+//   - mercury vapour then takes `warmup` seconds to reach full output;
+//   - `hum` is the 100/120 Hz ripple of a magnetic ballast;
+//   - `greenShift` is the phosphor's green spike: halophosphate tubes have a
+//     CRI around 80 and read distinctly green next to daylight;
+//   - `age` dims it, blackens the cathode ends, lengthens the strike and adds
+//     flicker, all from one knob.
+//
+// NOTE: a rect-area light only lights MeshStandardMaterial and
+// MeshPhysicalMaterial. On a Phong or Lambert surface only the shadow point
+// light shows.
+//
+import { useEffect, useMemo, useRef } from 'react';
+import { useFrame } from '@react-three/fiber';
+import { Color, CylinderGeometry, PlaneGeometry } from 'three';
+import { RectAreaLightUniformsLib } from 'three/examples/jsm/lights/RectAreaLightUniformsLib.js';
+import { SELF_OWNED_MATERIAL_KEY } from '@3driseai/3drise-core';
+import { useObjectReady } from '../../hooks/useObjectReady.js';
+import { useLightShadow } from '../../hooks/useLightShadow.js';
+import { useLightConfig } from '../../hooks/useLightConfig.js';
+import { kelvinToColor } from '../lightBulb/kelvin.js';
+import { createTubeMaterials, disposeTubeMaterials, HALO_CORE, SLEEVE_CORE } from './tubeMaterials.js';
+const num = (v, fallback) => (typeof v === 'number' && Number.isFinite(v) ? v : fallback);
+const clamp01 = (v) => Math.min(Math.max(v, 0), 1);
+const clampInt = (v, lo, hi, d) => Math.min(Math.max(typeof v === 'number' && Number.isFinite(v) ? Math.round(v) : d, lo), hi);
+const hash = (n) => {
+    const s = Math.sin(n * 127.1) * 43758.5453;
+    return s - Math.floor(s);
+};
+const noise1 = (x) => {
+    const i = Math.floor(x), f = x - i, u = f * f * (3 - 2 * f);
+    return hash(i) * (1 - u) + hash(i + 1) * u;
+};
+/**
+ * The strike. Returns the level while the ballast is still trying, and how long
+ * the whole attempt lasts. An older tube needs more goes and takes longer.
+ */
+function strike(t, age, seed) {
+    const tries = 2 + Math.round(age * 3);
+    const unit = 0.2 * (1 + age * 1.5);
+    const duration = tries * unit;
+    if (t >= duration)
+        return { level: 1, duration };
+    const i = Math.floor(t / unit);
+    const f = (t % unit) / unit;
+    // a bright flash at the top of each attempt, then the glow dies back
+    const level = f < 0.3 ? 0.45 + 0.45 * hash(i + seed) : 0.03 + 0.05 * hash(i * 7 + seed);
+    return { level, duration };
+}
+const FluorescentTube = ({ id, config, animations, mouseMove, settings, onObjectReady, onObjectDispose }) => {
+    const groupRef = useRef(null);
+    const lightRef = useRef(null);
+    const shadowLightRef = useRef(null);
+    const tubesRef = useRef(null);
+    // Rect-area lights need their BRDF lookup tables uploaded once per page.
+    useEffect(() => { RectAreaLightUniformsLib.init(); }, []);
+    useObjectReady(groupRef, settings, onObjectReady, onObjectDispose);
+    // The shadow settings belong to the point light — the area light has no shadow.
+    useLightShadow(shadowLightRef, config.shadow);
+    const { merged } = useLightConfig(groupRef, lightRef, id, config, animations, mouseMove);
+    const tubeCount = clampInt(config.tubes, 1, 4, 1);
+    const tubeSpacing = Math.max(num(config.tubeSpacing, 0.14), 0.02);
+    const length = Math.max(num(config.length, 1.2), 0.1);
+    const diameter = Math.min(Math.max(num(config.diameter, 0.026), 0.006), 0.12);
+    const geometry = useMemo(() => {
+        // Built along Y and laid down on X, so uv.y still runs end to end and the
+        // shaders can darken the cathodes.
+        const glass = new CylinderGeometry(diameter / 2, diameter / 2, length, 24, 1, true);
+        glass.rotateZ(Math.PI / 2);
+        const cap = new CylinderGeometry(diameter * 0.58, diameter * 0.58, diameter * 0.9, 18);
+        cap.rotateZ(Math.PI / 2);
+        const quad = new PlaneGeometry(2, 2);
+        return { glass, cap, quad };
+    }, [diameter, length]);
+    useEffect(() => () => {
+        geometry.glass.dispose();
+        geometry.cap.dispose();
+        geometry.quad.dispose();
+    }, [geometry]);
+    const mats = useMemo(() => createTubeMaterials(), []);
+    useEffect(() => () => disposeTubeMaterials(mats), [mats]);
+    // The light owns its materials and its shadow flags.
+    useEffect(() => {
+        const group = groupRef.current;
+        if (!group)
+            return;
+        group.userData[SELF_OWNED_MATERIAL_KEY] = true;
+        return () => { delete group.userData[SELF_OWNED_MATERIAL_KEY]; };
+    }, []);
+    // The tubes sit centimetres from the shadow light.
+    const shadowNear = config.shadow?.cameraNear;
+    useEffect(() => {
+        const light = shadowLightRef.current;
+        if (!light || shadowNear !== undefined)
+            return;
+        light.shadow.camera.near = 0.05;
+        light.shadow.camera.updateProjectionMatrix();
+    }, [shadowNear]);
+    const colorMode = (config.colorMode ?? 'temperature');
+    const lightColor = useMemo(() => (colorMode === 'color'
+        ? new Color(config.color || '#ffffff')
+        : kelvinToColor(config.temperature ?? 4000)), [colorMode, config.color, config.temperature]);
+    // The bank of tubes is the emitting rectangle.
+    const bankDepth = (tubeCount - 1) * tubeSpacing + diameter * 2.2;
+    const startup = (config.startup ?? 'stutter');
+    const power = useRef({
+        level: 0,
+        base: config.intensity ?? 1,
+        written: Number.NaN,
+        seed: Math.floor(Math.random() * 997),
+        /**
+         * Seconds since the switch was thrown; -1 once the tube is settled. It
+         * starts at 0 even for a light that loads switched on, so a fixture set
+         * to 'stutter' strikes when the scene opens — that is the whole reason
+         * to pick that mode.
+         */
+        since: 0,
+        wasOn: config.on ?? true,
+    });
+    const scratch = useMemo(() => ({ glow: new Color(), tint: new Color() }), []);
+    useFrame(({ clock }, delta) => {
+        const light = lightRef.current;
+        if (!light)
+            return;
+        const cfg = merged.current;
+        const p = power.current;
+        const dt = Math.min(delta, 0.1);
+        if (light.intensity !== p.written)
+            p.base = light.intensity;
+        const on = cfg.on ?? true;
+        const age = clamp01(num(cfg.age, 0.15));
+        const warmup = Math.max(num(cfg.warmup, 1.2), 0);
+        if (on !== p.wasOn) {
+            p.wasOn = on;
+            p.since = 0;
+            p.seed = Math.floor(Math.random() * 997);
+        }
+        if (p.since >= 0)
+            p.since += dt;
+        if (!on) {
+            // The phosphor keeps glowing for a moment after the arc goes out.
+            p.level += (0 - p.level) * (1 - Math.exp(-dt / 0.12));
+            if (p.level < 1e-4)
+                p.level = 0;
+        }
+        else if (startup === 'stutter' && p.since >= 0) {
+            const s = strike(p.since, age, p.seed);
+            if (p.since < s.duration) {
+                p.level = s.level;
+            }
+            else {
+                // Struck. Mercury vapour now climbs to full output.
+                const t = warmup <= 0 ? 1 : 1 - Math.exp(-(p.since - s.duration) * 2.6 / warmup);
+                p.level = t;
+                if (t > 0.999) {
+                    p.level = 1;
+                    p.since = -1;
+                }
+            }
+        }
+        else {
+            const tau = warmup * (startup === 'instant' ? 0.35 : 1);
+            p.level = tau <= 0 ? 1 : p.level + (1 - p.level) * (1 - Math.exp(-dt * 2.6 / tau));
+            if (p.level > 0.999) {
+                p.level = 1;
+                p.since = -1;
+            }
+        }
+        const t = clock.elapsedTime;
+        // Ballast hum: 100 Hz ripple, deeper on a tired tube.
+        const hum = clamp01(num(cfg.hum, 0.3));
+        const ripple = hum > 0 ? 1 - hum * 0.04 * (0.5 + 0.5 * Math.sin(t * Math.PI * 2 * 100)) : 1;
+        const flicker = clamp01(num(cfg.flicker, 0)) + age * 0.18;
+        let flick = 1;
+        if (flicker > 0.001) {
+            const ft = t + p.seed;
+            flick = 1 - Math.min(flicker, 1) * (0.12 * noise1(ft * 9) + 0.5 * Math.pow(noise1(ft * 2.3), 5));
+        }
+        // An aged tube simply puts out less light.
+        const output = p.level * ripple * flick * (1 - age * 0.35);
+        light.intensity = p.base * output;
+        p.written = light.intensity;
+        // Colour: rebuilt from the config every frame, then pushed towards the
+        // phosphor's green spike. It has to be rebuilt rather than nudged — a lerp
+        // applied to the light's own colour compounds, and after a second of frames
+        // the tube is pure green whatever the temperature says.
+        const tint = scratch.tint;
+        if ((cfg.colorMode ?? 'temperature') === 'color')
+            tint.set(cfg.color || '#ffffff');
+        else
+            kelvinToColor(num(cfg.temperature, 4000), tint);
+        const greenShift = clamp01(num(cfg.greenShift, 0.35));
+        if (greenShift > 0) {
+            // A channel gain rather than a blend towards a green: the spike is the
+            // phosphor putting out more green and less of everything else at the
+            // same colour temperature, and gains stay visible at small amounts
+            // where a blend towards a fixed colour does not.
+            tint.setRGB(tint.r * (1 - 0.32 * greenShift), tint.g * (1 + 0.18 * greenShift), tint.b * (1 - 0.26 * greenShift));
+        }
+        light.color.copy(tint);
+        light.width = length;
+        light.height = bankDepth;
+        const baseIntensity = Math.max(num(config.intensity, 1), 1e-4);
+        const glowK = Math.min(output * (p.base / baseIntensity), 3);
+        const glow = scratch.glow.copy(light.color);
+        // The shadow-casting core, carrying its share of the output.
+        const shadowLight = shadowLightRef.current;
+        if (shadowLight) {
+            const share = clamp01(num(cfg.shadowStrength, 0.4));
+            shadowLight.intensity = p.base * output * share;
+            shadowLight.color.copy(light.color);
+            // A fixture this size never casts a hard edge.
+            if (config.shadow?.radius === undefined)
+                shadowLight.shadow.radius = 5;
+        }
+        mats.phosphor.uniforms.uColor.value.copy(glow);
+        mats.phosphor.uniforms.uStrength.value = 0.05 + glowK * 1.9;
+        mats.phosphor.uniforms.uAge.value = age;
+        mats.sleeve.uniforms.uColor.value.copy(glow);
+        mats.sleeve.uniforms.uStrength.value = glowK * 0.45;
+        mats.sleeve.uniforms.uAge.value = age;
+        // The quad runs past the tube so the glow can wrap its ends; the shader's
+        // core fraction is what lines the lit part back up with the glass.
+        mats.sleeve.uniforms.uHalfLength.value = length / 2 / SLEEVE_CORE;
+        mats.sleeve.uniforms.uHalfWidth.value = diameter * 8;
+        const halo = Math.max(num(cfg.halo, 1), 0);
+        mats.halo.uniforms.uColor.value.copy(glow);
+        mats.halo.uniforms.uStrength.value = halo * glowK * 0.2;
+        // The wash is the same capsule, wider and far softer — air, not a tube.
+        mats.halo.uniforms.uHalfLength.value = length / 2 / HALO_CORE;
+        mats.halo.uniforms.uHalfWidth.value = Math.max(bankDepth, diameter * 10) * 2.2;
+        const bank = tubesRef.current;
+        if (bank)
+            bank.visible = (config.emitter ?? 'tubes') !== 'none';
+    });
+    // The point source exists whenever it carries any of the output; whether it
+    // *casts* is useLightShadow's business. Keeping those separate means toggling
+    // shadows off changes the shadows and not the brightness of the room.
+    const coreOn = num(config.shadowStrength, 0.4) > 0;
+    const offsets = useMemo(() => Array.from({ length: tubeCount }, (_, i) => (i - (tubeCount - 1) / 2) * tubeSpacing), [tubeCount, tubeSpacing]);
+    return (_jsxs("group", { ref: groupRef, children: [_jsx("rectAreaLight", { ref: lightRef, 
+                // The emitting face looks down; width runs along the tubes.
+                rotation: [-Math.PI / 2, 0, 0], width: length, height: bankDepth, color: lightColor, intensity: config.intensity ?? 1 }), coreOn && (_jsx("pointLight", { ref: shadowLightRef, color: lightColor, intensity: 0, decay: config.decay ?? 1, distance: config.distance ?? 0 })), _jsx("group", { ref: tubesRef, children: offsets.map((z, i) => (_jsxs("group", { position: [0, 0, z], children: [_jsx("mesh", { geometry: geometry.glass, material: mats.phosphor, renderOrder: 2 }), _jsx("mesh", { geometry: geometry.quad, material: mats.sleeve, renderOrder: 3, frustumCulled: false }), _jsx("mesh", { geometry: geometry.cap, material: mats.cap, position: [-length / 2, 0, 0] }), _jsx("mesh", { geometry: geometry.cap, material: mats.cap, position: [length / 2, 0, 0] })] }, i))) }), _jsx("mesh", { geometry: geometry.quad, material: mats.halo, renderOrder: 5, frustumCulled: false })] }));
+};
+export default FluorescentTube;

package/dist/components/fluorescentTube/index.d.ts

@@ -0,0 +1,5 @@
+export { default as FluorescentTube } from './FluorescentTube';
+export type { FluorescentTubeProps } from './FluorescentTube';
+export { createTubeMaterials, disposeTubeMaterials } from './tubeMaterials';
+export type { TubeMaterials } from './tubeMaterials';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fluorescentTube/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fluorescentTube/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/fluorescentTube/index.js

@@ -0,0 +1,3 @@
+// A bank of fluorescent tubes with a real rect-area light (config.type 'fluorescentTube').
+export { default as FluorescentTube } from './FluorescentTube.js';
+export { createTubeMaterials, disposeTubeMaterials } from './tubeMaterials.js';

package/dist/components/fluorescentTube/tubeMaterials.d.ts

@@ -0,0 +1,34 @@
+import { MeshStandardMaterial, ShaderMaterial } from 'three';
+export interface TubeMaterials {
+    /** The lit phosphor, with blackened ends as it ages. */
+    phosphor: ShaderMaterial;
+    /** The air just outside the glass: a camera-facing sleeve. */
+    sleeve: ShaderMaterial;
+    /** Cathode end caps. */
+    cap: MeshStandardMaterial;
+    /** A soft camera-facing wash for the fixture as a whole. */
+    halo: ShaderMaterial;
+}
+/**
+ * The haze around the glass. Not a bigger cylinder — a quad that pivots about
+ * the tube's own axis to face the camera, which is the only way a line source
+ * keeps an even glow from every angle. A fatter cylinder shows its own far wall
+ * as a second bright edge; this does not.
+ */
+/**
+ * Both glows are quads that pivot about the tube's own axis to face the camera.
+ * A fatter cylinder would show its own far wall as a second bright edge, and a
+ * plain screen-space billboard would stretch along the screen instead of along
+ * the tube — which is wrong the moment the fixture is not horizontal.
+ */
+/**
+ * Distance to the tube's *line* rather than to its centre, normalised: 0 along
+ * the core, 1 at the quad's rim. Both glows are capsules round the fixture, so
+ * they wrap the ends instead of being cut off at them.
+ */
+/** Fraction of each quad that is the tube itself; the rest is the rounded end. */
+export declare const SLEEVE_CORE = 0.86;
+export declare const HALO_CORE = 0.75;
+export declare function createTubeMaterials(): TubeMaterials;
+export declare function disposeTubeMaterials(m: TubeMaterials): void;
+//# sourceMappingURL=tubeMaterials.d.ts.map

package/dist/components/fluorescentTube/tubeMaterials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tubeMaterials.d.ts","sourceRoot":"","sources":["../../../src/components/fluorescentTube/tubeMaterials.ts"],"names":[],"mappings":"AAYA,OAAO,EAAuC,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElG,MAAM,WAAW,aAAa;IAC1B,wDAAwD;IACxD,QAAQ,EAAE,cAAc,CAAC;IACzB,8DAA8D;IAC9D,MAAM,EAAE,cAAc,CAAC;IACvB,wBAAwB;IACxB,GAAG,EAAE,oBAAoB,CAAC;IAC1B,4DAA4D;IAC5D,IAAI,EAAE,cAAc,CAAC;CACxB;AAsDD;;;;;GAKG;AACH;;;;;GAKG;AACH;;;;GAIG;AACH,kFAAkF;AAClF,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,SAAS,OAAO,CAAC;AA+F9B,wBAAgB,mBAAmB,IAAI,aAAa,CAOnD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,CAK3D"}