kitchen-simulator
Version:
It is a kitchen simulator (self-contained micro-frontend).
272 lines (271 loc) • 10.1 kB
JavaScript
"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/mockProps.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 _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
};
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(_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,
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'));