zakeke-configurator-react 0.0.212 → 0.0.213

package/dist/index.js

@@ -28949,6 +28949,8 @@ var MeshLocationsManager = /*#__PURE__*/function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "IS_ANDROID": () => (/* binding */ IS_ANDROID),
+/* harmony export */   "IS_IOS": () => (/* binding */ IS_IOS),
 /* harmony export */   "MeshDesignManager": () => (/* binding */ MeshDesignManager)
 /* harmony export */ });
 /* harmony import */ var _Helpers_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Helpers/debounce */ "../../3D/src/Helpers/debounce.ts");
@@ -28982,6 +28984,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+var IS_ANDROID = /android/i.test(navigator.userAgent);
+var IS_IOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !self.MSStream || navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;
 var MeshDesignManager = /*#__PURE__*/function () {
   function MeshDesignManager(scene, zkScene, mesh, subMesh, zkModel, zkDesign) {
     var showDesign = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
@@ -29087,12 +29091,16 @@ var MeshDesignManager = /*#__PURE__*/function () {
     this._zkDesign = zkDesign;
     this._showDesign = showDesign;
     if (effect) this._effect = effect;
+
+    // 512 only on iphone 
+    if (designTextureResolution === 512 && !IS_IOS) {
+      designTextureResolution = 1024;
+    }
+    console.log("IS_IOS", IS_IOS, designTextureResolution);
     this._baseWidth = designTextureResolution;
     this._baseHeight = designTextureResolution;
     this._textureWidth = designTextureResolution;
     this._textureHeight = designTextureResolution;
-
-    //this.initAsync();
   }
 
   // Temporary until we can access internal matrix (speak with Matteo)
@@ -30312,7 +30320,7 @@ var MeshDesignManager = /*#__PURE__*/function () {
               _context17.next = 11;
               return new Promise( /*#__PURE__*/function () {
                 var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(resolve) {
-                  var _this3$_customizer, _this3$_customizer2, valuesJson, values, matrix, originalCenterX, originalCenterY, zoom;
+                  var _this3$_customizer, _this3$_customizer2, valuesJson, values, matrix, zoom, originalCenterX, originalCenterY;
                   return _regeneratorRuntime().wrap(function _callee16$(_context16) {
                     while (1) switch (_context16.prev = _context16.next) {
                       case 0:
@@ -30335,11 +30343,11 @@ var MeshDesignManager = /*#__PURE__*/function () {
 
                             // If the texture is not 1024 then zoom out because the matrix is based on 1024
                             if (_this3._textureWidth !== 1024) {
-                              originalCenterX = 1024 / 2 - matrix.getTranslation().x;
-                              originalCenterY = 1024 / 2 - matrix.getTranslation().y;
-                              _this3._customizer.paper.view.center = new _this3._customizer.paper.Point(originalCenterX, originalCenterY);
                               zoom = 1024 / _this3._textureWidth;
                               _this3._customizer.paper.view.zoom *= 1 / zoom;
+                              originalCenterX = (1024 / 2 - matrix.getTranslation().x) / matrix.getScaling().x;
+                              originalCenterY = (1024 / 2 - matrix.getTranslation().y) / matrix.getScaling().y;
+                              _this3._customizer.paper.view.center = new _this3._customizer.paper.Point(originalCenterX, originalCenterY);
                             }
                             _this3._customizer.paper.view.update();
                           }
@@ -58795,8 +58803,8 @@ var SceneViewer = /*#__PURE__*/function () {
               // Resize this canvas to 1024x1024
               originalWidth = canvas.width;
               originalHeight = canvas.height;
-              canvas.width = 1024;
-              canvas.height = 1024;
+              canvas.width = width;
+              canvas.height = height;
 
               // Get current camera position and target
               originalCameraPosition = this.scene.activeCamera.position.clone();
@@ -60763,6 +60771,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "EventState": () => (/* reexport safe */ _Misc_Observable__WEBPACK_IMPORTED_MODULE_45__.EventState),
 /* harmony export */   "ForegroundBackgroundProceduralTexture": () => (/* reexport safe */ _Components_ProceduralTextures_ForegroundBackgroundProceduralTexture__WEBPACK_IMPORTED_MODULE_8__.ForegroundBackgroundProceduralTexture),
 /* harmony export */   "GlowManager": () => (/* reexport safe */ _Components_Glow_GlowManager__WEBPACK_IMPORTED_MODULE_17__.GlowManager),
+/* harmony export */   "IS_ANDROID": () => (/* reexport safe */ _Components_DesignManagers_MeshDesignManager__WEBPACK_IMPORTED_MODULE_24__.IS_ANDROID),
+/* harmony export */   "IS_IOS": () => (/* reexport safe */ _Components_DesignManagers_MeshDesignManager__WEBPACK_IMPORTED_MODULE_24__.IS_IOS),
 /* harmony export */   "IncrementalFiles": () => (/* reexport safe */ _Components_IncrementalFiles_IncrementalFiles__WEBPACK_IMPORTED_MODULE_19__.IncrementalFiles),
 /* harmony export */   "InfoPointsManager": () => (/* reexport safe */ _Components_InfoPointsManager_InfoPointsManager__WEBPACK_IMPORTED_MODULE_34__.InfoPointsManager),
 /* harmony export */   "InnerShadow": () => (/* reexport safe */ _Components_Shadows_InnerShadow__WEBPACK_IMPORTED_MODULE_22__.InnerShadow),
@@ -62326,8 +62336,8 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     _classCallCheck(this, ZakekeEnvironment);
     _defineProperty(this, "booted", false);
     _defineProperty(this, "platformAttributesSelection", []);
-    _defineProperty(this, "previewWidth", 768);
-    _defineProperty(this, "previewHeight", 768);
+    _defineProperty(this, "previewWidth", 1024);
+    _defineProperty(this, "previewHeight", 1024);
     _defineProperty(this, "clientPreviewWidth", 1024);
     _defineProperty(this, "clientPreviewHeight", 1024);
     _defineProperty(this, "shareUrlPrefix", null);
@@ -66369,6 +66379,10 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         return _ref80.apply(this, arguments);
       };
     }());
+    if (_helpers__WEBPACK_IMPORTED_MODULE_7__.IS_IOS) {
+      this.previewHeight = 512;
+      this.previewWidth = 512;
+    }
   }
   _createClass(ZakekeEnvironment, [{
     key: "internalProduct",
@@ -66943,7 +66957,6 @@ function _downloadFontsOfDesign() {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          console.log("donwloading fonts", downloadedFonts);
           // Get all the fonts first
           fonts = [];
           _iterator = _createForOfIteratorHelper(design.get("designItems").models);
@@ -66960,7 +66973,6 @@ function _downloadFontsOfDesign() {
           } finally {
             _iterator.f();
           }
-          console.log(fonts);
           fontFamilies = fonts.map(function (fontName) {
             return downloadedFonts.find(function (fontFamily) {
               return fontFamily.name == fontName;
@@ -66969,12 +66981,12 @@ function _downloadFontsOfDesign() {
             return x != null;
           });
           if (!(fontFamilies.length > 0)) {
-            _context2.next = 9;
+            _context2.next = 7;
             break;
           }
-          _context2.next = 9;
+          _context2.next = 7;
           return loadFonts(fontFamilies);
-        case 9:
+        case 7:
         case "end":
           return _context2.stop();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zakeke-configurator-react",
-  "version": "0.0.212",
+  "version": "0.0.213",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/declarations/composer/Module/src/index.d.ts",