feat: ability to open template builder form UI

danielo515 · May 30, 2024 · c6663ff · c6663ff
1 parent e3e3249
commit c6663ff
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 12 deletions.
diff --git a/src/views/ManageForms.svelte b/src/views/ManageForms.svelte
@@ -1,16 +1,17 @@
 <script lang="ts">
+    import * as Separated from "fp-ts/Separated";
     import { FormDefinition } from "src/core/formDefinition";
-    import KeyValue from "./components/KeyValue.svelte";
-    import Button from "./components/Button.svelte";
     import { MigrationError } from "src/core/formDefinitionSchema";
-    import * as Separated from "fp-ts/Separated";
     import { Readable } from "svelte/store";
+    import Button from "./components/Button.svelte";
+    import KeyValue from "./components/KeyValue.svelte";
 
     export let createNewForm: () => void;
     export let deleteForm: (formName: string) => void;
     export let duplicateForm: (formName: string) => void;
     export let editForm: (formName: string) => void;
     export let copyFormToClipboard: (form: FormDefinition) => void;
+    export let openInTemplateBuilder: (form: FormDefinition) => void;
     export let openImportFormModal: () => void;
 
     export let forms: Readable<FormDefinition[]>;
@@ -34,6 +35,10 @@
         console.log(`Copying ${form.name}`);
         copyFormToClipboard(form);
     }
+    function handleOpenInTemplateBuilder(form: FormDefinition) {
+        console.log(`Opening ${form.name} in template builder`);
+        openInTemplateBuilder(form);
+    }
 </script>
 
 <div class="header">
@@ -62,8 +67,8 @@
                                 >{Array.isArray(value)
                                     ? value.length
                                     : typeof value === "object"
-                                      ? !!value
-                                      : value}</span
+                                    ? !!value
+                                    : value}</span
                             >
                         </KeyValue>
                     {/if}
@@ -92,6 +97,9 @@
                 <button on:click={() => handleDuplicateForm(form)}>
                     <span>Duplicate</span>
                 </button>
+                <button on:click={() => handleOpenInTemplateBuilder(form)}>
+                    <span>Open in template editor</span>
+                </button>
                 <Button
                     tooltip={`Copy ${form.name} to clipboard`}
                     icon="clipboard-copy"

diff --git a/src/views/ManageFormsView.ts b/src/views/ManageFormsView.ts
@@ -1,8 +1,8 @@
-import { FormDefinition } from "src/core/formDefinition";
-import ManageForms from "./ManageForms.svelte";
-import ModalFormPlugin from "../main";
 import { ItemView, Notice, WorkspaceLeaf } from "obsidian";
+import { FormDefinition } from "src/core/formDefinition";
 import { formsStore, invalidFormsStore, settingsStore } from "src/store/store";
+import ModalFormPlugin from "../main";
+import ManageForms from "./ManageForms.svelte";
 
 export const MANAGE_FORMS_VIEW = "modal-form-manage-forms-view";
 
@@ -56,6 +56,9 @@ export class ManageFormsView extends ItemView {
                 openImportFormModal: () => {
                     this.plugin.openImportFormModal();
                 },
+                openInTemplateBuilder: (formDefinition: FormDefinition) => {
+                    this.plugin.openTemplateBuilder({ formDefinition });
+                },
             },
         });
     }

diff --git a/src/views/components/TemplateBuilder.ts b/src/views/components/TemplateBuilder.ts
@@ -34,9 +34,9 @@ function compileFrontmatter(fields: FieldOption[]) {
         return "";
     }
     if (frontmatterFields.length === fields.length) {
-        return `tR + = result.asFrontmatterString();`;
+        return `tR += result.asFrontmatterString();`;
     }
-    return `tR + = result.asFrontmatterString({ pick: ${JSON.stringify(
+    return `tR += result.asFrontmatterString({ pick: ${JSON.stringify(
         frontmatterFields,
         null,
         16,
@@ -69,8 +69,8 @@ function compileTemplaterTemplate(formName: string) {
                 fieldsToOmit.map((x) => x.name),
             )}`,
             ` ${compileFrontmatter(fieldsToInclude)} `,
-            `%>`,
-            `<% "---" %>`,
+            `-%>`,
+            `<% "---" -%>`,
         ].join("\n");
     };
 }