Merge pull request #39 from trenc/fix/updated

refactor: update libs, apply some styles

Author: trenc

dist/klee.js

@@ -1,18 +1,20 @@
 // src/modules/constants.js
-var KLEEVERSION = "0.8.2";
+var KLEEVERSION = "0.8.3";
 
 // src/default.options.js
 function getDefaultOptions(THREE) {
   return {
     debugLevel: 0,
+    // 0,1,2,3
     responsive: true,
     renderer: {
       type: "WebGLRenderer",
-      args: [{antialias: true, preserveDrawingBuffer: true, alpha: true}],
+      args: [{ antialias: true, preserveDrawingBuffer: true, alpha: true }],
       domElement: "body",
       clearColor: "#000000",
       opacity: 1,
       properties: {
+        // outputEncoding: THREE.sRGBEncoding,
         shadowMap: {
           enabled: true,
           type: THREE.PCFSoftShadowMap
@@ -25,7 +27,7 @@ function getDefaultOptions(THREE) {
         lookAt: [0, 0, 0]
       },
       properties: {
-        position: {x: -1, y: 2, z: 5},
+        position: { x: -1, y: 2, z: 5 },
         name: "camera-1",
         fov: 35,
         aspect: window.innerWidth / window.innerHeight,
@@ -37,14 +39,16 @@ function getDefaultOptions(THREE) {
       type: "Scene",
       properties: {
         name: "scene-1",
-        position: {x: 0, y: 0, z: 0}
+        position: { x: 0, y: 0, z: 0 }
       }
     }
   };
 }
 
 // src/utils.js
 var Utils = class {
+  // https://gist.github.com/ahtcx/0cd94e62691f539160b32ecda18af3d6
+  // mutates target for read-only properties
   static merge(target, source) {
     if (!source || typeof source !== "object") {
       return target;
@@ -83,7 +87,7 @@ var Utils = class {
 };
 
 // src/modules/app.js
-var App = function() {
+var App = /* @__PURE__ */ function() {
   let options = {};
   let THREE;
   const local = {
@@ -109,13 +113,13 @@ var App = function() {
     if (!three || !three.REVISION) {
       error("THREE is not inserted");
     }
-    THREE = {...three};
+    THREE = { ...three };
     if (!initOptions || typeof initOptions !== "object") {
       initOptions = {};
       warn("Options are set to default values");
     }
     const mergedOptions = Utils.merge(getDefaultOptions(THREE), initOptions);
-    options = {...mergedOptions};
+    options = { ...mergedOptions };
     local.renderer = initRenderer(options.renderer);
     local.manager = new THREE.LoadingManager();
   }
@@ -296,85 +300,21 @@ var App = function() {
   };
 }();
 
-// src/modules/material.js
-var Material = function() {
-  function create(options) {
-    if (!options) {
-      options = {
-        type: "MeshPhongMaterial",
-        args: [{color: 16777215}]
-      };
-      App.info("No options for material given, using default MeshPhongMaterial in white");
-    }
-    let material = App.create(options);
-    material = change(material, options);
-    return material;
-  }
-  function change(object, options) {
-    const THREE = App.THREE;
-    if (options.properties) {
-      object = applyProperties(object, options.properties);
-    }
-    if (options.methods) {
-      object = Utils.applyMethods(object, options.methods);
-    }
-    if (options.textures) {
-      options.textures.forEach(async (texture) => {
-        const loaderType = texture.loader || "TextureLoader";
-        const loader = new THREE[loaderType](App.manager);
-        const mapType = texture.map;
-        const mapTexture = await loader.loadAsync(texture.url);
-        object[mapType] = mapTexture;
-        if (texture.properties) {
-          object[mapType] = applyProperties(object[mapType], texture.properties);
-        }
-        if (texture.methods) {
-          object[mapType] = Utils.applyMethods(object, texture.methods);
-        }
-      });
-      object.needsUpdate = true;
-    }
-    return object;
-  }
-  function applyProperties(object, options) {
-    const THREE = App.THREE;
-    if (!options || typeof options !== "object") {
-      return object;
-    }
-    for (const prop in options) {
-      if (options[prop] instanceof Object) {
-        object[prop] = {...options[prop]};
-      } else {
-        if (Utils.isThreeColorValue(prop)) {
-          object[prop] = new THREE.Color(options[prop]);
-        } else {
-          object[prop] = options[prop];
-        }
-      }
-    }
-    return object;
-  }
-  return {
-    create,
-    change
-  };
-}(App);
-
 // src/modules/userdata.js
-var UserData = function() {
+var UserData = /* @__PURE__ */ function() {
   function handle(object, userData) {
     const f = {
       collidable: (action) => addCollidables(object, action),
       draggable: (action) => addDraggables(object, action),
-      dragMaterial: (action) => createDragMaterial(object, action),
+      // dragMaterial: (action) => createDragMaterial(object, action),
       movingLimiter: (action) => setMovingLimits(object, action)
     };
     for (const action in userData) {
       if (userData[action] && f[action]) {
         f[action](action);
       }
     }
-    object.userData = {...object.userData, ...userData};
+    object.userData = { ...object.userData, ...userData };
   }
   function setMovingLimits(object, action) {
     const THREE = App.THREE;
@@ -385,9 +325,6 @@ var UserData = function() {
       max: boundingBox.max
     };
   }
-  function createDragMaterial(object, action) {
-    return;
-  }
   function addDraggables(object, action) {
     if (action) {
       App.draggables.push(object);
@@ -404,7 +341,7 @@ var UserData = function() {
 }(App);
 
 // src/modules/object3d.js
-var Object3d = function() {
+var Object3d = /* @__PURE__ */ function() {
   function add(options) {
     const object3d = create(options);
     App.scene.add(object3d);
@@ -437,10 +374,10 @@ var Object3d = function() {
           if ("setFromVector3" in object[prop]) {
             const toVector3 = new THREE.Vector3();
             toVector3.setFromEuler(object[prop]);
-            const mergedVector3 = {...toVector3, ...options[prop]};
+            const mergedVector3 = { ...toVector3, ...options[prop] };
             object[prop].setFromVector3(mergedVector3);
           }
-          const v = {...object[prop], ...options[prop]};
+          const v = { ...object[prop], ...options[prop] };
           object[prop].copy(v);
         } else {
           if (prop === "userData") {
@@ -467,7 +404,7 @@ var Object3d = function() {
 }(App);
 
 // src/modules/scene.js
-var Scene = function() {
+var Scene = /* @__PURE__ */ function() {
   function init() {
     const options = App.options;
     App.camera = initCamera(options.camera);
@@ -503,7 +440,7 @@ var Scene = function() {
 }(App);
 
 // src/modules/controls.js
-var Controls = function() {
+var Controls = /* @__PURE__ */ function() {
   function init(Controls2, options) {
     App.controls[Controls2.name] = initControls(Controls2, options);
   }
@@ -518,7 +455,7 @@ var Controls = function() {
 }(App);
 
 // src/modules/loaders.js
-var Loaders = function() {
+var Loaders = /* @__PURE__ */ function() {
   const Loaders2 = {};
   function init(LoaderClass) {
     Loaders2[LoaderClass.name] = new LoaderClass(App.manager);
@@ -534,7 +471,7 @@ var Loaders = function() {
 }(App);
 
 // src/modules/light.js
-var Light = function() {
+var Light = /* @__PURE__ */ function() {
   function create(options) {
     const light = Object3d.create(options);
     return light;
@@ -568,8 +505,72 @@ var Light = function() {
   };
 }(App);
 
+// src/modules/material.js
+var Material = /* @__PURE__ */ function() {
+  function create(options) {
+    if (!options) {
+      options = {
+        type: "MeshPhongMaterial",
+        args: [{ color: 16777215 }]
+      };
+      App.info("No options for material given, using default MeshPhongMaterial in white");
+    }
+    let material = App.create(options);
+    material = change(material, options);
+    return material;
+  }
+  function change(object, options) {
+    const THREE = App.THREE;
+    if (options.properties) {
+      object = applyProperties(object, options.properties);
+    }
+    if (options.methods) {
+      object = Utils.applyMethods(object, options.methods);
+    }
+    if (options.textures) {
+      options.textures.forEach(async (texture) => {
+        const loaderType = texture.loader || "TextureLoader";
+        const loader = new THREE[loaderType](App.manager);
+        const mapType = texture.map;
+        const mapTexture = await loader.loadAsync(texture.url);
+        object[mapType] = mapTexture;
+        if (texture.properties) {
+          object[mapType] = applyProperties(object[mapType], texture.properties);
+        }
+        if (texture.methods) {
+          object[mapType] = Utils.applyMethods(object, texture.methods);
+        }
+      });
+      object.needsUpdate = true;
+    }
+    return object;
+  }
+  function applyProperties(object, options) {
+    const THREE = App.THREE;
+    if (!options || typeof options !== "object") {
+      return object;
+    }
+    for (const prop in options) {
+      if (options[prop] instanceof Object) {
+        object[prop] = { ...options[prop] };
+      } else {
+        if (Utils.isThreeColorValue(prop)) {
+          object[prop] = new THREE.Color(options[prop]);
+        } else {
+          object[prop] = options[prop];
+        }
+      }
+    }
+    return object;
+  }
+  return {
+    create,
+    change
+  };
+}(App);
+
 // src/modules/geometry.js
-var Geometry = function() {
+var Geometry = /* @__PURE__ */ function() {
   function create(options) {
     if (!options) {
       options = {
@@ -588,7 +589,7 @@ var Geometry = function() {
 }(App);
 
 // src/modules/item.js
-var Item = function() {
+var Item = /* @__PURE__ */ function() {
   function create(options) {
     const THREE = App.THREE;
     const material = Material.create(options.material);
@@ -691,7 +692,7 @@ var Item = function() {
 }(App);
 
 // src/modules/dragging.js
-var Dragging = function() {
+var Dragging = /* @__PURE__ */ function() {
   let tmpMaterial = null;
   let plane = null;
   let planeNormal = null;
@@ -790,7 +791,7 @@ var Dragging = function() {
 }();
 
 // src/modules/events.js
-var Events = function() {
+var Events = /* @__PURE__ */ function() {
   async function init() {
     const THREE = App.THREE;
     App.raycaster = App.raycaster ?? new THREE.Raycaster();
@@ -826,7 +827,7 @@ var Events = function() {
 }();
 
 // src/modules/collisions.js
-var Collision = function() {
+var Collision = /* @__PURE__ */ function() {
   const currentCollisions = [];
   function check(object, onlyVisible = true) {
     const THREE = App.THREE;