@roots/bud-build 6.17.0 → 6.19.0

package/README.md

@@ -109,9 +109,6 @@ However, the amount of effort needed to maintain and develop new features and pr
 <a href="https://wordpress.com/">
 <img src="https://cdn.roots.io/app/uploads/wordpress.svg" alt="WordPress.com" width="200" height="150"/>
 </a>
-<a href="https://pantheon.io/">
-<img src="https://cdn.roots.io/app/uploads/pantheon.svg" alt="Pantheon" width="200" height="150"/>
-</a>
 <a href="https://worksitesafety.ca/careers/">
 <img src="https://cdn.roots.io/app/uploads/worksite-safety.svg" alt="Worksite Safety" width="200" height="150"/>
 </a>

package/lib/config/dependencies.js

@@ -1,4 +1,25 @@
-import isUndefined from '@roots/bud-support/lodash/isUndefined';
-export const dependencies = async ({ hooks, root, }) => hooks
-    .filter(`build.dependencies`, [])
-    .filter(label => !isUndefined(root.children[label]));
+import { ConfigError } from '@roots/bud-support/errors';
+import isUndefined from '@roots/bud-support/isUndefined';
+export const dependencies = async ({ hooks, label, root, }) => {
+    const dependencies = hooks
+        .filter(`build.dependencies`, [])
+        ?.filter(dependency => {
+        const defined = !isUndefined(root.children?.[dependency]);
+        if (!defined) {
+            throw ConfigError.normalize(`${dependency} is not a registered instance of bud.js.`, {
+                details: root.children
+                    ? `Available instances are: ${Object.values(root.children)
+                        .map(child => child.label)
+                        .join(`, `)}`
+                    : `We would tell you what the available instances are, but there are none registered.`,
+                docs: new URL(`https://bud.js.org/learn/general-use/multi-instance`),
+                instance: label,
+                thrownBy: `@roots/bud-build/config/dependencies`,
+            });
+        }
+        return true;
+    });
+    if (!dependencies || dependencies?.length < 1)
+        return undefined;
+    return dependencies;
+};

package/lib/config/entry.js

@@ -1,5 +1,7 @@
 export const entry = async ({ hooks }) => {
-    const entrypoints = hooks.filter(`build.entry`, { main: { import: [`index`] } });
+    const entrypoints = hooks.filter(`build.entry`, {
+        main: { import: [`./index`] },
+    });
     return Object.entries(entrypoints).reduce((acc, [key, value]) => {
         value.import = [...new Set(value.import)];
         return { ...acc, [key]: value };

package/lib/config/infrastructureLogging.js

@@ -3,16 +3,16 @@ export const infrastructureLogging = async (bud) => bud.hooks.filter(`build.infr
     console: bud.hooks.filter(`build.infrastructureLogging.console`, {
         ...console,
         error: (...args) => {
-            logger.scope(bud.label, `webpack`).error(...args);
+            logger.unscope().error(...args);
         },
         info: (...args) => {
-            logger.scope(bud.label, `webpack`).info(...args);
+            logger.unscope().info(...args);
         },
         log: (...args) => {
-            logger.scope(bud.label, `webpack`).log(...args);
+            logger.unscope().log(...args);
         },
         warn: (...args) => {
-            logger.scope(bud.label, `webpack`).info(...args);
+            logger.unscope().info(...args);
         },
     }),
     level: bud.hooks.filter(`build.infrastructureLogging.level`, `log`),

package/lib/config/module.js

@@ -3,21 +3,115 @@ export const module = async ({ build: { rules }, hooks: { filter }, path, }) =>
     rules: getRules({ filter, path, rules }),
     unsafeCache: getUnsafeCache(filter),
 });
-const getRules = ({ filter, path, rules }) => [
-    ...filter(`build.module.rules.before`, [
+/**
+ * Get all module.rules
+ */
+const getRules = ({ filter, path, rules }) => {
+    return [
+        ...filter(`build.module.rules.before`, [
+            {
+                include: [path(`@src`)],
+                parser: { requireEnsure: false },
+                test: filter(`pattern.js`),
+            },
+            rules.image.toWebpack
+                ? {
+                    oneOf: [
+                        rules[`inline-image`]?.toWebpack?.(),
+                        rules.image.toWebpack?.(),
+                    ].filter(Boolean),
+                    test: filter(`pattern.image`),
+                }
+                : undefined,
+            rules.font.toWebpack
+                ? {
+                    oneOf: [
+                        rules[`inline-font`]?.toWebpack?.(),
+                        rules.font.toWebpack(),
+                    ].filter(Boolean),
+                    test: filter(`pattern.font`),
+                }
+                : undefined,
+            rules.svg.toWebpack
+                ? {
+                    oneOf: [
+                        rules[`inline-svg`]?.toWebpack?.(),
+                        rules.svg.toWebpack(),
+                    ].filter(Boolean),
+                    test: filter(`pattern.svg`),
+                }
+                : undefined,
+        ]),
         {
-            include: [path(`@src`)],
-            parser: { requireEnsure: false },
-            test: filter(`pattern.js`),
+            oneOf: [
+                ...filter(`build.module.rules.oneOf`, [
+                    ...getDefinedRules({ rules }),
+                    ...makeIssuerRuleSet({ filter, path, rules }),
+                ]),
+            ].filter(Boolean),
         },
-    ]),
-    {
-        oneOf: filter(`build.module.rules.oneOf`, Object.values(rules)
-            .filter(Boolean)
-            .map(rule => (`toWebpack` in rule ? rule.toWebpack() : rule))),
-    },
-    ...filter(`build.module.rules.after`, []),
+        ...filter(`build.module.rules.after`, []),
+    ].filter(Boolean);
+};
+/**
+ * Get the standard rules defined in the bud config, extensions, etc.
+ */
+const getDefinedRules = ({ rules }) => {
+    return [
+        ...Object.entries(rules)
+            .filter(([key, _]) => {
+            return !DEFINED.includes(key) && !RESOURCES.includes(key);
+        })
+            .map(([_, value]) => value),
+        ...DEFINED.map(key => rules[key]),
+    ]
+        .filter(Boolean)
+        .map(rule => (`toWebpack` in rule ? rule.toWebpack() : rule));
+};
+const RESOURCES = [
+    `image`,
+    `font`,
+    `svg`,
+    `inline-font`,
+    `inline-image`,
+    `inline-svg`,
 ];
+const DEFINED = [
+    `csv`,
+    `toml`,
+    `yml`,
+    `json`,
+    `html`,
+    `webp`,
+    `scss-module`,
+    `scss`,
+    `css-module`,
+    `css`,
+    `vue`,
+    `js`,
+    `ts`,
+];
+/**
+ * Get rules for css and css-module imports issued by non-css files.
+ */
+const makeIssuerRuleSet = ({ filter, path, rules }) => {
+    const results = [];
+    rules[`css-module`]?.toWebpack?.().use &&
+        results.push({
+            exclude: [path(`@src`)],
+            issuer: { not: filter(`pattern.cssModule`) },
+            test: filter(`pattern.cssModule`),
+            use: rules[`css-module`].toWebpack?.().use,
+        });
+    rules[`css`]?.toWebpack?.().use &&
+        results.push({
+            exclude: [path(`@src`)],
+            issuer: { not: filter(`pattern.css`) },
+            test: filter(`pattern.css`),
+            use: rules[`css`].toWebpack?.().use,
+        });
+    return results;
+};
 const getNoParse = (filter) => filter(`build.module.noParse`, undefined);
 /**
  * By leaving undefined, webpack will strongly cache parsed modules from node_modules

package/lib/config/output/index.js

@@ -21,7 +21,12 @@ export const output = async ({ hooks: { filter }, isProduction, path, relPath, }
      * @see {@link https://medium.com/@kenneth_chau/speeding-up-webpack-typescript-incremental-builds-by-7x-3912ba4c1d15}
      */
     pathinfo: filter(`build.output.pathinfo`, false),
-    publicPath: filter(`build.output.publicPath`, `auto`),
+    publicPath: (() => {
+        const value = filter(`build.output.publicPath`, `auto`);
+        if ([``, `auto`].includes(value))
+            return value;
+        return value.endsWith(`/`) ? value : `${value}/`;
+    })(),
     scriptType: filter(`build.output.scriptType`, undefined),
     uniqueName: filter(`build.output.uniqueName`, `@roots/bud`),
 });

package/lib/config/resolve.js

@@ -1,12 +1,12 @@
-import isString from '@roots/bud-support/lodash/isString';
+import isString from '@roots/bud-support/isString';
 export const resolve = async (bud) => {
     return await bud.hooks.filterAsync(`build.resolve`, {
         alias: {
-            [`@src`]: bud.path(`@src`),
+            '@src': bud.path(`@src`),
             ...(await bud.hooks.filterAsync(`build.resolve.alias`, {})),
         },
         extensionAlias: await bud.hooks.filterAsync(`build.resolve.extensionAlias`, {
-            [`.js`]: [`.ts`, `.tsx`, `.js`],
+            [`.js`]: [`.ts`, `.tsx`, `.js`, `.jsx`],
             [`.mjs`]: [`.mts`, `.mtx`, `.mjs`],
         }),
         extensions: Array.from(bud.hooks.filter(`build.resolve.extensions`, new Set([`.js`, `.mjs`, `.css`]))),
@@ -14,6 +14,7 @@ export const resolve = async (bud) => {
             bud.hooks.filter(`location.@src`),
             bud.hooks.filter(`location.@modules`),
         ].filter(v => isString(v) && v.length > 0)),
+        symlinks: bud.hooks.filter(`build.resolve.symlinks`, undefined),
         /**
          * Leave `undefined` to use webpack default (true in dev, false in production)
          */

package/lib/config/resolveLoader.js

@@ -1,8 +1,14 @@
-export const resolveLoader = async ({ hooks, module, }) => hooks.filter(`build.resolveLoader`, {
-    alias: hooks.filter(`build.resolveLoader.alias`, {
-        'css-loader': await module.resolve(`@roots/bud-support/css-loader`),
-        'file-loader': await module.resolve(`@roots/bud-support/file-loader`),
-        'html-loader': await module.resolve(`@roots/bud-support/html-loader`),
-        'style-loader': await module.resolve(`@roots/bud-support/style-loader`),
-    }),
-});
+export const resolveLoader = async ({ hooks, module, }) => {
+    const result = hooks.filter(`build.resolveLoader`, {
+        alias: hooks.filter(`build.resolveLoader.alias`, {
+            'css-loader': await module.resolve(`@roots/bud-support/css-loader`),
+            'file-loader': await module.resolve(`@roots/bud-support/file-loader`),
+            'html-loader': await module.resolve(`@roots/bud-support/html-loader`),
+            'style-loader': await module.resolve(`@roots/bud-support/style-loader`),
+        }),
+    });
+    const modules = hooks.filter(`build.resolveLoader.modules`, undefined);
+    if (modules)
+        result.modules = modules;
+    return result;
+};

package/lib/helpers/registrable.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { bind } from '@roots/bud-support/decorators/bind';
-import isFunction from '@roots/bud-support/lodash/isFunction';
+import isFunction from '@roots/bud-support/isFunction';
 class Registrable {
     _app;
     /**

package/lib/index.d.ts

@@ -41,18 +41,22 @@ declare module '@roots/bud-framework' {
     }
     interface Rules {
         [`css-module`]: Rule;
+        [`inline-font`]: Rule;
+        [`inline-image`]: Rule;
+        [`inline-svg`]: Rule;
         css: Rule;
         csv: Rule;
         font: Rule;
         html: Rule;
         image: Rule;
-        inlineFont: Rule;
-        inlineImage: Rule;
-        inlineSvg: Rule;
         js: Rule;
         json: Rule;
+        sass: Rule;
         svg: Rule;
         toml: Rule;
+        ts: Rule;
+        vue: Rule;
+        webp: Rule;
         yml: Rule;
     }
 }

package/lib/item/index.js

@@ -3,7 +3,8 @@ import { basename } from 'node:path';
 import Registrable from '@roots/bud-build/helpers/registrable';
 import Loader from '@roots/bud-build/loader';
 import { bind } from '@roots/bud-support/decorators/bind';
-import isString from '@roots/bud-support/lodash/isString';
+import isString from '@roots/bud-support/isString';
+import logger from '@roots/bud-support/logger';
 /**
  * Item class
  */
@@ -98,7 +99,7 @@ class Item extends Registrable {
             output.ident = this.getIdent();
         }
         if (!output.loader) {
-            this.app.error(`error in ${this.ident}`, `no loader registered`);
+            logger.error(`error in ${this.ident}`, `no loader registered`);
         }
         return Object.entries(output).reduce((output, [key, value]) => ({
             ...(output ?? {}),

package/lib/items/index.js

@@ -1,4 +1,4 @@
-import isBoolean from '@roots/bud-support/lodash/isBoolean';
+import isBoolean from '@roots/bud-support/isBoolean';
 /**
  * CSS loader
  */

package/lib/registry/index.js

@@ -1,7 +1,7 @@
 import * as items from '@roots/bud-build/items';
 import * as loaders from '@roots/bud-build/loaders';
 import * as rules from '@roots/bud-build/rules';
-import kebabCase from '@roots/bud-support/lodash/kebabCase';
+import kebabCase from '@roots/bud-support/kebabCase';
 /**
  * Register built-in {@link loaders}, {@link items} and {@link rules}
  */
@@ -16,7 +16,9 @@ async function register(bud) {
     bud.build.items.precss = bud.isProduction
         ? bud.build.items.minicss
         : bud.build.items.style;
-    Object.entries(rules).map(makeRegister(bud, bud.build.setRule));
+    await Promise.all(Object.entries(rules).map(makeRegister(bud, bud.build.setRule))).catch(e => {
+        throw e;
+    });
 }
 /**
  * Registry factory

package/lib/rule/index.d.ts

@@ -18,6 +18,10 @@ declare class Rule extends Registrable implements Interface {
      * RuleSetRule include
      */
     include?: Options[`include`];
+    /**
+     * RuleSetRule issuer
+     */
+    issuer?: Options[`issuer`];
     /**
      * RuleSetRule parser
      */
@@ -60,6 +64,10 @@ declare class Rule extends Registrable implements Interface {
      * Get `include` value
      */
     getInclude(): Array<RegExp | string>;
+    /**
+     * Get `issuer` value
+     */
+    getIssuer(): Output['issuer'];
     /**
      * Get `parser` value
      */
@@ -96,6 +104,10 @@ declare class Rule extends Registrable implements Interface {
      * Set `include` value
      */
     setInclude(includes: Options['include']): this;
+    /**
+     * Set `issuer` value
+     */
+    setIssuer(issuer: Options['issuer']): this;
     /**
      * Set `parser` value
      */

package/lib/rule/index.js

@@ -1,8 +1,9 @@
 import { __decorate } from "tslib";
 import Registrable from '@roots/bud-build/helpers/registrable';
 import { bind } from '@roots/bud-support/decorators/bind';
-import isFunction from '@roots/bud-support/lodash/isFunction';
-import isString from '@roots/bud-support/lodash/isString';
+import isFunction from '@roots/bud-support/isFunction';
+import isString from '@roots/bud-support/isString';
+import logger from '@roots/bud-support/logger';
 /**
  * RuleSetRule
  */
@@ -19,6 +20,10 @@ class Rule extends Registrable {
      * RuleSetRule include
      */
     include;
+    /**
+     * RuleSetRule issuer
+     */
+    issuer;
     /**
      * RuleSetRule parser
      */
@@ -78,6 +83,12 @@ class Rule extends Registrable {
     getInclude() {
         return this.include?.map(this.unwrap);
     }
+    /**
+     * Get `issuer` value
+     */
+    getIssuer() {
+        return this.issuer;
+    }
     /**
      * Get `parser` value
      */
@@ -137,6 +148,13 @@ class Rule extends Registrable {
         this.include = isFunction(includes) ? includes(this.include) : includes;
         return this;
     }
+    /**
+     * Set `issuer` value
+     */
+    setIssuer(issuer) {
+        this.issuer = issuer;
+        return this;
+    }
     /**
      * Set `parser` value
      */
@@ -189,6 +207,7 @@ class Rule extends Registrable {
             exclude: this.getExclude(),
             generator: this.getGenerator(),
             include: this.getInclude(),
+            issuer: this.getIssuer(),
             parser: this.getParser(),
             resolve: this.getResolve(),
             resourceQuery: this.getResourceQuery(),
@@ -206,7 +225,7 @@ class Rule extends Registrable {
                 return a;
             return { ...a, [k]: v };
         }, {});
-        this.app.info(`built rule`, output);
+        logger.info(`built rule`, output);
         return output;
     }
 }
@@ -219,6 +238,9 @@ __decorate([
 __decorate([
     bind
 ], Rule.prototype, "getInclude", null);
+__decorate([
+    bind
+], Rule.prototype, "getIssuer", null);
 __decorate([
     bind
 ], Rule.prototype, "getParser", null);
@@ -243,6 +265,9 @@ __decorate([
 __decorate([
     bind
 ], Rule.prototype, "setInclude", null);
+__decorate([
+    bind
+], Rule.prototype, "setIssuer", null);
 __decorate([
     bind
 ], Rule.prototype, "setParser", null);

package/lib/rules/svg.inline.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="node" resolution-mode="require"/>
 import type { Factory } from '@roots/bud-build/registry';
 declare const inlineSvg: Factory;
-declare const dataUrl: (data: Buffer) => string;
+declare const dataUrl: (data: Uint8Array) => string;
 export { dataUrl, inlineSvg as default };

package/lib/service/index.js

@@ -5,8 +5,8 @@ import { register } from '@roots/bud-build/registry';
 import Rule, {} from '@roots/bud-build/rule';
 import { Service } from '@roots/bud-framework/service';
 import { bind } from '@roots/bud-support/decorators/bind';
-import isFunction from '@roots/bud-support/lodash/isFunction';
-import isUndefined from '@roots/bud-support/lodash/isUndefined';
+import isFunction from '@roots/bud-support/isFunction';
+import isUndefined from '@roots/bud-support/isUndefined';
 /**
  * {@link BudBuild}
  */
@@ -55,22 +55,32 @@ class Build extends Service {
     async make() {
         this.logger.log(`bud.build.make called`);
         await this.app.hooks.fire(`build.before`, this.app);
-        await import(`@roots/bud-build/config`).then(async (records) => await Promise.all(Object.entries(records).map(async ([prop, factory]) => {
-            try {
-                const value = await factory(this.app);
-                if (isUndefined(value))
-                    return;
-                this.config[prop] = value;
-                this.logger.success(`built`, prop);
+        await import(`@roots/bud-build/config`)
+            .then(async (records) => await Promise.all(Object.entries(records).map(async ([prop, factory]) => {
+            const value = await factory(this.app).catch(this.catch);
+            if (isUndefined(value)) {
+                this.logger.success(`omitting:`, prop, `(undefined)`);
+                return;
             }
-            catch (error) {
-                throw error;
-            }
-        })));
-        this.logger.success(`configuration successfully built`);
+            Object.defineProperty(this.config, prop, {
+                configurable: true,
+                enumerable: true,
+                value,
+                writable: true,
+            });
+            this.logger
+                .success(`defined:`, prop, `(${typeof this.config[prop]})`)
+                .info(prop, `info:`, this.config[prop]);
+        })))
+            .catch(this.catch);
+        this.logger.success(`configuration built`);
         this.logger.info(this.config);
-        await this.app.hooks.fire(`build.after`, this.app);
-        return this.config;
+        await this.app.hooks.fire(`build.after`, this.app).catch(this.catch);
+        return Object.entries(this.config).reduce((a, [k, v]) => {
+            if (isUndefined(v))
+                return a;
+            return { ...a, [k]: v };
+        }, {});
     }
     /**
      * {@link BudBuild.makeItem}
@@ -94,6 +104,7 @@ class Build extends Service {
      * {@link BudBuild.setItem}
      */
     setItem(ident, definition) {
+        this.logger.log(`build.setItem`, ident);
         const maybeOptionsCallback = isUndefined(definition)
             ? { ident, loader: ident }
             : definition;
@@ -101,36 +112,41 @@ class Build extends Service {
             ? maybeOptionsCallback(this.makeItem())
             : this.makeItem(maybeOptionsCallback);
         this.items[ident] = item;
-        this.logger.info(`set item`, item);
+        this.logger.info(item);
         return this;
     }
     /**
      * {@link BudBuild.setLoader}
      */
     setLoader(name, definition) {
+        this.logger.log(`build.setLoader`, name);
         const loader = isUndefined(definition)
             ? this.makeLoader(name)
             : definition instanceof Loader
                 ? definition
                 : this.makeLoader(definition);
         this.loaders[name] = loader;
-        this.logger.info(`set loader`, loader);
+        this.logger.info(loader);
         return this;
     }
     /**
      * {@link BudBuild.setRule}
      */
     setRule(name, definition) {
+        this.logger.log(`build.setRule`, name);
         const rule = definition instanceof Rule
             ? definition
             : isFunction(definition)
                 ? definition(this.makeRule())
                 : this.makeRule(definition);
         this.rules[name] = rule;
-        this.logger.info(`set rule`, rule);
+        this.logger.info(rule);
         return this;
     }
 }
+__decorate([
+    bind
+], Build.prototype, "bootstrap", null);
 __decorate([
     bind
 ], Build.prototype, "getItem", null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roots/bud-build",
-  "version": "6.17.0",
+  "version": "6.19.0",
   "description": "bud.js core module",
   "engines": {
     "node": ">=16"
@@ -169,14 +169,14 @@
   "types": "./lib/index.d.ts",
   "module": "./lib/index.js",
   "devDependencies": {
-    "@roots/bud-api": "6.17.0",
-    "@roots/bud-hooks": "6.17.0",
+    "@roots/bud-api": "6.19.0",
+    "@roots/bud-hooks": "6.19.0",
     "@skypack/package-check": "0.2.2",
-    "@types/node": "18.17.19"
+    "@types/node": "20.10.4"
   },
   "dependencies": {
-    "@roots/bud-framework": "6.17.0",
-    "@roots/bud-support": "6.17.0",
+    "@roots/bud-framework": "6.19.0",
+    "@roots/bud-support": "6.19.0",
     "tslib": "2.6.2"
   },
   "volta": {

package/src/config/dependencies.ts

@@ -1,11 +1,40 @@
 import type {Factory} from '@roots/bud-build/config'
 
-import isUndefined from '@roots/bud-support/lodash/isUndefined'
+import {ConfigError} from '@roots/bud-support/errors'
+import isUndefined from '@roots/bud-support/isUndefined'
 
 export const dependencies: Factory<`dependencies`> = async ({
   hooks,
+  label,
   root,
-}) =>
-  hooks
+}) => {
+  const dependencies = hooks
     .filter(`build.dependencies`, [])
-    .filter(label => !isUndefined(root.children[label]))
+    ?.filter(dependency => {
+      const defined = !isUndefined(root.children?.[dependency])
+
+      if (!defined) {
+        throw ConfigError.normalize(
+          `${dependency} is not a registered instance of bud.js.`,
+          {
+            details: root.children
+              ? `Available instances are: ${Object.values(root.children)
+                  .map(child => child.label)
+                  .join(`, `)}`
+              : `We would tell you what the available instances are, but there are none registered.`,
+            docs: new URL(
+              `https://bud.js.org/learn/general-use/multi-instance`,
+            ),
+            instance: label,
+            thrownBy: `@roots/bud-build/config/dependencies`,
+          },
+        )
+      }
+
+      return true
+    })
+
+  if (!dependencies || dependencies?.length < 1) return undefined
+
+  return dependencies
+}

package/src/config/entry.ts

@@ -1,7 +1,9 @@
 import type {Factory} from '@roots/bud-build/config'
 
 export const entry: Factory<`entry`> = async ({hooks}) => {
-  const entrypoints = hooks.filter(`build.entry`, {main: {import: [`index`]}})
+  const entrypoints = hooks.filter(`build.entry`, {
+    main: {import: [`./index`]},
+  })
 
   return Object.entries(entrypoints).reduce((acc, [key, value]) => {
     value.import = [...new Set(value.import)]

package/src/config/infrastructureLogging.ts

@@ -9,16 +9,16 @@ export const infrastructureLogging: Factory<
     console: bud.hooks.filter(`build.infrastructureLogging.console`, {
       ...console,
       error: (...args: any[]) => {
-        logger.scope(bud.label, `webpack`).error(...args)
+        logger.unscope().error(...args)
       },
       info: (...args: any[]) => {
-        logger.scope(bud.label, `webpack`).info(...args)
+        logger.unscope().info(...args)
       },
       log: (...args: any[]) => {
-        logger.scope(bud.label, `webpack`).log(...args)
+        logger.unscope().log(...args)
       },
       warn: (...args: any[]) => {
-        logger.scope(bud.label, `webpack`).info(...args)
+        logger.unscope().info(...args)
       },
     }),
     level: bud.hooks.filter(`build.infrastructureLogging.level`, `log`),

package/src/config/module.ts

@@ -1,5 +1,5 @@
 import type {Factory} from '@roots/bud-build/config'
-import type {Bud} from '@roots/bud-framework'
+import type {Bud, RuleSetRule} from '@roots/bud-framework'
 
 interface Props {
   filter: Bud[`hooks`][`filter`]
@@ -18,25 +18,125 @@ export const module: Factory<`module`> = async ({
     unsafeCache: getUnsafeCache(filter),
   })
 
-const getRules = ({filter, path, rules}: Props) => [
-  ...filter(`build.module.rules.before`, [
+/**
+ * Get all module.rules
+ */
+const getRules = ({filter, path, rules}: Props): Array<RuleSetRule> => {
+  return [
+    ...filter(`build.module.rules.before`, [
+      {
+        include: [path(`@src`)],
+        parser: {requireEnsure: false},
+        test: filter(`pattern.js`),
+      },
+      rules.image.toWebpack
+        ? {
+            oneOf: [
+              rules[`inline-image`]?.toWebpack?.(),
+              rules.image.toWebpack?.(),
+            ].filter(Boolean),
+            test: filter(`pattern.image`),
+          }
+        : undefined,
+
+      rules.font.toWebpack
+        ? {
+            oneOf: [
+              rules[`inline-font`]?.toWebpack?.(),
+              rules.font.toWebpack(),
+            ].filter(Boolean),
+            test: filter(`pattern.font`),
+          }
+        : undefined,
+
+      rules.svg.toWebpack
+        ? {
+            oneOf: [
+              rules[`inline-svg`]?.toWebpack?.(),
+              rules.svg.toWebpack(),
+            ].filter(Boolean),
+            test: filter(`pattern.svg`),
+          }
+        : undefined,
+    ]),
     {
-      include: [path(`@src`)],
-      parser: {requireEnsure: false},
-      test: filter(`pattern.js`),
+      oneOf: [
+        ...filter(`build.module.rules.oneOf`, [
+          ...getDefinedRules({rules}),
+          ...makeIssuerRuleSet({filter, path, rules}),
+        ]),
+      ].filter(Boolean),
     },
-  ]),
-  {
-    oneOf: filter(
-      `build.module.rules.oneOf`,
-      Object.values(rules)
-        .filter(Boolean)
-        .map(rule => (`toWebpack` in rule ? rule.toWebpack() : rule)),
-    ),
-  },
-  ...filter(`build.module.rules.after`, []),
+    ...filter(`build.module.rules.after`, []),
+  ].filter(Boolean)
+}
+
+/**
+ * Get the standard rules defined in the bud config, extensions, etc.
+ */
+const getDefinedRules = ({rules}: Partial<Props>) => {
+  return [
+    ...Object.entries(rules)
+      .filter(([key, _]) => {
+        return !DEFINED.includes(key) && !RESOURCES.includes(key)
+      })
+      .map(([_, value]) => value),
+    ...DEFINED.map(key => rules[key]),
+  ]
+    .filter(Boolean)
+    .map(rule => (`toWebpack` in rule ? rule.toWebpack() : rule))
+}
+
+const RESOURCES = [
+  `image`,
+  `font`,
+  `svg`,
+  `inline-font`,
+  `inline-image`,
+  `inline-svg`,
 ]
 
+const DEFINED = [
+  `csv`,
+  `toml`,
+  `yml`,
+  `json`,
+  `html`,
+  `webp`,
+  `scss-module`,
+  `scss`,
+  `css-module`,
+  `css`,
+  `vue`,
+  `js`,
+  `ts`,
+]
+
+/**
+ * Get rules for css and css-module imports issued by non-css files.
+ */
+const makeIssuerRuleSet = ({filter, path, rules}: Props) => {
+  const results = []
+
+  rules[`css-module`]?.toWebpack?.().use &&
+    results.push({
+      exclude: [path(`@src`)],
+      issuer: {not: filter(`pattern.cssModule`)},
+      test: filter(`pattern.cssModule`),
+      use: rules[`css-module`].toWebpack?.().use,
+    })
+
+  rules[`css`]?.toWebpack?.().use &&
+    results.push({
+      exclude: [path(`@src`)],
+      issuer: {not: filter(`pattern.css`)},
+      test: filter(`pattern.css`),
+      use: rules[`css`].toWebpack?.().use,
+    })
+
+  return results
+}
+
 const getNoParse = (filter: Props[`filter`]) =>
   filter(`build.module.noParse`, undefined)
 

package/src/config/output/index.ts

@@ -30,7 +30,11 @@ export const output: Factory<`output`> = async ({
      * @see {@link https://medium.com/@kenneth_chau/speeding-up-webpack-typescript-incremental-builds-by-7x-3912ba4c1d15}
      */
     pathinfo: filter(`build.output.pathinfo`, false),
-    publicPath: filter(`build.output.publicPath`, `auto`),
+    publicPath: (() => {
+      const value = filter(`build.output.publicPath`, `auto`)
+      if ([``, `auto`].includes(value)) return value
+      return value.endsWith(`/`) ? value : `${value}/`
+    })(),
     scriptType: filter(`build.output.scriptType`, undefined),
     uniqueName: filter(`build.output.uniqueName`, `@roots/bud`),
   })

package/src/config/resolve.ts

@@ -1,18 +1,18 @@
 import type {Factory} from '@roots/bud-build/config'
 
-import isString from '@roots/bud-support/lodash/isString'
+import isString from '@roots/bud-support/isString'
 
 export const resolve: Factory<`resolve`> = async bud => {
   return await bud.hooks.filterAsync(`build.resolve`, {
     alias: {
-      [`@src`]: bud.path(`@src`),
+      '@src': bud.path(`@src`),
       ...(await bud.hooks.filterAsync(`build.resolve.alias`, {})),
     },
 
     extensionAlias: await bud.hooks.filterAsync(
       `build.resolve.extensionAlias`,
       {
-        [`.js`]: [`.ts`, `.tsx`, `.js`],
+        [`.js`]: [`.ts`, `.tsx`, `.js`, `.jsx`],
         [`.mjs`]: [`.mts`, `.mtx`, `.mjs`],
       },
     ),
@@ -32,6 +32,8 @@ export const resolve: Factory<`resolve`> = async bud => {
       ].filter(v => isString(v) && v.length > 0),
     ),
 
+    symlinks: bud.hooks.filter(`build.resolve.symlinks`, undefined),
+
     /**
      * Leave `undefined` to use webpack default (true in dev, false in production)
      */

package/src/config/resolveLoader.ts

@@ -3,8 +3,8 @@ import type {Factory} from '@roots/bud-build/config'
 export const resolveLoader: Factory<`resolveLoader`> = async ({
   hooks,
   module,
-}) =>
-  hooks.filter(`build.resolveLoader`, {
+}) => {
+  const result = hooks.filter(`build.resolveLoader`, {
     alias: hooks.filter(`build.resolveLoader.alias`, {
       'css-loader': await module.resolve(`@roots/bud-support/css-loader`),
       'file-loader': await module.resolve(
@@ -18,3 +18,9 @@ export const resolveLoader: Factory<`resolveLoader`> = async ({
       ),
     }),
   })
+
+  const modules = hooks.filter(`build.resolveLoader.modules`, undefined)
+  if (modules) result.modules = modules
+
+  return result
+}

package/src/helpers/registrable.ts

@@ -2,7 +2,7 @@ import type {Bud} from '@roots/bud-framework'
 import type {Base as BuildBase} from '@roots/bud-framework/services/build'
 
 import {bind} from '@roots/bud-support/decorators/bind'
-import isFunction from '@roots/bud-support/lodash/isFunction'
+import isFunction from '@roots/bud-support/isFunction'
 
 class Registrable implements BuildBase {
   /**

package/src/index.ts

@@ -49,18 +49,22 @@ declare module '@roots/bud-framework' {
 
   interface Rules {
     [`css-module`]: Rule
+    [`inline-font`]: Rule
+    [`inline-image`]: Rule
+    [`inline-svg`]: Rule
     css: Rule
     csv: Rule
     font: Rule
     html: Rule
     image: Rule
-    inlineFont: Rule
-    inlineImage: Rule
-    inlineSvg: Rule
     js: Rule
     json: Rule
+    sass: Rule
     svg: Rule
     toml: Rule
+    ts: Rule
+    vue: Rule
+    webp: Rule
     yml: Rule
   }
 }

package/src/item/index.ts

@@ -6,7 +6,8 @@ import {basename} from 'node:path'
 import Registrable from '@roots/bud-build/helpers/registrable'
 import Loader from '@roots/bud-build/loader'
 import {bind} from '@roots/bud-support/decorators/bind'
-import isString from '@roots/bud-support/lodash/isString'
+import isString from '@roots/bud-support/isString'
+import logger from '@roots/bud-support/logger'
 
 export type ConstructorOptions = Build.Item.ConstructorOptions
 
@@ -139,7 +140,7 @@ class Item extends Registrable implements Build.Item {
     }
 
     if (!output.loader) {
-      this.app.error(`error in ${this.ident}`, `no loader registered`)
+      logger.error(`error in ${this.ident}`, `no loader registered`)
     }
 
     return Object.entries(output).reduce(

package/src/items/index.ts

@@ -1,7 +1,7 @@
 import type {Factory} from '@roots/bud-build/registry'
 import type {Item} from '@roots/bud-framework/services/build'
 
-import isBoolean from '@roots/bud-support/lodash/isBoolean'
+import isBoolean from '@roots/bud-support/isBoolean'
 
 /**
  * CSS loader

package/src/registry/index.ts

@@ -4,7 +4,7 @@ import type {Bud} from '@roots/bud-framework'
 import * as items from '@roots/bud-build/items'
 import * as loaders from '@roots/bud-build/loaders'
 import * as rules from '@roots/bud-build/rules'
-import kebabCase from '@roots/bud-support/lodash/kebabCase'
+import kebabCase from '@roots/bud-support/kebabCase'
 
 interface Props {
   filter: Bud[`hooks`][`filter`]
@@ -36,7 +36,11 @@ async function register(bud: Bud) {
     ? bud.build.items.minicss
     : bud.build.items.style
 
-  Object.entries(rules).map(makeRegister(bud, bud.build.setRule))
+  await Promise.all(
+    Object.entries(rules).map(makeRegister(bud, bud.build.setRule)),
+  ).catch(e => {
+    throw e
+  })
 }
 
 /**

package/src/rule/index.ts

@@ -9,8 +9,9 @@ import type {
 
 import Registrable from '@roots/bud-build/helpers/registrable'
 import {bind} from '@roots/bud-support/decorators/bind'
-import isFunction from '@roots/bud-support/lodash/isFunction'
-import isString from '@roots/bud-support/lodash/isString'
+import isFunction from '@roots/bud-support/isFunction'
+import isString from '@roots/bud-support/isString'
+import logger from '@roots/bud-support/logger'
 
 /**
  * RuleSetRule
@@ -31,6 +32,11 @@ class Rule extends Registrable implements Interface {
    */
   public include?: Options[`include`]
 
+  /**
+   * RuleSetRule issuer
+   */
+  public issuer?: Options[`issuer`]
+
   /**
    * RuleSetRule parser
    */
@@ -104,6 +110,14 @@ class Rule extends Registrable implements Interface {
     return this.include?.map(this.unwrap)
   }
 
+  /**
+   * Get `issuer` value
+   */
+  @bind
+  public getIssuer(): Output['issuer'] {
+    return this.issuer
+  }
+
   /**
    * Get `parser` value
    */
@@ -184,6 +198,15 @@ class Rule extends Registrable implements Interface {
     return this
   }
 
+  /**
+   * Set `issuer` value
+   */
+  @bind
+  public setIssuer(issuer: Options['issuer']): this {
+    this.issuer = issuer
+    return this
+  }
+
   /**
    * Set `parser` value
    */
@@ -252,6 +275,7 @@ class Rule extends Registrable implements Interface {
       exclude: this.getExclude(),
       generator: this.getGenerator(),
       include: this.getInclude(),
+      issuer: this.getIssuer(),
       parser: this.getParser(),
       resolve: this.getResolve(),
       resourceQuery: this.getResourceQuery(),
@@ -273,7 +297,7 @@ class Rule extends Registrable implements Interface {
       return {...a, [k]: v}
     }, {})
 
-    this.app.info(`built rule`, output)
+    logger.info(`built rule`, output)
 
     return output
   }

package/src/rules/svg.inline.ts

@@ -10,6 +10,6 @@ const inlineSvg: Factory = async ({filter, makeRule, path}) =>
     .setGenerator({dataUrl})
     .setType(`asset/inline`)
 
-const dataUrl = (data: Buffer) => dataUri(data.toString())
+const dataUrl = (data: Uint8Array) => dataUri(data.toString())
 
 export {dataUrl, inlineSvg as default}

package/src/service/index.ts

@@ -1,4 +1,3 @@
-import type {Records} from '@roots/bud-build/config'
 import type {Bud, Build as BudBuild} from '@roots/bud-framework'
 import type {Items, Loaders, Rules} from '@roots/bud-framework'
 import type {Configuration} from '@roots/bud-framework/config'
@@ -9,8 +8,8 @@ import {register} from '@roots/bud-build/registry'
 import Rule, {type Options as RuleOptions} from '@roots/bud-build/rule'
 import {Service} from '@roots/bud-framework/service'
 import {bind} from '@roots/bud-support/decorators/bind'
-import isFunction from '@roots/bud-support/lodash/isFunction'
-import isUndefined from '@roots/bud-support/lodash/isUndefined'
+import isFunction from '@roots/bud-support/isFunction'
+import isUndefined from '@roots/bud-support/isUndefined'
 
 /**
  * {@link BudBuild}
@@ -44,6 +43,7 @@ class Build extends Service implements BudBuild {
   /**
    * {@link Service.register}
    */
+  @bind
   public override async bootstrap?(app: Bud) {
     this.items = {} as Items
     this.loaders = {} as Loaders
@@ -92,28 +92,41 @@ class Build extends Service implements BudBuild {
     this.logger.log(`bud.build.make called`)
     await this.app.hooks.fire(`build.before`, this.app)
 
-    await import(`@roots/bud-build/config`).then(
-      async (records: Records) =>
-        await Promise.all(
-          Object.entries(records).map(async ([prop, factory]) => {
-            try {
-              const value = await factory(this.app)
-              if (isUndefined(value)) return
-
-              this.config[prop] = value
-              this.logger.success(`built`, prop)
-            } catch (error) {
-              throw error
-            }
-          }),
-        ),
-    )
-
-    this.logger.success(`configuration successfully built`)
+    await import(`@roots/bud-build/config`)
+      .then(
+        async records =>
+          await Promise.all(
+            Object.entries(records).map(async ([prop, factory]) => {
+              const value = await factory(this.app).catch(this.catch)
+              if (isUndefined(value)) {
+                this.logger.success(`omitting:`, prop, `(undefined)`)
+                return
+              }
+
+              Object.defineProperty(this.config, prop, {
+                configurable: true,
+                enumerable: true,
+                value,
+                writable: true,
+              })
+
+              this.logger
+                .success(`defined:`, prop, `(${typeof this.config[prop]})`)
+                .info(prop, `info:`, this.config[prop])
+            }),
+          ),
+      )
+      .catch(this.catch)
+
+    this.logger.success(`configuration built`)
     this.logger.info(this.config)
-    await this.app.hooks.fire(`build.after`, this.app)
 
-    return this.config
+    await this.app.hooks.fire(`build.after`, this.app).catch(this.catch)
+
+    return Object.entries(this.config).reduce((a, [k, v]) => {
+      if (isUndefined(v)) return a
+      return {...a, [k]: v}
+    }, {})
   }
 
   /**
@@ -148,6 +161,7 @@ class Build extends Service implements BudBuild {
     ident: K,
     definition?: ((item: Items[K]) => Items[K]) | Items[K],
   ): this {
+    this.logger.log(`build.setItem`, ident)
     const maybeOptionsCallback = isUndefined(definition)
       ? {ident, loader: ident}
       : definition
@@ -157,7 +171,7 @@ class Build extends Service implements BudBuild {
       : this.makeItem(maybeOptionsCallback)
 
     this.items[ident] = item
-    this.logger.info(`set item`, item)
+    this.logger.info(item)
 
     return this
   }
@@ -170,14 +184,15 @@ class Build extends Service implements BudBuild {
     name: K,
     definition?: any,
   ): this {
+    this.logger.log(`build.setLoader`, name)
     const loader = isUndefined(definition)
       ? this.makeLoader(name)
       : definition instanceof Loader
-      ? definition
-      : this.makeLoader(definition)
+        ? definition
+        : this.makeLoader(definition)
 
     this.loaders[name] = loader
-    this.logger.info(`set loader`, loader)
+    this.logger.info(loader)
 
     return this
   }
@@ -190,15 +205,16 @@ class Build extends Service implements BudBuild {
     name: K,
     definition?: Rule | RuleOptions,
   ): this {
+    this.logger.log(`build.setRule`, name)
     const rule =
       definition instanceof Rule
         ? definition
         : isFunction(definition)
-        ? definition(this.makeRule())
-        : this.makeRule(definition as any)
+          ? definition(this.makeRule())
+          : this.makeRule(definition as any)
 
     this.rules[name] = rule
-    this.logger.info(`set rule`, rule)
+    this.logger.info(rule)
 
     return this
   }