chisel-scripts 2.1.0 → 2.1.2

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 <!-- INSERT-NEW-ENTRIES-HERE -->
 
+## <small>2.1.2 (2025-12-16)</small>
+
+- make icons module optional ([94e4c6c](https://github.com/xfiveco/generator-chisel/commit/94e4c6c))
+
+## <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/lib/commands/wp-scripts.mjs

@@ -13,7 +13,10 @@ function loadExtensions() {
     .sort();
 
   return Promise.all(
-    files.map((file) => import(pathToFileURL(join(extensionsDir, file)))),
+    files.map(async (file) => {
+      const module = await import(pathToFileURL(join(extensionsDir, file)));
+      return { name: file, module };
+    })
   );
 }
 
@@ -24,14 +27,19 @@ export default function wpScripts(api) {
     .option(
       '--experimental-modules',
       'do not enable experimental modules',
+    )
+    .option(
+      '--use-icons-module',
+      'Use icons generator (sprite) module'
     ),
     async (options) => {
       process.env.NODE_ENV = 'production';
 
       for (const extension of await loadExtensions()) {
-        if (!extension.build) continue;
+         if (!extension.module.build || (extension.name === 'icons.mjs' && !options.useIconsModule)) continue;
+
 
-        await extension.build(api);
+        await extension.module.build(api);
       }
 
       const args = ['wp-scripts', 'build'];
@@ -52,6 +60,10 @@ export default function wpScripts(api) {
     .option(
       '--experimental-modules',
       'do not enable experimental modules',
+    )
+    .option(
+      '--use-icons-module',
+      'Use icons generator (sprite) module'
     ),
     async (options) => {
       process.env.NODE_ENV = 'development';
@@ -59,15 +71,15 @@ export default function wpScripts(api) {
       const extensions = await loadExtensions();
 
       for (const extension of extensions) {
-        if (!extension.build) continue;
+        if (!extension.module.build || (extension.name === 'icons.mjs' && !options.useIconsModule)) continue;
 
-        await extension.build(api);
+        await extension.module.build(api);
       }
 
       for (const extension of extensions) {
-        if (!extension.start) continue;
+        if (!extension.module.module.build || (extension.name === 'icons.mjs' && !options.useIconsModule)) continue;
 
-        await extension.start(api);
+        await extension.module.start(api);
       }
 
       const args = ['wp-scripts', 'start', '--hot'];

package/lib/template/wp-config-local.chisel-tpl.php

@@ -57,5 +57,8 @@ define( 'WP_DEBUG_DISPLAY', false );
 define( 'SCRIPT_DEBUG', true );
 define( 'WP_ENVIRONMENT_TYPE', 'development' );
 
+// Icons module. Also requires packacke.json and scss configuration.
+define( 'CHISEL_USE_ICONS_MODULE', false );
+
 /** The Database Collate type. Don't change this if in doubt. */
 define( 'DB_COLLATE', '' );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chisel-scripts",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "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": "54768b8dd93e3773c3659f28445c9c6d76a2819c"
 }