@perceptimagery/dita-configurator-staging 0.1.7302 → 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.7302";
+  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();
@@ -41961,6 +41972,7 @@ bool bvhIntersectFirstHit(
         -0.2564218846390263
       );
       const rendererSize = this.renderer.getSize(new Vector2());
+      console.log(rendererSize);
       if (rendererSize.x > rendererSize.y) {
         this.camera.position.set(
           2.2,
@@ -41977,7 +41989,7 @@ bool bvhIntersectFirstHit(
           12
         );
         controls.minDistance = 3;
-        controls.maxDistance = 16;
+        controls.maxDistance = 14;
         controls.rotateSpeed = 0.8;
       }
       controls.enableDamping = true;
@@ -42089,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.7302",
+  "version": "0.1.7400",
   "author": "Rohan Satpute <rohan@perceptimagery.com>",
   "license": "UNLICENSED",
   "main": "dist/index.js",