YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-12 01:10:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: add fuse to get tag suggestions

Browse Source
This commit is contained in:
Steven 2024-02-24 11:02:46 +08:00
parent 68468927dd
commit 222d04fb22
3 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/package.json
View File

@ -17,6 +17,7 @@
"axios": "^1.6.7",
"classnames": "^2.5.1",
"copy-to-clipboard": "^3.3.3",
"fuse.js": "^7.0.0",
"highlight.js": "^11.9.0",
"i18next": "^21.10.0",
"i18next-browser-languagedetector": "^7.2.0",

8
web/pnpm-lock.yaml generated
View File

@ -32,6 +32,9 @@ dependencies:
copy-to-clipboard:
specifier: ^3.3.3
version: 3.3.3
fuse.js:
specifier: ^7.0.0
version: 7.0.0
highlight.js:
specifier: ^11.9.0
version: 11.9.0
@ -3114,6 +3117,11 @@ packages:
resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
dev: true
/fuse.js@7.0.0:
resolution: {integrity: sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q==}
engines: {node: '>=10'}
dev: false
/gensync@1.0.0-beta.2:
resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
engines: {node: '>=6.9.0'}

25
web/src/components/MemoEditor/Editor/TagSuggestions.tsx
View File

@ -1,4 +1,5 @@
import classNames from "classnames";
import Fuse from "fuse.js";
import { useEffect, useRef, useState } from "react";
import getCaretCoordinates from "textarea-caret";
import OverflowTip from "@/components/kit/OverflowTip";
@ -35,27 +36,9 @@ const TagSuggestions = ({ editorRef, editorActions }: Props) => {
const suggestionsRef = useRef<string[]>([]);
suggestionsRef.current = (() => {
const input = getCurrentWord()[0].slice(1).toLowerCase();
const customMatches = (tag: string, input: string) => {
const tagLowerCase = tag.toLowerCase();
const inputLowerCase = input.toLowerCase();
let inputIndex = 0;
for (let i = 0; i < tagLowerCase.length; i++) {
if (tagLowerCase[i] === inputLowerCase[inputIndex]) {
inputIndex++;
if (inputIndex === inputLowerCase.length) {
return true;
}
}
}
return false;
};
const matchedTags = tagsRef.current.filter((tag) => customMatches(tag, input));
return matchedTags.slice(0, 5);
const search = getCurrentWord()[0].slice(1).toLowerCase();
const fuse = new Fuse(tagsRef.current);
return fuse.search(search).map((result) => result.item);
})();
const isVisibleRef = useRef(false);