feat: move to type module

.babelrc

@@ -7,5 +7,8 @@
         "corejs": "3.21"
       }
     ]
+  ],
+  "plugins": [
+    "@babel/plugin-syntax-import-assertions"
   ]
 }

demo/index.js

@@ -1,6 +1,6 @@
-import { loadPlugin, HTMLClip } from "@donkeyclip/motorcortex";
+import { HTMLClip, loadPlugin } from "@donkeyclip/motorcortex";
 import Player from "@donkeyclip/motorcortex-player";
-import MyPluginDefinition from "../dist/bundle.esm";
+import MyPluginDefinition from "../dist/bundle.esm.js";
 const MyPlugin = loadPlugin(MyPluginDefinition);
 
 const clip = new HTMLClip({
@@ -36,7 +36,7 @@ const newEffect = new MyPlugin.MyEffect(
   {
     selector: "#effect",
     duration: 1000,
-  }
+  },
 );
 
 const newCombo = new MyPlugin.MyCombo(
@@ -45,7 +45,7 @@ const newCombo = new MyPlugin.MyCombo(
   },
   {
     selector: "#combo",
-  }
+  },
 );
 
 const newHTMLClip = new MyPlugin.MyHTMLClip(
@@ -54,7 +54,7 @@ const newHTMLClip = new MyPlugin.MyHTMLClip(
   },
   {
     selector: "#htmlclip",
-  }
+  },
 );
 
 const newCustomClip = new MyPlugin.Clip({
@@ -66,4 +66,4 @@ clip.addIncident(newCombo, 0);
 clip.addIncident(newHTMLClip, 0);
 clip.addIncident(newCustomClip, 0);
 
-const player = new Player({ clip });
+new Player({ clip });

package.json

@@ -5,6 +5,7 @@
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",
   "browser": "dist/bundle.umd.js",
+  "type": "module",
   "author": "",
   "repository": {
     "type": "git",
@@ -20,8 +21,8 @@
     "build": "npm run build:lib && npm run build:demo",
     "build:lib": "rollup -c",
     "start": "npm run build:lib && concurrently -c \"cyan.bold,magenta.bold\" \"npm:build:lib -- -w\"  \"npm:start:demo\" ",
-    "start:demo": "webpack serve --mode=development --config ./demo/webpack.config.js",
-    "build:demo": "webpack --mode=production --config ./demo/webpack.config.js",
+    "start:demo": "webpack serve --mode=development --config ./demo/webpack.config.cjs",
+    "build:demo": "webpack --mode=production --config ./demo/webpack.config.cjs",
     "test": "HERE GOES YOUR TEST TASK",
     "test:prod": "npm run lint",
     "prepare": "husky install"
@@ -45,6 +46,7 @@
     "@babel/cli": "7.23.0",
     "@babel/core": "7.23.0",
     "@babel/eslint-parser": "7.22.15",
+    "@babel/plugin-syntax-import-assertions": "^7.23.3",
     "@babel/plugin-syntax-jsx": "^7.23.3",
     "@babel/plugin-transform-react-jsx": "^7.22.15",
     "@babel/preset-env": "7.22.20",

rollup.config.js

@@ -2,8 +2,8 @@ import babel from "@rollup/plugin-babel";
 import commonjs from "@rollup/plugin-commonjs";
 import json from "@rollup/plugin-json";
 import resolve from "@rollup/plugin-node-resolve";
-import terser from '@rollup/plugin-terser';
-import pkg from "./package.json";
+import terser from "@rollup/plugin-terser";
+import pkg from "./package.json" assert { type: "json" };
 
 export default [
   {