✨ improve(patch): build performance (#2596)

- **🧹 chore(none): additional examples**
- **🔨 improve(patch): improve build performance**
- **🔨 improve(patch): add react error boundary**

.vscode/settings.json

@@ -6,14 +6,13 @@
       "**/$KNOWN_TOOLS$/**"
     ]
   },
+  "editor.tabSize": 2,
   "eslint.nodePath": ".yarn/sdks/eslint",
   "eslint.options": {
     "overrideConfigFile": "config/eslint.config.cjs"
   },
-  "eslint.validate": [
-    "javascript",
-    "typescript"
-  ],
+  "eslint.validate": ["javascript", "typescript"],
+  "explorer.excludeGitIgnore": false,
   "files.associations": {
     "*.mdx": "mdx",
     "*.ts": "typescript",
@@ -27,19 +26,18 @@
     "**/.hg": true,
     "**/.svn": true,
     "**/CVS": true,
-    "**/Thumbs.db": true,
-    "**/node_modules": false
+    "**/node_modules": true,
+    "**/Thumbs.db": true
   },
   "prettier.configPath": "config/prettier.config.js",
   "prettier.ignorePath": "config/.prettierignore",
   "search.exclude": {
+    ".git": true,
+    ".yarn": true,
     "**/.storage": true,
     "**/node_modules": true,
     "**/pnp.*": true,
-    ".git": true,
-    ".yarn": true,
-    "storage": true,
-    "verdaccio": true
+    "coverage": true
   },
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.format.semicolons": "remove",

config/tsconfig.json

@@ -30,9 +30,9 @@
   },
   "files": [],
   "references": [
-    {"path": "../sources/@roots/bud-support/tsconfig.json"},
     {"path": "../sources/@repo/markdown-kit/tsconfig.json"},
     {"path": "../sources/@repo/test-kit/tsconfig.json"},
+    {"path": "../sources/@roots/bud-support/tsconfig.json"},
     {"path": "../sources/@roots/bud/tsconfig.json"},
     {"path": "../sources/@roots/blade-loader/tsconfig.json"},
     {"path": "../sources/@roots/bud-api/tsconfig.json"},

config/vitest/config.e2e.ts

@@ -5,15 +5,13 @@ import shared from './config.shared'
 export default defineConfig({
   test: {
     ...shared,
-    include: [`tests/e2e/*.test.ts`],
-    pool: `threads`,
+    include: [`tests/e2e/**/*.test.ts`],
     poolOptions: {
       threads: {
         isolate: false,
         maxThreads: 1,
         minThreads: 1,
       },
     },
-    watch: false,
   },
 })

config/vitest/config.integration.ts

@@ -6,14 +6,14 @@ export default defineConfig({
   test: {
     ...shared,
     include: [`tests/integration/**/*.test.ts`],
-    pool: `forks`,
+    isolate: true,
+    pool: `threads`,
     poolOptions: {
-      forks: {
-        maxForks: 1,
-        minForks: 1,
+      threads: {
+        isolate: true,
+        useAtomics: true,
       },
     },
     setupFiles: [`./config/vitest/setup.integration.ts`],
-    watch: false,
   },
 })

config/vitest/config.shared.ts

@@ -1,14 +1,14 @@
+import type {UserConfig} from 'vitest'
+
 import {env} from 'node:process'
 
 import GithubActionsReporter from 'vitest-github-actions-reporter'
 
-const reporters: Array<any>  = [`basic`]
-if (env.GITHUB_ACTIONS) reporters.push(new GithubActionsReporter())
-
-const shared = {
+export default {
   hookTimeout: 240000,
-  reporters,
+  reporters: env.GITHUB_ACTIONS
+    ? [`basic`, new GithubActionsReporter()]
+    : [`basic`],
   testTimeout: 240000,
-}
-
-export default shared
+  watch: false,
+} satisfies UserConfig

config/vitest/config.unit.ts

@@ -1,5 +1,3 @@
-import {env} from 'process'
-
 import {defineConfig} from 'vitest/config'
 
 import shared from './config.shared'
@@ -8,21 +6,14 @@ export default defineConfig({
   test: {
     ...shared,
     coverage: {
-      include: [`sources/@roots/*/src/**/*.{ts,tsx}`],
-      provider: `v8`,
+      enabled: false,
     },
-    exclude: [`sources/@repo/**/*`, `**/node_modules/**/*`],
+    exclude: [`tests/e2e`, `**/node_modules`],
     include: [
-      `sources/@roots/*/src/*.test.{ts,tsx}`,
-      `sources/@roots/*/src/**/*.test.{ts,tsx}`,
-      `sources/@roots/*/test/*.test.{ts,tsx}`,
-      `sources/@roots/*/test/**/*.test.{ts,tsx}`,
-      `sources/@roots/*/tests/*.test.{ts,tsx}`,
-      `sources/@roots/*/tests/**/*.test.{ts,tsx}`,
-      `tests/unit/**/*.test.ts`,
-      `tests/reproductions/**/*.test.ts`,
-      `tests/integration/*.test.ts`,
+      `sources/@roots/**/*.test.ts`,
+      `sources/@roots/**/*.test.tsx`,
+      `tests/**/*.test.ts`,
+      `tests/**/*.test.tsx`,
     ],
-    includeSource: [`sources/@roots/*/src/**/*.{ts,tsx}`],
   },
 })

examples/babel-advanced/tsconfig.json

@@ -6,7 +6,7 @@
     },
     "types": ["@roots/bud", "@roots/bud-babel"]
   },
-  "files": ["bud.config.ts"],
+  "files": ["./bud.config.ts"],
   "include": ["./src"],
   "exclude": ["./dist"]
 }

examples/config-json/bud.config.json

@@ -1,13 +1,13 @@
 {
-  entry: ["app", ["app.js"]],
+  "entry": ["app", ["app.js"]],
 
   /**
    * Comments are okay
    */
-  babel: {
-    setPluginOptions: [
+  "babel": {
+    "setPluginOptions": [
       "@babel/plugin-transform-runtime",
-      {helpers: false, regenerator: false}
+      {"helpers": false, "regenerator": false}
     ]
   }
 }

examples/critical-css/bud.config.js

@@ -3,6 +3,6 @@
  */
 export default async bud => {
   bud.entry(`app`, [`app.css`]).entry(`app2`, [`app2.css`])
-  bud.html({template: bud.path(`public/index.html`)})
+  bud.html({ template: bud.path(`public/index.html`) })
   bud.critical.set(`src`, bud.path(`public/index.html`)).enable()
 }

examples/critical-css/src/app.js

@@ -10,5 +10,6 @@ const changeBg = () => {
  */
 changeBg()
 
-if (import.meta.webpackHot)
-  import.meta.webpackHot.accept(err => changeBg())
+if (import.meta.webpackHot) {
+  import.meta.webpackHot.accept(changeBg)
+}

examples/daisyui/tailwind.config.ts

@@ -1,9 +1,6 @@
 import type {Config} from 'tailwindcss'
-import daisyui from 'daisyui'
 
-const config: Config = {
+export default {
   content: ['src/**/*.js'],
-  plugins: [daisyui],
-}
-
-export default config
+  plugins: [await import('daisyui').then(m => m.default)],
+} satisfies Config

examples/esbuild/src/demo.ts

@@ -0,0 +1 @@
+;['fancy', 'ecma'].map(console.log)

examples/esbuild/tsconfig.json

@@ -3,5 +3,4 @@
   "compilerOptions": {
     "types": ["@roots/bud", "@roots/bud-esbuild"]
   },
-  "files": ["./bud.config.js"]
 }

examples/eslint-bud-config/bud.config.ts

@@ -0,0 +1,5 @@
+import {bud} from '@roots/bud'
+
+bud.eslint.setRules({
+  'no-console': 'error',
+})

examples/eslint-bud-config/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@examples/eslint-bud-config",
+  "$schema": "https://bud.js.org/bud.package.json",
+  "private": true,
+  "type": "module",
+  "browserslist": [
+    "extends @roots/browserslist-config"
+  ],
+  "devDependencies": {
+    "@roots/bud": "workspace:*",
+    "@roots/bud-eslint": "workspace:*",
+    "@roots/eslint-config": "workspace:*"
+  }
+}

examples/eslint-bud-config/src/index.js

@@ -0,0 +1 @@
+console.log('error')

examples/eslint/tsconfig.json → examples/eslint-bud-config/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": ["@roots/bud/config/tsconfig.json"],
   "compilerOptions": {
-
     "types": ["@roots/bud", "@roots/bud-eslint"]
-  }
+  },
+  "files": ["./bud.config.ts"]
 }

examples/eslint/.eslintrc.cjs

@@ -1,3 +1,6 @@
 module.exports = {
   extends: ['@roots/eslint-config'],
+  rules: {
+    'no-console': 'error',
+  }
 }

examples/eslint/src/index.js

@@ -1,4 +1 @@
-const target = document.querySelector('body')
-
-target.innerHTML = `<div><h1>Hello</h1></div>`
-
+console.log('eslint should error')

examples/node-api/node-script.js

@@ -1,4 +1,4 @@
-import {factory} from '@roots/bud'
+import { factory } from '@roots/bud'
 
 /**
  * Run this example with:

examples/node-api/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "@roots/bud/config/tsconfig.json",
+  "compilerOptions": {
+    "paths": {
+      "@src/*": ["./src/*"]
+    },
+    "types": ["@roots/bud", "@roots/bud-swc"]
+  },
+  "files": ["./node-script.js"],
+  "include": ["./src"],
+  "exclude": ["./dist"]
+}

examples/node-api/webpack.config.js

@@ -1,4 +1,4 @@
-import {factory} from '@roots/bud'
+import { factory } from '@roots/bud'
 
 /**
  * Run this example with:

examples/sage/bud.config.js

@@ -1,22 +1,17 @@
-// @ts-check
+import { bud } from '@roots/bud'
 
-/**
- * @param {import('@roots/bud').Bud} bud
- */
-export default async bud => {
-  bud
-    .entry({
-      app: ['@scripts/app', '@styles/app'],
-      editor: ['@scripts/editor', '@styles/editor'],
-    })
-    .copyDir('images')
-    .watch(['resources/views/*.blade.php'])
-    .serve(3000)
-    .proxy('http://example.test')
+bud
+  .entry({
+    app: ['@scripts/app', '@styles/app'],
+    editor: ['@scripts/editor', '@styles/editor'],
+  })
+  .copyDir('images')
+  .watch(['resources/views/*.blade.php'])
+  .serve(3000)
+  .proxy('http://example.test')
 
-  bud.wp.json
-    .useTailwindColors('extend')
-    .useTailwindFontFamily()
-    .useTailwindFontSize()
-    .useTailwindSpacing()
-}
+bud.wp.json
+  .useTailwindColors('extend')
+  .useTailwindFontFamily()
+  .useTailwindFontSize()
+  .useTailwindSpacing()

examples/swc/tsconfig.json

@@ -3,5 +3,4 @@
   "compilerOptions": {
     "types": ["@roots/bud", "@roots/bud-swc"]
   },
-  "files": ["./bud.config.ts"]
 }

package.json

@@ -31,7 +31,7 @@
     "@vitest/coverage-v8": "1.6.0",
     "@vitest/ui": "1.6.0",
     "browserslist": "4.23.0",
-    "caniuse-lite": "1.0.30001616",
+    "caniuse-lite": "1.0.30001627",
     "esbuild": "0.20.2",
     "eslint": "8.57.0",
     "eslint-plugin-n": "17.4.0",
@@ -69,14 +69,13 @@
       "sources/@roots/*",
       "sources/@repo/*",
       "sources/@roots/*/test/**/*",
-      "sources/@roots/*/src/__fixtures__/*",
       "sources/create-bud-app",
       "tests/util/project",
       "tests/reproductions/*"
     ]
   },
   "volta": {
-    "node": "20.3.1",
+    "node": "20.12.0",
     "yarn": "1.22.19"
   }
 }

sources/@repo/docs/config/docusaurus.theme.cjs

@@ -1,6 +1,6 @@
 const {themes} = require(`prism-react-renderer`)
 const config = require(`../../../../config/monorepo.config.cjs`)
-const releaseData = require(`../generated/releases/data.json`)
+const releaseData = require(`../content/releases/data.json`)
 
 /**
  * Color mode

sources/@repo/docs/config/index.cjs

@@ -34,7 +34,7 @@ module.exports = {
           title: `${config.name} releases`,
         },
         id: `releases`,
-        path: docsPath(`generated/releases`),
+        path: docsPath(`content/releases`),
         remarkPlugins,
         routeBasePath: `releases`,
         showReadingTime: true,