@roots/bud-build 2023.5.12 → 2023.5.22

package/lib/config/experiments.js

@@ -1 +1,3 @@
-export const experiments = async ({ hooks }) => hooks.filter(`build.experiments`, undefined);
+export const experiments = async ({ hooks }) => hooks.filter(`build.experiments`, {
+    backCompat: false,
+});

package/lib/config/externalsType.js

@@ -1 +1 @@
-export const externalsType = async (app) => `var`;
+export const externalsType = async (app) => undefined;

package/lib/config/module.js

@@ -19,4 +19,8 @@ const getRules = ({ filter, path, rules }) => [
     ...filter(`build.module.rules.after`, []),
 ];
 const getNoParse = (filter) => filter(`build.module.noParse`, undefined);
-const getUnsafeCache = (filter) => filter(`build.module.unsafeCache`, false);
+/**
+ * By leaving undefined, webpack will strongly cache parsed modules from node_modules
+ * but leave the rest. This is the default behavior.
+ */
+const getUnsafeCache = (filter) => filter(`build.module.unsafeCache`, undefined);

package/lib/config/optimization.js

@@ -1,10 +1,20 @@
-export const optimization = async ({ hooks: { filter }, isDevelopment, isProduction, }) => filter(`build.optimization`, {
+export const optimization = async ({ hooks: { filter }, isDevelopment, isProduction, mode, }) => filter(`build.optimization`, {
     emitOnErrors: filter(`build.optimization.emitOnErrors`, isDevelopment),
+    innerGraph: filter(`build.optimization.innerGraph`, isProduction),
+    mergeDuplicateChunks: filter(`build.optimization.mergeDuplicateChunks`, isProduction),
     minimize: filter(`build.optimization.minimize`, isProduction),
     minimizer: filter(`build.optimization.minimizer`, []),
     moduleIds: filter(`build.optimization.moduleIds`, `named`),
-    removeEmptyChunks: filter(`build.optimization.removeEmptyChunks`, false),
+    nodeEnv: filter(`build.optimization.nodeEnv`, mode),
+    removeEmptyChunks: filter(`build.optimization.removeEmptyChunks`, isProduction),
+    /**
+     * Will be new default in webpack 6
+     * @see {@link https://webpack.js.org/configuration/optimization/#optimizationremoveavailablemodules}
+     */
+    removeAvailableModules: filter(`build.optimization.removeAvailableModules`, false),
     runtimeChunk: filter(`build.optimization.runtimeChunk`, false),
+    sideEffects: filter(`build.optimization.sideEffects`, isProduction),
     splitChunks: filter(`build.optimization.splitChunks`, false),
+    providedExports: filter(`build.optimization.providedExports`, isProduction),
     usedExports: filter(`build.optimization.usedExports`, isProduction),
 });

package/lib/config/output/index.js

@@ -10,7 +10,7 @@ export const output = async ({ hooks: { filter }, isProduction, path, relPath, }
     filename: filename({ filter, relPath }),
     module: filter(`build.output.module`, false),
     path: filter(`build.output.path`, path(`@dist`)),
-    pathinfo: filter(`build.output.pathinfo`),
+    pathinfo: filter(`build.output.pathinfo`, false),
     publicPath: filter(`build.output.publicPath`, `auto`),
     scriptType: filter(`build.output.scriptType`, isMjs(filter) ? `module` : false),
     uniqueName: filter(`build.output.uniqueName`, `@roots/bud`),

package/lib/config/performance.js

@@ -1 +1 @@
-export const performance = async ({ hooks }) => hooks.filter(`build.performance`, { hints: false });
+export const performance = async ({ hooks }) => hooks.filter(`build.performance`, false);

package/lib/config/profile.js

@@ -1 +1 @@
-export const profile = async (app) => app.hooks.filter(`build.profile`, undefined);
+export const profile = async (bud) => bud.hooks.filter(`build.profile`, bud.context.debug);

package/lib/config/resolve.js

@@ -1,29 +1,21 @@
 export const resolve = async (bud) => {
-    const modules = await getModules(bud);
-    const value = {
-        alias: await getAlias(bud),
-        extensions: getExtensions(bud),
-        modules,
-    };
-    return await bud.hooks.filterAsync(`build.resolve`, value);
+    return await bud.hooks.filterAsync(`build.resolve`, {
+        alias: {
+            [`@src`]: bud.path(`@src`),
+            ...(await bud.hooks.filterAsync(`build.resolve.alias`, {})),
+        },
+        extensionAlias: await bud.hooks.filterAsync(`build.resolve.extensionAlias`, {
+            [`.js`]: [`.ts`, `.tsx`, `.js`],
+            [`.mjs`]: [`.mts`, `.mtx`, `.mjs`],
+        }),
+        extensions: Array.from(bud.hooks.filter(`build.resolve.extensions`, new Set([`.js`, `.mjs`, `.jsx`, `.cjs`, `.css`]))),
+        modules: await bud.hooks.filterAsync(`build.resolve.modules`, [
+            bud.hooks.filter(`location.@src`),
+            bud.hooks.filter(`location.@modules`),
+        ]),
+        /**
+         * Leave `undefined` to use webpack default (true in dev, false in production)
+         */
+        unsafeCache: bud.hooks.filter(`build.module.unsafeCache`, undefined),
+    });
 };
-const getAlias = async (bud) => await bud.hooks.filterAsync(`build.resolve.alias`, {
-    '@src': bud.path(`@src`),
-});
-const getExtensions = (bud) => Array.from(bud.hooks.filter(`build.resolve.extensions`, new Set([
-    `.mjs`,
-    `.js`,
-    `.jsx`,
-    `.css`,
-    `.json`,
-    `.wasm`,
-    `.yml`,
-    `.yaml`,
-    `.xml`,
-    `.toml`,
-    `.csv`,
-])));
-const getModules = async (bud) => await bud.hooks.filterAsync(`build.resolve.modules`, [
-    bud.hooks.filter(`location.@src`),
-    bud.hooks.filter(`location.@modules`),
-]);

package/lib/config/resolveLoader.js

@@ -1,3 +1,3 @@
-export const resolveLoader = async (bud) => bud.hooks.filter(`build.resolveLoader`, {
-    alias: {},
+export const resolveLoader = async ({ hooks }) => hooks.filter(`build.resolveLoader`, {
+    alias: hooks.filter(`build.resolveLoader.alias`, {}),
 });

package/lib/config/snapshot.js

@@ -1,5 +1,10 @@
-export const snapshot = async (app) => app.hooks.filter(`build.snapshot`, {
-    managedPaths: app.hooks.filter(`build.snapshot.managedPaths`, [
-        ...new Set([app.path(`@modules`)]),
+export const snapshot = async ({ env, hooks, path }) => hooks.filter(`build.snapshot`, {
+    immutablePaths: hooks.filter(`build.snapshot.immutablePaths`, []),
+    managedPaths: hooks.filter(`build.snapshot.managedPaths`, [
+        ...new Set([path(`@modules`)]),
     ]),
+    buildDependencies: hooks.filter(`build.snapshot.buildDependencies`, env.isTrue(`CI`) ? { hash: true } : { timestamp: true }),
+    module: hooks.filter(`build.snapshot.module`, env.isTrue(`CI`) ? { hash: true } : { timestamp: true }),
+    resolve: hooks.filter(`build.snapshot.resolve`, env.isTrue(`CI`) ? { hash: true } : { timestamp: true }),
+    resolveBuildDependencies: hooks.filter(`build.snapshot.resolveBuildDependencies`, env.isTrue(`CI`) ? { hash: true } : { timestamp: true }),
 });

package/lib/handlers/items/items.js

@@ -48,7 +48,7 @@ export const minicss = async ({ makeItem }) => makeItem()
     .setLoader(`minicss`)
     .setIdent(`minicss`)
     .setOptions(app => ({
-    publicPath: app.hooks.filter(`build.output.publicPath`),
+    publicPath: app.publicPath(),
 }));
 /**
  * Raw loader

package/lib/handlers/rules/js.js

@@ -1,4 +1,7 @@
 export const js = async ({ filter, makeRule, path }) => makeRule()
     .setTest(filter(`pattern.js`))
     .setInclude([() => path(`@src`)])
-    .setUse([]);
+    .setType(`javascript/auto`)
+    .setResolve({
+    fullySpecified: false,
+});

package/lib/handlers/rules/json.js

@@ -3,4 +3,6 @@ export const json = async ({ filter, makeRule, path }) => makeRule()
     .setType(`json`)
     .setInclude([() => path()])
     .setTest(filter(`pattern.json`))
-    .setParser({ parse: json5.parse });
+    .setParser({
+    parse: json5.parse,
+});

package/lib/handlers/rules/toml.js

@@ -3,4 +3,6 @@ export const toml = async ({ filter, makeRule, path }) => makeRule()
     .setType(`json`)
     .setInclude([() => path()])
     .setTest(() => filter(`pattern.toml`))
-    .setParser({ parse: tomlParser.parse });
+    .setParser({
+    parse: tomlParser.parse,
+});

package/lib/rule/index.d.ts

@@ -6,10 +6,14 @@ import Base from '../shared/base.js';
  * RuleSetRule
  */
 declare class Rule extends Base implements Interface {
+    /**
+     * RuleSetRule resolve
+     */
+    resolve?: Options[`resolve`];
     /**
      * RuleSetRule test
      */
-    test: Options['test'];
+    test: Options[`test`];
     /**
      * RuleSetRule use
      */
@@ -17,73 +21,81 @@ declare class Rule extends Base implements Interface {
     /**
      * RuleSetRule include
      */
-    include?: Options['include'];
+    include?: Options[`include`];
     /**
      * RuleSetRule exclude
      */
-    exclude?: Options['exclude'];
+    exclude?: Options[`exclude`];
     /**
      * RuleSetRule type
      */
-    type?: Options['type'];
+    type?: Options[`type`];
     /**
      * RuleSetRule resourceQuery
      */
-    resourceQuery?: Options['resourceQuery'];
+    resourceQuery?: Options[`resourceQuery`];
     /**
      * RuleSetRule parser
      */
-    parser?: Options['parser'];
+    parser?: Options[`parser`];
     /**
      * RuleSetRule generator
      */
-    generator?: Options['generator'];
+    generator?: Options[`generator`];
     /**
      * Class constructor
      */
     constructor(_app: () => Bud, options?: Options);
     /**
-     * Test value
+     * Set resolve value
+     */
+    getResolve(): Output[`resolve`];
+    /**
+     * Set resolve value
+     */
+    setResolve(resolve: Options[`resolve`]): this;
+    /**
+     * Get `test` value
      */
     getTest(): Output['test'];
     /**
-     * Set test value
+     * Set `test` value
      */
     setTest(test: Options['test']): this;
     /**
-     * Get parser value
+     * Get `parser` value
      */
     getParser(): Output['parser'];
     /**
-     * Set parser value
+     * Set `parser` value
      */
     setParser(parser: Interface['parser']): this;
     /**
-     * Get use value
+     * Get `use` value
      */
     getUse(): Options[`use`];
     /**
-     * Set use value
+     * Set `use` value
      */
     setUse(use: Options[`use`] | ((use: Options[`use`]) => Options[`use`])): this;
     /**
-     * Get include value
+     * Get `include` value
      */
     getInclude(): Array<string | RegExp>;
     /**
-     * Set include value
+     * Set `include` value
      */
     setInclude(includes: Options['include']): this;
     /**
-     * Get include value
+     * Get `include` value
      */
     getResourceQuery(): Output[`resourceQuery`];
     /**
-     * Set include value
+     * Set `include` value
      */
     setResourceQuery(query: Options['resourceQuery']): this;
     /**
-     * Get exclude value
+     * Get `exclude` value
      */
     getExclude(): Array<string | RegExp>;
     /**
@@ -91,7 +103,7 @@ declare class Rule extends Base implements Interface {
      */
     setExclude(excludes: Options['exclude'] | ((excludes: Options['exclude']) => Options['exclude'])): this;
     /**
-     * Get type value
+     * Get `type` value
      */
     getType(): string;
     /**
@@ -114,4 +126,4 @@ declare class Rule extends Base implements Interface {
     toWebpack(): Output & RuleSetRule;
 }
 export { Rule };
-export { Interface, Options, Output, Parser };
+export type { Interface, Options, Output, Parser };

package/lib/rule/index.js

@@ -22,74 +22,92 @@ class Rule extends Base {
         this.setType(options.type);
         this.setParser(options.parser);
         this.setGenerator(options.generator);
+        this.setResolve(options.resolve);
     }
     /**
-     * Test value
+     * Set resolve value
+     */
+    getResolve() {
+        return this.unwrap(this.resolve);
+    }
+    /**
+     * Set resolve value
+     */
+    setResolve(resolve) {
+        this.resolve = resolve;
+        return this;
+    }
+    /**
+     * Get `test` value
      */
     getTest() {
         return this.unwrap(this.test);
     }
     /**
-     * Set test value
+     * Set `test` value
      */
     setTest(test) {
         this.test = test;
         return this;
     }
     /**
-     * Get parser value
+     * Get `parser` value
      */
     getParser() {
         return this.unwrap(this.parser);
     }
     /**
-     * Set parser value
+     * Set `parser` value
      */
     setParser(parser) {
         this.parser = this.wrap(parser);
         return this;
     }
     /**
-     * Get use value
+     * Get `use` value
      */
     getUse() {
         return this.use;
     }
     /**
-     * Set use value
+     * Set `use` value
      */
     setUse(use) {
         this.use = isFunction(use) ? use(this.getUse()) : use;
         return this;
     }
     /**
-     * Get include value
+     * Get `include` value
      */
     getInclude() {
         return this.include?.map(item => isFunction(item) ? item(this.app) : item);
     }
     /**
-     * Set include value
+     * Set `include` value
      */
     setInclude(includes) {
         this.include = isFunction(includes) ? includes(this.include) : includes;
         return this;
     }
     /**
-     * Get include value
+     * Get `include` value
      */
     getResourceQuery() {
-        return this.resourceQuery;
+        return isFunction(this.resourceQuery)
+            ? this.resourceQuery(this.app)
+            : this.resourceQuery;
     }
     /**
-     * Set include value
+     * Set `include` value
      */
     setResourceQuery(query) {
-        this.resourceQuery = query;
+        this.resourceQuery = isFunction(query)
+            ? query(this.resourceQuery)
+            : query;
         return this;
     }
     /**
-     * Get exclude value
+     * Get `exclude` value
      */
     getExclude() {
         return this.exclude?.map(this.unwrap);
@@ -102,7 +120,7 @@ class Rule extends Base {
         return this;
     }
     /**
-     * Get type value
+     * Get `type` value
      */
     getType() {
         return this.unwrap(this.type);
@@ -146,6 +164,7 @@ class Rule extends Base {
             resourceQuery: this.getResourceQuery(),
             include: this.getInclude(),
             exclude: this.getExclude(),
+            resolve: this.getResolve(),
         }).reduce((a, [k, v]) => {
             if (v === undefined)
                 return a;
@@ -154,6 +173,12 @@ class Rule extends Base {
         return output;
     }
 }
+__decorate([
+    bind,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", Object)
+], Rule.prototype, "setResolve", null);
 __decorate([
     bind,
     __metadata("design:type", Function),

package/lib/service.d.ts

@@ -5,7 +5,8 @@ import type { Configuration } from '@roots/bud-support/webpack';
 import { register } from './handlers/register.js';
 import { Item } from './item/index.js';
 import { Loader } from './loader/index.js';
-import { Options as RuleOptions, Rule } from './rule/index.js';
+import type { Options as RuleOptions } from './rule/index.js';
+import { Rule } from './rule/index.js';
 /**
  * Webpack configuration builder class
  */
@@ -33,7 +34,7 @@ export declare class Build extends Service implements Base.Service {
      * `loaders`, `items`, and `rules` are instantiated dumbly
      * because it is painful to think about how to map the typings..
      */
-    register?: typeof register;
+    register: typeof register;
     /**
      * Make webpack configuration
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roots/bud-build",
-  "version": "2023.5.12",
+  "version": "2023.5.22",
   "description": "bud.js core module",
   "engines": {
     "node": ">=16"
@@ -85,14 +85,14 @@
   "types": "./lib/index.d.ts",
   "module": "./lib/index.js",
   "devDependencies": {
-    "@roots/bud-api": "2023.5.12",
-    "@roots/bud-hooks": "2023.5.12",
+    "@roots/bud-api": "2023.5.22",
+    "@roots/bud-hooks": "2023.5.22",
     "@skypack/package-check": "0.2.2",
-    "@types/node": "18.16.6"
+    "@types/node": "18.16.12"
   },
   "dependencies": {
-    "@roots/bud-framework": "2023.5.12",
-    "@roots/bud-support": "2023.5.12",
+    "@roots/bud-framework": "2023.5.22",
+    "@roots/bud-support": "2023.5.22",
     "tslib": "2.5.0"
   },
   "volta": {

package/src/config/experiments.ts

@@ -1,4 +1,6 @@
 import type {Factory} from './index.js'
 
 export const experiments: Factory<`experiments`> = async ({hooks}) =>
-  hooks.filter(`build.experiments`, undefined)
+  hooks.filter(`build.experiments`, {
+    backCompat: false,
+  })

package/src/config/externalsType.ts

@@ -1,3 +1,4 @@
 import type {Factory} from './index.js'
 
-export const externalsType: Factory<`externalsType`> = async app => `var`
+export const externalsType: Factory<`externalsType`> = async app =>
+  undefined

package/src/config/index.test.ts

@@ -80,13 +80,15 @@ describe(`bud.build.config`, function () {
   it(`should have expected resolve.extensions default`, async () => {
     expect(build.config.resolve?.extensions?.sort()).toEqual(
       expect.arrayContaining([
+        `.cjs`,
         `.css`,
+        `.cts`,
         `.js`,
-        `.json`,
         `.jsx`,
         `.mjs`,
-        `.wasm`,
-        `.yml`,
+        `.mts`,
+        `.ts`,
+        `.tsx`,
       ]),
     )
   })

package/src/config/module.ts

@@ -41,5 +41,9 @@ const getRules = ({filter, path, rules}: Props) => [
 const getNoParse = (filter: Props[`filter`]) =>
   filter(`build.module.noParse`, undefined)
 
+/**
+ * By leaving undefined, webpack will strongly cache parsed modules from node_modules
+ * but leave the rest. This is the default behavior.
+ */
 const getUnsafeCache = (filter: Props[`filter`]) =>
-  filter(`build.module.unsafeCache`, false)
+  filter(`build.module.unsafeCache`, undefined)

package/src/config/optimization.ts

@@ -4,17 +4,37 @@ export const optimization: Factory<`optimization`> = async ({
   hooks: {filter},
   isDevelopment,
   isProduction,
+  mode,
 }) =>
   filter(`build.optimization`, {
     emitOnErrors: filter(`build.optimization.emitOnErrors`, isDevelopment),
+    innerGraph: filter(`build.optimization.innerGraph`, isProduction),
+    mergeDuplicateChunks: filter(
+      `build.optimization.mergeDuplicateChunks`,
+      isProduction,
+    ),
     minimize: filter(`build.optimization.minimize`, isProduction),
     minimizer: filter(`build.optimization.minimizer`, []),
     moduleIds: filter(`build.optimization.moduleIds`, `named`),
+    nodeEnv: filter(`build.optimization.nodeEnv`, mode),
     removeEmptyChunks: filter(
       `build.optimization.removeEmptyChunks`,
+      isProduction,
+    ),
+    /**
+     * Will be new default in webpack 6
+     * @see {@link https://webpack.js.org/configuration/optimization/#optimizationremoveavailablemodules}
+     */
+    removeAvailableModules: filter(
+      `build.optimization.removeAvailableModules`,
       false,
     ),
     runtimeChunk: filter(`build.optimization.runtimeChunk`, false),
+    sideEffects: filter(`build.optimization.sideEffects`, isProduction),
     splitChunks: filter(`build.optimization.splitChunks`, false),
+    providedExports: filter(
+      `build.optimization.providedExports`,
+      isProduction,
+    ),
     usedExports: filter(`build.optimization.usedExports`, isProduction),
   })

package/src/config/output/index.ts

@@ -18,7 +18,7 @@ export const output: Factory<`output`> = async ({
     filename: filename({filter, relPath}),
     module: filter(`build.output.module`, false),
     path: filter(`build.output.path`, path(`@dist`)),
-    pathinfo: filter(`build.output.pathinfo`),
+    pathinfo: filter(`build.output.pathinfo`, false),
     publicPath: filter(`build.output.publicPath`, `auto`),
     scriptType: filter(
       `build.output.scriptType`,

package/src/config/performance.ts

@@ -1,4 +1,4 @@
 import type {Factory} from './index.js'
 
 export const performance: Factory<`performance`> = async ({hooks}) =>
-  hooks.filter(`build.performance`, {hints: false})
+  hooks.filter(`build.performance`, false)

package/src/config/profile.ts

@@ -1,4 +1,4 @@
 import type {Factory} from './index.js'
 
-export const profile: Factory<`profile`> = async app =>
-  app.hooks.filter(`build.profile`, undefined)
+export const profile: Factory<`profile`> = async bud =>
+  bud.hooks.filter(`build.profile`, bud.context.debug)

package/src/config/resolve.ts

@@ -1,45 +1,31 @@
-import type {Bud} from '@roots/bud-framework'
-
 import type {Factory} from './index.js'
 
 export const resolve: Factory<`resolve`> = async bud => {
-  const modules = await getModules(bud)
-  const value = {
-    alias: await getAlias(bud),
-    extensions: getExtensions(bud),
-    modules,
-  }
-
-  return await bud.hooks.filterAsync(`build.resolve`, value)
-}
-
-const getAlias = async (bud: Bud) =>
-  await bud.hooks.filterAsync(`build.resolve.alias`, {
-    '@src': bud.path(`@src`),
-  })
-
-const getExtensions = (bud: Bud) =>
-  Array.from(
-    bud.hooks.filter(
-      `build.resolve.extensions`,
-      new Set([
-        `.mjs`,
-        `.js`,
-        `.jsx`,
-        `.css`,
-        `.json`,
-        `.wasm`,
-        `.yml`,
-        `.yaml`,
-        `.xml`,
-        `.toml`,
-        `.csv`,
-      ]),
+  return await bud.hooks.filterAsync(`build.resolve`, {
+    alias: {
+      [`@src`]: bud.path(`@src`),
+      ...(await bud.hooks.filterAsync(`build.resolve.alias`, {})),
+    },
+    extensionAlias: await bud.hooks.filterAsync(
+      `build.resolve.extensionAlias`,
+      {
+        [`.js`]: [`.ts`, `.tsx`, `.js`],
+        [`.mjs`]: [`.mts`, `.mtx`, `.mjs`],
+      },
     ),
-  )
-
-const getModules = async (bud: Bud) =>
-  await bud.hooks.filterAsync(`build.resolve.modules`, [
-    bud.hooks.filter(`location.@src`),
-    bud.hooks.filter(`location.@modules`),
-  ])
+    extensions: Array.from(
+      bud.hooks.filter(
+        `build.resolve.extensions`,
+        new Set([`.js`, `.mjs`, `.jsx`, `.cjs`, `.css`]),
+      ),
+    ),
+    modules: await bud.hooks.filterAsync(`build.resolve.modules`, [
+      bud.hooks.filter(`location.@src`),
+      bud.hooks.filter(`location.@modules`),
+    ]),
+    /**
+     * Leave `undefined` to use webpack default (true in dev, false in production)
+     */
+    unsafeCache: bud.hooks.filter(`build.module.unsafeCache`, undefined),
+  })
+}

package/src/config/resolveLoader.ts

@@ -1,6 +1,6 @@
 import type {Factory} from './index.js'
 
-export const resolveLoader: Factory<`resolveLoader`> = async bud =>
-  bud.hooks.filter(`build.resolveLoader`, {
-    alias: {},
+export const resolveLoader: Factory<`resolveLoader`> = async ({hooks}) =>
+  hooks.filter(`build.resolveLoader`, {
+    alias: hooks.filter(`build.resolveLoader.alias`, {}),
   })

package/src/config/snapshot.ts

@@ -1,8 +1,25 @@
 import type {Factory} from './index.js'
 
-export const snapshot: Factory<`snapshot`> = async app =>
-  app.hooks.filter(`build.snapshot`, {
-    managedPaths: app.hooks.filter(`build.snapshot.managedPaths`, [
-      ...new Set([app.path(`@modules`)]),
+export const snapshot: Factory<`snapshot`> = async ({env, hooks, path}) =>
+  hooks.filter(`build.snapshot`, {
+    immutablePaths: hooks.filter(`build.snapshot.immutablePaths`, []),
+    managedPaths: hooks.filter(`build.snapshot.managedPaths`, [
+      ...new Set([path(`@modules`)]),
     ]),
+    buildDependencies: hooks.filter(
+      `build.snapshot.buildDependencies`,
+      env.isTrue(`CI`) ? {hash: true} : {timestamp: true},
+    ),
+    module: hooks.filter(
+      `build.snapshot.module`,
+      env.isTrue(`CI`) ? {hash: true} : {timestamp: true},
+    ),
+    resolve: hooks.filter(
+      `build.snapshot.resolve`,
+      env.isTrue(`CI`) ? {hash: true} : {timestamp: true},
+    ),
+    resolveBuildDependencies: hooks.filter(
+      `build.snapshot.resolveBuildDependencies`,
+      env.isTrue(`CI`) ? {hash: true} : {timestamp: true},
+    ),
   })

package/src/handlers/items/items.ts

@@ -65,7 +65,7 @@ export const minicss: Factory<Item> = async ({makeItem}) =>
     .setLoader(`minicss`)
     .setIdent(`minicss`)
     .setOptions(app => ({
-      publicPath: app.hooks.filter(`build.output.publicPath`),
+      publicPath: app.publicPath(),
     }))
 
 /**

package/src/handlers/rules/js.ts

@@ -4,4 +4,7 @@ export const js: Factory = async ({filter, makeRule, path}) =>
   makeRule()
     .setTest(filter(`pattern.js`))
     .setInclude([() => path(`@src`)])
-    .setUse([])
+    .setType(`javascript/auto`)
+    .setResolve({
+      fullySpecified: false,
+    })

package/src/handlers/rules/json.ts

@@ -7,4 +7,6 @@ export const json: Factory = async ({filter, makeRule, path}) =>
     .setType(`json`)
     .setInclude([() => path()])
     .setTest(filter(`pattern.json`))
-    .setParser({parse: json5.parse})
+    .setParser({
+      parse: json5.parse,
+    })

package/src/handlers/rules/toml.ts

@@ -7,4 +7,6 @@ export const toml: Factory = async ({filter, makeRule, path}) =>
     .setType(`json`)
     .setInclude([() => path()])
     .setTest(() => filter(`pattern.toml`))
-    .setParser({parse: tomlParser.parse})
+    .setParser({
+      parse: tomlParser.parse,
+    })

package/src/rule/index.ts

@@ -16,10 +16,15 @@ import Base from '../shared/base.js'
  * RuleSetRule
  */
 class Rule extends Base implements Interface {
+  /**
+   * RuleSetRule resolve
+   */
+  public resolve?: Options[`resolve`]
+
   /**
    * RuleSetRule test
    */
-  public test: Options['test']
+  public test: Options[`test`]
 
   /**
    * RuleSetRule use
@@ -29,32 +34,32 @@ class Rule extends Base implements Interface {
   /**
    * RuleSetRule include
    */
-  public include?: Options['include']
+  public include?: Options[`include`]
 
   /**
    * RuleSetRule exclude
    */
-  public exclude?: Options['exclude']
+  public exclude?: Options[`exclude`]
 
   /**
    * RuleSetRule type
    */
-  public type?: Options['type']
+  public type?: Options[`type`]
 
   /**
    * RuleSetRule resourceQuery
    */
-  public resourceQuery?: Options['resourceQuery']
+  public resourceQuery?: Options[`resourceQuery`]
 
   /**
    * RuleSetRule parser
    */
-  public parser?: Options['parser']
+  public parser?: Options[`parser`]
 
   /**
    * RuleSetRule generator
    */
-  public generator?: Options['generator']
+  public generator?: Options[`generator`]
 
   /**
    * Class constructor
@@ -72,10 +77,27 @@ class Rule extends Base implements Interface {
     this.setType(options.type)
     this.setParser(options.parser)
     this.setGenerator(options.generator)
+    this.setResolve(options.resolve)
+  }
+
+  /**
+   * Set resolve value
+   */
+  public getResolve(): Output[`resolve`] {
+    return this.unwrap(this.resolve)
   }
 
   /**
-   * Test value
+   * Set resolve value
+   */
+  @bind
+  public setResolve(resolve: Options[`resolve`]): this {
+    this.resolve = resolve
+    return this
+  }
+
+  /**
+   * Get `test` value
    */
   @bind
   public getTest(): Output['test'] {
@@ -83,7 +105,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Set test value
+   * Set `test` value
    */
   @bind
   public setTest(test: Options['test']): this {
@@ -92,7 +114,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Get parser value
+   * Get `parser` value
    */
   @bind
   public getParser(): Output['parser'] {
@@ -100,7 +122,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Set parser value
+   * Set `parser` value
    */
   @bind
   public setParser(parser: Interface['parser']): this {
@@ -109,7 +131,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Get use value
+   * Get `use` value
    */
   @bind
   public getUse(): Options[`use`] {
@@ -117,7 +139,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Set use value
+   * Set `use` value
    */
   @bind
   public setUse(
@@ -128,7 +150,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Get include value
+   * Get `include` value
    */
   @bind
   public getInclude(): Array<string | RegExp> {
@@ -138,7 +160,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Set include value
+   * Set `include` value
    */
   @bind
   public setInclude(includes: Options['include']): this {
@@ -147,24 +169,29 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Get include value
+   * Get `include` value
    */
   @bind
   public getResourceQuery(): Output[`resourceQuery`] {
-    return this.resourceQuery
+    return isFunction(this.resourceQuery)
+      ? this.resourceQuery(this.app)
+      : this.resourceQuery
   }
 
   /**
-   * Set include value
+   * Set `include` value
    */
   @bind
   public setResourceQuery(query: Options['resourceQuery']): this {
-    this.resourceQuery = query
+    this.resourceQuery = isFunction(query)
+      ? query(this.resourceQuery)
+      : query
+
     return this
   }
 
   /**
-   * Get exclude value
+   * Get `exclude` value
    */
   @bind
   public getExclude(): Array<string | RegExp> {
@@ -185,7 +212,7 @@ class Rule extends Base implements Interface {
   }
 
   /**
-   * Get type value
+   * Get `type` value
    */
   @bind
   public getType(): string {
@@ -242,6 +269,7 @@ class Rule extends Base implements Interface {
       resourceQuery: this.getResourceQuery(),
       include: this.getInclude(),
       exclude: this.getExclude(),
+      resolve: this.getResolve(),
     }).reduce((a, [k, v]) => {
       if (v === undefined) return a
       return {...a, [k]: v}
@@ -252,4 +280,4 @@ class Rule extends Base implements Interface {
 }
 
 export {Rule}
-export {Interface, Options, Output, Parser}
+export type {Interface, Options, Output, Parser}

package/src/service.ts

@@ -10,7 +10,8 @@ import type {Records} from './config/index.js'
 import {register} from './handlers/register.js'
 import {Item} from './item/index.js'
 import {Loader} from './loader/index.js'
-import {Options as RuleOptions, Rule} from './rule/index.js'
+import type {Options as RuleOptions} from './rule/index.js'
+import {Rule} from './rule/index.js'
 
 /**
  * Webpack configuration builder class
@@ -43,7 +44,7 @@ export class Build extends Service implements Base.Service {
    * `loaders`, `items`, and `rules` are instantiated dumbly
    * because it is painful to think about how to map the typings..
    */
-  public override register? = register.bind(this)
+  public override register = register.bind(this)
 
   /**
    * Make webpack configuration