@modern-js/plugin-state 1.2.0 → 1.2.3

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @modern-js/plugin-state
 
+## 1.2.3
+
+### Patch Changes
+
+- bebb39b6: chore: improve devDependencies and peerDependencies
+
+## 1.2.2
+
+### Patch Changes
+
+- 94d02b35: feat(plugin-runtime): convert to new plugin
+- 681a1ff9: feat: remove unnecessary peerDependencies
+- e8bbc315: feat(plugin-state): convert to new plugin
+
+## 1.2.1
+
+### Patch Changes
+
+- 83166714: change .npmignore
+- Updated dependencies [83166714]
+- Updated dependencies [c3de9882]
+- Updated dependencies [33ff48af]
+- Updated dependencies [c74597bd]
+  - @modern-js/core@1.3.2
+  - @modern-js/runtime-core@1.2.1
+
 ## 1.2.0
 
 ### Minor Changes

package/dist/js/modern/cli/index.js

@@ -1,62 +1,61 @@
 import path from 'path';
 import { getEntryOptions, createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
-import { createPlugin, useAppContext, useResolvedConfigContext } from '@modern-js/core';
 import "../types";
 const PLUGIN_IDENTIFIER = 'state';
-const index = createPlugin(() => {
-  const stateConfigMap = new Map();
-  let pluginsExportsUtils;
-  const stateModulePath = path.resolve(__dirname, '../../../../');
-  return {
-    config() {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      const appContext = useAppContext();
-      pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
-      return {
-        source: {
-          alias: {
-            '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+export default (() => ({
+  name: '@modern-js/plugin-state',
+  required: ['@modern-js/runtime'],
+  setup: api => {
+    const stateConfigMap = new Map();
+    let pluginsExportsUtils;
+    const stateModulePath = path.resolve(__dirname, '../../../../');
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
+        return {
+          source: {
+            alias: {
+              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+            }
           }
-        }
-      };
-    },
-
-    modifyEntryImports({
-      entrypoint,
-      imports
-    }) {
-      var _getEntryOptions;
+        };
+      },
 
-      const {
-        entryName
-      } = entrypoint; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-      const userConfig = useResolvedConfigContext(); // eslint-disable-next-line react-hooks/rules-of-hooks
+      modifyEntryImports({
+        entrypoint,
+        imports
+      }) {
+        var _getEntryOptions;
 
-      const {
-        packageName
-      } = useAppContext();
-      const stateConfig = (_getEntryOptions = getEntryOptions(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
-      stateConfigMap.set(entryName, stateConfig);
+        const {
+          entryName
+        } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const {
+          packageName
+        } = api.useAppContext();
+        const stateConfig = (_getEntryOptions = getEntryOptions(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
+        stateConfigMap.set(entryName, stateConfig);
 
-      const getEnabledPlugins = () => {
-        const internalPlugins = ['immer', 'effects', 'autoActions', 'devtools'];
-        return internalPlugins.filter(name => stateConfig[name] !== false);
-      };
+        const getEnabledPlugins = () => {
+          const internalPlugins = ['immer', 'effects', 'autoActions', 'devtools'];
+          return internalPlugins.filter(name => stateConfig[name] !== false);
+        };
 
-      if (stateConfig) {
-        imports.push({
-          value: '@modern-js/runtime/plugins',
-          specifiers: [{
-            imported: PLUGIN_IDENTIFIER
-          }]
-        });
-        imports.push({
-          value: '@modern-js/runtime/model',
-          specifiers: getEnabledPlugins().map(imported => ({
-            imported
-          })),
-          initialize: `
+        if (stateConfig) {
+          imports.push({
+            value: '@modern-js/runtime/plugins',
+            specifiers: [{
+              imported: PLUGIN_IDENTIFIER
+            }]
+          });
+          imports.push({
+            value: '@modern-js/runtime/model',
+            specifiers: getEnabledPlugins().map(imported => ({
+              imported
+            })),
+            initialize: `
                 const createStatePlugins = (config) => {
                   const plugins = [];
 
@@ -67,48 +66,45 @@ const index = createPlugin(() => {
                   return plugins;
                 }
               `
-        });
-      }
-
-      return {
-        entrypoint,
-        imports
-      };
-    },
+          });
+        }
 
-    modifyEntryRuntimePlugins({
-      entrypoint,
-      plugins
-    }) {
-      const stateOptions = stateConfigMap.get(entrypoint.entryName);
+        return {
+          entrypoint,
+          imports
+        };
+      },
 
-      if (stateOptions) {
-        const isBoolean = typeof stateOptions === 'boolean';
-        let options = isBoolean ? '{}' : JSON.stringify(stateOptions);
-        options = `${options.substr(0, options.length - 1)}${isBoolean ? '' : ','}plugins: createStatePlugins(${JSON.stringify(stateConfigMap.get(entrypoint.entryName))})}`;
-        plugins.push({
-          name: PLUGIN_IDENTIFIER,
-          options
-        });
-      }
-
-      return {
+      modifyEntryRuntimePlugins({
         entrypoint,
         plugins
-      };
-    },
+      }) {
+        const stateOptions = stateConfigMap.get(entrypoint.entryName);
 
-    validateSchema() {
-      return PLUGIN_SCHEMAS['@modern-js/plugin-state'];
-    },
+        if (stateOptions) {
+          const isBoolean = typeof stateOptions === 'boolean';
+          let options = isBoolean ? '{}' : JSON.stringify(stateOptions);
+          options = `${options.substr(0, options.length - 1)}${isBoolean ? '' : ','}plugins: createStatePlugins(${JSON.stringify(stateConfigMap.get(entrypoint.entryName))})}`;
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options
+          });
+        }
 
-    addRuntimeExports() {
-      pluginsExportsUtils.addExport(`export { default as state } from '${stateModulePath}'`);
-    }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
 
-  };
-}, {
-  name: '@modern-js/plugin-state',
-  required: ['@modern-js/runtime']
-});
-export default index;
+      validateSchema() {
+        return PLUGIN_SCHEMAS['@modern-js/plugin-state'];
+      },
+
+      addRuntimeExports() {
+        pluginsExportsUtils.addExport(`export { default as state } from '${stateModulePath}'`);
+      }
+
+    };
+  }
+}));

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

@@ -4,64 +4,66 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-// eslint-disable-next-line filenames/match-exported
 import { useContext } from 'react';
-import { createPlugin, RuntimeReactContext } from '@modern-js/runtime-core';
+import { 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))
-      });
-    };
+const state = config => ({
+  name: '@modern-js/plugin-state',
+  setup: () => {
+    return {
+      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: hoistNonReactStatics(getStateApp, App)
-    });
-  },
+        return next({
+          App: hoistNonReactStatics(getStateApp, App)
+        });
+      },
 
-  init({
-    context
-  }, next) {
-    const storeConfig = config || {};
+      init({
+        context
+      }, next) {
+        const storeConfig = config || {};
 
-    if (typeof window !== 'undefined') {
-      var _window, _window$_SSR_DATA, _window$_SSR_DATA$dat;
+        if (typeof window !== 'undefined') {
+          var _window, _window$_SSR_DATA, _window$_SSR_DATA$dat;
 
-      storeConfig.initialState = storeConfig.initialState || ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : _window$_SSR_DATA$dat.storeState) || {};
-    }
+          storeConfig.initialState = storeConfig.initialState || ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : _window$_SSR_DATA$dat.storeState) || {};
+        }
 
-    context.store = createStore(storeConfig);
-    next({
-      context
-    });
-  },
+        context.store = createStore(storeConfig);
+        next({
+          context
+        });
+      },
 
-  pickContext({
-    context,
-    pickedContext
-  }, next) {
-    return next({
-      context,
-      pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
-        store: context.store
-      })
-    });
-  }
+      pickContext({
+        context,
+        pickedContext
+      }, next) {
+        return next({
+          context,
+          pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+            store: context.store
+          })
+        });
+      }
 
-}), {
-  name: '@modern-js/plugin-state'
+    };
+  }
 });
 
 export default state;

package/dist/js/node/cli/index.js

@@ -9,69 +9,68 @@ var _path = _interopRequireDefault(require("path"));
 
 var _utils = require("@modern-js/utils");
 
-var _core = require("@modern-js/core");
-
 require("../types");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const PLUGIN_IDENTIFIER = 'state';
-const index = (0, _core.createPlugin)(() => {
-  const stateConfigMap = new Map();
-  let pluginsExportsUtils;
-
-  const stateModulePath = _path.default.resolve(__dirname, '../../../../');
-
-  return {
-    config() {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      const appContext = (0, _core.useAppContext)();
-      pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, 'plugins');
-      return {
-        source: {
-          alias: {
-            '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+
+var _default = () => ({
+  name: '@modern-js/plugin-state',
+  required: ['@modern-js/runtime'],
+  setup: api => {
+    const stateConfigMap = new Map();
+    let pluginsExportsUtils;
+
+    const stateModulePath = _path.default.resolve(__dirname, '../../../../');
+
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, 'plugins');
+        return {
+          source: {
+            alias: {
+              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+            }
           }
-        }
-      };
-    },
-
-    modifyEntryImports({
-      entrypoint,
-      imports
-    }) {
-      var _getEntryOptions;
-
-      const {
-        entryName
-      } = entrypoint; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-      const userConfig = (0, _core.useResolvedConfigContext)(); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-      const {
-        packageName
-      } = (0, _core.useAppContext)();
-      const stateConfig = (_getEntryOptions = (0, _utils.getEntryOptions)(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
-      stateConfigMap.set(entryName, stateConfig);
-
-      const getEnabledPlugins = () => {
-        const internalPlugins = ['immer', 'effects', 'autoActions', 'devtools'];
-        return internalPlugins.filter(name => stateConfig[name] !== false);
-      };
-
-      if (stateConfig) {
-        imports.push({
-          value: '@modern-js/runtime/plugins',
-          specifiers: [{
-            imported: PLUGIN_IDENTIFIER
-          }]
-        });
-        imports.push({
-          value: '@modern-js/runtime/model',
-          specifiers: getEnabledPlugins().map(imported => ({
-            imported
-          })),
-          initialize: `
+        };
+      },
+
+      modifyEntryImports({
+        entrypoint,
+        imports
+      }) {
+        var _getEntryOptions;
+
+        const {
+          entryName
+        } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const {
+          packageName
+        } = api.useAppContext();
+        const stateConfig = (_getEntryOptions = (0, _utils.getEntryOptions)(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
+        stateConfigMap.set(entryName, stateConfig);
+
+        const getEnabledPlugins = () => {
+          const internalPlugins = ['immer', 'effects', 'autoActions', 'devtools'];
+          return internalPlugins.filter(name => stateConfig[name] !== false);
+        };
+
+        if (stateConfig) {
+          imports.push({
+            value: '@modern-js/runtime/plugins',
+            specifiers: [{
+              imported: PLUGIN_IDENTIFIER
+            }]
+          });
+          imports.push({
+            value: '@modern-js/runtime/model',
+            specifiers: getEnabledPlugins().map(imported => ({
+              imported
+            })),
+            initialize: `
                 const createStatePlugins = (config) => {
                   const plugins = [];
 
@@ -82,49 +81,47 @@ const index = (0, _core.createPlugin)(() => {
                   return plugins;
                 }
               `
-        });
-      }
+          });
+        }
 
-      return {
-        entrypoint,
-        imports
-      };
-    },
-
-    modifyEntryRuntimePlugins({
-      entrypoint,
-      plugins
-    }) {
-      const stateOptions = stateConfigMap.get(entrypoint.entryName);
-
-      if (stateOptions) {
-        const isBoolean = typeof stateOptions === 'boolean';
-        let options = isBoolean ? '{}' : JSON.stringify(stateOptions);
-        options = `${options.substr(0, options.length - 1)}${isBoolean ? '' : ','}plugins: createStatePlugins(${JSON.stringify(stateConfigMap.get(entrypoint.entryName))})}`;
-        plugins.push({
-          name: PLUGIN_IDENTIFIER,
-          options
-        });
-      }
+        return {
+          entrypoint,
+          imports
+        };
+      },
 
-      return {
+      modifyEntryRuntimePlugins({
         entrypoint,
         plugins
-      };
-    },
+      }) {
+        const stateOptions = stateConfigMap.get(entrypoint.entryName);
+
+        if (stateOptions) {
+          const isBoolean = typeof stateOptions === 'boolean';
+          let options = isBoolean ? '{}' : JSON.stringify(stateOptions);
+          options = `${options.substr(0, options.length - 1)}${isBoolean ? '' : ','}plugins: createStatePlugins(${JSON.stringify(stateConfigMap.get(entrypoint.entryName))})}`;
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options
+          });
+        }
 
-    validateSchema() {
-      return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-state'];
-    },
+        return {
+          entrypoint,
+          plugins
+        };
+      },
 
-    addRuntimeExports() {
-      pluginsExportsUtils.addExport(`export { default as state } from '${stateModulePath}'`);
-    }
+      validateSchema() {
+        return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-state'];
+      },
 
-  };
-}, {
-  name: '@modern-js/plugin-state',
-  required: ['@modern-js/runtime']
+      addRuntimeExports() {
+        pluginsExportsUtils.addExport(`export { default as state } from '${stateModulePath}'`);
+      }
+
+    };
+  }
 });
-var _default = index;
+
 exports.default = _default;

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

@@ -40,56 +40,59 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-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: (0, _hoistNonReactStatics.default)(getStateApp, App)
-    });
-  },
-
-  init({
-    context
-  }, next) {
-    const storeConfig = config || {};
-
-    if (typeof window !== 'undefined') {
-      var _window, _window$_SSR_DATA, _window$_SSR_DATA$dat;
+const state = config => ({
+  name: '@modern-js/plugin-state',
+  setup: () => {
+    return {
+      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: (0, _hoistNonReactStatics.default)(getStateApp, App)
+        });
+      },
+
+      init({
+        context
+      }, next) {
+        const storeConfig = config || {};
+
+        if (typeof window !== 'undefined') {
+          var _window, _window$_SSR_DATA, _window$_SSR_DATA$dat;
+
+          storeConfig.initialState = storeConfig.initialState || ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : _window$_SSR_DATA$dat.storeState) || {};
+        }
+
+        context.store = (0, _store.createStore)(storeConfig);
+        next({
+          context
+        });
+      },
+
+      pickContext({
+        context,
+        pickedContext
+      }, next) {
+        return next({
+          context,
+          pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+            store: context.store
+          })
+        });
+      }
 
-      storeConfig.initialState = storeConfig.initialState || ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : _window$_SSR_DATA$dat.storeState) || {};
-    }
-
-    context.store = (0, _store.createStore)(storeConfig);
-    next({
-      context
-    });
-  },
-
-  pickContext({
-    context,
-    pickedContext
-  }, next) {
-    return next({
-      context,
-      pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
-        store: context.store
-      })
-    });
+    };
   }
-
-}), {
-  name: '@modern-js/plugin-state'
 });
 
 var _default = state;