117 lines
4.6 KiB
TypeScript
117 lines
4.6 KiB
TypeScript
/*
|
|
* SPDX-License-Identifier: GPL-3.0
|
|
* Vesktop, a desktop app aiming to give you a snappier Discord Experience
|
|
* Copyright (c) 2023 Vendicated and Vencord contributors
|
|
*/
|
|
|
|
import { addContextMenuPatch } from "@vencord/types/api/ContextMenu";
|
|
import { findStoreLazy } from "@vencord/types/webpack";
|
|
import { FluxDispatcher, Menu, useMemo, useStateFromStores } from "@vencord/types/webpack/common";
|
|
import { useSettings } from "renderer/settings";
|
|
|
|
import { addPatch } from "./shared";
|
|
|
|
let word: string;
|
|
let corrections: string[];
|
|
|
|
const SpellCheckStore = findStoreLazy("SpellcheckStore");
|
|
|
|
// Make spellcheck suggestions work
|
|
addPatch({
|
|
patches: [
|
|
{
|
|
find: ".enableSpellCheck)",
|
|
replacement: {
|
|
// if (isDesktop) { DiscordNative.onSpellcheck(openMenu(props)) } else { e.preventDefault(); openMenu(props) }
|
|
match: /else (.{1,3})\.preventDefault\(\),(.{1,3}\(.{1,3}\))(?<=:(.{1,3})\.enableSpellCheck\).+?)/,
|
|
// ... else { $self.onSlateContext(() => openMenu(props)) }
|
|
replace: "else {$self.onSlateContext($1, $3?.enableSpellCheck, () => $2)}"
|
|
}
|
|
}
|
|
],
|
|
|
|
onSlateContext(e: MouseEvent, hasSpellcheck: boolean | undefined, openMenu: () => void) {
|
|
if (!hasSpellcheck) {
|
|
e.preventDefault();
|
|
openMenu();
|
|
return;
|
|
}
|
|
|
|
const cb = (w: string, c: string[]) => {
|
|
VesktopNative.spellcheck.offSpellcheckResult(cb);
|
|
word = w;
|
|
corrections = c;
|
|
openMenu();
|
|
};
|
|
VesktopNative.spellcheck.onSpellcheckResult(cb);
|
|
}
|
|
});
|
|
|
|
addContextMenuPatch("textarea-context", children => {
|
|
const spellCheckEnabled = useStateFromStores([SpellCheckStore], () => SpellCheckStore.isEnabled());
|
|
const hasCorrections = Boolean(word && corrections?.length);
|
|
|
|
const availableLanguages = useMemo(VesktopNative.spellcheck.getAvailableLanguages, []);
|
|
|
|
const settings = useSettings();
|
|
const spellCheckLanguages = (settings.spellCheckLanguages ??= [...new Set(navigator.languages)]);
|
|
|
|
const pasteSectionIndex = children.findIndex(c => c?.props?.children?.some(c => c?.props?.id === "paste"));
|
|
|
|
children.splice(
|
|
pasteSectionIndex === -1 ? children.length : pasteSectionIndex,
|
|
0,
|
|
<Menu.MenuGroup>
|
|
{hasCorrections && (
|
|
<>
|
|
{corrections.map(c => (
|
|
<Menu.MenuItem
|
|
id={"vcd-spellcheck-suggestion-" + c}
|
|
label={c}
|
|
action={() => VesktopNative.spellcheck.replaceMisspelling(c)}
|
|
/>
|
|
))}
|
|
<Menu.MenuSeparator />
|
|
<Menu.MenuItem
|
|
id="vcd-spellcheck-learn"
|
|
label={`Add ${word} to dictionary`}
|
|
action={() => VesktopNative.spellcheck.addToDictionary(word)}
|
|
/>
|
|
</>
|
|
)}
|
|
|
|
<Menu.MenuItem id="vcd-spellcheck-settings" label="Spellcheck Settings">
|
|
<Menu.MenuCheckboxItem
|
|
id="vcd-spellcheck-enabled"
|
|
label="Enable Spellcheck"
|
|
checked={spellCheckEnabled}
|
|
action={() => {
|
|
FluxDispatcher.dispatch({ type: "SPELLCHECK_TOGGLE" });
|
|
}}
|
|
/>
|
|
|
|
<Menu.MenuItem id="vcd-spellcheck-languages" label="Languages" disabled={!spellCheckEnabled}>
|
|
{availableLanguages.map(lang => {
|
|
const isEnabled = spellCheckLanguages.includes(lang);
|
|
return (
|
|
<Menu.MenuCheckboxItem
|
|
id={"vcd-spellcheck-lang-" + lang}
|
|
label={lang}
|
|
checked={isEnabled}
|
|
disabled={!isEnabled && spellCheckLanguages.length >= 5}
|
|
action={() => {
|
|
const newSpellCheckLanguages = spellCheckLanguages.filter(l => l !== lang);
|
|
if (newSpellCheckLanguages.length === spellCheckLanguages.length) {
|
|
newSpellCheckLanguages.push(lang);
|
|
}
|
|
|
|
settings.spellCheckLanguages = newSpellCheckLanguages;
|
|
}}
|
|
/>
|
|
);
|
|
})}
|
|
</Menu.MenuItem>
|
|
</Menu.MenuItem>
|
|
</Menu.MenuGroup>
|
|
);
|
|
});
|