WIP: TypeScript types

package.json

@@ -8,6 +8,7 @@
   "unpkg": "dist/chart.min.js",
   "main": "dist/chart.js",
   "module": "dist/chart.esm.js",
+  "types": "dist/chart.esm.d.ts",
   "keywords": [
     "canvas",
     "charts",
@@ -25,7 +26,9 @@
   },
   "files": [
     "dist/*.js",
-    "helpers/**/*.js"
+    "dist/*.d.ts",
+    "helpers/**/*.js",
+    "helpers/**/*.d.ts"
   ],
   "scripts": {
     "autobuild": "rollup -c -w",
@@ -75,6 +78,7 @@
     "rollup": "^2.15.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-cleanup": "^3.1.1",
+    "rollup-plugin-dts": "^1.4.9",
     "rollup-plugin-terser": "^6.1.0",
     "rollup-plugin-web-worker-loader": "^1.3.0",
     "typedoc": "^0.17.7",

rollup.config.js

@@ -3,6 +3,7 @@
 
 const babel = require('rollup-plugin-babel');
 const cleanup = require('rollup-plugin-cleanup');
+const dts = require('rollup-plugin-dts').default;
 const glob = require('glob');
 const inject = require('@rollup/plugin-inject');
 const json = require('@rollup/plugin-json');
@@ -14,10 +15,14 @@ const input = 'src/index.js';
 const inputESM = {
 	'dist/chart.esm': 'src/index.esm.js',
 };
+const inputESMTypings = {};
 glob('src/helpers/helpers.*.js', (_er, files) => {
 	files.forEach(file => {
 		inputESM[file.replace(/src\/|helpers\.|\.js/g, '')] = file;
 	});
+	Object.keys(inputESM).forEach((key) => {
+		inputESMTypings[key.replace('src', 'types')] = inputESM[key].replace('src', 'types').replace(/\.js$/, '.d.ts');
+	});
 });
 
 const banner = `/*!
@@ -94,5 +99,21 @@ module.exports = [
 			format: 'esm',
 			indent: false,
 		},
+	},
+	// ES6 Typings builds
+	// dist/chart.esm.d.ts
+	// helpers/*.d.ts
+	{
+		input: inputESMTypings,
+		plugins: [
+			dts()
+		],
+		output: {
+			dir: './',
+			chunkFileNames: 'helpers/chunks/[name].ts',
+			banner,
+			format: 'esm',
+			indent: false,
+		},
 	}
 ];

test/types/simple.ts

@@ -0,0 +1,25 @@
+import {Chart, IBarControllerConfiguration} from '../..';
+
+const bar = new Chart(document.createElement('canvas'), {
+    type: 'bar',
+    data: {
+        labels: ['A', 'B'],
+        datasets: [
+            {
+                data: [1,2],
+            }
+        ]
+    }
+});
+
+const barTyped = new Chart<number, string, IBarControllerConfiguration<number, string>>(document.createElement('canvas'), {
+    type: 'bar',
+    data: {
+        labels: ['A', 'B'],
+        datasets: [
+            {
+                data: [1,2],
+            }
+        ]
+    }
+});