478b3a53f1
* Move some AddCards specific code to NoteCreator.svelte * Add new strings for Toggling the Visual / HTML editor * Set LabelContainer vertical-align to text-top - Makes them look more centered * Remove appendInParentheses helper * Make all ts/*.html files include only module.js and module.css * Move any JS from .html to index files * Remove .html files from ts modules * Remove Python with Starlark implemenation * Remove reference to non-existing file * Remove deck-option.html as well * fix change-notetype screen (dae)
102 lines
2.8 KiB
TypeScript
102 lines
2.8 KiB
TypeScript
// Copyright: Ankitects Pty Ltd and contributors
|
|
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
|
|
import { on, preventDefault } from "../lib/events";
|
|
import { registerShortcut } from "../lib/shortcuts";
|
|
import { placeCaretAfterContent } from "../domlib/place-caret";
|
|
import { saveSelection, restoreSelection } from "../domlib/location";
|
|
import { isApplePlatform } from "../lib/platform";
|
|
import { bridgeCommand } from "../lib/bridgecommand";
|
|
import type { SelectionLocation } from "../domlib/location";
|
|
|
|
const locationEvents: (() => void)[] = [];
|
|
|
|
function flushLocation(): void {
|
|
let removeEvent: (() => void) | undefined;
|
|
|
|
while ((removeEvent = locationEvents.pop())) {
|
|
removeEvent();
|
|
}
|
|
}
|
|
|
|
function safePlaceCaretAfterContent(editable: HTMLElement): void {
|
|
/**
|
|
* Workaround: If you try to invoke an IME after calling
|
|
* `placeCaretAfterContent` on a cE element, the IME will immediately
|
|
* end and the input character will be duplicated
|
|
*/
|
|
placeCaretAfterContent(editable);
|
|
restoreSelection(editable, saveSelection(editable)!);
|
|
}
|
|
|
|
function onFocus(location: SelectionLocation | null): () => void {
|
|
return function (this: HTMLElement): void {
|
|
if (!location) {
|
|
safePlaceCaretAfterContent(this);
|
|
return;
|
|
}
|
|
|
|
try {
|
|
restoreSelection(this, location);
|
|
} catch {
|
|
safePlaceCaretAfterContent(this);
|
|
}
|
|
};
|
|
}
|
|
|
|
function onBlur(this: HTMLElement): void {
|
|
prepareFocusHandling(this, saveSelection(this));
|
|
}
|
|
|
|
function prepareFocusHandling(
|
|
editable: HTMLElement,
|
|
latestLocation: SelectionLocation | null = null,
|
|
): void {
|
|
const removeOnFocus = on(editable, "focus", onFocus(latestLocation), {
|
|
once: true,
|
|
});
|
|
|
|
locationEvents.push(
|
|
removeOnFocus,
|
|
on(editable, "pointerdown", removeOnFocus, { once: true }),
|
|
);
|
|
}
|
|
|
|
export function initialFocusHandling(editable: HTMLElement): void {
|
|
prepareFocusHandling(editable);
|
|
}
|
|
|
|
/* Must execute before DOMMirror */
|
|
export function saveLocation(editable: HTMLElement): { destroy(): void } {
|
|
const removeOnBlur = on(editable, "blur", onBlur);
|
|
|
|
return {
|
|
destroy() {
|
|
removeOnBlur();
|
|
flushLocation();
|
|
},
|
|
};
|
|
}
|
|
|
|
if (isApplePlatform()) {
|
|
registerShortcut(() => bridgeCommand("paste"), "Control+Shift+V");
|
|
}
|
|
|
|
export function preventBuiltinContentEditableShortcuts(editable: HTMLElement): void {
|
|
for (const keyCombination of ["Control+B", "Control+U", "Control+I", "Control+R"]) {
|
|
registerShortcut(preventDefault, keyCombination, editable);
|
|
}
|
|
}
|
|
|
|
/** API */
|
|
|
|
export interface ContentEditableAPI {
|
|
flushLocation(): void;
|
|
}
|
|
|
|
const contentEditableApi: ContentEditableAPI = {
|
|
flushLocation,
|
|
};
|
|
|
|
export default contentEditableApi;
|