From e616620030b9ea5ff67a9b4fee48b2817f8db923 Mon Sep 17 00:00:00 2001
From: Danielo Rodriguez <rdanielo@gmail.com>
Date: Thu, 30 May 2024 18:06:54 +0200
Subject: [PATCH] chore: better format

---
 src/views/components/TemplateBuilder.svelte | 10 +++++-----
 src/views/components/TemplateBuilder.ts     | 19 ++++++++++++-------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/views/components/TemplateBuilder.svelte b/src/views/components/TemplateBuilder.svelte
index ae936bc1..a84e762a 100644
--- a/src/views/components/TemplateBuilder.svelte
+++ b/src/views/components/TemplateBuilder.svelte
@@ -10,19 +10,19 @@
 </script>
 
 <div class="modal-form flex flex-col gap-2">
-    <div class="flex">
+    <div class="flex gap-2">
         <div class="flex gap-1 flex-col">
             <h3>Fields to exclude</h3>
             {#each $fields as field}
                 <div>
-                    <label
-                        >{field.name}
+                    <label class="flex gap-1">
                         <input
                             type="checkbox"
                             value={field.omit}
                             on:input={(v) =>
                                 model.setField(field.name, { omit: v.currentTarget.checked })}
                         />
+                        <span>{field.name}</span>
                     </label>
                 </div>
             {/each}
@@ -33,8 +33,7 @@
             {#each $fields as field}
                 {#if field.omit === false}
                     <div>
-                        <label
-                            >{field.name}
+                        <label class="flex gap-1">
                             <input
                                 type="checkbox"
                                 value={field.onFrontmatter}
@@ -43,6 +42,7 @@
                                         onFrontmatter: v.currentTarget.checked,
                                     })}
                             />
+                            <span>{field.name}</span>
                         </label>
                     </div>
                 {/if}
diff --git a/src/views/components/TemplateBuilder.ts b/src/views/components/TemplateBuilder.ts
index bbd4948b..2606402c 100644
--- a/src/views/components/TemplateBuilder.ts
+++ b/src/views/components/TemplateBuilder.ts
@@ -49,26 +49,31 @@ function compileOpenForm(formName: string, fieldsToOmit: string[], usesGlobal: b
     const args = `"${formName}"${omitOptions}`;
     console.log({ args });
     if (usesGlobal) {
-        return `const result = await MF.openForm(${args});`;
+        return [`const result = await MF.openForm(${args});`];
     }
     return `
     const modalForm = app.plugins.plugins.modalforms.api;
-    const result = await modalForm.openForm(${args});`;
+    const result = await modalForm.openForm(${args});`
+        .trim()
+        .split("\n")
+        .map((x) => x.trim());
 }
 
 function compileTemplaterTemplate(formName: string) {
     return (fields: Field[]) => {
         const fieldsToInclude = fields.filter((field): field is FieldOption => !field.omit);
         const fieldsToOmit = fields.filter((field): field is OmitedFieldOption => field.omit);
+        const openTheform = compileOpenForm(
+            formName,
+            fieldsToOmit.map((x) => x.name),
+        ).join("\n  ");
+        console.log(openTheform);
 
         return [
             `<% "---" %>`,
             `<%*`,
-            `${compileOpenForm(
-                formName,
-                fieldsToOmit.map((x) => x.name),
-            )}`,
-            ` ${compileFrontmatter(fieldsToInclude)} `,
+            `  ${openTheform}`,
+            `  ${compileFrontmatter(fieldsToInclude)}`,
             `-%>`,
             `<% "---" -%>`,
         ].join("\n");