version 1.0.2

Author: Idrinth

package.json

@@ -1,14 +1,15 @@
 {
   "name": "@idrinth/rollup-plugin-react-modular-css",
-  "version": "1.0.0",
-  "description": "",
+  "version": "1.0.2",
+  "description": "Provides a plugin to split css files out separately.",
   "main": "src/index.js",
   "repository": {
     "url": "https://github.com/idrinth/rollup-plugin-react-modular-css"
   },
+  "type": "module",
   "license": "MIT",
   "scripts": {
-    "tsc": "tsc",
+    "tsc": "tsc -p tsconfig.json",
     "prepublishOnly": "npm run tsc"
   },
   "dependencies": {

src/index.ts

@@ -1,45 +1,5 @@
-import {
-    readFileSync,
-    writeFileSync,
-} from 'fs';
-import {
-    dirname,
-} from 'path';
-import CleanCSS from 'clean-css';
-import {
-    createHash,
-} from 'crypto';
+import pluginImpl from './plugin.js';
+import load from './load.js';
 
-const minifier = new CleanCSS();
-
-export default function () {
-    return {
-        name: '@idrinth/rollup-plugin-react-modular-css',
-        transform ( code: string, id: string ) {
-            if (id.endsWith('src/main.tsx',)) {
-                return null;
-            }
-            let matches = code.match(/import ["']\.\/[^"]+?\.css['"];/ug);
-            if (matches) {
-                for (const match of matches) {
-                    const path = `${dirname(id)}/${match.replace(/import ['"]\.\/(.*)['"];/u, '$1',)}`;
-                    const minified = minifier.minify(readFileSync(path, 'utf8')).styles;
-                    const hash = createHash('sha256')
-                        .update(minified,)
-                        .digest('hex',);
-                    const name = id
-                        .replace(/\/[^/]+.[tj]sx?$/u, '',)
-                        .split('/',)
-                        .pop();
-                    writeFileSync(`${process.cwd()}/public/assets/${name}-${hash}.min.css`, minified, 'utf8',);
-                    code.replace(
-                        matches[0],
-                        `import load from '@idrinth/rollup-plugin-react-modular-css/src/load.js';\n(() => load('${hash}', '${name}'))()`,
-                    );
-                }
-                return code;
-            }
-            return null;
-        }
-    };
-}
+export const plugin = pluginImpl;
+export default load;

src/plugin.ts

@@ -0,0 +1,45 @@
+import {
+    readFileSync,
+    writeFileSync,
+} from 'fs';
+import {
+    dirname,
+} from 'path';
+import CleanCSS from 'clean-css';
+import {
+    createHash,
+} from 'crypto';
+
+const minifier = new CleanCSS();
+
+export default function () {
+    return {
+        name: '@idrinth/rollup-plugin-react-modular-css',
+        transform ( code: string, id: string ) {
+            if (id.endsWith('src/main.tsx',)) {
+                return null;
+            }
+            let matches = code.match(/import ["']\.\/[^"]+?\.css['"];/ug);
+            if (matches) {
+                for (const match of matches) {
+                    const path = `${dirname(id)}/${match.replace(/import ['"]\.\/(.*)['"];/u, '$1',)}`;
+                    const minified = minifier.minify(readFileSync(path, 'utf8')).styles;
+                    const hash = createHash('sha256')
+                        .update(minified,)
+                        .digest('hex',);
+                    const name = id
+                        .replace(/\/[^/]+.[tj]sx?$/u, '',)
+                        .split('/',)
+                        .pop();
+                    writeFileSync(`${process.cwd()}/public/assets/${name}-${hash}.min.css`, minified, 'utf8',);
+                    code.replace(
+                        matches[0],
+                        `import load from '@idrinth/rollup-plugin-react-modular-css/src/load.js';\n(() => load('${hash}', '${name}'))()`,
+                    );
+                }
+                return code;
+            }
+            return null;
+        }
+    };
+}

tsconfig.json

@@ -7,10 +7,8 @@
     "module": "NodeNext",
     "skipLibCheck": true,
     "moduleResolution": "NodeNext",
-    "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true,
     "jsx": "react",
     "strict": true,
     "noUnusedLocals": true,