Build ESM, CJS and UMD version with Rollup

Author: stklcode

package.json

@@ -22,8 +22,23 @@
     "package.json",
     "README.md"
   ],
-  "main": "dist/chartist-plugin-tooltip.js",
-  "browser": "dist/chartist-plugin-tooltip.js",
+  "main": "./src/scripts/chartist-plugin-tooltip.ts",
+  "types": "./dist/chartist-plugin-tooltip.d.ts",
+  "style": "./dist/chartist-plugin-tooltip.css",
+  "browser": "./dist/chartist-plugin-tooltip.js",
+  "unpkg": "./dist/chartist-plugin-tooltip.umd.js",
+  "publishConfig": {
+    "main": "./dist/chartist-plugin-tooltip.cjs",
+    "module": "./dist/chartist-plugin-tooltip.js",
+    "exports": {
+      ".": {
+        "require": "./dist/chartist-plugin-tooltip.cjs",
+        "import": "./dist/chartist-plugin-tooltip.js"
+      },
+      "./dist/*": "./dist/*"
+    },
+    "directory": "package"
+  },
   "licenses": [
     {
       "type": "MIT",
@@ -35,6 +50,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
     "copyfiles": "^2.4.1",
     "del": "^8.0.1",
     "del-cli": "^7.0.0",
@@ -43,24 +60,25 @@
     "globals": "^17.4.0",
     "minify": "^15.2.0",
     "prettier": "^3.8.1",
+    "rollup": "^4.60.0",
     "sass": "^1.98.0",
     "stylelint": "^17.5.0",
     "stylelint-config-standard-scss": "^17.0.0",
     "stylelint-scss": "^7.0.0",
     "terser": "^5.46.1",
+    "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.57.1"
   },
   "scripts": {
     "clean": "del ./dist ./.tmp",
     "build": "yarn clean && yarn build:styles && yarn build:scripts",
-    "build:scripts": "tsc && terser -o dist/chartist-plugin-tooltip.min.js dist/chartist-plugin-tooltip.js",
-    "build:styles": "sass --no-source-map --style compressed src/styles:dist",
+    "build:scripts": "rollup -c",
+    "build:styles": "sass --style compressed src/styles:dist",
     "format": "prettier --write 'src/**/*.ts'",
     "lint": "yarn lint:scripts && yarn lint:styles",
     "lint:scripts": "eslint 'src/scripts/**/*.ts'",
-    "lint:styles": "stylelint 'src/styles/**/*.scss'",
-    "prepare": "yarn build"
+    "lint:styles": "stylelint 'src/styles/**/*.scss'"
   },
   "license": "MIT"
 }

rollup.config.mjs

@@ -0,0 +1,36 @@
+import pkg from './package.json' with {type: "json"};
+import terser from '@rollup/plugin-terser';
+import typescript from '@rollup/plugin-typescript';
+
+export default {
+  external: ['chartist'],
+  input: pkg.main,
+  output: [
+    {
+      file: pkg.publishConfig.main,
+      format: 'cjs',
+      globals: {
+        chartist: 'Chartist'
+      },
+      sourcemap: true
+    },
+    {
+      file: pkg.publishConfig.module,
+      format: 'es',
+      globals: {
+        chartist: 'Chartist'
+      },
+      sourcemap: true
+    },
+    {
+      file: pkg.unpkg,
+      format: 'umd',
+      name: 'ChartistPluginTooltip',
+      globals: {
+        chartist: 'Chartist'
+      },
+      sourcemap: true
+    }
+  ],
+  plugins: [typescript(), terser()]
+};