Config path changes and build testing

Author: jamesrweb

config/eslint/eslint.config.ts

@@ -1,25 +1,29 @@
 // @ts-expect-error The react team don't expose types for the eslint plugin currently
 import * as reactCompiler from "eslint-plugin-react-compiler";
 import * as tseslint from "typescript-eslint";
+import { includeIgnoreFile } from "@eslint/compat";
 import eslint from "@eslint/js";
+import { resolve } from "node:path";
 import { dirname } from "path";
 import { type ConfigArray } from "typescript-eslint";
 
 const configDirectory: string = dirname(import.meta.dirname);
 const rootDirectory: string = dirname(configDirectory);
+const gitignore: string = resolve(rootDirectory, ".gitignore");
+
 const config: ConfigArray = tseslint.config(
   eslint.configs.recommended,
   tseslint.configs.strict,
   tseslint.configs.stylistic,
+  includeIgnoreFile(gitignore),
   {
     ...reactCompiler.configs.recommended,
     languageOptions: {
       parserOptions: {
         project: true,
         tsconfigRootDir: rootDirectory
       }
-    },
-    ignores: ["**/dist/**"]
+    }
   }
 );
 

config/typescript/tsconfig.json

@@ -19,6 +19,6 @@
     "jsx": "react-jsx",
     "noImplicitAny": true
   },
-  "include": ["../../"],
+  "include": ["../../config", "../../src", "../../tests", "../../demo"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

config/vite/vite.component.config.ts

@@ -3,12 +3,14 @@ import { resolve } from "node:path";
 import dts from "vite-plugin-dts";
 import { defineConfig } from "vitest/config";
 
-const outputDirectory = resolve(__dirname, "..", "..", "dist", "component");
-
-export default defineConfig({
+const rootDir = resolve(__dirname, "..", "..");
+const outputDirectory = resolve(rootDir, "dist", "component");
+const tsConfigPath = resolve(rootDir, "tsconfig.json");
+const config = defineConfig({
   plugins: [
     dts({
       rollupTypes: true,
+      tsconfigPath: tsConfigPath,
       outDir: outputDirectory
     }),
     react({
@@ -23,7 +25,7 @@ export default defineConfig({
   build: {
     emptyOutDir: true,
     lib: {
-      entry: resolve(__dirname, "..", "..", "src", "main.tsx"),
+      entry: resolve(rootDir, "src", "main.tsx"),
       name: "ReactP5Wrapper",
       fileName: "ReactP5Wrapper",
       formats: ["es", "cjs"]
@@ -49,19 +51,15 @@ export default defineConfig({
     coverage: {
       include: ["src"]
     },
-    setupFiles: resolve(__dirname, "..", "..", "tests", "setup.ts"),
+    setupFiles: resolve(rootDir, "tests", "setup.ts"),
     deps: {
       optimizer: {
         web: {
           include: ["vitest-canvas-mock"]
         }
       }
-    },
-    onConsoleLog() {
-      return false;
-    },
-    onStackTrace() {
-      return false;
     }
   }
 });
+
+export default config;

package.json

@@ -20,17 +20,17 @@
   },
   "scripts": {
     "build": "rimraf dist && pnpm build:component && pnpm build:demo",
-    "build:component": "tsc --declaration --noEmit && vite build --config config/vite/vite.component.config.ts",
+    "build:component": "tsc --noEmit && vite build --config config/vite/vite.component.config.ts",
     "build:demo": "vite build --config config/vite/vite.demo.config.ts",
     "ci": "pnpm format:check && pnpm lint && pnpm test && pnpm build",
     "dev": "vite --config config/vite/vite.demo.config.ts --host",
     "format": "pnpm prettier --write .",
     "format:check": "pnpm prettier --check .",
-    "lint": "eslint  --ignore-pattern dist --config config/eslint/eslint.config.ts",
+    "lint": "eslint --config config/eslint/eslint.config.ts",
     "lint:fix": "pnpm lint --fix",
     "prettier": "prettier --config config/prettier/prettier.json --ignore-path .gitignore",
-    "test": "vitest run --config config/vite/vite.component.config.ts",
-    "test:coverage": "vitest run --coverage --config config/vite/vite.component.config.ts",
+    "test": "vitest run --silent --config config/vite/vite.component.config.ts",
+    "test:coverage": "vitest run --silent --coverage --config config/vite/vite.component.config.ts",
     "test:watch": "vitest watch --config config/vite/vite.component.config.ts"
   },
   "keywords": [
@@ -88,12 +88,13 @@
   },
   "devDependencies": {
     "@babel/eslint-plugin": "^7.25.9",
+    "@eslint/compat": "^1.2.6",
     "@eslint/js": "^9.19.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "^16.2.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.12.0",
+    "@types/node": "^22.13.0",
     "@types/p5": "^1.7.6",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",