add esm support

Author: BitPatty

.eslintignore

@@ -2,5 +2,6 @@ coverage/**
 dist/**
 scripts/**
 **/*.sh
-rollup.config.js
-populate-readme.js
+rollup.config.*.js
+populate-readme.cjs
+create-pkg-json.cjs

create-pkg-json.cjs

@@ -0,0 +1,12 @@
+const fs = require('fs');
+const path = require('path');
+
+fs.writeFileSync(
+  path.join(__dirname, 'dist', 'cjs', 'package.json'),
+  '{ "type": "commonjs" }',
+);
+
+fs.writeFileSync(
+  path.join(__dirname, 'dist', 'mjs', 'package.json'),
+  '{ "type": "module" }',
+);

package.json

@@ -3,10 +3,18 @@
   "version": "0.6.0",
   "description": "imgproxy param builder",
   "author": "Matteias Collet <matteias.collet@bluewin.ch>",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "dist/cjs/index.js",
+  "module": "dist/mjs/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/mjs/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
   "scripts": {
     "prebuild": "rimraf dist",
-    "build": "rollup -c",
+    "build": "rollup -c rollup.config.cjs.js && rollup -c rollup.config.esm.js && node create-pkg-json.cjs",
     "test": "jest --verbose",
     "docs": "typedoc",
     "deps:force-upgrade": "npm-check-updates -u && rm -rf node_modules && rm -f package-lock.json && npm i"

populate-readme.js populate-readme.cjspopulate-readme.js renamed to populate-readme.cjs

@@ -15,7 +15,7 @@ export default {
   ],
   plugins: [
     typescript({
-      tsconfig: 'tsconfig.build.json',
+      tsconfig: 'tsconfig.cjs.json',
     }),
   ],
   external: [],

rollup.config.js rollup.config.cjs.jsrollup.config.js renamed to rollup.config.cjs.js

@@ -0,0 +1,22 @@
+import typescript from 'rollup-plugin-typescript2';
+import pkg from './package.json';
+
+export default {
+  input: 'src/index.ts',
+  output: [
+    {
+      file: pkg.module,
+      format: 'esm',
+      exports: 'named',
+      sourcemap: true,
+      strict: true,
+      compact: true,
+    },
+  ],
+  plugins: [
+    typescript({
+      tsconfig: 'tsconfig.esm.json',
+    }),
+  ],
+  external: [],
+};

rollup.config.esm.js

@@ -1,15 +1,13 @@
 {
   "compilerOptions": {
-    "outDir": "dist",
-    "module": "esnext",
-    "target": "es6",
-    "lib": ["es6", "es2016", "es2017"],
+    "outDir": "dist/cjs",
+    "module": "ES2015",
+    "target": "ES2020",
+    "moduleResolution": "node",
     "sourceMap": true,
     "allowJs": false,
-    "jsx": "react",
     "declaration": true,
     "emitDeclarationOnly": false,
-    "moduleResolution": "node",
     "forceConsistentCasingInFileNames": true,
     "noImplicitReturns": true,
     "noImplicitThis": true,

tsconfig.build.json tsconfig.cjs.jsontsconfig.build.json renamed to tsconfig.cjs.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "outDir": "dist/esm",
+    "module": "ES2015",
+    "target": "ES2020",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "allowJs": false,
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "esModuleInterop": true
+  },
+  "include": ["src/**/*"],
+}

tsconfig.esm.json

@@ -3,7 +3,6 @@
     "outDir": "dist",
     "module": "esnext",
     "target": "es6",
-    "lib": ["es6", "es2016", "es2017"],
     "sourceMap": true,
     "allowJs": false,
     "jsx": "react",
@@ -21,5 +20,5 @@
     "esModuleInterop": true
   },
   "include": ["src/**/*", "test/**/*", "./*.ts"],
-  "exclude": ["node_modules", "dist", "rollup.config.js"]
+  "exclude": ["node_modules", "dist", "rollup.config.*"]
 }