Merge branch 'release/0.2.0'

Author: ezavile

README.md

@@ -26,9 +26,10 @@ What is this? For example, you have the following CSS file:
    color: red;
 }
 ```
-And the plugin will give you a TypeScript file like this:
 
-**componentName.ts**
+And the plugin will give you a TypeScript file in the same location where the CSS file is. This file generated has almost the same name, only it's added "Style" at the end of the original name of your CSS file, example:
+
+**componentNameStyle.ts**
 ```javascript
 export const componentNameStyle = {
    componentName: 'ComponentName',
@@ -41,7 +42,7 @@ So, you can import the TypeScript file
 **Note: you have to import first the componentName.css**
 ```javascript
 import './componentName.css';
-import { componentNameStyle } from './componentName';
+import { componentNameStyle } from './componentNameStyle';
 
 const element = document.createElement('div');
 element.className = componentNameStyle.componentName;
@@ -82,7 +83,7 @@ This will build scripts, run tests and generate a code coverage report. Anything
 npm test
 ```
 ## Example
-Take a look a this [repo]. Here you could see the plugin in action with webpack2 and react with TypeScript and PostCSS.
+Take a look a this [repo]. Here you could see the plugin in action with webpack 2 and React with TypeScript and PostCSS.
 
 See [PostCSS] docs for examples for your environment.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-typescript-css",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "PostCSS plugin to create a typescript file by each CSS file",
   "main": "dist/postcss-typescript-css",
   "scripts": {

src/saveFile.ts

@@ -10,7 +10,7 @@ const saveFile = (file: PostcssTypescriptCss.Options) => {
       const dirname = path.dirname(file.cssFileName);
       const extension = path.extname(file.cssFileName);
       const filename = path.basename(file.cssFileName, extension);
-      writeFileSync(`${dirname}/${filename}.ts`, build(file));
+      writeFileSync(`${dirname}/${filename}Style.ts`, build(file));
       resolve(true);
     } catch (err) {
       reject(err.toString());

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, 'styles/fakeComponentModules.ts'), 'utf8');
+      fakeComponentTS = readFileSync(path.join(__dirname, 'styles/fakeComponentModulesStyle.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, 'styles/fakeComponent.ts'), 'utf8');
+      fakeComponentTS = readFileSync(path.join(__dirname, 'styles/fakeComponentStyle.ts'), 'utf8');
       t.true(fakeComponentTS.includes('fakeComponentStyle'));
       t.true(fakeComponentTS.includes('fakeComponent:'));
       t.true(fakeComponentTS.includes('fakeComponentDescendentName:'));

src/spec/saveFile.spec.ts

@@ -9,9 +9,9 @@ test('should create a new ts file', async (t) => {
     cssFileName,
     content: ['.FakeComponent2', '.FakeComponent2-descendentName', '.FakeComponent2--modifierName']
   }), true);
-  const tsFile = path.join(__dirname, 'styles/fakeComponent2.ts');
+  const tsFile = path.join(__dirname, 'styles/fakeComponent2Style.ts');
   const tsFileName = path.basename(tsFile, '.ts');
-  t.is(tsFileName, 'fakeComponent2');
+  t.is(tsFileName, 'fakeComponent2Style');
 });
 
 test('should create a new ts file with transformed classes', async (t) => {