@modern-js/plugin-state 1.1.3 → 1.1.4-rc.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @modern-js/plugin-state
 
+## 1.1.4-rc.0
+
+### Patch Changes
+
+- 4a281912: fix: app init function not work
+- Updated dependencies [4a281912]
+- Updated dependencies [4a281912]
+- Updated dependencies [eb026119]
+  - @modern-js/runtime-core@1.1.3-rc.0
+  - @modern-js/core@1.2.1-rc.0
+
 ## 1.1.3
 
 ### Patch Changes

package/dist/js/modern/runtime/plugin.js

@@ -9,21 +9,25 @@ import { useContext } from 'react';
 import { createPlugin, RuntimeReactContext } from '@modern-js/runtime-core';
 import { createStore } from '@modern-js-reduck/store';
 import { Provider } from '@modern-js-reduck/react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const state = config => createPlugin(() => ({
   hoc({
     App
   }, next) {
+    const getStateApp = props => {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const context = useContext(RuntimeReactContext);
+      return /*#__PURE__*/_jsx(Provider, {
+        store: context.store,
+        config: config,
+        children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
+      });
+    };
+
     return next({
-      App: props => {
-        const context = useContext(RuntimeReactContext);
-        return /*#__PURE__*/_jsx(Provider, {
-          store: context.store,
-          config: config,
-          children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
-        });
-      }
+      App: hoistNonReactStatics(getStateApp, App)
     });
   },
 

package/dist/js/node/runtime/plugin.js

@@ -14,6 +14,8 @@ var _store = require("@modern-js-reduck/store");
 
 var _react2 = require("@modern-js-reduck/react");
 
+var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _plugins = require("../plugins");
@@ -30,6 +32,8 @@ Object.keys(_plugins).forEach(function (key) {
   });
 });
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -40,15 +44,18 @@ const state = config => (0, _runtimeCore.createPlugin)(() => ({
   hoc({
     App
   }, next) {
+    const getStateApp = props => {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const context = (0, _react.useContext)(_runtimeCore.RuntimeReactContext);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Provider, {
+        store: context.store,
+        config: config,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
+      });
+    };
+
     return next({
-      App: props => {
-        const context = (0, _react.useContext)(_runtimeCore.RuntimeReactContext);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Provider, {
-          store: context.store,
-          config: config,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
-        });
-      }
+      App: (0, _hoistNonReactStatics.default)(getStateApp, App)
     });
   },
 

package/dist/js/treeshaking/runtime/plugin.js

@@ -9,22 +9,27 @@ import { useContext } from 'react';
 import { createPlugin, RuntimeReactContext } from '@modern-js/runtime-core';
 import { createStore } from '@modern-js-reduck/store';
 import { Provider } from '@modern-js-reduck/react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 var state = function state(config) {
   return createPlugin(function () {
     return {
       hoc: function hoc(_ref, next) {
-        var _App = _ref.App;
+        var App = _ref.App;
+
+        var getStateApp = function getStateApp(props) {
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          var context = useContext(RuntimeReactContext);
+          return /*#__PURE__*/_jsx(Provider, {
+            store: context.store,
+            config: config,
+            children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
+          });
+        };
+
         return next({
-          App: function App(props) {
-            var context = useContext(RuntimeReactContext);
-            return /*#__PURE__*/_jsx(Provider, {
-              store: context.store,
-              config: config,
-              children: /*#__PURE__*/_jsx(_App, _objectSpread({}, props))
-            });
-          }
+          App: hoistNonReactStatics(getStateApp, App)
         });
       },
       init: function init(_ref2, next) {

package/dist/types/runtime/plugin.d.ts

@@ -30,7 +30,7 @@ declare const state: (config: PluginProps) => import("@modern-js/plugin").Plugin
     App: import("react").ComponentType<any>;
     context?: import("@modern-js/runtime-core").RuntimeContext | undefined;
   }, string>;
-  init: import("@modern-js/runtime-core").Pipeline<{
+  init: import("@modern-js/runtime-core").AsyncPipeline<{
     context: import("@modern-js/runtime-core").RuntimeContext;
   }, unknown>;
   pickContext: import("@modern-js/runtime-core").Pipeline<{

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.1.3",
+  "version": "1.1.4-rc.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/runtime/index.d.ts",
   "main": "./dist/js/node/runtime/index.js",
@@ -53,26 +53,28 @@
     "@modern-js-reduck/react": "^1.0.0",
     "@modern-js-reduck/store": "^1.0.0",
     "@types/redux-logger": "^3.0.9",
-    "redux-logger": "^3.0.6"
+    "redux-logger": "^3.0.6",
+    "hoist-non-react-statics": "^3.3.2"
   },
   "devDependencies": {
-    "@modern-js/core": "^1.2.0",
+    "@modern-js/core": "^1.2.1-rc.0",
     "@modern-js/plugin": "^1.1.2",
-    "@modern-js/runtime-core": "^1.1.2",
-    "@modern-js/utils": "^1.1.5",
+    "@modern-js/runtime-core": "^1.1.3-rc.0",
+    "@modern-js/utils": "^1.1.6-rc.0",
+    "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^26",
     "@types/node": "^14",
     "@types/react": "^17",
     "@types/react-dom": "^17",
     "react": "^17.0.2",
     "typescript": "^4",
-    "@modern-js/plugin-testing": "^1.1.1",
-    "@modern-js/module-tools": "^1.1.2"
+    "@modern-js/plugin-testing": "^1.2.2",
+    "@modern-js/module-tools": "^1.1.4"
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@modern-js/core": "^1.2.0",
-    "@modern-js/runtime-core": "^1.1.2",
+    "@modern-js/core": "^1.2.1-rc.0",
+    "@modern-js/runtime-core": "^1.1.3-rc.0",
     "react": "^17.0.2"
   },
   "modernConfig": {},

package/src/runtime/plugin.tsx

@@ -3,6 +3,7 @@ import { useContext } from 'react';
 import { createPlugin, RuntimeReactContext } from '@modern-js/runtime-core';
 import { createStore, Store } from '@modern-js-reduck/store';
 import { Provider } from '@modern-js-reduck/react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
 
 declare module '@modern-js/runtime-core' {
   interface RuntimeContext {
@@ -24,16 +25,18 @@ const state = (config: PluginProps) =>
   createPlugin(
     () => ({
       hoc({ App }, next) {
-        return next({
-          App: (props: any) => {
-            const context = useContext(RuntimeReactContext);
+        const getStateApp = (props: any) => {
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          const context = useContext(RuntimeReactContext);
 
-            return (
-              <Provider store={context.store} config={config}>
-                <App {...props} />
-              </Provider>
-            );
-          },
+          return (
+            <Provider store={context.store} config={config}>
+              <App {...props} />
+            </Provider>
+          );
+        };
+        return next({
+          App: hoistNonReactStatics(getStateApp, App),
         });
       },
       init({ context }, next) {