feat: typescript node next support (#10661)

auto/auto.d.ts

@@ -1,4 +1,4 @@
-import {Chart} from '../dist/types';
+import {Chart} from '../dist/types.js';
 
-export * from '../dist/types';
+export * from '../dist/types.js';
 export default Chart;

helpers/helpers.d.ts

@@ -1 +1 @@
-export * from '../dist/helpers/types';
+export * from '../dist/helpers.js';

package.json

@@ -13,9 +13,18 @@
     "unpkg": "./dist/chart.umd.js",
     "main": "./dist/chart.js",
     "exports": {
-        ".": "./dist/chart.js",
-        "./auto": "./auto/auto.js",
-        "./helpers": "./helpers/helpers.js"
+        ".": {
+            "import": "./dist/chart.js",
+            "types": "./dist/types.d.ts"
+        },
+        "./auto": {
+            "import": "./auto/auto.js",
+            "types": "./auto/auto.d.ts"
+        },
+        "./helpers": {
+            "import": "./helpers/helpers.js",
+            "types": "./helpers/helpers.d.ts"
+        }
     },
     "types": "./dist/types.d.ts",
     "keywords": [
@@ -36,20 +45,18 @@
     "files": [
         "auto/**",
         "dist/**",
-        "types/**",
         "helpers/**"
     ],
     "scripts": {
         "autobuild": "rollup -c -w",
-        "emitDeclarations": "tsc --emitDeclarationOnly",
-        "build": "rollup -c && npm run emitDeclarations",
+        "build": "tsc --noEmit && rollup -c",
         "dev": "karma start ./karma.conf.cjs --auto-watch --no-single-run --browsers chrome --grep",
         "dev:ff": "karma start ./karma.conf.cjs --auto-watch --no-single-run --browsers firefox --grep",
         "docs": "pnpm run build && pnpm --filter \"./docs/**\" build",
         "docs:dev": "pnpm run build && pnpm --filter \"./docs/**\" dev",
         "lint-js": "eslint \"src/**/*.{js,ts}\" \"test/**/*.js\" \"docs/**/*.js\"",
         "lint-md": "eslint \"**/*.md\"",
-        "lint-types": "eslint \"types/**/*.ts\" && pnpm run build && node types/tests/autogen.js && tsc -p types/tests/",
+        "lint-types": "eslint \"types/**/*.ts\" && pnpm build && node types/tests/autogen.js && tsc -p types/tests/",
         "lint": "concurrently \"pnpm:lint-*\"",
         "test-size": "size-limit",
         "test": "pnpm lint && pnpm test-ci",
@@ -100,6 +107,7 @@
         "pixelmatch": "^5.3.0",
         "rollup": "^2.77.2",
         "rollup-plugin-cleanup": "^3.2.1",
+        "rollup-plugin-dts": "^4.2.2",
         "rollup-plugin-istanbul": "^3.0.0",
         "rollup-plugin-swc3": "^0.3.0",
         "rollup-plugin-terser": "^7.0.2",
@@ -116,7 +124,9 @@
             "html-entities": "1.4.0"
         },
         "peerDependencyRules": {
-            "ignoreMissing": ["chart.js"]
+            "ignoreMissing": [
+                "chart.js"
+            ]
         }
     }
 }

rollup.config.js

@@ -3,6 +3,7 @@ import json from '@rollup/plugin-json';
 import resolve from '@rollup/plugin-node-resolve';
 import {swc} from 'rollup-plugin-swc3';
 import {terser} from 'rollup-plugin-terser';
+import dts from 'rollup-plugin-dts';
 import {readFileSync} from 'fs';
 
 const {version, homepage} = JSON.parse(readFileSync('./package.json'));
@@ -76,5 +77,22 @@ export default [
       indent: false,
       sourcemap: true,
     },
+  },
+
+  // Types
+  // dist/types.d.ts
+  // dist/helpers.d.ts
+  {
+    input: {
+      'dist/types': 'src/types.ts',
+      'dist/helpers': 'src/helpers/types.ts'
+    },
+    plugins: [dts()],
+    output: {
+      dir: './',
+      chunkFileNames: 'dist/chunks/[name].d.ts',
+      entryFileNames: '[name].d.ts',
+      format: 'es'
+    }
   }
 ];

test/integration/typescript-node-next/package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "description": "chart.js should work in node next typescript project",
+  "dependencies": {
+    "chart.js": "workspace:*",
+    "typescript": "^4.7.4"
+  },
+  "scripts": {
+    "test": "tsc"
+  },
+  "devDependencies": {
+    "ts-expect": "^1.3.0"
+  }
+}

test/integration/typescript-node-next/src/index.ts

@@ -0,0 +1,9 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, no-console */
+import {Chart} from 'chart.js';
+import AutoChart from 'chart.js/auto';
+import {debounce} from 'chart.js/helpers';
+import {TypeOf, expectType} from 'ts-expect';
+
+expectType<TypeOf<typeof Chart.register, any>>(false);
+expectType<TypeOf<typeof AutoChart.register, any>>(false);
+expectType<TypeOf<typeof debounce, any>>(false);

test/integration/typescript-node-next/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "NodeNext",
+    "noEmit": true,
+    "lib": ["es2018", "DOM"]
+  },
+  "include": [
+    "./src/**/*.ts",
+  ]
+}

test/integration/typescript-node/package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "description": "chart.js should work in node typescript project",
+  "dependencies": {
+    "chart.js": "workspace:*",
+    "typescript": "^4.7.4"
+  },
+  "scripts": {
+    "test": "tsc"
+  },
+  "devDependencies": {
+    "ts-expect": "^1.3.0"
+  }
+}

test/integration/typescript-node/src/index.ts

@@ -0,0 +1,9 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, no-console */
+import {Chart} from 'chart.js';
+import AutoChart from 'chart.js/auto';
+import {debounce} from 'chart.js/helpers';
+import {TypeOf, expectType} from 'ts-expect';
+
+expectType<TypeOf<typeof Chart.register, any>>(false);
+expectType<TypeOf<typeof AutoChart.register, any>>(false);
+expectType<TypeOf<typeof debounce, any>>(false);

test/integration/typescript-node/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "Node",
+    "noEmit": true,
+    "lib": ["es2018", "DOM"]
+  },
+  "include": [
+    "./src/**/*.ts",
+  ]
+}

types/tests/autogen.js

@@ -10,7 +10,7 @@ let fd;
 try {
   const fn = path.resolve(__dirname, 'autogen_helpers.ts');
   fd = fs.openSync(fn, 'w+');
-  fs.writeSync(fd, 'import * as helpers from \'../../src/helpers/types\';\n\n');
+  fs.writeSync(fd, 'import * as helpers from \'../../dist/helpers\';\n\n');
 
   fs.writeSync(fd, 'const testKeys: unknown[] = [];\n');
   for (const key of Object.keys(helpers)) {