fix(extension): add support for different extensions

Work with any file extension (.postcss, .css, etc).
close #7

Author: ezavile

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "clean": "rimraf dist coverage *.log",
     "commit": "git-cz",
-    "copyFakePostcssFile": "cpx \"src/spec/postcss/*\" dist/spec/postcss/",
+    "copyFakePostcssFile": "cpx \"src/spec/styles/*\" dist/spec/styles/",
     "compile": "npm run clean && tsc",
     "compile:watch": "tsc --watch",
     "lint": "npm run tslint \"src/**/*.ts\"",

src/buildFile.ts

@@ -4,7 +4,8 @@ const path = require('path');
 import { PostcssTypescriptCss } from './namespace/PostcssTypescriptCss';
 
 const build = (file: PostcssTypescriptCss.Options) => {
-const filename = path.basename(file.cssFileName, '.postcss');
+const extension = path.extname(file.cssFileName);
+const filename = path.basename(file.cssFileName, extension);
 return (
 `export const ${filename}Style = {
   ${

src/saveFile.ts

@@ -8,7 +8,8 @@ const saveFile = (file: PostcssTypescriptCss.Options) => {
   return new Promise((resolve, reject) => {
     try {
       const dirname = path.dirname(file.cssFileName);
-      const filename = path.basename(file.cssFileName, '.postcss');
+      const extension = path.extname(file.cssFileName);
+      const filename = path.basename(file.cssFileName, extension);
       writeFileSync(`${dirname}/${filename}.ts`, build(file));
       resolve(true);
     } catch (err) {

src/spec/postcss-typescript-css.spec.ts

@@ -11,13 +11,13 @@ function run(t: TestContext, input: {css: string, from: string}, opts?: PostcssT
   .then((result) => {
     let fakeComponentTS;
     if (opts) {
-      fakeComponentTS = readFileSync(path.join(__dirname, 'postcss/fakeComponentModules.ts'), 'utf8');
+      fakeComponentTS = readFileSync(path.join(__dirname, 'styles/fakeComponentModules.ts'), 'utf8');
       t.true(fakeComponentTS.includes('fakeComponentModulesStyle'));
       t.true(fakeComponentTS.includes('fakeComponentModules:'));
       t.true(fakeComponentTS.includes('fakeComponentModulesDescendentName:'));
       t.true(fakeComponentTS.includes('fakeComponentModulesModifierName:'));
     } else {
-      fakeComponentTS = readFileSync(path.join(__dirname, 'postcss/fakeComponent.ts'), 'utf8');
+      fakeComponentTS = readFileSync(path.join(__dirname, 'styles/fakeComponent.ts'), 'utf8');
       t.true(fakeComponentTS.includes('fakeComponentStyle'));
       t.true(fakeComponentTS.includes('fakeComponent:'));
       t.true(fakeComponentTS.includes('fakeComponentDescendentName:'));
@@ -39,14 +39,14 @@ function run(t: TestContext, input: {css: string, from: string}, opts?: PostcssT
 }
 
 test('should create a ts file', t => {
-  const cssFile = path.join(__dirname, 'postcss/fakeComponent.postcss');
+  const cssFile = path.join(__dirname, 'styles/fakeComponent.css');
   const cssContent = readFileSync(cssFile, 'utf8');
   return run(t, { css: cssContent, from: cssFile });
 });
 
 test('should create a ts file with postcss-modules configuration', t => {
-  const cssFileName = path.join(__dirname, 'postcss/fakeComponentModules.postcss');
-  const content = JSON.parse(readFileSync(path.join(__dirname, 'postcss/fakeComponentModules.json'), 'utf8'));
+  const cssFileName = path.join(__dirname, 'styles/fakeComponentModules.css');
+  const content = JSON.parse(readFileSync(path.join(__dirname, 'styles/fakeComponentModules.json'), 'utf8'));
   return run(t, { css: '', from: '' }, { cssFileName, content });
 });
 
@@ -55,6 +55,6 @@ test('throws if cssFileName is null', t => {
 });
 
 test('throws if content is null', t => {
-  const cssFileName = path.join(__dirname, 'postcss/fakeComponentModules.postcss');
+  const cssFileName = path.join(__dirname, 'styles/fakeComponentModules.css');
   return run(t, { css: '', from: '' }, { cssFileName, content: null });
 });

src/spec/saveFile.spec.ts

@@ -4,18 +4,18 @@ const path = require('path');
 
 
 test('should create a new ts file', async (t) => {
-  const cssFileName = path.join(__dirname, 'postcss/fakeComponent2.postcss');
+  const cssFileName = path.join(__dirname, 'styles/fakeComponent2.postcss');
   t.is(await saveFile({
     cssFileName,
     content: ['.FakeComponent2', '.FakeComponent2-descendentName', '.FakeComponent2--modifierName']
   }), true);
-  const tsFile = path.join(__dirname, 'postcss/fakeComponent2.ts');
+  const tsFile = path.join(__dirname, 'styles/fakeComponent2.ts');
   const tsFileName = path.basename(tsFile, '.ts');
   t.is(tsFileName, 'fakeComponent2');
 });
 
 test('should create a new ts file with transformed classes', async (t) => {
-  const cssFileName = path.join(__dirname, 'postcss/fakeComponentModules.postcss');
+  const cssFileName = path.join(__dirname, 'styles/fakeComponentModules.css');
   t.is(await saveFile({
     cssFileName,
     content: {
@@ -24,7 +24,7 @@ test('should create a new ts file with transformed classes', async (t) => {
       fakeComponentModulesModifierName: '_FakeComponentModules--modifierName_h7423_1'
     }
   }), true);
-  const tsFile = path.join(__dirname, 'postcss/fakeComponentModules.ts');
+  const tsFile = path.join(__dirname, 'styles/fakeComponentModules.ts');
   const tsFileName = path.basename(tsFile, '.ts');
   t.is(tsFileName, 'fakeComponentModules');
 });
@@ -39,7 +39,7 @@ test('throws if there is not a css file name', async (t) => {
 });
 
 test('throws if there is not a content', async (t) => {
-  const cssFileName = path.join(__dirname, 'postcss/fakeComponent2.postcss');
+  const cssFileName = path.join(__dirname, 'styles/fakeComponent2.postcss');
   saveFile({
     cssFileName,
     content: null

src/spec/postcss/fakeComponent.postcss renamed to src/spec/styles/fakeComponent.css

@@ -3305,7 +3305,7 @@ request-promise@^4.1.1:
     request-promise-core "1.1.1"
     stealthy-require "^1.0.0"
 
-[email protected]:
+[email protected], request@^2.74.0, request@^2.78.0:
   version "2.79.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.79.0.tgz#4dfe5bf6be8b8cdc37fcf93e04b65577722710de"
   dependencies:
@@ -3330,7 +3330,7 @@ [email protected]:
     tunnel-agent "~0.4.1"
     uuid "^3.0.0"
 
-request@^2.74.0, request@^2.78.0, request@^2.81.0:
+request@^2.81.0:
   version "2.81.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
   dependencies: