kitchen-simulator 4.0.6-react-18 → 4.0.8-react-18

package/es/index.js

@@ -1 +1,58 @@
-export { default as LiteRenderer } from "./LiteRenderer";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import LiteRenderer from "./LiteRenderer";
+export 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;
+      _classCallCheck(this, Wrapper);
+      _this = _callSuper(this, Wrapper, [p]);
+      _this.state = {
+        externalEvent: p.externalEvent || null
+      };
+      setExternalEventFn = _this.setExternalEvent.bind(_this);
+      return _this;
+    }
+    _inherits(Wrapper, _React$Component);
+    return _createClass(Wrapper, [{
+      key: "setExternalEvent",
+      value: function setExternalEvent(newEvent) {
+        this.setState({
+          externalEvent: newEvent
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, this.props, {
+          externalEvent: this.state.externalEvent
+        }));
+      }
+    }]);
+  }(React.Component); // React 18 root
+  var root = createRoot(container);
+  root.render(/*#__PURE__*/React.createElement(Wrapper, props));
+  return {
+    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
+      var _setExternalEventFn;
+      (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
+    },
+    unmount: function unmount() {
+      root.unmount();
+      setExternalEventFn = null;
+    }
+  };
+}
+export default renderKitchenSimulator;

package/lib/index.js

@@ -4,10 +4,63 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "LiteRenderer", {
-  enumerable: true,
-  get: function get() {
-    return _LiteRenderer["default"];
-  }
-});
-var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
+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 _client = require("react-dom/client");
+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); // React 18 root
+  var root = (0, _client.createRoot)(container);
+  root.render(/*#__PURE__*/_react["default"].createElement(Wrapper, props));
+  return {
+    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
+      var _setExternalEventFn;
+      (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
+    },
+    unmount: function unmount() {
+      root.unmount();
+      setExternalEventFn = null;
+    }
+  };
+}
+var _default = exports["default"] = renderKitchenSimulator;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "4.0.6-react-18",
+  "version": "4.0.8-react-18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",
@@ -85,15 +85,11 @@
     "react-svg-pan-zoom": "^3.13.1",
     "react-use-measure": "^2.1.7",
     "redux": "^5.0.1",
-    "three": "0.166.0"
-  },
-  "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
+    "three": "0.166.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "@babel/cli": "^7.28.3",
     "@babel/core": "^7.28.4",
     "@babel/plugin-transform-modules-commonjs": "^7.27.1",