Add support for separate TS and PHP typing paths in sync command (#3)

Author: 4746

README.md

@@ -63,26 +63,28 @@ EXAMPLES
   $ figex make:config
 ```
 
-_See code: [src/commands/make/config.ts](https://github.com/4746/figex/blob/v0.0.2/src/commands/make/config.ts)_
+_See code: [src/commands/make/config.ts](https://github.com/4746/figex/blob/v0.0.3/src/commands/make/config.ts)_
 
 ## `figex sync`
 
 Sync svg icons
 
 ```
 USAGE
-  $ figex sync [--fileId <value>] [--nameExportType <value>] [--page <value>] [--pathFileSprite <value>]
-    [--pathFileType <value>] [--phpNamespace <value>] [--phpUse <value>] [--showResultTable] [--silent] [--token
-    <value>]
+  $ figex sync [--fileId <value>] [--nameExportType <value>] [--pathFileTypeTS <value>] [--pathFileTypePHP
+    <value>] [--page <value>] [--pathFileSprite <value>] [--pathFileType <value>] [--phpNamespace <value>] [--phpUse
+    <value>] [--showResultTable] [--silent] [--token <value>]
 
 FLAGS
-  --fileId=<value>          Figma fileId or create env.FIGMA_FILE_ID
-  --nameExportType=<value>  Name enum .ts or .php
-  --page=<value>            ...
-  --pathFileSprite=<value>  Represents the path to a sprite svg file.
-  --pathFileType=<value>    Represents the file type of a given path.
-  --phpNamespace=<value>    The PHP namespace represents the namespace of a PHP enum file.
-  --phpUse=<value>          Extend enum via use OtherEnums
+  --fileId=<value>           Figma fileId or create env.FIGMA_FILE_ID
+  --nameExportType=<value>   Name enum .ts or .php
+  --page=<value>             ...
+  --pathFileSprite=<value>   Represents the path to a sprite svg file.
+  --pathFileType=<value>     Represents the file type of a given path.
+  --pathFileTypePHP=<value>  Name enum .php
+  --pathFileTypeTS=<value>   Name enum .ts
+  --phpNamespace=<value>     The PHP namespace represents the namespace of a PHP enum file.
+  --phpUse=<value>           Extend enum via use OtherEnums
   --showResultTable
   --silent
   --token=<value>
@@ -94,7 +96,7 @@ EXAMPLES
   $ figex sync --help
 ```
 
-_See code: [src/commands/sync.ts](https://github.com/4746/figex/blob/v0.0.2/src/commands/sync.ts)_
+_See code: [src/commands/sync.ts](https://github.com/4746/figex/blob/v0.0.3/src/commands/sync.ts)_
 <!-- commandsstop -->
 
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cli107/figex",
   "description": "Figma export svg",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "author": "Vadim",
   "keywords": [
     "figma-export",

src/commands/sync.ts

@@ -29,6 +29,8 @@ export default class Sync extends Command {
   static flags = {
     fileId: Flags.string({description: 'Figma fileId or create env.FIGMA_FILE_ID',  env: 'FIGMA_FILE_ID', requiredOrDefaulted: false}),
     nameExportType: Flags.string({description: 'Name enum .ts or .php', requiredOrDefaulted: false}),
+    pathFileTypeTS: Flags.string({description: 'Name enum .ts', requiredOrDefaulted: false}),
+    pathFileTypePHP: Flags.string({description: 'Name enum .php', requiredOrDefaulted: false}),
     page: Flags.string({description: '...', env: 'FIGMA_PAGE', requiredOrDefaulted: false}),
     pathFileSprite: Flags.string({description: 'Represents the path to a sprite svg file.', requiredOrDefaulted: false}),
     pathFileType: Flags.string({description: 'Represents the file type of a given path.', requiredOrDefaulted: false}),
@@ -42,6 +44,8 @@ export default class Sync extends Command {
   private conf: IFigmaDefaultConf;
   private fileId: string;
   private nameExportType: string;
+  private pathFileTypeTS: string;
+  private pathFileTypePHP: string;
   private page: string;
   private pathFileSprite: string;
   /**
@@ -54,16 +58,32 @@ export default class Sync extends Command {
   private silent: boolean;
 
   private taskCreatingTypingFile = async (ctx: TakeSvgCtxTask)=> {
-    const buildVersion = getBuildVersion(this.config.pjson.version);
-
-    await createSvgTypes({
-      buildVersion,
+    const p = {
+      pathFileType: null,
+      buildVersion: getBuildVersion(this.config.pjson.version),
       nameExportType: this.nameExportType,
       names: ctx.typeIcons.map(v => v.typeName).sort(),
-      pathFileType: this.pathFileType,
       phpNamespace: this.phpNamespace,
-      phpUse: this.phpUse
-    });
+      phpUse: this.phpUse,
+    }
+    if (this.pathFileType) {
+      await createSvgTypes({
+        ...p,
+        pathFileType: this.pathFileType,
+      });
+    }
+    if (this.pathFileTypeTS) {
+      await createSvgTypes({
+        ...p,
+        pathFileType: this.pathFileTypeTS,
+      });
+    }
+    if (this.pathFileTypePHP) {
+      await createSvgTypes({
+        ...p,
+        pathFileType: this.pathFileTypePHP,
+      });
+    }
   }
 
   private taskDownloadAllSvg = async (ctx: TakeSvgCtxTask)=> {
@@ -124,7 +144,7 @@ export default class Sync extends Command {
         title: 'Download all svg'
       },
       {
-        skip: (ctx) => !ctx?.typeIcons || !this.pathFileType,
+        skip: (ctx) => !ctx?.typeIcons || (!this.pathFileType && !this.pathFileTypeTS && !this.pathFileTypePHP),
         task: this.taskCreatingTypingFile,
         title: 'Creating a typing file'
       },
@@ -213,6 +233,14 @@ export default class Sync extends Command {
     if (this.pathFileType) {
       this.pathFileType = path.join(process.cwd(), this.pathFileType);
     }
+    this.pathFileTypeTS = flags?.pathFileTypeTS ?? this.conf.pathFileTypeTS;
+    if (this.pathFileTypeTS) {
+      this.pathFileTypeTS = path.join(process.cwd(), this.pathFileTypeTS);
+    }
+    this.pathFileTypePHP = flags?.pathFileTypePHP ?? this.conf.pathFileTypePHP;
+    if (this.pathFileTypeTS) {
+      this.pathFileTypePHP = path.join(process.cwd(), this.pathFileTypePHP);
+    }
 
     this.pathFileSprite = flags?.pathFileSprite ?? this.conf.pathFileSprite;
     if (this.pathFileSprite) {

src/lib/entities/conf.ts

@@ -17,6 +17,8 @@ export interface IFigmaDefaultConf {
    * The path to the typing file
    */
   pathFileType?: string;
+  pathFileTypeTS?: string,
+  pathFileTypePHP?: string,
   personalToken: string,
   /**
    * The PHP namespace represents the namespace of a PHP enum file.

src/lib/svg.ts

@@ -77,6 +77,10 @@ function createEnumPHP(
 export async function createSvgTypes({buildVersion, nameExportType, names, pathFileType, phpNamespace, phpUse}: {buildVersion: string, nameExportType: string, names: string[], pathFileType: string, phpNamespace: string, phpUse: string}) {
   const PlatformPath = path.parse(pathFileType);
 
+  if (!fs.existsSync(PlatformPath.dir)) {
+    await fs.promises.mkdir(PlatformPath.dir, {recursive: true})
+  }
+
   const stat = await fs.promises.stat(PlatformPath.dir);
   if (stat.isFile()) {
     throw new Error(`is not a folder: [${PlatformPath.dir}]`);
@@ -168,6 +172,11 @@ export async function createSvgSprite({pathFileSprite, typeIcons}: {pathFileSpri
 
   const svgSymbols = await Promise.all(promiseSymbols);
 
+  const PlatformPath = path.parse(pathFileSprite);
+  if (!fs.existsSync(PlatformPath.dir)) {
+    await fs.promises.mkdir(PlatformPath.dir, {recursive: true})
+  }
+
   return saveSvgSprite({
     contentSymbol: svgSymbols.filter(Boolean).sort((a, b) => {
       if (a[0] < b[0])