Moving to Rollup typescript plugin

Author: jakearchibald

generic-tsconfig.json

@@ -1,10 +1,9 @@
 {
   "compilerOptions": {
-    "target": "esnext",
+    "target": "ESNext",
     "module": "esnext",
     "strict": true,
     "moduleResolution": "node",
-    "outDir": ".ts-tmp",
     "composite": true,
     "declarationMap": false,
     "baseUrl": "./",

lib/simple-ts.js

@@ -55,6 +55,7 @@
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
     "@types/chai": "^5.2.2",
     "@types/mocha": "^10.0.10",
     "chai": "^5.2.0",
@@ -68,6 +69,7 @@
     "prettier": "^3.5.3",
     "rollup": "^4.40.2",
     "serve": "^14.2.4",
+    "tslib": "^2.8.1",
     "typescript": "^5.8.3"
   },
   "husky": {

package.json

@@ -1,12 +1,13 @@
 import { promises as fsp } from 'fs';
 import { basename } from 'path';
-import simpleTS from './lib/simple-ts.js';
-import {deleteAsync} from 'del';
+import { deleteAsync } from 'del';
 import terser from '@rollup/plugin-terser';
 import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import { getBabelOutputPlugin } from '@rollup/plugin-babel';
-import {glob} from 'glob';
+import typescript from '@rollup/plugin-typescript';
+
+import { glob } from 'glob';
 
 function addRedirectDeclaration(fileName) {
   return {
@@ -37,7 +38,7 @@ export default async function ({ watch }) {
     return {
       input: 'test/index.ts',
       plugins: [
-        simpleTS('test', { watch }),
+        typescript({ cacheDir: '.ts-tmp', tsconfig: './test/tsconfig.json' }),
         commonjs(),
         // When testing IE10
         // babel({
@@ -72,18 +73,17 @@ export default async function ({ watch }) {
           format: 'es',
         },
       ],
-      watch: {
-        clearScreen: false,
-        // Don't watch the ts files. Instead we watch the output from the ts compiler.
-        exclude: ['**/*.ts', '**/*.tsx'],
-      },
     };
 
   return [
     // Main builds
     {
       input: 'src/index.ts',
-      plugins: [simpleTS('src'), commonjs(), resolve()],
+      plugins: [
+        typescript({ cacheDir: '.ts-tmp', tsconfig: 'src/tsconfig.json' }),
+        commonjs(),
+        resolve(),
+      ],
       output: [
         {
           file: 'dist/index.js',
@@ -101,7 +101,11 @@ export default async function ({ watch }) {
       external: (id) => {
         if (id.startsWith('@babel/runtime')) return true;
       },
-      plugins: [simpleTS('src', { noBuild: true }), commonjs(), resolve()],
+      plugins: [
+        typescript({ cacheDir: '.ts-tmp', tsconfig: 'src/tsconfig.json' }),
+        commonjs(),
+        resolve(),
+      ],
       output: [
         {
           file: 'dist/compat.js',
@@ -115,7 +119,11 @@ export default async function ({ watch }) {
       external: (id) => {
         if (id.startsWith('@babel/runtime')) return true;
       },
-      plugins: [simpleTS('src', { noBuild: true }), commonjs(), resolve()],
+      plugins: [
+        typescript({ cacheDir: '.ts-tmp', tsconfig: 'src/tsconfig.json' }),
+        commonjs(),
+        resolve(),
+      ],
       output: [
         {
           file: 'dist/compat.cjs',
@@ -126,7 +134,11 @@ export default async function ({ watch }) {
     },
     {
       input: 'src/index.ts',
-      plugins: [simpleTS('src', { noBuild: true }), commonjs(), resolve()],
+      plugins: [
+        typescript({ cacheDir: '.ts-tmp', tsconfig: 'src/tsconfig.json' }),
+        commonjs(),
+        resolve(),
+      ],
       output: [
         {
           file: 'dist/umd.js',

pnpm-lock.yaml

@@ -1,6 +1,9 @@
 {
   "extends": "../generic-tsconfig.json",
   "compilerOptions": {
-    "lib": ["esnext", "dom"]
+    "lib": ["esnext", "dom"],
+    "tsBuildInfoFile": "../.ts-tmp/.src.tsbuildinfo",
+    "declarationDir": "../dist",
+    "composite": true
   }
 }

rollup.config.js

@@ -13,7 +13,7 @@ import {
   setMany,
   update,
   getMany,
-  delMany
+  delMany,
 } from '../src';
 import { assert as typeAssert, IsExact } from 'conditional-type-checks';
 
@@ -526,12 +526,12 @@ mocha.setup('tdd');
         [
           ['hello', 'world'],
           [456, '789'],
-          [1122, '3344']
+          [1122, '3344'],
         ],
         customStore,
       );
 
-      await delMany(['hello', 456], customStore)
+      await delMany(['hello', 456], customStore);
 
       assert.deepEqual(
         await entries(),
@@ -543,9 +543,7 @@ mocha.setup('tdd');
       );
       assert.deepEqual(
         await entries(customStore),
-        [
-          [1122, '3344']
-        ],
+        [[1122, '3344']],
         `Selected custom store keys have been deleted`,
       );
     });

src/tsconfig.json

@@ -2,7 +2,11 @@
   "extends": "../generic-tsconfig.json",
   "compilerOptions": {
     "esModuleInterop": true,
-    "lib": ["esnext", "dom"]
+    "lib": ["esnext", "dom"],
+    "tsBuildInfoFile": "../.ts-tmp/.test.tsbuildinfo",
+    "declarationDir": "../dist/test",
+    "composite": true,
+    "rootDir": "../"
   },
-  "references": [{ "path": "../src" }]
+  "include": ["**/*.ts", "../src/**/*.ts"]
 }