kitchen-simulator 2.0.0 → 2.0.1-dot-color

package/lib/devLiteRenderer.js

@@ -0,0 +1,320 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactContainerDimensions = _interopRequireDefault(require("react-container-dimensions"));
+var _mockProps = _interopRequireDefault(require("./mocks/mockProps2.json"));
+var _dataBundle = _interopRequireDefault(require("./mocks/dataBundle2.json"));
+var _cabinetPayload = _interopRequireDefault(require("./mocks/cabinetPayload2.json"));
+var _doorStylePayload = _interopRequireDefault(require("./mocks/doorStylePayload.json"));
+var _doorStylePayload2 = _interopRequireDefault(require("./mocks/doorStylePayload2.json"));
+var _itemCDSPayload = _interopRequireDefault(require("./mocks/itemCDSPayload.json"));
+var _rectangleShape = _interopRequireDefault(require("./mocks/rectangleShape.json"));
+var _moldingPayload = _interopRequireDefault(require("./mocks/moldingPayload.json"));
+var _distancePayload = _interopRequireDefault(require("./mocks/distancePayload.json"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
+var _antd = require("antd");
+var _constants = require("./constants");
+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); }
+// --- renderer props ---
+var options = {
+  unit: 'in',
+  enable3D: true
+};
+var onInternalEvent = function onInternalEvent(evt) {
+  console.log('EVENT:', evt.type, evt.value);
+};
+document.getElementById('app').style.display = 'block';
+function WorkSpace(props) {
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    externalEvent = _useState2[0],
+    setExternalEvent = _useState2[1];
+  var offset = 5;
+  (0, _react.useEffect)(function () {
+    var evt = {
+      type: _constants.EXTERNAL_EVENT_SET_INITIAL_DATA,
+      payload: {
+        doorStyle: {
+          doorStyle: _doorStylePayload["default"]
+        }
+      }
+    };
+    setExternalEvent(evt);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex gap-4"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_TOGGLE_TO_2D,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "2D"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_TOGGLE_TO_3D,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "3D"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Elevation"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: _constants.LEFT,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-left.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: _constants.TOP,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-up.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: _constants.BOTTOM,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-down.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_MOVE_PAN,
+        payload: {
+          moveType: _constants.RIGHT,
+          moveValue: offset
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-right.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ZOOM_IN,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-minus.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ZOOM_OUT,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-plus.svg"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_NEW_PROJECT,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "New Project"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "secondary",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ADD_WALL,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Walls"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ADD_ITEM,
+        payload: _cabinetPayload["default"]
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add B12 Cabinet"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE,
+        payload: {
+          doorStyle: _doorStylePayload2["default"],
+          itemCDS: _itemCDSPayload["default"],
+          isAll: true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "DoorStyle (Change into Midtown White Shaker)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE,
+        payload: _rectangleShape["default"]
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Room shape(rectangle)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_UNDO,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Undo"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_REDO,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Redo"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_SET_MOLDING,
+        payload: {
+          isGlobal: true,
+          moldingInfo: _moldingPayload["default"]
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Global Molding (FBM)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_SET_MOLDING,
+        payload: {
+          isGlobal: false,
+          moldingInfo: _moldingPayload["default"]
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Individual Molding (FBM)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_PROJECT_SETTING,
+        payload: {
+          option: _constants.PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT,
+          value: 100 // ceiling length
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-CeilingHeight"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_PROJECT_SETTING,
+        payload: {
+          option: _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE,
+          value: 1 // 0-false, 1-true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-WallLength"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_CHANGE_DISTANCE,
+        payload: _distancePayload["default"]
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-Distance"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_SYNC_SCENE,
+        // send request for sync scene data to 3DTool
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, "Event-sync"), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
+    width: props.width,
+    height: props.height,
+    projectElement: _mockProps["default"].projectElement,
+    dataBundle: _dataBundle["default"],
+    configData: _mockProps["default"].configData,
+    options: options,
+    logoImg: "/assets/logo.png",
+    companyUrl: "https://example.com",
+    toolbarButtons: [],
+    externalEvent: externalEvent,
+    onInternalEvent: onInternalEvent,
+    onError: function onError(payload) {
+      // payload = {
+      //   type: 'render-error' | 'runtime-error' | 'unhandled-rejection',
+      //   error: { name?, message, stack?, raw? },
+      //   info?: { componentStack? },
+      //   externalEvent: { id?, type, payload } | null,
+      //   meta?: { filename?, lineno?, colno? }
+      // }
+      console.error('TOOL ERROR:', payload);
+    }
+  }));
+}
+_reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_reactContainerDimensions["default"], null, function (_ref) {
+  var width = _ref.width,
+    height = _ref.height;
+  return /*#__PURE__*/_react["default"].createElement(WorkSpace, {
+    width: width,
+    height: height
+  });
+}), document.getElementById('app'));

package/lib/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.renderKitchenSimulator = renderKitchenSimulator;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function renderKitchenSimulator(container) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var setExternalEventFn = null;
+
+  // Internal wrapper that exposes a state setter
+  var Wrapper = /*#__PURE__*/function (_React$Component) {
+    function Wrapper(p) {
+      var _this;
+      (0, _classCallCheck2["default"])(this, Wrapper);
+      _this = _callSuper(this, Wrapper, [p]);
+      _this.state = {
+        externalEvent: p.externalEvent || null
+      };
+      setExternalEventFn = _this.setExternalEvent.bind(_this);
+      return _this;
+    }
+    (0, _inherits2["default"])(Wrapper, _React$Component);
+    return (0, _createClass2["default"])(Wrapper, [{
+      key: "setExternalEvent",
+      value: function setExternalEvent(newEvent) {
+        this.setState({
+          externalEvent: newEvent
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], (0, _extends2["default"])({}, this.props, {
+          externalEvent: this.state.externalEvent
+        }));
+      }
+    }]);
+  }(_react["default"].Component); // Mount once
+  _reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(Wrapper, props), container);
+  return {
+    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
+      var _setExternalEventFn;
+      (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
+    },
+    unmount: function unmount() {
+      _reactDom["default"].unmountComponentAtNode(container);
+    }
+  };
+}
+var _default = exports["default"] = renderKitchenSimulator;