Add index signature to exported classes

Author: GodLesZ

src/ExportGenerator.ts

@@ -1,48 +1,34 @@
 import { CSSExports } from "icss-utils";
 import { camelCase } from "lodash";
-import reserved from "reserved-words";
 import IOptions from "./IOptions";
 
 const dashesCamelCase = (className: string) => {
     return className.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase());
 };
 
 export default class ExportGenerator {
-    private static readonly NOT_CAMELCASE_REGEXP = /[\-_]/;
-
     private readonly options: IOptions;
 
     public constructor(options: IOptions) {
         this.options = options;
     }
 
     public generate(classes: CSSExports) {
-        const isCamelCase = (className: string) => !ExportGenerator.NOT_CAMELCASE_REGEXP.test(className);
-        const isReservedWord = (className: string) => !reserved.check(className);
-
         const classNames = Object.keys(classes)
             .map(className => this.transformClassName(className))
             // Flatter array because transformClassName() may return multiple classes
             .reduce((previousValue: Array<string> = [], currentValue: Array<string>) => {
                 return previousValue.concat(currentValue);
             }, []);
 
-        const camelCasedKeys = classNames
-            .filter(isCamelCase)
-            .filter(isReservedWord)
-            .map(className => `export const ${className}: string;`);
-
         const defaultExport = `\
 declare const styles: {
+    [index: string]: string;
     ${classNames.map(className => `"${className}": string;`).join("\n  ")}
 };
 export default styles;
 `;
 
-        if (camelCasedKeys.length) {
-            return `${defaultExport}${camelCasedKeys.join("\n")}\n`;
-        }
-
         return defaultExport;
     }
 

src/index.ts

@@ -34,8 +34,6 @@ const init = ({ typescript: ts }: { typescript: typeof tss }) => {
                 const classes = cssParser.getClasses(css);
                 const dts = exportGenerator.generate(classes);
 
-                // logger.log(dts);
-
                 scriptSnapshot = ts.ScriptSnapshot.fromString(dts);
             }
 
@@ -59,8 +57,6 @@ const init = ({ typescript: ts }: { typescript: typeof tss }) => {
                 const classes = cssParser.getClasses(css);
                 const dts = exportGenerator.generate(classes);
 
-                // logger.log(dts);
-
                 scriptSnapshot = ts.ScriptSnapshot.fromString(dts);
             }