🧪 test: improve integration (#2361)

- normalize examples/*
- improve integration tests
- update **/contributors.yml

## Type of change

**PATCH: backwards compatible change**

contributors.yml

@@ -2,7 +2,7 @@
   login: kellymears
   avatar: https://avatars.githubusercontent.com/u/397606?v=4
   url: https://github.com/kellymears
-  contributions: 869
+  contributions: 875
   email: developers@tinypixel.dev
 - name: QWp6t
   login: QWp6t

examples/babel/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@examples/babel",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],
-  "type": "module",
   "devDependencies": {
     "@roots/bud": "latest",
-    "@roots/bud-babel": "latest",
-    "@roots/bud-postcss": "latest"
+    "@roots/bud-babel": "latest"
   }
 }

examples/basic/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@examples/basic",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
   "type": "module",
   "browserslist": [

examples/config-json/bud.config.json

@@ -1,10 +1,9 @@
 {
-  entry: ['app', ['app.js']],
-  assets: [['src/**/*.html']],
-  babel: {
-    setPluginOptions: [
-      '@babel/plugin-transform-runtime',
-      {helpers: false, regenerator: false},
-    ],
-  },
+  "entry": ["app", ["app.js"]],
+  "babel": {
+    "setPluginOptions": [
+      "@babel/plugin-transform-runtime",
+      {"helpers": false, "regenerator": false}
+    ]
+  }
 }

examples/config-json/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@examples/config-json",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],
-  "type": "module",
   "devDependencies": {
     "@roots/bud": "latest",
     "@roots/bud-babel": "latest"

examples/config-json/src/app.js

@@ -2,4 +2,4 @@ import './global.css'
 
 document.querySelector('#root')?.classList.add('init')
 
-module?.hot?.accept(console.error)
+if (import.meta.webpackHot) import.meta.webpackHot.accept(console.error)

examples/config-yml/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@examples/config-yml",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],

examples/config-yml/src/app.js

@@ -2,4 +2,4 @@ import './global.css'
 
 document.querySelector('#root')?.classList.add('init')
 
-module?.hot?.accept(console.error)
+if (import.meta.webpackHot) import.meta.webpackHot.accept(console.error)

examples/critical-css/bud.config.js

@@ -0,0 +1,10 @@
+/**
+ * @param {import('@roots/bud').Bud} bud
+ */
+export default async bud => {
+  bud.entry('app', ['app.css']).entry('app2', ['app2.css'])
+
+  bud.html({template: bud.path('public/index.html')})
+
+  bud.critical.set(`src`, app.path(`public/index.html`)).enable()
+}

examples/critical-css/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@examples/critical-css",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],

examples/critical-css/src/app.js

@@ -10,4 +10,5 @@ const changeBg = () => {
  */
 changeBg()
 
-module?.hot?.accept(err => changeBg())
+if (import.meta.webpackHot)
+  import.meta.webpackHot.accept(err => changeBg())

examples/critical-css/tsconfig.json

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

examples/emotion/bud.config.js

@@ -0,0 +1,5 @@
+export default async app => {
+  app
+    .html({template: app.path('public/index.html')})
+    .entry('app', 'app.js')
+}

examples/emotion/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@examples/emotion",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],

examples/esbuild/bud.config.js

@@ -0,0 +1,3 @@
+export default async bud => {
+  bud.html().entry({app: 'app.js'})
+}

examples/esbuild/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@examples/esbuild",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],

examples/eslint/bud.config.ts

@@ -1,3 +1,5 @@
 import {type Bud} from '@roots/bud'
 
-export default async (bud: Bud) => {}
+export default async (bud: Bud) => {
+  bud.eslint.extends('@roots/eslint-config')
+}

examples/eslint/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@examples/eslint",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
-  "packageManager": "npm@8.19.2",
   "type": "module",
-  "engines": {
-    "node": "18.12.1"
-  },
   "browserslist": [
     "extends @roots/browserslist-config"
   ],
   "devDependencies": {
     "@roots/bud": "latest",
-    "@roots/bud-eslint": "latest"
+    "@roots/bud-eslint": "latest",
+    "@roots/eslint-config": "latest"
   }
 }

examples/html-template/bud.config.js

@@ -0,0 +1,10 @@
+export default async app =>
+  app.html({
+    template: app.path('public/index.html'),
+    replace: {
+      TITLE: 'Demo',
+      DESCRIPTION: 'html templating example',
+      EXAMPLE: '#root content',
+    },
+    favicon: app.path('public/favicon.ico'),
+  })

examples/html-template/package.json

@@ -1,15 +1,12 @@
 {
-  "name": "@examples/template",
+  "name": "@examples/html-template",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
-  "packageManager": "npm@8.19.2",
-  "engines": {
-    "node": "18.12.1"
-  },
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],
   "devDependencies": {
-    "@roots/browserslist-config": "latest",
     "@roots/bud": "latest"
   }
 }

examples/imagemin/bud.config.mjs → examples/imagemin/bud.config.js

@@ -2,6 +2,6 @@
  * @type {(app: import('@roots/bud').Bud) => Promise<unknown>}
  */
 export default async app => {
-  app.entry(`app`, `app.js`).minimize()
+  app.entry(`app`, `app.js`)
   app.imagemin.encode(`jpeg`, {quality: 75}).encode(`png`, {quality: 100})
 }

examples/imagemin/package.json

@@ -1,15 +1,12 @@
 {
   "name": "@examples/imagemin",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
-  "packageManager": "npm@8.19.2",
-  "engines": {
-    "node": "18.12.1"
-  },
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],
   "devDependencies": {
-    "@roots/browserslist-config": "latest",
     "@roots/bud": "latest",
     "@roots/bud-imagemin": "latest"
   }

examples/imagemin/tsconfig.json

@@ -1,13 +1,12 @@
 {
   "extends": "@roots/bud/config/tsconfig.json",
   "compilerOptions": {
-    "module": "esnext",
-    "target": "esnext",
     "paths": {
       "@src/*": ["./src/*"]
     },
     "types": ["@roots/bud", "@roots/bud-imagemin"]
   },
-  "include": ["./src", "./bud.config.mjs"],
+  "files": ["bud.config.js"],
+  "include": ["./src"],
   "exclude": ["./dist"]
 }

examples/markdown/package.json

@@ -1,10 +1,8 @@
 {
   "name": "@examples/markdown",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
-  "packageManager": "npm@8.19.2",
-  "engines": {
-    "node": "18.12.1"
-  },
+  "type": "module",
   "browserslist": [
     "extends @roots/browserslist-config"
   ],

examples/multi-compiler/bud.config.ts

@@ -0,0 +1,25 @@
+import {bud} from '@roots/bud'
+
+/**
+ * Configuration which runs two instances of bud.
+ *
+ * Each can be uniquely configured.
+ * ```
+ */
+await Promise.all([
+  /**
+   * Make `theme` workspace in `./theme` and setup entrypoints
+   * Files will be output to `./theme/dist`
+   */
+  bud.make({label: 'theme', basedir: bud.path('theme')}, async theme =>
+    theme.entry('theme', ['theme.js', 'theme.css']),
+  ),
+
+  /**
+   * Make plugin workspace in `./plugin` and setup entrypoints
+   * Files will be output to `./plugin/dist`
+   */
+  bud.make({label: 'plugin', basedir: bud.path('plugin')}, async plugin =>
+    plugin.entry('plugin', ['plugin.js', 'plugin.css']),
+  ),
+])

examples/multi-compiler/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@examples/multi",
+  "$schema": "https://bud.js.org/bud.package.json",
   "private": true,
   "type": "module",
   "browserslist": [

examples/multi-compiler/tsconfig.json

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