use rolldown hooks

Author: avivkeller

src/generators/web/build/css.mjs

@@ -17,33 +17,33 @@ export default () => {
   return {
     name: 'css-loader',
 
-    /**
-     * Handles loading and transforming CSS module files
-     * @param {string} id - The file path being loaded
-     */
-    async load(id) {
-      if (!id.endsWith('.module.css')) {
-        return null;
-      }
-
-      const source = await readFile(id, 'utf8');
-
-      const { code, exports } = await bundleAsync({
-        filename: id,
-        code: Buffer.from(source),
-        cssModules: true,
-      });
-
-      cssChunks.add(code.toString());
-
-      const mappedExports = Object.fromEntries(
-        Object.entries(exports).map(([k, v]) => [k, v.name])
-      );
-
-      return {
-        code: `export default ${JSON.stringify(mappedExports)};`,
-        moduleType: 'js',
-      };
+    load: {
+      filter: {
+        id: {
+          include: /\.module\.css$/,
+        },
+      },
+      /** @param {string} id */
+      async handler(id) {
+        const source = await readFile(id, 'utf8');
+
+        const { code, exports } = await bundleAsync({
+          filename: id,
+          code: Buffer.from(source),
+          cssModules: true,
+        });
+
+        cssChunks.add(code.toString());
+
+        const mappedExports = Object.fromEntries(
+          Object.entries(exports).map(([k, v]) => [k, v.name])
+        );
+
+        return {
+          code: `export default ${JSON.stringify(mappedExports)};`,
+          moduleType: 'js',
+        };
+      },
     },
 
     /**