Allow ESM files to be used in Node.js

Author: benmccann

docs/.vuepress/config.js

@@ -86,7 +86,7 @@ module.exports = {
     config.merge({
       resolve: {
         alias: {
-          'chart.js': path.resolve(__dirname, '../../dist/chart.esm.js'),
+          'chart.js': path.resolve(__dirname, '../../dist/chart.mjs'),
         }
       }
     })

docs/scripts/components.js

@@ -1,3 +1,3 @@
 // Add Chart components needed in samples here.
 // Usable through `components[name]`.
-export {Tooltip} from '../../dist/chart.esm';
+export {Tooltip} from '../../dist/chart.mjs';

docs/scripts/helpers.js

@@ -1,4 +1,3 @@
 // Add helpers needed in samples here.
 // Usable through `helpers[name]`.
-export {color, getHoverColor, easingEffects} from '../../dist/helpers.esm';
-
+export {color, getHoverColor, easingEffects} from '../../dist/helpers.mjs';

docs/scripts/register.js

@@ -1,4 +1,4 @@
-import {Chart, registerables} from '../../dist/chart.esm';
+import {Chart, registerables} from '../../dist/chart.mjs';
 import Log2Axis from './log2';
 import './derived-bubble';
 import analyzer from './analyzer';

docs/scripts/utils.js

@@ -1,7 +1,7 @@
 import colorLib from '@kurkle/color';
 import {DateTime} from 'luxon';
 import 'chartjs-adapter-luxon';
-import {valueOrDefault} from '../../dist/helpers.esm';
+import {valueOrDefault} from '../../dist/helpers.mjs';
 
 // Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/
 var _seed = Date.now();

helpers/helpers.esm.js renamed to helpers/helpers.mjs

@@ -3,6 +3,6 @@
     "private": true,
     "description": "helper package",
     "main": "helpers.js",
-    "module": "helpers.esm.js",
-    "types": "helpers.esm.d.ts"
+    "module": "helpers.mjs",
+    "types": "helpers.mts"
 }

helpers/helpers.esm.d.ts renamed to helpers/helpers.mts

@@ -7,7 +7,7 @@
     "jsdelivr": "dist/chart.min.js",
     "unpkg": "dist/chart.min.js",
     "main": "dist/chart.js",
-    "module": "dist/chart.esm.js",
+    "module": "dist/chart.mjs",
     "types": "types/index.esm.d.ts",
     "keywords": [
         "canvas",

helpers/package.json

@@ -7,8 +7,8 @@ const pkg = require('./package.json');
 
 const input = 'src/index.js';
 const inputESM = {
-  'dist/chart.esm': 'src/index.esm.js',
-  'dist/helpers.esm': 'src/helpers/index.js'
+  'dist/chart': 'src/index.esm.js',
+  'dist/helpers': 'src/helpers/index.js'
 };
 
 const banner = `/*!
@@ -60,7 +60,7 @@ module.exports = [
   },
 
   // ES6 builds
-  // dist/chart.esm.js
+  // dist/chart.mjs
   // helpers/*.js
   {
     input: inputESM,
@@ -73,7 +73,8 @@ module.exports = [
     ],
     output: {
       dir: './',
-      chunkFileNames: 'dist/chunks/[name].js',
+      chunkFileNames: 'dist/chunks/[name].mjs',
+      entryFileNames: '[name].mjs',
       banner,
       format: 'esm',
       indent: false,