@modern-js/plugin-state 1.2.10 → 2.65.5-alpha.1

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Provider } from "@modern-js-reduck/react";
+import { createStore } from "@modern-js-reduck/store";
+import { isBrowser, useRuntimeContext } from "@modern-js/runtime";
+import { merge } from "@modern-js/runtime-utils/merge";
+import { autoActions, devtools, effects, immer } from "../plugins";
+const StatePluginHandleMap = {
+  immer,
+  effects,
+  autoActions,
+  devtools
+};
+const getStoreConfig = (config) => {
+  const internalPlugins = [
+    "immer",
+    "effects",
+    "autoActions",
+    "devtools"
+  ];
+  const plugins = [];
+  internalPlugins.filter((plugin) => config[plugin] !== false).forEach((plugin) => plugins.push(StatePluginHandleMap[plugin](config[plugin])));
+  const storeConfig = {};
+  for (const [key, value] of Object.entries(config)) {
+    if (!internalPlugins.includes(key)) {
+      storeConfig[key] = value;
+    }
+  }
+  storeConfig.plugins = plugins;
+  return storeConfig;
+};
+const statePlugin = (userConfig = {}) => ({
+  name: "@modern-js/plugin-state",
+  setup: (api) => {
+    let storeConfig;
+    return {
+      wrapRoot(App) {
+        const getStateApp = (props) => {
+          const context = useRuntimeContext();
+          return /* @__PURE__ */ _jsx(Provider, {
+            store: context.store,
+            config: storeConfig,
+            children: /* @__PURE__ */ _jsx(App, {
+              ...props
+            })
+          });
+        };
+        return getStateApp;
+      },
+      beforeRender(context) {
+        const pluginConfig = api.useRuntimeConfigContext();
+        const config = merge(pluginConfig.state || {}, userConfig);
+        storeConfig = getStoreConfig(config);
+        if (isBrowser()) {
+          var _window__SSR_DATA_data, _window__SSR_DATA, _window;
+          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_data = _window__SSR_DATA.data) === null || _window__SSR_DATA_data === void 0 ? void 0 : _window__SSR_DATA_data.storeState) || {};
+        }
+        context.store = createStore(storeConfig);
+      }
+    };
+  }
+});
+var plugin_default = statePlugin;
+export * from "../plugins";
+export {
+  Provider,
+  plugin_default as default,
+  statePlugin
+};

package/dist/types/cli/index.d.ts

@@ -1,5 +1,3 @@
-import type { CliPlugin } from '@modern-js/core';
-
-declare const _default: () => CliPlugin;
-
-export default _default;
+import type { AppTools, CliPluginFuture } from '@modern-js/app-tools';
+export declare const statePlugin: () => CliPluginFuture<AppTools<"shared">>;
+export default statePlugin;

package/dist/types/cli/types.d.ts

@@ -0,0 +1,6 @@
+import type { StateConfig } from '../runtime/plugin';
+declare module '@modern-js/app-tools' {
+    interface RuntimeUserConfig {
+        state?: StateConfig | boolean;
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { default as state } from './runtime';
+export { default } from './runtime';
+export * from './runtime';

package/dist/types/plugins.d.ts

@@ -1,4 +1,4 @@
 export { default as devtools } from '@modern-js-reduck/plugin-devtools';
 export declare const effects: () => (context: import("@modern-js-reduck/store/dist/types/types/plugin").PluginContext) => import("@modern-js-reduck/store/dist/types/types/plugin").PluginLifeCycle;
 export declare const immer: () => (context: import("@modern-js-reduck/store/dist/types/types/plugin").PluginContext) => import("@modern-js-reduck/store/dist/types/types/plugin").PluginLifeCycle;
-export declare const autoActions: () => (context: import("@modern-js-reduck/store/dist/types/types/plugin").PluginContext) => import("@modern-js-reduck/store/dist/types/types/plugin").PluginLifeCycle;
+export declare const autoActions: () => (context: import("@modern-js-reduck/store/dist/types/types/plugin").PluginContext) => import("@modern-js-reduck/store/dist/types/types/plugin").PluginLifeCycle;

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

@@ -1,4 +1,3 @@
 export * from '@modern-js-reduck/react';
-export { model, createStore } from '@modern-js-reduck/store';
 export { default } from './plugin';
-export * from './plugin';
+export * from './plugin';

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

@@ -1,17 +1,13 @@
-import { createStore, Store } from '@modern-js-reduck/store';
-import type { Plugin } from '@modern-js/runtime-core';
-declare module '@modern-js/runtime-core' {
-  interface RuntimeContext {
-    store: Store;
-  }
-  interface TRuntimeContext {
-    store: Store;
-  }
-  interface SSRData {
-    storeState: any;
-  }
-}
-export declare type StateConfig = Parameters<typeof createStore>[0];
-declare const state: (config: StateConfig) => Plugin;
-export default state;
-export * from '../plugins';
+import { Provider } from '@modern-js-reduck/react';
+import { type Model } from '@modern-js-reduck/store';
+import type { Plugin } from '@modern-js/runtime';
+export { Provider };
+type StatePluginType = 'immer' | 'effects' | 'autoActions' | 'devtools';
+type StateExtraType = {
+    initialState: any;
+    models: Array<Model>;
+};
+export type StateConfig = Partial<Record<StatePluginType, boolean> & StateExtraType>;
+export declare const statePlugin: (userConfig?: StateConfig) => Plugin;
+export default statePlugin;
+export * from '../plugins';

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@modern-js/plugin-state",
-  "description": "The meta-framework suite designed from scratch for frontend-focused modern web development.",
+  "description": "A Progressive React Framework for modern web development.",
   "homepage": "https://modernjs.dev",
-  "bugs": "https://github.com/modern-js-dev/modern.js/issues",
-  "repository": "modern-js-dev/modern.js",
+  "bugs": "https://github.com/web-infra-dev/modern.js/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/web-infra-dev/modern.js",
+    "directory": "packages/runtime/plugin-router-v5"
+  },
   "license": "MIT",
   "keywords": [
     "react",
@@ -11,41 +15,32 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.2.10",
-  "jsnext:source": "./src/runtime/index.tsx",
-  "types": "./dist/types/runtime/index.d.ts",
-  "main": "./dist/js/node/runtime/index.js",
-  "module": "./dist/js/treeshaking/runtime/index.js",
-  "jsnext:modern": "./dist/js/modern/runtime/index.js",
+  "version": "2.65.5-alpha.1",
+  "jsnext:source": "./src/index.ts",
+  "types": "./dist/types/cli/index.d.ts",
+  "main": "./dist/cjs/cli/index.js",
+  "module": "./dist/esm/index.js",
   "exports": {
     ".": {
-      "node": {
-        "jsnext:source": "./src/runtime/index.tsx",
-        "import": "./dist/js/modern/runtime/index.js",
-        "require": "./dist/js/node/runtime/index.js"
-      },
-      "default": "./dist/js/treeshaking/runtime/index.js"
+      "types": "./dist/types/cli/index.d.ts",
+      "jsnext:source": "./src/cli/index.ts",
+      "default": "./dist/cjs/cli/index.js"
+    },
+    "./runtime": {
+      "types": "./dist/types/runtime/index.d.ts",
+      "jsnext:source": "./src/runtime/index.ts",
+      "default": "./dist/esm/runtime/index.js"
     },
     "./cli": {
+      "types": "./dist/types/cli/index.d.ts",
       "jsnext:source": "./src/cli/index.ts",
-      "default": "./dist/js/node/cli/index.js"
-    },
-    "./plugins": {
-      "jsnext:source": "./src/plugins.ts",
-      "node": {
-        "import": "./dist/js/modern/plugins.js",
-        "require": "./dist/js/node/plugins.js"
-      },
-      "default": "./dist/js/treeshaking/plugins.js"
+      "default": "./dist/cjs/cli/index.js"
     }
   },
   "typesVersions": {
     "*": {
       ".": [
-        "./dist/types/runtime/index.d.ts"
-      ],
-      "plugins": [
-        "./dist/types/plugins.d.ts"
+        "./dist/types/cli/index.d.ts"
       ],
       "cli": [
         "./dist/types/cli/index.d.ts"
@@ -56,69 +51,47 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.0",
-    "@modern-js-reduck/plugin-auto-actions": "^1.0.2",
-    "@modern-js-reduck/plugin-devtools": "^1.0.3",
-    "@modern-js-reduck/plugin-effects": "^1.0.2",
-    "@modern-js-reduck/plugin-immutable": "^1.0.1",
-    "@modern-js-reduck/react": "^1.0.1",
-    "@modern-js-reduck/store": "^1.0.3",
-    "@types/redux-logger": "^3.0.9",
-    "hoist-non-react-statics": "^3.3.2",
-    "redux-logger": "^3.0.6"
+    "@modern-js-reduck/plugin-auto-actions": "^1.1.10",
+    "@modern-js-reduck/plugin-devtools": "^1.1.10",
+    "@modern-js-reduck/plugin-effects": "^1.1.10",
+    "@modern-js-reduck/plugin-immutable": "^1.1.10",
+    "@modern-js-reduck/react": "^1.1.10",
+    "@modern-js-reduck/store": "^1.1.10",
+    "@swc/helpers": "0.5.13",
+    "@modern-js/types": "2.65.4",
+    "@modern-js/runtime-utils": "2.65.4",
+    "@modern-js/utils": "2.65.4"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17",
+    "@modern-js/runtime": "^2.65.4"
   },
   "devDependencies": {
-    "@modern-js/core": "1.11.2",
-    "@modern-js/plugin": "1.3.6",
-    "@modern-js/runtime-core": "1.4.9",
-    "@modern-js/utils": "1.7.6",
-    "@scripts/build": "0.0.0",
-    "@scripts/jest-config": "0.0.0",
-    "@types/hoist-non-react-statics": "^3.3.1",
-    "@types/jest": "^27",
+    "@testing-library/react": "^13.4.0",
+    "@types/react": "^18.3.11",
+    "@types/invariant": "^2.2.30",
+    "@types/jest": "^29",
     "@types/node": "^14",
-    "@types/react": "^17",
-    "@types/react-dom": "^17",
-    "jest": "^27",
-    "react": "^17.0.2",
-    "typescript": "^4"
+    "jest": "^29",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5",
+    "@modern-js/runtime": "2.65.4",
+    "@scripts/build": "2.65.4",
+    "@modern-js/app-tools": "2.65.4",
+    "@scripts/jest-config": "2.65.4"
   },
   "sideEffects": false,
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
-  "modernConfig": {},
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "wireit": {
-    "build": {
-      "command": "modern build",
-      "files": [
-        "src/**/*",
-        "tsconfig.json",
-        "package.json"
-      ],
-      "output": [
-        "dist/**/*"
-      ]
-    },
-    "test": {
-      "command": "jest --passWithNoTests",
-      "files": [
-        "src/**/*",
-        "tsconfig.json",
-        "package.json",
-        "tests/**/*"
-      ],
-      "output": []
-    }
-  },
   "scripts": {
-    "new": "modern new",
-    "build": "wireit",
-    "test": "wireit"
-  },
-  "readme": "\n<p align=\"center\">\n  <a href=\"https://modernjs.dev\" target=\"blank\"><img src=\"https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png\" width=\"300\" alt=\"Modern.js Logo\" /></a>\n</p>\n<p align=\"center\">\n现代 Web 工程体系\n  <br/>\n  <a href=\"https://modernjs.dev\" target=\"blank\">\n    modernjs.dev\n  </a>\n</p>\n<p align=\"center\">\n  The meta-framework suite designed from scratch for frontend-focused modern web development\n</p>\n\n# Introduction\n\n> The doc site ([modernjs.dev](https://modernjs.dev)) and articles are only available in Chinese for now, we are planning to add English versions soon.\n\n- [Modern.js: Hello, World!](https://zhuanlan.zhihu.com/p/426707646)\n\n## Getting Started\n\n- [Quick Start](https://modernjs.dev/docs/start)\n- [Guides](https://modernjs.dev/docs/guides)\n- [API References](https://modernjs.dev/docs/apis)\n\n## Contributing\n\n- [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md)\n"
+    "dev": "modern-lib build --watch",
+    "new": "modern-lib new",
+    "build": "modern-lib build",
+    "test": "jest --passWithNoTests"
+  }
 }

package/types/index.d.ts

@@ -0,0 +1,27 @@
+import type { StateConfig } from '../dist/types';
+import '@modern-js-reduck/plugin-auto-actions';
+import '@modern-js-reduck/plugin-devtools';
+import '@modern-js-reduck/plugin-effects';
+import '@modern-js-reduck/plugin-immutable';
+
+export { default } from '../dist/types/runtime';
+export * from '../dist/types/runtime';
+
+declare module '@modern-js/runtime/model' {
+  export * from '../dist/types/runtime';
+}
+
+declare module '@modern-js/runtime' {
+  interface AppConfig {
+    state?: StateConfig;
+  }
+
+  interface RuntimeConfig {
+    state?: StateConfig;
+  }
+}
+declare module '@modern-js/app-tools' {
+  interface RuntimeUserConfig {
+    state?: StateConfig | boolean;
+  }
+}