chisel-scripts 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 <!-- 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))

package/index.js

@@ -59,46 +59,27 @@ function adjustWebpackConfig(baseConfig, directory) {
       })());
   })();
 
-  const performance = {
-    maxAssetSize: 512 * 1024,
-    maxEntrypointSize: 512 * 1024,
-    hints: isProduction ? 'warning' : false,
-  };
-
-  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 block only
-      else if (index === 1) {
-        configEntry = {
-          ...(blockMetadataFiles.length > 0 && typeof config.entry === 'function' ? config.entry() : config.entry || {}),
-        };
-      }
-
-      return {
-        ...config,
-        entry: configEntry,
-        resolve: {
+  const preparedConfig = (config, index = null) => {
+    return {
+      ...config,
+      output: {
+        ...config.output,
+        clean: isProduction,
+      },
+      resolve: {
         ...(config.resolve || {}),
         alias: {
-            ...((config.resolve && config.resolve.alias) || {}),
-            '~design$': pathMod.join(src, 'design'),
-          },
+          ...((config.resolve && config.resolve.alias) || {}),
+          '~design$': pathMod.join(src, 'design'),
         },
-        performance: performance,
-        devServer: config.devServer && {
-          ...config.devServer,
+      },
+      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',
@@ -115,6 +96,15 @@ function adjustWebpackConfig(baseConfig, directory) {
               .replace(process.env.CHISEL_PORT, Number(process.env.CHISEL_PORT) + 1),
           },
         }),
+        setupMiddlewares: (middlewares, devServer) => {
+          if (!devServer) {
+             return middlewares;
+          }
+
+          console.log(`🌐 Dev server ready at: ${getUrl()}`);
+
+          return middlewares;
+        }
       },
       optimization: {
         ...config.optimization,
@@ -132,55 +122,49 @@ function adjustWebpackConfig(baseConfig, directory) {
           ],
         }),
       ],
-      };
-    })
-  : {
-      ...baseConfig,
-      entry,
-      resolve: {
-        ...(baseConfig.resolve || {}),
-        alias: {
-          ...((baseConfig.resolve && baseConfig.resolve.alias) || {}),
-          '~design$': pathMod.join(src, 'design'),
-        },
-      },
-      performance: performance,
-      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,
-        client: {
-          ...baseConfig.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),
-        },
-      }),
-    },
-    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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chisel-scripts",
-  "version": "2.1.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": "f5cb01894754a85b6842fa10412986bb745ea43a"
+  "gitHead": "eeef8803f7213be257ef9a48b02a1dc1790d2409"
 }