feat(precompilation): add flag to precompile sources

Author: nivekcode

package.json

@@ -13,6 +13,7 @@
     "prebuild": "npm run copy:readme",
     "start": "ts-node ./src/bin/svg-to-ts.ts -s './inputfiles/*.svg'",
     "start:ofl": "ts-node ./src/bin/svg-to-ts.ts -s './inputfiles/*.svg' --optimizeForLazyLoading true",
+    "start:ofl:preCompile": "ts-node ./src/bin/svg-to-ts.ts -s './inputfiles/*.svg' --optimizeForLazyLoading true --preCompileSources true",
     "start:help": "ts-node ./src/bin/svg-to-ts.ts -h",
     "start:regex": "ts-node ./src/bin/svg-to-ts.ts -s './inputfilesRegex/**/*.svg'",
     "start:kebap": "ts-node ./src/bin/svg-to-ts.ts -s './inputfiles/*.svg' -d KEBAB",

src/bin/svg-to-ts.ts

@@ -39,6 +39,11 @@ commander
     'Name of the folder the icons will be generated to (only necessary when optimizeForLazyLoading option is enabled)',
     DEFAULT_OPTIONS.iconsFolderName
   )
+  .option(
+    '--preCompileSources <boolean>',
+    'Tells if the sources should be precompiled with the TypeScript compiler. If true, you will only end up with d.ts and js files',
+    DEFAULT_OPTIONS.preCompileSources
+  )
   .parse(process.argv);
 
 printLogo();

src/lib/compiler/typescript-compiler.ts

@@ -0,0 +1,13 @@
+import * as ts from 'typescript';
+
+export const compileSources = (filePaths: string[]): void => {
+  const compilerOptions = {
+    noEmitOnError: false,
+    noImplicitAny: true,
+    declaration: true,
+    moduleResolution: ts.ModuleResolutionKind.NodeJs,
+    target: ts.ScriptTarget.ESNext,
+    module: ts.ModuleKind.ESNext
+  };
+  ts.createProgram(filePaths, compilerOptions).emit();
+};

src/lib/converters/multiple-files.converter.ts

@@ -9,10 +9,11 @@ import {
   generateVariableName
 } from '../generators/code-snippet-generators';
 import { getFilePathsFromRegex } from '../helpers/regex-helpers';
-import { deleteFolder, extractSvgContent, writeFile } from '../helpers/file-helpers';
+import { deleteFiles, deleteFolder, extractSvgContent, writeFile } from '../helpers/file-helpers';
 import { info, separatorEnd, separatorStart, success } from '../helpers/log-helper';
 import { svgOptimizer } from '../helpers/svg-optimization';
 import { MultiFileConvertionOptions } from '../options/convertion-options';
+import { compileSources } from '../compiler/typescript-compiler';
 
 const typesDelimitor = ' | ';
 
@@ -25,7 +26,8 @@ export const convertToMultipleFiles = async (convertionOptions: MultiFileConvert
     outputDirectory,
     srcFiles,
     modelFileName,
-    iconsFolderName
+    iconsFolderName,
+    preCompileSources
   } = convertionOptions;
   let indexFileContent = '';
   let types = generateTypeDefinition(typeName);
@@ -57,7 +59,6 @@ export const convertToMultipleFiles = async (convertionOptions: MultiFileConvert
         indexFileContent += generateExportStatement(generatedFileName, iconsFolderName);
         await writeFile(`${outputDirectory}/${iconsFolderName}`, generatedFileName, svgConstant);
         info(`write file svg: ${outputDirectory}/${iconsFolderName}/${generatedFileName}.ts`);
-
         types += i === filePaths.length - 1 ? `'${typeName}';` : `'${typeName}'${typesDelimitor}`;
       }
     }
@@ -72,6 +73,17 @@ export const convertToMultipleFiles = async (convertionOptions: MultiFileConvert
       info(`model-file successfully generated under ${outputDirectory}/${iconsFolderName}/${modelFileName}.ts`);
     }
 
+    if (preCompileSources) {
+      const generatedTypeScriptFilePaths = await getFilePathsFromRegex([
+        `${outputDirectory}/${iconsFolderName}/*.ts`,
+        `${outputDirectory}/index.ts`
+      ]);
+      compileSources(generatedTypeScriptFilePaths);
+      info(`compile Typescript - generate JS and d.ts`);
+      deleteFiles(generatedTypeScriptFilePaths);
+      info(`delete Typescript files`);
+    }
+
     success('========================================================');
     success(`your files were successfully created under: ${outputDirectory}`);
     success(

src/lib/options/args-collector.ts

@@ -12,7 +12,8 @@ export const collectArgumentOptions = (): SingleFileConvertionOptions | MultiFil
     typeName,
     modelFileName,
     iconsFolderName,
-    optimizeForLazyLoading
+    optimizeForLazyLoading,
+    preCompileSources
   } = commander;
 
   // Because of commander adding default value to params
@@ -32,6 +33,7 @@ export const collectArgumentOptions = (): SingleFileConvertionOptions | MultiFil
     typeName,
     modelFileName,
     iconsFolderName,
-    optimizeForLazyLoading
+    optimizeForLazyLoading,
+    preCompileSources
   };
 };

src/lib/options/config-collector.ts

@@ -58,6 +58,10 @@ const mergeWithDefaults = (
       info(`No iconsFolderName provided, "${DEFAULT_OPTIONS.iconsFolderName}" will be used`);
     }
 
+    if (!(configOptions as MultiFileConvertionOptions).preCompileSources) {
+      (configOptions as MultiFileConvertionOptions).preCompileSources = DEFAULT_OPTIONS.preCompileSources;
+      info(`No preCompileSources flag provided, "${DEFAULT_OPTIONS.preCompileSources}" will be used`);
+    }
     return configOptions as MultiFileConvertionOptions;
   } else {
     if (!(configOptions as SingleFileConvertionOptions).fileName) {

src/lib/options/convertion-options.ts

@@ -20,6 +20,7 @@ export interface SingleFileConvertionOptions extends ConvertionOptions {
 export interface MultiFileConvertionOptions extends ConvertionOptions {
   modelFileName: string;
   iconsFolderName: string;
+  preCompileSources: boolean;
 }
 
 export const getOptions = (): MultiFileConvertionOptions | SingleFileConvertionOptions => {

src/lib/options/default-options.ts

@@ -13,5 +13,6 @@ export const DEFAULT_OPTIONS = {
   optimizeForLazyLoading: false,
   modelOutputPath: DEFAULT_OUTPUT_PATH,
   modelFileName: 'my-icons.model',
-  iconsFolderName: 'build'
+  iconsFolderName: 'build',
+  preCompileSources: false
 };