📦 improve(patch): bud@6.2.0 (#3074)

bud.config.js

@@ -1,46 +0,0 @@
-/**
- * @typedef {import('@roots/bud').Bud} bud
- *
- * @param {bud} app
- */
-module.exports = async (app) => {
-  app
-    /**
-     * Application entrypoints
-     *
-     * Paths are relative to your resources directory
-     */
-    .entry({
-      app: ['@scripts/app', '@styles/app'],
-      editor: ['@scripts/editor', '@styles/editor'],
-    })
-
-    /**
-     * These files should be processed as part of the build
-     * even if they are not explicitly imported in application assets.
-     */
-    .assets('images')
-
-    /**
-     * These files will trigger a full page reload
-     * when modified.
-     */
-    .watch('resources/views/**/*', 'app/**/*')
-
-    /**
-     * Target URL to be proxied by the dev server.
-     *
-     * This should be the URL you use to visit your local development server.
-     */
-    .proxy('http://example.test')
-
-    /**
-     * Development URL to be used in the browser.
-     */
-    .serve('http://0.0.0.0:3000')
-
-    /**
-     * Relative path to the public directory.
-     */
-    .setPublicPath('/app/themes/sage/public/');
-};

bud.config.mjs

@@ -0,0 +1,43 @@
+// @ts-check
+
+/**
+ * Build configuration
+ *
+ * @see {@link https://bud.js.org/guides/getting-started/configure}
+ * @param {import('@roots/bud').Bud} app
+ */
+export default async (app) => {
+  app
+    /**
+     * Application entrypoints
+     */
+    .entry({
+      app: ["@scripts/app", "@styles/app"],
+      editor: ["@scripts/editor", "@styles/editor"],
+    })
+
+    /**
+     * Directory contents to be included in the compilation
+     */
+    .assets(["images"])
+
+    /**
+     * Matched files trigger a page reload when modified
+     */
+    .watch(["resources/views/**/*", "app/**/*"])
+
+    /**
+     * Proxy origin (`WP_HOME`)
+     */
+    .proxy("http://example.test")
+
+    /**
+     * Development origin
+     */
+    .serve("http://0.0.0.0:3000")
+
+    /**
+     * URI of the `public` directory
+     */
+    .setPublicPath("/app/themes/sage/public/");
+};

jsconfig.json

@@ -1,14 +1,19 @@
 {
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
-    "jsx": "preserve",
+    "baseUrl": "resources",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "module": "commonjs",
+    "module": "esnext",
     "moduleResolution": "node",
+    "jsx": "preserve",
     "paths": {
-      "@scripts/*": ["./resources/scripts/*"],
+      "@fonts/*": ["fonts/*"],
-      "@styles/*": ["./resources/styles/*"]
+      "@images/*": ["images/*"],
-    }
+      "@scripts/*": ["scripts/*"],
+      "@styles/*": ["styles/*"]
+    },
+    "target": "es5"
   },
-  "exclude": ["./public", "./node_modules"]
+  "include": ["bud.config.mjs", "resources"],
+  "exclude": ["public"]
 }

package.json

@@ -18,8 +18,8 @@
     "translate:mo": "wp i18n make-mo ./resources/lang ./resources/lang"
   },
   "devDependencies": {
-    "@roots/bud": "5.8.7",
+    "@roots/bud": "6.2.0",
-    "@roots/bud-tailwindcss": "5.8.7",
+    "@roots/bud-tailwindcss": "6.2.0",
-    "@roots/sage": "5.8.7"
+    "@roots/sage": "6.2.0"
   }
 }

tailwind.config.cjs

@@ -1,5 +1,5 @@
 module.exports = {
-  content: ['./index.php', './app/**/*.php', './resources/**/*.{php,vue,js}'],
+  content: ["./index.php", "./app/**/*.php", "./resources/**/*.{php,vue,js}"],
   theme: {
     extend: {
       colors: {},