feat(converter): convert to multiple files

Author: nivekcode

src/bin/svg-to-ts.ts

@@ -3,6 +3,7 @@ import * as packgeJSON from '../../package.json';
 import commander from 'commander';
 import { Delimiter } from '../lib/generators/generators';
 import { convertToSingleFile } from '../lib/converters/single-file.converter';
+import { convertToMultipleFiles } from '../lib/converters/multiple-files.converter';
 
 export interface ConvertionOptions {
   delimiter: Delimiter;
@@ -62,4 +63,5 @@ const convertionOptions = {
   outputDirectory
 };
 
-convertToSingleFile(convertionOptions);
+// convertToSingleFile(convertionOptions);
+convertToMultipleFiles(convertionOptions);

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

@@ -0,0 +1,57 @@
+import chalk from 'chalk';
+import * as path from 'path';
+import { svgo } from '../svgo';
+
+import {
+  generateInterfaceDefinition,
+  generateSvgConstant,
+  generateTypeDefinition,
+  generateTypeName,
+  generateVariableName
+} from '../generators/generators';
+import { getFilePathsFromRegex } from '../regex-helpers';
+import { extractSvgContent, writeIconsFile } from '../file-helpers';
+import { ConvertionOptions } from '../../bin/svg-to-ts';
+
+const typesDelimitor = ' | ';
+
+export const convertToMultipleFiles = async (convertionOptions: ConvertionOptions): Promise<void> => {
+  const { typeName, prefix, delimiter, interfaceName, outputDirectory, srcFiles, fileName } = convertionOptions;
+  let svgConstants = '';
+  let types = generateTypeDefinition(typeName);
+
+  try {
+    const filePaths = await getFilePathsFromRegex(srcFiles);
+    for (let i = 0; i < filePaths.length; i++) {
+      const fileNameWithEnding = path.basename(filePaths[i]);
+      const [filenameWithoutEnding, extension] = fileNameWithEnding.split('.');
+
+      if (extension === 'svg') {
+        const rawSvg = await extractSvgContent(filePaths[i]);
+        const optimizedSvg = await svgo.optimize(rawSvg);
+        const variableName = generateVariableName(prefix, filenameWithoutEnding);
+        const typeName = generateTypeName(filenameWithoutEnding, delimiter);
+        const svgConstant = generateSvgConstant(variableName, interfaceName, typeName, optimizedSvg.data);
+
+        await writeIconsFile(outputDirectory, `${prefix}-${filenameWithoutEnding}.icon`, svgConstant);
+
+        svgConstants += svgConstant;
+        types += i === filePaths.length - 1 ? `'${typeName}';` : `'${typeName}'${typesDelimitor}`;
+      }
+    }
+
+    /*
+        if (svgConstants !== '') {
+            const fileContent = (svgConstants += types += generateInterfaceDefinition(interfaceName, typeName));
+            await writeIconsFile(outputDirectory, fileName, fileContent);
+            console.log(
+                chalk.blue.bold('svg-to-ts:'),
+                chalk.green('Icons file successfully generated under'),
+                chalk.green.underline(outputDirectory)
+            );
+        }
+         */
+  } catch (error) {
+    console.log(chalk.blue.bold('svg-to-ts:'), chalk.red('Something went wrong', error));
+  }
+};

src/lib/converters/single-file.converter.ts

@@ -16,7 +16,7 @@ import { ConvertionOptions } from '../../bin/svg-to-ts';
 const typesDelimitor = ' | ';
 
 export const convertToSingleFile = async (convertionOptions: ConvertionOptions): Promise<void> => {
-  const { typeName, prefix, delimiter, interfaceName, outputDirectory, srcFiles } = convertionOptions;
+  const { typeName, prefix, delimiter, interfaceName, outputDirectory, srcFiles, fileName } = convertionOptions;
   let svgConstants = '';
   let types = generateTypeDefinition(typeName);
 
@@ -40,7 +40,7 @@ export const convertToSingleFile = async (convertionOptions: ConvertionOptions):
 
     if (svgConstants !== '') {
       const fileContent = (svgConstants += types += generateInterfaceDefinition(interfaceName, typeName));
-      await writeIconsFile(convertionOptions, fileContent);
+      await writeIconsFile(outputDirectory, fileName, fileContent);
       console.log(
         chalk.blue.bold('svg-to-ts:'),
         chalk.green('Icons file successfully generated under'),

src/lib/file-helpers.ts

@@ -14,15 +14,12 @@ export const extractSvgContent = async (filePath: string): Promise<string> => {
   return fileContentRaw.replace(/\r?\n|\r/g, ' ');
 };
 
-export const writeIconsFile = async (convertionOptions: ConvertionOptions, fileContent: string): Promise<void> => {
+export const writeIconsFile = async (outputDirectory: string, fileName: string, fileContent: string): Promise<void> => {
   const formatedFileContent = formatContent(fileContent);
-  if (!fs.existsSync(convertionOptions.outputDirectory)) {
-    fs.mkdirSync(convertionOptions.outputDirectory);
+  if (!fs.existsSync(outputDirectory)) {
+    fs.mkdirSync(outputDirectory);
   }
-  await writeFile(
-    path.join(convertionOptions.outputDirectory, `${convertionOptions.fileName}.ts`),
-    formatedFileContent
-  );
+  await writeFile(path.join(outputDirectory, `${fileName}.ts`), formatedFileContent);
 };
 
 const formatContent = (fileContent: string) =>