@2112-lab/central-plant 0.1.4 → 0.1.5

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

@@ -1 +1,346 @@
-"use strict";Object.defineProperty(exports,"t",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("three"),n=require("../../../node_modules/three/examples/jsm/controls/OrbitControls.js"),i=require("../../../node_modules/three/examples/jsm/loaders/GLTFLoader.js"),r=require("../system/performanceMonitor.js"),o=require("../../core/debugLogger.js");function u(e){if(e&&e.t)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var s=u(t),a=function(){return e.createClass(function t(n){e.classCallCheck(this,t),this.sceneViewer=n,this.textureLoader=null,this.gltfLoader=null},[{key:"initializeScene",value:(u=e.asyncToGenerator(e.regenerator().m(function t(){var n,i,r,u;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:(n=this.sceneViewer).scene=new s.Scene,i=n.$refs.container.getBoundingClientRect(),r=i.width,u=i.height,n.camera=new s.PerspectiveCamera(50,r/u,.01,1e3),n.camera.position.set(-8,4,9),n.renderer=new s.WebGLRenderer({antialias:!0}),n.renderer.setSize(r,u),n.renderer.setPixelRatio(Math.min(window.devicePixelRatio,2)),n.renderer.shadowMap.enabled=!0,n.renderer.shadowMap.type=s.PCFSoftShadowMap,n.renderer.physicallyCorrectLights=!0,n.renderer.outputColorSpace=s.SRGBColorSpace,n.renderer.toneMapping=s.LinearToneMapping,n.renderer.toneMappingExposure=1.5,n.$refs.container.appendChild(n.renderer.domElement),o.logger.info("Scene, camera, and renderer initialized");case 1:return e.a(2)}},t,this)})),function(){return u.apply(this,arguments)})},{key:"initializePerformanceMonitoring",value:function(){var e=this.sceneViewer;if("development"===process.env.NODE_ENV)try{var t=document.querySelectorAll("#performance-monitor-ui");t.length>0&&t.forEach(function(e){e.parentNode&&e.parentNode.removeChild(e)})}catch(e){}e.performanceMonitor=new r.PerformanceMonitor(e.renderer),e.performanceUI=new r.PerformanceUI(e.performanceMonitor,e.$refs.container,"light"),e.performanceMonitor.on("warning",function(e){}),e.performanceMonitor.start(),e.performanceUI.show(),this.exposePerformanceMonitoringGlobally(),o.logger.info("Performance monitoring initialized")}},{key:"exposePerformanceMonitoringGlobally",value:function(){var e=this,t=this.sceneViewer;"undefined"!=typeof window&&(window._performanceMonitor=t.performanceMonitor,window._performanceUI=t.performanceUI,window.performance3D={show:function(){return t.performanceUI.show()},hide:function(){return t.performanceUI.hide()},toggle:function(){return t.performanceUI.isVisible?t.performanceUI.hide():t.performanceUI.show()},setTheme:function(e){return t.performanceUI.setTheme(e)},log:function(){return t.performanceMonitor.logSummary()},reset:function(){return t.performanceMonitor.reset()},export:function(){return t.performanceMonitor.exportData()},cleanup:function(){return t.cleanupDuplicatePerformanceMonitors?t.cleanupDuplicatePerformanceMonitors():0},help:function(){}},window.cameraControls={autoRotate:{enable:function(){return e.toggleAutoRotation(!0)},disable:function(){return e.toggleAutoRotation(!1)},toggle:function(){return e.toggleAutoRotation()},setSpeed:function(e){if(t.controls)return t.controls.autoRotateSpeed=e,e}},help:function(){}})}},{key:"initializeLoaders",value:function(){var e=this.sceneViewer;this.textureLoader=new s.TextureLoader,e.textureLoader=this.textureLoader,this.gltfLoader=new i.GLTFLoader,e.gltfLoader=this.gltfLoader,o.logger.info("Texture and GLTF loaders initialized")}},{key:"setupControls",value:function(){this.sceneViewer.controls=new n.OrbitControls(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,o.logger.info("Orbit controls initialized with auto-rotation")}},{key:"setDefaultBackground",value:function(){this.sceneViewer.scene.background=new s.Color(8965358),o.logger.info("Default scene background set")}},{key:"initialize",value:(t=e.asyncToGenerator(e.regenerator().m(function t(){return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,this.initializeScene();case 1:this.initializePerformanceMonitoring(),this.initializeLoaders(),this.setupControls(),this.setDefaultBackground(),o.logger.info("Scene initialization completed");case 2:return e.a(2)}},t,this)})),function(){return t.apply(this,arguments)})},{key:"toggleAutoRotation",value:function(e){var t=this.sceneViewer;return!!t.controls&&(t.controls.autoRotate=void 0!==e?e:!t.controls.autoRotate,t.controls.autoRotate&&(t.controls.dampingFactor=1,setTimeout(function(){t.controls.dampingFactor=.05},100)),o.logger.info("Camera auto-rotation is now ".concat(t.controls.autoRotate?"ENABLED":"DISABLED")),t.controls.autoRotate)}}]);var t,u}();exports.SceneInitializationManager=a;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var THREE = require('three');
+var OrbitControls = require('../../../node_modules/three/examples/jsm/controls/OrbitControls.js');
+var GLTFLoader = require('../../../node_modules/three/examples/jsm/loaders/GLTFLoader.js');
+var performanceMonitor = require('../system/performanceMonitor.js');
+var debugLogger = require('../../core/debugLogger.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
+
+var SceneInitializationManager = /*#__PURE__*/function () {
+  function SceneInitializationManager(sceneViewer) {
+    _rollupPluginBabelHelpers.classCallCheck(this, SceneInitializationManager);
+    this.sceneViewer = sceneViewer;
+    this.textureLoader = null;
+    this.gltfLoader = null;
+  }
+
+  /**
+   * Initialize the Three.js scene, camera, and renderer
+   */
+  return _rollupPluginBabelHelpers.createClass(SceneInitializationManager, [{
+    key: "initializeScene",
+    value: (function () {
+      var _initializeScene = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+        var component, containerRect, containerWidth, containerHeight;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              component = this.sceneViewer; // Create scene
+              component.scene = new THREE__namespace.Scene();
+
+              // Get container dimensions
+              containerRect = component.$refs.container.getBoundingClientRect();
+              containerWidth = containerRect.width;
+              containerHeight = containerRect.height; // Create camera
+              component.camera = new THREE__namespace.PerspectiveCamera(50, containerWidth / containerHeight, 0.01, 1000);
+              component.camera.position.set(-8, 4, 9);
+
+              // Create renderer
+              component.renderer = new THREE__namespace.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__namespace.PCFSoftShadowMap;
+              component.renderer.physicallyCorrectLights = true;
+              component.renderer.outputColorSpace = THREE__namespace.SRGBColorSpace;
+              component.renderer.toneMapping = THREE__namespace.LinearToneMapping;
+              component.renderer.toneMappingExposure = 1.5;
+              component.$refs.container.appendChild(component.renderer.domElement);
+              debugLogger.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.PerformanceMonitor(component.renderer);
+      component.performanceUI = new performanceMonitor.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();
+      debugLogger.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__namespace.TextureLoader();
+      component.textureLoader = this.textureLoader;
+
+      // Initialize GLTF loader
+      this.gltfLoader = new GLTFLoader.GLTFLoader();
+      component.gltfLoader = this.gltfLoader;
+      debugLogger.logger.info('Texture and GLTF loaders initialized');
+    }
+
+    /**
+     * Setup orbit controls
+     */
+  }, {
+    key: "setupControls",
+    value: function setupControls() {
+      this.sceneViewer.controls = new OrbitControls.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')
+      //   }
+      // })
+
+      debugLogger.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__namespace.Color(0x88CCEE);
+      debugLogger.logger.info('Default scene background set');
+    }
+
+    /**
+     * Complete initialization workflow
+     */
+  }, {
+    key: "initialize",
+    value: (function () {
+      var _initialize = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2() {
+        return _rollupPluginBabelHelpers.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();
+              debugLogger.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
+        debugLogger.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;
+    }
+  }]);
+}();
+
+exports.SceneInitializationManager = SceneInitializationManager;