@modern-js/plugin-garfish 1.4.4 → 1.4.7

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @modern-js/plugin-garfish
 
+## 1.4.6
+
+### Patch Changes
+
+- 17d0cc46: feat: prebundle lodash to @modern-js/utils/lodash
+- Updated dependencies [485375ae]
+- Updated dependencies [77ff9754]
+- Updated dependencies [d2d1d6b2]
+- Updated dependencies [07a4887e]
+- Updated dependencies [ea2ae711]
+- Updated dependencies [17d0cc46]
+- Updated dependencies [d2d1d6b2]
+  - @modern-js/plugin-router@1.2.9
+  - @modern-js/runtime-core@1.4.1
+  - @modern-js/utils@1.4.0
+
+## 1.4.5
+
+### Patch Changes
+
+- bebb39b6: chore: improve devDependencies and peerDependencies
+- 8491b6dd: fix: optimise "types" exports from plugin
+- Updated dependencies [bebb39b6]
+- Updated dependencies [132f7b53]
+- Updated dependencies [c4a7e4a3]
+  - @modern-js/plugin-router@1.2.8
+  - @modern-js/utils@1.3.7
+
 ## 1.4.4
 
 ### Patch Changes

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

@@ -71,6 +71,11 @@ export default (({
             }
           },
           tools: {
+            devServer: {
+              headers: {
+                'Access-Control-Allow-Origin': '*'
+              }
+            },
             webpack: (webpackConfig, {
               chain,
               webpack,
@@ -82,9 +87,6 @@ export default (({
                 var _resolveOptions$serve, _resolveOptions$deplo2, _resolveOptions$deplo3;
 
                 chain.output.libraryTarget('umd');
-                chain.devServer.headers({
-                  'Access-Control-Allow-Origin': '*'
-                });
 
                 if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port) {
                   chain.output.publicPath(_env === 'development' ? `//localhost:${resolveOptions.server.port}/` : webpackConfig.output.publicPath);

package/dist/js/modern/runtime/utils/apps.js

@@ -37,6 +37,7 @@ function getAppInstance(options, appInfo, manifest) {
         appInstance: null,
         domId: generateSubAppContainerKey(appInfo)
       };
+      this.unregisterHistoryListener = void 0;
     }
 
     // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -114,7 +115,7 @@ function getAppInstance(options, appInfo, manifest) {
           await (appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount());
         }
 
-        history === null || history === void 0 ? void 0 : history.listen(() => {
+        this.unregisterHistoryListener = history === null || history === void 0 ? void 0 : history.listen(() => {
           if (locationHref !== history.location.pathname) {
             locationHref = history.location.pathname;
             const popStateEvent = new PopStateEvent('popstate');
@@ -134,9 +135,9 @@ function getAppInstance(options, appInfo, manifest) {
       const {
         appInstance
       } = this.state;
+      this.unregisterHistoryListener();
 
       if (appInstance) {
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const {
           appInfo
         } = appInstance;

package/dist/js/modern/util.js

@@ -1,3 +1,6 @@
+/**
+ * Tips: this package will be bundled and running in the browser, do not import from `@modern-js/utils`.
+ */
 import createDebug from 'debug';
 export const logger = createDebug('modern-js:plugin-garfish');
 export const SUBMODULE_APP_COMPONENT_KEY = 'SubModuleComponent';

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

@@ -86,6 +86,11 @@ var _default = ({
             }
           },
           tools: {
+            devServer: {
+              headers: {
+                'Access-Control-Allow-Origin': '*'
+              }
+            },
             webpack: (webpackConfig, {
               chain,
               webpack,
@@ -97,9 +102,6 @@ var _default = ({
                 var _resolveOptions$serve, _resolveOptions$deplo2, _resolveOptions$deplo3;
 
                 chain.output.libraryTarget('umd');
-                chain.devServer.headers({
-                  'Access-Control-Allow-Origin': '*'
-                });
 
                 if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port) {
                   chain.output.publicPath(_env === 'development' ? `//localhost:${resolveOptions.server.port}/` : webpackConfig.output.publicPath);

package/dist/js/node/runtime/utils/apps.js

@@ -43,6 +43,7 @@ function getAppInstance(options, appInfo, manifest) {
         appInstance: null,
         domId: (0, _util.generateSubAppContainerKey)(appInfo)
       };
+      this.unregisterHistoryListener = void 0;
     }
 
     // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -120,7 +121,7 @@ function getAppInstance(options, appInfo, manifest) {
           await (appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount());
         }
 
-        history === null || history === void 0 ? void 0 : history.listen(() => {
+        this.unregisterHistoryListener = history === null || history === void 0 ? void 0 : history.listen(() => {
           if (locationHref !== history.location.pathname) {
             locationHref = history.location.pathname;
             const popStateEvent = new PopStateEvent('popstate');
@@ -140,9 +141,9 @@ function getAppInstance(options, appInfo, manifest) {
       const {
         appInstance
       } = this.state;
+      this.unregisterHistoryListener();
 
       if (appInstance) {
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const {
           appInfo
         } = appInstance;

package/dist/js/node/util.js

@@ -11,6 +11,9 @@ var _debug = _interopRequireDefault(require("debug"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+/**
+ * Tips: this package will be bundled and running in the browser, do not import from `@modern-js/utils`.
+ */
 const logger = (0, _debug.default)('modern-js:plugin-garfish');
 exports.logger = logger;
 const SUBMODULE_APP_COMPONENT_KEY = 'SubModuleComponent';

package/dist/js/treeshaking/cli/index.js

@@ -94,6 +94,11 @@ export default (function () {
               }
             },
             tools: {
+              devServer: {
+                headers: {
+                  'Access-Control-Allow-Origin': '*'
+                }
+              },
               webpack: function webpack(webpackConfig, _ref3) {
                 var _resolveOptions$deplo, _resolveWebpackConfig;
 
@@ -106,9 +111,6 @@ export default (function () {
                   var _resolveOptions$serve, _resolveOptions$deplo2, _resolveOptions$deplo3;
 
                   chain.output.libraryTarget('umd');
-                  chain.devServer.headers({
-                    'Access-Control-Allow-Origin': '*'
-                  });
 
                   if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port) {
                     chain.output.publicPath(env === 'development' ? "//localhost:".concat(resolveOptions.server.port, "/") : webpackConfig.output.publicPath);

package/dist/js/treeshaking/runtime/utils/apps.js

@@ -76,6 +76,7 @@ function getAppInstance(options, appInfo, manifest) {
         appInstance: null,
         domId: generateSubAppContainerKey(appInfo)
       };
+      _this.unregisterHistoryListener = void 0;
       return _this;
     }
 
@@ -174,7 +175,7 @@ function getAppInstance(options, appInfo, manifest) {
                   return appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount();
 
                 case 22:
-                  history === null || history === void 0 ? void 0 : history.listen(function () {
+                  this.unregisterHistoryListener = history === null || history === void 0 ? void 0 : history.listen(function () {
                     if (locationHref !== history.location.pathname) {
                       locationHref = history.location.pathname;
                       var popStateEvent = new PopStateEvent('popstate');
@@ -218,9 +219,9 @@ function getAppInstance(options, appInfo, manifest) {
               switch (_context2.prev = _context2.next) {
                 case 0:
                   appInstance = this.state.appInstance;
+                  this.unregisterHistoryListener();
 
                   if (appInstance) {
-                    // eslint-disable-next-line @typescript-eslint/no-shadow
                     _appInfo = appInstance.appInfo;
 
                     if (_appInfo.cache) {
@@ -232,7 +233,7 @@ function getAppInstance(options, appInfo, manifest) {
                     }
                   }
 
-                case 2:
+                case 3:
                 case "end":
                   return _context2.stop();
               }

package/dist/js/treeshaking/util.js

@@ -1,3 +1,6 @@
+/**
+ * Tips: this package will be bundled and running in the browser, do not import from `@modern-js/utils`.
+ */
 import createDebug from 'debug';
 export var logger = createDebug('modern-js:plugin-garfish');
 export var SUBMODULE_APP_COMPONENT_KEY = 'SubModuleComponent';

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

@@ -28,10 +28,11 @@ export declare type ModernGarfishConfig = {
 };
 export declare type MicroComponentProps = {
   loadable?: LoadableConfig;
+  [index: string]: any;
 };
 export declare type Config = Partial<Options> & ModernGarfishConfig;
-export declare type UseModuleApps = { [index in 'apps' | string]: index extends 'apps' ? ModulesInfo : React.FC<any> } & {
-  readonly MApp: React.FC<any>;
+export declare type UseModuleApps = { [index in 'apps' | string]: index extends 'apps' ? ModulesInfo : React.FC<MicroComponentProps> } & {
+  readonly MApp: React.FC<MicroComponentProps>;
   readonly apps: ModulesInfo;
 };
 export declare function useModuleApps(): UseModuleApps;

package/dist/types/runtime/utils/apps.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import Garfish from 'garfish';
-import { Manifest, ModulesInfo } from '../useModuleApps';
+import { Manifest, MicroComponentProps, ModulesInfo } from '../useModuleApps';
 export interface AppMap {
-  [key: string]: React.FC<any>;
+  [key: string]: React.FC<MicroComponentProps>;
 }
 export declare function generateApps(options: typeof Garfish.options, manifest?: Manifest): {
   apps: AppMap;

package/dist/types/util.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Tips: this package will be bundled and running in the browser, do not import from `@modern-js/utils`.
+ */
 import createDebug from 'debug';
 import { ModuleInfo } from './runtime';
 export declare const logger: createDebug.Debugger;

package/jest.config.js

@@ -2,7 +2,6 @@ const sharedConfig = require('@scripts/jest-config');
 
 /** @type {import('@jest/types').Config.InitialOptions} */
 module.exports = {
-  // eslint-disable-next-line node/no-unsupported-features/es-syntax
   ...sharedConfig,
   rootDir: __dirname,
 };

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.4.4",
+  "version": "1.4.7",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/runtime/index.d.ts",
   "typesVersions": {
@@ -24,6 +24,9 @@
       ],
       "runtime": [
         "./dist/types/runtime/index.d.ts"
+      ],
+      "types": [
+        "./type.d.ts"
       ]
     }
   },
@@ -31,6 +34,7 @@
   "module": "./dist/js/treeshaking/runtime/index.js",
   "jsnext:modern": "./dist/js/modern/index.js",
   "exports": {
+    "./types": "./type.d.ts",
     ".": {
       "node": {
         "jsnext:source": "./src/index.ts",
@@ -46,20 +50,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7",
-    "@modern-js/utils": "^1.3.6",
+    "@modern-js/utils": "^1.4.1",
     "@types/debug": "^4.1.7",
     "@types/react-loadable": "^5.5.6",
     "debug": "^4.3.2",
     "garfish": "^1.3.3",
     "hoist-non-react-statics": "^3.3.2",
-    "lodash": "^4.17.21",
     "react-loadable": "^5.5.0"
   },
   "devDependencies": {
-    "@modern-js/core": "^1.6.0",
-    "@modern-js/plugin-router": "^1.2.6",
-    "@modern-js/runtime-core": "^1.4.0",
-    "@modern-js/types": "^1.3.5",
+    "@modern-js/core": "1.7.1",
+    "@modern-js/plugin-router": "^1.2.9",
+    "@modern-js/runtime-core": "1.4.1",
+    "@modern-js/types": "^1.4.0",
     "@scripts/build": "0.0.0",
     "@scripts/jest-config": "0.0.0",
     "@testing-library/jest-dom": "^5.16.1",
@@ -68,7 +71,6 @@
     "@testing-library/user-event": "^13.5.0",
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^26.0.24",
-    "@types/lodash": "^4.14.181",
     "@types/node": "^14",
     "@types/react": "^17",
     "@types/react-dom": "^17",
@@ -81,9 +83,8 @@
     "webpack-chain": "^6.5.1"
   },
   "peerDependencies": {
-    "@modern-js/plugin-router": "^1.2.6",
-    "@modern-js/runtime-core": "^1.4.0",
-    "@modern-js/core": "^1.6.0",
+    "@modern-js/plugin-router": "^1.2.9",
+    "@modern-js/runtime-core": "^1.4.1",
     "react": "^17"
   },
   "sideEffects": false,

package/tests/__snapshots__/cli.test.tsx.snap

@@ -51,11 +51,6 @@ Object {
 
 exports[`plugin-garfish cli webpack config close external and use js entry 1`] = `
 Object {
-  "devServer": Object {
-    "headers": Object {
-      "Access-Control-Allow-Origin": "*",
-    },
-  },
   "externals": Object {
     "react": "react",
     "react-dom": "react-dom",
@@ -76,11 +71,6 @@ Object {
 
 exports[`plugin-garfish cli webpack config default micro config 1`] = `
 Object {
-  "devServer": Object {
-    "headers": Object {
-      "Access-Control-Allow-Origin": "*",
-    },
-  },
   "output": Object {
     "libraryTarget": "umd",
     "publicPath": "//localhost:8080/",

package/tests/cli.test.tsx

@@ -207,6 +207,12 @@ describe('plugin-garfish cli', () => {
     });
 
     const generateConfig = webpackConfig.toConfig();
+    expect(config[0].tools.devServer).toMatchObject({
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+      },
+    });
+
     expect(generateConfig).toMatchSnapshot();
     expect(generateConfig).toMatchObject({
       output: {
@@ -231,7 +237,7 @@ describe('plugin-garfish cli', () => {
         internalDirectory: 'test'
       }),
     } as any);
-    
+
     lifecycle && lifecycle.config();
     lifecycle && lifecycle.addRuntimeExports()
     expect(addExportList).toMatchSnapshot();