@perceptimagery/dita-configurator-staging 0.1.7301 → 0.1.7400

package/dist/index.js

@@ -111,7 +111,7 @@ var __publicField = (obj, key, value) => {
     host: "https://api.sprie.io"
   };
   const config = Object.freeze(Config$1);
-  const version$1 = "0.1.7301";
+  const version$1 = "0.1.7400";
   function modifyLensArr(arr, element) {
     const index = arr.findIndex((e) => e["sku"] === element["sku"]);
     if (index !== -1) {
@@ -41462,8 +41462,9 @@ bool bvhIntersectFirstHit(
     }
     async intialize() {
       var _a;
-      const newWidth = document.querySelector("canvas.sprie-config-webgl").clientWidth;
-      const newHeight = document.querySelector("canvas.sprie-config-webgl").clientHeight;
+      const canvas = document.querySelector("canvas.sprie-config-webgl");
+      const newWidth = canvas.clientWidth;
+      const newHeight = canvas.clientHeight;
       this.camera = new PerspectiveCamera(
         12,
         newWidth / newHeight,
@@ -41477,8 +41478,7 @@ bool bvhIntersectFirstHit(
         alpha: true,
         antialias: true
       });
-      this.renderer.setSize(newWidth, newHeight);
-      this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+      this.resizeRenderer();
       const rgbeLoader = new RGBELoader();
       rgbeLoader.load(
         "https://sprie-jarvis-public.s3.eu-west-2.amazonaws.com/environment_desaturated.hdr",
@@ -41516,6 +41516,17 @@ bool bvhIntersectFirstHit(
       temp5.FAST_CHROMA = "";
       diamondMaterial.defines = temp5;
     }
+    resizeRenderer() {
+      var _a;
+      const pixelRatio = Math.min(window.devicePixelRatio, 2);
+      const resoWidth = Math.floor(this.canvas.clientWidth * pixelRatio);
+      const resoHeight = Math.floor(this.canvas.clientHeight * pixelRatio);
+      const needResize = this.canvas.width !== resoWidth || this.canvas.height !== resoHeight;
+      if (needResize) {
+        (_a = this.renderer) == null ? void 0 : _a.setSize(resoWidth, resoHeight, false);
+      }
+      return needResize;
+    }
     cleanUp() {
       if (this.renderer) {
         this.renderer.dispose();
@@ -41960,13 +41971,27 @@ bool bvhIntersectFirstHit(
         -0.13425621157020154,
         -0.2564218846390263
       );
-      this.camera.position.set(
-        2.2,
-        2.2,
-        4
-      );
-      controls.minDistance = 1;
-      controls.maxDistance = 5;
+      const rendererSize = this.renderer.getSize(new Vector2());
+      console.log(rendererSize);
+      if (rendererSize.x > rendererSize.y) {
+        this.camera.position.set(
+          2.2,
+          2.2,
+          4
+        );
+        controls.minDistance = 2;
+        controls.maxDistance = 7;
+        controls.rotateSpeed = 0.5;
+      } else {
+        this.camera.position.set(
+          4.2,
+          5.2,
+          12
+        );
+        controls.minDistance = 3;
+        controls.maxDistance = 14;
+        controls.rotateSpeed = 0.8;
+      }
       controls.enableDamping = true;
       controls.dampingFactor = 0.2;
       controls.enablePan = true;
@@ -42076,7 +42101,12 @@ bool bvhIntersectFirstHit(
       composer.addPass(renderPass);
       composer.addPass(outputPass);
       const animate = () => {
+        var _a;
         controls.update();
+        if (this.resizeRenderer()) {
+          this.camera.aspect = this.canvas.clientWidth / this.canvas.clientHeight;
+          (_a = this.camera) == null ? void 0 : _a.updateProjectionMatrix();
+        }
         const initialBackground = this.scene.background;
         this.scene.background = null;
         this.scene.overrideMaterial = depthMaterial;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perceptimagery/dita-configurator-staging",
-  "version": "0.1.7301",
+  "version": "0.1.7400",
   "author": "Rohan Satpute <rohan@perceptimagery.com>",
   "license": "UNLICENSED",
   "main": "dist/index.js",