Filename input (#20)

plainlab · May 13, 2022 · 9242df0 · 9242df0
1 parent dea9c62
commit 9242df0
Show file tree

Hide file tree

Showing 7 changed files with 166 additions and 80 deletions.
diff --git a/package.json b/package.json
@@ -277,6 +277,7 @@
     "react-sizeme": "^3.0.1",
     "regenerator-runtime": "^0.13.5",
     "source-map-support": "^0.5.19",
+    "unidecode-plus": "^1.0.4",
     "xlsx": "^0.17.0"
   },
   "devEngines": {

diff --git a/src/components/merge/MailMerge.tsx b/src/components/merge/MailMerge.tsx
@@ -30,6 +30,7 @@ const MailMerge = ({ configPath }: MailMergeProps) => {
   const [outputPdf, setOutputPdf] = useState('');
   const [smtpValid, setSmtpValid] = useState(false);
   const [tab, setTab] = useState('local');
+  const [filename, setFilename] = useState('');
 
   const tagSettings = {
     pattern: /@/,
@@ -65,6 +66,10 @@ const MailMerge = ({ configPath }: MailMergeProps) => {
     setBody(e.detail.value);
   };
 
+  const handleChangeFilename = (e: any) => {
+    setFilename(e.detail.value);
+  };
+
   const handleChooseFile = () => {
     const name = 'PDF file';
     const extensions = ['pdf'];
@@ -76,20 +81,21 @@ const MailMerge = ({ configPath }: MailMergeProps) => {
 
   const handleSendEmail = async () => {
     setSending(true);
+    const conf = { ...pdfConfig, filename };
     await ipcRenderer.invoke(
       'send-email',
       fromEmail,
       emailIndex,
       subject,
       body,
-      pdfConfig
+      conf
     );
     setSending(false);
   };
 
   const handleSavePdf = async () => {
     setSaving(true);
-    const conf = { ...pdfConfig, combinePdf, outputPdf };
+    const conf = { ...pdfConfig, combinePdf, outputPdf, filename };
     await ipcRenderer.invoke('save-pdf', conf);
     setSaving(false);
   };
@@ -117,7 +123,7 @@ const MailMerge = ({ configPath }: MailMergeProps) => {
             <button
               type="button"
               onClick={() => setTab('local')}
-              className={`inline-flex outline-none appearance-none items-center px-4 py-4 text-sm font-medium text-center border-b-2 border-transparent rounded-t-lg group ${
+              className={`inline-flex outline-none appearance-none items-center px-4 pt-4 pb-2 text-sm font-medium text-center border-b-2 border-transparent rounded-t-lg group ${
                 tab === 'email'
                   ? 'text-gray-500 hover:text-gray-600 hover:border-gray-300'
                   : 'text-blue-600 border-blue-600'
@@ -131,7 +137,7 @@ const MailMerge = ({ configPath }: MailMergeProps) => {
             <button
               type="button"
               onClick={() => setTab('email')}
-              className={`inline-flex outline-none appearance-none items-center px-4 py-4 text-sm font-medium text-center border-b-2 rounded-t-lg active group ${
+              className={`inline-flex outline-none appearance-none items-center px-4 pt-4 pb-2 text-sm font-medium text-center border-b-2 rounded-t-lg active group ${
                 tab === 'local'
                   ? 'text-gray-500 hover:text-gray-600 hover:border-gray-300'
                   : 'text-blue-600 border-blue-600'
@@ -189,6 +195,29 @@ const MailMerge = ({ configPath }: MailMergeProps) => {
               </label>
             ) : null}
           </section>
+
+          {!combinePdf && (
+            <div className="flex flex-col space-y-2">
+              <section className="flex items-center justify-between space-y-2">
+                <p className="font-medium">Filename:</p>
+                <small className="text-xs text-right opacity-70">
+                  Type @ to insert column values into the filename
+                </small>
+              </section>
+              <Tags
+                placeholder="Filename"
+                InputMode="textarea"
+                onChange={handleChangeFilename}
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                settings={tagSettings}
+                whitelist={headers.map(({ index, label }) => ({
+                  id: index,
+                  value: label,
+                }))}
+              />
+            </div>
+          )}
         </section>
 
         <section className="flex flex-col items-start justify-center space-y-8">
@@ -308,6 +337,27 @@ const MailMerge = ({ configPath }: MailMergeProps) => {
               }))}
             />
           </div>
+
+          <div className="flex flex-col space-y-2">
+            <section className="flex items-center justify-between space-y-2">
+              <p className="font-medium">Filename:</p>
+              <small className="text-xs text-right opacity-70">
+                Type @ to insert column values into the filename
+              </small>
+            </section>
+            <Tags
+              placeholder="Filename"
+              InputMode="textarea"
+              onChange={handleChangeFilename}
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              settings={tagSettings}
+              whitelist={headers.map(({ index, label }) => ({
+                id: index,
+                value: label,
+              }))}
+            />
+          </div>
         </section>
 
         <section className="flex flex-col items-start justify-center mb-10 space-y-8">

diff --git a/src/components/pdf/PdfEditor.tsx b/src/components/pdf/PdfEditor.tsx
@@ -40,6 +40,7 @@ export interface RenderPdfState {
   canvasData?: Record<number, CanvasObjects>;
   formData?: Record<string, number>;
   configPath?: string;
+  filename?: string;
 }
 interface FieldType {
   type: string;

diff --git a/src/main.dev.ts b/src/main.dev.ts
@@ -218,28 +218,20 @@ const savePdf = async (params: RenderPdfState) => {
     return;
   }
 
-  const {
-    pdfFile,
-    excelFile,
-    combinePdf,
-    canvasData,
-    formData,
-    outputPdf,
-  } = params;
-
   try {
-    const created = await renderPdf(
-      outputPdf,
-      pdfFile,
-      excelFile,
-      getRowsLimit(),
-      combinePdf,
-      writeFile,
-      (page, total) =>
+    const created = await renderPdf({
+      output: params.outputPdf,
+      pdfFile: params.pdfFile,
+      excelFile: params.excelFile,
+      rowsLimit: getRowsLimit(),
+      combinePdf: params.combinePdf,
+      saveFileFunc: writeFile,
+      updateProgressFunc: (page, total) =>
         mailMergeWindow?.webContents.send('save-progress', { page, total }),
-      canvasData,
-      formData
-    );
+      canvasData: params.canvasData,
+      formData: params.formData,
+      filenameTemplate: params.filename,
+    });
 
     if (created > 0) {
       if (Notification.isSupported()) {
@@ -294,24 +286,22 @@ const previewPdf = async (params: RenderPdfState) => {
     return;
   }
 
-  const { pdfFile, excelFile, canvasData, formData } = params;
-
   try {
     const output = path.join(
       app.getPath('temp'),
-      `preview-${path.basename(pdfFile)}`
+      `preview-${path.basename(params.pdfFile)}`
     );
-    await renderPdf(
+    await renderPdf({
       output,
-      pdfFile,
-      excelFile,
-      1,
-      true,
-      writeFile,
-      () => {},
-      canvasData,
-      formData || {}
-    );
+      pdfFile: params.pdfFile,
+      excelFile: params.excelFile,
+      rowsLimit: 1,
+      combinePdf: true,
+      saveFileFunc: writeFile,
+      updateProgressFunc: () => {},
+      canvasData: params.canvasData,
+      formData: params.formData || {},
+    });
     openPdf(output);
   } catch (e) {
     dialog.showErrorBox('Preview failed', e.message);
@@ -369,7 +359,7 @@ const sendMailFunc = (
   emailIndex: number,
   subjectTemplate: string,
   bodyTemplate: string
-) => async (fileName: string, buffer: Uint8Array, rowData?: RowMap) => {
+) => async (filename: string, buffer: Uint8Array, rowData?: RowMap) => {
   const config = store.get('smtp-config');
 
   const transporter = nodemailer.createTransport({
@@ -397,7 +387,7 @@ const sendMailFunc = (
     html: text,
     attachments: [
       {
-        filename: path.basename(fileName),
+        filename: path.basename(filename),
         content: buffer,
       },
     ],
@@ -425,21 +415,29 @@ const sendPdfMail = async (
   bodyTemplate: string,
   params: RenderPdfState
 ) => {
-  const { pdfFile, excelFile, canvasData, formData } = params;
   try {
-    const output = path.join(app.getPath('temp'), path.basename(pdfFile));
+    const output = path.join(
+      app.getPath('temp'),
+      path.basename(params.pdfFile)
+    );
 
-    const created = await renderPdf(
+    const created = await renderPdf({
       output,
-      pdfFile,
-      excelFile,
-      getRowsLimit(),
-      false,
-      sendMailFunc(fromEmail, emailIndex, subjectTemplate, bodyTemplate),
-      emailProgressFunc(emailIndex),
-      canvasData,
-      formData
-    );
+      pdfFile: params.pdfFile,
+      excelFile: params.excelFile,
+      rowsLimit: getRowsLimit(),
+      combinePdf: false,
+      saveFileFunc: sendMailFunc(
+        fromEmail,
+        emailIndex,
+        subjectTemplate,
+        bodyTemplate
+      ),
+      updateProgressFunc: emailProgressFunc(emailIndex),
+      canvasData: params.canvasData,
+      formData: params.formData,
+      filenameTemplate: params.filename,
+    });
 
     if (created > 0) {
       if (Notification.isSupported()) {

diff --git a/src/package.json b/src/package.json
@@ -1,7 +1,7 @@
 {
   "name": "plainmerge",
   "productName": "PlainMerge",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Offline PDF mail merger",
   "main": "./main.prod.js",
   "author": {