feat: convert to module

Author: kurkle

karma.conf.js renamed to karma.conf.cjs

@@ -1,11 +1,12 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const istanbul = require('rollup-plugin-istanbul');
 const json = require('@rollup/plugin-json');
 const resolve = require('@rollup/plugin-node-resolve').default;
-const builds = require('./rollup.config');
 const yargs = require('yargs');
 const env = process.env.NODE_ENV;
 
-module.exports = function(karma) {
+module.exports = async function(karma) {
+  const builds = (await import('./rollup.config.js')).default;
   const args = yargs
     .option('verbose', {default: false})
     .argv;

package-lock.json

@@ -1,26 +1,34 @@
 {
   "name": "chartjs-plugin-gradient",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Easy gradient colors for Chart.js",
-  "main": "dist/chartjs-plugin-gradient.js",
-  "module": "dist/chartjs-plugin-gradient.esm.js",
+  "type": "module",
+  "main": "dist/chartjs-plugin-gradient.esm.js",
+  "jsdelivr": "dist/dist/chartjs-plugin-gradient.min.js",
+  "unpkg": "dist/dist/chartjs-plugin-gradient.min.js",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/chartjs-plugin-gradient.esm.js"
+    }
+  },
   "types": "./types/index.d.ts",
   "scripts": {
     "build": "rollup -c",
-    "dev": "karma start --auto-watch --no-single-run --browsers chrome",
-    "dev:ff": "karma start --auto-watch --no-single-run --browsers firefox",
+    "dev": "karma start ./karma.conf.cjs --auto-watch --no-single-run --browsers chrome",
+    "dev:ff": "karma start ./karma.conf.cjs --auto-watch --no-single-run --browsers firefox",
     "lint": "concurrently --group \"npm:lint-*\"",
     "lint-js": "eslint \"test/**/*.js\" \"src/**/*.js\" \"types/**/*.ts\"",
     "test": "cross-env NODE_ENV=test concurrently --group \"npm:test-*\"",
-    "test-karma": "karma start --auto-watch --single-run",
+    "test-karma": "karma start ./karma.conf.cjs --auto-watch --single-run",
     "test-lint": "npm run lint"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kurkle/chartjs-plugin-gradient.git"
   },
   "files": [
-    "dist/*.js",
+    "dist/*",
     "types/*.d.ts"
   ],
   "keywords": [

package.json

@@ -1,7 +1,8 @@
-const json = require('@rollup/plugin-json');
-const resolve = require('@rollup/plugin-node-resolve').default;
-const terser = require('@rollup/plugin-terser').default;
-const {name, version, homepage, main, module: _module} = require('./package.json');
+import resolve from '@rollup/plugin-node-resolve';
+import terser from '@rollup/plugin-terser';
+import {readFileSync} from 'fs';
+
+const {name, version, homepage, main} = JSON.parse(readFileSync('./package.json'));
 
 const banner = `/*!
  * ${name} v${version}
@@ -20,7 +21,7 @@ const globals = {
   'chart.js/helpers': 'Chart.helpers'
 };
 
-module.exports = [
+export default [
   {
     input,
     plugins: [
@@ -30,6 +31,20 @@ module.exports = [
       name,
       file: main,
       banner,
+      format: 'esm',
+      indent: false
+    },
+    external
+  },
+  {
+    input,
+    plugins: [
+      resolve()
+    ],
+    output: {
+      name,
+      file: main.replace('.esm.js', '.js'),
+      banner,
       format: 'umd',
       indent: false,
       globals
@@ -48,26 +63,12 @@ module.exports = [
     ],
     output: {
       name,
-      file: main.replace('.js', '.min.js'),
+      file: main.replace('.esm.js', '.min.js'),
       format: 'umd',
       sourcemap: true,
       indent: false,
       globals
     },
     external
   },
-  {
-    input,
-    plugins: [
-      resolve()
-    ],
-    output: {
-      name,
-      file: main.replace('.js', '.esm.js'),
-      banner,
-      format: 'esm',
-      indent: false
-    },
-    external
-  },
 ];