Set up TypeScript references

Author: colinrotherham

.eslintrc.cjs

@@ -1,6 +1,6 @@
 module.exports = {
   parserOptions: {
-    project: './tsconfig.json',
+    projectService: true,
     tsconfigRootDir: __dirname,
   },
   env: {

rollup.config.js

@@ -48,6 +48,7 @@ export default defineConfig(
         typescript({
           tsconfig: 'tsconfig.build.json',
           compilerOptions: {
+            emitDeclarationOnly: true,
             outDir: join(outDir, options.format),
           },
         }),

tsconfig.build.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "declaration": true,
     "declarationMap": true,
-    "emitDeclarationOnly": true,
     "jsx": "react-jsx",
     "lib": ["ESNext", "DOM"],
     "outDir": "./dist",
@@ -13,6 +12,6 @@
     "target": "ES2015",
     "types": ["node"]
   },
-  "include": ["./src"],
-  "exclude": ["**/__mocks__", "**/__tests__", "./src/setupTests.ts"]
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx", "./src/setupTests.ts"]
 }

tsconfig.dev.json

@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsxdev",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "./.storybook/*.ts",
+    "./src/**/*.test.ts",
+    "./src/**/*.test.tsx",
+    "./src/setupTests.ts",
+    "./stories/**/*.tsx",
+    "./*.config.cjs",
+    "./*.config.js"
+  ]
+}

tsconfig.json

@@ -1,17 +1,12 @@
 {
   "extends": "./tsconfig.base.json",
-  "compilerOptions": {
-    "jsx": "react-jsxdev",
-    "lib": ["ESNext", "DOM"],
-    "target": "ES2015",
-    "types": ["jest", "node"]
-  },
-  "include": [
-    "./.storybook/*.ts",
-    "./src/**/*.ts",
-    "./src/**/*.tsx",
-    "./stories/**/*.tsx",
-    "./*.config.cjs",
-    "./*.config.js"
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.dev.json"
+    },
+    {
+      "path": "./tsconfig.build.json"
+    }
   ]
 }