created a new strusture with his own mapper and other functions to work with his own colorTheme

Author: AbelDeTena

apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx

@@ -17,7 +17,7 @@ interface Props {
 }
 
 const DOWNLOAD_MESSAGE_TIMEOUT = 2500;
-const DESING_OPTIONS: TemplateCV[] = ['Sith Elegance', 'Galactic CleanTech'];
+const DESING_OPTIONS: TemplateCV[] = ['Sith Elegance', 'Galactic CleanTech', 'Jedi minimalism'];
 const LANGUAGE_OPTIONS: Language[] = ['es', 'en'];
 
 export const ExportConfig: React.FC<Props> = props => {

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/html-document-start/html-document-start.part.ts

@@ -1,6 +1,8 @@
 import ejs from 'ejs';
-import { HexColorJedi } from '@/model';
+import { HexColor, HexColorJedi } from '@/model';
 import htmlDocumentStartTemplate from './html-document-start.ejs?raw';
 
-export const generateHtmlDocumentStart = (color: HexColorJedi): string =>
+export const generateHtmlDocumentStart = (color: HexColor): string => ejs.render(htmlDocumentStartTemplate, { color });
+
+export const generateJediHtmlDocumentStart = (color: HexColorJedi): string =>
   ejs.render(htmlDocumentStartTemplate, { color });

packages/manfred2html/src/engine/cv-jedi-minimalism/html-parts/index.ts

@@ -0,0 +1,5 @@
+export * from './html-document-start';
+export * from './html-document-end';
+export * from './header-element-start';
+export * from './header-element-end';
+export * from './header-section';

packages/manfred2html/src/engine/cv-jedi-minimalism/index.ts

@@ -0,0 +1,27 @@
+import { ManfredAwesomicCV, JediSettings } from '@/model';
+import {
+  generateJediHtmlDocumentStart,
+  generateHtmlDocumentEnd,
+  generateHeaderElementStart,
+  generateHeaderElementEnd,
+  generateHeaderSection,
+} from './html-parts';
+
+export const exportManfredJSonToCVJediMinimalismHTML = (
+  manfredJsonContent: ManfredAwesomicCV,
+  JediSettings: JediSettings
+): string => {
+  const htmlDocumentStart = generateJediHtmlDocumentStart(JediSettings.colorTheme);
+  const htmlDocumentEnd = generateHtmlDocumentEnd();
+  const headerElementStart = generateHeaderElementStart();
+  const headerElementEnd = generateHeaderElementEnd();
+  const headerSection = generateHeaderSection(manfredJsonContent);
+
+  return `
+      ${htmlDocumentStart}        
+        ${headerElementStart}
+        ${headerSection}
+        ${headerElementEnd}        
+      ${htmlDocumentEnd}
+    `;
+};

packages/manfred2html/src/engine/index.ts

@@ -1,19 +1,23 @@
 import { ManfredAwesomicCV, ExportHTMLSettings } from '@/model';
-import { mapExportHTMLSettingsToSettings } from '@/mappers';
+import { mapExportHTMLSettingsToSettings, mapExportHTMLJediSettingsToSettings } from '@/mappers';
 import { exportManfredJSonToCVSithEleganceHTML } from './cv-sith-elegance';
 import { exportManfredJSonToCVGalacticCleanTechHTML } from './cv-galactic-cleantech';
+import { exportManfredJSonToCVJediMinimalismHTML } from './cv-jedi-minimalism';
 
 export const exportHTMLTemplate = (
   manfredJsonContent: ManfredAwesomicCV,
   exportHTMLSettings: ExportHTMLSettings
 ): string => {
   const settings = mapExportHTMLSettingsToSettings(exportHTMLSettings);
+  const Jedisettings = mapExportHTMLJediSettingsToSettings(exportHTMLSettings);
 
   switch (settings.template) {
     case 'Sith Elegance':
       return exportManfredJSonToCVSithEleganceHTML(manfredJsonContent, settings);
     case 'Galactic CleanTech':
       return exportManfredJSonToCVGalacticCleanTechHTML(manfredJsonContent, settings);
+    case 'Jedi minimalism':
+      return exportManfredJSonToCVJediMinimalismHTML(manfredJsonContent, Jedisettings);
     default:
       throw new Error('Template not found');
   }

packages/manfred2html/src/mappers/exportHTMLSettings.mappers.ts

@@ -1,4 +1,4 @@
-import { ColorTheme, ExportHTMLSettings, Settings, HexColor } from '@/model';
+import { ColorTheme, ExportHTMLSettings, Settings, HexColor, HexColorJedi, JediSettings } from '@/model';
 
 export const mapColorThemeToHex = (colorTheme: ColorTheme): HexColor => {
   switch (colorTheme) {
@@ -19,8 +19,33 @@ export const mapColorThemeToHex = (colorTheme: ColorTheme): HexColor => {
   }
 };
 
+export const mapJediColorThemeToHex = (colorTheme: ColorTheme): HexColorJedi => {
+  switch (colorTheme) {
+    case 'default':
+      return HexColorJedi.default;
+    case 'red':
+      return HexColorJedi.red;
+    case 'green':
+      return HexColorJedi.green;
+    case 'orange':
+      return HexColorJedi.orange;
+    case 'yellow':
+      return HexColorJedi.yellow;
+    case 'dark':
+      return HexColorJedi.dark;
+    default:
+      return HexColorJedi.default;
+  }
+};
+
 export const mapExportHTMLSettingsToSettings = (exportHTMLSettings: ExportHTMLSettings): Settings => ({
   colorTheme: mapColorThemeToHex(exportHTMLSettings.colorTheme),
   template: exportHTMLSettings.template || 'default',
   language: exportHTMLSettings.language || 'es',
 });
+
+export const mapExportHTMLJediSettingsToSettings = (exportHTMLSettings: ExportHTMLSettings): JediSettings => ({
+  colorTheme: mapJediColorThemeToHex(exportHTMLSettings.colorTheme),
+  template: exportHTMLSettings.template || 'default',
+  language: exportHTMLSettings.language || 'es',
+});

packages/manfred2html/src/model/export-html-settings.model.ts

@@ -40,6 +40,12 @@ export interface Settings {
   language: Language;
 }
 
+export interface JediSettings {
+  colorTheme: HexColorJedi;
+  template: TemplateCV;
+  language: Language;
+}
+
 export const createDefaultExportHTMLSettings = (): ExportHTMLSettings => ({
   colorTheme: 'default',
   template: 'Sith Elegance',