feat: virtual css modules

TODO: fix naming error

src/index.ts

@@ -106,10 +106,30 @@ const postCSSPlugin = ({
         await writeFile(tmpFilePath, result.css);
 
         return {
+          namespace: isModule ? "postcss-module" : "file",
           path: tmpFilePath
         };
       }
     );
+
+    // load css modules
+    build.onLoad(
+      { filter: /.*/, namespace: "postcss-module" },
+      async (args) => {
+        const mod = modulesMap.find(({ path }) => path === args.path),
+          resolveDir = path.dirname(args.path);
+
+        console.log(mod);
+
+        return {
+          resolveDir,
+          contents: `import "${args.path.replace(
+            resolveDir,
+            "."
+          )}"; export default ${JSON.stringify(mod.map)};`
+        };
+      }
+    );
   }
 });
 

test/index.js

@@ -20,6 +20,14 @@ describe("PostCSS esbuild tests", () => {
       })
       .catch(done);
   });
+  it("Works with CSS modules", (done) => {
+    test("modules")
+      .then((res) => {
+        assert(res);
+        done();
+      })
+      .catch(done);
+  });
 });
 
 function test(test) {

test/styles/example.module.css

@@ -0,0 +1,3 @@
+.TestModule {
+  align-items: center;
+}

test/styles/example.module.sass

@@ -0,0 +1,2 @@
+.TestModuleSass
+  display: flex

test/tests/modules.ts

@@ -0,0 +1,4 @@
+import styles from "../styles/example.module.sass";
+import styles2 from "../styles/example.module.css";
+
+console.log(styles, styles2);