feat: preview form from the editor

fixes #17

main.ts

@@ -21,7 +21,7 @@ const DEFAULT_SETTINGS: ModalFormSettings = {
 // Define functions and properties you want to make available to other plugins, or templater templates, etc
 interface PublicAPI {
 	exampleForm(): Promise<FormResult>;
-	openForm(name: string): Promise<FormResult>;
+	openForm(formReference: string | FormDefinition): Promise<FormResult>
 }
 // This is the plugin entrypoint
 export default class ModalFormPlugin extends Plugin {

src/views/EditFormView.ts

@@ -56,7 +56,10 @@ export class EditFormView extends ItemView {
 				},
 				onCancel: () => {
 					this.plugin.closeEditForm()
-				}
+				},
+				onPreview: (formDefinition) => {
+					this.plugin.api.openForm(formDefinition)
+				},
 			}
 		});
 	}

src/views/FormBuilder.svelte

@@ -22,6 +22,7 @@
 	export let onChange: () => void;
 	export let onSubmit: (formDefinition: FormDefinition) => void;
 	export let onCancel: () => void;
+	export let onPreview: (formDefinition: FormDefinition) => void;
 
 	$: isValid = isValidFormDefinition(definition);
 
@@ -83,6 +84,10 @@
 		if (!isValidFormDefinition(definition)) return;
 		onSubmit(definition);
 	};
+	const handlePreview = () => {
+		if (!isValidFormDefinition(definition)) return;
+		onPreview(definition);
+	};
 </script>
 
 <div class="flex column gap2 wrapper modal-form">
@@ -128,6 +133,11 @@
 				>
 				<button type="submit" disabled={!isValid}>Save and close</button
 				>
+				<button
+					type="button"
+					on:click={handlePreview}
+					disabled={!isValid}>Preview</button
+				>
 				<button type="button" class="mod-warning" on:click={onCancel}
 					>Cancel</button
 				>