mage-engine 3.23.23 → 3.23.25

package/dist/mage.js

@@ -34,6 +34,42 @@ function _typeof(obj) {
   }, _typeof(obj);
 }
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+        args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+
+      _next(undefined);
+    });
+  };
+}
+
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -54036,7 +54072,8 @@ var AUDIO_CONTEXT_NOT_AVAILABLE = "".concat(PREFIX, " No Audio Context available
 var AUDIO_UNABLE_TO_LOAD_SOUND = "".concat(PREFIX, " Unable to load sound, sorry.");
 var AUDIO_SOURCE_NOT_DEFINED = "".concat(PREFIX, " No audio source defined. Set a source for this sound.");
 var LIGHT_NOT_FOUND = "".concat(PREFIX, " This light was not created properly.");
-var LIGHT_HOLDER_MODEL_NOT_FOUND$1 = "".concat(PREFIX, " This light holder model can't be found.");
+var LIGHT_HOLDER_MODEL_NOT_FOUND = "".concat(PREFIX, " This light holder model can't be found.");
+var SOUND_HOLDER_MODEL_NOT_FOUND = "".concat(PREFIX, " This sound holder model can't be found.");
 var LABEL_DOMELEMENT_MISSING = "".concat(PREFIX, " Could not create Label, domElement is missing. Did you forget to set the this.element ref on your component?");
 var NO_VALID_LEVEL_DATA_PROVIDED = "".concat(PREFIX, " No valid level data (json or url) provided");/*
     A dynamic script that can be attached to an entity.
@@ -55039,7 +55076,7 @@ var createElementFromSelector = function createElementFromSelector(selector) {
   }
 
   return element;
-};var getWindow = function getWindow() {
+};var getWindow$1 = function getWindow() {
   try {
     var win = window || global.window;
     return win;
@@ -55159,7 +55196,7 @@ var Config = /*#__PURE__*/function () {
   }, {
     key: "getWindowSize",
     value: function getWindowSize() {
-      var win = getWindow();
+      var win = getWindow$1();
       if (!win) return false;
       var height = win.innerHeight;
       var width = win.innerWidth;
@@ -56949,7 +56986,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
   }, {
     key: "listenToResizeEvent",
     value: function listenToResizeEvent() {
-      var win = getWindow();
+      var win = getWindow$1();
 
       if (win) {
         win.addEventListener("resize", this.onResize);
@@ -56958,7 +56995,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
   }, {
     key: "stopResizeListener",
     value: function stopResizeListener() {
-      var win = getWindow();
+      var win = getWindow$1();
 
       if (win) {
         win.removeEventListener("resize", this.onResize);
@@ -58257,8 +58294,8 @@ function applyMiddleware() {
 }
 
 var thunk = createThunkMiddleware();
-thunk.withExtraArgument = createThunkMiddleware;var name$1 = "mage-engine";
-var version$1 = "3.23.23";
+thunk.withExtraArgument = createThunkMiddleware;var name = "mage-engine";
+var version$1 = "3.23.25";
 var description = "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.";
 var main = "dist/mage.js";
 var author$1 = {
@@ -58341,7 +58378,7 @@ var devDependencies = {
 	"rollup-plugin-web-worker-loader": "1.6.1"
 };
 var packageJSON = {
-	name: name$1,
+	name: name,
 	version: version$1,
 	description: description,
 	main: main,
@@ -62715,10 +62752,12 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
     }
   }, {
     key: "recordTexture",
-    value: function recordTexture(id, type, options) {
+    value: function recordTexture(id, type, options, assetPath) {
+      // assetPath is the relative path like "textures/mytexture.png"
       this.textures.set(type, {
         id: id,
-        options: options
+        options: options,
+        assetPath: assetPath
       });
     }
   }, {
@@ -62739,15 +62778,22 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
           y: 1
         } : _options$repeat,
             _options$wrap = options.wrap,
-            wrap = _options$wrap === void 0 ? RepeatWrapping$1 : _options$wrap;
+            wrap = _options$wrap === void 0 ? RepeatWrapping$1 : _options$wrap,
+            assetPath = options.assetPath;
         var textureOptions = {
           repeat: repeat,
           wrap: wrap
         };
-        this.recordTexture(textureId, textureType, textureOptions);
+        this.recordTexture(textureId, textureType, textureOptions, assetPath);
 
         var applyTextureTo = function applyTextureTo(material) {
           var texture = Images$1.get(textureId);
+
+          if (!texture) {
+            console.warn("[Mage] Texture not found: ".concat(textureId));
+            return;
+          }
+
           texture.wrapS = textureOptions.wrap;
           texture.wrapT = textureOptions.wrap;
           texture.repeat.set(textureOptions.repeat.x, textureOptions.repeat.y);
@@ -70166,6 +70212,75 @@ var createConnect = function (ref) {
 };
 var connect = createConnect();var BaseUI = function BaseUI() {
   return null;
+};/**
+ * Environment configuration module for mage-engine.
+ * Centralizes all environment variables and their default values.
+ *
+ * Usage:
+ *   import env from './env';
+ *   const baseUrl = env.MAGE_ASSETS_BASE_URL;
+ */
+
+/**
+ * Safe window access - returns undefined in non-browser environments
+ */
+var getWindow = function getWindow() {
+  return typeof window !== "undefined" ? window : undefined;
+};
+/**
+ * Gets an environment variable from the window object with a fallback default.
+ * @param {string} key - The environment variable name
+ * @param {any} defaultValue - Default value if not set
+ * @returns {any} - The environment variable value or default
+ */
+
+
+var getEnv = function getEnv(key) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  var win = getWindow();
+  return win && win[key] !== undefined ? win[key] : defaultValue;
+};
+/**
+ * Environment variables with their default values.
+ * These are accessed as getters so they're evaluated at access time,
+ * not at module load time (important for variables set after page load).
+ */
+
+
+var env = {
+  /**
+   * Base URL for loading assets (textures, models, audio).
+   * Set by mage-studio editor or deployed builds.
+   * Default: empty string (paths used as-is for backwards compatibility)
+   */
+  get MAGE_ASSETS_BASE_URL() {
+    return getEnv("MAGE_ASSETS_BASE_URL", "");
+  },
+
+  /**
+   * Enable debug mode for verbose logging.
+   * Default: false
+   */
+  get MAGE_DEBUG() {
+    return getEnv("MAGE_DEBUG", false);
+  },
+
+  /**
+   * Current project ID (set by mage-studio).
+   * Default: empty string
+   */
+  get MAGE_PROJECT_ID() {
+    return getEnv("MAGE_PROJECT_ID", "");
+  },
+
+  /**
+   * Current build ID (set by deployed builds).
+   * Default: empty string
+   */
+  get MAGE_BUILD_ID() {
+    return getEnv("MAGE_BUILD_ID", "");
+  }
+
 };var TIME_FOR_UPDATE = 5;
 var VOLUME = 2;
 var DEFAULT_AUDIO_NODE_VOLUME = 5;
@@ -70175,6 +70290,48 @@ var AUDIO_RAMPS = {
   LINEAR: "LINEAR",
   EXPONENTIAL: "EXPONENTIAL"
 };
+/**
+ * Checks if a path is an absolute URL.
+ * @param {string} path - The path to check
+ * @returns {boolean} - True if path is an absolute URL
+ */
+
+var isURL$1 = function isURL(path) {
+  try {
+    new URL(path);
+    return true;
+  } catch (_) {
+    return false;
+  }
+};
+/**
+ * Resolves an asset path to a full URL.
+ * If path is already an absolute URL, returns it as-is.
+ * If path is relative and MAGE_ASSETS_BASE_URL is set, prepends the base URL.
+ * @param {string} path - The asset path (relative or absolute)
+ * @returns {string} - The resolved full URL
+ */
+
+
+var resolveAssetPath$1 = function resolveAssetPath(path) {
+  // If it's already an absolute URL, use it as-is
+  if (isURL$1(path)) {
+    return path;
+  } // If MAGE_ASSETS_BASE_URL is set, prepend it to the relative path
+
+
+  var baseUrl = env.MAGE_ASSETS_BASE_URL;
+
+  if (baseUrl) {
+    // Remove leading slash from path if present to avoid double slashes
+    var cleanPath = path.startsWith("/") ? path.slice(1) : path;
+    return "".concat(baseUrl, "/").concat(cleanPath);
+  } // Fallback: return the path as-is (for backwards compatibility)
+
+
+  return path;
+};
+
 var Audio = /*#__PURE__*/function () {
   function Audio() {
     var _this = this;
@@ -70212,9 +70369,11 @@ var Audio = /*#__PURE__*/function () {
     });
 
     _defineProperty$1(this, "loadAssetByPath", function (path, id) {
+      // Resolve the path using MAGE_ASSETS_BASE_URL if available
+      var resolvedPath = resolveAssetPath$1(path);
       var request = new XMLHttpRequest();
       return new Promise(function (resolve) {
-        request.open("GET", path, true);
+        request.open("GET", resolvedPath, true);
         request.responseType = "arraybuffer";
 
         request.onreadystatechange = function (e) {
@@ -80709,6 +80868,33 @@ var isURL = function isURL(path) {
     return false;
   }
 };
+/**
+ * Resolves an asset path to a full URL.
+ * If path is already an absolute URL, returns it as-is.
+ * If path is relative and MAGE_ASSETS_BASE_URL is set, prepends the base URL.
+ * @param {string} path - The asset path (relative or absolute)
+ * @returns {string} - The resolved full URL
+ */
+
+
+var resolveAssetPath = function resolveAssetPath(path) {
+  // If it's already an absolute URL, use it as-is
+  if (isURL(path)) {
+    return path;
+  } // If MAGE_ASSETS_BASE_URL is set, prepend it to the relative path
+
+
+  var baseUrl = env.MAGE_ASSETS_BASE_URL;
+
+  if (baseUrl) {
+    // Remove leading slash from path if present to avoid double slashes
+    var cleanPath = path.startsWith("/") ? path.slice(1) : path;
+    return "".concat(baseUrl, "/").concat(cleanPath);
+  } // Fallback: return the path as-is (for backwards compatibility)
+
+
+  return path;
+};
 
 var extractExtension = function extractExtension(path) {
   var url = isURL(path);
@@ -80915,7 +81101,9 @@ var Models = /*#__PURE__*/function (_EventDispatcher) {
     _defineProperty$1(_assertThisInitialized(_this), "loadAssetByPath", function (path, name) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var level = options.level;
-      var id = buildAssetId(name, level);
+      var id = buildAssetId(name, level); // Resolve the path using MAGE_ASSETS_BASE_URL if available
+
+      var resolvedPath = resolveAssetPath(path);
       var extension = extractExtension(path);
 
       var _getLoaderFromExtensi = getLoaderFromExtension(extension, options),
@@ -80932,7 +81120,7 @@ var Models = /*#__PURE__*/function (_EventDispatcher) {
         });
       });
       return new Promise(function (resolve) {
-        loader.load(path, function (model) {
+        loader.load(resolvedPath, function (model) {
           var parsedModel = parser(model);
 
           if (parsedModel) {
@@ -91199,7 +91387,7 @@ var storage = new Storage();var Light$1 = /*#__PURE__*/function (_Entity) {
         _this.holder = holderSprite;
         return true;
       } else {
-        console.warn(LIGHT_HOLDER_MODEL_NOT_FOUND$1);
+        console.warn(LIGHT_HOLDER_MODEL_NOT_FOUND);
         return false;
       }
     });
@@ -91650,7 +91838,32 @@ var PointLight$1 = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new PointLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position,
+          distance = data.distance,
+          decay = data.decay,
+          bias = data.bias,
+          mapSize = data.mapSize,
+          shadowCamera = data.shadowCamera;
+
+      var _ref3 = shadowCamera || {},
+          near = _ref3.near,
+          far = _ref3.far;
+
+      return new PointLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position,
+        distance: distance,
+        decay: decay,
+        near: near,
+        far: far,
+        mapSize: mapSize,
+        bias: bias
+      });
     }
   }]);
 
@@ -91760,7 +91973,16 @@ var AmbientLight$1 = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new AmbientLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position;
+      return new AmbientLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position
+      });
     }
   }]);
 
@@ -92070,7 +92292,36 @@ var SpotLight$1 = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new SpotLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position,
+          distance = data.distance,
+          angle = data.angle,
+          penumbra = data.penumbra,
+          decay = data.decay,
+          bias = data.bias,
+          mapSize = data.mapSize,
+          shadowCamera = data.shadowCamera;
+
+      var _ref3 = shadowCamera || {},
+          near = _ref3.near,
+          far = _ref3.far;
+
+      return new SpotLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position,
+        distance: distance,
+        angle: angle,
+        penumbra: penumbra,
+        decay: decay,
+        near: near,
+        far: far,
+        mapSize: mapSize,
+        bias: bias
+      });
     }
   }]);
 
@@ -92111,7 +92362,7 @@ var SpotLight$1 = /*#__PURE__*/function (_Light) {
         _this.holder = holderSprite;
         return true;
       } else {
-        console.warn(LIGHT_HOLDER_MODEL_NOT_FOUND$1);
+        console.warn(LIGHT_HOLDER_MODEL_NOT_FOUND);
         return false;
       }
     });
@@ -92476,7 +92727,16 @@ var HemisphereLight$1 = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new HemisphereLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position;
+      return new HemisphereLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position
+      });
     }
   }]);
 
@@ -92724,7 +92984,30 @@ var SunLight$1 = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new SunLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position,
+          bias = data.bias,
+          mapSize = data.mapSize,
+          shadowCamera = data.shadowCamera;
+
+      var _ref3 = shadowCamera || {},
+          near = _ref3.near,
+          far = _ref3.far,
+          fov = _ref3.fov;
+
+      return new SunLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position,
+        near: near,
+        far: far,
+        mapSize: mapSize,
+        bias: bias,
+        fov: fov
+      });
     }
   }]);
 
@@ -92836,12 +93119,12 @@ var Sound$1 = /*#__PURE__*/function (_Entity) {
         holderSprite.setDepthWrite(false);
         holderSprite.setSerializable(false);
         holderSprite.setPosition(this.getPosition());
-        holderSprite.addTags([TAGS.HELPER, TAGS.SOUNDS.HELPER, TAGS.SOUNDS.HOLDER, name]);
+        holderSprite.addTags([TAGS.HELPER, TAGS.SOUNDS.HELPER, TAGS.SOUNDS.HOLDER, holderName]);
         holderSprite.setHelperTarget(this);
         this.holder = holderSprite;
         return true;
       } else {
-        console.warn(LIGHT_HOLDER_MODEL_NOT_FOUND);
+        console.warn(SOUND_HOLDER_MODEL_NOT_FOUND);
         return false;
       }
     }
@@ -93590,7 +93873,7 @@ var Importer = /*#__PURE__*/function () {
           _ref$options = _ref.options,
           options = _ref$options === void 0 ? {} : _ref$options;
 
-      if (getWindow() && url) {
+      if (getWindow$1() && url) {
         return fetch$1(url).then(function (res) {
           return res.json();
         }).then(function (data) {
@@ -93686,12 +93969,54 @@ var Importer = /*#__PURE__*/function () {
       if (elementData.textures) {
         var parsedTextures = JSON.parse(elementData.textures);
         element.setNormalScale();
-        Object.keys(parsedTextures).forEach(function (textureType) {
-          var _parsedTextures$textu = parsedTextures[textureType],
-              id = _parsedTextures$textu.id,
-              options = _parsedTextures$textu.options;
-          element.setTexture(id, textureType, options);
-        });
+        Object.keys(parsedTextures).forEach( /*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(textureType) {
+            var _parsedTextures$textu, id, options, assetPath, baseUrl, fullUrl;
+
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    _parsedTextures$textu = parsedTextures[textureType], id = _parsedTextures$textu.id, options = _parsedTextures$textu.options, assetPath = _parsedTextures$textu.assetPath; // If texture not already loaded and we have an assetPath, load it first
+                    // assetPath is relative like "textures/mytexture.png"
+                    // The actual URL is resolved based on the assets base URL
+
+                    if (!(!Images$1.get(id) && assetPath)) {
+                      _context.next = 12;
+                      break;
+                    }
+
+                    _context.prev = 2;
+                    // Use the assets base URL from env to build full URL
+                    baseUrl = env.MAGE_ASSETS_BASE_URL;
+                    fullUrl = baseUrl ? "".concat(baseUrl, "/").concat(assetPath) : assetPath;
+                    _context.next = 7;
+                    return Images$1.loadAssetByPath(fullUrl, id, Images$1.currentLevel);
+
+                  case 7:
+                    _context.next = 12;
+                    break;
+
+                  case 9:
+                    _context.prev = 9;
+                    _context.t0 = _context["catch"](2);
+                    console.warn("[Mage] Failed to load texture: ".concat(id, " from ").concat(assetPath));
+
+                  case 12:
+                    element.setTexture(id, textureType, options);
+
+                  case 13:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee, null, [[2, 9]]);
+          }));
+
+          return function (_x) {
+            return _ref2.apply(this, arguments);
+          };
+        }());
       } // setting shadow properties
 
 
@@ -94970,12 +95295,12 @@ var Sound = /*#__PURE__*/function (_Entity) {
         holderSprite.setDepthWrite(false);
         holderSprite.setSerializable(false);
         holderSprite.setPosition(this.getPosition());
-        holderSprite.addTags([TAGS.HELPER, TAGS.SOUNDS.HELPER, TAGS.SOUNDS.HOLDER, name]);
+        holderSprite.addTags([TAGS.HELPER, TAGS.SOUNDS.HELPER, TAGS.SOUNDS.HOLDER, holderName]);
         holderSprite.setHelperTarget(this);
         this.holder = holderSprite;
         return true;
       } else {
-        console.warn(LIGHT_HOLDER_MODEL_NOT_FOUND);
+        console.warn(SOUND_HOLDER_MODEL_NOT_FOUND);
         return false;
       }
     }
@@ -95353,7 +95678,7 @@ var createPromiseWorker = function createPromiseWorker(task, message) {
     value: function _export() {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      if (getWindow()) {
+      if (getWindow$1()) {
         // only exporting the current level, each level needs to be instantiated to export it
         var level = GameRunner$1.getCurrentLevel();
         var content = JSON.stringify(level.toJSON());
@@ -95554,7 +95879,16 @@ var AmbientLight = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new AmbientLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position;
+      return new AmbientLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position
+      });
     }
   }]);
 
@@ -95802,7 +96136,30 @@ var SunLight = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new SunLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position,
+          bias = data.bias,
+          mapSize = data.mapSize,
+          shadowCamera = data.shadowCamera;
+
+      var _ref3 = shadowCamera || {},
+          near = _ref3.near,
+          far = _ref3.far,
+          fov = _ref3.fov;
+
+      return new SunLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position,
+        near: near,
+        far: far,
+        mapSize: mapSize,
+        bias: bias,
+        fov: fov
+      });
     }
   }]);
 
@@ -96041,7 +96398,32 @@ var PointLight = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new PointLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position,
+          distance = data.distance,
+          decay = data.decay,
+          bias = data.bias,
+          mapSize = data.mapSize,
+          shadowCamera = data.shadowCamera;
+
+      var _ref3 = shadowCamera || {},
+          near = _ref3.near,
+          far = _ref3.far;
+
+      return new PointLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position,
+        distance: distance,
+        decay: decay,
+        near: near,
+        far: far,
+        mapSize: mapSize,
+        bias: bias
+      });
     }
   }]);
 
@@ -96351,7 +96733,36 @@ var SpotLight = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new SpotLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position,
+          distance = data.distance,
+          angle = data.angle,
+          penumbra = data.penumbra,
+          decay = data.decay,
+          bias = data.bias,
+          mapSize = data.mapSize,
+          shadowCamera = data.shadowCamera;
+
+      var _ref3 = shadowCamera || {},
+          near = _ref3.near,
+          far = _ref3.far;
+
+      return new SpotLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position,
+        distance: distance,
+        angle: angle,
+        penumbra: penumbra,
+        decay: decay,
+        near: near,
+        far: far,
+        mapSize: mapSize,
+        bias: bias
+      });
     }
   }]);
 
@@ -96504,7 +96915,16 @@ var HemisphereLight = /*#__PURE__*/function (_Light) {
     key: "create",
     value: function create() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return new HemisphereLight(data.options);
+      var color = data.color,
+          intensity = data.intensity,
+          name = data.name,
+          position = data.position;
+      return new HemisphereLight({
+        color: color,
+        intensity: intensity,
+        name: name,
+        position: position
+      });
     }
   }]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mage-engine",
-    "version": "3.23.23",
+    "version": "3.23.25",
     "description": "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.",
     "main": "dist/mage.js",
     "author": {