feat: exportAsDefault

README.md

@@ -57,6 +57,7 @@ module.exports = {
             dest: "src/classnames.d.ts",
             // Set isModule if you want to import ClassNames from another file
             isModule: true,
+            exportAsDefault: true, // to use in combination with isModule
         }),
 
         require("@fullhuman/postcss-purgecss")({

__tests__/postcss-plugin.test.ts

@@ -273,4 +273,34 @@ describe("files", () => {
               | \\"foo\\";"
         `);
     });
+    test("can export the type file as a module and as default", async () => {
+        const dest = PathUtils.join(dir, "types.ts");
+        const collector = new ClassNameCollector({
+            dest,
+            isModule: true,
+            exportAsDefault: true,
+        });
+
+        await run(
+            collector,
+            css`
+                .foo {
+                    color: blue;
+                }
+            `,
+        );
+        await collector.waitForWrite();
+
+        const content = await fs.readFile(dest);
+
+        expect(content.toString()).toMatchInlineSnapshot(`
+            "// This file is auto-generated with postcss-ts-classnames.
+
+            export type ClassNames =
+              | \\"foo\\";
+
+            export default ClassNames;"
+        `);
+    });
+
 });

package.json

@@ -29,11 +29,11 @@
     "license": "ISC",
     "devDependencies": {
         "@types/jest": "^24.0.21",
+        "@types/lodash.debounce": "^4.0.6",
         "@types/node": "^12.12.5",
         "jest": "^24.9.0",
         "prettier": "^1.18.2",
         "sh-thunk": "^0.3.0",
-        "@types/lodash.debounce": "^4.0.6",
         "ts-jest": "^24.1.0",
         "typescript": "^3.6.4"
     },

src/class-name-collector.ts

@@ -6,18 +6,21 @@ import debounce from "lodash.debounce";
 export interface ClassNameCollectorOptions {
     dest?: string;
     isModule?: boolean;
+    exportAsDefault?: boolean;
 }
 
 export class ClassNameCollector {
     classNames: Map<string, undefined | Set<string>>;
     dest?: string;
     isModule?: boolean;
+    exportAsDefault?: boolean;
 
     waiters = [] as VoidFunction[];
 
     constructor(options: ClassNameCollectorOptions) {
         this.dest = options.dest;
         this.isModule = options.isModule;
+        this.exportAsDefault = options.exportAsDefault;
         this.classNames = new Map();
     }
 
@@ -67,7 +70,13 @@ export class ClassNameCollector {
             .map(n => `"${n}"`)
             .join(`\n${prefix}`);
 
-        return `${comment}\n\n${this.isModule ? 'export ' : ''}type ClassNames =\n${prefix}${names};`;
+        if (this.isModule) {
+           const result = `${comment}\n\nexport type ClassNames =\n${prefix}${names};`;
+           return (this.exportAsDefault)
+             ? result + '\n\nexport default ClassNames;'
+             : result;
+        }
+        return `${comment}\n\ntype ClassNames =\n${prefix}${names};`;
     }
 
     process(root: Root) {

src/plugin.ts

@@ -31,6 +31,9 @@ export function createPlugin(collector: ClassNameCollector) {
         if (userOptions && userOptions.isModule) {
             collector.isModule = userOptions.isModule;
         }
+        if (userOptions && userOptions.exportAsDefault) {
+            collector.exportAsDefault = userOptions.exportAsDefault;
+        }
 
         return root => {
             collector.process(root);