simplrjs / css-to-ts Goto Github PK

I ran into a bug and tried to fix it but I can't create branches here... and I'm not going to fork this so I'll just explain and paste the code fix here.

Basically if you run the following command:
css-to-ts --rootDir \"./src\" --outDir \"./src\" --pattern \"**/*.css\" --suffix css --delimitter .

the input file will be something like app.css and the output file will be app.css.ts which is very nice. What isn't nice is the contents of the typescript file...

export var App.Css = `.ranking-app {
  text-align: center; }
`;

which isn't valid typescript (can't create a variable with a special character in the name).

Fix:
In cli-handler.ts use this method instead

    private snakeCaseToCamelCase(fileName: string) {
        let regex = /(\w*)(\-*)/g;
        let camelCaseWithSpecialCharacters = fileName.replace(regex, (match: string, word: string, delimitter: string) => {
            return word.charAt(0).toUpperCase() + word.substr(1).toLowerCase();
        });
        return camelCaseWithSpecialCharacters.replace(/[^0-9a-z]/gi, '');
    }

Currently in the package.json there are several @types/ dependencies in the dependencies section. These should be moved to the dev-dependencies section so that they don't get resolved when people install the package via npm.