@2112-lab/central-plant 0.1.4 → 0.1.6

package/dist/esm/src/managers/scene/sceneInitializationManager.js

@@ -1 +1,322 @@
-import{createClass as t,classCallCheck as e,asyncToGenerator as n,regenerator as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import*as o from"three";import{OrbitControls as r}from"../../../node_modules/three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader as s}from"../../../node_modules/three/examples/jsm/loaders/GLTFLoader.js";import{PerformanceMonitor as a,PerformanceUI as u}from"../system/performanceMonitor.js";import{logger as c}from"../../core/debugLogger.js";var l=function(){return t(function t(n){e(this,t),this.sceneViewer=n,this.textureLoader=null,this.gltfLoader=null},[{key:"initializeScene",value:(h=n(i().m(function t(){var e,n,r,s;return i().w(function(t){for(;;)switch(t.n){case 0:(e=this.sceneViewer).scene=new o.Scene,n=e.$refs.container.getBoundingClientRect(),r=n.width,s=n.height,e.camera=new o.PerspectiveCamera(50,r/s,.01,1e3),e.camera.position.set(-8,4,9),e.renderer=new o.WebGLRenderer({antialias:!0}),e.renderer.setSize(r,s),e.renderer.setPixelRatio(Math.min(window.devicePixelRatio,2)),e.renderer.shadowMap.enabled=!0,e.renderer.shadowMap.type=o.PCFSoftShadowMap,e.renderer.physicallyCorrectLights=!0,e.renderer.outputColorSpace=o.SRGBColorSpace,e.renderer.toneMapping=o.LinearToneMapping,e.renderer.toneMappingExposure=1.5,e.$refs.container.appendChild(e.renderer.domElement),c.info("Scene, camera, and renderer initialized");case 1:return t.a(2)}},t,this)})),function(){return h.apply(this,arguments)})},{key:"initializePerformanceMonitoring",value:function(){var t=this.sceneViewer;if("development"===process.env.NODE_ENV)try{var e=document.querySelectorAll("#performance-monitor-ui");e.length>0&&e.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)})}catch(t){}t.performanceMonitor=new a(t.renderer),t.performanceUI=new u(t.performanceMonitor,t.$refs.container,"light"),t.performanceMonitor.on("warning",function(t){}),t.performanceMonitor.start(),t.performanceUI.show(),this.exposePerformanceMonitoringGlobally(),c.info("Performance monitoring initialized")}},{key:"exposePerformanceMonitoringGlobally",value:function(){var t=this,e=this.sceneViewer;"undefined"!=typeof window&&(window._performanceMonitor=e.performanceMonitor,window._performanceUI=e.performanceUI,window.performance3D={show:function(){return e.performanceUI.show()},hide:function(){return e.performanceUI.hide()},toggle:function(){return e.performanceUI.isVisible?e.performanceUI.hide():e.performanceUI.show()},setTheme:function(t){return e.performanceUI.setTheme(t)},log:function(){return e.performanceMonitor.logSummary()},reset:function(){return e.performanceMonitor.reset()},export:function(){return e.performanceMonitor.exportData()},cleanup:function(){return e.cleanupDuplicatePerformanceMonitors?e.cleanupDuplicatePerformanceMonitors():0},help:function(){}},window.cameraControls={autoRotate:{enable:function(){return t.toggleAutoRotation(!0)},disable:function(){return t.toggleAutoRotation(!1)},toggle:function(){return t.toggleAutoRotation()},setSpeed:function(t){if(e.controls)return e.controls.autoRotateSpeed=t,t}},help:function(){}})}},{key:"initializeLoaders",value:function(){var t=this.sceneViewer;this.textureLoader=new o.TextureLoader,t.textureLoader=this.textureLoader,this.gltfLoader=new s,t.gltfLoader=this.gltfLoader,c.info("Texture and GLTF loaders initialized")}},{key:"setupControls",value:function(){this.sceneViewer.controls=new r(this.sceneViewer.camera,this.sceneViewer.renderer.domElement),this.sceneViewer.controls.enableDamping=!0,this.sceneViewer.controls.dampingFactor=.05,this.sceneViewer.controls.minDistance=1,this.sceneViewer.controls.maxDistance=20,this.sceneViewer.controls.maxPolarAngle=Math.PI/1.5,this.sceneViewer.controls.autoRotate=!0,this.sceneViewer.controls.autoRotateSpeed=.5,c.info("Orbit controls initialized with auto-rotation")}},{key:"setDefaultBackground",value:function(){this.sceneViewer.scene.background=new o.Color(8965358),c.info("Default scene background set")}},{key:"initialize",value:(l=n(i().m(function t(){return i().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,this.initializeScene();case 1:this.initializePerformanceMonitoring(),this.initializeLoaders(),this.setupControls(),this.setDefaultBackground(),c.info("Scene initialization completed");case 2:return t.a(2)}},t,this)})),function(){return l.apply(this,arguments)})},{key:"toggleAutoRotation",value:function(t){var e=this.sceneViewer;return!!e.controls&&(e.controls.autoRotate=void 0!==t?t:!e.controls.autoRotate,e.controls.autoRotate&&(e.controls.dampingFactor=1,setTimeout(function(){e.controls.dampingFactor=.05},100)),c.info("Camera auto-rotation is now ".concat(e.controls.autoRotate?"ENABLED":"DISABLED")),e.controls.autoRotate)}}]);var l,h}();export{l as SceneInitializationManager};
+import { createClass as _createClass, classCallCheck as _classCallCheck, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as THREE from 'three';
+import { OrbitControls } from '../../../node_modules/three/examples/jsm/controls/OrbitControls.js';
+import { GLTFLoader } from '../../../node_modules/three/examples/jsm/loaders/GLTFLoader.js';
+import { PerformanceMonitor, PerformanceUI } from '../system/performanceMonitor.js';
+import { logger } from '../../core/debugLogger.js';
+
+var SceneInitializationManager = /*#__PURE__*/function () {
+  function SceneInitializationManager(sceneViewer) {
+    _classCallCheck(this, SceneInitializationManager);
+    this.sceneViewer = sceneViewer;
+    this.textureLoader = null;
+    this.gltfLoader = null;
+  }
+
+  /**
+   * Initialize the Three.js scene, camera, and renderer
+   */
+  return _createClass(SceneInitializationManager, [{
+    key: "initializeScene",
+    value: (function () {
+      var _initializeScene = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var component, containerRect, containerWidth, containerHeight;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              component = this.sceneViewer; // Create scene
+              component.scene = new THREE.Scene();
+
+              // Get container dimensions
+              containerRect = component.$refs.container.getBoundingClientRect();
+              containerWidth = containerRect.width;
+              containerHeight = containerRect.height; // Create camera
+              component.camera = new THREE.PerspectiveCamera(50, containerWidth / containerHeight, 0.01, 1000);
+              component.camera.position.set(-8, 4, 9);
+
+              // Create renderer
+              component.renderer = new THREE.WebGLRenderer({
+                antialias: true
+              });
+              component.renderer.setSize(containerWidth, containerHeight);
+              component.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+              component.renderer.shadowMap.enabled = true;
+              component.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+              component.renderer.physicallyCorrectLights = true;
+              component.renderer.outputColorSpace = THREE.SRGBColorSpace;
+              component.renderer.toneMapping = THREE.LinearToneMapping;
+              component.renderer.toneMappingExposure = 1.5;
+              component.$refs.container.appendChild(component.renderer.domElement);
+              logger.info('Scene, camera, and renderer initialized');
+            case 1:
+              return _context.a(2);
+          }
+        }, _callee, this);
+      }));
+      function initializeScene() {
+        return _initializeScene.apply(this, arguments);
+      }
+      return initializeScene;
+    }()
+    /**
+     * Initialize performance monitoring
+     */
+    )
+  }, {
+    key: "initializePerformanceMonitoring",
+    value: function initializePerformanceMonitoring() {
+      var component = this.sceneViewer;
+
+      // Clean up any existing performance monitor UI elements before creating new ones (for hot-reload)
+      if (process.env.NODE_ENV === 'development') {
+        try {
+          // Clean up any stray performance monitor elements from previous instances
+          var existingElements = document.querySelectorAll('#performance-monitor-ui');
+          if (existingElements.length > 0) {
+            console.log("\uD83E\uDDF9 Found ".concat(existingElements.length, " existing performance monitor elements, cleaning up..."));
+            existingElements.forEach(function (element) {
+              if (element.parentNode) {
+                element.parentNode.removeChild(element);
+              }
+            });
+          }
+        } catch (error) {
+          console.warn('⚠️ Error during pre-initialization cleanup:', error);
+        }
+      }
+
+      // Initialize performance monitoring
+      component.performanceMonitor = new PerformanceMonitor(component.renderer);
+      component.performanceUI = new PerformanceUI(component.performanceMonitor, component.$refs.container, 'light');
+
+      // Setup performance monitoring callbacks
+      component.performanceMonitor.on('warning', function (warnings) {
+        // console.warn('⚠️ Performance warnings:', warnings)
+      });
+      component.performanceMonitor.start();
+      component.performanceUI.show();
+      this.exposePerformanceMonitoringGlobally();
+      logger.info('Performance monitoring initialized');
+    }
+
+    /**
+     * Expose performance monitoring to global scope for debugging
+     */
+  }, {
+    key: "exposePerformanceMonitoringGlobally",
+    value: function exposePerformanceMonitoringGlobally() {
+      var _this = this;
+      var component = this.sceneViewer;
+      if (typeof window !== 'undefined') {
+        window._performanceMonitor = component.performanceMonitor;
+        window._performanceUI = component.performanceUI;
+        window.performance3D = {
+          show: function show() {
+            return component.performanceUI.show();
+          },
+          hide: function hide() {
+            return component.performanceUI.hide();
+          },
+          toggle: function toggle() {
+            return component.performanceUI.isVisible ? component.performanceUI.hide() : component.performanceUI.show();
+          },
+          setTheme: function setTheme(theme) {
+            return component.performanceUI.setTheme(theme);
+          },
+          log: function log() {
+            return component.performanceMonitor.logSummary();
+          },
+          reset: function reset() {
+            return component.performanceMonitor.reset();
+          },
+          export: function _export() {
+            return component.performanceMonitor.exportData();
+          },
+          cleanup: function cleanup() {
+            // Add cleanup method for debugging duplicate performance monitors
+            if (component.cleanupDuplicatePerformanceMonitors) {
+              return component.cleanupDuplicatePerformanceMonitors();
+            } else {
+              console.warn('⚠️ cleanupDuplicatePerformanceMonitors method not available');
+              return 0;
+            }
+          },
+          help: function help() {
+            console.group('🔧 Performance Monitor Controls');
+            console.log('📊 performance3D.show() - Show performance UI');
+            console.log('🙈 performance3D.hide() - Hide performance UI');
+            console.log('🔄 performance3D.toggle() - Toggle performance UI');
+            console.log('🎨 performance3D.setTheme("light"|"dark") - Change UI theme');
+            console.log('📝 performance3D.log() - Log performance summary');
+            console.log('🔄 performance3D.reset() - Reset all statistics');
+            console.log('💾 performance3D.export() - Export performance data');
+            console.log('🧹 performance3D.cleanup() - Clean up duplicate performance monitors (dev)');
+            console.log('');
+            console.log('⌨️ Keyboard shortcuts:');
+            console.log('  P - Toggle performance UI');
+            console.log('  L - Log performance summary');
+            console.log('  R - Reset performance statistics');
+            console.groupEnd();
+          }
+        };
+
+        // Expose camera controls to global scope
+        window.cameraControls = {
+          autoRotate: {
+            enable: function enable() {
+              return _this.toggleAutoRotation(true);
+            },
+            disable: function disable() {
+              return _this.toggleAutoRotation(false);
+            },
+            toggle: function toggle() {
+              return _this.toggleAutoRotation();
+            },
+            setSpeed: function setSpeed(speed) {
+              if (component.controls) {
+                component.controls.autoRotateSpeed = speed;
+                console.log("Auto-rotation speed set to: ".concat(speed));
+                return speed;
+              }
+            }
+          },
+          help: function help() {
+            console.group('🎮 Camera Controls');
+            console.log('🔄 cameraControls.autoRotate.enable() - Enable auto-rotation');
+            console.log('⏹️ cameraControls.autoRotate.disable() - Disable auto-rotation');
+            console.log('⏯️ cameraControls.autoRotate.toggle() - Toggle auto-rotation');
+            console.log('⚙️ cameraControls.autoRotate.setSpeed(number) - Set rotation speed');
+            console.log('');
+            console.log('⌨️ Keyboard shortcuts:');
+            console.log('  A - Toggle auto-rotation');
+            console.groupEnd();
+          }
+        };
+        console.log('🎮 Performance monitoring enabled! Type "performance3D.help()" for controls.');
+        console.log('🎥 Camera controls available! Type "cameraControls.help()" for options.');
+      }
+    }
+
+    /**
+     * Initialize loaders
+     */
+  }, {
+    key: "initializeLoaders",
+    value: function initializeLoaders() {
+      var component = this.sceneViewer;
+
+      // Initialize texture loader
+      this.textureLoader = new THREE.TextureLoader();
+      component.textureLoader = this.textureLoader;
+
+      // Initialize GLTF loader
+      this.gltfLoader = new GLTFLoader();
+      component.gltfLoader = this.gltfLoader;
+      logger.info('Texture and GLTF loaders initialized');
+    }
+
+    /**
+     * Setup orbit controls
+     */
+  }, {
+    key: "setupControls",
+    value: function setupControls() {
+      this.sceneViewer.controls = new OrbitControls(this.sceneViewer.camera, this.sceneViewer.renderer.domElement);
+      this.sceneViewer.controls.enableDamping = true;
+      this.sceneViewer.controls.dampingFactor = 0.05;
+      this.sceneViewer.controls.minDistance = 1;
+      this.sceneViewer.controls.maxDistance = 20;
+      this.sceneViewer.controls.maxPolarAngle = Math.PI / 1.5;
+      // Configure auto-rotation (default: enabled)
+      this.sceneViewer.controls.autoRotate = true;
+      this.sceneViewer.controls.autoRotateSpeed = 0.5; // Rotation speed (default is 1.0)
+
+      // // Add event listener to turn off auto-rotation when user interacts with controls
+      // component.controls.addEventListener('start', () => {
+      //   if (component.controls.autoRotate) {
+      //     component.controls.autoRotate = false
+      //     logger.info('Auto-rotation disabled due to user interaction')
+      //   }
+      // })
+
+      logger.info('Orbit controls initialized with auto-rotation');
+    }
+
+    /**
+     * Set default scene background
+     */
+  }, {
+    key: "setDefaultBackground",
+    value: function setDefaultBackground() {
+      var component = this.sceneViewer;
+      component.scene.background = new THREE.Color(0x88CCEE);
+      logger.info('Default scene background set');
+    }
+
+    /**
+     * Complete initialization workflow
+     */
+  }, {
+    key: "initialize",
+    value: (function () {
+      var _initialize = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              _context2.n = 1;
+              return this.initializeScene();
+            case 1:
+              this.initializePerformanceMonitoring();
+              this.initializeLoaders();
+              this.setupControls();
+              this.setDefaultBackground();
+              logger.info('Scene initialization completed');
+            case 2:
+              return _context2.a(2);
+          }
+        }, _callee2, this);
+      }));
+      function initialize() {
+        return _initialize.apply(this, arguments);
+      }
+      return initialize;
+    }()
+    /**
+     * Toggle camera auto-rotation
+     * @param {boolean} [enable] - If provided, explicitly set auto-rotation state, otherwise toggle current state
+     * @returns {boolean} The new auto-rotation state
+     */
+    )
+  }, {
+    key: "toggleAutoRotation",
+    value: function toggleAutoRotation(enable) {
+      var component = this.sceneViewer;
+      if (component.controls) {
+        if (enable !== undefined) {
+          component.controls.autoRotate = enable;
+        } else {
+          component.controls.autoRotate = !component.controls.autoRotate;
+        }
+
+        // When enabling auto-rotation, also clear any lingering manual control momentum
+        // without resetting the camera position
+        if (component.controls.autoRotate) {
+          // Cancel any existing inertia from manual drag operations
+          component.controls.dampingFactor = 1.0; // Temporarily increase damping to stop quickly
+          setTimeout(function () {
+            component.controls.dampingFactor = 0.05; // Restore original damping
+          }, 100);
+        }
+
+        // Make sure the changes are clearly observable in the console
+        logger.info("Camera auto-rotation is now ".concat(component.controls.autoRotate ? 'ENABLED' : 'DISABLED'));
+        console.log("\uD83D\uDD04 Camera auto-rotation ".concat(component.controls.autoRotate ? 'enabled' : 'disabled', " via SceneInitializationManager"));
+        return component.controls.autoRotate;
+      }
+      console.warn('⚠️ Could not toggle auto-rotation: controls not initialized');
+      return false;
+    }
+  }]);
+}();
+
+export { SceneInitializationManager };