diff options
Diffstat (limited to 'viewer/src/services')
-rw-r--r-- | viewer/src/services/dragscrollclickfix.ts | 52 | ||||
-rw-r--r-- | viewer/src/services/indexfactory.ts | 143 | ||||
-rw-r--r-- | viewer/src/services/indexsearch.ts | 69 | ||||
-rw-r--r-- | viewer/src/services/ldzoom.ts | 134 | ||||
-rw-r--r-- | viewer/src/services/navigation.ts | 80 |
5 files changed, 478 insertions, 0 deletions
diff --git a/viewer/src/services/dragscrollclickfix.ts b/viewer/src/services/dragscrollclickfix.ts new file mode 100644 index 0000000..38eb106 --- /dev/null +++ b/viewer/src/services/dragscrollclickfix.ts | |||
@@ -0,0 +1,52 @@ | |||
1 | /* ldgallery - A static generator which turns a collection of tagged | ||
2 | -- pictures into a searchable web gallery. | ||
3 | -- | ||
4 | -- Copyright (C) 2019-2020 Guillaume FOUET | ||
5 | -- | ||
6 | -- This program is free software: you can redistribute it and/or modify | ||
7 | -- it under the terms of the GNU Affero General Public License as | ||
8 | -- published by the Free Software Foundation, either version 3 of the | ||
9 | -- License, or (at your option) any later version. | ||
10 | -- | ||
11 | -- This program is distributed in the hope that it will be useful, | ||
12 | -- but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
13 | -- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
14 | -- GNU Affero General Public License for more details. | ||
15 | -- | ||
16 | -- You should have received a copy of the GNU Affero General Public License | ||
17 | -- along with this program. If not, see <https://www.gnu.org/licenses/>. | ||
18 | */ | ||
19 | |||
20 | // https://github.com/donmbelembe/vue-dragscroll/issues/61 | ||
21 | export default class DragScrollClickFix { | ||
22 | |||
23 | readonly DRAG_DELAY = 250; // This is the minimal delay to consider a click to be a drag, mostly usefull for touch devices | ||
24 | |||
25 | timer: NodeJS.Timeout | null = null; | ||
26 | dragging: boolean = false; | ||
27 | |||
28 | onDragScrollStart() { | ||
29 | this.timer = setTimeout(() => this.onTimer(), this.DRAG_DELAY); | ||
30 | } | ||
31 | |||
32 | onTimer() { | ||
33 | this.timer = null; | ||
34 | this.dragging = true; | ||
35 | } | ||
36 | |||
37 | onDragScrollEnd() { | ||
38 | if (this.timer) { | ||
39 | clearTimeout(this.timer); | ||
40 | this.timer = null; | ||
41 | } | ||
42 | setTimeout(() => this.dragging = false); | ||
43 | } | ||
44 | |||
45 | onClickCapture(e: MouseEvent) { | ||
46 | if (this.dragging) { | ||
47 | this.dragging = false; | ||
48 | e.preventDefault(); | ||
49 | e.stopPropagation(); | ||
50 | } | ||
51 | } | ||
52 | } | ||
diff --git a/viewer/src/services/indexfactory.ts b/viewer/src/services/indexfactory.ts new file mode 100644 index 0000000..e402185 --- /dev/null +++ b/viewer/src/services/indexfactory.ts | |||
@@ -0,0 +1,143 @@ | |||
1 | /* ldgallery - A static generator which turns a collection of tagged | ||
2 | -- pictures into a searchable web gallery. | ||
3 | -- | ||
4 | -- Copyright (C) 2019-2020 Guillaume FOUET | ||
5 | -- | ||
6 | -- This program is free software: you can redistribute it and/or modify | ||
7 | -- it under the terms of the GNU Affero General Public License as | ||
8 | -- published by the Free Software Foundation, either version 3 of the | ||
9 | -- License, or (at your option) any later version. | ||
10 | -- | ||
11 | -- This program is distributed in the hope that it will be useful, | ||
12 | -- but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
13 | -- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
14 | -- GNU Affero General Public License for more details. | ||
15 | -- | ||
16 | -- You should have received a copy of the GNU Affero General Public License | ||
17 | -- along with this program. If not, see <https://www.gnu.org/licenses/>. | ||
18 | */ | ||
19 | |||
20 | import { Operation } from "@/@types/Operation"; | ||
21 | import Navigation from "@/services/navigation"; | ||
22 | |||
23 | export default class IndexFactory { | ||
24 | |||
25 | public static generateTags(root: Gallery.Item | null): Tag.Index { | ||
26 | let tagsIndex: Tag.Index = {}; | ||
27 | if (root) IndexFactory.pushTagsForItem(tagsIndex, root); | ||
28 | return tagsIndex; | ||
29 | } | ||
30 | |||
31 | // Pushes all tags for a root item (and its children) to the index | ||
32 | private static pushTagsForItem(tagsIndex: Tag.Index, item: Gallery.Item): void { | ||
33 | if (item.properties.type === "directory") { | ||
34 | item.properties.items.forEach(item => this.pushTagsForItem(tagsIndex, item)); | ||
35 | return; // Directories are not indexed | ||
36 | } | ||
37 | for (const tag of item.tags) { | ||
38 | const parts = tag.split(":"); | ||
39 | let lastPart: string | null = null; | ||
40 | for (const part of parts) { | ||
41 | tagsIndex[part] = IndexFactory.pushPartToIndex(tagsIndex[part], part, item, !Boolean(lastPart)); | ||
42 | if (lastPart) { | ||
43 | const children = tagsIndex[lastPart].children; | ||
44 | children[part] = IndexFactory.pushPartToIndex(children[part], part, item, false); | ||
45 | } | ||
46 | lastPart = part; | ||
47 | } | ||
48 | if (lastPart) tagsIndex[lastPart].childPart = true; | ||
49 | } | ||
50 | } | ||
51 | |||
52 | private static pushPartToIndex(index: Tag.Node, part: string, item: Gallery.Item, rootPart: boolean): Tag.Node { | ||
53 | if (!index) index = { tag: part, tagfiltered: Navigation.normalize(part), rootPart, childPart: !rootPart, items: [], children: {} }; | ||
54 | else if (rootPart) index.rootPart = true; | ||
55 | else index.childPart = true; | ||
56 | |||
57 | if (!index.items.includes(item)) index.items.push(item); | ||
58 | return index; | ||
59 | } | ||
60 | |||
61 | // --- | ||
62 | |||
63 | |||
64 | public static searchTags(tagsIndex: Tag.Index, filter: string, strict: boolean): Tag.Search[] { | ||
65 | let search: Tag.Search[] = []; | ||
66 | if (tagsIndex && filter) { | ||
67 | const operation = IndexFactory.extractOperation(filter); | ||
68 | if (operation !== Operation.INTERSECTION) filter = filter.slice(1); | ||
69 | if (filter.includes(":")) { | ||
70 | const filterParts = filter.split(":"); | ||
71 | search = this.searchTagsFromFilterWithCategory(tagsIndex, operation, filterParts[0], filterParts[1], strict); | ||
72 | } else { | ||
73 | search = this.searchTagsFromFilter(tagsIndex, operation, filter, strict); | ||
74 | } | ||
75 | } | ||
76 | return search; | ||
77 | } | ||
78 | |||
79 | private static extractOperation(filter: string): Operation { | ||
80 | const first = filter.slice(0, 1); | ||
81 | switch (first) { | ||
82 | case Operation.ADDITION: | ||
83 | case Operation.SUBSTRACTION: | ||
84 | return first; | ||
85 | default: | ||
86 | return Operation.INTERSECTION; | ||
87 | } | ||
88 | } | ||
89 | |||
90 | private static searchTagsFromFilterWithCategory( | ||
91 | tagsIndex: Tag.Index, | ||
92 | operation: Operation, | ||
93 | category: string, | ||
94 | disambiguation: string, | ||
95 | strict: boolean | ||
96 | ): Tag.Search[] { | ||
97 | category = Navigation.normalize(category); | ||
98 | disambiguation = Navigation.normalize(disambiguation); | ||
99 | return Object.values(tagsIndex) | ||
100 | .filter(node => IndexFactory.matches(node, category, strict)) | ||
101 | .flatMap(node => | ||
102 | Object.values(node.children) | ||
103 | .filter(child => IndexFactory.matches(child, disambiguation, strict)) | ||
104 | .map(child => ({ ...child, parent: node, operation, display: `${operation}${node.tag}:${child.tag}` })) | ||
105 | ); | ||
106 | } | ||
107 | |||
108 | private static searchTagsFromFilter(tagsIndex: Tag.Index, operation: Operation, filter: string, strict: boolean): Tag.Search[] { | ||
109 | filter = Navigation.normalize(filter); | ||
110 | return Object.values(tagsIndex) | ||
111 | .filter(node => IndexFactory.matches(node, filter, strict)) | ||
112 | .map(node => ({ ...node, operation, display: `${operation}${node.tag}` })); | ||
113 | } | ||
114 | |||
115 | private static matches(node: Tag.Node, filter: string, strict: boolean): boolean { | ||
116 | if (strict) return node.tagfiltered === filter; | ||
117 | return node.tagfiltered.includes(filter) | ||
118 | } | ||
119 | |||
120 | // --- | ||
121 | |||
122 | public static generateCategories(tagsIndex: Tag.Index, categoryTags?: Gallery.RawTag[]): Tag.Category[] { | ||
123 | if (!categoryTags?.length) return [{ tag: "", index: tagsIndex }]; | ||
124 | |||
125 | const tagsCategories: Tag.Category[] = []; | ||
126 | const tagsRemaining = new Map(Object.entries(tagsIndex)); | ||
127 | categoryTags | ||
128 | .map(tag => ({ tag, index: tagsIndex[tag]?.children })) | ||
129 | .filter(category => category.index && Object.keys(category.index).length) | ||
130 | .forEach(category => { | ||
131 | tagsCategories.push(category); | ||
132 | [category.tag, ...Object.values(category.index).map(node => node.tag)] | ||
133 | .filter(tag => IndexFactory.isDiscriminantTagOnly(categoryTags, tagsIndex[tag])) | ||
134 | .forEach(tag => tagsRemaining.delete(tag)); | ||
135 | }); | ||
136 | tagsCategories.push({ tag: "", index: Object.fromEntries(tagsRemaining) }); | ||
137 | return tagsCategories; | ||
138 | } | ||
139 | |||
140 | private static isDiscriminantTagOnly(tags: Gallery.RawTag[], node: Tag.Node): boolean { | ||
141 | return !tags.includes(node.tag) || !node.childPart; | ||
142 | } | ||
143 | } | ||
diff --git a/viewer/src/services/indexsearch.ts b/viewer/src/services/indexsearch.ts new file mode 100644 index 0000000..a55a829 --- /dev/null +++ b/viewer/src/services/indexsearch.ts | |||
@@ -0,0 +1,69 @@ | |||
1 | /* ldgallery - A static generator which turns a collection of tagged | ||
2 | -- pictures into a searchable web gallery. | ||
3 | -- | ||
4 | -- Copyright (C) 2019-2020 Guillaume FOUET | ||
5 | -- | ||
6 | -- This program is free software: you can redistribute it and/or modify | ||
7 | -- it under the terms of the GNU Affero General Public License as | ||
8 | -- published by the Free Software Foundation, either version 3 of the | ||
9 | -- License, or (at your option) any later version. | ||
10 | -- | ||
11 | -- This program is distributed in the hope that it will be useful, | ||
12 | -- but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
13 | -- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
14 | -- GNU Affero General Public License for more details. | ||
15 | -- | ||
16 | -- You should have received a copy of the GNU Affero General Public License | ||
17 | -- along with this program. If not, see <https://www.gnu.org/licenses/>. | ||
18 | */ | ||
19 | |||
20 | import { Operation } from "@/@types/Operation"; | ||
21 | |||
22 | export default class IndexSearch { | ||
23 | |||
24 | // Results of the search (by tags) | ||
25 | public static search(searchTags: Tag.Search[]): Gallery.Item[] { | ||
26 | const byOperation = this.extractTagsByOperation(searchTags); | ||
27 | const intersection = this.extractIntersection(byOperation); | ||