Feature/#126 download md

apps/react-app/src/common-app/helpers/download-md-section.tsx

@@ -0,0 +1,11 @@
+export const download = (blob: Blob, filename: string) => {
+  const url = window.URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  document.body.appendChild(a);
+  a.style.display = 'none';
+  a.href = url;
+  a.download = filename;
+  a.click();
+  window.URL.revokeObjectURL(url);
+  a.remove();
+};

apps/react-app/src/common-app/helpers/index.ts

@@ -0,0 +1 @@
+export * from './download-md-section';

apps/react-app/src/pods/template-export/template-export.container.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import { exportManfredJSonToWordAndDownload, parseStringToManfredJSon } from '@lemoncode/manfred2word';
+import { exportManfredJSonToMarkdown } from '@lemoncode/manfred2md';
 import { DEFAULT_EXPORT_FILENAME } from '@/core';
+import { download } from '@/common-app/helpers';
 import { TemplateExport } from './template-export.component';
-import { exportManfredJSonToMarkdown } from '@lemoncode/manfred2md';
 
 export const TemplateExportContainer: React.FC = () => {
   const parseManfredJson = (text: string) => {
@@ -12,20 +13,25 @@ export const TemplateExportContainer: React.FC = () => {
 
   const onExportJsonToWord = async (text: string) => {
     try {
-      const manfredJsonContent = parseManfredJson(text);
-
+      const manfredJsonContent = parseStringToManfredJSon(text);
       await exportManfredJSonToWordAndDownload(DEFAULT_EXPORT_FILENAME, manfredJsonContent);
     } catch (error) {
       alert('Hay un error, no está utilizando el formato correcto');
       console.error(error);
     }
   };
 
-  const onExportJsonToMarkdown = (text: string) => {
-    const manfredJsonContent = parseManfredJson(text);
+  const onExportJsonToMarkdown = async (text: string) => {
+    try {
+      const manfredJsonContent = parseManfredJson(text);
+      const content = exportManfredJSonToMarkdown(manfredJsonContent);
+      const blob = new Blob([content], { type: 'text/markdown' });
 
-    // TODO Flavio: Integrate Download
-    console.log(exportManfredJSonToMarkdown(manfredJsonContent));
+      await download(blob, 'manfred.md');
+    } catch (error) {
+      console.error(error);
+      alert('Hay un error, no está utilizando el formato correcto');
+    }
   };
 
   return <TemplateExport onExportToWord={onExportJsonToWord} onExportToMarkdown={onExportJsonToMarkdown} />;

apps/react-app/src/pods/template-export/template-export.styles.ts

@@ -48,7 +48,7 @@ export const textarea = css`
   color: ${theme.palette.light[700]};
 `;
 
-export const buttonContainer = css `
+export const buttonContainer = css`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -70,4 +70,3 @@ export const buttonClass = css`
     width: 100%;
   }
 `;
-

packages/manfred2md/src/common/string-helpers.ts

@@ -1,2 +1 @@
-export const removeIndent = (str: string) => str.replace(/^\s+/gm, "");
-
+export const removeIndent = (str: string) => str.replace(/^\s+/gm, '');

packages/manfred2md/src/engine/json-parse.business.ts

@@ -1,4 +1,3 @@
-
 // TOD: move this to common library
 // TODO: Fix this right now is removing \n of the inner string fields
 export const removeInvalidChars = (json: string): string => {

packages/manfred2md/src/index.ts

@@ -1,3 +1 @@
 export * from './engine';
-
-