@configuratorware/configurator-frontendgui 1.31.6 → 1.31.9-beta.0

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

@@ -28,7 +28,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var DEVELOPMENT_HOST_INT = 'http://int.configuratorware.local'; // eslint-disable-next-line no-unused-vars
 
-var DEVELOPMENT_HOST_LOCAL = 'http://localhost:10030';
+var DEVELOPMENT_HOST_LOCAL = DEVELOPMENT_HOST_INT; //'http://localhost:10030';
+
 var hostsByNodeEnv = {
   production: '',
   development: DEVELOPMENT_HOST_LOCAL,
@@ -164,7 +165,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.6",
+  "version": "1.31.9-beta.0",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.31.6",
+    "@configuratorware/scripts": "1.31.9-beta.0",
     "@hot-loader/react-dom": "^17.0.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.2",
@@ -26,9 +26,9 @@
     "path-browserify": "^1.0.1",
     "prop-types": "^15.7.2",
     "qs": "^6.10.1",
-    "react": "^16.14.0",
+    "react": "^17.0.2",
     "react-custom-scrollbars": "^4.2.1",
-    "react-dom": "^16.14.0",
+    "react-dom": "^17.0.2",
     "react-file-drop": "^0.2.8",
     "react-hot-loader": "^4.13.0",
     "react-hyphen": "^1.4.0",
@@ -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.6",
-    "redhotmagma-visualization": "1.31.6",
+    "redhotmagma-graphics-editor": "1.31.9-beta.0",
+    "redhotmagma-visualization": "1.31.9-beta.0",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",
@@ -76,6 +76,5 @@
   "scripts": {
     "copy-public": "node ./scripts/cpPublic.js",
     "install": "npm run copy-public"
-  },
-  "readme": "# configurator-frontendgui\n\n## Setup for Development\n1. Follow the \"preparation\", \"install\" and \"start development\" steps in frontend/README.md\n1. Open the core app in the browser: http://localhost:3001/identifier:softshell_designer_2d\n1. 'hostsByNodeEnv.development' in src/App/configuration.js is configurable  \n    thus allowing to use e.g. your local api\n\n## Ready to build the artifacts\n- run `pnpm build` from project scope (does not build workspace dependencies automatically)\n- or run `pnpm build` from workspace root\n\n## Start storybook in project \n1. `pnpm run storybook`\n1. `storybook starts on http://localhost:9001/` \n\n## [Guidelines for automated testing](docs/TestingGuidelines.md)\n"
+  }
 }

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

@@ -9,7 +9,7 @@ import { setStateChangeReducers, setSubReducers } from './Reducers/Configurator/
 const DEVELOPMENT_HOST_INT = 'http://int.configuratorware.local';
 
 // eslint-disable-next-line no-unused-vars
-const DEVELOPMENT_HOST_LOCAL = 'http://localhost:10030';
+const DEVELOPMENT_HOST_LOCAL = DEVELOPMENT_HOST_INT; //'http://localhost:10030';
 
 const hostsByNodeEnv = {
     production: '',
@@ -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: {