Added new join function for placeholders

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 1.4.1
+* Added join function for placeholders
+
 ## 1.4.0
 * Added multi-component creation feature
 

RA/Static/Scripts/React/components/Form/Item/Test123/Test123.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import styles from './Test123.module.css';
+
+type Test123Props = {};
+
+export const Test123: React.FC<Test123Props> = props => {
+    return <div />;
+};
+
+Test123.displayName = 'Test123';
+
+
+RA/Form/Item/Test123

RA/Static/Scripts/React/components/Form/Item/Test123/index.ts

@@ -0,0 +1 @@
+export * from './Test123'

README.md

@@ -160,10 +160,12 @@ type templatePlaceholdersData = {
     // Absolute path to your object (component) folder
     relativeObjectFolder: string;
     // Relative path to your object (component) folder
-    getRelativePath: (to: string) => string;
-    // Function to get relative path to any another path. For example "../../src/helpers"
     files: FilesList;
     // Object of files which is being created
+    getRelativePath: (to: string) => string;
+    // Function to get relative path to any another path. For example "../../src/helpers"
+    join: (...parts: string) => string;
+    // Function to get joined parts of path. For example join(project, destinationFolder, componentName)
 };
 ```
 

package.json

@@ -3,7 +3,7 @@
   "version": "1.4.0",
   "main": "index.ts",
   "repository": "[email protected]:coolassassin/reactcci.git",
-  "description": "React Create Component CLI. Create React component avoiding making manual boilerplate.",
+  "description": "React Create Component CLI which allows you to build your React application with your own file structure and make your components interactively without typing any paths. Setup your config once to build your app as quick as it possible (React, Preact, React Native, Vue, Node.JS)",
   "author": "coolassassin <[email protected]>",
   "license": "MIT",
   "preferGlobal": true,

src/generateFiles.ts

@@ -35,8 +35,9 @@ export const generateFiles = async () => {
             destinationFolder: processPath(resultPath),
             objectFolder,
             relativeObjectFolder: processPath(path.join(project, projectRootPath, resultPath, componentName)),
+            files: fileList,
             getRelativePath: (to: string) => getRelativePath(objectFolder, to),
-            files: fileList
+            join: (...parts: string[]) => processPath(path.join(...parts))
         };
 
         for (const [, options] of Object.entries(fileList)) {

src/types.ts

@@ -59,6 +59,7 @@ export type templatePlaceholdersData = {
     destinationFolder: string;
     objectFolder: string;
     relativeObjectFolder: string;
-    getRelativePath: (to: string) => string;
     files: FilesList;
+    getRelativePath: (to: string) => string;
+    join: (...parts: string[]) => string;
 };