feat(input): new input folder suggester

fixes #148
danielo515 · Dec 8, 2023 · 2102619 · 2102619
1 parent e7949ad
commit 2102619
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/src/FormModal.ts b/src/FormModal.ts
@@ -18,6 +18,7 @@ import { A, E, pipe, throttle } from "@std";
 import { log_error, log_notice } from "./utils/Log";
 import { FieldValue, FormEngine, makeFormEngine } from "./store/formStore";
 import { Writable } from "svelte/store";
+import { FolderSuggest } from "./suggesters/suggestFolder";
 
 export type SubmitFn = (formResult: FormResult) => void;
 
@@ -154,6 +155,15 @@ export class FormModal extends Modal {
                         subToErrors(element.inputEl);
                         element.onChange(fieldStore.value.set);
                     });
+                case "folder":
+                    return fieldBase.addText((element) => {
+                        new FolderSuggest(
+                            element.inputEl,
+                            this.app,
+                        );
+                        subToErrors(element.inputEl);
+                        element.onChange(fieldStore.value.set);
+                    });
                 case "slider":
                     return fieldBase.addSlider((slider) => {
                         slider.setLimits(fieldInput.min, fieldInput.max, 1);

diff --git a/src/core/formDefinition.ts b/src/core/formDefinition.ts
@@ -37,6 +37,7 @@ export const FieldTypeReadable: Record<AllFieldTypes, string> = {
     textarea: "Text area",
     toggle: "Toggle",
     note: "Note",
+    folder: "Folder",
     slider: "Slider",
     select: "Select",
     dataview: "Dataview",

diff --git a/src/core/formDefinitionSchema.ts b/src/core/formDefinitionSchema.ts
@@ -64,6 +64,10 @@ export const InputNoteFromFolderSchema = object({
     type: literal("note"),
     folder: nonEmptyString("folder name"),
 });
+export const InputFolderSchema = object({
+    type: literal("folder"),
+    // TODO: allow exclude option
+});
 export const InputDataviewSourceSchema = object({
     type: literal("dataview"),
     query: nonEmptyString("dataview query"),
@@ -102,6 +106,7 @@ export const MultiselectSchema = union([
 export const InputTypeSchema = union([
     InputBasicSchema,
     InputNoteFromFolderSchema,
+    InputFolderSchema,
     InputSliderSchema,
     InputTagSchema,
     SelectFromNotesSchema,
@@ -123,6 +128,7 @@ export const InputTypeToParserMap: Record<
     textarea: parseC(InputBasicSchema),
     toggle: parseC(InputBasicSchema),
     note: parseC(InputNoteFromFolderSchema),
+    folder: parseC(InputFolderSchema),
     slider: parseC(InputSliderSchema),
     tag: parseC(InputTagSchema),
     select: trySchemas([SelectFromNotesSchema, InputSelectFixedSchema]),

diff --git a/src/exampleModalDefinition.ts b/src/exampleModalDefinition.ts
@@ -41,6 +41,11 @@ export const exampleModalDefinition: FormDefinition = {
             label: "Favorite book",
             description: "Pick one",
             input: { type: "note", folder: "Books" },
+        }, {
+            name: "folder",
+            label: "The destination folder",
+            description: "It offers auto-completion to existing folders",
+            input: { type: "folder" },
         },
         {
             name: "multi_example",