kitchen-simulator 4.0.1-react-18 → 4.0.2-react-18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
2
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
4
  import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
6
5
  import _createClass from "@babel/runtime/helpers/esm/createClass";
7
6
  import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
@@ -305,14 +304,6 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
305
304
  key: "componentDidMount",
306
305
  value: function componentDidMount() {
307
306
  window.forRedo = [];
308
- var store = this.context.store;
309
- var _this$props = this.props,
310
- stateExtractor = _this$props.stateExtractor,
311
- plugins = _this$props.plugins;
312
- var newplugins = _toConsumableArray(plugins);
313
- newplugins.forEach(function (newplugin) {
314
- return newplugin(store, stateExtractor);
315
- });
316
307
  }
317
308
  }, {
318
309
  key: "componentWillReceiveProps",
@@ -346,20 +337,19 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
346
337
  key: "render",
347
338
  value: function render() {
348
339
  var _this2 = this;
340
+ var _this$props = this.props,
341
+ width = _this$props.width,
342
+ height = _this$props.height,
343
+ state = _this$props.state,
344
+ stateExtractor = _this$props.stateExtractor,
345
+ props = _objectWithoutProperties(_this$props, _excluded);
349
346
  var actionsFromProps = objectsMap(actions, function (ns) {
350
347
  return _this2.props[ns];
351
348
  });
352
349
  var appCtxValue = _objectSpread(_objectSpread({}, actionsFromProps), {}, {
353
350
  translator: this.props.translator,
354
- // instance (defaultProps already gives one)
355
351
  catalog: this.props.catalog
356
352
  });
357
- var _this$props2 = this.props,
358
- width = _this$props2.width,
359
- height = _this$props2.height,
360
- state = _this$props2.state,
361
- stateExtractor = _this$props2.stateExtractor,
362
- props = _objectWithoutProperties(_this$props2, _excluded);
363
353
  var _this$state = this.state,
364
354
  savePopupVisible = _this$state.savePopupVisible,
365
355
  quotePopupVisible = _this$state.quotePopupVisible,
@@ -24,7 +24,6 @@ import Catalog from "./catalog/catalog";
24
24
  import * as Areas from "./catalog/areas/area/planner-element";
25
25
  import * as Lines from "./catalog/lines/wall/planner-element";
26
26
  import * as Holes from "./catalog/holes/export";
27
- import { ConsoleDebugger, Keyboard } from "./plugins/export";
28
27
  import { Map } from 'immutable';
29
28
  import * as Sentry from '@sentry/react';
30
29
  import * as THREE from 'three';
@@ -76,7 +75,6 @@ var store = createStore(reducer, null, !isProduction && window.devToolsExtension
76
75
  }) : function (f) {
77
76
  return f;
78
77
  });
79
- var plugins = [Keyboard(), ConsoleDebugger()];
80
78
  function serializeError(err) {
81
79
  try {
82
80
  if (!err) return {
@@ -289,7 +287,6 @@ export default function LiteRenderer(props) {
289
287
  height: height,
290
288
  logoImage: logoImg,
291
289
  companyURL: companyUrl,
292
- plugins: plugins,
293
290
  stateExtractor: function stateExtractor(state) {
294
291
  return state.get('KitchenConfigurator');
295
292
  },
@@ -20,6 +20,97 @@ export default function Content(_ref) {
20
20
  catalog = _ref.catalog,
21
21
  onInternalEvent = _ref.onInternalEvent;
22
22
  var mode = state.get('mode');
23
+ var _useAppContext = useAppContext(),
24
+ projectActions = _useAppContext.projectActions;
25
+ var rollback = projectActions.rollback,
26
+ undo = projectActions.undo,
27
+ redo = projectActions.redo,
28
+ toggleSnap = projectActions.toggleSnap,
29
+ copyProperties = projectActions.copyProperties,
30
+ pasteProperties = projectActions.pasteProperties,
31
+ recreate = projectActions.recreate,
32
+ uncreate = projectActions.uncreate,
33
+ shift2doff = projectActions.shift2doff,
34
+ shift2don = projectActions.shift2don;
35
+ useEffect(function () {
36
+ function handleKeyDown(event) {
37
+ switch (event.keyCode) {
38
+ case constants.KEYBOARD_BUTTON_CODE.ESC:
39
+ rollback();
40
+ break;
41
+ case constants.KEYBOARD_BUTTON_CODE.Z:
42
+ if (event.getModifierState('Control') || event.getModifierState('Meta')) undo();
43
+ break;
44
+ case constants.KEYBOARD_BUTTON_CODE.Q:
45
+ if (event.getModifierState('Control') || event.getModifierState('Meta')) redo();
46
+ break;
47
+ case constants.KEYBOARD_BUTTON_CODE.ALT:
48
+ if (constants.MODE_SNAPPING.includes(mode)) toggleSnap(state.snapMask.merge({
49
+ SNAP_POINT: false,
50
+ SNAP_LINE: false,
51
+ SNAP_SEGMENT: false,
52
+ SNAP_GRID: false,
53
+ SNAP_GUIDE: false,
54
+ tempSnapConfiguartion: state.snapMask.toJS()
55
+ }));
56
+ break;
57
+ case constants.KEYBOARD_BUTTON_CODE.C:
58
+ {
59
+ var selectedLayer = state.getIn(['scene', 'selectedLayer']);
60
+ var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
61
+ if ((mode === constants.MODE_IDLE || mode === constants.MODE_3D_VIEW) && (selected.holes.size || selected.areas.size || selected.items.size || selected.lines.size)) {
62
+ if (selected.holes.size) {
63
+ var hole = state.getIn(['scene', 'layers', selectedLayer, 'holes', selected.holes.get(0)]);
64
+ copyProperties(hole.get('properties'));
65
+ } else if (selected.areas.size) {
66
+ var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
67
+ copyProperties(area.properties);
68
+ } else if (selected.items.size) {
69
+ var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
70
+ copyProperties(item.properties);
71
+ } else if (selected.lines.size) {
72
+ var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
73
+ copyProperties(line.properties);
74
+ }
75
+ }
76
+ break;
77
+ }
78
+ case constants.KEYBOARD_BUTTON_CODE.V:
79
+ pasteProperties();
80
+ break;
81
+ case constants.KEYBOARD_BUTTON_CODE.SHIFT:
82
+ if (!['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName)) {
83
+ if ([constants.MODE_DRAWING_ITEM_3D, constants.MODE_IDLE_3D].includes(mode)) recreate();else if ([constants.MODE_DRAWING_ITEM, constants.MODE_IDLE].includes(mode)) shift2doff();
84
+ }
85
+ break;
86
+ default:
87
+ break;
88
+ }
89
+ }
90
+ function handleKeyUp(event) {
91
+ switch (event.keyCode) {
92
+ case constants.KEYBOARD_BUTTON_CODE.ALT:
93
+ if (constants.MODE_SNAPPING.includes(mode)) toggleSnap(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion')));
94
+ break;
95
+ case constants.KEYBOARD_BUTTON_CODE.CTRL:
96
+ // setAlterateState();
97
+ break;
98
+ case constants.KEYBOARD_BUTTON_CODE.SHIFT:
99
+ if (!['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName)) {
100
+ if ([constants.MODE_DRAWING_ITEM_3D, constants.MODE_IDLE_3D].includes(mode)) uncreate();else if ([constants.MODE_DRAWING_ITEM, constants.MODE_IDLE].includes(mode)) shift2don();
101
+ }
102
+ break;
103
+ default:
104
+ break;
105
+ }
106
+ }
107
+ window.addEventListener('keydown', handleKeyDown);
108
+ window.addEventListener('keyup', handleKeyUp);
109
+ return function () {
110
+ window.removeEventListener('keydown', handleKeyDown);
111
+ window.removeEventListener('keyup', handleKeyUp);
112
+ };
113
+ }, [state, rollback, undo, redo, toggleSnap, copyProperties, pasteProperties, recreate, uncreate, shift2doff, shift2don]);
23
114
 
24
115
  // Internal Event for unselect_all
25
116
  useEffect(function () {
@@ -43,9 +43,10 @@ var RulerX = /*#__PURE__*/function (_Component) {
43
43
  height: '100%',
44
44
  color: this.props.fontColor
45
45
  };
46
+ var left = Number.isFinite(this.props.zeroLeftPosition) && Number.isFinite(this.props.mouseX) && Number.isFinite(this.props.zoom) ? this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5 : 0;
46
47
  var markerStyle = {
47
48
  position: 'absolute',
48
- left: this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5,
49
+ left: left,
49
50
  top: 8,
50
51
  width: 0,
51
52
  height: 0,
@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports["default"] = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
12
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
14
13
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
14
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -314,14 +313,6 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
314
313
  key: "componentDidMount",
315
314
  value: function componentDidMount() {
316
315
  window.forRedo = [];
317
- var store = this.context.store;
318
- var _this$props = this.props,
319
- stateExtractor = _this$props.stateExtractor,
320
- plugins = _this$props.plugins;
321
- var newplugins = (0, _toConsumableArray2["default"])(plugins);
322
- newplugins.forEach(function (newplugin) {
323
- return newplugin(store, stateExtractor);
324
- });
325
316
  }
326
317
  }, {
327
318
  key: "componentWillReceiveProps",
@@ -355,20 +346,19 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
355
346
  key: "render",
356
347
  value: function render() {
357
348
  var _this2 = this;
349
+ var _this$props = this.props,
350
+ width = _this$props.width,
351
+ height = _this$props.height,
352
+ state = _this$props.state,
353
+ stateExtractor = _this$props.stateExtractor,
354
+ props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
358
355
  var actionsFromProps = (0, _objectsUtils.objectsMap)(_export["default"], function (ns) {
359
356
  return _this2.props[ns];
360
357
  });
361
358
  var appCtxValue = _objectSpread(_objectSpread({}, actionsFromProps), {}, {
362
359
  translator: this.props.translator,
363
- // instance (defaultProps already gives one)
364
360
  catalog: this.props.catalog
365
361
  });
366
- var _this$props2 = this.props,
367
- width = _this$props2.width,
368
- height = _this$props2.height,
369
- state = _this$props2.state,
370
- stateExtractor = _this$props2.stateExtractor,
371
- props = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
372
362
  var _this$state = this.state,
373
363
  savePopupVisible = _this$state.savePopupVisible,
374
364
  quotePopupVisible = _this$state.quotePopupVisible,
@@ -27,7 +27,6 @@ var _catalog = _interopRequireDefault(require("./catalog/catalog"));
27
27
  var Areas = _interopRequireWildcard(require("./catalog/areas/area/planner-element"));
28
28
  var Lines = _interopRequireWildcard(require("./catalog/lines/wall/planner-element"));
29
29
  var Holes = _interopRequireWildcard(require("./catalog/holes/export"));
30
- var _export2 = require("./plugins/export");
31
30
  var _immutable = require("immutable");
32
31
  var Sentry = _interopRequireWildcard(require("@sentry/react"));
33
32
  var THREE = _interopRequireWildcard(require("three"));
@@ -85,7 +84,6 @@ var store = (0, _redux.createStore)(reducer, null, !isProduction && window.devTo
85
84
  }) : function (f) {
86
85
  return f;
87
86
  });
88
- var plugins = [(0, _export2.Keyboard)(), (0, _export2.ConsoleDebugger)()];
89
87
  function serializeError(err) {
90
88
  try {
91
89
  if (!err) return {
@@ -298,7 +296,6 @@ function LiteRenderer(props) {
298
296
  height: height,
299
297
  logoImage: logoImg,
300
298
  companyURL: companyUrl,
301
- plugins: plugins,
302
299
  stateExtractor: function stateExtractor(state) {
303
300
  return state.get('KitchenConfigurator');
304
301
  },
@@ -13,7 +13,7 @@ var _viewer3d = _interopRequireDefault(require("./viewer3d/viewer3d"));
13
13
  var _viewer3dFirstPerson = _interopRequireDefault(require("./viewer3d/viewer3d-first-person"));
14
14
  var constants = _interopRequireWildcard(require("../constants"));
15
15
  var _front3D = _interopRequireDefault(require("./viewer3d/front3D"));
16
- var _useAppContext = require("../useAppContext");
16
+ var _useAppContext2 = require("../useAppContext");
17
17
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
18
18
  // import CatalogList from './catalog-view/catalog-list';
19
19
  // import ProjectConfigurator from './configurator/project-configurator';
@@ -30,6 +30,97 @@ function Content(_ref) {
30
30
  catalog = _ref.catalog,
31
31
  onInternalEvent = _ref.onInternalEvent;
32
32
  var mode = state.get('mode');
33
+ var _useAppContext = (0, _useAppContext2.useAppContext)(),
34
+ projectActions = _useAppContext.projectActions;
35
+ var rollback = projectActions.rollback,
36
+ undo = projectActions.undo,
37
+ redo = projectActions.redo,
38
+ toggleSnap = projectActions.toggleSnap,
39
+ copyProperties = projectActions.copyProperties,
40
+ pasteProperties = projectActions.pasteProperties,
41
+ recreate = projectActions.recreate,
42
+ uncreate = projectActions.uncreate,
43
+ shift2doff = projectActions.shift2doff,
44
+ shift2don = projectActions.shift2don;
45
+ (0, _react.useEffect)(function () {
46
+ function handleKeyDown(event) {
47
+ switch (event.keyCode) {
48
+ case constants.KEYBOARD_BUTTON_CODE.ESC:
49
+ rollback();
50
+ break;
51
+ case constants.KEYBOARD_BUTTON_CODE.Z:
52
+ if (event.getModifierState('Control') || event.getModifierState('Meta')) undo();
53
+ break;
54
+ case constants.KEYBOARD_BUTTON_CODE.Q:
55
+ if (event.getModifierState('Control') || event.getModifierState('Meta')) redo();
56
+ break;
57
+ case constants.KEYBOARD_BUTTON_CODE.ALT:
58
+ if (constants.MODE_SNAPPING.includes(mode)) toggleSnap(state.snapMask.merge({
59
+ SNAP_POINT: false,
60
+ SNAP_LINE: false,
61
+ SNAP_SEGMENT: false,
62
+ SNAP_GRID: false,
63
+ SNAP_GUIDE: false,
64
+ tempSnapConfiguartion: state.snapMask.toJS()
65
+ }));
66
+ break;
67
+ case constants.KEYBOARD_BUTTON_CODE.C:
68
+ {
69
+ var selectedLayer = state.getIn(['scene', 'selectedLayer']);
70
+ var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
71
+ if ((mode === constants.MODE_IDLE || mode === constants.MODE_3D_VIEW) && (selected.holes.size || selected.areas.size || selected.items.size || selected.lines.size)) {
72
+ if (selected.holes.size) {
73
+ var hole = state.getIn(['scene', 'layers', selectedLayer, 'holes', selected.holes.get(0)]);
74
+ copyProperties(hole.get('properties'));
75
+ } else if (selected.areas.size) {
76
+ var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
77
+ copyProperties(area.properties);
78
+ } else if (selected.items.size) {
79
+ var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
80
+ copyProperties(item.properties);
81
+ } else if (selected.lines.size) {
82
+ var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
83
+ copyProperties(line.properties);
84
+ }
85
+ }
86
+ break;
87
+ }
88
+ case constants.KEYBOARD_BUTTON_CODE.V:
89
+ pasteProperties();
90
+ break;
91
+ case constants.KEYBOARD_BUTTON_CODE.SHIFT:
92
+ if (!['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName)) {
93
+ if ([constants.MODE_DRAWING_ITEM_3D, constants.MODE_IDLE_3D].includes(mode)) recreate();else if ([constants.MODE_DRAWING_ITEM, constants.MODE_IDLE].includes(mode)) shift2doff();
94
+ }
95
+ break;
96
+ default:
97
+ break;
98
+ }
99
+ }
100
+ function handleKeyUp(event) {
101
+ switch (event.keyCode) {
102
+ case constants.KEYBOARD_BUTTON_CODE.ALT:
103
+ if (constants.MODE_SNAPPING.includes(mode)) toggleSnap(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion')));
104
+ break;
105
+ case constants.KEYBOARD_BUTTON_CODE.CTRL:
106
+ // setAlterateState();
107
+ break;
108
+ case constants.KEYBOARD_BUTTON_CODE.SHIFT:
109
+ if (!['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName)) {
110
+ if ([constants.MODE_DRAWING_ITEM_3D, constants.MODE_IDLE_3D].includes(mode)) uncreate();else if ([constants.MODE_DRAWING_ITEM, constants.MODE_IDLE].includes(mode)) shift2don();
111
+ }
112
+ break;
113
+ default:
114
+ break;
115
+ }
116
+ }
117
+ window.addEventListener('keydown', handleKeyDown);
118
+ window.addEventListener('keyup', handleKeyUp);
119
+ return function () {
120
+ window.removeEventListener('keydown', handleKeyDown);
121
+ window.removeEventListener('keyup', handleKeyUp);
122
+ };
123
+ }, [state, rollback, undo, redo, toggleSnap, copyProperties, pasteProperties, recreate, uncreate, shift2doff, shift2don]);
33
124
 
34
125
  // Internal Event for unselect_all
35
126
  (0, _react.useEffect)(function () {
@@ -52,9 +52,10 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
52
52
  height: '100%',
53
53
  color: this.props.fontColor
54
54
  };
55
+ var left = Number.isFinite(this.props.zeroLeftPosition) && Number.isFinite(this.props.mouseX) && Number.isFinite(this.props.zoom) ? this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5 : 0;
55
56
  var markerStyle = {
56
57
  position: 'absolute',
57
- left: this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5,
58
+ left: left,
58
59
  top: 8,
59
60
  width: 0,
60
61
  height: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kitchen-simulator",
3
- "version": "4.0.1-react-18",
3
+ "version": "4.0.2-react-18",
4
4
  "description": "It is a kitchen simulator (self-contained micro-frontend).",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",
@@ -1,34 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- import actions from "../actions/export";
5
- export default function consoleDebugger() {
6
- return function (store, stateExtractor) {
7
- window.KitchenConfigurator = _objectSpread(_objectSpread({}, actions), {}, {
8
- getStore: function getStore() {
9
- return store;
10
- },
11
- getState: function getState() {
12
- return stateExtractor(store.getState());
13
- },
14
- "do": function _do(actions) {
15
- var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
16
- actions = actions.reverse();
17
- var dispatch = store.dispatch;
18
- var _dispatchAction = function dispatchAction() {
19
- console.info("There are other ".concat(actions.length, " actions on stack"));
20
- if (actions.length === 0) return;
21
- dispatch(actions.pop());
22
- if (actions.length === 0) return;
23
- setTimeout(_dispatchAction, delay);
24
- };
25
- setTimeout(_dispatchAction, 0);
26
- }
27
- });
28
- console.groupCollapsed('KitchenConfigurator');
29
- console.info('KitchenConfigurator is ready');
30
- console.info('console.log(KitchenConfigurator)');
31
- console.log(window.KitchenConfigurator);
32
- console.groupEnd();
33
- };
34
- }
@@ -1,7 +0,0 @@
1
- import Keyboard from "./keyboard";
2
- import ConsoleDebugger from "./console-debugger";
3
- export { Keyboard, ConsoleDebugger };
4
- export default {
5
- Keyboard: Keyboard,
6
- ConsoleDebugger: ConsoleDebugger
7
- };
@@ -1,110 +0,0 @@
1
- import { MODE_IDLE, MODE_3D_FIRST_PERSON, MODE_3D_VIEW, MODE_SNAPPING, KEYBOARD_BUTTON_CODE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM_3D, MODE_DRAWING_ITEM } from "../constants";
2
- import { rollback, undo, redo, recreate, uncreate, remove, toggleSnap, copyProperties, pasteProperties, shift2doff, shift2don } from "../actions/project-actions";
3
- export default function keyboard() {
4
- return function (store, stateExtractor) {
5
- window.addEventListener('keydown', function (event) {
6
- var state = stateExtractor(store.getState());
7
- var mode = state.get('mode');
8
- switch (event.keyCode) {
9
- // case KEYBOARD_BUTTON_CODE.BACKSPACE:
10
- // case KEYBOARD_BUTTON_CODE.DELETE: {
11
- // if (
12
- // [
13
- // MODE_IDLE,
14
- // MODE_3D_FIRST_PERSON,
15
- // MODE_3D_VIEW,
16
- // MODE_IDLE_3D,
17
- // MODE_ROTATING_ITEM_3D,
18
- // MODE_DRAGGING_ITEM_3D
19
- // ].includes(mode)
20
- // )
21
- // store.dispatch(remove());
22
- // break;
23
- // }
24
- case KEYBOARD_BUTTON_CODE.ESC:
25
- {
26
- store.dispatch(rollback());
27
- break;
28
- }
29
- case KEYBOARD_BUTTON_CODE.Z:
30
- {
31
- if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch(undo());
32
- break;
33
- }
34
- case KEYBOARD_BUTTON_CODE.Q:
35
- {
36
- if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch(redo());
37
- break;
38
- }
39
- case KEYBOARD_BUTTON_CODE.ALT:
40
- {
41
- if (MODE_SNAPPING.includes(mode)) store.dispatch(toggleSnap(state.snapMask.merge({
42
- SNAP_POINT: false,
43
- SNAP_LINE: false,
44
- SNAP_SEGMENT: false,
45
- SNAP_GRID: false,
46
- SNAP_GUIDE: false,
47
- tempSnapConfiguartion: state.snapMask.toJS()
48
- })));
49
- break;
50
- }
51
- case KEYBOARD_BUTTON_CODE.C:
52
- {
53
- var selectedLayer = state.getIn(['scene', 'selectedLayer']);
54
- var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
55
- if ((mode === MODE_IDLE || mode === MODE_3D_VIEW) && (selected.holes.size || selected.areas.size || selected.items.size || selected.lines.size)) {
56
- if (selected.holes.size) {
57
- var hole = state.getIn(['scene', 'layers', selectedLayer, 'holes', selected.holes.get(0)]);
58
- store.dispatch(copyProperties(hole.get('properties')));
59
- } else if (selected.areas.size) {
60
- var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
61
- store.dispatch(copyProperties(area.properties));
62
- } else if (selected.items.size) {
63
- var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
64
- store.dispatch(copyProperties(item.properties));
65
- } else if (selected.lines.size) {
66
- var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
67
- store.dispatch(copyProperties(line.properties));
68
- }
69
- }
70
- break;
71
- }
72
- case KEYBOARD_BUTTON_CODE.V:
73
- {
74
- store.dispatch(pasteProperties());
75
- break;
76
- }
77
- case KEYBOARD_BUTTON_CODE.SHIFT:
78
- {
79
- if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
80
- if ([MODE_DRAWING_ITEM_3D, MODE_IDLE_3D].includes(mode)) store.dispatch(recreate());else if ([MODE_DRAWING_ITEM, MODE_IDLE].includes(mode)) store.dispatch(shift2doff());
81
- }
82
- break;
83
- }
84
- }
85
- });
86
- window.addEventListener('keyup', function (event) {
87
- var state = stateExtractor(store.getState());
88
- var mode = state.get('mode');
89
- switch (event.keyCode) {
90
- case KEYBOARD_BUTTON_CODE.ALT:
91
- {
92
- if (MODE_SNAPPING.includes(mode)) store.dispatch(toggleSnap(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion'))));
93
- break;
94
- }
95
- case KEYBOARD_BUTTON_CODE.CTRL:
96
- {
97
- // store.dispatch(setAlterateState());
98
- break;
99
- }
100
- case KEYBOARD_BUTTON_CODE.SHIFT:
101
- {
102
- if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
103
- if ([MODE_DRAWING_ITEM_3D, MODE_IDLE_3D].includes(mode)) store.dispatch(uncreate());else if ([MODE_DRAWING_ITEM, MODE_IDLE].includes(mode)) store.dispatch(shift2don());
104
- }
105
- break;
106
- }
107
- }
108
- });
109
- };
110
- }
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = consoleDebugger;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _export = _interopRequireDefault(require("../actions/export"));
10
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12
- function consoleDebugger() {
13
- return function (store, stateExtractor) {
14
- window.KitchenConfigurator = _objectSpread(_objectSpread({}, _export["default"]), {}, {
15
- getStore: function getStore() {
16
- return store;
17
- },
18
- getState: function getState() {
19
- return stateExtractor(store.getState());
20
- },
21
- "do": function _do(actions) {
22
- var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
23
- actions = actions.reverse();
24
- var dispatch = store.dispatch;
25
- var _dispatchAction = function dispatchAction() {
26
- console.info("There are other ".concat(actions.length, " actions on stack"));
27
- if (actions.length === 0) return;
28
- dispatch(actions.pop());
29
- if (actions.length === 0) return;
30
- setTimeout(_dispatchAction, delay);
31
- };
32
- setTimeout(_dispatchAction, 0);
33
- }
34
- });
35
- console.groupCollapsed('KitchenConfigurator');
36
- console.info('KitchenConfigurator is ready');
37
- console.info('console.log(KitchenConfigurator)');
38
- console.log(window.KitchenConfigurator);
39
- console.groupEnd();
40
- };
41
- }
42
- module.exports = exports.default;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "ConsoleDebugger", {
8
- enumerable: true,
9
- get: function get() {
10
- return _consoleDebugger["default"];
11
- }
12
- });
13
- Object.defineProperty(exports, "Keyboard", {
14
- enumerable: true,
15
- get: function get() {
16
- return _keyboard["default"];
17
- }
18
- });
19
- exports["default"] = void 0;
20
- var _keyboard = _interopRequireDefault(require("./keyboard"));
21
- var _consoleDebugger = _interopRequireDefault(require("./console-debugger"));
22
- var _default = exports["default"] = {
23
- Keyboard: _keyboard["default"],
24
- ConsoleDebugger: _consoleDebugger["default"]
25
- };
@@ -1,117 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = keyboard;
7
- var _constants = require("../constants");
8
- var _projectActions = require("../actions/project-actions");
9
- function keyboard() {
10
- return function (store, stateExtractor) {
11
- window.addEventListener('keydown', function (event) {
12
- var state = stateExtractor(store.getState());
13
- var mode = state.get('mode');
14
- switch (event.keyCode) {
15
- // case KEYBOARD_BUTTON_CODE.BACKSPACE:
16
- // case KEYBOARD_BUTTON_CODE.DELETE: {
17
- // if (
18
- // [
19
- // MODE_IDLE,
20
- // MODE_3D_FIRST_PERSON,
21
- // MODE_3D_VIEW,
22
- // MODE_IDLE_3D,
23
- // MODE_ROTATING_ITEM_3D,
24
- // MODE_DRAGGING_ITEM_3D
25
- // ].includes(mode)
26
- // )
27
- // store.dispatch(remove());
28
- // break;
29
- // }
30
- case _constants.KEYBOARD_BUTTON_CODE.ESC:
31
- {
32
- store.dispatch((0, _projectActions.rollback)());
33
- break;
34
- }
35
- case _constants.KEYBOARD_BUTTON_CODE.Z:
36
- {
37
- if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch((0, _projectActions.undo)());
38
- break;
39
- }
40
- case _constants.KEYBOARD_BUTTON_CODE.Q:
41
- {
42
- if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch((0, _projectActions.redo)());
43
- break;
44
- }
45
- case _constants.KEYBOARD_BUTTON_CODE.ALT:
46
- {
47
- if (_constants.MODE_SNAPPING.includes(mode)) store.dispatch((0, _projectActions.toggleSnap)(state.snapMask.merge({
48
- SNAP_POINT: false,
49
- SNAP_LINE: false,
50
- SNAP_SEGMENT: false,
51
- SNAP_GRID: false,
52
- SNAP_GUIDE: false,
53
- tempSnapConfiguartion: state.snapMask.toJS()
54
- })));
55
- break;
56
- }
57
- case _constants.KEYBOARD_BUTTON_CODE.C:
58
- {
59
- var selectedLayer = state.getIn(['scene', 'selectedLayer']);
60
- var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
61
- if ((mode === _constants.MODE_IDLE || mode === _constants.MODE_3D_VIEW) && (selected.holes.size || selected.areas.size || selected.items.size || selected.lines.size)) {
62
- if (selected.holes.size) {
63
- var hole = state.getIn(['scene', 'layers', selectedLayer, 'holes', selected.holes.get(0)]);
64
- store.dispatch((0, _projectActions.copyProperties)(hole.get('properties')));
65
- } else if (selected.areas.size) {
66
- var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
67
- store.dispatch((0, _projectActions.copyProperties)(area.properties));
68
- } else if (selected.items.size) {
69
- var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
70
- store.dispatch((0, _projectActions.copyProperties)(item.properties));
71
- } else if (selected.lines.size) {
72
- var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
73
- store.dispatch((0, _projectActions.copyProperties)(line.properties));
74
- }
75
- }
76
- break;
77
- }
78
- case _constants.KEYBOARD_BUTTON_CODE.V:
79
- {
80
- store.dispatch((0, _projectActions.pasteProperties)());
81
- break;
82
- }
83
- case _constants.KEYBOARD_BUTTON_CODE.SHIFT:
84
- {
85
- if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
86
- if ([_constants.MODE_DRAWING_ITEM_3D, _constants.MODE_IDLE_3D].includes(mode)) store.dispatch((0, _projectActions.recreate)());else if ([_constants.MODE_DRAWING_ITEM, _constants.MODE_IDLE].includes(mode)) store.dispatch((0, _projectActions.shift2doff)());
87
- }
88
- break;
89
- }
90
- }
91
- });
92
- window.addEventListener('keyup', function (event) {
93
- var state = stateExtractor(store.getState());
94
- var mode = state.get('mode');
95
- switch (event.keyCode) {
96
- case _constants.KEYBOARD_BUTTON_CODE.ALT:
97
- {
98
- if (_constants.MODE_SNAPPING.includes(mode)) store.dispatch((0, _projectActions.toggleSnap)(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion'))));
99
- break;
100
- }
101
- case _constants.KEYBOARD_BUTTON_CODE.CTRL:
102
- {
103
- // store.dispatch(setAlterateState());
104
- break;
105
- }
106
- case _constants.KEYBOARD_BUTTON_CODE.SHIFT:
107
- {
108
- if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
109
- if ([_constants.MODE_DRAWING_ITEM_3D, _constants.MODE_IDLE_3D].includes(mode)) store.dispatch((0, _projectActions.uncreate)());else if ([_constants.MODE_DRAWING_ITEM, _constants.MODE_IDLE].includes(mode)) store.dispatch((0, _projectActions.shift2don)());
110
- }
111
- break;
112
- }
113
- }
114
- });
115
- };
116
- }
117
- module.exports = exports.default;