massivebox/syspell
massivebox/syspell
1
0
Fork 0
generated from mirrors/plugin-sample-vite-svelte
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

Smarter document loading
All checks were successful
Build on Push and create Release on Tag / build (push) Successful in 1m5s
Details

Browse source
This commit is contained in:
MassiveBox 2025-10-10 11:25:34 +02:00
parent 095e2a2bb9
commit 631cfd14bf
Signed by: massivebox
GPG key ID: 9B74D3A59181947D
6 changed files with 155 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/protyleHelpers.ts
View file

@ -1,65 +0,0 @@
import {getBlockAttrs} from "@/api";
import SpellCheckPlugin from "@/index";
export class ProtyleHelpers {
// We shouldn't use JavaScript elements to get and set data in blocks, but the kernel API is noticeably too slow for this.
// We must try to keep the dependency to the HTML to a minimum.
// doesn't use kernel API, so it's faster
public static fastGetBlockElement(blockID: string): Element {
const wrapper = Array.from(
document.querySelectorAll(`div[data-node-id="${blockID}"]`)
).find(el =>
!el.closest('.protyle-wysiwyg__embed') // true = not inside that class
);
return wrapper?.querySelector(':scope > [contenteditable="true"]') ?? null;
}
public static fastGetBlockHTML(blockID: string): string {
return this.fastGetBlockElement(blockID).innerHTML
}
public static fastGetBlockText(blockID: string): string {
return this.fastGetBlockElement(blockID)?.textContent
}
public static fastGetTitleElement(docID: string) {
const container = document.querySelector(`div.protyle-title.protyle-wysiwyg--attr[data-node-id="${docID}"]`);
if (!container) return null;
return container.querySelector('div.protyle-title__input[contenteditable="true"]');
}
public static fastGetOverlayElement(blockID: string): Element {
return document.querySelector(`div.underline-overlay[for-block-id="${blockID}"]`)
}
// given an element such as a span inside a block, return its blockID
public static getNodeId(el: Element) {
let i = 0;
while (el && i < 50) {
if (el.hasAttribute('data-node-id')) {
return el.getAttribute('data-node-id');
}
el = el.parentElement;
i++;
}
return null;
}
public static async getDocumentSettings(docID: string, enabledByDefault: boolean, defaultLanguage: string): Promise<{enabled: boolean, language: string} | null> {
const attrs = await getBlockAttrs(docID)
if(attrs == null) { return null }
return {
enabled: (SpellCheckPlugin.ENABLED_ATTR in attrs) ? attrs[SpellCheckPlugin.ENABLED_ATTR] == 'true' : enabledByDefault,
language: (SpellCheckPlugin.LANGUAGE_ATTR in attrs) ? attrs[SpellCheckPlugin.LANGUAGE_ATTR] : defaultLanguage
}
}
public static isProtyleReady(docID: string): boolean {
const protyleTitleContainer = document.querySelector(`div[class="protyle-title protyle-wysiwyg--attr"]`)
return protyleTitleContainer.getAttribute('data-node-id') == docID
}
}