Merge pull request #3 from ramsunvtech/main

tech(base): add support for TSX, JSX fixes

README.md

@@ -1,2 +1,34 @@
 # Chef Component
-Create Components
+Create Component Skeleton in Lightning speed.
+
+### Below are useful commands.
+
+#### Create component from definition file.
+```
+chef-component --f definitions.txt
+chef-component --definitionFile=definitions.txt
+```
+
+#### Create component in TypeScript format
+```
+chef-component --f definitions.txt -e tsx
+chef-component --definitionFile=definitions.txt --extension=tsx
+```
+
+#### Create component in JSX format
+```
+chef-component --f definitions.txt -e jsx
+chef-component --definitionFile=definitions.txt --extension=jsx
+```
+
+#### Create component from existing location.
+```
+chef-component --f definitions.txt -l someDir/subDir1/subDir2
+chef-component --definitionFile=definitions.txt --location=someDir/subDir1/subDir2
+```
+
+#### Create component in same path
+```
+chef-component --f definitions.txt -l .
+chef-component --definitionFile=definitions.txt --location=.
+```

definitions.yml → definitions.txt

@@ -16,6 +16,6 @@ blocks/
     FooterLinks
     ProfileViewers
     RecommendedFeeds
-common/
-  Spinner
-    Loader
+  common/
+    Spinner
+      Loader

generator.js

@@ -47,7 +47,11 @@ const createComponentSet = (line) => {
       extension,
       name: componentName
     })
-    const componentIndexFileExtension = (FILE_EXTENSION === 'tsx') ? 'ts' : FILE_EXTENSION
+    const indexFileExtensionMap = {
+      'tsx': 'ts',
+      'jsx': 'js',
+    }
+    const componentIndexFileExtension = indexFileExtensionMap[FILE_EXTENSION] || FILE_EXTENSION
 
     createFile({
       pathToFile: `${getBasePath()}/${componentName}.${FILE_EXTENSION}`,

package.json

@@ -16,7 +16,7 @@
     "url": "git+https://github.com/ramsunvtech/chef-component.git"
   },
   "bin": {
-    "@chef-component": "./generator.js"
+    "chef-component": "./generator.js"
   },
   "keywords": [
     "react-components",