@configuratorware/configurator-frontendgui 1.31.5 → 1.31.8

package/App/Services/VisualizationService.js

@@ -435,6 +435,8 @@ var VisualizationService = /*#__PURE__*/function (_AbstractVisualizatio) {
       (0, _sendMessage["default"])(component, 'clearViewIfEmpty', !!isAdminMode);
       var visualizationOverlayMode = (0, _configuration.getConf)('visualizationOverlayMode');
       (0, _sendMessage["default"])(component, 'setOverlayMode', !!visualizationOverlayMode);
+      var visualizationOptions = (0, _configuration.getConf)('visualization.options');
+      (0, _sendMessage["default"])(component, 'setOptions', visualizationOptions);
       this.observable.dispatch(EventTypes.ComponentChange, {
         component: component
       });

package/App/configuration.js

@@ -164,7 +164,14 @@ var applicationConfiguration = {
 
   },
   visualization: {
-    designAreaHighlightBackgroundColor: 'transparent'
+    designAreaHighlightBackgroundColor: 'transparent',
+    options: {
+      // when zoom = 1 use NearestFilter (for sharper product image)
+      sharperFullView: false,
+      // upscale or downscale the product image to fit 2048 x 2048
+      // Warning! not recommended, use better image resources instead
+      optimizeProductImage: false
+    }
   },
   designer: {
     dpi: 300,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@configuratorware/configurator-frontendgui",
-  "version": "1.31.5",
+  "version": "1.31.8",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.31.5",
+    "@configuratorware/scripts": "1.31.8",
     "@hot-loader/react-dom": "^17.0.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.2",
@@ -39,8 +39,8 @@
     "react-router-dom": "^5.2.0",
     "react-swipeable": "^5.5.1",
     "react-zoom-pan-pinch": "^2.1.3",
-    "redhotmagma-graphics-editor": "1.31.5",
-    "redhotmagma-visualization": "1.31.5",
+    "redhotmagma-graphics-editor": "1.31.8",
+    "redhotmagma-visualization": "1.31.8",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",

package/src/App/Services/VisualizationService.js

@@ -267,6 +267,9 @@ export default class VisualizationService extends AbstractVisualizationService {
         const visualizationOverlayMode = getConf('visualizationOverlayMode');
         sendMessage(component, 'setOverlayMode', !!visualizationOverlayMode);
 
+        const visualizationOptions = getConf('visualization.options');
+        sendMessage(component, 'setOptions', visualizationOptions);
+
         this.observable.dispatch(EventTypes.ComponentChange, { component });
 
         return this;

package/src/App/configuration.js

@@ -181,6 +181,13 @@ let applicationConfiguration = {
 
     visualization: {
         designAreaHighlightBackgroundColor: 'transparent',
+        options: {
+            // when zoom = 1 use NearestFilter (for sharper product image)
+            sharperFullView: false,
+            // upscale or downscale the product image to fit 2048 x 2048
+            // Warning! not recommended, use better image resources instead
+            optimizeProductImage: false,
+        },
     },
 
     designer: {