@modern-js/plugin-polyfill 1.1.1 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @modern-js/plugin-polyfill
 
+## 1.2.2
+
+### Patch Changes
+
+- 272cab15: refactor server plugin manager
+- Updated dependencies [d9cc5ea9]
+- Updated dependencies [bd819a8d]
+- Updated dependencies [d099e5c5]
+- Updated dependencies [bada2879]
+- Updated dependencies [24f616ca]
+- Updated dependencies [272cab15]
+  - @modern-js/core@1.4.0
+  - @modern-js/server-core@1.2.2
+
+## 1.2.1
+
+### Patch Changes
+
+- 83166714: change .npmignore
+- Updated dependencies [83166714]
+- Updated dependencies [c3de9882]
+- Updated dependencies [33ff48af]
+  - @modern-js/core@1.3.2
+  - @modern-js/server-plugin@1.2.1
+
+## 1.2.0
+
+### Minor Changes
+
+- cfe11628: Make Modern.js self bootstraping
+
+### Patch Changes
+
+- Updated dependencies [fc71e36f]
+- Updated dependencies [cfe11628]
+  - @modern-js/core@1.3.0
+  - @modern-js/server-plugin@1.2.0
+
 ## 1.1.1
 
 ### Patch Changes

package/dist/js/modern/index.js

@@ -1,4 +1,4 @@
-import { createPlugin } from '@modern-js/server-plugin';
+import { createPlugin } from '@modern-js/server-core';
 import { getPolyfillString } from '@modern-js/polyfill-lib';
 import mime from 'mime-types';
 import Parser from 'ua-parser-js';

package/dist/js/node/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _serverPlugin = require("@modern-js/server-plugin");
+var _serverCore = require("@modern-js/server-core");
 
 var _polyfillLib = require("@modern-js/polyfill-lib");
 
@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = (0, _serverPlugin.createPlugin)(() => ({
+var _default = (0, _serverCore.createPlugin)(() => ({
   preServerInit(_) {
     const cache = new _cache.default();
     const route = _const.defaultPolyfill;

package/dist/types/cli.d.ts

@@ -1,5 +1,8 @@
 declare const _default: import("@modern-js/core").AsyncPlugin<Partial<import("@modern-js/core").Progresses2Threads<{
   config: import("@modern-js/core").ParallelWorkflow<void, unknown>;
+  resolvedConfig: import("@modern-js/core").AsyncWaterfall<{
+    resolved: import("@modern-js/core").NormalizedConfig;
+  }>;
   validateSchema: import("@modern-js/core").ParallelWorkflow<void, unknown>;
   prepare: import("@modern-js/core").AsyncWorkflow<void, void>;
   commands: import("@modern-js/core").AsyncWorkflow<{
@@ -8,8 +11,10 @@ declare const _default: import("@modern-js/core").AsyncPlugin<Partial<import("@m
   watchFiles: import("@modern-js/core").ParallelWorkflow<void, unknown>;
   fileChange: import("@modern-js/core").AsyncWorkflow<{
     filename: string;
+    eventType: "add" | "unlink" | "change";
   }, void>;
   beforeExit: import("@modern-js/core").AsyncWorkflow<void, void>;
+  beforeRestart: import("@modern-js/core").AsyncWorkflow<void, void>;
 } & import("@modern-js/core").ClearDraftProgress<import("@modern-js/core").Hooks>>>>;
 
 export default _default;

package/jest.config.js

@@ -0,0 +1,8 @@
+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.1.1",
+  "version": "1.2.2",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -20,12 +20,14 @@
   "exports": {
     ".": {
       "node": {
+        "jsnext:source": "./src/index.ts",
         "import": "./dist/js/modern/index.js",
         "require": "./dist/js/node/index.js"
       },
       "default": "./dist/js/treeshaking/index.js"
     },
     "./cli": {
+      "jsnext:source": "./src/cli.ts",
       "node": {
         "import": "./dist/js/node/cli.js",
         "require": "./dist/js/node/cli.js"
@@ -36,13 +38,13 @@
   "dependencies": {
     "@babel/runtime": "^7",
     "@modern-js/polyfill-lib": "^1.0.0",
-    "@modern-js/server-plugin": "^1.1.1",
+    "@modern-js/server-core": "^1.2.2",
     "lru-cache": "^6.0.0",
     "mime-types": "^2.1.32",
     "ua-parser-js": "^0.7.28"
   },
   "devDependencies": {
-    "@modern-js/types": "^1.1.2",
+    "@modern-js/types": "^1.3.0",
     "@types/jest": "^26",
     "@types/lru-cache": "^5.1.1",
     "@types/mime-types": "^2.1.1",
@@ -51,12 +53,13 @@
     "@types/react-dom": "^17",
     "@types/ua-parser-js": "^0.7.36",
     "typescript": "^4",
-    "@modern-js/core": "^1.1.2",
-    "@modern-js/plugin-testing": "^1.1.0",
-    "@modern-js/module-tools": "^1.1.0"
+    "@modern-js/core": "^1.4.0",
+    "@scripts/build": "0.0.0",
+    "jest": "^27",
+    "@scripts/jest-config": "0.0.0"
   },
   "peerDependencies": {
-    "@modern-js/core": "^1.1.2"
+    "@modern-js/core": "^1.4.0"
   },
   "sideEffects": false,
   "modernConfig": {
@@ -66,12 +69,14 @@
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
-    "access": "public"
+    "access": "public",
+    "types": "./dist/types/index.d.ts"
   },
   "scripts": {
     "new": "modern new",
     "build": "modern build",
     "dev": "modern build --watch",
-    "test": "modern test --passWithNoTests"
-  }
+    "test": "jest --passWithNoTests"
+  },
+  "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"
 }

package/tsconfig.json

@@ -4,9 +4,7 @@
     "declaration": false,
     "jsx": "preserve",
     "baseUrl": "./",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "paths": {}
   },
   "include": ["src"]
 }

package/src/cli.ts

@@ -1,20 +0,0 @@
-import { createPlugin, useResolvedConfigContext } from '@modern-js/core';
-import { defaultPolyfill } from './const';
-
-export default createPlugin(
-  () =>
-    ({
-      htmlPartials({ entrypoint, partials }: any) {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const resolvedConfig = useResolvedConfigContext();
-        if (resolvedConfig.output.polyfill === 'ua') {
-          partials.top.push(
-            `<script src="${defaultPolyfill}" crossorigin></script>`,
-          );
-        }
-
-        return { partials, entrypoint };
-      },
-    } as any),
-  { name: '@modern-js/plugin-polyfill' },
-);

package/src/const.ts

@@ -1,5 +0,0 @@
-export const defaultPolyfill = '/__polyfill__';
-
-export const defaultFeatures: Record<string, { flags: string[] }> = {
-  es6: { flags: ['gated'] },
-};

package/src/global.d.ts

@@ -1,7 +0,0 @@
-declare module '@modern-js/polyfill-lib' {
-  export const getPolyfillString: (options: {
-    uaString: string;
-    minify: boolean;
-    features: Record<string, { flags: string[] }>;
-  }) => Promise<string>;
-}

package/src/index.ts

@@ -1,66 +0,0 @@
-import { createPlugin } from '@modern-js/server-plugin';
-import { NextFunction, ModernServerContext } from '@modern-js/types/server';
-import type { NormalizedConfig } from '@modern-js/core';
-import { getPolyfillString } from '@modern-js/polyfill-lib';
-import mime from 'mime-types';
-import Parser from 'ua-parser-js';
-import { defaultFeatures, defaultPolyfill } from './const';
-import PolyfillCache, { generateCacheKey } from './libs/cache';
-
-export default createPlugin(
-  () => ({
-    preServerInit(_: NormalizedConfig) {
-      const cache = new PolyfillCache();
-      const route = defaultPolyfill;
-      const features = defaultFeatures;
-      const minify = process.env.NODE_ENV === 'production';
-
-      const featureDig = Object.keys(features)
-        .map(name => {
-          const { flags = ['gated'] } = features[name];
-          const flagStr = flags.join(',');
-
-          return `${name}-${flagStr}`;
-        })
-        .join(',');
-
-      return async (context: ModernServerContext, next: NextFunction) => {
-        if (context.url !== route) {
-          return next();
-        }
-
-        const parsedUA = Parser(context.headers['user-agent']);
-        const { name = '', version = '' } = parsedUA.browser;
-
-        const cacheKey = generateCacheKey({
-          name,
-          version,
-          features: featureDig,
-          minify,
-        });
-        const matched = cache.get(cacheKey);
-        if (matched) {
-          context.res.setHeader(
-            'content-type',
-            mime.contentType('js') as string,
-          );
-          return context.res.end(matched);
-        }
-
-        const polyfill = await getPolyfillString({
-          uaString: context.headers['user-agent'] as string,
-          minify,
-          features,
-        });
-
-        cache.set(cacheKey, polyfill);
-
-        context.res.setHeader('content-type', mime.contentType('js') as string);
-        return context.res.end(polyfill);
-      };
-    },
-  }),
-  {
-    name: '@modern-js/plugin-polyfill',
-  },
-) as any;

package/src/libs/cache.ts

@@ -1,49 +0,0 @@
-import crypto from 'crypto';
-import LRUCache from 'lru-cache';
-
-type CacheQueryOptions = {
-  features: string;
-  minify: boolean;
-  name: string;
-  version: string;
-};
-
-const KB = 1024;
-const MB = 1024 * KB;
-
-const keyCache = new LRUCache<string, string>(10000);
-export const generateCacheKey = (options: CacheQueryOptions) => {
-  const { name, version, features, minify } = options;
-
-  const str = `${name}-${version}-${Number(minify)}-${features}`;
-  const matched = keyCache.get(str);
-  if (matched) {
-    return matched;
-  }
-
-  const hash = crypto
-    .createHmac('sha256', '^polyfill$')
-    .update(str)
-    .digest('hex');
-  keyCache.set(str, hash);
-  return hash;
-};
-
-export default class Cache {
-  private readonly caches: LRUCache<string, string>;
-
-  constructor() {
-    this.caches = new LRUCache({
-      max: 200 * MB,
-      length: v => v.length,
-    });
-  }
-
-  public get(hash: string) {
-    return this.caches.get(hash);
-  }
-
-  public set(hash: string, content: string) {
-    this.caches.set(hash, content);
-  }
-}

package/src/type.ts

@@ -1,7 +0,0 @@
-export type ServerPolyfill = {
-  polyfill: {
-    route: string;
-    features: Record<string, { flags: string[] }>;
-    minify: boolean;
-  };
-};