GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-19 22:42:25 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix formatting and add name to CONTRIBUTORS

Browse source
This commit is contained in:
fcolona 2025-07-18 18:50:00 -03:00
parent e3e46764d7
commit d76ba13ceb
3 changed files with 58 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CONTRIBUTORS
View file

@ -234,6 +234,7 @@ Emmanuel Ferdman <https://github.com/emmanuel-ferdman>
Sunong2008 <https://github.com/Sunrongguo2008>
Marvin Kopf <marvinkopf@outlook.com>
Kevin Nakamura <grinkers@grinkers.net>
Felipe Colona <felipedev202@gmail.com>
********************

27
ts/lib/sveltelib/input-handler.ts
View file

@ -49,7 +49,7 @@ export interface InputHandlerAPI {
export function getMaxOffset(node: Node) {
if (node.nodeType === Node.TEXT_NODE) {
if(!node.textContent) return 0;
if (!node.textContent) { return 0; }
return node.textContent.length;
} else if (node.nodeType === Node.ELEMENT_NODE) {
return node.childNodes.length;
@ -57,26 +57,25 @@ export function getMaxOffset(node: Node) {
return 0;
}
function getCaretPosition(element: Element) {
const selection = getSelection(element)!;
const range = getRange(selection);
if(!range) return 0;
if (!range) { return 0; }
let startNode = range.startContainer;
let startOffset = range.startOffset;
if (!range.collapsed) {
if(selection.anchorNode) startNode = selection.anchorNode;
if (selection.anchorNode) { startNode = selection.anchorNode; }
startOffset = selection.anchorOffset;
}
if (startNode.nodeType == Node.TEXT_NODE) {
let counter = 0;
for (const node of element.childNodes) {
if(node === startNode) break;
if(node.textContent && node.nodeType == Node.TEXT_NODE) counter += node.textContent.length;
if(node.nodeName === "BR") counter++;
if (node === startNode) { break; }
if (node.textContent && node.nodeType == Node.TEXT_NODE) { counter += node.textContent.length; }
if (node.nodeName === "BR") { counter++; }
}
counter += startOffset;
return counter;
@ -84,8 +83,8 @@ function getCaretPosition(element: Element){
let counter = 0;
for (let i = 0; (i < startOffset) && (i < element.childNodes.length); i++) {
const node = element.childNodes[i];
if(node.textContent && node.nodeType == Node.TEXT_NODE) counter += node.textContent.length;
if(node.nodeName === "BR") counter++;
if (node.textContent && node.nodeType == Node.TEXT_NODE) { counter += node.textContent.length; }
if (node.nodeName === "BR") { counter++; }
}
return counter;
}
@ -107,11 +106,11 @@ function useInputHandler(): [InputHandlerAPI, SetupInputHandlerAction] {
const config = {
attributes: true,
childList: true,
subtree: true
subtree: true,
};
const observer = new MutationObserver(onMutation);
function onMutation(mutationsList: MutationRecord[], observer){
function onMutation(mutationsList: MutationRecord[]) {
const element = <Element> mutationsList[0].target;
undoManager.register(element.innerHTML, getMaxOffset(element));
}
@ -186,12 +185,10 @@ function useInputHandler(): [InputHandlerAPI, SetupInputHandlerAction] {
specialKey.dispatch({ event, action: "enter" });
} else if (event.code === "Tab") {
specialKey.dispatch({ event, action: "tab" });
}
else if((event.ctrlKey || event.metaKey) && event.key == "z"){
} else if ((event.ctrlKey || event.metaKey) && event.key == "z") {
event.preventDefault();
undoManager.undo(this);
}
else if((event.ctrlKey || event.metaKey) && event.key == "y"){
} else if ((event.ctrlKey || event.metaKey) && event.key == "y") {
event.preventDefault();
undoManager.redo(this);
}

52
ts/lib/sveltelib/undo-manager.ts
View file

@ -4,7 +4,7 @@ import { getMaxOffset } from "./input-handler";
type State = {
content: string;
position: number;
}
};
export class UndoManager {
private undoStack: State[] = [];
@ -14,33 +14,33 @@ export class UndoManager {
public register = this.debounce(this.pushToUndo, 500, (position: number) => this.transactionStart = position);
public clearRedoStack() {
if(this.isUpdating) return;
if (this.isUpdating) { return; }
this.redoStack = [];
}
public pushToUndo(content: string): void {
if(this.isUpdating) return;
if (this.undoStack.length > 0 && this.undoStack[this.undoStack.length-1].content === content) return;
if (this.isUpdating) { return; }
if (this.undoStack.length > 0 && this.undoStack[this.undoStack.length - 1].content === content) { return; }
const state = {content, position: this.transactionStart}
const state = { content, position: this.transactionStart };
this.undoStack.push(state);
}
private pushToRedo(content: string): void {
if (this.redoStack.length > 0 && this.redoStack[this.redoStack.length-1].content === content) return;
if (this.redoStack.length > 0 && this.redoStack[this.redoStack.length - 1].content === content) { return; }
const state = {content: content, position: this.transactionStart}
const state = { content: content, position: this.transactionStart };
this.redoStack.push(state);
}
public undo(element: Element): void {
this.isUpdating = true;
const undoedState = this.undoStack.pop();
if(undoedState) this.pushToRedo(undoedState.content);
if (undoedState) { this.pushToRedo(undoedState.content); }
let last: State;
if(this.undoStack.length <= 0) last = {content: "", position: 0};
else last = this.undoStack[this.undoStack.length-1];
if (this.undoStack.length <= 0) { last = { content: "", position: 0 }; }
else { last = this.undoStack[this.undoStack.length - 1]; }
element.innerHTML = last.content;
const selection = getSelection(element)!;
@ -56,7 +56,7 @@ export class UndoManager {
nodeOffset = counter;
break;
}
if(node.nodeType !== Node.TEXT_NODE) counter--;
if (node.nodeType !== Node.TEXT_NODE) { counter--; }
counter -= nodeLength;
}
if (!range) {
@ -64,27 +64,29 @@ export class UndoManager {
return;
}
if (!nodeFound) {
if(element.lastChild) range?.setStart(element.lastChild as Node, (element.lastChild?.textContent?.length || 0))
if (element.lastChild) {
range?.setStart(element.lastChild as Node, element.lastChild?.textContent?.length || 0);
}
range.collapse(true);
selection.removeAllRanges()
selection.removeAllRanges();
selection.addRange(range);
this.isUpdating = false;
return;
}
let finalOffset = Math.min(nodeOffset, nodeFound.textContent?.length || 0);
if(finalOffset > getMaxOffset(nodeFound)) finalOffset = getMaxOffset(nodeFound);
if (finalOffset > getMaxOffset(nodeFound)) { finalOffset = getMaxOffset(nodeFound); }
range.setStart(nodeFound, finalOffset);
range.collapse(true);
selection.removeAllRanges()
selection.removeAllRanges();
selection.addRange(range);
if(this.undoStack.length > 0) this.transactionStart = this.undoStack[this.undoStack.length-1].position;
if (this.undoStack.length > 0) { this.transactionStart = this.undoStack[this.undoStack.length - 1].position; }
this.isUpdating = false;
}
public redo(element: Element): void {
const redoedState = this.redoStack.pop();
if(!redoedState) return;
if (!redoedState) { return; }
this.transactionStart = redoedState.position;
this.pushToUndo(redoedState.content);
@ -104,7 +106,7 @@ export class UndoManager {
nodeOffset = counter;
break;
}
if(node.nodeName === "BR") counter--;
if (node.nodeName === "BR") { counter--; }
counter -= nodeLength;
}
if (!range) {
@ -112,21 +114,23 @@ export class UndoManager {
return;
}
if (!nodeFound) {
if(element.lastChild) range?.setStart(element.lastChild as Node, (element.lastChild?.textContent?.length || 0))
if (element.lastChild) {
range?.setStart(element.lastChild as Node, element.lastChild?.textContent?.length || 0);
}
range.collapse(true);
selection.removeAllRanges()
selection.removeAllRanges();
selection.addRange(range);
this.isUpdating = false;
return;
}
let finalOffset = Math.min(nodeOffset, nodeFound.textContent?.length || 0);
if(finalOffset > getMaxOffset(nodeFound)) finalOffset = getMaxOffset(nodeFound);
if (finalOffset > getMaxOffset(nodeFound)) { finalOffset = getMaxOffset(nodeFound); }
range.setStart(nodeFound, finalOffset);
range.collapse(true);
selection.removeAllRanges()
selection.removeAllRanges();
selection.addRange(range);
if(this.redoStack.length > 0) this.transactionStart = this.redoStack[this.redoStack.length-1].position;
if (this.redoStack.length > 0) { this.transactionStart = this.redoStack[this.redoStack.length - 1].position; }
this.isUpdating = false;
}
@ -135,7 +139,7 @@ export class UndoManager {
return (...args) => {
const isNewTransaction = timeout === undefined;
clearTimeout(timeout);
if(isNewTransaction) onTransactionStart.call(this, args[1])
if (isNewTransaction) { onTransactionStart.call(this, args[1]); }
timeout = setTimeout(() => {
func.call(this, args[0]);