snaerth
diff --git a/‎.eslintrc
Lines changed: 2 additions & 1 deletion b/‎.eslintrc
Lines changed: 2 additions & 1 deletion
diff --git a/‎.gitignore
Lines changed: 1 addition & 0 deletions b/‎.gitignore
Lines changed: 1 addition & 0 deletions
diff --git a/‎README.md
Lines changed: 58 additions & 22 deletions b/‎README.md
Lines changed: 58 additions & 22 deletions
diff --git a/‎bin/crcf-create.js
Lines changed: 2 additions & 0 deletions b/‎bin/crcf-create.js
Lines changed: 2 additions & 0 deletions
diff --git a/‎bin/crcf-publish-templates.js
Lines changed: 2 additions & 0 deletions b/‎bin/crcf-publish-templates.js
Lines changed: 2 additions & 0 deletions
diff --git a/‎bin/crcf.js
Lines changed: 10 additions & 1 deletion b/‎bin/crcf.js
Lines changed: 10 additions & 1 deletion
diff --git a/‎lib/config.js
Lines changed: 43 additions & 0 deletions b/‎lib/config.js
Lines changed: 43 additions & 0 deletions
@@ -1,3 +1,4 @@
 {
-  "extends": "airbnb"
+  "extends": "airbnb",
+  "env": {"node": true}
 }
@@ -3,3 +3,4 @@ node_modules
 package-lock.json
 .prettierrc
 .DS_Store
+.idea
@@ -32,7 +32,7 @@ _([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7
 $ npm install --save-dev create-react-component-folder
 ```
 
-## Creating single component
+## Creating a single component
 
 ```sh
 $ npx crcf myComponent
@@ -64,21 +64,21 @@ myComponent
 ├── index.js
 ├── myComponent.js
 ├── myComponent.css
-├── myComponent.test.js
+├── myComponent.test.handlebars
 ```
 
-### if story book is enable
+### With storybook enabled
 
 ```sh
 myComponent
 ├── index.js
 ├── myComponent.js
 ├── myComponent.css
-├── myComponent.test.js
+├── myComponent.test.handlebars
 ├── myComponent.stories.js
 ```
 
-## Set default config
+## Setting default config
 
 There is support for setting default config options, so you only have to set you desired config once. This makes creating your components even easier. All you have to do is follow one of these three options.
 
@@ -133,7 +133,11 @@ So now all you have to do is type **npx crcf componentName** and you will get al
   "proptypes",
   "stories",
   "nosemi",
-  "cssmodules",
+  "cssmodules"
+  "namedexports",
+  {
+    "output": "base/directory/to/place/created/components"
+  }
 ]
 ```
 
@@ -149,6 +153,37 @@ $ npx crcf --createindex
 <img src='https://github.com/snaerth/create-react-component-folder/blob/master/docs/index2.png?raw=true' width='600'/>
 </p>
 
+## Publishing templates
+
+If the project you are working on always needs components structured differently, we've got you covered.
+
+Publishing the templates allows you to have finer control over the generated components and content. Published templates use <handlebars>[https://handlebarsjs.com/] to generate the different components.
+
+```sh
+$ npx crcf publish-templates
+```
+
+The templates will be copied to a directory `.crcf/templates` relative to the directory you ran the script from.
+
+### Modifying templates
+
+Templates are always passed a number of variables to help you generate templates when certain flags / config options have been enabled.
+
+| Variable | Type | Description |
+|----------|------|-------------|
+| name | string | The generated name of the component |
+| typescript | boolean | `true` when `typescript` is enabled |
+| native | boolean | `true` when building react native components |
+| proptypes | boolean | `true` when `proptypes` is enabled |
+| export | boolean | `true` when `namedexports` is enabled |
+
+**Tests and stories** have extra variables (**NOT** available in functional or class component templates)
+
+| Variable | Type | Description |
+|----------|------|-------------|
+| nameLowercase | string | The generated name of the component in lowercase so it can be interpolated in sentences. |
+| uppercase | boolean | `true` when `uppercase` is enabled
+
 ## Options
 
 ```sh
@@ -158,22 +193,23 @@ $ npx crcf --help
 
   Options:
 
-    -V, --version     output the version number
-    --typescript      Creates Typescript component and files
-    --nocss           No css file
-    --notest          No test file
-    --cssmodules       Creates css/less/scss file with .module extensions. Example 
-    --reactnative     Creates React Native components
-    --createindex     Creates index.js file for multple component imports
-    -f, --functional  Creates React stateless functional component
-    -j, --jsx         Creates the component file with .jsx extension
-    -l, --less        Adds .less file to component
-    -s, --scss        Adds .scss file to component
-    -p, --proptypes   Adds prop-types to component
-    -u, --uppercase   Component files start on uppercase letter
-    -h, --help        output usage information
-    -sb, --stories    Add Storie file to component
-    -ns, --nosemi     No semicolons
+    -V, --version       output the version number
+    --typescript        Creates Typescript component and files
+    --nocss             No css file
+    --notest            No test file
+    --cssmodules        Creates css/less/scss file with .module extensions. Example 
+    --reactnative       Creates React Native components
+    --createindex       Creates index.js file for multple component imports
+    -f, --functional    Creates React stateless functional component
+    -j, --jsx           Creates the component file with .jsx extension
+    -l, --less          Adds .less file to component
+    -s, --scss          Adds .scss file to component
+    -p, --proptypes     Adds prop-types to component
+    -u, --uppercase     Component files start on uppercase letter
+    -h, --help          output usage information
+    -sb, --stories      Add Storie file to component
+    -ns, --nosemi       No semicolons
+    -x, --namedexports  Creates files using named exports
 ```
 
 ## Author
 
@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+require('../lib/index');
@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+require('../lib/publish');
@@ -1,3 +1,12 @@
 #!/usr/bin/env node
 
-require('../lib/index');
+const program = require('commander');
+
+try {
+  program.version('0.2.0')
+    .command('publish-templates', 'Publish template files to a project')
+    .command('create', 'Create a react component folder', { isDefault: true })
+    .parse(process.argv);
+} catch(error) {
+  logger.error('Invalid command', error);
+}
@@ -0,0 +1,43 @@
+const CONFIG_KEY = Symbol.for('crcf.config');
+const globalSymbols = Object.getOwnPropertySymbols(global);
+
+if (!globalSymbols.indexOf(CONFIG_KEY) > -1) {
+  global[CONFIG_KEY] = {
+    flags: [],
+    values: {},
+  };
+}
+
+const store = {};
+Object.defineProperty(store, 'flags', {
+  get: () => global[CONFIG_KEY].flags,
+  set: (flags) => { global[CONFIG_KEY].flags = flags; },
+});
+
+Object.defineProperty(store, 'values', {
+  get: () => global[CONFIG_KEY].values,
+  set: (values) => { global[CONFIG_KEY].values = values; },
+});
+
+Object.freeze(store);
+
+const config = {
+  mergeFlags: (flags = []) => { store.flags = [...store.flags, ...flags]; },
+  hasFlag: flag => store.flags.includes(flag),
+  getValue: (prop, def = null) => store.values[prop] || def,
+  setValue: (prop, value) => { config.mergeValues({ [prop]: value }); },
+  mergeValues: (values) => { store.values = { ...store.values, ...values }; },
+  mergeAll: (toMerge) => {
+    const mergeObject = { ...toMerge };
+    if (mergeObject.flags) {
+      config.mergeFlags(mergeObject.flags);
+      delete mergeObject.flags;
+    }
+
+    config.mergeValues(mergeObject);
+  },
+};
+
+Object.freeze(config);
+
+module.exports = config;
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
`1`	`1`	`{`
`2`		`- "extends": "airbnb"`
	`2`	`+ "extends": "airbnb",`
	`3`	`+ "env": {"node": true}`
`3`	`4`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+#!/usr/bin/env node`
	`2`	`+require('../lib/index');`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+#!/usr/bin/env node`
	`2`	`+require('../lib/publish');`