@formulaxjs/ckeditor5 0.2.2 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -0
- package/README.zh-CN.md +247 -233
- package/dist/index.cjs +87 -71
- package/dist/index.cjs.map +1 -1
- package/dist/index.global.js +36321 -35829
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +82 -63
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
DEFAULT_FORMULA_ATTRIBUTE as DEFAULT_FORMULA_ATTRIBUTE2,
|
|
4
4
|
DEFAULT_FORMULA_CLASS as DEFAULT_FORMULA_CLASS2,
|
|
5
5
|
FORMULA_FLAG_ATTRIBUTE as FORMULA_FLAG_ATTRIBUTE2
|
|
6
|
-
} from "@formulaxjs/
|
|
6
|
+
} from "@formulaxjs/renderer";
|
|
7
7
|
|
|
8
8
|
// src/plugin.ts
|
|
9
9
|
import {
|
|
@@ -19,18 +19,26 @@ import {
|
|
|
19
19
|
DEFAULT_FORMULA_CLASS,
|
|
20
20
|
FORMULA_FLAG_ATTRIBUTE,
|
|
21
21
|
createFormulaMarkup,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
} from "@formulaxjs/
|
|
22
|
+
ensureFormulaXBaseStyles
|
|
23
|
+
} from "@formulaxjs/renderer";
|
|
24
|
+
import { createKityFormulaRenderer } from "@formulaxjs/renderer-kity";
|
|
25
|
+
import { ensureFormulaXModalStyles as ensureFormulaXModalStyles2, scheduleFormulaXEditorPreload } from "@formulaxjs/editor";
|
|
25
26
|
|
|
26
27
|
// src/modal.ts
|
|
27
28
|
import {
|
|
29
|
+
clearFormulaXPerfMarks,
|
|
28
30
|
ensureFormulaXModalStyles,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
mountFormulaXEditor
|
|
31
|
+
markFormulaXPerf,
|
|
32
|
+
measureFormulaXPerf,
|
|
33
|
+
mountFormulaXEditor,
|
|
34
|
+
recordFormulaXPerfPoint,
|
|
35
|
+
renderFormulaXEditorLoadingState,
|
|
36
|
+
waitForFormulaXAnimationFrame
|
|
32
37
|
} from "@formulaxjs/editor";
|
|
38
|
+
import { escapeAttribute, escapeHtml } from "@formulaxjs/renderer";
|
|
33
39
|
function openFormulaXModal(input) {
|
|
40
|
+
recordFormulaXPerfPoint("fx:modal:open:start");
|
|
41
|
+
const modalOpenStart = markFormulaXPerf("fx:modal:open:start:scope");
|
|
34
42
|
ensureFormulaXModalStyles(document);
|
|
35
43
|
const root = document.createElement("div");
|
|
36
44
|
root.className = "fx-formula-modal-root";
|
|
@@ -54,26 +62,54 @@ function openFormulaXModal(input) {
|
|
|
54
62
|
`;
|
|
55
63
|
document.body.appendChild(root);
|
|
56
64
|
document.body.classList.add("fx-formula-modal-open");
|
|
65
|
+
const modalDomReadyMark = markFormulaXPerf("fx:modal:dom-ready");
|
|
66
|
+
measureFormulaXPerf("fx:modal:dom-ready", modalOpenStart, modalDomReadyMark);
|
|
67
|
+
clearFormulaXPerfMarks(modalDomReadyMark);
|
|
57
68
|
const host = root.querySelector(".fx-formula-editor-host");
|
|
58
69
|
if (!host) {
|
|
59
70
|
root.remove();
|
|
71
|
+
clearFormulaXPerfMarks(modalOpenStart);
|
|
60
72
|
return Promise.reject(new Error("[FormulaX] CKEditor 5 modal host not found."));
|
|
61
73
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
74
|
+
renderFormulaXEditorLoadingState(host);
|
|
75
|
+
let closed = false;
|
|
76
|
+
let mounted = null;
|
|
77
|
+
const mountedPromise = waitForFormulaXAnimationFrame().then(() => {
|
|
78
|
+
if (closed) {
|
|
79
|
+
clearFormulaXPerfMarks(modalOpenStart);
|
|
80
|
+
return null;
|
|
69
81
|
}
|
|
82
|
+
const mountStartMark = markFormulaXPerf("fx:modal:editor-mount-start");
|
|
83
|
+
measureFormulaXPerf("fx:modal:editor-mount-start", modalOpenStart, mountStartMark);
|
|
84
|
+
clearFormulaXPerfMarks(mountStartMark);
|
|
85
|
+
const nextMounted = mountFormulaXEditor(host, {
|
|
86
|
+
initialLatex: input.initialLatex,
|
|
87
|
+
height: input.options.editor.height,
|
|
88
|
+
autofocus: input.options.editor.autofocus,
|
|
89
|
+
assets: input.options.editor.assets,
|
|
90
|
+
render: {
|
|
91
|
+
fontsize: input.options.editor.render.fontsize
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
mounted = nextMounted;
|
|
95
|
+
const mountedMark = markFormulaXPerf("fx:modal:editor-mounted");
|
|
96
|
+
measureFormulaXPerf("fx:modal:editor-mounted", modalOpenStart, mountedMark);
|
|
97
|
+
clearFormulaXPerfMarks(mountedMark, modalOpenStart);
|
|
98
|
+
queueMicrotask(() => {
|
|
99
|
+
if (!closed) {
|
|
100
|
+
nextMounted.root.focus();
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
return nextMounted;
|
|
104
|
+
}).catch((error) => {
|
|
105
|
+
clearFormulaXPerfMarks(modalOpenStart);
|
|
106
|
+
throw error;
|
|
70
107
|
});
|
|
71
|
-
let closed = false;
|
|
72
108
|
return new Promise((resolve) => {
|
|
73
109
|
const close = (payload) => {
|
|
74
110
|
if (closed) return;
|
|
75
111
|
closed = true;
|
|
76
|
-
mounted
|
|
112
|
+
mounted?.destroy();
|
|
77
113
|
root.removeEventListener("click", onClick);
|
|
78
114
|
document.removeEventListener("keydown", onKeydown, true);
|
|
79
115
|
root.remove();
|
|
@@ -82,7 +118,11 @@ function openFormulaXModal(input) {
|
|
|
82
118
|
};
|
|
83
119
|
const submit = async () => {
|
|
84
120
|
try {
|
|
85
|
-
const
|
|
121
|
+
const activeMounted = mounted ?? await mountedPromise;
|
|
122
|
+
if (!activeMounted) {
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
const latex = await activeMounted.getLatex();
|
|
86
126
|
close({ latex });
|
|
87
127
|
} catch (error) {
|
|
88
128
|
host.innerHTML = `
|
|
@@ -116,9 +156,6 @@ function openFormulaXModal(input) {
|
|
|
116
156
|
}
|
|
117
157
|
root.addEventListener("click", onClick);
|
|
118
158
|
document.addEventListener("keydown", onKeydown, true);
|
|
119
|
-
queueMicrotask(() => {
|
|
120
|
-
mounted.root.focus();
|
|
121
|
-
});
|
|
122
159
|
});
|
|
123
160
|
}
|
|
124
161
|
|
|
@@ -134,6 +171,12 @@ function resolveOptions(options = {}) {
|
|
|
134
171
|
cursorStyle: options.cursorStyle ?? "pointer",
|
|
135
172
|
formulaClassName: options.formulaClassName ?? DEFAULT_FORMULA_CLASS,
|
|
136
173
|
formulaAttributeName: options.formulaAttributeName ?? DEFAULT_FORMULA_ATTRIBUTE,
|
|
174
|
+
renderer: options.renderer ?? createKityFormulaRenderer({
|
|
175
|
+
fontSize: options.editor?.render?.fontsize ?? 40,
|
|
176
|
+
height: options.editor?.height ?? "100%",
|
|
177
|
+
assets: options.editor?.assets ?? {}
|
|
178
|
+
}),
|
|
179
|
+
preload: options.preload ?? "idle",
|
|
137
180
|
modal: {
|
|
138
181
|
title: options.modal?.title ?? "FormulaX Editor",
|
|
139
182
|
insertText: options.modal?.insertText ?? "Insert",
|
|
@@ -176,6 +219,7 @@ var FormulaXCommand = class extends Command {
|
|
|
176
219
|
}
|
|
177
220
|
};
|
|
178
221
|
var FormulaX = class extends Plugin {
|
|
222
|
+
preloadCleanup = null;
|
|
179
223
|
static get pluginName() {
|
|
180
224
|
return "FormulaX";
|
|
181
225
|
}
|
|
@@ -191,7 +235,12 @@ var FormulaX = class extends Plugin {
|
|
|
191
235
|
);
|
|
192
236
|
return;
|
|
193
237
|
}
|
|
238
|
+
ensureFormulaXBaseStyles(document);
|
|
194
239
|
ensureFormulaXModalStyles2(document);
|
|
240
|
+
this.preloadCleanup = scheduleFormulaXEditorPreload(
|
|
241
|
+
options.preload,
|
|
242
|
+
getEditorPreloadTarget(editor)
|
|
243
|
+
);
|
|
195
244
|
defineFormulaSchema(editor, options.name);
|
|
196
245
|
defineFormulaConverters(editor, options);
|
|
197
246
|
editor.editing.mapper.on(
|
|
@@ -212,6 +261,11 @@ var FormulaX = class extends Plugin {
|
|
|
212
261
|
return button;
|
|
213
262
|
});
|
|
214
263
|
}
|
|
264
|
+
destroy() {
|
|
265
|
+
this.preloadCleanup?.();
|
|
266
|
+
this.preloadCleanup = null;
|
|
267
|
+
super.destroy();
|
|
268
|
+
}
|
|
215
269
|
};
|
|
216
270
|
function applyFormulaPayload(editor, selectedFormula, payload, modelName) {
|
|
217
271
|
editor.model.change((writer) => {
|
|
@@ -362,6 +416,9 @@ function extractInnerHtml(markup) {
|
|
|
362
416
|
wrapper.innerHTML = markup;
|
|
363
417
|
return wrapper.firstElementChild?.innerHTML ?? "";
|
|
364
418
|
}
|
|
419
|
+
function getEditorPreloadTarget(editor) {
|
|
420
|
+
return editor?.ui?.getEditableElement?.() ?? editor?.ui?.view?.editable?.element ?? null;
|
|
421
|
+
}
|
|
365
422
|
function getSelectedFormulaModelElement(editor, modelName) {
|
|
366
423
|
const selectedElement = editor.model.document.selection.getSelectedElement();
|
|
367
424
|
return selectedElement?.is?.("element", modelName) ? selectedElement : null;
|
|
@@ -374,7 +431,6 @@ function readFormulaLatexFromView(viewElement, options) {
|
|
|
374
431
|
viewElement.getAttribute(options.formulaAttributeName) ?? viewElement.getAttribute("data-latex") ?? ""
|
|
375
432
|
);
|
|
376
433
|
}
|
|
377
|
-
var formulaRenderCache = /* @__PURE__ */ new Map();
|
|
378
434
|
async function renderFormulaIntoElement(domElement, latex, options) {
|
|
379
435
|
const trimmedLatex = latex.trim();
|
|
380
436
|
const renderToken = `${trimmedLatex}::${Date.now()}::${Math.random().toString(36).slice(2, 8)}`;
|
|
@@ -383,11 +439,14 @@ async function renderFormulaIntoElement(domElement, latex, options) {
|
|
|
383
439
|
return;
|
|
384
440
|
}
|
|
385
441
|
try {
|
|
386
|
-
const
|
|
442
|
+
const result = await options.renderer.renderLatex(trimmedLatex, {
|
|
443
|
+
fontSize: options.editor.render.fontsize,
|
|
444
|
+
className: options.formulaClassName
|
|
445
|
+
});
|
|
387
446
|
if (domElement.dataset.renderToken !== renderToken) {
|
|
388
447
|
return;
|
|
389
448
|
}
|
|
390
|
-
domElement.innerHTML =
|
|
449
|
+
domElement.innerHTML = result.html;
|
|
391
450
|
} catch (error) {
|
|
392
451
|
if (domElement.dataset.renderToken !== renderToken) {
|
|
393
452
|
return;
|
|
@@ -395,46 +454,6 @@ async function renderFormulaIntoElement(domElement, latex, options) {
|
|
|
395
454
|
console.error("[FormulaX] Failed to render CKEditor5 formula widget:", error);
|
|
396
455
|
}
|
|
397
456
|
}
|
|
398
|
-
function renderFormulaSvgMarkup(latex, options) {
|
|
399
|
-
const cached = formulaRenderCache.get(latex);
|
|
400
|
-
if (cached) {
|
|
401
|
-
return cached;
|
|
402
|
-
}
|
|
403
|
-
const pending = (async () => {
|
|
404
|
-
const host = document.createElement("div");
|
|
405
|
-
host.style.position = "fixed";
|
|
406
|
-
host.style.left = "-100000px";
|
|
407
|
-
host.style.top = "0";
|
|
408
|
-
host.style.width = "1px";
|
|
409
|
-
host.style.height = "1px";
|
|
410
|
-
host.style.opacity = "0";
|
|
411
|
-
host.style.pointerEvents = "none";
|
|
412
|
-
host.setAttribute("aria-hidden", "true");
|
|
413
|
-
document.body.appendChild(host);
|
|
414
|
-
const mounted = mountFormulaXEditor2(host, {
|
|
415
|
-
initialLatex: latex,
|
|
416
|
-
height: options.editor.height,
|
|
417
|
-
autofocus: false,
|
|
418
|
-
assets: options.editor.assets,
|
|
419
|
-
render: {
|
|
420
|
-
fontsize: options.editor.render.fontsize
|
|
421
|
-
}
|
|
422
|
-
});
|
|
423
|
-
try {
|
|
424
|
-
return await mounted.getRenderHtml();
|
|
425
|
-
} finally {
|
|
426
|
-
mounted.destroy();
|
|
427
|
-
host.remove();
|
|
428
|
-
}
|
|
429
|
-
})();
|
|
430
|
-
formulaRenderCache.set(latex, pending);
|
|
431
|
-
pending.catch(() => {
|
|
432
|
-
if (formulaRenderCache.get(latex) === pending) {
|
|
433
|
-
formulaRenderCache.delete(latex);
|
|
434
|
-
}
|
|
435
|
-
});
|
|
436
|
-
return pending;
|
|
437
|
-
}
|
|
438
457
|
export {
|
|
439
458
|
DEFAULT_BUTTON_NAME,
|
|
440
459
|
DEFAULT_FORMULA_ATTRIBUTE2 as DEFAULT_FORMULA_ATTRIBUTE,
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/plugin.ts","../src/modal.ts"],"sourcesContent":["export {\n DEFAULT_FORMULA_ATTRIBUTE,\n DEFAULT_FORMULA_CLASS,\n FORMULA_FLAG_ATTRIBUTE,\n} from '@formulaxjs/editor';\n\nexport {\n DEFAULT_BUTTON_NAME,\n DEFAULT_MODEL_NAME,\n FormulaX,\n FormulaXCommand,\n resolveOptions,\n} from './plugin';\n\nexport type {\n FormulaXCKEditor5Options,\n FormulaXPayload,\n RequiredFormulaXCKEditor5Options,\n} from './types';\n\nexport { openFormulaXModal } from './modal';\n\nexport { FormulaX as default } from './plugin';\n","import {\n ButtonView,\n Command,\n Plugin,\n Widget,\n toWidget,\n viewToModelPositionOutsideModelElement,\n} from 'ckeditor5';\nimport {\n DEFAULT_FORMULA_ATTRIBUTE,\n DEFAULT_FORMULA_CLASS,\n FORMULA_FLAG_ATTRIBUTE,\n createFormulaMarkup,\n ensureFormulaXModalStyles,\n mountFormulaXEditor,\n} from '@formulaxjs/editor';\nimport { openFormulaXModal } from './modal';\nimport type {\n FormulaXCKEditor5Options,\n FormulaXPayload,\n RequiredFormulaXCKEditor5Options,\n} from './types';\n\nconst DEFAULT_BUTTON_NAME = 'formulaX';\nconst DEFAULT_MODEL_NAME = 'formulaX';\n\nexport { DEFAULT_BUTTON_NAME, DEFAULT_MODEL_NAME };\n\nexport function resolveOptions(options: FormulaXCKEditor5Options = {}): RequiredFormulaXCKEditor5Options {\n return {\n name: options.name ?? DEFAULT_MODEL_NAME,\n buttonName: options.buttonName ?? DEFAULT_BUTTON_NAME,\n toolbarText: options.toolbarText ?? 'FormulaX',\n tooltip: options.tooltip ?? 'Insert or edit formula',\n cursorStyle: options.cursorStyle ?? 'pointer',\n formulaClassName: options.formulaClassName ?? DEFAULT_FORMULA_CLASS,\n formulaAttributeName: options.formulaAttributeName ?? DEFAULT_FORMULA_ATTRIBUTE,\n modal: {\n title: options.modal?.title ?? 'FormulaX Editor',\n insertText: options.modal?.insertText ?? 'Insert',\n updateText: options.modal?.updateText ?? 'Update',\n cancelText: options.modal?.cancelText ?? 'Cancel',\n closeOnBackdrop: options.modal?.closeOnBackdrop ?? true,\n },\n editor: {\n height: options.editor?.height ?? '100%',\n autofocus: options.editor?.autofocus ?? true,\n assets: options.editor?.assets ?? {},\n render: {\n fontsize: options.editor?.render?.fontsize ?? 40,\n },\n },\n };\n}\n\nexport class FormulaXCommand extends Command {\n private readonly options: RequiredFormulaXCKEditor5Options;\n\n constructor(editor: unknown, options: RequiredFormulaXCKEditor5Options) {\n super(editor as any);\n this.options = options;\n }\n\n override refresh(): void {\n this.isEnabled = true;\n }\n\n override execute(): void {\n const editor = this.editor as any;\n const selectedFormula = getSelectedFormulaModelElement(editor, this.options.name);\n const initialLatex = String(selectedFormula?.getAttribute('latex') ?? '');\n\n void openFormulaXModal({\n initialLatex,\n isUpdate: Boolean(selectedFormula),\n options: this.options,\n }).then((payload) => {\n if (!payload) return;\n applyFormulaPayload(editor, selectedFormula, payload, this.options.name);\n editor.editing.view.focus();\n });\n }\n}\n\nexport class FormulaX extends Plugin {\n static get pluginName(): string {\n return 'FormulaX';\n }\n\n static get requires(): readonly [typeof Widget] {\n return [Widget];\n }\n\n init(): void {\n const editor = this.editor as any;\n const options = resolveOptions(editor.config.get('formulaX') as FormulaXCKEditor5Options | undefined);\n\n if (hasRegisteredFormulaModelName(editor, options.name)) {\n console.error(\n `[FormulaX] CKEditor5 model name \"${options.name}\" is already registered. ` +\n 'Pass a unique \"name\" option to avoid schema collisions.',\n );\n return;\n }\n\n ensureFormulaXModalStyles(document);\n defineFormulaSchema(editor, options.name);\n defineFormulaConverters(editor, options);\n editor.editing.mapper.on(\n 'viewToModelPosition',\n viewToModelPositionOutsideModelElement(editor.model, isFormulaWidgetView),\n );\n\n const command = new FormulaXCommand(editor, options);\n editor.commands.add(options.buttonName, command);\n\n editor.ui.componentFactory.add(options.buttonName, (locale: unknown) => {\n const button = new ButtonView(locale as any);\n\n button.set({\n label: options.toolbarText,\n tooltip: options.tooltip,\n withText: true,\n });\n\n button.bind('isEnabled').to(command, 'isEnabled');\n this.listenTo(button, 'execute', () => editor.execute(options.buttonName));\n\n return button;\n });\n }\n}\n\nexport default FormulaX;\n\nfunction applyFormulaPayload(\n editor: any,\n selectedFormula: any,\n payload: FormulaXPayload,\n modelName: string,\n): void {\n editor.model.change((writer: any) => {\n if (selectedFormula) {\n if (!payload.latex.trim()) {\n writer.remove(selectedFormula);\n return;\n }\n\n writer.setAttribute('latex', payload.latex, selectedFormula);\n return;\n }\n\n if (!payload.latex.trim()) return;\n\n const formula = writer.createElement(modelName, {\n latex: payload.latex,\n });\n\n editor.model.insertObject(formula, null, null, { setSelection: 'after' });\n });\n}\n\nfunction hasRegisteredFormulaModelName(editor: any, modelName: string): boolean {\n const schema = editor?.model?.schema;\n\n if (!schema) {\n return false;\n }\n\n if (typeof schema.isRegistered === 'function') {\n return Boolean(schema.isRegistered(modelName));\n }\n\n if (typeof schema.getDefinition === 'function') {\n return Boolean(schema.getDefinition(modelName));\n }\n\n if (schema._sourceDefinitions?.has) {\n return Boolean(schema._sourceDefinitions.has(modelName));\n }\n\n return Boolean(schema._definitions?.[modelName]);\n}\n\nfunction defineFormulaSchema(editor: any, modelName: string): void {\n editor.model.schema.register(modelName, {\n allowWhere: '$text',\n isInline: true,\n isObject: true,\n allowAttributes: ['latex'],\n });\n}\n\nfunction defineFormulaConverters(editor: any, options: RequiredFormulaXCKEditor5Options): void {\n editor.conversion.for('upcast').elementToElement({\n view: {\n name: 'span',\n attributes: {\n [FORMULA_FLAG_ATTRIBUTE]: true,\n },\n },\n model: (viewElement: any, { writer }: any) => writer.createElement(options.name, {\n latex: readFormulaLatexFromView(viewElement, options),\n }),\n });\n\n editor.conversion.for('dataDowncast').elementToElement({\n model: createFormulaConverterModelDefinition(options.name),\n view: (modelElement: any, { writer }: any) => createFormulaRawElement(writer, modelElement, options),\n });\n\n editor.conversion.for('editingDowncast').elementToElement({\n model: createFormulaConverterModelDefinition(options.name),\n view: (modelElement: any, { writer }: any) => {\n const widgetElement = createFormulaWidgetElement(writer, modelElement, options, editor);\n return toWidget(widgetElement, writer, { label: 'FormulaX formula' });\n },\n });\n}\n\nfunction createFormulaConverterModelDefinition(modelName: string): {\n name: string;\n attributes: string[];\n} {\n return {\n name: modelName,\n attributes: ['latex'],\n };\n}\n\nfunction createFormulaRawElement(\n writer: any,\n modelElement: any,\n options: RequiredFormulaXCKEditor5Options,\n): any {\n const latex = String(modelElement.getAttribute('latex') ?? '');\n\n const element = writer.createContainerElement(\n 'span',\n createFormulaViewAttributes(latex, options),\n );\n\n writer.insert(\n writer.createPositionAt(element, 0),\n writer.createText(latex || '\\\\square'),\n );\n\n return element;\n}\n\nfunction createFormulaWidgetElement(\n writer: any,\n modelElement: any,\n options: RequiredFormulaXCKEditor5Options,\n editor: any,\n): any {\n const latex = String(modelElement.getAttribute('latex') ?? '');\n const widgetElement = writer.createContainerElement(\n 'span',\n createFormulaViewAttributes(latex, options),\n );\n const contentElement = writer.createRawElement(\n 'span',\n {\n class: `${options.formulaClassName}__content`,\n 'aria-hidden': 'true',\n },\n (domElement: HTMLElement) => {\n domElement.innerHTML = createFormulaFallbackMarkup(latex, options);\n void renderFormulaIntoElement(domElement, latex, options);\n bindFormulaWidgetDomEvents(domElement, editor, modelElement, options.buttonName);\n },\n );\n\n writer.insert(writer.createPositionAt(widgetElement, 0), contentElement);\n\n return widgetElement;\n}\n\nfunction createFormulaViewAttributes(\n latex: string,\n options: RequiredFormulaXCKEditor5Options,\n): Record<string, string> {\n return {\n class: options.formulaClassName,\n [FORMULA_FLAG_ATTRIBUTE]: 'true',\n [options.formulaAttributeName]: latex,\n 'data-latex': latex,\n contenteditable: 'false',\n role: 'button',\n style: `cursor: ${options.cursorStyle}`,\n tabindex: '0',\n };\n}\n\nfunction bindFormulaWidgetDomEvents(\n domElement: HTMLElement,\n editor: any,\n modelElement: any,\n commandName: string,\n): void {\n domElement.onclick = (event) => {\n event.preventDefault();\n selectFormulaModelElement(editor, modelElement);\n };\n\n domElement.ondblclick = (event) => {\n event.preventDefault();\n event.stopPropagation();\n selectFormulaModelElement(editor, modelElement);\n editor.execute(commandName);\n };\n}\n\nfunction selectFormulaModelElement(editor: any, modelElement: any): void {\n if (!modelElement?.is?.('element', 'formulaX')) {\n return;\n }\n\n editor.editing.view.focus();\n editor.model.change((writer: any) => {\n writer.setSelection(modelElement, 'on');\n });\n}\n\nfunction createFormulaFallbackMarkup(\n latex: string,\n options: RequiredFormulaXCKEditor5Options,\n): string {\n const markup = createFormulaMarkup(latex, {\n attributeName: options.formulaAttributeName,\n className: options.formulaClassName,\n });\n return extractInnerHtml(markup);\n}\n\nfunction extractInnerHtml(markup: string): string {\n const wrapper = document.createElement('span');\n wrapper.innerHTML = markup;\n return wrapper.firstElementChild?.innerHTML ?? '';\n}\n\nfunction getSelectedFormulaModelElement(editor: any, modelName: string): any | null {\n const selectedElement = editor.model.document.selection.getSelectedElement();\n return selectedElement?.is?.('element', modelName) ? selectedElement : null;\n}\n\nfunction isFormulaWidgetView(node: any): boolean {\n return Boolean(node?.is?.('element') && node.hasAttribute?.(FORMULA_FLAG_ATTRIBUTE));\n}\n\nfunction readFormulaLatexFromView(viewElement: any, options: RequiredFormulaXCKEditor5Options): string {\n return String(\n viewElement.getAttribute(options.formulaAttributeName)\n ?? viewElement.getAttribute('data-latex')\n ?? '',\n );\n}\n\nconst formulaRenderCache = new Map<string, Promise<string>>();\n\nasync function renderFormulaIntoElement(\n domElement: HTMLElement,\n latex: string,\n options: RequiredFormulaXCKEditor5Options,\n): Promise<void> {\n const trimmedLatex = latex.trim();\n const renderToken = `${trimmedLatex}::${Date.now()}::${Math.random().toString(36).slice(2, 8)}`;\n domElement.dataset.renderToken = renderToken;\n\n if (!trimmedLatex) {\n return;\n }\n\n try {\n const markup = await renderFormulaSvgMarkup(trimmedLatex, options);\n if (domElement.dataset.renderToken !== renderToken) {\n return;\n }\n\n domElement.innerHTML = markup;\n } catch (error) {\n if (domElement.dataset.renderToken !== renderToken) {\n return;\n }\n\n console.error('[FormulaX] Failed to render CKEditor5 formula widget:', error);\n }\n}\n\nfunction renderFormulaSvgMarkup(\n latex: string,\n options: RequiredFormulaXCKEditor5Options,\n): Promise<string> {\n const cached = formulaRenderCache.get(latex);\n if (cached) {\n return cached;\n }\n\n const pending = (async () => {\n const host = document.createElement('div');\n host.style.position = 'fixed';\n host.style.left = '-100000px';\n host.style.top = '0';\n host.style.width = '1px';\n host.style.height = '1px';\n host.style.opacity = '0';\n host.style.pointerEvents = 'none';\n host.setAttribute('aria-hidden', 'true');\n document.body.appendChild(host);\n\n const mounted = mountFormulaXEditor(host, {\n initialLatex: latex,\n height: options.editor.height,\n autofocus: false,\n assets: options.editor.assets,\n render: {\n fontsize: options.editor.render.fontsize,\n },\n });\n\n try {\n return await mounted.getRenderHtml();\n } finally {\n mounted.destroy();\n host.remove();\n }\n })();\n\n formulaRenderCache.set(latex, pending);\n pending.catch(() => {\n if (formulaRenderCache.get(latex) === pending) {\n formulaRenderCache.delete(latex);\n }\n });\n return pending;\n}\n","import {\n ensureFormulaXModalStyles,\n escapeAttribute,\n escapeHtml,\n mountFormulaXEditor,\n} from '@formulaxjs/editor';\nimport type { FormulaXPayload, RequiredFormulaXCKEditor5Options } from './types';\n\nexport interface OpenFormulaXModalInput {\n initialLatex: string;\n isUpdate: boolean;\n options: RequiredFormulaXCKEditor5Options;\n}\n\nexport function openFormulaXModal(input: OpenFormulaXModalInput): Promise<FormulaXPayload | null> {\n ensureFormulaXModalStyles(document);\n\n const root = document.createElement('div');\n root.className = 'fx-formula-modal-root';\n root.setAttribute('data-formulax-modal', 'true');\n\n const submitText = input.isUpdate ? input.options.modal.updateText : input.options.modal.insertText;\n\n root.innerHTML = `\n <div class=\"fx-formula-modal-backdrop\" data-action=\"backdrop\"></div>\n <div class=\"fx-formula-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"${escapeAttribute(input.options.modal.title)}\">\n <header class=\"fx-formula-modal__header\">\n <h2 class=\"fx-formula-modal__title\">${escapeHtml(input.options.modal.title)}</h2>\n <button class=\"fx-formula-modal__close\" type=\"button\" data-action=\"close\" aria-label=\"Close\">×</button>\n </header>\n <section class=\"fx-formula-modal__body\">\n <div class=\"fx-formula-editor-host\"></div>\n </section>\n <footer class=\"fx-formula-modal__footer\">\n <button class=\"fx-formula-modal__button\" type=\"button\" data-action=\"cancel\">${escapeHtml(input.options.modal.cancelText)}</button>\n <button class=\"fx-formula-modal__button fx-formula-modal__button--primary\" type=\"button\" data-action=\"submit\">${escapeHtml(submitText)}</button>\n </footer>\n </div>\n `;\n\n document.body.appendChild(root);\n document.body.classList.add('fx-formula-modal-open');\n\n const host = root.querySelector<HTMLElement>('.fx-formula-editor-host');\n if (!host) {\n root.remove();\n return Promise.reject(new Error('[FormulaX] CKEditor 5 modal host not found.'));\n }\n\n const mounted = mountFormulaXEditor(host, {\n initialLatex: input.initialLatex,\n height: input.options.editor.height,\n autofocus: input.options.editor.autofocus,\n assets: input.options.editor.assets,\n render: {\n fontsize: input.options.editor.render.fontsize,\n },\n });\n let closed = false;\n\n return new Promise((resolve) => {\n const close = (payload: FormulaXPayload | null): void => {\n if (closed) return;\n closed = true;\n\n mounted.destroy();\n root.removeEventListener('click', onClick);\n document.removeEventListener('keydown', onKeydown, true);\n root.remove();\n document.body.classList.remove('fx-formula-modal-open');\n resolve(payload);\n };\n\n const submit = async (): Promise<void> => {\n try {\n const latex = await mounted.getLatex();\n close({ latex });\n } catch (error) {\n host.innerHTML = `\n <div class=\"fx-formula-editor-error\">\n Failed to read FormulaX editor content.\n <pre>${escapeHtml(error instanceof Error ? error.message : String(error))}</pre>\n </div>\n `;\n }\n };\n\n function onClick(event: MouseEvent): void {\n const action = (event.target as HTMLElement).closest<HTMLElement>('[data-action]')?.dataset.action;\n if (!action) return;\n\n if (action === 'submit') {\n void submit();\n return;\n }\n\n if (action === 'cancel' || action === 'close') {\n close(null);\n return;\n }\n\n if (action === 'backdrop' && input.options.modal.closeOnBackdrop) {\n close(null);\n }\n }\n\n function onKeydown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n event.preventDefault();\n close(null);\n }\n }\n\n root.addEventListener('click', onClick);\n document.addEventListener('keydown', onKeydown, true);\n\n queueMicrotask(() => {\n mounted.root.focus();\n });\n });\n}\n"],"mappings":"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","names":["DEFAULT_FORMULA_ATTRIBUTE","DEFAULT_FORMULA_CLASS","FORMULA_FLAG_ATTRIBUTE","ensureFormulaXModalStyles","mountFormulaXEditor","ensureFormulaXModalStyles","mountFormulaXEditor"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/plugin.ts","../src/modal.ts"],"sourcesContent":["export {\n DEFAULT_FORMULA_ATTRIBUTE,\n DEFAULT_FORMULA_CLASS,\n FORMULA_FLAG_ATTRIBUTE,\n} from '@formulaxjs/renderer';\n\nexport {\n DEFAULT_BUTTON_NAME,\n DEFAULT_MODEL_NAME,\n FormulaX,\n FormulaXCommand,\n resolveOptions,\n} from './plugin';\n\nexport type {\n FormulaXCKEditor5Options,\n FormulaXPayload,\n RequiredFormulaXCKEditor5Options,\n} from './types';\n\nexport { openFormulaXModal } from './modal';\n\nexport { FormulaX as default } from './plugin';\n","import {\n ButtonView,\n Command,\n Plugin,\n Widget,\n toWidget,\n viewToModelPositionOutsideModelElement,\n} from 'ckeditor5';\nimport {\n DEFAULT_FORMULA_ATTRIBUTE,\n DEFAULT_FORMULA_CLASS,\n FORMULA_FLAG_ATTRIBUTE,\n createFormulaMarkup,\n ensureFormulaXBaseStyles,\n} from '@formulaxjs/renderer';\nimport { createKityFormulaRenderer } from '@formulaxjs/renderer-kity';\nimport { ensureFormulaXModalStyles, scheduleFormulaXEditorPreload } from '@formulaxjs/editor';\nimport { openFormulaXModal } from './modal';\nimport type {\n FormulaXCKEditor5Options,\n FormulaXPayload,\n RequiredFormulaXCKEditor5Options,\n} from './types';\n\nconst DEFAULT_BUTTON_NAME = 'formulaX';\nconst DEFAULT_MODEL_NAME = 'formulaX';\n\nexport { DEFAULT_BUTTON_NAME, DEFAULT_MODEL_NAME };\n\nexport function resolveOptions(options: FormulaXCKEditor5Options = {}): RequiredFormulaXCKEditor5Options {\n return {\n name: options.name ?? DEFAULT_MODEL_NAME,\n buttonName: options.buttonName ?? DEFAULT_BUTTON_NAME,\n toolbarText: options.toolbarText ?? 'FormulaX',\n tooltip: options.tooltip ?? 'Insert or edit formula',\n cursorStyle: options.cursorStyle ?? 'pointer',\n formulaClassName: options.formulaClassName ?? DEFAULT_FORMULA_CLASS,\n formulaAttributeName: options.formulaAttributeName ?? DEFAULT_FORMULA_ATTRIBUTE,\n renderer: options.renderer ?? createKityFormulaRenderer({\n fontSize: options.editor?.render?.fontsize ?? 40,\n height: options.editor?.height ?? '100%',\n assets: options.editor?.assets ?? {},\n }),\n preload: options.preload ?? 'idle',\n modal: {\n title: options.modal?.title ?? 'FormulaX Editor',\n insertText: options.modal?.insertText ?? 'Insert',\n updateText: options.modal?.updateText ?? 'Update',\n cancelText: options.modal?.cancelText ?? 'Cancel',\n closeOnBackdrop: options.modal?.closeOnBackdrop ?? true,\n },\n editor: {\n height: options.editor?.height ?? '100%',\n autofocus: options.editor?.autofocus ?? true,\n assets: options.editor?.assets ?? {},\n render: {\n fontsize: options.editor?.render?.fontsize ?? 40,\n },\n },\n };\n}\n\nexport class FormulaXCommand extends Command {\n private readonly options: RequiredFormulaXCKEditor5Options;\n\n constructor(editor: unknown, options: RequiredFormulaXCKEditor5Options) {\n super(editor as any);\n this.options = options;\n }\n\n override refresh(): void {\n this.isEnabled = true;\n }\n\n override execute(): void {\n const editor = this.editor as any;\n const selectedFormula = getSelectedFormulaModelElement(editor, this.options.name);\n const initialLatex = String(selectedFormula?.getAttribute('latex') ?? '');\n\n void openFormulaXModal({\n initialLatex,\n isUpdate: Boolean(selectedFormula),\n options: this.options,\n }).then((payload) => {\n if (!payload) return;\n applyFormulaPayload(editor, selectedFormula, payload, this.options.name);\n editor.editing.view.focus();\n });\n }\n}\n\nexport class FormulaX extends Plugin {\n private preloadCleanup: (() => void) | null = null;\n\n static get pluginName(): string {\n return 'FormulaX';\n }\n\n static get requires(): readonly [typeof Widget] {\n return [Widget];\n }\n\n init(): void {\n const editor = this.editor as any;\n const options = resolveOptions(editor.config.get('formulaX') as FormulaXCKEditor5Options | undefined);\n\n if (hasRegisteredFormulaModelName(editor, options.name)) {\n console.error(\n `[FormulaX] CKEditor5 model name \"${options.name}\" is already registered. ` +\n 'Pass a unique \"name\" option to avoid schema collisions.',\n );\n return;\n }\n\n ensureFormulaXBaseStyles(document);\n ensureFormulaXModalStyles(document);\n this.preloadCleanup = scheduleFormulaXEditorPreload(\n options.preload,\n getEditorPreloadTarget(editor),\n );\n defineFormulaSchema(editor, options.name);\n defineFormulaConverters(editor, options);\n editor.editing.mapper.on(\n 'viewToModelPosition',\n viewToModelPositionOutsideModelElement(editor.model, isFormulaWidgetView),\n );\n\n const command = new FormulaXCommand(editor, options);\n editor.commands.add(options.buttonName, command);\n\n editor.ui.componentFactory.add(options.buttonName, (locale: unknown) => {\n const button = new ButtonView(locale as any);\n\n button.set({\n label: options.toolbarText,\n tooltip: options.tooltip,\n withText: true,\n });\n\n button.bind('isEnabled').to(command, 'isEnabled');\n this.listenTo(button, 'execute', () => editor.execute(options.buttonName));\n\n return button;\n });\n }\n\n override destroy(): void {\n this.preloadCleanup?.();\n this.preloadCleanup = null;\n super.destroy();\n }\n}\n\nexport default FormulaX;\n\nfunction applyFormulaPayload(\n editor: any,\n selectedFormula: any,\n payload: FormulaXPayload,\n modelName: string,\n): void {\n editor.model.change((writer: any) => {\n if (selectedFormula) {\n if (!payload.latex.trim()) {\n writer.remove(selectedFormula);\n return;\n }\n\n writer.setAttribute('latex', payload.latex, selectedFormula);\n return;\n }\n\n if (!payload.latex.trim()) return;\n\n const formula = writer.createElement(modelName, {\n latex: payload.latex,\n });\n\n editor.model.insertObject(formula, null, null, { setSelection: 'after' });\n });\n}\n\nfunction hasRegisteredFormulaModelName(editor: any, modelName: string): boolean {\n const schema = editor?.model?.schema;\n\n if (!schema) {\n return false;\n }\n\n if (typeof schema.isRegistered === 'function') {\n return Boolean(schema.isRegistered(modelName));\n }\n\n if (typeof schema.getDefinition === 'function') {\n return Boolean(schema.getDefinition(modelName));\n }\n\n if (schema._sourceDefinitions?.has) {\n return Boolean(schema._sourceDefinitions.has(modelName));\n }\n\n return Boolean(schema._definitions?.[modelName]);\n}\n\nfunction defineFormulaSchema(editor: any, modelName: string): void {\n editor.model.schema.register(modelName, {\n allowWhere: '$text',\n isInline: true,\n isObject: true,\n allowAttributes: ['latex'],\n });\n}\n\nfunction defineFormulaConverters(editor: any, options: RequiredFormulaXCKEditor5Options): void {\n editor.conversion.for('upcast').elementToElement({\n view: {\n name: 'span',\n attributes: {\n [FORMULA_FLAG_ATTRIBUTE]: true,\n },\n },\n model: (viewElement: any, { writer }: any) => writer.createElement(options.name, {\n latex: readFormulaLatexFromView(viewElement, options),\n }),\n });\n\n editor.conversion.for('dataDowncast').elementToElement({\n model: createFormulaConverterModelDefinition(options.name),\n view: (modelElement: any, { writer }: any) => createFormulaRawElement(writer, modelElement, options),\n });\n\n editor.conversion.for('editingDowncast').elementToElement({\n model: createFormulaConverterModelDefinition(options.name),\n view: (modelElement: any, { writer }: any) => {\n const widgetElement = createFormulaWidgetElement(writer, modelElement, options, editor);\n return toWidget(widgetElement, writer, { label: 'FormulaX formula' });\n },\n });\n}\n\nfunction createFormulaConverterModelDefinition(modelName: string): {\n name: string;\n attributes: string[];\n} {\n return {\n name: modelName,\n attributes: ['latex'],\n };\n}\n\nfunction createFormulaRawElement(\n writer: any,\n modelElement: any,\n options: RequiredFormulaXCKEditor5Options,\n): any {\n const latex = String(modelElement.getAttribute('latex') ?? '');\n\n const element = writer.createContainerElement(\n 'span',\n createFormulaViewAttributes(latex, options),\n );\n\n writer.insert(\n writer.createPositionAt(element, 0),\n writer.createText(latex || '\\\\square'),\n );\n\n return element;\n}\n\nfunction createFormulaWidgetElement(\n writer: any,\n modelElement: any,\n options: RequiredFormulaXCKEditor5Options,\n editor: any,\n): any {\n const latex = String(modelElement.getAttribute('latex') ?? '');\n const widgetElement = writer.createContainerElement(\n 'span',\n createFormulaViewAttributes(latex, options),\n );\n const contentElement = writer.createRawElement(\n 'span',\n {\n class: `${options.formulaClassName}__content`,\n 'aria-hidden': 'true',\n },\n (domElement: HTMLElement) => {\n domElement.innerHTML = createFormulaFallbackMarkup(latex, options);\n void renderFormulaIntoElement(domElement, latex, options);\n bindFormulaWidgetDomEvents(domElement, editor, modelElement, options.buttonName);\n },\n );\n\n writer.insert(writer.createPositionAt(widgetElement, 0), contentElement);\n\n return widgetElement;\n}\n\nfunction createFormulaViewAttributes(\n latex: string,\n options: RequiredFormulaXCKEditor5Options,\n): Record<string, string> {\n return {\n class: options.formulaClassName,\n [FORMULA_FLAG_ATTRIBUTE]: 'true',\n [options.formulaAttributeName]: latex,\n 'data-latex': latex,\n contenteditable: 'false',\n role: 'button',\n style: `cursor: ${options.cursorStyle}`,\n tabindex: '0',\n };\n}\n\nfunction bindFormulaWidgetDomEvents(\n domElement: HTMLElement,\n editor: any,\n modelElement: any,\n commandName: string,\n): void {\n domElement.onclick = (event) => {\n event.preventDefault();\n selectFormulaModelElement(editor, modelElement);\n };\n\n domElement.ondblclick = (event) => {\n event.preventDefault();\n event.stopPropagation();\n selectFormulaModelElement(editor, modelElement);\n editor.execute(commandName);\n };\n}\n\nfunction selectFormulaModelElement(editor: any, modelElement: any): void {\n if (!modelElement?.is?.('element', 'formulaX')) {\n return;\n }\n\n editor.editing.view.focus();\n editor.model.change((writer: any) => {\n writer.setSelection(modelElement, 'on');\n });\n}\n\nfunction createFormulaFallbackMarkup(\n latex: string,\n options: RequiredFormulaXCKEditor5Options,\n): string {\n const markup = createFormulaMarkup(latex, {\n attributeName: options.formulaAttributeName,\n className: options.formulaClassName,\n });\n return extractInnerHtml(markup);\n}\n\nfunction extractInnerHtml(markup: string): string {\n const wrapper = document.createElement('span');\n wrapper.innerHTML = markup;\n return wrapper.firstElementChild?.innerHTML ?? '';\n}\n\nfunction getEditorPreloadTarget(editor: any): EventTarget | null {\n return editor?.ui?.getEditableElement?.()\n ?? editor?.ui?.view?.editable?.element\n ?? null;\n}\n\nfunction getSelectedFormulaModelElement(editor: any, modelName: string): any | null {\n const selectedElement = editor.model.document.selection.getSelectedElement();\n return selectedElement?.is?.('element', modelName) ? selectedElement : null;\n}\n\nfunction isFormulaWidgetView(node: any): boolean {\n return Boolean(node?.is?.('element') && node.hasAttribute?.(FORMULA_FLAG_ATTRIBUTE));\n}\n\nfunction readFormulaLatexFromView(viewElement: any, options: RequiredFormulaXCKEditor5Options): string {\n return String(\n viewElement.getAttribute(options.formulaAttributeName)\n ?? viewElement.getAttribute('data-latex')\n ?? '',\n );\n}\n\nasync function renderFormulaIntoElement(\n domElement: HTMLElement,\n latex: string,\n options: RequiredFormulaXCKEditor5Options,\n): Promise<void> {\n const trimmedLatex = latex.trim();\n const renderToken = `${trimmedLatex}::${Date.now()}::${Math.random().toString(36).slice(2, 8)}`;\n domElement.dataset.renderToken = renderToken;\n\n if (!trimmedLatex) {\n return;\n }\n\n try {\n const result = await options.renderer.renderLatex(trimmedLatex, {\n fontSize: options.editor.render.fontsize,\n className: options.formulaClassName,\n });\n if (domElement.dataset.renderToken !== renderToken) {\n return;\n }\n\n domElement.innerHTML = result.html;\n } catch (error) {\n if (domElement.dataset.renderToken !== renderToken) {\n return;\n }\n\n console.error('[FormulaX] Failed to render CKEditor5 formula widget:', error);\n }\n}\n","import {\n clearFormulaXPerfMarks,\n ensureFormulaXModalStyles,\n markFormulaXPerf,\n measureFormulaXPerf,\n mountFormulaXEditor,\n recordFormulaXPerfPoint,\n renderFormulaXEditorLoadingState,\n waitForFormulaXAnimationFrame,\n} from '@formulaxjs/editor';\nimport { escapeAttribute, escapeHtml } from '@formulaxjs/renderer';\nimport type { FormulaXPayload, RequiredFormulaXCKEditor5Options } from './types';\n\nexport interface OpenFormulaXModalInput {\n initialLatex: string;\n isUpdate: boolean;\n options: RequiredFormulaXCKEditor5Options;\n}\n\nexport function openFormulaXModal(input: OpenFormulaXModalInput): Promise<FormulaXPayload | null> {\n recordFormulaXPerfPoint('fx:modal:open:start');\n const modalOpenStart = markFormulaXPerf('fx:modal:open:start:scope');\n ensureFormulaXModalStyles(document);\n\n const root = document.createElement('div');\n root.className = 'fx-formula-modal-root';\n root.setAttribute('data-formulax-modal', 'true');\n\n const submitText = input.isUpdate ? input.options.modal.updateText : input.options.modal.insertText;\n\n root.innerHTML = `\n <div class=\"fx-formula-modal-backdrop\" data-action=\"backdrop\"></div>\n <div class=\"fx-formula-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"${escapeAttribute(input.options.modal.title)}\">\n <header class=\"fx-formula-modal__header\">\n <h2 class=\"fx-formula-modal__title\">${escapeHtml(input.options.modal.title)}</h2>\n <button class=\"fx-formula-modal__close\" type=\"button\" data-action=\"close\" aria-label=\"Close\">×</button>\n </header>\n <section class=\"fx-formula-modal__body\">\n <div class=\"fx-formula-editor-host\"></div>\n </section>\n <footer class=\"fx-formula-modal__footer\">\n <button class=\"fx-formula-modal__button\" type=\"button\" data-action=\"cancel\">${escapeHtml(input.options.modal.cancelText)}</button>\n <button class=\"fx-formula-modal__button fx-formula-modal__button--primary\" type=\"button\" data-action=\"submit\">${escapeHtml(submitText)}</button>\n </footer>\n </div>\n `;\n\n document.body.appendChild(root);\n document.body.classList.add('fx-formula-modal-open');\n const modalDomReadyMark = markFormulaXPerf('fx:modal:dom-ready');\n measureFormulaXPerf('fx:modal:dom-ready', modalOpenStart, modalDomReadyMark);\n clearFormulaXPerfMarks(modalDomReadyMark);\n\n const host = root.querySelector<HTMLElement>('.fx-formula-editor-host');\n if (!host) {\n root.remove();\n clearFormulaXPerfMarks(modalOpenStart);\n return Promise.reject(new Error('[FormulaX] CKEditor 5 modal host not found.'));\n }\n\n renderFormulaXEditorLoadingState(host);\n let closed = false;\n let mounted: ReturnType<typeof mountFormulaXEditor> | null = null;\n\n const mountedPromise = waitForFormulaXAnimationFrame()\n .then(() => {\n if (closed) {\n clearFormulaXPerfMarks(modalOpenStart);\n return null;\n }\n\n const mountStartMark = markFormulaXPerf('fx:modal:editor-mount-start');\n measureFormulaXPerf('fx:modal:editor-mount-start', modalOpenStart, mountStartMark);\n clearFormulaXPerfMarks(mountStartMark);\n\n const nextMounted = mountFormulaXEditor(host, {\n initialLatex: input.initialLatex,\n height: input.options.editor.height,\n autofocus: input.options.editor.autofocus,\n assets: input.options.editor.assets,\n render: {\n fontsize: input.options.editor.render.fontsize,\n },\n });\n\n mounted = nextMounted;\n\n const mountedMark = markFormulaXPerf('fx:modal:editor-mounted');\n measureFormulaXPerf('fx:modal:editor-mounted', modalOpenStart, mountedMark);\n clearFormulaXPerfMarks(mountedMark, modalOpenStart);\n\n queueMicrotask(() => {\n if (!closed) {\n nextMounted.root.focus();\n }\n });\n\n return nextMounted;\n })\n .catch((error) => {\n clearFormulaXPerfMarks(modalOpenStart);\n throw error;\n });\n\n return new Promise((resolve) => {\n const close = (payload: FormulaXPayload | null): void => {\n if (closed) return;\n closed = true;\n\n mounted?.destroy();\n root.removeEventListener('click', onClick);\n document.removeEventListener('keydown', onKeydown, true);\n root.remove();\n document.body.classList.remove('fx-formula-modal-open');\n resolve(payload);\n };\n\n const submit = async (): Promise<void> => {\n try {\n const activeMounted = mounted ?? await mountedPromise;\n if (!activeMounted) {\n return;\n }\n\n const latex = await activeMounted.getLatex();\n close({ latex });\n } catch (error) {\n host.innerHTML = `\n <div class=\"fx-formula-editor-error\">\n Failed to read FormulaX editor content.\n <pre>${escapeHtml(error instanceof Error ? error.message : String(error))}</pre>\n </div>\n `;\n }\n };\n\n function onClick(event: MouseEvent): void {\n const action = (event.target as HTMLElement).closest<HTMLElement>('[data-action]')?.dataset.action;\n if (!action) return;\n\n if (action === 'submit') {\n void submit();\n return;\n }\n\n if (action === 'cancel' || action === 'close') {\n close(null);\n return;\n }\n\n if (action === 'backdrop' && input.options.modal.closeOnBackdrop) {\n close(null);\n }\n }\n\n function onKeydown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n event.preventDefault();\n close(null);\n }\n }\n\n root.addEventListener('click', onClick);\n document.addEventListener('keydown', onKeydown, true);\n });\n}\n"],"mappings":"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","names":["DEFAULT_FORMULA_ATTRIBUTE","DEFAULT_FORMULA_CLASS","FORMULA_FLAG_ATTRIBUTE","ensureFormulaXModalStyles","ensureFormulaXModalStyles"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formulaxjs/ckeditor5",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,9 +30,10 @@
|
|
|
30
30
|
"access": "public"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@formulaxjs/editor": "0.2.0",
|
|
34
33
|
"@formulaxjs/core": "0.1.0",
|
|
35
|
-
"@formulaxjs/kity
|
|
34
|
+
"@formulaxjs/renderer-kity": "0.2.0",
|
|
35
|
+
"@formulaxjs/renderer": "0.2.0",
|
|
36
|
+
"@formulaxjs/editor": "0.3.0"
|
|
36
37
|
},
|
|
37
38
|
"peerDependencies": {
|
|
38
39
|
"ckeditor5": ">=42 <49"
|