@modern-js/plugin-polyfill 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @modern-js/plugin-polyfill
 
+## 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

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.2.0",
+  "version": "1.2.1",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -38,13 +38,13 @@
   "dependencies": {
     "@babel/runtime": "^7",
     "@modern-js/polyfill-lib": "^1.0.0",
-    "@modern-js/server-plugin": "^1.2.0",
+    "@modern-js/server-plugin": "^1.2.1",
     "lru-cache": "^6.0.0",
     "mime-types": "^2.1.32",
     "ua-parser-js": "^0.7.28"
   },
   "devDependencies": {
-    "@modern-js/types": "^1.2.0",
+    "@modern-js/types": "^1.2.1",
     "@types/jest": "^26",
     "@types/lru-cache": "^5.1.1",
     "@types/mime-types": "^2.1.1",
@@ -53,13 +53,13 @@
     "@types/react-dom": "^17",
     "@types/ua-parser-js": "^0.7.36",
     "typescript": "^4",
-    "@modern-js/core": "^1.3.0",
+    "@modern-js/core": "^1.3.2",
     "@scripts/build": "0.0.0",
     "jest": "^27",
     "@scripts/jest-config": "0.0.0"
   },
   "peerDependencies": {
-    "@modern-js/core": "^1.3.0"
+    "@modern-js/core": "^1.3.2"
   },
   "sideEffects": false,
   "modernConfig": {

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;
-  };
-};