Filters Redesign (#658)

* Add XCheckboxFilter * Fix madara typo * Change the branch name in config * Add typing for madara popoularnovels filters * Add preview and refactor PluginWrapper * Add preview HTML sanitize and other improv. * Web improvements + sanitizeHTML * Add dark mode * Add git run less to compile less * Add less.js to remove the need for compiling less
2023-12-27 15:49:46 +01:00
parent 9cdace3460
commit d7a76063bf
170 changed files with 94169 additions and 80752 deletions
@@ -0,0 +1,120 @@
+import { load as parseHTML } from "cheerio";
+import { fetchApi, fetchFile } from "@libs/fetch";
+import { FilterTypes, Filters } from "@libs/filterInputs";
+import { Plugin } from "@typings/plugin";
+
+class FTest implements Plugin.PluginBase {
+    id = "ftest";
+    name = "Filter Test";
+    icon = "src/en/noblemtl/icon.png";
+    site = "https://noblemtl.com/";
+    version = "1.0.0";
+    userAgent = "";
+    cookieString = "";
+    async popularNovels(
+        pageNo: number,
+        { filters }: Plugin.PopularNovelsOptions<typeof this.filters>
+    ): Promise<Plugin.NovelItem[]> {
+        return [];
+    }
+
+    async parseNovelAndChapters(novelUrl: string): Promise<Plugin.SourceNovel> {
+        return { url: "" };
+    }
+    async parseChapter(chapterUrl: string): Promise<string> {
+        return "Empty chapter";
+    }
+
+    async searchNovels(
+        searchTerm: string,
+        pageNo?: number | undefined
+    ): Promise<Plugin.NovelItem[]> {
+        return [];
+    }
+    async fetchImage(url: string): Promise<string | undefined> {
+        return await fetchFile(url);
+    }
+
+    filters = {
+        picker: {
+            type: FilterTypes.Picker,
+            label: "Picker",
+            options: [
+                { label: "A", value: "a" },
+                { label: "B", value: "b" },
+            ],
+            value: "a",
+        },
+        nd_picker: {
+            type: FilterTypes.Picker,
+            label: "ND_Picker",
+            options: [
+                { label: "A", value: "a" },
+                { label: "B", value: "b" },
+            ],
+            value: "b",
+        },
+        checkbox: {
+            type: FilterTypes.CheckboxGroup,
+            label: "Checkbox",
+            options: [
+                { label: "A", value: "a" },
+                { label: "B", value: "b" },
+            ],
+            value: [],
+        },
+        nd_checkbox: {
+            type: FilterTypes.CheckboxGroup,
+            label: "ND_Checkbox",
+            options: [
+                { label: "A", value: "a" },
+                { label: "B", value: "b" },
+            ],
+            value: ["a"],
+        },
+        switch: {
+            type: FilterTypes.Switch,
+            label: "Switch",
+            value: false,
+        },
+        nd_switch: {
+            type: FilterTypes.Switch,
+            label: "ND_Switch",
+            value: true,
+        },
+        text: {
+            type: FilterTypes.TextInput,
+            label: "Text",
+            value: "",
+        },
+        nd_text: {
+            type: FilterTypes.TextInput,
+            label: "ND_Text",
+            value: "some default value",
+        },
+        xcheckbox: {
+            type: FilterTypes.ExcludableCheckboxGroup,
+            label: "XCheckbox",
+            options: [
+                { label: "A", value: "a" },
+                { label: "C", value: "c" },
+                { label: "B", value: "b" },
+            ],
+            value: {},
+        },
+        nd_xcheckbox: {
+            type: FilterTypes.ExcludableCheckboxGroup,
+            label: "ND_XCheckbox",
+            options: [
+                { label: "A", value: "a" },
+                { label: "C", value: "c" },
+                { label: "B", value: "b" },
+            ],
+            value: { exclude: ["a"], include: ["b"] },
+        },
+    } satisfies Filters;
+}
+
+const Test = new FTest();
+
+export default new FTest();