kitchen-simulator 1.0.0-clark.56 → 1.0.0-clark.57

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.
Files changed (3) hide show
  1. package/es/index.js +44 -16
  2. package/lib/index.js +44 -16
  3. package/package.json +1 -1
package/es/index.js CHANGED
@@ -1,26 +1,54 @@
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; }
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
5
+ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
6
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
7
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
8
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
4
9
  import ReactDOM from 'react-dom';
5
- import React from 'react';
6
10
  import LiteRenderer from "./LiteRenderer";
7
11
  export function renderKitchenSimulator(container) {
8
12
  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
9
- var currentProps = props;
13
+ var setExternalEventFn = null;
10
14
 
11
- // Initial render
12
- var root = ReactDOM.render(/*#__PURE__*/React.createElement(LiteRenderer, props), container);
13
- return {
14
- root: root,
15
- updateExternalEvent: function updateExternalEvent(newExternalEvent) {
16
- var prevEvent = currentProps.externalEvent;
17
- var isSameEvent = prevEvent && newExternalEvent && prevEvent.type === newExternalEvent.type && JSON.stringify(prevEvent.payload) === JSON.stringify(newExternalEvent.payload);
18
- if (!isSameEvent) {
19
- currentProps = _objectSpread(_objectSpread({}, currentProps), {}, {
20
- externalEvent: newExternalEvent
15
+ // Internal wrapper that exposes a state setter
16
+ var Wrapper = /*#__PURE__*/function (_React$Component) {
17
+ function Wrapper(p) {
18
+ var _this;
19
+ _classCallCheck(this, Wrapper);
20
+ _this = _callSuper(this, Wrapper, [p]);
21
+ _this.state = {
22
+ externalEvent: p.externalEvent || null
23
+ };
24
+ setExternalEventFn = _this.setExternalEvent.bind(_this);
25
+ return _this;
26
+ }
27
+ _inherits(Wrapper, _React$Component);
28
+ return _createClass(Wrapper, [{
29
+ key: "setExternalEvent",
30
+ value: function setExternalEvent(newEvent) {
31
+ this.setState({
32
+ externalEvent: newEvent
21
33
  });
22
- ReactDOM.render(/*#__PURE__*/React.createElement(LiteRenderer, currentProps), container);
23
34
  }
35
+ }, {
36
+ key: "render",
37
+ value: function render() {
38
+ return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, this.props, {
39
+ externalEvent: this.state.externalEvent
40
+ }));
41
+ }
42
+ }]);
43
+ }(React.Component); // Mount once
44
+ ReactDOM.render(/*#__PURE__*/React.createElement(Wrapper, props), container);
45
+ return {
46
+ updateExternalEvent: function updateExternalEvent(newExternalEvent) {
47
+ var _setExternalEventFn;
48
+ (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
49
+ },
50
+ unmount: function unmount() {
51
+ ReactDOM.unmountComponentAtNode(container);
24
52
  }
25
53
  };
26
54
  }
package/lib/index.js CHANGED
@@ -6,29 +6,57 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = void 0;
8
8
  exports.renderKitchenSimulator = renderKitchenSimulator;
9
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
10
15
  var _reactDom = _interopRequireDefault(require("react-dom"));
11
- var _react = _interopRequireDefault(require("react"));
12
16
  var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
13
- 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; }
14
- 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; }
17
+ 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)); }
18
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
15
19
  function renderKitchenSimulator(container) {
16
20
  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
17
- var currentProps = props;
21
+ var setExternalEventFn = null;
18
22
 
19
- // Initial render
20
- var root = _reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], props), container);
21
- return {
22
- root: root,
23
- updateExternalEvent: function updateExternalEvent(newExternalEvent) {
24
- var prevEvent = currentProps.externalEvent;
25
- var isSameEvent = prevEvent && newExternalEvent && prevEvent.type === newExternalEvent.type && JSON.stringify(prevEvent.payload) === JSON.stringify(newExternalEvent.payload);
26
- if (!isSameEvent) {
27
- currentProps = _objectSpread(_objectSpread({}, currentProps), {}, {
28
- externalEvent: newExternalEvent
23
+ // Internal wrapper that exposes a state setter
24
+ var Wrapper = /*#__PURE__*/function (_React$Component) {
25
+ function Wrapper(p) {
26
+ var _this;
27
+ (0, _classCallCheck2["default"])(this, Wrapper);
28
+ _this = _callSuper(this, Wrapper, [p]);
29
+ _this.state = {
30
+ externalEvent: p.externalEvent || null
31
+ };
32
+ setExternalEventFn = _this.setExternalEvent.bind(_this);
33
+ return _this;
34
+ }
35
+ (0, _inherits2["default"])(Wrapper, _React$Component);
36
+ return (0, _createClass2["default"])(Wrapper, [{
37
+ key: "setExternalEvent",
38
+ value: function setExternalEvent(newEvent) {
39
+ this.setState({
40
+ externalEvent: newEvent
29
41
  });
30
- _reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], currentProps), container);
31
42
  }
43
+ }, {
44
+ key: "render",
45
+ value: function render() {
46
+ return /*#__PURE__*/React.createElement(_LiteRenderer["default"], (0, _extends2["default"])({}, this.props, {
47
+ externalEvent: this.state.externalEvent
48
+ }));
49
+ }
50
+ }]);
51
+ }(React.Component); // Mount once
52
+ _reactDom["default"].render(/*#__PURE__*/React.createElement(Wrapper, props), container);
53
+ return {
54
+ updateExternalEvent: function updateExternalEvent(newExternalEvent) {
55
+ var _setExternalEventFn;
56
+ (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
57
+ },
58
+ unmount: function unmount() {
59
+ _reactDom["default"].unmountComponentAtNode(container);
32
60
  }
33
61
  };
34
62
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kitchen-simulator",
3
- "version": "1.0.0-clark.56",
3
+ "version": "1.0.0-clark.57",
4
4
  "description": "It is a kitchen simulator (self-contained micro-frontend).",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",