chisel-scripts 2.0.0 → 2.1.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 <!-- INSERT-NEW-ENTRIES-HERE -->
 
+## <small>2.1.1 (2025-12-16)</small>
+
+- add wp interactivity api support, optimize css build, refactor webpack config ([319d822](https://github.com/xfiveco/generator-chisel/commit/319d822))
+
+## 2.1.0 (2025-12-15)
+
+- add wp exp-modules support, update wp scripts, build file size limits, auto clear patterns cache, no ([728f566](https://github.com/xfiveco/generator-chisel/commit/728f566))
+
 ## 2.0.0 (2025-12-04)
 
 - update chisel scripts peerDependencies ([7110a79](https://github.com/xfiveco/generator-chisel/commit/7110a79))

package/index.js

@@ -32,7 +32,7 @@ function adjustWebpackConfig(baseConfig, directory) {
     );
 
   const entry = {
-    ...(blockMetadataFiles.length > 0 && baseConfig.entry()),
+    ...(blockMetadataFiles.length > 0 && typeof baseConfig.entry === 'function' ? baseConfig.entry() : baseConfig.entry || {}),
     ...entriesFromFiles(scriptsFiles),
     ...entriesFromFiles(stylesFiles),
   };
@@ -42,11 +42,10 @@ function adjustWebpackConfig(baseConfig, directory) {
 
     return () =>
       (url ||= (() => {
-        const { execFileSync } = require('node:child_process');
+        const { execSync } = require('node:child_process');
         try {
-          const stdout = execFileSync(
-            'npm',
-            ['run', '--silent', 'wp', 'option', 'get', 'home'],
+          const stdout = execSync(
+            'npm run --silent wp option get home',
             {
               cwd: directory,
               encoding: 'utf8',
@@ -60,63 +59,112 @@ function adjustWebpackConfig(baseConfig, directory) {
       })());
   })();
 
-  const updatedConfig = {
-    ...baseConfig,
-    entry,
-    resolve: {
-      ...baseConfig.resolve,
-      alias: {
-        ...baseConfig.resolve.alias,
-        '~design$': pathMod.join(src, 'design'),
+  const preparedConfig = (config, index = null) => {
+    return {
+      ...config,
+      output: {
+        ...config.output,
+        clean: isProduction,
       },
-    },
-    devServer: baseConfig.devServer && {
-      ...baseConfig.devServer,
-      allowedHosts: [new URL(getUrl()).host],
-      ...(process.env.CHISEL_PORT && {
-        host: '0.0.0.0',
-        port: Number(process.env.CHISEL_PORT) + 1,
-        ...(() => {
-          const webSocketURL = new URL(getUrl());
-          webSocketURL.protocol = webSocketURL.protocol.replace('http', 'ws');
-          webSocketURL.pathname = '/ws';
-          const webSocketURLString = webSocketURL.toString();
-
-          if (!webSocketURLString.includes(process.env.CHISEL_PORT)) {
-            return;
+      resolve: {
+        ...(config.resolve || {}),
+        alias: {
+          ...((config.resolve && config.resolve.alias) || {}),
+          '~design$': pathMod.join(src, 'design'),
+        },
+      },
+      performance: {
+        maxAssetSize: 512 * 1024,
+        maxEntrypointSize: 512 * 1024,
+        hints: isProduction ? 'warning' : false,
+      },
+      devServer: config.devServer && {
+        ...config.devServer,
+        allowedHosts: [new URL(getUrl()).host],
+        ...(process.env.CHISEL_PORT && {
+          host: '0.0.0.0',
+          port: Number(process.env.CHISEL_PORT) + 1,
+          client: {
+            ...config.devServer.client,
+            overlay: {
+              errors: true,
+              warnings: false,
+              runtimeErrors: false,
+            },
+            webSocketURL: new URL(getUrl())
+              .toString()
+              .replace(process.env.CHISEL_PORT, Number(process.env.CHISEL_PORT) + 1),
+          },
+        }),
+        setupMiddlewares: (middlewares, devServer) => {
+          if (!devServer) {
+             return middlewares;
           }
 
-          return {
-            client: {
-              ...baseConfig.devServer.client,
-              webSocketURL: webSocketURL
-                .toString()
-                .replace(
-                  process.env.CHISEL_PORT,
-                  Number(process.env.CHISEL_PORT) + 1,
-                ),
+          console.log(`🌐 Dev server ready at: ${getUrl()}`);
+
+          return middlewares;
+        }
+      },
+      optimization: {
+        ...config.optimization,
+        ...(!isProduction && { runtimeChunk: index === 0 ? 'single' : false }),
+      },
+      plugins: [
+        ...config.plugins,
+        new CopyWebpackPlugin({
+          patterns: [
+            {
+              from: '**/*.twig',
+              context: 'src',
+              noErrorOnMissing: true,
             },
-          };
-        })(),
-      }),
-    },
-    optimization: {
-      ...baseConfig.optimization,
-      ...(!isProduction && { runtimeChunk: 'single' }),
-    },
-    plugins: [
-      ...baseConfig.plugins,
-      new CopyWebpackPlugin({
-        patterns: [
+          ],
+        }),
+      ],
+      module: {
+        ...(config.module || {}),
+        rules: [
+          ...(config.module?.rules || []),
           {
-            from: '**/*.twig',
-            context: 'src',
-            noErrorOnMissing: true,
+            test: /\.(png|jpe?g|gif|svg)$/i,
+            type: 'asset/resource', // Load as file, not base64 in css - for smaller css file size.
           },
         ],
-      }),
-    ],
-  };
+      },
+    }
+  }
+
+  const isMultiConfig = Array.isArray(baseConfig);
+
+  const updatedConfig = isMultiConfig
+  ? baseConfig.map((config, index) => {
+      let configEntry = {};
+
+      // Config 0: standard build - JS + styles
+      if (index === 0) {
+        configEntry = {
+          ...(blockMetadataFiles.length > 0 && typeof config.entry === 'function' ? config.entry() : config.entry || {}),
+          ...entriesFromFiles(scriptsFiles),
+          ...entriesFromFiles(stylesFiles),
+        };
+      }
+      // Config 1: ESM build - For blocks only
+      else if (index === 1) {
+        configEntry = {
+          ...(blockMetadataFiles.length > 0 && typeof config.entry === 'function' ? config.entry() : config.entry || {}),
+        };
+      }
+
+      return {
+        ...preparedConfig(config, index),
+        entry: configEntry,
+      }
+    })
+  : {
+    ...preparedConfig(baseConfig),
+    entry,
+  }
 
   return updatedConfig;
 }

package/lib/commands/wp-scripts.mjs

@@ -20,14 +20,12 @@ function loadExtensions() {
 export default function wpScripts(api) {
   api.registerCommand(
     'build',
-    (command) => command.description('build for production'),
-    // .option(
-    //   '--no-clean',
-    //   'do not remove the dist directory before building the project',
-    // )
-    // .option('--watch', 'watch for changes')
-    // .option('--report', 'generate report to help analyze bundles content')
-    async () => {
+    (command) => command.description('build for production')
+    .option(
+      '--experimental-modules',
+      'do not enable experimental modules',
+    ),
+    async (options) => {
       process.env.NODE_ENV = 'production';
 
       for (const extension of await loadExtensions()) {
@@ -36,7 +34,13 @@ export default function wpScripts(api) {
         await extension.build(api);
       }
 
-      await runLocalWithExit(['wp-scripts', 'build'], {
+      const args = ['wp-scripts', 'build'];
+
+      if (options.experimentalModules) { // Disabled by default. Enable with `--experimental-modules`.
+        args.push('--experimental-modules');
+      }
+
+      await runLocalWithExit(args, {
         cwd: api.resolve(),
       });
     },
@@ -44,8 +48,12 @@ export default function wpScripts(api) {
 
   api.registerCommand(
     'start',
-    (command) => command.description('start development server'),
-    async () => {
+    (command) => command.description('start development server')
+    .option(
+      '--experimental-modules',
+      'do not enable experimental modules',
+    ),
+    async (options) => {
       process.env.NODE_ENV = 'development';
 
       const extensions = await loadExtensions();
@@ -62,7 +70,13 @@ export default function wpScripts(api) {
         await extension.start(api);
       }
 
-      await runLocalWithExit(['wp-scripts', 'start', '--hot'], {
+      const args = ['wp-scripts', 'start', '--hot'];
+
+      if (options.experimentalModules) { // Disabled by default. Enable with `--experimental-modules`.
+        args.push('--experimental-modules');
+      }
+
+      await runLocalWithExit(args, {
         cwd: api.resolve(),
       });
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chisel-scripts",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "Chisel scripts",
   "bin": {
     "chisel-scripts": "bin/chisel-scripts.js"
@@ -39,5 +39,5 @@
   "peerDependencies": {
     "@wordpress/scripts": "^27.9.0 || ^31.0.0 || ^31.1.0"
   },
-  "gitHead": "0fc6fceb2369e8bba9e6b069c70c480fe7322639"
+  "gitHead": "eeef8803f7213be257ef9a48b02a1dc1790d2409"
 }