@markweave/react 0.3.2 → 0.3.3
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/LICENSE +21 -21
- package/README.md +19 -19
- package/dist/index.js +1479 -1056
- package/dist/types/MarkweaveEditor.d.ts +3 -1
- package/dist/types/MarkweaveEditor.d.ts.map +1 -1
- package/dist/types/create-editor-extensions.d.ts +6 -1
- package/dist/types/create-editor-extensions.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/media/image-node.d.ts +2 -0
- package/dist/types/media/image-node.d.ts.map +1 -1
- package/dist/types/media/video-node.d.ts +2 -0
- package/dist/types/media/video-node.d.ts.map +1 -1
- package/dist/types/ui/codeblock/CodeBlockControls.d.ts.map +1 -1
- package/dist/types/ui/table/TableControls.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,63 +1,67 @@
|
|
|
1
1
|
import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
|
|
2
2
|
import { getLocalizedSlashCommandSpecs as t, getMarkweaveMessages as n, normalizeMarkweaveLang as r } from "markweave/internal/i18n";
|
|
3
3
|
import { EditorContent as i, NodeViewWrapper as a, ReactNodeViewRenderer as o, useEditor as s } from "@tiptap/react";
|
|
4
|
-
import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f,
|
|
5
|
-
import { useCallback as
|
|
6
|
-
import { detectUploadSource as
|
|
7
|
-
import { MarkweaveCoreImage as
|
|
8
|
-
import { getMarkweaveEditorModeState as
|
|
9
|
-
import { openMarkweaveImagePreview as
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
4
|
+
import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, AlignVerticalJustifyCenter as p, AlignVerticalJustifyEnd as m, AlignVerticalJustifyStart as h, ArrowDown as g, ArrowDownAZ as _, ArrowLeft as v, ArrowRight as y, ArrowUp as b, ArrowUpZA as x, BetweenHorizontalEnd as S, BetweenHorizontalStart as C, BetweenVerticalEnd as w, BetweenVerticalStart as T, Bold as E, Braces as D, Captions as O, Check as k, CheckCircle2 as A, ChevronDown as j, ChevronRight as M, ChevronUp as N, CircleX as P, Code2 as ee, Copy as F, CornerDownLeft as te, Download as I, ExternalLink as L, Eye as ne, Heading1 as re, Heading2 as R, Heading3 as ie, Image as z, ImageUp as B, IndentDecrease as ae, IndentIncrease as oe, Info as se, Italic as ce, Lightbulb as le, Link2 as V, List as ue, ListChecks as de, ListOrdered as H, Minus as fe, MoreVertical as pe, PaintBucket as me, Paperclip as he, Pencil as ge, Plus as _e, Quote as ve, Replace as ye, Sigma as be, SmilePlus as xe, Sparkles as Se, SquareX as Ce, Strikethrough as we, Subscript as Te, Superscript as Ee, Table2 as De, TableCellsMerge as Oe, TableCellsSplit as ke, Text as Ae, Trash2 as je, Type as Me, Underline as Ne, Upload as Pe, Video as Fe } from "lucide-react";
|
|
5
|
+
import { useCallback as U, useEffect as W, useLayoutEffect as G, useMemo as K, useRef as q, useState as J, useSyncExternalStore as Ie } from "react";
|
|
6
|
+
import { detectUploadSource as Le, getDirectUploadResult as Re, resolveMarkweaveUploadResult as Y } from "markweave/internal/plugins/slash-command/upload";
|
|
7
|
+
import { MarkweaveCoreImage as ze, MarkweaveCoreVideo as Be, attrsFromMarkweaveImageUploadResult as Ve, attrsFromMarkweaveVideoUploadResult as He, attrsFromMarkweaveVideoUrl as Ue, clampMarkweaveImageWidth as We, createMarkweaveImageUploadRequest as Ge, createMarkweaveVideoUploadRequest as Ke, downloadMarkweaveImage as qe, markweaveVideoIframeAllow as Je, normalizeMarkweaveCoreImageAlign as Ye, normalizeMarkweaveVideoEmbedUrl as Xe, numberAttribute as Ze, stringAttribute as X } from "markweave/internal/plugins/media/core-media-nodes";
|
|
8
|
+
import { getMarkweaveEditorModeState as Qe, isMarkweaveEditorLiveEditable as $e, normalizeMarkweaveEditorMode as et, setMarkweaveEditorModeState as tt, subscribeToMarkweaveEditorMode as nt } from "markweave/internal/core/editor-mode-state";
|
|
9
|
+
import { openMarkweaveImagePreview as rt } from "markweave/internal/plugins/media/image-preview";
|
|
10
|
+
import { createMarkweaveLightweightImageNodeViewRenderer as it } from "markweave/internal/plugins/media/lightweight-image-node-view";
|
|
11
|
+
import { resolveMarkweaveMediaSource as at } from "markweave/internal/plugins/media/media-source";
|
|
12
|
+
import { Fragment as ot, jsx as Z, jsxs as Q } from "react/jsx-runtime";
|
|
13
|
+
import { createMarkweaveAdapterMediaExtensions as st } from "markweave/internal/plugins/media/media-extension-factory";
|
|
14
|
+
import { normalizeMarkweaveLinkCardAttrs as ct, normalizeMarkweaveLinkCardHref as lt, replaceMarkweaveLinkCardWithLink as ut } from "markweave/internal/plugins/link-card/link-card";
|
|
15
|
+
import { openMarkweaveLinkCardComposer as dt } from "markweave/internal/plugins/link-card/link-card-composer";
|
|
16
|
+
import { MarkweaveLinkCard as ft } from "markweave/internal/plugins/link-card/link-card-node";
|
|
17
|
+
import { isEditorComposing as pt } from "markweave/internal/editor-core/composition-guard";
|
|
18
|
+
import { createMarkweaveFrameScheduler as mt } from "markweave/internal/editor-core/frame-scheduler";
|
|
19
|
+
import { createMarkweaveEditorUpdatePayload as ht, getMarkweaveContentType as gt, isEditorContentCurrent as _t, isMarkweaveControlledContentEchoCurrent as vt, normalizeMarkweaveContentFormat as yt } from "markweave/internal/editor-core/editor-content";
|
|
20
|
+
import { openMarkweaveReadonlyLinkFromEvent as bt } from "markweave/internal/editor-core/readonly-link";
|
|
21
|
+
import { createMarkweaveEditorRuntimeSnapshot as xt } from "markweave/internal/editor-core/runtime-snapshot";
|
|
22
|
+
import { advanceFloatingToolbarMotionState as St, areEditorSelectionSnapshotsEquivalent as Ct, calculateFloatingToolbarFrameShift as wt, calculateFloatingToolbarPopoverPlacement as Tt, calculateFloatingToolbarTopBoundary as Et, createSelectionSnapshot as Dt, getFloatingToolbarFloatingOptions as Ot, getFloatingToolbarState as kt, markweaveRuntimeProjectionDelayMs as At, shouldShowFloatingToolbar as jt, transitionFloatingToolbarState as Mt } from "markweave/internal/editor-core/selection-state";
|
|
23
|
+
import { codeBlockCollapsePluginKey as Nt, copyActiveCodeBlock as Pt, getActiveCodeBlockState as Ft, getCodeBlockCopyFeedbackSnapshot as It, markweaveCodeBlockBehavior as Lt, setCodeBlockCollapsedAtPosition as Rt, setCodeBlockLanguageAtPosition as zt, setCodeBlockMermaidPreviewModeAtPosition as Bt } from "markweave/internal/plugins/codeblock/codeblock-behavior";
|
|
24
|
+
import { isMermaidInlinePreviewTransaction as Vt, setMarkweaveMermaidTheme as Ht, setMermaidInlinePreviewEditorMode as Ut, setReadonlyMermaidPreviewMode as Wt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
|
|
25
|
+
import { getMermaidPreviewState as Gt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
|
|
26
|
+
import { applyMarkweaveMathLatex as Kt, calculateMarkweaveMathPopoverPosition as qt, getMarkweaveMathAnchorRect as Jt, getMarkweaveMathBlockIndex as Yt, getMarkweaveMathRenderedHtml as Xt, getMarkweaveMathTargetAtPos as Zt, getMarkweaveMathTargetFromDomEvent as Qt, getMarkweaveMathTargetFromSelection as $t, renderMarkweaveMathPreview as en, setMarkweaveMathEditingDomState as tn, setMarkweaveMathEditingDomStateInView as nn, setMarkweaveMathSelectionInView as rn } from "markweave/internal/plugins/math/math-ui-model";
|
|
27
|
+
import { filterSlashCommands as an, isExecutableSlashCommand as on } from "markweave/internal/plugins/slash-command/command-spec";
|
|
28
|
+
import { getSlashCommandKeyboardAction as sn, isSlashCommandMenuState as cn } from "markweave/internal/plugins/slash-command/slash-keyboard";
|
|
29
|
+
import { areSlashCommandMenuPositionsEquivalent as ln, executeSlashCommand as un, getNextSlashCommandState as dn, getSlashCommandAnchoredMenuPosition as fn, getSlashCommandContext as pn, isSlashCommandAnchorVisible as mn } from "markweave/internal/plugins/slash-command/slash-runtime";
|
|
30
|
+
import { initialSlashCommandState as hn, reduceSlashCommandState as gn } from "markweave/internal/plugins/slash-command/slash-state";
|
|
31
|
+
import { getFirstTableDebugSnapshot as _n } from "markweave/internal/plugins/table/table-debug-snapshot";
|
|
32
|
+
import { focusFirstTableBodyCell as vn } from "markweave/internal/plugins/table/table-focus-position";
|
|
33
|
+
import { getTableFocusState as yn } from "markweave/internal/plugins/table/table-focus-state";
|
|
34
|
+
import { getTableSelectionOverlayState as bn, initialTableInteractionState as xn, tableInteractionPluginKey as Sn } from "markweave/internal/plugins/table/table-interaction-layer";
|
|
35
|
+
import { saveMarkweaveBrowserFile as Cn } from "markweave/internal/core/browser-file-save";
|
|
36
|
+
import { calculateCodeBlockLanguageMenuPosition as wn, clampFullscreenScale as Tn, codeBlockCopyFeedbackTimeoutMs as En, copyCodeBlockText as Dn, createCodeBlockLanguageMenuDomId as On, createCodeBlockOverlayPosition as kn, createMermaidFullscreenViewerState as An, createMermaidTabPosition as jn, focusCodeBlockTarget as Mn, formatCodeBlockLanguageLabel as Nn, formatFullscreenZoom as Pn, getActiveCodeBlockElement as Fn, getAnchoredRect as In, getCodeBlockLanguageItems as Ln, getCodeBlockLanguageOptionDomId as Rn, getCodeBlockPositionFromEventTarget as zn, getCodeBlockStateAtPosition as Bn, getFrameElement as Vn, getInitialCodeBlockLanguageItemIndex as Hn, getMermaidCodeBlockTargets as Un, getMermaidSvgMarkup as Wn, isCodeBlockTargetCollapsed as Gn, mergeStableMermaidTabPositions as Kn, mermaidFullscreenZoomStep as qn, moveCodeBlockLanguageItemIndex as Jn, moveMermaidFullscreenViewer as Yn, scrollCodeBlockLanguageItemIntoView as Xn } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
|
|
37
|
+
import { BubbleMenu as Zn } from "@tiptap/react/menus";
|
|
38
|
+
import { applyFloatingToolbarLink as Qn, createFloatingToolbarAssistantRequest as $n, getFloatingToolbarButtonModels as er, getFloatingToolbarHighlightColorOptions as tr, getFloatingToolbarLinkHref as nr, getFloatingToolbarMessageSet as rr, getFloatingToolbarMoreActions as ir, getFloatingToolbarTextColorOptions as ar, getFloatingToolbarTooltipModel as or, getFloatingToolbarTurnIntoOptions as sr, isFloatingToolbarMoreActionActive as cr, isFloatingToolbarTurnIntoActive as lr, openFloatingToolbarLinkHref as ur, preventFloatingToolbarPointerFocusLoss as dr, removeFloatingToolbarLink as fr, runFloatingToolbarMoreAction as pr, setFloatingToolbarHighlightColor as mr, setFloatingToolbarTextColor as hr, setFloatingToolbarTurnInto as gr } from "markweave/internal/editor-core/floating-toolbar-model";
|
|
39
|
+
import { normalizeMarkdownLinkHref as _r } from "markweave/internal/plugins/markdown/markdown-input";
|
|
40
|
+
import { setMarkweaveTableMenuAxisTarget as vr } from "markweave/internal/plugins/table/table-clipboard";
|
|
41
|
+
import { applyTableAxisAlignment as yr, applyTableAxisBackgroundColor as br, applyTableAxisTextColor as xr, calculateAnchoredTableMenuPosition as Sr, calculateTableAxisHandleLayout as Cr, calculateTableExtendButtonLayout as wr, canRunTableCommand as Tr, executeTableMenuCommand as Er, formatTableCopyFeedback as Dr, getActiveTableElement as Or, getTableAxisDropIndexAtPoint as kr, getTableAxisFormattingState as Ar, getTableAxisTargetRect as jr, getTableControlAxisSelectionModel as Mr, getTableEditWithAiRequest as Nr, getTableMenuItemGroup as Pr, getTableMenuItemLabel as Fr, getTableMenuItems as Ir, getTableSelectionTargetRect as Lr, measureTableSelectionOverlay as Rr, moveTargetedTableAxis as zr, selectTableAxisFromCell as Br, tableColorOptions as Vr, tableCopyFeedbackTimeoutMs as Hr, tableHorizontalAlignmentOptions as Ur, tableMenuLabel as Wr, tableVerticalAlignmentOptions as Gr, targetTableAxisFromCell as Kr } from "markweave/internal/plugins/table/table-ui-model";
|
|
42
|
+
import { createMarkweaveTocState as qr, emptyMarkweaveTocState as Jr, getActiveMarkweaveTocId as Yr, getMarkweaveTocItemsFromState as Xr, getValidMarkweaveTocActiveId as Zr, normalizeMarkweaveInnerTocPlacement as Qr, observeMarkweaveInnerTocContainerPosition as $r, scrollToMarkweaveTocItem as ei } from "markweave/internal/core/toc-state";
|
|
43
|
+
import { normalizeMarkweaveCanvasColor as ti, normalizeMarkweaveTheme as ni } from "markweave/internal/core/theme";
|
|
44
|
+
import { splitMarkweaveLargeMarkdown as ri } from "markweave/internal/core/large-document";
|
|
45
|
+
import { createMarkweaveSearchController as ii } from "markweave/internal/plugins/search/search-controller";
|
|
42
46
|
//#region src/editor-mode-state.ts
|
|
43
|
-
var
|
|
47
|
+
var ai = {
|
|
44
48
|
mode: "live",
|
|
45
49
|
editable: !0
|
|
46
50
|
};
|
|
47
|
-
function
|
|
48
|
-
return
|
|
51
|
+
function oi(e) {
|
|
52
|
+
return Ie((t) => nt(e, t), () => Qe(e), () => ai);
|
|
49
53
|
}
|
|
50
54
|
//#endregion
|
|
51
55
|
//#region src/media/image-node.tsx
|
|
52
|
-
var
|
|
53
|
-
function
|
|
56
|
+
var si = Ye;
|
|
57
|
+
function ci(e) {
|
|
54
58
|
return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
|
|
55
59
|
}
|
|
56
|
-
function
|
|
57
|
-
let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f =
|
|
58
|
-
|
|
59
|
-
src:
|
|
60
|
-
alt:
|
|
60
|
+
function li(e) {
|
|
61
|
+
let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = $e(oi(r)), p = X(o.attrs.src), m = si(o.attrs.align), h = Ze(o.attrs.width), g = X(o.attrs.caption), _ = q(null), v = hi(p, l.resolveMediaSource, _, s), y = v?.src ?? (l.resolveMediaSource ? null : p), b = q(null), [x, S] = J(!1), [C, w] = J(!1), [T, E] = J(!1), [D, O] = J(""), [k, A] = J(null), [j, M] = J(!1), [N, P] = J(!!g), [ee, F] = J(g ?? ""), te = f && (!p || C), I = () => {
|
|
62
|
+
y && rt({
|
|
63
|
+
src: y,
|
|
64
|
+
alt: X(o.attrs.alt) ?? "",
|
|
61
65
|
messages: {
|
|
62
66
|
dialogAriaLabel: d.previewDialogAriaLabel,
|
|
63
67
|
zoomOut: d.previewZoomOut,
|
|
@@ -67,63 +71,63 @@ function Cr(e) {
|
|
|
67
71
|
}
|
|
68
72
|
});
|
|
69
73
|
};
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}, [g,
|
|
74
|
+
W(() => {
|
|
75
|
+
N || F(g ?? "");
|
|
76
|
+
}, [g, N]);
|
|
73
77
|
let L = () => {
|
|
74
78
|
if (!f) return;
|
|
75
79
|
let e = i();
|
|
76
80
|
typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
|
|
77
|
-
},
|
|
81
|
+
}, re = () => {
|
|
78
82
|
if (f) {
|
|
79
|
-
if (
|
|
80
|
-
|
|
83
|
+
if (O(""), A(null), E(!1), p) {
|
|
84
|
+
w(!1);
|
|
81
85
|
return;
|
|
82
86
|
}
|
|
83
87
|
t();
|
|
84
88
|
}
|
|
85
89
|
}, R = async (e) => {
|
|
86
90
|
if (f) {
|
|
87
|
-
|
|
91
|
+
A(null), M(!0);
|
|
88
92
|
try {
|
|
89
|
-
let t = await
|
|
90
|
-
c(
|
|
93
|
+
let t = await Y(Ge(e, p && C ? "image-replace" : "image-insert"), l.onUpload);
|
|
94
|
+
c(Ve(o.attrs, t)), w(!1), O("");
|
|
91
95
|
} catch (e) {
|
|
92
|
-
|
|
96
|
+
A(e instanceof Error ? e.message : d.uploadFailedError);
|
|
93
97
|
} finally {
|
|
94
|
-
|
|
98
|
+
M(!1), E(!1);
|
|
95
99
|
}
|
|
96
100
|
}
|
|
97
|
-
},
|
|
101
|
+
}, ie = () => {
|
|
98
102
|
if (f) {
|
|
99
|
-
if (!
|
|
100
|
-
|
|
103
|
+
if (!D.trim()) {
|
|
104
|
+
A(d.uploadRequiredError);
|
|
101
105
|
return;
|
|
102
106
|
}
|
|
103
|
-
R(
|
|
107
|
+
R(Le(D));
|
|
104
108
|
}
|
|
105
|
-
},
|
|
109
|
+
}, z = (e) => {
|
|
106
110
|
!f || !e || R({
|
|
107
111
|
type: "file",
|
|
108
112
|
file: e,
|
|
109
113
|
mimeType: e.type
|
|
110
114
|
});
|
|
111
|
-
}, re = (e) => {
|
|
112
|
-
ne(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
|
|
113
|
-
}, ie = (e) => {
|
|
114
|
-
e.preventDefault(), e.stopPropagation(), f && ne(e.dataTransfer.files?.[0] ?? null);
|
|
115
|
-
}, ae = () => {
|
|
116
|
-
f && (N((e) => !e), M || F(g ?? ""));
|
|
117
115
|
}, B = (e) => {
|
|
116
|
+
z(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
|
|
117
|
+
}, ae = (e) => {
|
|
118
|
+
e.preventDefault(), e.stopPropagation(), f && z(e.dataTransfer.files?.[0] ?? null);
|
|
119
|
+
}, oe = () => {
|
|
120
|
+
f && (P((e) => !e), N || F(g ?? ""));
|
|
121
|
+
}, se = (e) => {
|
|
118
122
|
f && (F(e), c({ caption: e.trim() ? e : null }));
|
|
119
|
-
},
|
|
123
|
+
}, ce = (e, t) => {
|
|
120
124
|
if (t.preventDefault(), t.stopPropagation(), !f) return;
|
|
121
125
|
L();
|
|
122
126
|
let n = _.current;
|
|
123
127
|
if (!n) return;
|
|
124
128
|
let r = t.clientX, i = n.getBoundingClientRect().width || h || 320, a = n.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? n.parentElement?.getBoundingClientRect().width ?? i, o = (t) => {
|
|
125
129
|
let n = e === "right" ? t.clientX - r : r - t.clientX;
|
|
126
|
-
c({ width:
|
|
130
|
+
c({ width: We(i + n, a) });
|
|
127
131
|
}, s = () => {
|
|
128
132
|
window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
|
|
129
133
|
};
|
|
@@ -135,59 +139,66 @@ function Cr(e) {
|
|
|
135
139
|
"data-testid": "markweave-image-node",
|
|
136
140
|
"data-align": m,
|
|
137
141
|
"data-selected": f && s ? "true" : "false",
|
|
138
|
-
"data-hovered":
|
|
139
|
-
"data-empty":
|
|
140
|
-
onPointerEnter: () =>
|
|
141
|
-
onPointerLeave: () =>
|
|
142
|
+
"data-hovered": x ? "true" : "false",
|
|
143
|
+
"data-empty": te ? "true" : "false",
|
|
144
|
+
onPointerEnter: () => S(!0),
|
|
145
|
+
onPointerLeave: () => S(!1),
|
|
142
146
|
onMouseDown: (e) => {
|
|
143
|
-
f && !
|
|
147
|
+
f && !ci(e.target) && L();
|
|
144
148
|
},
|
|
145
|
-
children:
|
|
146
|
-
dragActive:
|
|
147
|
-
error:
|
|
148
|
-
inputValue:
|
|
149
|
-
isSubmitting:
|
|
150
|
-
fileInputRef:
|
|
149
|
+
children: te ? /* @__PURE__ */ Z(ui, {
|
|
150
|
+
dragActive: T,
|
|
151
|
+
error: k,
|
|
152
|
+
inputValue: D,
|
|
153
|
+
isSubmitting: j,
|
|
154
|
+
fileInputRef: b,
|
|
151
155
|
messages: u,
|
|
152
|
-
onCancel:
|
|
153
|
-
onDrop:
|
|
154
|
-
onDragActiveChange:
|
|
155
|
-
onFileChange:
|
|
156
|
-
onInputChange:
|
|
157
|
-
onSubmit:
|
|
158
|
-
}) : /* @__PURE__ */ Q(
|
|
159
|
-
f ? /* @__PURE__ */ Z(
|
|
156
|
+
onCancel: re,
|
|
157
|
+
onDrop: ae,
|
|
158
|
+
onDragActiveChange: E,
|
|
159
|
+
onFileChange: B,
|
|
160
|
+
onInputChange: O,
|
|
161
|
+
onSubmit: ie
|
|
162
|
+
}) : /* @__PURE__ */ Q(ot, { children: [
|
|
163
|
+
f ? /* @__PURE__ */ Z(di, {
|
|
160
164
|
align: m,
|
|
161
|
-
captionActive:
|
|
165
|
+
captionActive: N || !!g,
|
|
162
166
|
messages: u,
|
|
163
167
|
onAlign: (e) => c({ align: e }),
|
|
164
|
-
onCaption:
|
|
168
|
+
onCaption: oe,
|
|
165
169
|
onDelete: t,
|
|
166
170
|
onDownload: () => {
|
|
167
|
-
|
|
171
|
+
y && qe(y);
|
|
168
172
|
},
|
|
169
173
|
onPreview: I,
|
|
170
174
|
onReplace: () => {
|
|
171
|
-
|
|
175
|
+
O(""), A(null), w(!0);
|
|
172
176
|
}
|
|
173
177
|
}) : null,
|
|
174
178
|
/* @__PURE__ */ Q("div", {
|
|
175
179
|
className: "markweave-image-box",
|
|
176
180
|
ref: _,
|
|
177
|
-
style:
|
|
181
|
+
style: {
|
|
182
|
+
...h ? { width: `${h}px` } : null,
|
|
183
|
+
...v?.width && v.height ? { aspectRatio: `${v.width} / ${v.height}` } : null
|
|
184
|
+
},
|
|
178
185
|
children: [
|
|
179
|
-
|
|
186
|
+
y ? /* @__PURE__ */ Z("img", {
|
|
180
187
|
className: "markweave-image",
|
|
181
|
-
src:
|
|
182
|
-
alt:
|
|
183
|
-
title:
|
|
184
|
-
draggable: !1
|
|
188
|
+
src: y,
|
|
189
|
+
alt: X(o.attrs.alt) ?? "",
|
|
190
|
+
title: X(o.attrs.title) ?? void 0,
|
|
191
|
+
draggable: !1,
|
|
192
|
+
loading: "lazy",
|
|
193
|
+
decoding: "async",
|
|
194
|
+
width: v?.width,
|
|
195
|
+
height: v?.height
|
|
185
196
|
}) : /* @__PURE__ */ Z("div", {
|
|
186
197
|
className: "markweave-image-readonly-empty",
|
|
187
198
|
"data-testid": "markweave-image-readonly-empty",
|
|
188
199
|
"aria-hidden": "true"
|
|
189
200
|
}),
|
|
190
|
-
!f &&
|
|
201
|
+
!f && y ? /* @__PURE__ */ Q("button", {
|
|
191
202
|
type: "button",
|
|
192
203
|
className: "markweave-image-preview-trigger",
|
|
193
204
|
"data-testid": "markweave-image-preview",
|
|
@@ -196,7 +207,7 @@ function Cr(e) {
|
|
|
196
207
|
title: d.preview,
|
|
197
208
|
onMouseDown: (e) => e.preventDefault(),
|
|
198
209
|
onClick: I,
|
|
199
|
-
children: [/* @__PURE__ */ Z(
|
|
210
|
+
children: [/* @__PURE__ */ Z(ne, {
|
|
200
211
|
size: 16,
|
|
201
212
|
strokeWidth: 1.8
|
|
202
213
|
}), /* @__PURE__ */ Z("span", {
|
|
@@ -205,28 +216,28 @@ function Cr(e) {
|
|
|
205
216
|
children: d.preview
|
|
206
217
|
})]
|
|
207
218
|
}) : null,
|
|
208
|
-
f ? /* @__PURE__ */ Z(
|
|
219
|
+
f ? /* @__PURE__ */ Z(pi, {
|
|
209
220
|
side: "left",
|
|
210
221
|
messages: u,
|
|
211
|
-
onPointerDown:
|
|
222
|
+
onPointerDown: ce
|
|
212
223
|
}) : null,
|
|
213
|
-
f ? /* @__PURE__ */ Z(
|
|
224
|
+
f ? /* @__PURE__ */ Z(pi, {
|
|
214
225
|
side: "right",
|
|
215
226
|
messages: u,
|
|
216
|
-
onPointerDown:
|
|
227
|
+
onPointerDown: ce
|
|
217
228
|
}) : null
|
|
218
229
|
]
|
|
219
230
|
}),
|
|
220
|
-
f && (
|
|
231
|
+
f && (N || g) ? /* @__PURE__ */ Z("input", {
|
|
221
232
|
className: "markweave-image-caption-input",
|
|
222
233
|
"data-markweave-image-ui": "true",
|
|
223
234
|
"data-testid": "markweave-image-caption-input",
|
|
224
|
-
value:
|
|
235
|
+
value: ee,
|
|
225
236
|
placeholder: d.captionPlaceholder,
|
|
226
237
|
"aria-label": d.captionAriaLabel,
|
|
227
|
-
onChange: (e) =>
|
|
238
|
+
onChange: (e) => se(e.currentTarget.value),
|
|
228
239
|
onKeyDown: (e) => {
|
|
229
|
-
e.key === "Escape" && (e.preventDefault(),
|
|
240
|
+
e.key === "Escape" && (e.preventDefault(), P(!1));
|
|
230
241
|
}
|
|
231
242
|
}) : g ? /* @__PURE__ */ Z("figcaption", {
|
|
232
243
|
className: "markweave-image-caption",
|
|
@@ -236,7 +247,7 @@ function Cr(e) {
|
|
|
236
247
|
] })
|
|
237
248
|
});
|
|
238
249
|
}
|
|
239
|
-
function
|
|
250
|
+
function ui({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
|
|
240
251
|
let f = a.image;
|
|
241
252
|
return /* @__PURE__ */ Q("section", {
|
|
242
253
|
className: "markweave-image-upload-placeholder",
|
|
@@ -263,7 +274,7 @@ function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
|
|
|
263
274
|
/* @__PURE__ */ Z("div", {
|
|
264
275
|
className: "markweave-image-upload-icon",
|
|
265
276
|
"aria-hidden": "true",
|
|
266
|
-
children: /* @__PURE__ */ Z(
|
|
277
|
+
children: /* @__PURE__ */ Z(B, {
|
|
267
278
|
size: 46,
|
|
268
279
|
strokeWidth: 1.6
|
|
269
280
|
})
|
|
@@ -298,7 +309,7 @@ function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
|
|
|
298
309
|
"data-testid": "markweave-image-upload-submit",
|
|
299
310
|
disabled: i || !r.trim(),
|
|
300
311
|
onClick: d,
|
|
301
|
-
children: [/* @__PURE__ */ Z(
|
|
312
|
+
children: [/* @__PURE__ */ Z(B, {
|
|
302
313
|
size: 16,
|
|
303
314
|
strokeWidth: 1.8
|
|
304
315
|
}), a.common.insert]
|
|
@@ -318,7 +329,7 @@ function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
|
|
|
318
329
|
]
|
|
319
330
|
});
|
|
320
331
|
}
|
|
321
|
-
function
|
|
332
|
+
function di({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
|
|
322
333
|
let u = n.image;
|
|
323
334
|
return /* @__PURE__ */ Q("div", {
|
|
324
335
|
className: "markweave-image-toolbar",
|
|
@@ -326,21 +337,21 @@ function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
|
|
|
326
337
|
"data-markweave-image-ui": "true",
|
|
327
338
|
"aria-label": u.toolsAriaLabel,
|
|
328
339
|
children: [
|
|
329
|
-
/* @__PURE__ */ Z(
|
|
340
|
+
/* @__PURE__ */ Z(fi, {
|
|
330
341
|
testId: "markweave-image-align-left",
|
|
331
342
|
label: u.alignLeft,
|
|
332
343
|
icon: d,
|
|
333
344
|
active: e === "left",
|
|
334
345
|
onClick: () => r("left")
|
|
335
346
|
}),
|
|
336
|
-
/* @__PURE__ */ Z(
|
|
347
|
+
/* @__PURE__ */ Z(fi, {
|
|
337
348
|
testId: "markweave-image-align-center",
|
|
338
349
|
label: u.alignCenter,
|
|
339
350
|
icon: l,
|
|
340
351
|
active: e === "center",
|
|
341
352
|
onClick: () => r("center")
|
|
342
353
|
}),
|
|
343
|
-
/* @__PURE__ */ Z(
|
|
354
|
+
/* @__PURE__ */ Z(fi, {
|
|
344
355
|
testId: "markweave-image-align-right",
|
|
345
356
|
label: u.alignRight,
|
|
346
357
|
icon: f,
|
|
@@ -351,45 +362,45 @@ function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
|
|
|
351
362
|
className: "markweave-image-toolbar-divider",
|
|
352
363
|
"aria-hidden": "true"
|
|
353
364
|
}),
|
|
354
|
-
/* @__PURE__ */ Z(
|
|
365
|
+
/* @__PURE__ */ Z(fi, {
|
|
355
366
|
testId: "markweave-image-caption",
|
|
356
367
|
label: u.caption,
|
|
357
|
-
icon:
|
|
368
|
+
icon: O,
|
|
358
369
|
active: t,
|
|
359
370
|
onClick: i
|
|
360
371
|
}),
|
|
361
|
-
/* @__PURE__ */ Z(
|
|
372
|
+
/* @__PURE__ */ Z(fi, {
|
|
362
373
|
testId: "markweave-image-preview",
|
|
363
374
|
label: u.preview,
|
|
364
|
-
icon:
|
|
375
|
+
icon: ne,
|
|
365
376
|
onClick: s
|
|
366
377
|
}),
|
|
367
|
-
/* @__PURE__ */ Z(
|
|
378
|
+
/* @__PURE__ */ Z(fi, {
|
|
368
379
|
testId: "markweave-image-download",
|
|
369
380
|
label: u.download,
|
|
370
|
-
icon:
|
|
381
|
+
icon: I,
|
|
371
382
|
onClick: o
|
|
372
383
|
}),
|
|
373
|
-
/* @__PURE__ */ Z(
|
|
384
|
+
/* @__PURE__ */ Z(fi, {
|
|
374
385
|
testId: "markweave-image-replace",
|
|
375
386
|
label: u.replace,
|
|
376
|
-
icon:
|
|
387
|
+
icon: ye,
|
|
377
388
|
onClick: c
|
|
378
389
|
}),
|
|
379
390
|
/* @__PURE__ */ Z("span", {
|
|
380
391
|
className: "markweave-image-toolbar-divider",
|
|
381
392
|
"aria-hidden": "true"
|
|
382
393
|
}),
|
|
383
|
-
/* @__PURE__ */ Z(
|
|
394
|
+
/* @__PURE__ */ Z(fi, {
|
|
384
395
|
testId: "markweave-image-delete",
|
|
385
396
|
label: u.delete,
|
|
386
|
-
icon:
|
|
397
|
+
icon: je,
|
|
387
398
|
onClick: a
|
|
388
399
|
})
|
|
389
400
|
]
|
|
390
401
|
});
|
|
391
402
|
}
|
|
392
|
-
function
|
|
403
|
+
function fi({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
|
|
393
404
|
return /* @__PURE__ */ Q("button", {
|
|
394
405
|
type: "button",
|
|
395
406
|
"aria-label": n,
|
|
@@ -408,7 +419,7 @@ function Er({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
|
|
|
408
419
|
})]
|
|
409
420
|
});
|
|
410
421
|
}
|
|
411
|
-
function
|
|
422
|
+
function pi({ messages: e, onPointerDown: t, side: n }) {
|
|
412
423
|
return /* @__PURE__ */ Z("button", {
|
|
413
424
|
type: "button",
|
|
414
425
|
className: "markweave-image-resize-handle",
|
|
@@ -419,42 +430,95 @@ function Dr({ messages: e, onPointerDown: t, side: n }) {
|
|
|
419
430
|
onPointerDown: (e) => t(n, e)
|
|
420
431
|
});
|
|
421
432
|
}
|
|
422
|
-
var
|
|
433
|
+
var mi = ze.extend({
|
|
423
434
|
addOptions() {
|
|
424
435
|
return {
|
|
425
436
|
...this.parent?.(),
|
|
426
437
|
messages: n("zh"),
|
|
427
|
-
onUpload: void 0
|
|
438
|
+
onUpload: void 0,
|
|
439
|
+
resolveMediaSource: void 0
|
|
428
440
|
};
|
|
429
441
|
},
|
|
430
442
|
addNodeView() {
|
|
431
|
-
|
|
443
|
+
if (typeof document > "u") return null;
|
|
444
|
+
let e = o(li, { stopEvent: ({ event: e }) => ci(e.target) }), t = this.options.resolveMediaSource;
|
|
445
|
+
if (!t) return e;
|
|
446
|
+
let r = it({
|
|
447
|
+
messages: this.options.messages ?? n("zh"),
|
|
448
|
+
onUpload: this.options.onUpload,
|
|
449
|
+
resolveMediaSource: t
|
|
450
|
+
});
|
|
451
|
+
return (t) => X(t.node.attrs.src) ? r(t) : e(t);
|
|
432
452
|
}
|
|
433
453
|
});
|
|
454
|
+
function hi(e, t, n, r) {
|
|
455
|
+
let [i, a] = J(t ? "background" : "visible"), [o, s] = J(() => !t && e ? { src: e } : null);
|
|
456
|
+
return W(() => {
|
|
457
|
+
s(!t && e ? { src: e } : null), a(t ? "background" : "visible");
|
|
458
|
+
}, [t, e]), W(() => {
|
|
459
|
+
if (!t || !e) return;
|
|
460
|
+
if (r) {
|
|
461
|
+
a("visible");
|
|
462
|
+
return;
|
|
463
|
+
}
|
|
464
|
+
let i = n.current;
|
|
465
|
+
if (!i || typeof IntersectionObserver > "u") {
|
|
466
|
+
a("visible");
|
|
467
|
+
return;
|
|
468
|
+
}
|
|
469
|
+
let o = new IntersectionObserver((e) => {
|
|
470
|
+
let t = e[0];
|
|
471
|
+
if (!t?.isIntersecting) return;
|
|
472
|
+
let n = t.boundingClientRect, r = n.bottom >= 0 && n.top <= window.innerHeight;
|
|
473
|
+
a(r ? "visible" : "nearby");
|
|
474
|
+
}, { rootMargin: "300% 0px" });
|
|
475
|
+
return o.observe(i), () => o.disconnect();
|
|
476
|
+
}, [
|
|
477
|
+
n,
|
|
478
|
+
t,
|
|
479
|
+
r,
|
|
480
|
+
e
|
|
481
|
+
]), W(() => {
|
|
482
|
+
if (!t || !e || i === "background") return;
|
|
483
|
+
let n = new AbortController();
|
|
484
|
+
return at(t, {
|
|
485
|
+
kind: "image",
|
|
486
|
+
priority: i,
|
|
487
|
+
signal: n.signal,
|
|
488
|
+
src: e
|
|
489
|
+
}).then((e) => {
|
|
490
|
+
n.signal.aborted || s(e);
|
|
491
|
+
}), () => n.abort();
|
|
492
|
+
}, [
|
|
493
|
+
i,
|
|
494
|
+
t,
|
|
495
|
+
e
|
|
496
|
+
]), o;
|
|
497
|
+
}
|
|
434
498
|
//#endregion
|
|
435
499
|
//#region src/media/video-node.tsx
|
|
436
|
-
function
|
|
500
|
+
function gi(e) {
|
|
437
501
|
return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
|
|
438
502
|
}
|
|
439
|
-
function
|
|
440
|
-
let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f =
|
|
503
|
+
function _i(e) {
|
|
504
|
+
let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = $e(oi(r)), p = X(o.attrs.src), m = X(o.attrs.embedUrl), h = X(o.attrs.provider), g = m ? Xe(m, h) : null, _ = X(o.attrs.mimeType), v = X(o.attrs.title), y = q(null), [b, x] = J(!1), [S, C] = J(""), [w, T] = J(null), [E, D] = J(!1), O = f && !p, k = () => {
|
|
441
505
|
if (!f) return;
|
|
442
506
|
let e = i();
|
|
443
507
|
typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
|
|
444
508
|
}, A = (e) => {
|
|
445
|
-
f && (
|
|
509
|
+
f && (gi(e.target) || (e.preventDefault(), k()));
|
|
446
510
|
}, j = (e) => {
|
|
447
511
|
f && (e.key === "Delete" || e.key === "Backspace") && s && (e.preventDefault(), t());
|
|
448
512
|
}, M = async (e) => {
|
|
449
513
|
if (!(!f || !e)) {
|
|
450
514
|
T(null), D(!0);
|
|
451
515
|
try {
|
|
452
|
-
let t = await
|
|
516
|
+
let t = await Y(Ke({
|
|
453
517
|
type: "file",
|
|
454
518
|
file: e,
|
|
455
519
|
mimeType: e.type
|
|
456
520
|
}), l.onUpload);
|
|
457
|
-
c(
|
|
521
|
+
c(He(t)), C("");
|
|
458
522
|
} catch (e) {
|
|
459
523
|
T(e instanceof Error ? e.message : d.uploadFailedError);
|
|
460
524
|
} finally {
|
|
@@ -468,7 +532,7 @@ function Ar(e) {
|
|
|
468
532
|
"data-testid": "markweave-video-node",
|
|
469
533
|
"data-empty": "true",
|
|
470
534
|
"data-selected": "false",
|
|
471
|
-
children: /* @__PURE__ */ Z(
|
|
535
|
+
children: /* @__PURE__ */ Z(vi, {
|
|
472
536
|
dragActive: b,
|
|
473
537
|
error: w,
|
|
474
538
|
fileInputRef: y,
|
|
@@ -486,7 +550,7 @@ function Ar(e) {
|
|
|
486
550
|
onInputChange: C,
|
|
487
551
|
onSubmit: () => {
|
|
488
552
|
if (!f) return;
|
|
489
|
-
let e =
|
|
553
|
+
let e = Ue(S);
|
|
490
554
|
if (!e) {
|
|
491
555
|
T(d.unsupportedUrlError);
|
|
492
556
|
return;
|
|
@@ -515,7 +579,7 @@ function Ar(e) {
|
|
|
515
579
|
"data-markweave-video-embed": "true",
|
|
516
580
|
"data-markweave-video-provider": h ?? void 0,
|
|
517
581
|
"data-markweave-video-src": p ?? void 0,
|
|
518
|
-
allow:
|
|
582
|
+
allow: Je,
|
|
519
583
|
loading: "lazy",
|
|
520
584
|
allowFullScreen: !0
|
|
521
585
|
}), f ? /* @__PURE__ */ Z("button", {
|
|
@@ -549,7 +613,7 @@ function Ar(e) {
|
|
|
549
613
|
})
|
|
550
614
|
});
|
|
551
615
|
}
|
|
552
|
-
function
|
|
616
|
+
function vi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
|
|
553
617
|
let f = a.video;
|
|
554
618
|
return /* @__PURE__ */ Q("section", {
|
|
555
619
|
className: "markweave-video-upload-placeholder",
|
|
@@ -576,7 +640,7 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
|
|
|
576
640
|
/* @__PURE__ */ Z("div", {
|
|
577
641
|
className: "markweave-video-upload-icon",
|
|
578
642
|
"aria-hidden": "true",
|
|
579
|
-
children: /* @__PURE__ */ Z(
|
|
643
|
+
children: /* @__PURE__ */ Z(Fe, {
|
|
580
644
|
size: 46,
|
|
581
645
|
strokeWidth: 1.6
|
|
582
646
|
})
|
|
@@ -611,7 +675,7 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
|
|
|
611
675
|
"data-testid": "markweave-video-upload-submit",
|
|
612
676
|
disabled: i || !r.trim(),
|
|
613
677
|
onClick: d,
|
|
614
|
-
children: [/* @__PURE__ */ Z(
|
|
678
|
+
children: [/* @__PURE__ */ Z(Pe, {
|
|
615
679
|
size: 16,
|
|
616
680
|
strokeWidth: 1.8
|
|
617
681
|
}), a.common.insert]
|
|
@@ -631,67 +695,68 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
|
|
|
631
695
|
]
|
|
632
696
|
});
|
|
633
697
|
}
|
|
634
|
-
var
|
|
698
|
+
var yi = Be.extend({
|
|
635
699
|
addOptions() {
|
|
636
700
|
return {
|
|
637
701
|
...this.parent?.(),
|
|
638
702
|
messages: n("zh"),
|
|
639
|
-
onUpload: void 0
|
|
703
|
+
onUpload: void 0,
|
|
704
|
+
resolveMediaSource: void 0
|
|
640
705
|
};
|
|
641
706
|
},
|
|
642
707
|
addNodeView() {
|
|
643
|
-
return typeof document > "u" ? null : o(
|
|
708
|
+
return typeof document > "u" ? null : o(_i, { stopEvent: ({ event: e }) => gi(e.target) });
|
|
644
709
|
}
|
|
645
710
|
});
|
|
646
711
|
//#endregion
|
|
647
712
|
//#region src/link-card-node.tsx
|
|
648
|
-
function
|
|
713
|
+
function bi(e) {
|
|
649
714
|
return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
|
|
650
715
|
}
|
|
651
|
-
function
|
|
716
|
+
function xi(e) {
|
|
652
717
|
return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
|
|
653
718
|
}
|
|
654
|
-
function
|
|
719
|
+
function Si(e) {
|
|
655
720
|
!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
|
|
656
721
|
}
|
|
657
|
-
function
|
|
722
|
+
function Ci(e) {
|
|
658
723
|
try {
|
|
659
724
|
return new URL(e).host;
|
|
660
725
|
} catch {
|
|
661
726
|
return e;
|
|
662
727
|
}
|
|
663
728
|
}
|
|
664
|
-
function
|
|
665
|
-
let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d =
|
|
666
|
-
if (
|
|
667
|
-
b(f?.title ?? ""),
|
|
729
|
+
function wi(e) {
|
|
730
|
+
let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = $e(oi(r)), f = ct(o.attrs), [p, m] = J(!1), [h, g] = J(!1), [_, v] = J(!1), [y, b] = J(f?.title ?? ""), [x, S] = J(f?.href ?? ""), C = q(null);
|
|
731
|
+
if (W(() => () => C.current?.abort(), []), W(() => {
|
|
732
|
+
b(f?.title ?? ""), S(f?.href ?? ""), v(!1);
|
|
668
733
|
}, [f?.href, f?.title]), !f) return null;
|
|
669
|
-
let
|
|
734
|
+
let w = async (e) => {
|
|
670
735
|
e.preventDefault();
|
|
671
|
-
let t =
|
|
736
|
+
let t = ct({
|
|
672
737
|
...f,
|
|
673
738
|
href: x,
|
|
674
739
|
title: y
|
|
675
740
|
});
|
|
676
741
|
if (!t) return;
|
|
677
|
-
s(t), g(!1),
|
|
742
|
+
s(t), g(!1), C.current?.abort();
|
|
678
743
|
let n = new AbortController();
|
|
679
|
-
|
|
744
|
+
C.current = n;
|
|
680
745
|
try {
|
|
681
746
|
let e = await c.resolver?.({
|
|
682
747
|
href: t.href,
|
|
683
748
|
title: t.title,
|
|
684
749
|
signal: n.signal
|
|
685
750
|
});
|
|
686
|
-
!n.signal.aborted && e && s(
|
|
751
|
+
!n.signal.aborted && e && s(ct({
|
|
687
752
|
...t,
|
|
688
753
|
...e
|
|
689
754
|
}) ?? t);
|
|
690
755
|
} catch {}
|
|
691
|
-
},
|
|
756
|
+
}, T = () => {
|
|
692
757
|
let e = i();
|
|
693
|
-
typeof e == "number" &&
|
|
694
|
-
},
|
|
758
|
+
typeof e == "number" && ut(r, e);
|
|
759
|
+
}, E = _ ? null : f.imageUrl, D = Ci(f.href);
|
|
695
760
|
return /* @__PURE__ */ Q(a, {
|
|
696
761
|
as: "article",
|
|
697
762
|
className: "markweave-link-card",
|
|
@@ -702,10 +767,10 @@ function Lr(e) {
|
|
|
702
767
|
onMouseEnter: () => m(!0),
|
|
703
768
|
onMouseLeave: () => m(!1),
|
|
704
769
|
onMouseDown: (e) => {
|
|
705
|
-
|
|
770
|
+
bi(e.target) || e.preventDefault();
|
|
706
771
|
},
|
|
707
772
|
onClick: (e) => {
|
|
708
|
-
|
|
773
|
+
bi(e.target) || (e.preventDefault(), Si(f.href));
|
|
709
774
|
},
|
|
710
775
|
children: [
|
|
711
776
|
/* @__PURE__ */ Q("a", {
|
|
@@ -717,13 +782,13 @@ function Lr(e) {
|
|
|
717
782
|
children: [
|
|
718
783
|
/* @__PURE__ */ Z("strong", { children: f.title }),
|
|
719
784
|
f.description ? /* @__PURE__ */ Z("span", { children: f.description }) : null,
|
|
720
|
-
/* @__PURE__ */ Z("small", { children: f.siteName ??
|
|
785
|
+
/* @__PURE__ */ Z("small", { children: f.siteName ?? D })
|
|
721
786
|
]
|
|
722
787
|
}), /* @__PURE__ */ Z("span", {
|
|
723
788
|
className: "markweave-link-card-media",
|
|
724
789
|
"aria-hidden": "true",
|
|
725
|
-
children:
|
|
726
|
-
src:
|
|
790
|
+
children: E ? /* @__PURE__ */ Z("img", {
|
|
791
|
+
src: E,
|
|
727
792
|
alt: "",
|
|
728
793
|
loading: "lazy",
|
|
729
794
|
referrerPolicy: "no-referrer",
|
|
@@ -735,7 +800,7 @@ function Lr(e) {
|
|
|
735
800
|
loading: "lazy",
|
|
736
801
|
referrerPolicy: "no-referrer",
|
|
737
802
|
onError: () => v(!0)
|
|
738
|
-
}) : /* @__PURE__ */ Z("b", { children:
|
|
803
|
+
}) : /* @__PURE__ */ Z("b", { children: D.slice(0, 1).toUpperCase() })
|
|
739
804
|
})]
|
|
740
805
|
}),
|
|
741
806
|
d && p ? /* @__PURE__ */ Q("div", {
|
|
@@ -743,24 +808,24 @@ function Lr(e) {
|
|
|
743
808
|
"data-markweave-link-card-ui": "true",
|
|
744
809
|
"aria-label": u.toolsAriaLabel,
|
|
745
810
|
children: [
|
|
746
|
-
/* @__PURE__ */ Z(
|
|
811
|
+
/* @__PURE__ */ Z(Ti, {
|
|
747
812
|
label: u.convertToLink,
|
|
748
|
-
icon:
|
|
749
|
-
onClick:
|
|
813
|
+
icon: V,
|
|
814
|
+
onClick: T,
|
|
750
815
|
testId: "markweave-link-card-convert"
|
|
751
816
|
}),
|
|
752
|
-
/* @__PURE__ */ Z(
|
|
817
|
+
/* @__PURE__ */ Z(Ti, {
|
|
753
818
|
label: u.copyAddress,
|
|
754
|
-
icon:
|
|
755
|
-
onClick: () => void
|
|
819
|
+
icon: F,
|
|
820
|
+
onClick: () => void xi(f.href),
|
|
756
821
|
testId: "markweave-link-card-copy"
|
|
757
822
|
}),
|
|
758
|
-
/* @__PURE__ */ Z(
|
|
823
|
+
/* @__PURE__ */ Z(Ti, {
|
|
759
824
|
label: u.edit,
|
|
760
|
-
icon:
|
|
825
|
+
icon: ge,
|
|
761
826
|
onClick: (e) => {
|
|
762
827
|
let t = i();
|
|
763
|
-
typeof t == "number" &&
|
|
828
|
+
typeof t == "number" && dt({
|
|
764
829
|
anchor: e.currentTarget,
|
|
765
830
|
editor: r,
|
|
766
831
|
messages: l,
|
|
@@ -773,9 +838,9 @@ function Lr(e) {
|
|
|
773
838
|
},
|
|
774
839
|
testId: "markweave-link-card-edit"
|
|
775
840
|
}),
|
|
776
|
-
/* @__PURE__ */ Z(
|
|
841
|
+
/* @__PURE__ */ Z(Ti, {
|
|
777
842
|
label: u.delete,
|
|
778
|
-
icon:
|
|
843
|
+
icon: je,
|
|
779
844
|
onClick: t,
|
|
780
845
|
testId: "markweave-link-card-delete"
|
|
781
846
|
})
|
|
@@ -785,7 +850,7 @@ function Lr(e) {
|
|
|
785
850
|
className: "markweave-link-card-editor",
|
|
786
851
|
"data-markweave-link-card-ui": "true",
|
|
787
852
|
"data-testid": "markweave-link-card-editor",
|
|
788
|
-
onSubmit:
|
|
853
|
+
onSubmit: w,
|
|
789
854
|
children: [
|
|
790
855
|
/* @__PURE__ */ Q("label", { children: [/* @__PURE__ */ Z("span", { children: u.titleLabel }), /* @__PURE__ */ Z("input", {
|
|
791
856
|
"aria-label": u.titleLabel,
|
|
@@ -797,20 +862,20 @@ function Lr(e) {
|
|
|
797
862
|
"aria-label": u.addressLabel,
|
|
798
863
|
placeholder: u.addressPlaceholder,
|
|
799
864
|
value: x,
|
|
800
|
-
onChange: (e) =>
|
|
865
|
+
onChange: (e) => S(e.currentTarget.value)
|
|
801
866
|
})] }),
|
|
802
867
|
/* @__PURE__ */ Z("button", {
|
|
803
868
|
type: "submit",
|
|
804
869
|
"aria-label": u.edit,
|
|
805
|
-
disabled: !
|
|
806
|
-
children: /* @__PURE__ */ Z(
|
|
870
|
+
disabled: !lt(x),
|
|
871
|
+
children: /* @__PURE__ */ Z(V, { size: 16 })
|
|
807
872
|
})
|
|
808
873
|
]
|
|
809
874
|
}) : null
|
|
810
875
|
]
|
|
811
876
|
});
|
|
812
877
|
}
|
|
813
|
-
function
|
|
878
|
+
function Ti({ icon: e, label: t, onClick: n, testId: r }) {
|
|
814
879
|
return /* @__PURE__ */ Q("button", {
|
|
815
880
|
type: "button",
|
|
816
881
|
"aria-label": t,
|
|
@@ -827,7 +892,7 @@ function Rr({ icon: e, label: t, onClick: n, testId: r }) {
|
|
|
827
892
|
})]
|
|
828
893
|
});
|
|
829
894
|
}
|
|
830
|
-
var
|
|
895
|
+
var Ei = ft.extend({
|
|
831
896
|
addOptions() {
|
|
832
897
|
return {
|
|
833
898
|
...this.parent?.(),
|
|
@@ -836,37 +901,38 @@ var zr = Ge.extend({
|
|
|
836
901
|
};
|
|
837
902
|
},
|
|
838
903
|
addNodeView() {
|
|
839
|
-
return typeof document > "u" ? null : o(
|
|
904
|
+
return typeof document > "u" ? null : o(wi, { stopEvent: ({ event: e }) => bi(e.target) });
|
|
840
905
|
}
|
|
841
906
|
});
|
|
842
907
|
//#endregion
|
|
843
908
|
//#region src/create-editor-extensions.ts
|
|
844
|
-
function
|
|
909
|
+
function Di(t = {}) {
|
|
845
910
|
return e({
|
|
846
911
|
lang: t.lang,
|
|
847
912
|
onImageUpload: t.onImageUpload,
|
|
848
|
-
linkCardExtension:
|
|
913
|
+
linkCardExtension: Ei.configure({
|
|
849
914
|
lang: t.lang,
|
|
850
915
|
messages: n(t.lang),
|
|
851
916
|
resolver: t.linkCardResolver
|
|
852
917
|
}),
|
|
853
|
-
mediaExtensions:
|
|
854
|
-
image:
|
|
855
|
-
video:
|
|
918
|
+
mediaExtensions: st({
|
|
919
|
+
image: mi,
|
|
920
|
+
video: yi,
|
|
856
921
|
lang: t.lang,
|
|
857
922
|
onImageUpload: t.onImageUpload,
|
|
858
|
-
onVideoUpload: t.onVideoUpload
|
|
923
|
+
onVideoUpload: t.onVideoUpload,
|
|
924
|
+
resolveMediaSource: t.resolveMediaSource
|
|
859
925
|
})
|
|
860
926
|
});
|
|
861
927
|
}
|
|
862
928
|
//#endregion
|
|
863
929
|
//#region src/ui/codeblock/CodeBlockControls.tsx
|
|
864
|
-
function
|
|
865
|
-
return e === "clipboard" ? /* @__PURE__ */ Q(
|
|
930
|
+
function Oi(e) {
|
|
931
|
+
return e === "clipboard" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), /* @__PURE__ */ Z("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] }) : e === "search" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("circle", {
|
|
866
932
|
cx: "10",
|
|
867
933
|
cy: "10",
|
|
868
934
|
r: "5.5"
|
|
869
|
-
}), /* @__PURE__ */ Z("path", { d: "m14 14 4 4" })] }) : e === "check" ? /* @__PURE__ */ Z("path", { d: "m5 11 4 4 8-9" }) : e === "expand" ? /* @__PURE__ */ Q(
|
|
935
|
+
}), /* @__PURE__ */ Z("path", { d: "m14 14 4 4" })] }) : e === "check" ? /* @__PURE__ */ Z("path", { d: "m5 11 4 4 8-9" }) : e === "expand" ? /* @__PURE__ */ Q(ot, { children: [
|
|
870
936
|
/* @__PURE__ */ Z("path", { d: "M8 4H4v4" }),
|
|
871
937
|
/* @__PURE__ */ Z("path", { d: "M4 4l5 5" }),
|
|
872
938
|
/* @__PURE__ */ Z("path", { d: "M16 4h4v4" }),
|
|
@@ -875,11 +941,11 @@ function Vr(e) {
|
|
|
875
941
|
/* @__PURE__ */ Z("path", { d: "m4 20 5-5" }),
|
|
876
942
|
/* @__PURE__ */ Z("path", { d: "M16 20h4v-4" }),
|
|
877
943
|
/* @__PURE__ */ Z("path", { d: "m20 20-5-5" })
|
|
878
|
-
] }) : e === "download" ? /* @__PURE__ */ Q(
|
|
944
|
+
] }) : e === "download" ? /* @__PURE__ */ Q(ot, { children: [
|
|
879
945
|
/* @__PURE__ */ Z("path", { d: "M12 4v10" }),
|
|
880
946
|
/* @__PURE__ */ Z("path", { d: "m8 10 4 4 4-4" }),
|
|
881
947
|
/* @__PURE__ */ Z("path", { d: "M5 19h14" })
|
|
882
|
-
] }) : e === "close" ? /* @__PURE__ */ Q(
|
|
948
|
+
] }) : e === "close" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M6 6l12 12" }), /* @__PURE__ */ Z("path", { d: "M18 6 6 18" })] }) : e === "zoomOut" ? /* @__PURE__ */ Q(ot, { children: [
|
|
883
949
|
/* @__PURE__ */ Z("circle", {
|
|
884
950
|
cx: "10",
|
|
885
951
|
cy: "10",
|
|
@@ -887,7 +953,7 @@ function Vr(e) {
|
|
|
887
953
|
}),
|
|
888
954
|
/* @__PURE__ */ Z("path", { d: "M7.5 10h5" }),
|
|
889
955
|
/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
|
|
890
|
-
] }) : e === "zoomIn" ? /* @__PURE__ */ Q(
|
|
956
|
+
] }) : e === "zoomIn" ? /* @__PURE__ */ Q(ot, { children: [
|
|
891
957
|
/* @__PURE__ */ Z("circle", {
|
|
892
958
|
cx: "10",
|
|
893
959
|
cy: "10",
|
|
@@ -896,9 +962,9 @@ function Vr(e) {
|
|
|
896
962
|
/* @__PURE__ */ Z("path", { d: "M7.5 10h5" }),
|
|
897
963
|
/* @__PURE__ */ Z("path", { d: "M10 7.5v5" }),
|
|
898
964
|
/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
|
|
899
|
-
] }) : e === "reset" ? /* @__PURE__ */ Q(
|
|
965
|
+
] }) : e === "reset" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), /* @__PURE__ */ Z("path", { d: "M6.5 8.5H3.5v-3" })] }) : /* @__PURE__ */ Z("path", { d: "m6 9 6 6 6-6" });
|
|
900
966
|
}
|
|
901
|
-
function
|
|
967
|
+
function ki({ icon: e }) {
|
|
902
968
|
return /* @__PURE__ */ Z("svg", {
|
|
903
969
|
viewBox: "0 0 24 24",
|
|
904
970
|
"aria-hidden": "true",
|
|
@@ -909,63 +975,71 @@ function Hr({ icon: e }) {
|
|
|
909
975
|
strokeLinecap: "round",
|
|
910
976
|
strokeLinejoin: "round",
|
|
911
977
|
strokeWidth: "1.8",
|
|
912
|
-
children:
|
|
978
|
+
children: Oi(e)
|
|
913
979
|
})
|
|
914
980
|
});
|
|
915
981
|
}
|
|
916
|
-
function
|
|
917
|
-
let a =
|
|
982
|
+
function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
|
|
983
|
+
let a = q(null), o = q(null), s = q(null), c = q(null), l = q(null), u = q({
|
|
918
984
|
active: !1,
|
|
919
985
|
lastX: 0,
|
|
920
986
|
lastY: 0
|
|
921
|
-
}), [
|
|
922
|
-
...
|
|
923
|
-
pos:
|
|
987
|
+
}), [d, f] = J(null), [p, m] = J(null), [h, g] = J([]), [_, v] = J(null), [y, b] = J(!1), [x, S] = J(""), [C, w] = J(-1), [T, E] = J(null), [D, O] = J(!1), [k, A] = J(null), [j, M] = J(null), [N, P] = J(!1), [ee, F] = J(0), [te, I] = J(0), L = Ft(t), ne = Bn(t, d), re = !i && e && L.active && L.pos !== null ? {
|
|
988
|
+
...L,
|
|
989
|
+
pos: L.pos,
|
|
924
990
|
active: !0
|
|
925
|
-
} : null,
|
|
926
|
-
if (
|
|
927
|
-
i && (
|
|
928
|
-
}, [i]),
|
|
929
|
-
if (!
|
|
991
|
+
} : null, R = ne ?? re, ie = R !== null, z = R?.language === "mermaid", B = Gn(t, R), ae = ie && R !== null && !B, oe = !i, se = Nn(R ? R.language : "text"), ce = T?.status ?? "idle", le = R?.mermaidPreviewMode ?? n, V = z && le === "preview", ue = Un(t), de = `${te}|${ue.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, H = K(() => Ln(x.trim().toLowerCase()), [x]);
|
|
992
|
+
if (W(() => {
|
|
993
|
+
i && (b(!1), S(""), w(-1));
|
|
994
|
+
}, [i]), W(() => {
|
|
995
|
+
if (!T) return;
|
|
930
996
|
let e = window.setTimeout(() => {
|
|
931
|
-
|
|
932
|
-
},
|
|
997
|
+
E(null);
|
|
998
|
+
}, En);
|
|
933
999
|
return () => {
|
|
934
1000
|
window.clearTimeout(e);
|
|
935
1001
|
};
|
|
936
|
-
}, [
|
|
937
|
-
|
|
1002
|
+
}, [T]), W(() => {
|
|
1003
|
+
E(null), b(!1), S(""), w(-1), A(null), M(null), P(!1);
|
|
938
1004
|
}, [
|
|
939
1005
|
e,
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
]),
|
|
1006
|
+
R?.language,
|
|
1007
|
+
R?.pos,
|
|
1008
|
+
R?.text
|
|
1009
|
+
]), W(() => {
|
|
944
1010
|
let e = ({ transaction: e }) => {
|
|
945
|
-
e.getMeta(
|
|
1011
|
+
e.getMeta(Nt) && F((e) => e + 1);
|
|
946
1012
|
};
|
|
947
1013
|
return t.on("transaction", e), () => {
|
|
948
1014
|
t.off("transaction", e);
|
|
949
1015
|
};
|
|
950
|
-
}, [t]),
|
|
1016
|
+
}, [t]), W(() => {
|
|
951
1017
|
let e = t.view.dom.closest(".markweave-editor-frame");
|
|
952
1018
|
if (!e) return;
|
|
953
1019
|
let n = (e) => {
|
|
954
|
-
if (e.target instanceof Node && a.current?.contains(e.target) ||
|
|
955
|
-
let n =
|
|
956
|
-
|
|
1020
|
+
if (e.target instanceof Node && a.current?.contains(e.target) || y) return;
|
|
1021
|
+
let n = Bn(t, zn(t, e.target)), r = n && !Gn(t, n) ? n.pos : null;
|
|
1022
|
+
f((e) => e === r ? e : r);
|
|
957
1023
|
}, r = () => {
|
|
958
|
-
|
|
1024
|
+
y || f(null);
|
|
959
1025
|
};
|
|
960
1026
|
return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
|
|
961
1027
|
e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
|
|
962
1028
|
};
|
|
963
|
-
}, [t,
|
|
964
|
-
|
|
965
|
-
}, [
|
|
966
|
-
if (!
|
|
1029
|
+
}, [t, y]), W(() => {
|
|
1030
|
+
y && s.current?.focus({ preventScroll: !0 });
|
|
1031
|
+
}, [y]), G(() => {
|
|
1032
|
+
if (!y || C < 0) return;
|
|
1033
|
+
let e = c.current, t = e?.querySelector(`[data-language-index="${C}"]`);
|
|
1034
|
+
e && t && Xn(e, t);
|
|
1035
|
+
}, [
|
|
1036
|
+
C,
|
|
1037
|
+
H,
|
|
1038
|
+
y
|
|
1039
|
+
]), W(() => {
|
|
1040
|
+
if (!k) return;
|
|
967
1041
|
let e = (e) => {
|
|
968
|
-
e.key === "Escape" && (
|
|
1042
|
+
e.key === "Escape" && (A(null), M(null), P(!1), u.current = {
|
|
969
1043
|
active: !1,
|
|
970
1044
|
lastX: 0,
|
|
971
1045
|
lastY: 0
|
|
@@ -974,33 +1048,33 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
974
1048
|
return document.addEventListener("keydown", e), () => {
|
|
975
1049
|
document.removeEventListener("keydown", e);
|
|
976
1050
|
};
|
|
977
|
-
}, [t,
|
|
978
|
-
if (!
|
|
1051
|
+
}, [t, k]), W(() => {
|
|
1052
|
+
if (!ie || !y) return;
|
|
979
1053
|
let e = (e) => {
|
|
980
|
-
e.key === "Escape" && (
|
|
1054
|
+
e.key === "Escape" && (b(!1), w(-1), t.view.focus());
|
|
981
1055
|
}, n = (e) => {
|
|
982
|
-
e.target instanceof Node && a.current?.contains(e.target) ||
|
|
1056
|
+
e.target instanceof Node && a.current?.contains(e.target) || (b(!1), w(-1));
|
|
983
1057
|
};
|
|
984
1058
|
return document.addEventListener("keydown", e), document.addEventListener("mousedown", n), () => {
|
|
985
1059
|
document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
|
|
986
1060
|
};
|
|
987
1061
|
}, [
|
|
988
|
-
|
|
1062
|
+
ie,
|
|
989
1063
|
t,
|
|
990
|
-
|
|
991
|
-
]),
|
|
1064
|
+
y
|
|
1065
|
+
]), G(() => {
|
|
992
1066
|
let e = () => {
|
|
993
1067
|
let e = a.current;
|
|
994
1068
|
if (!e) return;
|
|
995
|
-
if (!
|
|
996
|
-
|
|
1069
|
+
if (!Vn(e) || ue.length === 0) {
|
|
1070
|
+
g([]);
|
|
997
1071
|
return;
|
|
998
1072
|
}
|
|
999
|
-
let n = e.getBoundingClientRect(), r =
|
|
1000
|
-
let r =
|
|
1001
|
-
return r ? [
|
|
1073
|
+
let n = e.getBoundingClientRect(), r = ue.flatMap((e) => {
|
|
1074
|
+
let r = In(Fn(t, e.pos, e.mermaidPreviewMode), n);
|
|
1075
|
+
return r ? [jn(e, r, n)] : [];
|
|
1002
1076
|
});
|
|
1003
|
-
|
|
1077
|
+
g((e) => Kn(e, r, ue.map((e) => e.pos)));
|
|
1004
1078
|
};
|
|
1005
1079
|
e();
|
|
1006
1080
|
let n = window.requestAnimationFrame(e);
|
|
@@ -1008,26 +1082,26 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1008
1082
|
window.cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
|
|
1009
1083
|
};
|
|
1010
1084
|
}, [
|
|
1011
|
-
|
|
1085
|
+
ee,
|
|
1012
1086
|
t,
|
|
1013
|
-
|
|
1014
|
-
]),
|
|
1015
|
-
if (!
|
|
1016
|
-
|
|
1087
|
+
de
|
|
1088
|
+
]), G(() => {
|
|
1089
|
+
if (!ae || !R) {
|
|
1090
|
+
m(null), v(null);
|
|
1017
1091
|
return;
|
|
1018
1092
|
}
|
|
1019
1093
|
let e = () => {
|
|
1020
1094
|
let e = a.current;
|
|
1021
1095
|
if (!e) return;
|
|
1022
|
-
let n =
|
|
1096
|
+
let n = Fn(t, R.pos, le), r = e.getBoundingClientRect(), i = In(n, r);
|
|
1023
1097
|
if (!i) {
|
|
1024
|
-
|
|
1098
|
+
m((e) => e?.pos === R.pos ? e : null), v((e) => y ? e : null);
|
|
1025
1099
|
return;
|
|
1026
1100
|
}
|
|
1027
|
-
let s =
|
|
1028
|
-
if (
|
|
1101
|
+
let s = kn(R.pos, i, r);
|
|
1102
|
+
if (m(s), y && o.current) {
|
|
1029
1103
|
let e = o.current.getBoundingClientRect();
|
|
1030
|
-
|
|
1104
|
+
v(wn({
|
|
1031
1105
|
overlayRect: r,
|
|
1032
1106
|
buttonRect: e,
|
|
1033
1107
|
windowWidth: window.innerWidth,
|
|
@@ -1039,93 +1113,115 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1039
1113
|
window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
|
|
1040
1114
|
};
|
|
1041
1115
|
}, [
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1116
|
+
ae,
|
|
1117
|
+
ee,
|
|
1118
|
+
R?.pos,
|
|
1045
1119
|
t,
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
]), !
|
|
1049
|
-
let
|
|
1050
|
-
top:
|
|
1051
|
-
right:
|
|
1052
|
-
} : void 0,
|
|
1120
|
+
y,
|
|
1121
|
+
le
|
|
1122
|
+
]), !ae && ue.length === 0 && !k) return null;
|
|
1123
|
+
let fe = p ? {
|
|
1124
|
+
top: p.top,
|
|
1125
|
+
right: p.right
|
|
1126
|
+
} : void 0, pe = async () => {
|
|
1053
1127
|
if (i) {
|
|
1054
|
-
if (!
|
|
1055
|
-
let e = await
|
|
1056
|
-
|
|
1128
|
+
if (!R) return;
|
|
1129
|
+
let e = await Dn(R.text);
|
|
1130
|
+
E(It(R, e ? "copied" : "failed"));
|
|
1057
1131
|
return;
|
|
1058
1132
|
}
|
|
1059
|
-
if (!
|
|
1060
|
-
let e = await
|
|
1061
|
-
|
|
1062
|
-
},
|
|
1133
|
+
if (!Mn(t, R)) return;
|
|
1134
|
+
let e = await Pt(t);
|
|
1135
|
+
E(It(Ft(t), e ? "copied" : "failed")), t.view.focus();
|
|
1136
|
+
}, me = (e, n) => {
|
|
1063
1137
|
if (i) {
|
|
1064
|
-
|
|
1138
|
+
Wt(t, e.pos, n) && I((e) => e + 1);
|
|
1065
1139
|
return;
|
|
1066
1140
|
}
|
|
1067
|
-
let a =
|
|
1068
|
-
|
|
1069
|
-
},
|
|
1070
|
-
if (i || !
|
|
1071
|
-
let n =
|
|
1072
|
-
|
|
1073
|
-
},
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
let
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1141
|
+
let a = L.active && L.pos === e.pos;
|
|
1142
|
+
Bt(t, e.pos, n) && (r(n), I((e) => e + 1), a && t.view.focus());
|
|
1143
|
+
}, he = (e) => {
|
|
1144
|
+
if (i || !R) return;
|
|
1145
|
+
let n = L.active && L.pos === R.pos;
|
|
1146
|
+
zt(t, R.pos, e) && (e === "mermaid" && Bt(t, R.pos, "preview") && r("preview"), b(!1), S(""), w(-1), I((e) => e + 1), n && t.view.focus());
|
|
1147
|
+
}, ge = () => {
|
|
1148
|
+
let e = !y;
|
|
1149
|
+
e && l.current === null && (l.current = On()), w(e ? Hn(H, R?.language ?? null) : -1), b(e);
|
|
1150
|
+
}, _e = (e) => {
|
|
1151
|
+
let t = Ln(e);
|
|
1152
|
+
S(e), w(Hn(t, e.trim() ? null : R?.language ?? null));
|
|
1153
|
+
}, ve = (e) => {
|
|
1154
|
+
if (!e.nativeEvent.isComposing) {
|
|
1155
|
+
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
1156
|
+
e.preventDefault(), w((t) => Jn(t, H.length, e.key === "ArrowUp" ? "previous" : "next"));
|
|
1157
|
+
return;
|
|
1158
|
+
}
|
|
1159
|
+
if (e.key === "Enter") {
|
|
1160
|
+
let t = H[C];
|
|
1161
|
+
t && (e.preventDefault(), he(t.language));
|
|
1162
|
+
return;
|
|
1163
|
+
}
|
|
1164
|
+
e.key === "Escape" && (e.preventDefault(), b(!1), w(-1), t.view.focus());
|
|
1165
|
+
}
|
|
1166
|
+
}, ye = H[C], be = l.current && ye ? Rn(l.current, ye.language) : void 0, xe = () => {
|
|
1167
|
+
i || !R || Rt(t, R.pos, !B) && (F((e) => e + 1), f(null));
|
|
1168
|
+
}, Se = () => {
|
|
1169
|
+
if (!R) return;
|
|
1170
|
+
let e = Wn(t, R.pos);
|
|
1171
|
+
e && Cn({
|
|
1172
|
+
data: new Blob([e], { type: "image/svg+xml" }),
|
|
1173
|
+
fileName: "markweave-mermaid.svg",
|
|
1174
|
+
onSettled: () => t.view.focus(),
|
|
1175
|
+
ownerDocument: document
|
|
1176
|
+
});
|
|
1177
|
+
}, Ce = () => {
|
|
1178
|
+
if (!R) return;
|
|
1179
|
+
let e = Wn(t, R.pos);
|
|
1180
|
+
e && (A(An(e)), M(null), P(!1), u.current = {
|
|
1085
1181
|
active: !1,
|
|
1086
1182
|
lastX: 0,
|
|
1087
1183
|
lastY: 0
|
|
1088
1184
|
});
|
|
1089
|
-
},
|
|
1090
|
-
|
|
1185
|
+
}, we = () => {
|
|
1186
|
+
A(null), M(null), P(!1), u.current = {
|
|
1091
1187
|
active: !1,
|
|
1092
1188
|
lastX: 0,
|
|
1093
1189
|
lastY: 0
|
|
1094
1190
|
}, t.view.focus();
|
|
1095
|
-
},
|
|
1096
|
-
|
|
1191
|
+
}, Te = (e) => {
|
|
1192
|
+
A((t) => t && {
|
|
1097
1193
|
...t,
|
|
1098
|
-
scale:
|
|
1194
|
+
scale: Tn(t.scale + e)
|
|
1099
1195
|
});
|
|
1100
|
-
},
|
|
1101
|
-
|
|
1196
|
+
}, Ee = () => {
|
|
1197
|
+
A((e) => e && An(e.svg)), u.current = {
|
|
1102
1198
|
active: !1,
|
|
1103
1199
|
lastX: 0,
|
|
1104
1200
|
lastY: 0
|
|
1105
|
-
},
|
|
1106
|
-
},
|
|
1107
|
-
e.preventDefault(),
|
|
1108
|
-
},
|
|
1109
|
-
e.button === 0 && (e.preventDefault(),
|
|
1201
|
+
}, P(!1);
|
|
1202
|
+
}, De = (e) => {
|
|
1203
|
+
e.preventDefault(), Te(e.deltaY < 0 ? qn : -qn);
|
|
1204
|
+
}, Oe = (e) => {
|
|
1205
|
+
e.button === 0 && (e.preventDefault(), u.current = {
|
|
1110
1206
|
active: !0,
|
|
1111
1207
|
lastX: e.clientX,
|
|
1112
1208
|
lastY: e.clientY
|
|
1113
|
-
},
|
|
1114
|
-
},
|
|
1115
|
-
let t =
|
|
1209
|
+
}, P(!0));
|
|
1210
|
+
}, ke = (e) => {
|
|
1211
|
+
let t = u.current;
|
|
1116
1212
|
if (!t.active) return;
|
|
1117
1213
|
let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
|
|
1118
|
-
|
|
1214
|
+
u.current = {
|
|
1119
1215
|
active: !0,
|
|
1120
1216
|
lastX: e.clientX,
|
|
1121
1217
|
lastY: e.clientY
|
|
1122
|
-
},
|
|
1123
|
-
},
|
|
1124
|
-
|
|
1218
|
+
}, A((e) => Yn(e, n, r));
|
|
1219
|
+
}, Ae = () => {
|
|
1220
|
+
u.current = {
|
|
1125
1221
|
active: !1,
|
|
1126
1222
|
lastX: 0,
|
|
1127
1223
|
lastY: 0
|
|
1128
|
-
},
|
|
1224
|
+
}, P(!1);
|
|
1129
1225
|
};
|
|
1130
1226
|
return /* @__PURE__ */ Q("div", {
|
|
1131
1227
|
ref: a,
|
|
@@ -1133,8 +1229,8 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1133
1229
|
"data-testid": "markweave-codeblock-overlay",
|
|
1134
1230
|
"data-read-only": i ? "true" : "false",
|
|
1135
1231
|
children: [
|
|
1136
|
-
|
|
1137
|
-
let t =
|
|
1232
|
+
ue.map((e) => {
|
|
1233
|
+
let t = h.find((t) => t.pos === e.pos);
|
|
1138
1234
|
return /* @__PURE__ */ Z("div", {
|
|
1139
1235
|
className: "markweave-mermaid-tabs",
|
|
1140
1236
|
"data-testid": "markweave-mermaid-tabs",
|
|
@@ -1149,47 +1245,47 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1149
1245
|
"data-testid": `markweave-mermaid-mode-${t}`,
|
|
1150
1246
|
"data-active": e.mermaidPreviewMode === t,
|
|
1151
1247
|
onMouseDown: (e) => e.preventDefault(),
|
|
1152
|
-
onClick: () =>
|
|
1248
|
+
onClick: () => me(e, t),
|
|
1153
1249
|
children: t === "code" ? "Code" : "Preview"
|
|
1154
1250
|
}, t))
|
|
1155
1251
|
}, e.pos);
|
|
1156
1252
|
}),
|
|
1157
|
-
|
|
1253
|
+
ae ? /* @__PURE__ */ Q("div", {
|
|
1158
1254
|
className: "markweave-codeblock-controls",
|
|
1159
1255
|
"data-testid": "markweave-codeblock-controls",
|
|
1160
|
-
"data-positioned":
|
|
1161
|
-
"data-collapsed":
|
|
1256
|
+
"data-positioned": p ? "true" : "false",
|
|
1257
|
+
"data-collapsed": B ? "true" : "false",
|
|
1162
1258
|
"data-read-only": i ? "true" : "false",
|
|
1163
1259
|
"aria-label": "Code block controls",
|
|
1164
|
-
style:
|
|
1260
|
+
style: fe,
|
|
1165
1261
|
children: [
|
|
1166
1262
|
i ? /* @__PURE__ */ Z("span", {
|
|
1167
1263
|
className: "markweave-codeblock-language-button markweave-codeblock-language-label",
|
|
1168
1264
|
"aria-label": "Code block language",
|
|
1169
1265
|
"data-testid": "markweave-codeblock-language",
|
|
1170
|
-
children: /* @__PURE__ */ Z("span", { children:
|
|
1266
|
+
children: /* @__PURE__ */ Z("span", { children: se })
|
|
1171
1267
|
}) : /* @__PURE__ */ Q("button", {
|
|
1172
1268
|
ref: o,
|
|
1173
1269
|
type: "button",
|
|
1174
1270
|
className: "markweave-codeblock-language-button",
|
|
1175
1271
|
"aria-label": "Code block language",
|
|
1176
|
-
"aria-expanded":
|
|
1272
|
+
"aria-expanded": y,
|
|
1177
1273
|
"aria-haspopup": "listbox",
|
|
1178
1274
|
"data-testid": "markweave-codeblock-language",
|
|
1179
1275
|
onMouseDown: (e) => e.preventDefault(),
|
|
1180
|
-
onClick:
|
|
1181
|
-
children: [/* @__PURE__ */ Z("span", { children:
|
|
1276
|
+
onClick: ge,
|
|
1277
|
+
children: [/* @__PURE__ */ Z("span", { children: se }), /* @__PURE__ */ Z(ki, { icon: "chevron" })]
|
|
1182
1278
|
}),
|
|
1183
|
-
|
|
1279
|
+
oe ? /* @__PURE__ */ Z("button", {
|
|
1184
1280
|
type: "button",
|
|
1185
1281
|
className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
|
|
1186
|
-
"aria-label":
|
|
1187
|
-
title:
|
|
1282
|
+
"aria-label": B ? "Expand code block" : "Collapse code block",
|
|
1283
|
+
title: B ? "Expand code block" : "Collapse code block",
|
|
1188
1284
|
"data-testid": "markweave-codeblock-collapse",
|
|
1189
|
-
"data-collapsed":
|
|
1285
|
+
"data-collapsed": B ? "true" : "false",
|
|
1190
1286
|
onMouseDown: (e) => e.preventDefault(),
|
|
1191
|
-
onClick:
|
|
1192
|
-
children: /* @__PURE__ */ Z(
|
|
1287
|
+
onClick: xe,
|
|
1288
|
+
children: /* @__PURE__ */ Z(ki, { icon: "chevron" })
|
|
1193
1289
|
}) : null,
|
|
1194
1290
|
/* @__PURE__ */ Q("span", {
|
|
1195
1291
|
className: "markweave-codeblock-copy-wrap",
|
|
@@ -1198,22 +1294,22 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1198
1294
|
className: "markweave-codeblock-icon-button",
|
|
1199
1295
|
"aria-label": "Copy to clipboard",
|
|
1200
1296
|
"data-testid": "markweave-codeblock-copy",
|
|
1201
|
-
"data-copy-state":
|
|
1297
|
+
"data-copy-state": ce,
|
|
1202
1298
|
onMouseDown: (e) => e.preventDefault(),
|
|
1203
|
-
onMouseEnter: () =>
|
|
1204
|
-
onMouseLeave: () =>
|
|
1205
|
-
onFocus: () =>
|
|
1206
|
-
onBlur: () =>
|
|
1207
|
-
onClick:
|
|
1208
|
-
children: /* @__PURE__ */ Z(
|
|
1209
|
-
}),
|
|
1299
|
+
onMouseEnter: () => O(!0),
|
|
1300
|
+
onMouseLeave: () => O(!1),
|
|
1301
|
+
onFocus: () => O(!0),
|
|
1302
|
+
onBlur: () => O(!1),
|
|
1303
|
+
onClick: pe,
|
|
1304
|
+
children: /* @__PURE__ */ Z(ki, { icon: ce === "copied" ? "check" : "clipboard" })
|
|
1305
|
+
}), D ? /* @__PURE__ */ Z("span", {
|
|
1210
1306
|
className: "markweave-codeblock-tooltip",
|
|
1211
1307
|
role: "tooltip",
|
|
1212
1308
|
"data-testid": "markweave-codeblock-copy-tooltip",
|
|
1213
1309
|
children: "Copy to clipboard"
|
|
1214
1310
|
}) : null]
|
|
1215
1311
|
}),
|
|
1216
|
-
|
|
1312
|
+
z && le === "preview" ? /* @__PURE__ */ Q("div", {
|
|
1217
1313
|
className: "markweave-mermaid-preview-actions",
|
|
1218
1314
|
"data-testid": "markweave-mermaid-preview-actions",
|
|
1219
1315
|
children: [/* @__PURE__ */ Z("button", {
|
|
@@ -1223,8 +1319,8 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1223
1319
|
"data-testid": "markweave-mermaid-fullscreen",
|
|
1224
1320
|
disabled: !V,
|
|
1225
1321
|
onMouseDown: (e) => e.preventDefault(),
|
|
1226
|
-
onClick:
|
|
1227
|
-
children: /* @__PURE__ */ Z(
|
|
1322
|
+
onClick: Ce,
|
|
1323
|
+
children: /* @__PURE__ */ Z(ki, { icon: "expand" })
|
|
1228
1324
|
}), /* @__PURE__ */ Z("button", {
|
|
1229
1325
|
type: "button",
|
|
1230
1326
|
className: "markweave-codeblock-icon-button",
|
|
@@ -1232,52 +1328,62 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1232
1328
|
"data-testid": "markweave-mermaid-download",
|
|
1233
1329
|
disabled: !V,
|
|
1234
1330
|
onMouseDown: (e) => e.preventDefault(),
|
|
1235
|
-
onClick:
|
|
1236
|
-
children: /* @__PURE__ */ Z(
|
|
1331
|
+
onClick: Se,
|
|
1332
|
+
children: /* @__PURE__ */ Z(ki, { icon: "download" })
|
|
1237
1333
|
})]
|
|
1238
1334
|
}) : null
|
|
1239
1335
|
]
|
|
1240
1336
|
}) : null,
|
|
1241
|
-
|
|
1337
|
+
oe && ae && y ? /* @__PURE__ */ Q("div", {
|
|
1242
1338
|
className: "markweave-codeblock-language-menu",
|
|
1243
|
-
role: "listbox",
|
|
1244
|
-
"aria-label": "Code block languages",
|
|
1245
1339
|
"data-testid": "markweave-codeblock-language-menu",
|
|
1246
|
-
"data-positioned":
|
|
1247
|
-
style:
|
|
1248
|
-
left:
|
|
1249
|
-
top:
|
|
1340
|
+
"data-positioned": _ ? "true" : "false",
|
|
1341
|
+
style: _ ? {
|
|
1342
|
+
left: _.left,
|
|
1343
|
+
top: _.top
|
|
1250
1344
|
} : void 0,
|
|
1251
1345
|
children: [/* @__PURE__ */ Q("label", {
|
|
1252
1346
|
className: "markweave-codeblock-language-search",
|
|
1253
1347
|
children: [/* @__PURE__ */ Z("input", {
|
|
1254
1348
|
ref: s,
|
|
1255
|
-
|
|
1349
|
+
role: "combobox",
|
|
1350
|
+
"aria-autocomplete": "list",
|
|
1351
|
+
"aria-controls": l.current ?? void 0,
|
|
1352
|
+
"aria-expanded": "true",
|
|
1353
|
+
"aria-activedescendant": be,
|
|
1354
|
+
"aria-label": "Search code block languages",
|
|
1355
|
+
value: x,
|
|
1256
1356
|
placeholder: "Search...",
|
|
1257
1357
|
"data-testid": "markweave-codeblock-language-search",
|
|
1258
|
-
onChange: (e) =>
|
|
1259
|
-
onKeyDown:
|
|
1260
|
-
|
|
1261
|
-
}
|
|
1262
|
-
}), /* @__PURE__ */ Z(Hr, { icon: "search" })]
|
|
1358
|
+
onChange: (e) => _e(e.target.value),
|
|
1359
|
+
onKeyDown: ve
|
|
1360
|
+
}), /* @__PURE__ */ Z(ki, { icon: "search" })]
|
|
1263
1361
|
}), /* @__PURE__ */ Z("div", {
|
|
1362
|
+
ref: c,
|
|
1363
|
+
id: l.current ?? void 0,
|
|
1264
1364
|
className: "markweave-codeblock-language-list",
|
|
1265
|
-
|
|
1266
|
-
|
|
1365
|
+
role: "listbox",
|
|
1366
|
+
"aria-label": "Code block languages",
|
|
1367
|
+
children: H.map((e, t) => {
|
|
1368
|
+
let n = e.language === R.language, r = t === C;
|
|
1267
1369
|
return /* @__PURE__ */ Q("button", {
|
|
1370
|
+
id: l.current ? Rn(l.current, e.language) : void 0,
|
|
1268
1371
|
type: "button",
|
|
1269
1372
|
role: "option",
|
|
1270
|
-
"aria-selected":
|
|
1373
|
+
"aria-selected": n,
|
|
1271
1374
|
"data-testid": `markweave-codeblock-language-option-${e.language}`,
|
|
1272
|
-
"data-active":
|
|
1375
|
+
"data-active": n ? "true" : "false",
|
|
1376
|
+
"data-highlighted": r ? "true" : "false",
|
|
1377
|
+
"data-language-index": t,
|
|
1273
1378
|
onMouseDown: (e) => e.preventDefault(),
|
|
1274
|
-
|
|
1275
|
-
|
|
1379
|
+
onMouseEnter: () => w(t),
|
|
1380
|
+
onClick: () => he(e.language),
|
|
1381
|
+
children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(ki, { icon: "check" }) : null]
|
|
1276
1382
|
}, e.language);
|
|
1277
1383
|
})
|
|
1278
1384
|
})]
|
|
1279
1385
|
}) : null,
|
|
1280
|
-
|
|
1386
|
+
k ? /* @__PURE__ */ Q("div", {
|
|
1281
1387
|
className: "markweave-mermaid-fullscreen-layer",
|
|
1282
1388
|
role: "dialog",
|
|
1283
1389
|
"aria-modal": "true",
|
|
@@ -1293,47 +1399,47 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1293
1399
|
className: "markweave-mermaid-fullscreen-control",
|
|
1294
1400
|
"aria-label": "Zoom out",
|
|
1295
1401
|
"data-testid": "markweave-mermaid-fullscreen-zoom-out",
|
|
1296
|
-
onMouseEnter: () =>
|
|
1297
|
-
onMouseLeave: () =>
|
|
1298
|
-
onFocus: () =>
|
|
1299
|
-
onBlur: () =>
|
|
1300
|
-
onClick: () =>
|
|
1301
|
-
children: /* @__PURE__ */ Z(
|
|
1402
|
+
onMouseEnter: () => M("zoom-out"),
|
|
1403
|
+
onMouseLeave: () => M(null),
|
|
1404
|
+
onFocus: () => M("zoom-out"),
|
|
1405
|
+
onBlur: () => M(null),
|
|
1406
|
+
onClick: () => Te(-qn),
|
|
1407
|
+
children: /* @__PURE__ */ Z(ki, { icon: "zoomOut" })
|
|
1302
1408
|
}),
|
|
1303
1409
|
/* @__PURE__ */ Z("span", {
|
|
1304
1410
|
className: "markweave-mermaid-fullscreen-zoom-label",
|
|
1305
1411
|
"data-testid": "markweave-mermaid-fullscreen-zoom-label",
|
|
1306
|
-
children:
|
|
1412
|
+
children: Pn(k.scale)
|
|
1307
1413
|
}),
|
|
1308
1414
|
/* @__PURE__ */ Z("button", {
|
|
1309
1415
|
type: "button",
|
|
1310
1416
|
className: "markweave-mermaid-fullscreen-control",
|
|
1311
1417
|
"aria-label": "Zoom in",
|
|
1312
1418
|
"data-testid": "markweave-mermaid-fullscreen-zoom-in",
|
|
1313
|
-
onMouseEnter: () =>
|
|
1314
|
-
onMouseLeave: () =>
|
|
1315
|
-
onFocus: () =>
|
|
1316
|
-
onBlur: () =>
|
|
1317
|
-
onClick: () =>
|
|
1318
|
-
children: /* @__PURE__ */ Z(
|
|
1419
|
+
onMouseEnter: () => M("zoom-in"),
|
|
1420
|
+
onMouseLeave: () => M(null),
|
|
1421
|
+
onFocus: () => M("zoom-in"),
|
|
1422
|
+
onBlur: () => M(null),
|
|
1423
|
+
onClick: () => Te(qn),
|
|
1424
|
+
children: /* @__PURE__ */ Z(ki, { icon: "zoomIn" })
|
|
1319
1425
|
}),
|
|
1320
1426
|
/* @__PURE__ */ Z("button", {
|
|
1321
1427
|
type: "button",
|
|
1322
1428
|
className: "markweave-mermaid-fullscreen-control",
|
|
1323
1429
|
"aria-label": "Reset zoom",
|
|
1324
1430
|
"data-testid": "markweave-mermaid-fullscreen-reset",
|
|
1325
|
-
onMouseEnter: () =>
|
|
1326
|
-
onMouseLeave: () =>
|
|
1327
|
-
onFocus: () =>
|
|
1328
|
-
onBlur: () =>
|
|
1329
|
-
onClick:
|
|
1330
|
-
children: /* @__PURE__ */ Z(
|
|
1431
|
+
onMouseEnter: () => M("reset"),
|
|
1432
|
+
onMouseLeave: () => M(null),
|
|
1433
|
+
onFocus: () => M("reset"),
|
|
1434
|
+
onBlur: () => M(null),
|
|
1435
|
+
onClick: Ee,
|
|
1436
|
+
children: /* @__PURE__ */ Z(ki, { icon: "reset" })
|
|
1331
1437
|
}),
|
|
1332
|
-
|
|
1438
|
+
j ? /* @__PURE__ */ Z("span", {
|
|
1333
1439
|
className: "markweave-mermaid-fullscreen-tooltip",
|
|
1334
1440
|
role: "tooltip",
|
|
1335
1441
|
"data-testid": "markweave-mermaid-fullscreen-tooltip",
|
|
1336
|
-
children:
|
|
1442
|
+
children: j === "zoom-out" ? "Zoom out" : j === "zoom-in" ? "Zoom in" : "Reset"
|
|
1337
1443
|
}) : null
|
|
1338
1444
|
]
|
|
1339
1445
|
}),
|
|
@@ -1342,29 +1448,29 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1342
1448
|
className: "markweave-mermaid-fullscreen-close",
|
|
1343
1449
|
"aria-label": "Close fullscreen Mermaid preview",
|
|
1344
1450
|
"data-testid": "markweave-mermaid-fullscreen-close",
|
|
1345
|
-
onClick:
|
|
1346
|
-
children: /* @__PURE__ */ Z(
|
|
1451
|
+
onClick: we,
|
|
1452
|
+
children: /* @__PURE__ */ Z(ki, { icon: "close" })
|
|
1347
1453
|
}),
|
|
1348
1454
|
/* @__PURE__ */ Z("div", {
|
|
1349
1455
|
className: "markweave-mermaid-fullscreen-viewport",
|
|
1350
1456
|
"data-testid": "markweave-mermaid-fullscreen-viewport",
|
|
1351
|
-
"data-dragging":
|
|
1352
|
-
onWheel:
|
|
1353
|
-
onMouseDown:
|
|
1354
|
-
onMouseMove:
|
|
1355
|
-
onMouseUp:
|
|
1356
|
-
onMouseLeave:
|
|
1457
|
+
"data-dragging": N ? "true" : "false",
|
|
1458
|
+
onWheel: De,
|
|
1459
|
+
onMouseDown: Oe,
|
|
1460
|
+
onMouseMove: ke,
|
|
1461
|
+
onMouseUp: Ae,
|
|
1462
|
+
onMouseLeave: Ae,
|
|
1357
1463
|
children: /* @__PURE__ */ Z("div", {
|
|
1358
1464
|
className: "markweave-mermaid-fullscreen-content",
|
|
1359
1465
|
"data-testid": "markweave-mermaid-fullscreen-content",
|
|
1360
|
-
"data-scale-percent": Math.round(
|
|
1361
|
-
"data-translate": `${Math.round(
|
|
1466
|
+
"data-scale-percent": Math.round(k.scale * 100),
|
|
1467
|
+
"data-translate": `${Math.round(k.translateX)},${Math.round(k.translateY)}`,
|
|
1362
1468
|
style: {
|
|
1363
|
-
width: `${
|
|
1364
|
-
height: `${
|
|
1365
|
-
transform: `translate(${
|
|
1469
|
+
width: `${k.width}px`,
|
|
1470
|
+
height: `${k.height}px`,
|
|
1471
|
+
transform: `translate(${k.translateX}px, ${k.translateY}px) scale(${k.scale})`
|
|
1366
1472
|
},
|
|
1367
|
-
dangerouslySetInnerHTML: { __html:
|
|
1473
|
+
dangerouslySetInnerHTML: { __html: k.svg }
|
|
1368
1474
|
})
|
|
1369
1475
|
})
|
|
1370
1476
|
]
|
|
@@ -1374,25 +1480,25 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
|
|
|
1374
1480
|
}
|
|
1375
1481
|
//#endregion
|
|
1376
1482
|
//#region src/ui/floating-toolbar/FloatingToolbar.tsx
|
|
1377
|
-
var
|
|
1378
|
-
function
|
|
1483
|
+
var ji = n("zh");
|
|
1484
|
+
function Mi() {
|
|
1379
1485
|
return typeof performance > "u" ? Date.now() : performance.now();
|
|
1380
1486
|
}
|
|
1381
|
-
function
|
|
1487
|
+
function Ni(e, t) {
|
|
1382
1488
|
return {
|
|
1383
1489
|
"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
|
|
1384
1490
|
"--markweave-toolbar-motion-easing": e.motionEasing,
|
|
1385
1491
|
marginLeft: t === 0 ? void 0 : `${t}px`
|
|
1386
1492
|
};
|
|
1387
1493
|
}
|
|
1388
|
-
function
|
|
1494
|
+
function Pi(e, t) {
|
|
1389
1495
|
let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
|
|
1390
1496
|
return Math.max(n, r, 44);
|
|
1391
1497
|
}
|
|
1392
|
-
function
|
|
1498
|
+
function Fi(e) {
|
|
1393
1499
|
if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
|
|
1394
1500
|
}
|
|
1395
|
-
function
|
|
1501
|
+
function Ii(e, t, n, r) {
|
|
1396
1502
|
let i = {
|
|
1397
1503
|
bottom: t + r,
|
|
1398
1504
|
height: r,
|
|
@@ -1408,26 +1514,26 @@ function Yr(e, t, n, r) {
|
|
|
1408
1514
|
toJSON: () => i
|
|
1409
1515
|
};
|
|
1410
1516
|
}
|
|
1411
|
-
function
|
|
1517
|
+
function Li(e) {
|
|
1412
1518
|
return e.width > 0 && e.height > 0;
|
|
1413
1519
|
}
|
|
1414
|
-
function
|
|
1520
|
+
function Ri(e) {
|
|
1415
1521
|
let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.right)), i = Math.max(...e.map((e) => e.bottom));
|
|
1416
|
-
return
|
|
1522
|
+
return Ii(t, n, r - t, i - n);
|
|
1417
1523
|
}
|
|
1418
|
-
function
|
|
1524
|
+
function zi(e, t) {
|
|
1419
1525
|
let n = e.view.dom.ownerDocument.defaultView?.Node.ELEMENT_NODE ?? 1, r = (t) => t ? e.view.dom.contains(t.nodeType === n ? t : t.parentNode) : !1;
|
|
1420
1526
|
return r(t.anchorNode) && r(t.focusNode);
|
|
1421
1527
|
}
|
|
1422
|
-
function
|
|
1528
|
+
function Bi(e) {
|
|
1423
1529
|
if (typeof e.getClientRects != "function") return null;
|
|
1424
|
-
let t = Array.from(e.getClientRects()).filter(
|
|
1530
|
+
let t = Array.from(e.getClientRects()).filter(Li).map((e) => Ii(e.left, e.top, e.width, e.height));
|
|
1425
1531
|
if (t.length > 0) return t;
|
|
1426
1532
|
if (typeof e.getBoundingClientRect != "function") return null;
|
|
1427
1533
|
let n = e.getBoundingClientRect();
|
|
1428
|
-
return
|
|
1534
|
+
return Li(n) ? [Ii(n.left, n.top, n.width, n.height)] : null;
|
|
1429
1535
|
}
|
|
1430
|
-
function
|
|
1536
|
+
function Vi(e, t) {
|
|
1431
1537
|
if (t.rangeCount === 0) return null;
|
|
1432
1538
|
let n = t.getRangeAt(0);
|
|
1433
1539
|
try {
|
|
@@ -1440,8 +1546,8 @@ function ei(e, t) {
|
|
|
1440
1546
|
return null;
|
|
1441
1547
|
}
|
|
1442
1548
|
}
|
|
1443
|
-
function
|
|
1444
|
-
let n =
|
|
1549
|
+
function Hi(e, t) {
|
|
1550
|
+
let n = Vi(e, t);
|
|
1445
1551
|
if (!n) return !1;
|
|
1446
1552
|
let { selection: r } = e.state, i = {
|
|
1447
1553
|
from: Math.min(r.from, r.to),
|
|
@@ -1449,51 +1555,51 @@ function ti(e, t) {
|
|
|
1449
1555
|
};
|
|
1450
1556
|
return n.from === i.from && n.to === i.to;
|
|
1451
1557
|
}
|
|
1452
|
-
function
|
|
1558
|
+
function Ui(e) {
|
|
1453
1559
|
let t = e.view.dom.ownerDocument.getSelection();
|
|
1454
|
-
return !t || t.rangeCount === 0 || t.isCollapsed || !
|
|
1560
|
+
return !t || t.rangeCount === 0 || t.isCollapsed || !zi(e, t) || !Hi(e, t) ? null : Bi(t.getRangeAt(0));
|
|
1455
1561
|
}
|
|
1456
|
-
function
|
|
1562
|
+
function Wi(e) {
|
|
1457
1563
|
let { selection: t } = e.state;
|
|
1458
1564
|
if (t.empty) return null;
|
|
1459
1565
|
let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to);
|
|
1460
1566
|
try {
|
|
1461
1567
|
let t = e.view.domAtPos(n), i = e.view.domAtPos(r), a = e.view.dom.ownerDocument.createRange();
|
|
1462
|
-
return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset),
|
|
1568
|
+
return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Bi(a);
|
|
1463
1569
|
} catch {
|
|
1464
1570
|
return null;
|
|
1465
1571
|
}
|
|
1466
1572
|
}
|
|
1467
|
-
function
|
|
1573
|
+
function Gi(e) {
|
|
1468
1574
|
let { selection: t } = e.state;
|
|
1469
1575
|
if (t.empty) return null;
|
|
1470
|
-
let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l =
|
|
1471
|
-
return
|
|
1576
|
+
let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = Ii(c, o, Math.max(i.right, a.right) - c, s - o);
|
|
1577
|
+
return Li(l) ? [l] : null;
|
|
1472
1578
|
}
|
|
1473
|
-
function
|
|
1474
|
-
return
|
|
1579
|
+
function Ki(e) {
|
|
1580
|
+
return Ui(e) ?? Wi(e) ?? Gi(e);
|
|
1475
1581
|
}
|
|
1476
|
-
function
|
|
1477
|
-
let t =
|
|
1478
|
-
return t && t.length > 0 ?
|
|
1582
|
+
function qi(e) {
|
|
1583
|
+
let t = Ki(e);
|
|
1584
|
+
return t && t.length > 0 ? Ri(t) : null;
|
|
1479
1585
|
}
|
|
1480
|
-
function
|
|
1586
|
+
function Ji(e) {
|
|
1481
1587
|
return {
|
|
1482
|
-
getBoundingClientRect: () =>
|
|
1483
|
-
getClientRects: () =>
|
|
1588
|
+
getBoundingClientRect: () => qi(e) ?? Ii(0, 0, 0, 0),
|
|
1589
|
+
getClientRects: () => Ki(e) ?? []
|
|
1484
1590
|
};
|
|
1485
1591
|
}
|
|
1486
|
-
function
|
|
1592
|
+
function Yi(e) {
|
|
1487
1593
|
return e === "block-type" || e === "link" || e === "color" || e === "more";
|
|
1488
1594
|
}
|
|
1489
|
-
function
|
|
1490
|
-
n?.(
|
|
1595
|
+
function Xi(e, t, n) {
|
|
1596
|
+
n?.($n(e, t)), e.commands.focus();
|
|
1491
1597
|
}
|
|
1492
|
-
function
|
|
1493
|
-
let i =
|
|
1598
|
+
function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelection: r }) {
|
|
1599
|
+
let i = K(() => ir(t), [t]), a = kt(n, { editable: e.isEditable }), [o, s] = J(a), [c, l] = J(null), [u, d] = J(null), [f, p] = J(null), [m, h] = J(""), [g, _] = J(""), [v, y] = J(null), [b, x] = J(0), [S, C] = J(a.boundaryPadding), [w, T] = J("bottom"), E = q(0), D = q(null), O = q(null), k = q(null), A = q(null), j = er(e, o.variant, t), M = or(j.find((e) => e.id === c) ?? null), N = _r(m), P = U(() => {
|
|
1494
1600
|
let t = D.current, n = e.view.dom.closest(".markweave-editor-frame");
|
|
1495
1601
|
if (!t || !(n instanceof HTMLElement)) return;
|
|
1496
|
-
let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a =
|
|
1602
|
+
let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = Pi(t, O.current), s = E.current, c = wt({
|
|
1497
1603
|
toolbarRect: {
|
|
1498
1604
|
left: r.left - s,
|
|
1499
1605
|
top: r.top,
|
|
@@ -1507,7 +1613,7 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1507
1613
|
height: i.height
|
|
1508
1614
|
},
|
|
1509
1615
|
boundaryPadding: o.boundaryPadding
|
|
1510
|
-
}), l =
|
|
1616
|
+
}), l = Et({
|
|
1511
1617
|
frameRect: {
|
|
1512
1618
|
left: i.left,
|
|
1513
1619
|
top: i.top,
|
|
@@ -1526,16 +1632,16 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1526
1632
|
e.view.dom,
|
|
1527
1633
|
o.boundaryPadding,
|
|
1528
1634
|
o.offset
|
|
1529
|
-
]),
|
|
1635
|
+
]), ee = U(() => {
|
|
1530
1636
|
D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
|
|
1531
|
-
}, []),
|
|
1637
|
+
}, []), F = U(() => {
|
|
1532
1638
|
P();
|
|
1533
|
-
}, [P]),
|
|
1639
|
+
}, [P]), te = U(() => Ji(e), [e]), I = U((e) => {
|
|
1534
1640
|
k.current = e;
|
|
1535
|
-
}, []),
|
|
1641
|
+
}, []), L = U(() => {
|
|
1536
1642
|
let t = D.current, n = k.current, r = e.view.dom.closest(".markweave-editor-frame");
|
|
1537
1643
|
if (!f || !t || !n) return;
|
|
1538
|
-
let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c =
|
|
1644
|
+
let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c = Tt({
|
|
1539
1645
|
toolbarRect: i,
|
|
1540
1646
|
popoverSize: a,
|
|
1541
1647
|
viewport: {
|
|
@@ -1551,19 +1657,19 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1551
1657
|
e.view.dom,
|
|
1552
1658
|
f,
|
|
1553
1659
|
o.boundaryPadding
|
|
1554
|
-
]),
|
|
1555
|
-
...
|
|
1556
|
-
onShow:
|
|
1557
|
-
onUpdate:
|
|
1660
|
+
]), ne = K(() => ({
|
|
1661
|
+
...Ot(o, { topBoundaryPadding: S }),
|
|
1662
|
+
onShow: ee,
|
|
1663
|
+
onUpdate: F
|
|
1558
1664
|
}), [
|
|
1559
|
-
F,
|
|
1560
1665
|
ee,
|
|
1666
|
+
F,
|
|
1561
1667
|
o,
|
|
1562
1668
|
S
|
|
1563
1669
|
]);
|
|
1564
|
-
|
|
1565
|
-
let e =
|
|
1566
|
-
s((t) =>
|
|
1670
|
+
W(() => {
|
|
1671
|
+
let e = Mi();
|
|
1672
|
+
s((t) => Mt(t, a, e));
|
|
1567
1673
|
}, [
|
|
1568
1674
|
a.hiddenReason,
|
|
1569
1675
|
a.motionDurationMs,
|
|
@@ -1575,10 +1681,10 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1575
1681
|
a.updateDelayMs,
|
|
1576
1682
|
a.variant,
|
|
1577
1683
|
a.visibility
|
|
1578
|
-
]),
|
|
1684
|
+
]), W(() => {
|
|
1579
1685
|
if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
|
|
1580
|
-
let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs -
|
|
1581
|
-
s((e) =>
|
|
1686
|
+
let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Mi()), t = window.setTimeout(() => {
|
|
1687
|
+
s((e) => St(e, Mi()));
|
|
1582
1688
|
}, e);
|
|
1583
1689
|
return () => {
|
|
1584
1690
|
window.clearTimeout(t);
|
|
@@ -1587,12 +1693,12 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1587
1693
|
o.motionDurationMs,
|
|
1588
1694
|
o.motionPhase,
|
|
1589
1695
|
o.motionStartedAtMs
|
|
1590
|
-
]),
|
|
1696
|
+
]), G(() => {
|
|
1591
1697
|
if (o.visibility !== "visible") {
|
|
1592
1698
|
E.current = 0, D.current && (D.current.style.marginLeft = "", D.current.style.visibility = "hidden", D.current.style.opacity = "0"), x(0), C(o.boundaryPadding);
|
|
1593
1699
|
return;
|
|
1594
1700
|
}
|
|
1595
|
-
let e =
|
|
1701
|
+
let e = mt(P);
|
|
1596
1702
|
return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
|
|
1597
1703
|
e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
|
|
1598
1704
|
};
|
|
@@ -1605,20 +1711,20 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1605
1711
|
o.variant,
|
|
1606
1712
|
o.visibility,
|
|
1607
1713
|
j.length
|
|
1608
|
-
]),
|
|
1714
|
+
]), G(() => {
|
|
1609
1715
|
if (!f) return;
|
|
1610
|
-
let e =
|
|
1716
|
+
let e = mt(L);
|
|
1611
1717
|
return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
|
|
1612
1718
|
e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
|
|
1613
1719
|
};
|
|
1614
|
-
}, [f,
|
|
1720
|
+
}, [f, L]), W(() => {
|
|
1615
1721
|
f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
|
|
1616
1722
|
}, [
|
|
1617
1723
|
i,
|
|
1618
1724
|
f,
|
|
1619
1725
|
c,
|
|
1620
1726
|
j
|
|
1621
|
-
]),
|
|
1727
|
+
]), W(() => {
|
|
1622
1728
|
if (!f) return;
|
|
1623
1729
|
let t = (e) => {
|
|
1624
1730
|
O.current?.contains(e.target) || p(null);
|
|
@@ -1628,18 +1734,18 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1628
1734
|
return document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0), () => {
|
|
1629
1735
|
document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0);
|
|
1630
1736
|
};
|
|
1631
|
-
}, [e, f]),
|
|
1737
|
+
}, [e, f]), W(() => {
|
|
1632
1738
|
if (f !== "link") return;
|
|
1633
1739
|
let e = window.requestAnimationFrame(() => {
|
|
1634
1740
|
A.current?.focus(), A.current?.select();
|
|
1635
1741
|
});
|
|
1636
1742
|
return () => window.cancelAnimationFrame(e);
|
|
1637
1743
|
}, [f]);
|
|
1638
|
-
let
|
|
1639
|
-
if (
|
|
1744
|
+
let re = (t) => {
|
|
1745
|
+
if (Yi(t.id)) {
|
|
1640
1746
|
let n = t.id;
|
|
1641
1747
|
if (n === "link") {
|
|
1642
|
-
let t =
|
|
1748
|
+
let t = nr(e);
|
|
1643
1749
|
h(t), _(t), y({
|
|
1644
1750
|
from: Math.min(e.state.selection.from, e.state.selection.to),
|
|
1645
1751
|
to: Math.max(e.state.selection.from, e.state.selection.to)
|
|
@@ -1649,23 +1755,23 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1649
1755
|
return;
|
|
1650
1756
|
}
|
|
1651
1757
|
if (p(null), t.id === "improve") {
|
|
1652
|
-
|
|
1758
|
+
Xi(e, "rewrite-selection", r);
|
|
1653
1759
|
return;
|
|
1654
1760
|
}
|
|
1655
1761
|
t.run(), e.commands.focus();
|
|
1656
|
-
},
|
|
1762
|
+
}, R = () => {
|
|
1657
1763
|
p(null), e.commands.focus();
|
|
1658
|
-
}, re = () => {
|
|
1659
|
-
v && e.commands.setTextSelection(v);
|
|
1660
1764
|
}, ie = () => {
|
|
1661
|
-
|
|
1662
|
-
},
|
|
1663
|
-
|
|
1664
|
-
|
|
1765
|
+
v && e.commands.setTextSelection(v);
|
|
1766
|
+
}, z = () => {
|
|
1767
|
+
ie(), Qn(e, m) && R();
|
|
1768
|
+
}, B = () => {
|
|
1769
|
+
if (ie(), fr(e)) {
|
|
1770
|
+
h(""), _(""), R();
|
|
1665
1771
|
return;
|
|
1666
1772
|
}
|
|
1667
1773
|
m.trim() && h("");
|
|
1668
|
-
},
|
|
1774
|
+
}, ae = (e, t) => {
|
|
1669
1775
|
if (l(e), !e || !t || !O.current) {
|
|
1670
1776
|
d(null);
|
|
1671
1777
|
return;
|
|
@@ -1673,41 +1779,41 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1673
1779
|
let n = t.getBoundingClientRect(), r = O.current.getBoundingClientRect();
|
|
1674
1780
|
d(n.left + n.width / 2 - r.left);
|
|
1675
1781
|
};
|
|
1676
|
-
return /* @__PURE__ */ Z(
|
|
1782
|
+
return /* @__PURE__ */ Z(Zn, {
|
|
1677
1783
|
ref: D,
|
|
1678
1784
|
editor: e,
|
|
1679
1785
|
className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
|
|
1680
1786
|
"data-motion": o.motionPhase,
|
|
1681
|
-
"data-position-strategy":
|
|
1787
|
+
"data-position-strategy": ne.strategy,
|
|
1682
1788
|
"data-boundary-padding": o.boundaryPadding,
|
|
1683
1789
|
"data-popover-placement": f ? w : void 0,
|
|
1684
1790
|
"data-testid": "markweave-floating-toolbar",
|
|
1685
|
-
style:
|
|
1791
|
+
style: Ni(o, b),
|
|
1686
1792
|
updateDelay: 0,
|
|
1687
|
-
getReferencedVirtualElement:
|
|
1688
|
-
options:
|
|
1689
|
-
shouldShow: ({ editor: e }) => e.isEditable &&
|
|
1793
|
+
getReferencedVirtualElement: te,
|
|
1794
|
+
options: ne,
|
|
1795
|
+
shouldShow: ({ editor: e }) => e.isEditable && jt(Dt(e)),
|
|
1690
1796
|
children: /* @__PURE__ */ Q("div", {
|
|
1691
1797
|
ref: O,
|
|
1692
1798
|
className: "markweave-floating-toolbar-content",
|
|
1693
1799
|
"data-menu": f ?? "none",
|
|
1694
1800
|
children: [
|
|
1695
|
-
j.map((e, t) => /* @__PURE__ */ Z(
|
|
1801
|
+
j.map((e, t) => /* @__PURE__ */ Z($i, {
|
|
1696
1802
|
button: e,
|
|
1697
1803
|
expanded: f === e.id,
|
|
1698
1804
|
showDivider: t > 0 && j[t - 1].group !== e.group,
|
|
1699
1805
|
tooltipActive: c === e.id,
|
|
1700
|
-
onPointerDown:
|
|
1701
|
-
onTooltipChange:
|
|
1702
|
-
onRun:
|
|
1806
|
+
onPointerDown: dr,
|
|
1807
|
+
onTooltipChange: ae,
|
|
1808
|
+
onRun: re
|
|
1703
1809
|
}, e.id)),
|
|
1704
|
-
f === "block-type" ? /* @__PURE__ */ Z(
|
|
1810
|
+
f === "block-type" ? /* @__PURE__ */ Z(ta, {
|
|
1705
1811
|
editor: e,
|
|
1706
1812
|
messages: t,
|
|
1707
|
-
onPopoverRef:
|
|
1813
|
+
onPopoverRef: I,
|
|
1708
1814
|
onClose: () => p(null)
|
|
1709
1815
|
}) : null,
|
|
1710
|
-
f === "link" ? /* @__PURE__ */ Z(
|
|
1816
|
+
f === "link" ? /* @__PURE__ */ Z(Qi, {
|
|
1711
1817
|
inputRef: A,
|
|
1712
1818
|
messages: t,
|
|
1713
1819
|
value: m,
|
|
@@ -1715,22 +1821,22 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1715
1821
|
canOpen: !!N,
|
|
1716
1822
|
canRemove: !!(g || m.trim()),
|
|
1717
1823
|
onValueChange: h,
|
|
1718
|
-
onApply:
|
|
1719
|
-
onOpen: () =>
|
|
1720
|
-
onRemove:
|
|
1721
|
-
onPopoverRef:
|
|
1824
|
+
onApply: z,
|
|
1825
|
+
onOpen: () => ur(m),
|
|
1826
|
+
onRemove: B,
|
|
1827
|
+
onPopoverRef: I
|
|
1722
1828
|
}) : null,
|
|
1723
|
-
f === "color" ? /* @__PURE__ */ Z(
|
|
1829
|
+
f === "color" ? /* @__PURE__ */ Z(ra, {
|
|
1724
1830
|
editor: e,
|
|
1725
1831
|
messages: t,
|
|
1726
|
-
onPopoverRef:
|
|
1832
|
+
onPopoverRef: I,
|
|
1727
1833
|
onClose: () => p(null)
|
|
1728
1834
|
}) : null,
|
|
1729
|
-
f === "more" ? /* @__PURE__ */ Z(
|
|
1835
|
+
f === "more" ? /* @__PURE__ */ Z(aa, {
|
|
1730
1836
|
editor: e,
|
|
1731
1837
|
messages: t,
|
|
1732
1838
|
activeTooltipId: c,
|
|
1733
|
-
onPopoverRef:
|
|
1839
|
+
onPopoverRef: I,
|
|
1734
1840
|
onTooltipChange: l,
|
|
1735
1841
|
onClose: () => p(null)
|
|
1736
1842
|
}) : null,
|
|
@@ -1740,15 +1846,15 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
|
|
|
1740
1846
|
"data-testid": "markweave-floating-toolbar-tooltip",
|
|
1741
1847
|
"data-button-id": M.buttonId,
|
|
1742
1848
|
"data-active": M.active,
|
|
1743
|
-
style:
|
|
1849
|
+
style: Fi(u),
|
|
1744
1850
|
children: M.label
|
|
1745
1851
|
}) : null
|
|
1746
1852
|
]
|
|
1747
1853
|
})
|
|
1748
1854
|
});
|
|
1749
1855
|
}
|
|
1750
|
-
function
|
|
1751
|
-
let d =
|
|
1856
|
+
function Qi({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
|
|
1857
|
+
let d = rr(t);
|
|
1752
1858
|
return /* @__PURE__ */ Q("form", {
|
|
1753
1859
|
ref: u,
|
|
1754
1860
|
className: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
|
|
@@ -1771,7 +1877,7 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
|
|
|
1771
1877
|
"aria-label": d.applyLink,
|
|
1772
1878
|
"data-testid": "markweave-floating-toolbar-link-apply",
|
|
1773
1879
|
disabled: !r,
|
|
1774
|
-
onMouseDown:
|
|
1880
|
+
onMouseDown: dr,
|
|
1775
1881
|
children: /* @__PURE__ */ Z($, { name: "corner-down-left" })
|
|
1776
1882
|
}),
|
|
1777
1883
|
/* @__PURE__ */ Z("span", {
|
|
@@ -1783,7 +1889,7 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
|
|
|
1783
1889
|
"aria-label": d.openLink,
|
|
1784
1890
|
"data-testid": "markweave-floating-toolbar-link-open",
|
|
1785
1891
|
disabled: !i,
|
|
1786
|
-
onMouseDown:
|
|
1892
|
+
onMouseDown: dr,
|
|
1787
1893
|
onClick: c,
|
|
1788
1894
|
children: /* @__PURE__ */ Z($, { name: "external-link" })
|
|
1789
1895
|
}),
|
|
@@ -1792,7 +1898,7 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
|
|
|
1792
1898
|
"aria-label": d.removeLink,
|
|
1793
1899
|
"data-testid": "markweave-floating-toolbar-link-remove",
|
|
1794
1900
|
disabled: !a,
|
|
1795
|
-
onMouseDown:
|
|
1901
|
+
onMouseDown: dr,
|
|
1796
1902
|
onClick: l,
|
|
1797
1903
|
children: /* @__PURE__ */ Z($, { name: "trash" })
|
|
1798
1904
|
})
|
|
@@ -1800,15 +1906,15 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
|
|
|
1800
1906
|
})]
|
|
1801
1907
|
});
|
|
1802
1908
|
}
|
|
1803
|
-
function
|
|
1804
|
-
return /* @__PURE__ */ Q(
|
|
1909
|
+
function $i({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
|
|
1910
|
+
return /* @__PURE__ */ Q(ot, { children: [n ? /* @__PURE__ */ Z("span", {
|
|
1805
1911
|
className: "markweave-floating-toolbar-divider",
|
|
1806
1912
|
"aria-hidden": "true"
|
|
1807
1913
|
}) : null, /* @__PURE__ */ Z("button", {
|
|
1808
1914
|
type: "button",
|
|
1809
1915
|
className: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${e.id}`,
|
|
1810
1916
|
"aria-label": e.label,
|
|
1811
|
-
"aria-expanded":
|
|
1917
|
+
"aria-expanded": Yi(e.id) ? t : void 0,
|
|
1812
1918
|
"data-active": e.active || t,
|
|
1813
1919
|
"data-tooltip-active": r ? "true" : "false",
|
|
1814
1920
|
"data-testid": `markweave-floating-toolbar-button-${e.id}`,
|
|
@@ -1818,13 +1924,13 @@ function fi({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointe
|
|
|
1818
1924
|
onMouseEnter: (t) => a(e.id, t.currentTarget),
|
|
1819
1925
|
onMouseLeave: () => a(null),
|
|
1820
1926
|
onClick: () => o(e),
|
|
1821
|
-
children: /* @__PURE__ */ Z(
|
|
1927
|
+
children: /* @__PURE__ */ Z(ea, {
|
|
1822
1928
|
button: e,
|
|
1823
1929
|
expanded: t
|
|
1824
1930
|
})
|
|
1825
1931
|
})] });
|
|
1826
1932
|
}
|
|
1827
|
-
function
|
|
1933
|
+
function ea({ button: e, expanded: t }) {
|
|
1828
1934
|
return e.id === "improve" ? /* @__PURE__ */ Q("span", {
|
|
1829
1935
|
className: "markweave-floating-toolbar-button-inner",
|
|
1830
1936
|
children: [/* @__PURE__ */ Z($, { name: "sparkles" }), /* @__PURE__ */ Z("span", { children: e.glyph })]
|
|
@@ -1842,8 +1948,8 @@ function pi({ button: e, expanded: t }) {
|
|
|
1842
1948
|
}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
|
|
1843
1949
|
}) : /* @__PURE__ */ Z($, { name: "more" });
|
|
1844
1950
|
}
|
|
1845
|
-
function
|
|
1846
|
-
let i =
|
|
1951
|
+
function ta({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
|
|
1952
|
+
let i = rr(t), a = sr(t);
|
|
1847
1953
|
return /* @__PURE__ */ Q("div", {
|
|
1848
1954
|
ref: n,
|
|
1849
1955
|
className: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
|
|
@@ -1853,48 +1959,48 @@ function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
|
|
|
1853
1959
|
children: i.turnIntoTitle
|
|
1854
1960
|
}), a.map((t) => /* @__PURE__ */ Q("button", {
|
|
1855
1961
|
type: "button",
|
|
1856
|
-
"data-active":
|
|
1962
|
+
"data-active": lr(e, t.id),
|
|
1857
1963
|
"data-testid": `markweave-floating-toolbar-turn-${t.id}`,
|
|
1858
|
-
onMouseDown:
|
|
1964
|
+
onMouseDown: dr,
|
|
1859
1965
|
onClick: () => {
|
|
1860
|
-
|
|
1966
|
+
gr(e, t.id), r();
|
|
1861
1967
|
},
|
|
1862
1968
|
children: [/* @__PURE__ */ Z("span", {
|
|
1863
1969
|
className: "markweave-floating-toolbar-menu-icon",
|
|
1864
|
-
children: /* @__PURE__ */ Z(
|
|
1970
|
+
children: /* @__PURE__ */ Z(na, { option: t })
|
|
1865
1971
|
}), /* @__PURE__ */ Z("span", { children: t.label })]
|
|
1866
1972
|
}, t.id))]
|
|
1867
1973
|
});
|
|
1868
1974
|
}
|
|
1869
|
-
function
|
|
1975
|
+
function na({ option: e }) {
|
|
1870
1976
|
return e.id === "paragraph" ? /* @__PURE__ */ Z($, { name: "text" }) : e.glyph === "bullet-list" || e.glyph === "numbered-list" || e.glyph === "todo-list" || e.glyph === "quote" || e.glyph === "code-block" ? /* @__PURE__ */ Z($, { name: e.glyph }) : /* @__PURE__ */ Z("span", { children: e.glyph });
|
|
1871
1977
|
}
|
|
1872
|
-
function
|
|
1873
|
-
let i =
|
|
1978
|
+
function ra({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
|
|
1979
|
+
let i = rr(t), a = e.getAttributes("textStyle").color, o = e.getAttributes("highlight").color;
|
|
1874
1980
|
return /* @__PURE__ */ Q("div", {
|
|
1875
1981
|
ref: n,
|
|
1876
1982
|
className: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
|
|
1877
1983
|
"data-testid": "markweave-floating-toolbar-color-menu",
|
|
1878
|
-
children: [/* @__PURE__ */ Z(
|
|
1984
|
+
children: [/* @__PURE__ */ Z(ia, {
|
|
1879
1985
|
title: i.textColorTitle,
|
|
1880
1986
|
mode: "text",
|
|
1881
1987
|
activeColor: a ?? null,
|
|
1882
|
-
options:
|
|
1988
|
+
options: ar(t),
|
|
1883
1989
|
onSelect: (t) => {
|
|
1884
|
-
|
|
1990
|
+
hr(e, t), r();
|
|
1885
1991
|
}
|
|
1886
|
-
}), /* @__PURE__ */ Z(
|
|
1992
|
+
}), /* @__PURE__ */ Z(ia, {
|
|
1887
1993
|
title: i.highlightColorTitle,
|
|
1888
1994
|
mode: "highlight",
|
|
1889
1995
|
activeColor: o ?? null,
|
|
1890
|
-
options:
|
|
1996
|
+
options: tr(t),
|
|
1891
1997
|
onSelect: (t) => {
|
|
1892
|
-
|
|
1998
|
+
mr(e, t), r();
|
|
1893
1999
|
}
|
|
1894
2000
|
})]
|
|
1895
2001
|
});
|
|
1896
2002
|
}
|
|
1897
|
-
function
|
|
2003
|
+
function ia({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
|
|
1898
2004
|
return /* @__PURE__ */ Q("section", {
|
|
1899
2005
|
className: "markweave-floating-toolbar-color-section",
|
|
1900
2006
|
"aria-label": e,
|
|
@@ -1908,7 +2014,7 @@ function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
|
|
|
1908
2014
|
"aria-label": e.label,
|
|
1909
2015
|
"data-active": e.value === n || e.value === null && !n,
|
|
1910
2016
|
"data-testid": `markweave-floating-toolbar-${t}-${e.id}`,
|
|
1911
|
-
onMouseDown:
|
|
2017
|
+
onMouseDown: dr,
|
|
1912
2018
|
onClick: () => i(e.value),
|
|
1913
2019
|
children: t === "text" ? /* @__PURE__ */ Z("span", {
|
|
1914
2020
|
className: "markweave-floating-toolbar-text-swatch",
|
|
@@ -1923,26 +2029,26 @@ function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
|
|
|
1923
2029
|
})]
|
|
1924
2030
|
});
|
|
1925
2031
|
}
|
|
1926
|
-
function
|
|
1927
|
-
let o =
|
|
2032
|
+
function aa({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
|
|
2033
|
+
let o = ir(t);
|
|
1928
2034
|
return /* @__PURE__ */ Z("div", {
|
|
1929
2035
|
ref: r,
|
|
1930
2036
|
className: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
|
|
1931
2037
|
"data-testid": "markweave-floating-toolbar-more-menu",
|
|
1932
|
-
children: o.map((t, r) => /* @__PURE__ */ Z(
|
|
2038
|
+
children: o.map((t, r) => /* @__PURE__ */ Z(oa, {
|
|
1933
2039
|
action: t,
|
|
1934
|
-
active:
|
|
2040
|
+
active: cr(e, t.id),
|
|
1935
2041
|
tooltipActive: n === t.id,
|
|
1936
2042
|
showDivider: r > 0 && o[r - 1].group !== t.group,
|
|
1937
2043
|
onTooltipChange: i,
|
|
1938
2044
|
onRun: () => {
|
|
1939
|
-
|
|
2045
|
+
pr(e, t.id), a();
|
|
1940
2046
|
}
|
|
1941
2047
|
}, t.id))
|
|
1942
2048
|
});
|
|
1943
2049
|
}
|
|
1944
|
-
function
|
|
1945
|
-
return /* @__PURE__ */ Q(
|
|
2050
|
+
function oa({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
|
|
2051
|
+
return /* @__PURE__ */ Q(ot, { children: [r ? /* @__PURE__ */ Z("span", {
|
|
1946
2052
|
className: "markweave-floating-toolbar-divider",
|
|
1947
2053
|
"aria-hidden": "true"
|
|
1948
2054
|
}) : null, /* @__PURE__ */ Q("span", {
|
|
@@ -1953,11 +2059,11 @@ function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
|
|
|
1953
2059
|
"data-active": t,
|
|
1954
2060
|
"data-tooltip-active": n ? "true" : "false",
|
|
1955
2061
|
"data-testid": `markweave-floating-toolbar-more-${e.id}`,
|
|
1956
|
-
onMouseDown:
|
|
2062
|
+
onMouseDown: dr,
|
|
1957
2063
|
onMouseEnter: () => i(e.id),
|
|
1958
2064
|
onMouseLeave: () => i(null),
|
|
1959
2065
|
onClick: a,
|
|
1960
|
-
children: /* @__PURE__ */ Z(
|
|
2066
|
+
children: /* @__PURE__ */ Z(sa, { id: e.id })
|
|
1961
2067
|
}), n ? /* @__PURE__ */ Z("div", {
|
|
1962
2068
|
className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
|
|
1963
2069
|
role: "tooltip",
|
|
@@ -1965,41 +2071,41 @@ function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
|
|
|
1965
2071
|
}) : null]
|
|
1966
2072
|
})] });
|
|
1967
2073
|
}
|
|
1968
|
-
function
|
|
2074
|
+
function sa({ id: e }) {
|
|
1969
2075
|
return e === "superscript" ? /* @__PURE__ */ Z($, { name: "superscript" }) : e === "subscript" ? /* @__PURE__ */ Z($, { name: "subscript" }) : e === "inline-math" ? /* @__PURE__ */ Z($, { name: "math" }) : Z($, { name: e });
|
|
1970
2076
|
}
|
|
1971
|
-
var
|
|
1972
|
-
sparkles:
|
|
1973
|
-
"chevron-down":
|
|
1974
|
-
"chevron-up":
|
|
1975
|
-
"corner-down-left":
|
|
1976
|
-
"external-link":
|
|
1977
|
-
bold:
|
|
1978
|
-
italic:
|
|
1979
|
-
underline:
|
|
1980
|
-
strike:
|
|
1981
|
-
"inline-code":
|
|
1982
|
-
link:
|
|
1983
|
-
more:
|
|
1984
|
-
text:
|
|
1985
|
-
"bullet-list":
|
|
1986
|
-
"numbered-list":
|
|
1987
|
-
"todo-list":
|
|
1988
|
-
quote:
|
|
1989
|
-
"code-block":
|
|
1990
|
-
superscript:
|
|
1991
|
-
subscript:
|
|
1992
|
-
math:
|
|
2077
|
+
var ca = {
|
|
2078
|
+
sparkles: Se,
|
|
2079
|
+
"chevron-down": j,
|
|
2080
|
+
"chevron-up": N,
|
|
2081
|
+
"corner-down-left": te,
|
|
2082
|
+
"external-link": L,
|
|
2083
|
+
bold: E,
|
|
2084
|
+
italic: ce,
|
|
2085
|
+
underline: Ne,
|
|
2086
|
+
strike: we,
|
|
2087
|
+
"inline-code": ee,
|
|
2088
|
+
link: V,
|
|
2089
|
+
more: pe,
|
|
2090
|
+
text: Me,
|
|
2091
|
+
"bullet-list": ue,
|
|
2092
|
+
"numbered-list": H,
|
|
2093
|
+
"todo-list": de,
|
|
2094
|
+
quote: ve,
|
|
2095
|
+
"code-block": D,
|
|
2096
|
+
superscript: Ee,
|
|
2097
|
+
subscript: Te,
|
|
2098
|
+
math: be,
|
|
1993
2099
|
"align-left": d,
|
|
1994
2100
|
"align-center": l,
|
|
1995
2101
|
"align-right": f,
|
|
1996
2102
|
"align-justify": u,
|
|
1997
|
-
"decrease-indent":
|
|
1998
|
-
"increase-indent":
|
|
1999
|
-
trash:
|
|
2103
|
+
"decrease-indent": ae,
|
|
2104
|
+
"increase-indent": oe,
|
|
2105
|
+
trash: je
|
|
2000
2106
|
};
|
|
2001
2107
|
function $({ name: e }) {
|
|
2002
|
-
let t =
|
|
2108
|
+
let t = ca[e];
|
|
2003
2109
|
return /* @__PURE__ */ Z(t, {
|
|
2004
2110
|
"aria-hidden": "true",
|
|
2005
2111
|
absoluteStrokeWidth: !0,
|
|
@@ -2009,24 +2115,24 @@ function $({ name: e }) {
|
|
|
2009
2115
|
}
|
|
2010
2116
|
//#endregion
|
|
2011
2117
|
//#region src/ui/math/MathEditorPopover.tsx
|
|
2012
|
-
function
|
|
2013
|
-
let i =
|
|
2118
|
+
function la({ editor: e, messages: t, onClose: n, target: r }) {
|
|
2119
|
+
let i = q(null), a = q(null), [o, s] = J(r.latex), [c, l] = J(null), u = t.math, d = K(() => Yt(e, r) ?? 1, [e, r]), f = K(() => Xt(e, r), [e, r]), p = K(() => o === r.latex && f ? {
|
|
2014
2120
|
html: f,
|
|
2015
2121
|
error: !1
|
|
2016
|
-
} :
|
|
2122
|
+
} : en(o, r.kind, e), [
|
|
2017
2123
|
e,
|
|
2018
2124
|
f,
|
|
2019
2125
|
r.kind,
|
|
2020
2126
|
r.latex,
|
|
2021
2127
|
o
|
|
2022
|
-
]), m = o.trim().length > 0, h =
|
|
2128
|
+
]), m = o.trim().length > 0, h = U(() => {
|
|
2023
2129
|
if (typeof window > "u") return;
|
|
2024
|
-
let t =
|
|
2130
|
+
let t = Jt(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
|
|
2025
2131
|
if (!t || !i) {
|
|
2026
2132
|
n();
|
|
2027
2133
|
return;
|
|
2028
2134
|
}
|
|
2029
|
-
l(
|
|
2135
|
+
l(qt({
|
|
2030
2136
|
anchorRect: t,
|
|
2031
2137
|
frameRect: i,
|
|
2032
2138
|
kind: r.kind,
|
|
@@ -2040,58 +2146,58 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
|
|
|
2040
2146
|
r,
|
|
2041
2147
|
o
|
|
2042
2148
|
]);
|
|
2043
|
-
|
|
2149
|
+
W(() => {
|
|
2044
2150
|
s(r.latex);
|
|
2045
|
-
}, [r.latex, r.pos]),
|
|
2046
|
-
|
|
2151
|
+
}, [r.latex, r.pos]), W(() => {
|
|
2152
|
+
tn(e, r, !0), h();
|
|
2047
2153
|
let t = window.requestAnimationFrame(() => {
|
|
2048
2154
|
a.current?.focus({ preventScroll: !0 }), a.current?.select(), h();
|
|
2049
2155
|
});
|
|
2050
2156
|
return window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
|
|
2051
|
-
window.cancelAnimationFrame(t), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0),
|
|
2157
|
+
window.cancelAnimationFrame(t), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), tn(e, r, !1);
|
|
2052
2158
|
};
|
|
2053
2159
|
}, [
|
|
2054
2160
|
e,
|
|
2055
2161
|
n,
|
|
2056
2162
|
r,
|
|
2057
2163
|
h
|
|
2058
|
-
]),
|
|
2164
|
+
]), W(() => {
|
|
2059
2165
|
let e = (e) => {
|
|
2060
2166
|
let t = e.target;
|
|
2061
2167
|
t instanceof Node && (i.current?.contains(t) || t instanceof Element && t.closest(".tiptap-mathematics-render") || n());
|
|
2062
2168
|
};
|
|
2063
2169
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
2064
2170
|
}, [n]);
|
|
2065
|
-
let
|
|
2066
|
-
m &&
|
|
2171
|
+
let g = U(() => {
|
|
2172
|
+
m && Kt(e, r, o) && n();
|
|
2067
2173
|
}, [
|
|
2068
2174
|
m,
|
|
2069
2175
|
e,
|
|
2070
2176
|
n,
|
|
2071
2177
|
r,
|
|
2072
2178
|
o
|
|
2073
|
-
]),
|
|
2179
|
+
]), _ = (t) => {
|
|
2074
2180
|
if (t.key === "Escape") {
|
|
2075
2181
|
t.preventDefault(), n(), e.commands.focus();
|
|
2076
2182
|
return;
|
|
2077
2183
|
}
|
|
2078
|
-
t.key === "Enter" && (r.kind === "inline" || t.metaKey || t.ctrlKey) && (t.preventDefault(),
|
|
2079
|
-
},
|
|
2184
|
+
t.key === "Enter" && (r.kind === "inline" || t.metaKey || t.ctrlKey) && (t.preventDefault(), g());
|
|
2185
|
+
}, v = c ? {
|
|
2080
2186
|
left: c.left,
|
|
2081
2187
|
top: c.top,
|
|
2082
2188
|
width: c.width
|
|
2083
|
-
} : void 0,
|
|
2189
|
+
} : void 0, y = r.kind === "block" ? u.blockTitle : u.inlineTitle;
|
|
2084
2190
|
return r.kind === "inline" ? /* @__PURE__ */ Q("form", {
|
|
2085
2191
|
ref: i,
|
|
2086
|
-
"aria-label":
|
|
2192
|
+
"aria-label": y,
|
|
2087
2193
|
className: "markweave-math-editor-popover markweave-math-editor-popover--inline",
|
|
2088
2194
|
"data-kind": "inline",
|
|
2089
2195
|
"data-placement": c?.placement ?? "bottom",
|
|
2090
2196
|
"data-testid": "markweave-math-editor-popover",
|
|
2091
2197
|
onSubmit: (e) => {
|
|
2092
|
-
e.preventDefault(),
|
|
2198
|
+
e.preventDefault(), g();
|
|
2093
2199
|
},
|
|
2094
|
-
style:
|
|
2200
|
+
style: v,
|
|
2095
2201
|
children: [/* @__PURE__ */ Q("label", {
|
|
2096
2202
|
className: "markweave-math-inline-source",
|
|
2097
2203
|
"data-testid": "markweave-math-inline-source",
|
|
@@ -2105,7 +2211,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
|
|
|
2105
2211
|
"aria-label": u.latexLabel,
|
|
2106
2212
|
"data-testid": "markweave-math-editor-input",
|
|
2107
2213
|
onChange: (e) => s(e.currentTarget.value),
|
|
2108
|
-
onKeyDown:
|
|
2214
|
+
onKeyDown: _,
|
|
2109
2215
|
placeholder: u.latexPlaceholder,
|
|
2110
2216
|
size: Math.max(o.length, 1),
|
|
2111
2217
|
spellCheck: !1,
|
|
@@ -2124,21 +2230,21 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
|
|
|
2124
2230
|
})]
|
|
2125
2231
|
}) : /* @__PURE__ */ Q("form", {
|
|
2126
2232
|
ref: i,
|
|
2127
|
-
"aria-label":
|
|
2233
|
+
"aria-label": y,
|
|
2128
2234
|
className: "markweave-math-editor-popover markweave-math-editor-popover--block",
|
|
2129
2235
|
"data-kind": r.kind,
|
|
2130
2236
|
"data-placement": c?.placement ?? "bottom",
|
|
2131
2237
|
"data-testid": "markweave-math-editor-popover",
|
|
2132
2238
|
onSubmit: (e) => {
|
|
2133
|
-
e.preventDefault(),
|
|
2239
|
+
e.preventDefault(), g();
|
|
2134
2240
|
},
|
|
2135
|
-
style:
|
|
2241
|
+
style: v,
|
|
2136
2242
|
children: [
|
|
2137
2243
|
/* @__PURE__ */ Q("div", {
|
|
2138
2244
|
className: "markweave-math-block-toolbar",
|
|
2139
2245
|
children: [
|
|
2140
2246
|
/* @__PURE__ */ Z("span", { children: u.label }),
|
|
2141
|
-
/* @__PURE__ */ Z(
|
|
2247
|
+
/* @__PURE__ */ Z(ee, {
|
|
2142
2248
|
"aria-hidden": "true",
|
|
2143
2249
|
size: 15,
|
|
2144
2250
|
strokeWidth: 1.75
|
|
@@ -2149,7 +2255,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
|
|
|
2149
2255
|
disabled: !m,
|
|
2150
2256
|
title: u.apply,
|
|
2151
2257
|
type: "submit",
|
|
2152
|
-
children: /* @__PURE__ */ Z(
|
|
2258
|
+
children: /* @__PURE__ */ Z(k, {
|
|
2153
2259
|
"aria-hidden": "true",
|
|
2154
2260
|
size: 16,
|
|
2155
2261
|
strokeWidth: 2
|
|
@@ -2170,7 +2276,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
|
|
|
2170
2276
|
"aria-label": u.latexLabel,
|
|
2171
2277
|
"data-testid": "markweave-math-editor-input",
|
|
2172
2278
|
onChange: (e) => s(e.currentTarget.value),
|
|
2173
|
-
onKeyDown:
|
|
2279
|
+
onKeyDown: _,
|
|
2174
2280
|
placeholder: u.latexPlaceholder,
|
|
2175
2281
|
rows: 3,
|
|
2176
2282
|
spellCheck: !1,
|
|
@@ -2194,31 +2300,31 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
|
|
|
2194
2300
|
}
|
|
2195
2301
|
//#endregion
|
|
2196
2302
|
//#region src/ui/slash-command/SlashCommandMenu.tsx
|
|
2197
|
-
var
|
|
2198
|
-
type:
|
|
2199
|
-
"heading-1":
|
|
2200
|
-
"heading-2":
|
|
2201
|
-
"heading-3":
|
|
2202
|
-
"bullet-list":
|
|
2203
|
-
"ordered-list":
|
|
2204
|
-
"task-list":
|
|
2205
|
-
blockquote:
|
|
2206
|
-
"code-block":
|
|
2207
|
-
info:
|
|
2208
|
-
tip:
|
|
2303
|
+
var ua = n("zh"), da = {
|
|
2304
|
+
type: Ae,
|
|
2305
|
+
"heading-1": re,
|
|
2306
|
+
"heading-2": R,
|
|
2307
|
+
"heading-3": ie,
|
|
2308
|
+
"bullet-list": ue,
|
|
2309
|
+
"ordered-list": H,
|
|
2310
|
+
"task-list": de,
|
|
2311
|
+
blockquote: ve,
|
|
2312
|
+
"code-block": D,
|
|
2313
|
+
info: se,
|
|
2314
|
+
tip: le,
|
|
2209
2315
|
warning: c,
|
|
2210
|
-
error:
|
|
2211
|
-
success:
|
|
2212
|
-
emoji:
|
|
2213
|
-
math:
|
|
2214
|
-
table:
|
|
2215
|
-
separator:
|
|
2216
|
-
image:
|
|
2217
|
-
video:
|
|
2218
|
-
attachment:
|
|
2316
|
+
error: P,
|
|
2317
|
+
success: A,
|
|
2318
|
+
emoji: xe,
|
|
2319
|
+
math: be,
|
|
2320
|
+
table: De,
|
|
2321
|
+
separator: fe,
|
|
2322
|
+
image: z,
|
|
2323
|
+
video: Fe,
|
|
2324
|
+
attachment: he
|
|
2219
2325
|
};
|
|
2220
|
-
function
|
|
2221
|
-
let t =
|
|
2326
|
+
function fa({ name: e }) {
|
|
2327
|
+
let t = da[e];
|
|
2222
2328
|
return /* @__PURE__ */ Z(t, {
|
|
2223
2329
|
"aria-hidden": "true",
|
|
2224
2330
|
absoluteStrokeWidth: !0,
|
|
@@ -2226,8 +2332,8 @@ function Ti({ name: e }) {
|
|
|
2226
2332
|
strokeWidth: 1.6
|
|
2227
2333
|
});
|
|
2228
2334
|
}
|
|
2229
|
-
function
|
|
2230
|
-
return !
|
|
2335
|
+
function pa(e, t, n) {
|
|
2336
|
+
return !cn(e) || !n ? {
|
|
2231
2337
|
visible: !1,
|
|
2232
2338
|
empty: !1,
|
|
2233
2339
|
activeIndex: -1
|
|
@@ -2241,17 +2347,17 @@ function Ei(e, t, n) {
|
|
|
2241
2347
|
activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
|
|
2242
2348
|
};
|
|
2243
2349
|
}
|
|
2244
|
-
function
|
|
2350
|
+
function ma(e, t) {
|
|
2245
2351
|
return Object.values(t.slash.groups).map((t) => ({
|
|
2246
2352
|
group: t,
|
|
2247
2353
|
commands: e.filter((e) => e.group === t)
|
|
2248
2354
|
})).filter((e) => e.commands.length > 0);
|
|
2249
2355
|
}
|
|
2250
|
-
function
|
|
2356
|
+
function ha(e, t) {
|
|
2251
2357
|
return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
|
|
2252
2358
|
}
|
|
2253
|
-
function
|
|
2254
|
-
let [i, a] =
|
|
2359
|
+
function ga({ command: e, messages: t, onBack: n, onSelect: r }) {
|
|
2360
|
+
let [i, a] = J(""), [o, s] = J(0), c = K(() => {
|
|
2255
2361
|
let e = i.trim().toLowerCase();
|
|
2256
2362
|
return (e ? t.slash.emojiItems.filter((t) => [
|
|
2257
2363
|
t.emoji,
|
|
@@ -2317,9 +2423,9 @@ function ki({ command: e, messages: t, onBack: n, onSelect: r }) {
|
|
|
2317
2423
|
]
|
|
2318
2424
|
});
|
|
2319
2425
|
}
|
|
2320
|
-
function
|
|
2321
|
-
let a = e.uploadKind ?? "attachment", [o, s] =
|
|
2322
|
-
r(e, { uploadResult: await
|
|
2426
|
+
function _a({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
|
|
2427
|
+
let a = e.uploadKind ?? "attachment", [o, s] = J(""), [c, l] = J(null), [u, d] = J(null), [f, p] = J(!1), m = async (t) => {
|
|
2428
|
+
r(e, { uploadResult: await Y({
|
|
2323
2429
|
kind: a,
|
|
2324
2430
|
source: t,
|
|
2325
2431
|
trigger: "slash-command"
|
|
@@ -2339,7 +2445,7 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
|
|
|
2339
2445
|
d(t.slash.uploadRequiredError);
|
|
2340
2446
|
return;
|
|
2341
2447
|
}
|
|
2342
|
-
await m(
|
|
2448
|
+
await m(Le(o));
|
|
2343
2449
|
} catch (e) {
|
|
2344
2450
|
d(e instanceof Error ? e.message : t.slash.uploadFailedError);
|
|
2345
2451
|
} finally {
|
|
@@ -2357,7 +2463,7 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
|
|
|
2357
2463
|
onMouseDown: (e) => e.preventDefault(),
|
|
2358
2464
|
onClick: n,
|
|
2359
2465
|
children: t.common.back
|
|
2360
|
-
}), /* @__PURE__ */ Z("span", { children:
|
|
2466
|
+
}), /* @__PURE__ */ Z("span", { children: ha(a, t) })]
|
|
2361
2467
|
}),
|
|
2362
2468
|
/* @__PURE__ */ Q("label", {
|
|
2363
2469
|
className: "markweave-slash-upload-field",
|
|
@@ -2405,10 +2511,10 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
|
|
|
2405
2511
|
]
|
|
2406
2512
|
});
|
|
2407
2513
|
}
|
|
2408
|
-
function
|
|
2409
|
-
let l =
|
|
2514
|
+
function va({ commands: e, messages: t = ua, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
|
|
2515
|
+
let l = pa(n, e, r);
|
|
2410
2516
|
if (!l.visible || !r) return null;
|
|
2411
|
-
let u =
|
|
2517
|
+
let u = ma(e, t), d = {
|
|
2412
2518
|
left: r.left,
|
|
2413
2519
|
top: r.top,
|
|
2414
2520
|
maxHeight: r.maxHeight,
|
|
@@ -2417,7 +2523,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
|
|
|
2417
2523
|
left: r.triggerLeft,
|
|
2418
2524
|
top: r.triggerTop
|
|
2419
2525
|
}, p = (e) => o?.(e), m = () => o?.(null);
|
|
2420
|
-
return /* @__PURE__ */ Q(
|
|
2526
|
+
return /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Q("div", {
|
|
2421
2527
|
className: "markweave-slash-trigger",
|
|
2422
2528
|
style: f,
|
|
2423
2529
|
"aria-hidden": "true",
|
|
@@ -2430,12 +2536,12 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
|
|
|
2430
2536
|
"aria-label": t.slash.ariaLabel,
|
|
2431
2537
|
"data-placement": r.placement,
|
|
2432
2538
|
"data-testid": "markweave-slash-menu",
|
|
2433
|
-
children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(
|
|
2539
|
+
children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(ga, {
|
|
2434
2540
|
command: i,
|
|
2435
2541
|
messages: t,
|
|
2436
2542
|
onBack: m,
|
|
2437
2543
|
onSelect: s
|
|
2438
|
-
}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(
|
|
2544
|
+
}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(_a, {
|
|
2439
2545
|
command: i,
|
|
2440
2546
|
messages: t,
|
|
2441
2547
|
onBack: m,
|
|
@@ -2455,7 +2561,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
|
|
|
2455
2561
|
className: "markweave-slash-group-title",
|
|
2456
2562
|
children: t.group
|
|
2457
2563
|
}), t.commands.map((t) => {
|
|
2458
|
-
let n = e.indexOf(t), r = n === l.activeIndex, i =
|
|
2564
|
+
let n = e.indexOf(t), r = n === l.activeIndex, i = on(t), o = !!t.disabled;
|
|
2459
2565
|
return /* @__PURE__ */ Q("button", {
|
|
2460
2566
|
type: "button",
|
|
2461
2567
|
role: "option",
|
|
@@ -2479,7 +2585,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
|
|
|
2479
2585
|
}
|
|
2480
2586
|
},
|
|
2481
2587
|
children: [
|
|
2482
|
-
/* @__PURE__ */ Z(
|
|
2588
|
+
/* @__PURE__ */ Z(fa, { name: t.icon }),
|
|
2483
2589
|
/* @__PURE__ */ Z("span", { children: t.label }),
|
|
2484
2590
|
o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
|
|
2485
2591
|
]
|
|
@@ -2491,42 +2597,93 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
|
|
|
2491
2597
|
}
|
|
2492
2598
|
//#endregion
|
|
2493
2599
|
//#region src/ui/table/TableControls.tsx
|
|
2494
|
-
var
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2600
|
+
var ya = n("zh"), ba = {
|
|
2601
|
+
"move-left": v,
|
|
2602
|
+
"move-right": y,
|
|
2603
|
+
"move-up": b,
|
|
2604
|
+
"move-down": g,
|
|
2605
|
+
"insert-left": T,
|
|
2606
|
+
"insert-right": w,
|
|
2607
|
+
"insert-above": C,
|
|
2608
|
+
"insert-below": S,
|
|
2609
|
+
"sort-asc": _,
|
|
2610
|
+
"sort-desc": x,
|
|
2611
|
+
color: me,
|
|
2612
|
+
alignment: d,
|
|
2613
|
+
clear: Ce,
|
|
2614
|
+
duplicate: F,
|
|
2615
|
+
copy: F,
|
|
2616
|
+
merge: Oe,
|
|
2617
|
+
split: ke,
|
|
2618
|
+
delete: je
|
|
2619
|
+
}, xa = {
|
|
2620
|
+
left: d,
|
|
2621
|
+
center: l,
|
|
2622
|
+
right: f,
|
|
2623
|
+
top: h,
|
|
2624
|
+
middle: p,
|
|
2625
|
+
bottom: m
|
|
2626
|
+
};
|
|
2627
|
+
function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
|
|
2628
|
+
let [s, c] = J(null), [l, u] = J(null), [d, f] = J("row-edge"), [p, m] = J(null), [h, g] = J(null), [_, v] = J(null), [y, b] = J(null), [x, S] = J(null), [C, w] = J(null), [, T] = J(0), E = q(null), D = q(null), [O, k] = J(null), A = q(null), j = q(null), N = q(null), P = q(null), ee = q(null), F = e ? yn(t.state) : null;
|
|
2629
|
+
if (W(() => {
|
|
2630
|
+
if (!O) return;
|
|
2499
2631
|
let e = window.setTimeout(() => {
|
|
2500
|
-
|
|
2501
|
-
},
|
|
2632
|
+
k(null);
|
|
2633
|
+
}, Hr);
|
|
2502
2634
|
return () => {
|
|
2503
2635
|
window.clearTimeout(e);
|
|
2504
2636
|
};
|
|
2505
|
-
}, [
|
|
2637
|
+
}, [O]), W(() => {
|
|
2638
|
+
let e = (e) => {
|
|
2639
|
+
let n = E.current;
|
|
2640
|
+
if (!n) return;
|
|
2641
|
+
let r = kr(t, n.axis, e.clientX, e.clientY);
|
|
2642
|
+
r !== null && (e.preventDefault(), D.current = r, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
|
|
2643
|
+
}, n = (e) => {
|
|
2644
|
+
let n = E.current;
|
|
2645
|
+
if (!n) return;
|
|
2646
|
+
let r = kr(t, n.axis, e.clientX, e.clientY) ?? D.current;
|
|
2647
|
+
e.preventDefault(), E.current = null, D.current = null, r !== null && zr(t, n.axis, n.index, r);
|
|
2648
|
+
};
|
|
2649
|
+
return document.addEventListener("dragover", e), document.addEventListener("drop", n), () => {
|
|
2650
|
+
document.removeEventListener("dragover", e), document.removeEventListener("drop", n);
|
|
2651
|
+
};
|
|
2652
|
+
}, [t]), G(() => {
|
|
2506
2653
|
if (!e) {
|
|
2507
|
-
|
|
2654
|
+
g(null), v(null), b(null), S(null), w(null), k(null);
|
|
2508
2655
|
return;
|
|
2509
2656
|
}
|
|
2510
2657
|
let r = () => {
|
|
2511
|
-
let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r =
|
|
2658
|
+
let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = Mr(t, n, "row", F?.activeCellPos ?? null), i = Mr(t, n, "column", F?.activeCellPos ?? null), a = r ? jr(t, r) : null, o = i ? jr(t, i) : null, c = Ir(t, "selection").length > 0 ? Lr(t) : null, l = Or(t)?.getBoundingClientRect() ?? null;
|
|
2512
2659
|
if (!e) {
|
|
2513
|
-
|
|
2660
|
+
g(null), v(null), b(null), S(null), w(null);
|
|
2514
2661
|
return;
|
|
2515
2662
|
}
|
|
2516
2663
|
let u = e.getBoundingClientRect();
|
|
2517
|
-
a ?
|
|
2664
|
+
a ? g(Cr({
|
|
2518
2665
|
targetRect: a,
|
|
2519
2666
|
frameRect: u,
|
|
2520
2667
|
kind: "row"
|
|
2521
|
-
})) : s === "row" &&
|
|
2668
|
+
})) : s === "row" && d === "row-edge" || g(null), o ? v(Cr({
|
|
2522
2669
|
targetRect: o,
|
|
2523
2670
|
frameRect: u,
|
|
2524
2671
|
kind: "column"
|
|
2525
|
-
})) : s === "column" &&
|
|
2672
|
+
})) : s === "column" && d === "column-edge" || v(null), c ? b(Cr({
|
|
2526
2673
|
targetRect: c,
|
|
2527
2674
|
frameRect: u,
|
|
2528
2675
|
kind: "selection"
|
|
2529
|
-
})) : s === "selection" &&
|
|
2676
|
+
})) : s === "selection" && d === "selection-edge" || b(null);
|
|
2677
|
+
let f = n.hoverCellPos !== null && !!(r && r.index === r.visualHeight - 1), p = n.hoverCellPos !== null && !!(i && i.index === i.visualWidth - 1);
|
|
2678
|
+
S(l && f ? wr({
|
|
2679
|
+
tableRect: l,
|
|
2680
|
+
frameRect: u,
|
|
2681
|
+
kind: "row"
|
|
2682
|
+
}) : null), w(l && p ? wr({
|
|
2683
|
+
tableRect: l,
|
|
2684
|
+
frameRect: u,
|
|
2685
|
+
kind: "column"
|
|
2686
|
+
}) : null);
|
|
2530
2687
|
};
|
|
2531
2688
|
return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
|
|
2532
2689
|
window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
|
|
@@ -2534,40 +2691,40 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
|
|
|
2534
2691
|
}, [
|
|
2535
2692
|
e,
|
|
2536
2693
|
t,
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2694
|
+
F?.activeCellPos,
|
|
2695
|
+
F?.selectionFrom,
|
|
2696
|
+
F?.selectionTo,
|
|
2540
2697
|
n.hoverCellPos,
|
|
2541
2698
|
n.hoverVisualColumnIndex,
|
|
2542
2699
|
n.hoverVisualRowIndex,
|
|
2543
|
-
|
|
2700
|
+
d,
|
|
2544
2701
|
s
|
|
2545
|
-
]),
|
|
2702
|
+
]), G(() => {
|
|
2546
2703
|
if (!e || !s) {
|
|
2547
|
-
|
|
2704
|
+
m(null);
|
|
2548
2705
|
return;
|
|
2549
2706
|
}
|
|
2550
2707
|
let n = () => {
|
|
2551
|
-
let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n =
|
|
2708
|
+
let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = d === "row-edge" ? N.current : d === "column-edge" ? P.current : ee.current, r = j.current;
|
|
2552
2709
|
if (!e || !n || !r) {
|
|
2553
|
-
|
|
2710
|
+
m(null);
|
|
2554
2711
|
return;
|
|
2555
2712
|
}
|
|
2556
|
-
let i = n.getBoundingClientRect(), a = s === "row" ?
|
|
2713
|
+
let i = n.getBoundingClientRect(), a = s === "row" ? Or(t)?.getBoundingClientRect() : null, o = a ? {
|
|
2557
2714
|
left: i.left,
|
|
2558
2715
|
top: a.top,
|
|
2559
2716
|
width: i.width,
|
|
2560
2717
|
height: i.height
|
|
2561
|
-
} : i, c = e.getBoundingClientRect(),
|
|
2718
|
+
} : i, c = e.getBoundingClientRect(), l = r.getBoundingClientRect(), u = Sr({
|
|
2562
2719
|
anchorRect: o,
|
|
2563
2720
|
frameRect: c,
|
|
2564
2721
|
menuSize: {
|
|
2565
|
-
width:
|
|
2566
|
-
height:
|
|
2722
|
+
width: l.width || 254,
|
|
2723
|
+
height: l.height || 410
|
|
2567
2724
|
},
|
|
2568
2725
|
kind: s
|
|
2569
2726
|
});
|
|
2570
|
-
|
|
2727
|
+
m(u);
|
|
2571
2728
|
};
|
|
2572
2729
|
return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
|
|
2573
2730
|
window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
|
|
@@ -2575,17 +2732,23 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
|
|
|
2575
2732
|
}, [
|
|
2576
2733
|
e,
|
|
2577
2734
|
t,
|
|
2578
|
-
|
|
2735
|
+
d,
|
|
2579
2736
|
s,
|
|
2580
|
-
p,
|
|
2581
2737
|
h,
|
|
2582
|
-
_
|
|
2583
|
-
|
|
2738
|
+
_,
|
|
2739
|
+
y
|
|
2740
|
+
]), W(() => {
|
|
2584
2741
|
if (!e || !s) return;
|
|
2585
2742
|
let n = (e) => {
|
|
2586
|
-
e.key === "Escape"
|
|
2743
|
+
if (e.key === "Escape") {
|
|
2744
|
+
if (l) {
|
|
2745
|
+
u(null);
|
|
2746
|
+
return;
|
|
2747
|
+
}
|
|
2748
|
+
c(null), u(null), t.view.focus();
|
|
2749
|
+
}
|
|
2587
2750
|
}, r = (e) => {
|
|
2588
|
-
e.target instanceof Node &&
|
|
2751
|
+
e.target instanceof Node && A.current?.contains(e.target) || (c(null), u(null));
|
|
2589
2752
|
};
|
|
2590
2753
|
return document.addEventListener("keydown", n), document.addEventListener("mousedown", r), () => {
|
|
2591
2754
|
document.removeEventListener("keydown", n), document.removeEventListener("mousedown", r);
|
|
@@ -2593,171 +2756,366 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
|
|
|
2593
2756
|
}, [
|
|
2594
2757
|
e,
|
|
2595
2758
|
t,
|
|
2596
|
-
s
|
|
2759
|
+
s,
|
|
2760
|
+
l
|
|
2597
2761
|
]), !e) return null;
|
|
2598
|
-
let
|
|
2599
|
-
let n = s === e &&
|
|
2600
|
-
|
|
2601
|
-
},
|
|
2602
|
-
t.view.dispatch(
|
|
2603
|
-
},
|
|
2604
|
-
let i = n.hoverCellPos ??
|
|
2605
|
-
i !== null &&
|
|
2606
|
-
},
|
|
2607
|
-
|
|
2608
|
-
},
|
|
2609
|
-
let o = await
|
|
2762
|
+
let te = (e, t) => {
|
|
2763
|
+
let n = s === e && d === t;
|
|
2764
|
+
f(t), c(n ? null : e), u(null);
|
|
2765
|
+
}, I = () => {
|
|
2766
|
+
t.view.dispatch(vr(t.state.tr, null));
|
|
2767
|
+
}, L = (e, r) => {
|
|
2768
|
+
let i = n.hoverCellPos ?? F?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
|
|
2769
|
+
i !== null && Br(t, i, e, { visualIndex: a }), te(e, r);
|
|
2770
|
+
}, ne = () => {
|
|
2771
|
+
I(), te("selection", "selection-edge");
|
|
2772
|
+
}, re = Mr(t, n, "row", F?.activeCellPos ?? null), R = Mr(t, n, "column", F?.activeCellPos ?? null), ie = Ir(t, "selection").length > 0, z = s ? Ir(t, s) : [], B = async (e, n) => {
|
|
2773
|
+
let o = await Er({
|
|
2610
2774
|
editor: t,
|
|
2611
2775
|
commandId: e,
|
|
2612
2776
|
menu: n ?? s ?? "selection",
|
|
2613
2777
|
messages: r
|
|
2614
2778
|
});
|
|
2615
|
-
return o.copyFeedback ? (
|
|
2616
|
-
},
|
|
2617
|
-
let n =
|
|
2618
|
-
n && o?.(n), c(null), t.view.focus();
|
|
2619
|
-
}
|
|
2779
|
+
return o.copyFeedback ? (k(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : k(null), a?.(o.commandResult), o.success;
|
|
2780
|
+
}, ae = (e) => {
|
|
2781
|
+
let n = Nr(t, e);
|
|
2782
|
+
n && o?.(n), c(null), u(null), t.view.focus();
|
|
2783
|
+
}, oe = (e) => {
|
|
2784
|
+
s !== "row" && s !== "column" || e(s) && T((e) => e + 1);
|
|
2785
|
+
}, se = (e) => {
|
|
2786
|
+
let r = e === "row" ? re : R, i = n.hoverCellPos ?? F?.activeCellPos ?? null;
|
|
2787
|
+
!r || i === null || Kr(t, i, e, { visualIndex: r.index }) && B(e === "row" ? "add-row-after" : "add-column-after", e);
|
|
2788
|
+
}, ce = (e, t, n) => {
|
|
2789
|
+
E.current = {
|
|
2790
|
+
axis: e,
|
|
2791
|
+
index: t
|
|
2792
|
+
}, D.current = t, n.dataTransfer.effectAllowed = "move", n.dataTransfer.setData("application/x-markweave-table-axis", `${e}:${t}`);
|
|
2793
|
+
}, le = (e) => {
|
|
2794
|
+
let t = e.currentTarget, n = Array.from(t.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), r = n.indexOf(document.activeElement);
|
|
2795
|
+
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
2796
|
+
e.preventDefault(), e.stopPropagation();
|
|
2797
|
+
let t = e.key === "ArrowDown" ? 1 : -1;
|
|
2798
|
+
n[r < 0 ? 0 : Math.min(n.length - 1, Math.max(0, r + t))]?.focus();
|
|
2799
|
+
}
|
|
2800
|
+
}, V = s === "row" || s === "column" ? Ar(t, s) : null;
|
|
2620
2801
|
return /* @__PURE__ */ Q("div", {
|
|
2621
|
-
ref:
|
|
2802
|
+
ref: A,
|
|
2622
2803
|
className: "markweave-table-controls",
|
|
2623
2804
|
"data-testid": "markweave-table-controls",
|
|
2624
2805
|
"aria-label": r.table.controlsAriaLabel,
|
|
2625
2806
|
"data-open-menu": s ?? "none",
|
|
2626
|
-
"data-positioned":
|
|
2807
|
+
"data-positioned": h || _ || y ? "true" : "false",
|
|
2808
|
+
onMouseLeave: () => {
|
|
2809
|
+
t.view.dispatch(t.state.tr.setMeta(Sn, { type: "clear-hover" }));
|
|
2810
|
+
},
|
|
2627
2811
|
children: [
|
|
2628
|
-
|
|
2812
|
+
O ? /* @__PURE__ */ Z("div", {
|
|
2629
2813
|
className: "markweave-table-copy-feedback",
|
|
2630
2814
|
role: "status",
|
|
2631
2815
|
"aria-live": "polite",
|
|
2632
2816
|
"data-testid": "markweave-table-copy-feedback",
|
|
2633
|
-
"data-copy-kind":
|
|
2634
|
-
"data-text-length":
|
|
2635
|
-
"data-html-length":
|
|
2636
|
-
children:
|
|
2817
|
+
"data-copy-kind": O.kind,
|
|
2818
|
+
"data-text-length": O.textLength,
|
|
2819
|
+
"data-html-length": O.htmlLength,
|
|
2820
|
+
children: Dr(O)
|
|
2637
2821
|
}) : null,
|
|
2638
|
-
|
|
2822
|
+
h ? /* @__PURE__ */ Z("button", {
|
|
2639
2823
|
type: "button",
|
|
2640
|
-
ref:
|
|
2824
|
+
ref: N,
|
|
2641
2825
|
className: "markweave-table-edge-handle markweave-table-edge-handle--row",
|
|
2642
2826
|
"aria-label": r.table.activeRowActions,
|
|
2643
|
-
"aria-expanded": s === "row" &&
|
|
2827
|
+
"aria-expanded": s === "row" && d === "row-edge",
|
|
2644
2828
|
"aria-haspopup": "menu",
|
|
2645
2829
|
title: r.table.rowActions,
|
|
2646
2830
|
"data-testid": "markweave-table-hover-row-handle",
|
|
2647
|
-
"data-axis-index":
|
|
2648
|
-
"data-axis-selected-cells":
|
|
2649
|
-
"data-axis-visual-cells":
|
|
2650
|
-
"data-axis-visual-size":
|
|
2831
|
+
"data-axis-index": re?.index ?? "",
|
|
2832
|
+
"data-axis-selected-cells": re?.selectedCellCount ?? "",
|
|
2833
|
+
"data-axis-visual-cells": re?.visualCellCount ?? "",
|
|
2834
|
+
"data-axis-visual-size": re?.visualHeight ?? "",
|
|
2651
2835
|
style: {
|
|
2652
|
-
left:
|
|
2653
|
-
top:
|
|
2836
|
+
left: h.left,
|
|
2837
|
+
top: h.top,
|
|
2838
|
+
width: h.width,
|
|
2839
|
+
height: h.height
|
|
2840
|
+
},
|
|
2841
|
+
draggable: !0,
|
|
2842
|
+
onDragStart: (e) => ce("row", re?.index ?? 0, e),
|
|
2843
|
+
onDragEnd: () => {
|
|
2844
|
+
E.current = null, D.current = null;
|
|
2654
2845
|
},
|
|
2655
|
-
onMouseDown: (e) => e.preventDefault(),
|
|
2656
2846
|
onClick: () => {
|
|
2657
|
-
|
|
2847
|
+
L("row", "row-edge");
|
|
2658
2848
|
},
|
|
2659
|
-
children: /* @__PURE__ */ Z(
|
|
2849
|
+
children: /* @__PURE__ */ Z(pe, {
|
|
2660
2850
|
"aria-hidden": "true",
|
|
2661
|
-
|
|
2851
|
+
size: 14
|
|
2662
2852
|
})
|
|
2663
2853
|
}) : null,
|
|
2664
|
-
|
|
2854
|
+
_ ? /* @__PURE__ */ Z("button", {
|
|
2665
2855
|
type: "button",
|
|
2666
|
-
ref:
|
|
2856
|
+
ref: P,
|
|
2667
2857
|
className: "markweave-table-edge-handle markweave-table-edge-handle--column",
|
|
2668
2858
|
"aria-label": r.table.activeColumnActions,
|
|
2669
|
-
"aria-expanded": s === "column" &&
|
|
2859
|
+
"aria-expanded": s === "column" && d === "column-edge",
|
|
2670
2860
|
"aria-haspopup": "menu",
|
|
2671
2861
|
title: r.table.columnActions,
|
|
2672
2862
|
"data-testid": "markweave-table-hover-column-handle",
|
|
2673
|
-
"data-axis-index":
|
|
2674
|
-
"data-axis-selected-cells":
|
|
2675
|
-
"data-axis-visual-cells":
|
|
2676
|
-
"data-axis-visual-size":
|
|
2863
|
+
"data-axis-index": R?.index ?? "",
|
|
2864
|
+
"data-axis-selected-cells": R?.selectedCellCount ?? "",
|
|
2865
|
+
"data-axis-visual-cells": R?.visualCellCount ?? "",
|
|
2866
|
+
"data-axis-visual-size": R?.visualWidth ?? "",
|
|
2677
2867
|
style: {
|
|
2678
|
-
left:
|
|
2679
|
-
top:
|
|
2868
|
+
left: _.left,
|
|
2869
|
+
top: _.top,
|
|
2870
|
+
width: _.width,
|
|
2871
|
+
height: _.height
|
|
2872
|
+
},
|
|
2873
|
+
draggable: !0,
|
|
2874
|
+
onDragStart: (e) => ce("column", R?.index ?? 0, e),
|
|
2875
|
+
onDragEnd: () => {
|
|
2876
|
+
E.current = null, D.current = null;
|
|
2680
2877
|
},
|
|
2681
|
-
onMouseDown: (e) => e.preventDefault(),
|
|
2682
2878
|
onClick: () => {
|
|
2683
|
-
|
|
2879
|
+
L("column", "column-edge");
|
|
2684
2880
|
},
|
|
2685
|
-
children: /* @__PURE__ */ Z(
|
|
2881
|
+
children: /* @__PURE__ */ Z(pe, {
|
|
2686
2882
|
"aria-hidden": "true",
|
|
2687
|
-
|
|
2883
|
+
size: 14
|
|
2688
2884
|
})
|
|
2689
2885
|
}) : null,
|
|
2690
|
-
|
|
2886
|
+
x ? /* @__PURE__ */ Z("button", {
|
|
2691
2887
|
type: "button",
|
|
2692
|
-
|
|
2888
|
+
className: "markweave-table-extend-button markweave-table-extend-button--row",
|
|
2889
|
+
"aria-label": r.table.addRow,
|
|
2890
|
+
title: r.table.addRow,
|
|
2891
|
+
"data-testid": "markweave-table-add-row",
|
|
2892
|
+
style: {
|
|
2893
|
+
left: x.left,
|
|
2894
|
+
top: x.top,
|
|
2895
|
+
width: x.width,
|
|
2896
|
+
height: x.height
|
|
2897
|
+
},
|
|
2898
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
2899
|
+
onClick: () => se("row"),
|
|
2900
|
+
children: /* @__PURE__ */ Z(_e, {
|
|
2901
|
+
"aria-hidden": "true",
|
|
2902
|
+
size: 16
|
|
2903
|
+
})
|
|
2904
|
+
}) : null,
|
|
2905
|
+
C ? /* @__PURE__ */ Z("button", {
|
|
2906
|
+
type: "button",
|
|
2907
|
+
className: "markweave-table-extend-button markweave-table-extend-button--column",
|
|
2908
|
+
"aria-label": r.table.addColumn,
|
|
2909
|
+
title: r.table.addColumn,
|
|
2910
|
+
"data-testid": "markweave-table-add-column",
|
|
2911
|
+
style: {
|
|
2912
|
+
left: C.left,
|
|
2913
|
+
top: C.top,
|
|
2914
|
+
width: C.width,
|
|
2915
|
+
height: C.height
|
|
2916
|
+
},
|
|
2917
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
2918
|
+
onClick: () => se("column"),
|
|
2919
|
+
children: /* @__PURE__ */ Z(_e, {
|
|
2920
|
+
"aria-hidden": "true",
|
|
2921
|
+
size: 16
|
|
2922
|
+
})
|
|
2923
|
+
}) : null,
|
|
2924
|
+
ie && y ? /* @__PURE__ */ Z("button", {
|
|
2925
|
+
type: "button",
|
|
2926
|
+
ref: ee,
|
|
2693
2927
|
className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
|
|
2694
2928
|
"aria-label": r.table.selectionActions,
|
|
2695
|
-
"aria-expanded": s === "selection" &&
|
|
2929
|
+
"aria-expanded": s === "selection" && d === "selection-edge",
|
|
2696
2930
|
"aria-haspopup": "menu",
|
|
2697
2931
|
title: r.table.selectionActions,
|
|
2698
2932
|
"data-testid": "markweave-table-cell-handle",
|
|
2699
2933
|
style: {
|
|
2700
|
-
left:
|
|
2701
|
-
top:
|
|
2934
|
+
left: y.left,
|
|
2935
|
+
top: y.top,
|
|
2936
|
+
width: y.width,
|
|
2937
|
+
height: y.height
|
|
2702
2938
|
},
|
|
2703
2939
|
onMouseDown: (e) => e.preventDefault(),
|
|
2704
|
-
onClick:
|
|
2705
|
-
children: /* @__PURE__ */ Z(
|
|
2940
|
+
onClick: ne,
|
|
2941
|
+
children: /* @__PURE__ */ Z(pe, {
|
|
2706
2942
|
"aria-hidden": "true",
|
|
2707
|
-
|
|
2943
|
+
size: 14
|
|
2708
2944
|
})
|
|
2709
2945
|
}) : null,
|
|
2710
|
-
s ? /* @__PURE__ */
|
|
2711
|
-
ref:
|
|
2946
|
+
s ? /* @__PURE__ */ Q("div", {
|
|
2947
|
+
ref: j,
|
|
2712
2948
|
className: "markweave-table-menu",
|
|
2713
2949
|
role: "menu",
|
|
2714
|
-
"aria-label":
|
|
2950
|
+
"aria-label": Wr(s, r),
|
|
2715
2951
|
"data-testid": "markweave-table-menu",
|
|
2716
|
-
"data-positioned":
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2952
|
+
"data-positioned": p ? "true" : "false",
|
|
2953
|
+
"data-submenu": l ?? "none",
|
|
2954
|
+
style: p ? {
|
|
2955
|
+
left: p.left,
|
|
2956
|
+
top: p.top
|
|
2720
2957
|
} : void 0,
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2958
|
+
onKeyDown: le,
|
|
2959
|
+
children: [
|
|
2960
|
+
z.map((e, n) => {
|
|
2961
|
+
let i = Pr(e), a = n === 0 ? i : Pr(z[n - 1]), d = n > 0 && a !== i, f = e.submenuId ? !0 : e.commandId === null ? !!o : Tr(t, e.commandId), p = Fr(e, r), m = ba[e.icon];
|
|
2962
|
+
return /* @__PURE__ */ Q("button", {
|
|
2963
|
+
type: "button",
|
|
2964
|
+
role: "menuitem",
|
|
2965
|
+
"aria-label": p,
|
|
2966
|
+
"aria-disabled": !f,
|
|
2967
|
+
"aria-haspopup": e.submenuId ? "menu" : void 0,
|
|
2968
|
+
"aria-expanded": e.submenuId ? l === e.submenuId : void 0,
|
|
2969
|
+
disabled: !f,
|
|
2970
|
+
"data-menu-group": i,
|
|
2971
|
+
"data-starts-group": d ? "true" : "false",
|
|
2972
|
+
"data-command-enabled": f ? "true" : "false",
|
|
2973
|
+
"data-submenu-trigger": e.submenuId ?? void 0,
|
|
2974
|
+
"data-testid": e.commandId ? `markweave-table-menu-command-${e.commandId}` : e.submenuId ? `markweave-table-menu-submenu-${e.submenuId}` : "markweave-table-menu-command-edit-with-ai",
|
|
2975
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
2976
|
+
onMouseEnter: () => u(e.submenuId),
|
|
2977
|
+
onClick: () => {
|
|
2978
|
+
if (f) {
|
|
2979
|
+
if (e.submenuId) {
|
|
2980
|
+
u(e.submenuId);
|
|
2981
|
+
return;
|
|
2982
|
+
}
|
|
2983
|
+
if (e.commandId === null) {
|
|
2984
|
+
ae(s === "row" || s === "column" ? s : "selection");
|
|
2985
|
+
return;
|
|
2986
|
+
}
|
|
2987
|
+
B(e.commandId).finally(() => {
|
|
2988
|
+
c(null), u(null);
|
|
2989
|
+
});
|
|
2739
2990
|
}
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2991
|
+
},
|
|
2992
|
+
children: [
|
|
2993
|
+
/* @__PURE__ */ Z("span", {
|
|
2994
|
+
className: "markweave-table-menu-item-icon",
|
|
2995
|
+
"aria-hidden": "true",
|
|
2996
|
+
children: /* @__PURE__ */ Z(m, {
|
|
2997
|
+
size: 18,
|
|
2998
|
+
strokeWidth: 1.8
|
|
2999
|
+
})
|
|
3000
|
+
}),
|
|
3001
|
+
/* @__PURE__ */ Z("span", {
|
|
3002
|
+
className: "markweave-table-menu-item-label",
|
|
3003
|
+
children: p
|
|
3004
|
+
}),
|
|
3005
|
+
e.submenuId ? /* @__PURE__ */ Z(M, {
|
|
3006
|
+
className: "markweave-table-menu-chevron",
|
|
3007
|
+
"aria-hidden": "true",
|
|
3008
|
+
size: 16
|
|
3009
|
+
}) : null
|
|
3010
|
+
]
|
|
3011
|
+
}, `${e.id}-${n}`);
|
|
3012
|
+
}),
|
|
3013
|
+
l === "color" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
|
|
3014
|
+
className: "markweave-table-submenu markweave-table-color-menu",
|
|
3015
|
+
role: "menu",
|
|
3016
|
+
"aria-label": r.table.submenus.color,
|
|
3017
|
+
"data-testid": "markweave-table-color-menu",
|
|
3018
|
+
onKeyDown: le,
|
|
3019
|
+
children: [
|
|
3020
|
+
/* @__PURE__ */ Z("div", {
|
|
3021
|
+
className: "markweave-table-submenu-title",
|
|
3022
|
+
children: r.table.submenus.textColor
|
|
3023
|
+
}),
|
|
3024
|
+
Vr.map((e) => /* @__PURE__ */ Q("button", {
|
|
3025
|
+
type: "button",
|
|
3026
|
+
role: "menuitemradio",
|
|
3027
|
+
"aria-checked": V?.textColorId === e.id,
|
|
3028
|
+
"data-active": V?.textColorId === e.id ? "true" : "false",
|
|
3029
|
+
"data-testid": `markweave-table-text-color-${e.id}`,
|
|
3030
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
3031
|
+
onClick: () => oe((n) => xr(t, n, e.id)),
|
|
3032
|
+
children: [/* @__PURE__ */ Z("span", {
|
|
3033
|
+
className: "markweave-table-color-swatch markweave-table-text-color-swatch",
|
|
3034
|
+
"aria-hidden": "true",
|
|
3035
|
+
style: { backgroundColor: e.textColor ?? "var(--markweave-text)" }
|
|
3036
|
+
}), /* @__PURE__ */ Z("span", { children: r.table.colors[e.id].text })]
|
|
3037
|
+
}, `text-${e.id}`)),
|
|
3038
|
+
/* @__PURE__ */ Z("div", { className: "markweave-table-submenu-separator" }),
|
|
3039
|
+
/* @__PURE__ */ Z("div", {
|
|
3040
|
+
className: "markweave-table-submenu-title",
|
|
3041
|
+
children: r.table.submenus.backgroundColor
|
|
3042
|
+
}),
|
|
3043
|
+
Vr.map((e) => /* @__PURE__ */ Q("button", {
|
|
3044
|
+
type: "button",
|
|
3045
|
+
role: "menuitemradio",
|
|
3046
|
+
"aria-checked": V?.backgroundColorId === e.id,
|
|
3047
|
+
"data-active": V?.backgroundColorId === e.id ? "true" : "false",
|
|
3048
|
+
"data-testid": `markweave-table-background-color-${e.id}`,
|
|
3049
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
3050
|
+
onClick: () => oe((n) => br(t, n, e.id)),
|
|
3051
|
+
children: [/* @__PURE__ */ Z("span", {
|
|
3052
|
+
className: "markweave-table-color-swatch",
|
|
3053
|
+
"aria-hidden": "true",
|
|
3054
|
+
style: { backgroundColor: e.backgroundColor }
|
|
3055
|
+
}), /* @__PURE__ */ Z("span", { children: r.table.colors[e.id].background })]
|
|
3056
|
+
}, `background-${e.id}`))
|
|
3057
|
+
]
|
|
3058
|
+
}) : null,
|
|
3059
|
+
l === "alignment" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
|
|
3060
|
+
className: "markweave-table-submenu markweave-table-alignment-menu",
|
|
3061
|
+
role: "menu",
|
|
3062
|
+
"aria-label": r.table.submenus.alignment,
|
|
3063
|
+
"data-testid": "markweave-table-alignment-menu",
|
|
3064
|
+
onKeyDown: le,
|
|
3065
|
+
children: [
|
|
3066
|
+
Ur.map((e) => {
|
|
3067
|
+
let n = xa[e], i = V?.textAlign === e;
|
|
3068
|
+
return /* @__PURE__ */ Q("button", {
|
|
3069
|
+
type: "button",
|
|
3070
|
+
role: "menuitemradio",
|
|
3071
|
+
"aria-checked": i,
|
|
3072
|
+
"data-active": i ? "true" : "false",
|
|
3073
|
+
"data-testid": `markweave-table-alignment-${e}`,
|
|
3074
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
3075
|
+
onClick: () => oe((n) => yr(t, n, e)),
|
|
3076
|
+
children: [/* @__PURE__ */ Z(n, {
|
|
3077
|
+
"aria-hidden": "true",
|
|
3078
|
+
size: 18,
|
|
3079
|
+
strokeWidth: 1.8
|
|
3080
|
+
}), /* @__PURE__ */ Z("span", { children: r.table.alignments[e] })]
|
|
3081
|
+
}, e);
|
|
3082
|
+
}),
|
|
3083
|
+
/* @__PURE__ */ Z("div", { className: "markweave-table-submenu-separator" }),
|
|
3084
|
+
Gr.map((e) => {
|
|
3085
|
+
let n = xa[e], i = V?.verticalAlign === e;
|
|
3086
|
+
return /* @__PURE__ */ Q("button", {
|
|
3087
|
+
type: "button",
|
|
3088
|
+
role: "menuitemradio",
|
|
3089
|
+
"aria-checked": i,
|
|
3090
|
+
"data-active": i ? "true" : "false",
|
|
3091
|
+
"data-testid": `markweave-table-alignment-${e}`,
|
|
3092
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
3093
|
+
onClick: () => oe((n) => yr(t, n, e)),
|
|
3094
|
+
children: [/* @__PURE__ */ Z(n, {
|
|
3095
|
+
"aria-hidden": "true",
|
|
3096
|
+
size: 18,
|
|
3097
|
+
strokeWidth: 1.8
|
|
3098
|
+
}), /* @__PURE__ */ Z("span", { children: r.table.alignments[e] })]
|
|
3099
|
+
}, e);
|
|
3100
|
+
})
|
|
3101
|
+
]
|
|
3102
|
+
}) : null
|
|
3103
|
+
]
|
|
2746
3104
|
}) : null
|
|
2747
3105
|
]
|
|
2748
3106
|
});
|
|
2749
3107
|
}
|
|
2750
3108
|
//#endregion
|
|
2751
3109
|
//#region src/ui/table/TableSelectionOverlay.tsx
|
|
2752
|
-
function
|
|
2753
|
-
let [n, r] =
|
|
2754
|
-
return
|
|
3110
|
+
function Ca({ editor: e, focusState: t }) {
|
|
3111
|
+
let [n, r] = J(null);
|
|
3112
|
+
return G(() => {
|
|
2755
3113
|
if (t.mode !== "cell-selection") {
|
|
2756
3114
|
r(null);
|
|
2757
3115
|
return;
|
|
2758
3116
|
}
|
|
2759
3117
|
let n = () => {
|
|
2760
|
-
r(
|
|
3118
|
+
r(Rr(e, bn(e.state)));
|
|
2761
3119
|
};
|
|
2762
3120
|
return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
|
|
2763
3121
|
window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
|
|
@@ -2792,16 +3150,16 @@ function Pi({ editor: e, focusState: t }) {
|
|
|
2792
3150
|
}
|
|
2793
3151
|
//#endregion
|
|
2794
3152
|
//#region src/ui/toc/MarkweaveInnerToc.tsx
|
|
2795
|
-
function
|
|
3153
|
+
function wa(e, t) {
|
|
2796
3154
|
return `${e.toc.itemAriaLabel}: ${t.text}`;
|
|
2797
3155
|
}
|
|
2798
|
-
function
|
|
2799
|
-
let a =
|
|
2800
|
-
if (
|
|
2801
|
-
if (!(i !== "container" || !a.current)) return
|
|
3156
|
+
function Ta({ editor: e, state: t, messages: n, editable: r, placement: i }) {
|
|
3157
|
+
let a = q(null);
|
|
3158
|
+
if (W(() => {
|
|
3159
|
+
if (!(i !== "container" || !a.current)) return $r(a.current);
|
|
2802
3160
|
}, [i]), !t.items.length) return null;
|
|
2803
3161
|
let o = (t) => {
|
|
2804
|
-
|
|
3162
|
+
ei(e, t, {
|
|
2805
3163
|
behavior: "smooth",
|
|
2806
3164
|
focus: r
|
|
2807
3165
|
});
|
|
@@ -2828,7 +3186,7 @@ function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
|
|
|
2828
3186
|
"data-level": e.level,
|
|
2829
3187
|
"data-active": e.active ? "true" : "false",
|
|
2830
3188
|
"aria-current": e.active ? "location" : void 0,
|
|
2831
|
-
"aria-label":
|
|
3189
|
+
"aria-label": wa(n, e),
|
|
2832
3190
|
title: e.text,
|
|
2833
3191
|
onClick: () => o(e),
|
|
2834
3192
|
children: e.text
|
|
@@ -2839,7 +3197,7 @@ function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
|
|
|
2839
3197
|
}
|
|
2840
3198
|
//#endregion
|
|
2841
3199
|
//#region src/MarkweaveEditor.tsx
|
|
2842
|
-
var
|
|
3200
|
+
var Ea = {
|
|
2843
3201
|
active: !1,
|
|
2844
3202
|
mode: "outside",
|
|
2845
3203
|
activeCellPos: null,
|
|
@@ -2847,21 +3205,21 @@ var Li = {
|
|
|
2847
3205
|
selectedCellCount: 0,
|
|
2848
3206
|
selectionFrom: 0,
|
|
2849
3207
|
selectionTo: 0
|
|
2850
|
-
},
|
|
3208
|
+
}, Da = {
|
|
2851
3209
|
active: !1,
|
|
2852
|
-
language:
|
|
3210
|
+
language: Lt.defaultLanguage,
|
|
2853
3211
|
mermaidPreviewMode: "code",
|
|
2854
3212
|
pos: null,
|
|
2855
3213
|
text: ""
|
|
2856
|
-
},
|
|
3214
|
+
}, Oa = Gt({
|
|
2857
3215
|
active: !1,
|
|
2858
3216
|
mode: "code",
|
|
2859
3217
|
source: ""
|
|
2860
3218
|
});
|
|
2861
|
-
function
|
|
2862
|
-
return
|
|
3219
|
+
function ka(e) {
|
|
3220
|
+
return Sn.getState(e.state) ?? xn;
|
|
2863
3221
|
}
|
|
2864
|
-
function
|
|
3222
|
+
function Aa(e) {
|
|
2865
3223
|
if (!e || typeof window > "u") return null;
|
|
2866
3224
|
let t = e.parentElement;
|
|
2867
3225
|
for (; t;) {
|
|
@@ -2871,133 +3229,141 @@ function Vi(e) {
|
|
|
2871
3229
|
}
|
|
2872
3230
|
return null;
|
|
2873
3231
|
}
|
|
2874
|
-
function
|
|
3232
|
+
function ja(e) {
|
|
2875
3233
|
return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
|
|
2876
3234
|
}
|
|
2877
|
-
function
|
|
3235
|
+
function Ma(e) {
|
|
2878
3236
|
if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
|
|
2879
3237
|
window.cancelAnimationFrame(e);
|
|
2880
3238
|
return;
|
|
2881
3239
|
}
|
|
2882
3240
|
globalThis.clearTimeout(e);
|
|
2883
3241
|
}
|
|
2884
|
-
function
|
|
2885
|
-
let
|
|
2886
|
-
editorMode:
|
|
2887
|
-
effectiveEditable:
|
|
3242
|
+
function Na({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O, resolveMediaSource: k } = {}) {
|
|
3243
|
+
let A = et(h), j = ni(g), M = ti(_), N = Qr(p), P = A === "live" && d !== !1, ee = yt(o === void 0 ? u : c), F = o ?? l, te = typeof F == "string" && F.length >= 2e5, I = o === void 0 && ee === "markdown" && te && typeof F == "string", L = q(I ? F : null), [ne, re] = J(I), R = q({
|
|
3244
|
+
editorMode: A,
|
|
3245
|
+
effectiveEditable: P
|
|
2888
3246
|
});
|
|
2889
|
-
|
|
2890
|
-
editorMode:
|
|
2891
|
-
effectiveEditable:
|
|
3247
|
+
R.current = {
|
|
3248
|
+
editorMode: A,
|
|
3249
|
+
effectiveEditable: P
|
|
2892
3250
|
};
|
|
2893
|
-
let
|
|
2894
|
-
|
|
2895
|
-
let
|
|
2896
|
-
|
|
2897
|
-
let
|
|
2898
|
-
|
|
2899
|
-
let
|
|
2900
|
-
|
|
2901
|
-
let
|
|
2902
|
-
lang:
|
|
3251
|
+
let ie = q(null);
|
|
3252
|
+
ie.current === null && (ie.current = r(m));
|
|
3253
|
+
let z = ie.current, B = K(() => n(z), [z]), ae = K(() => t(z), [z]), oe = q(C);
|
|
3254
|
+
oe.current = C;
|
|
3255
|
+
let se = q(S);
|
|
3256
|
+
se.current = S;
|
|
3257
|
+
let ce = q(O);
|
|
3258
|
+
ce.current = O;
|
|
3259
|
+
let le = K(() => Di({
|
|
3260
|
+
lang: z,
|
|
2903
3261
|
onImageUpload: (e) => {
|
|
2904
|
-
if (
|
|
2905
|
-
let t =
|
|
3262
|
+
if (oe.current) return oe.current(e);
|
|
3263
|
+
let t = Re(e);
|
|
2906
3264
|
if (!t) throw Error("File upload requires an upload handler.");
|
|
2907
3265
|
return t;
|
|
2908
3266
|
},
|
|
2909
3267
|
onVideoUpload: (e) => {
|
|
2910
|
-
if (
|
|
2911
|
-
let t =
|
|
3268
|
+
if (oe.current) return oe.current(e);
|
|
3269
|
+
let t = Re(e);
|
|
2912
3270
|
if (!t) throw Error("File upload requires an upload handler.");
|
|
2913
3271
|
return t;
|
|
2914
3272
|
},
|
|
2915
|
-
linkCardResolver: (e) =>
|
|
2916
|
-
|
|
3273
|
+
linkCardResolver: (e) => ce.current?.(e) ?? Promise.resolve(null),
|
|
3274
|
+
resolveMediaSource: k
|
|
3275
|
+
}), [k, z]), [V, ue] = J(null), [de, H] = J(hn), [fe, pe] = J(null), [me, he] = J(null), [ge, _e] = J("code"), [ve, ye] = J(null), [be, xe] = J(xn), [Se, Ce] = J(null), [we, Te] = J(0), Ee = q(!1), De = q({
|
|
2917
3276
|
content: o,
|
|
2918
|
-
format:
|
|
2919
|
-
}),
|
|
2920
|
-
|
|
3277
|
+
format: ee
|
|
3278
|
+
}), Oe = q(null), ke = q(null), Ae = q({ onUpdate: D }), je = K(() => an(de.query, ae), [ae, de.query]);
|
|
3279
|
+
Ae.current = { onUpdate: D }, De.current = {
|
|
2921
3280
|
content: o,
|
|
2922
|
-
format:
|
|
3281
|
+
format: ee
|
|
2923
3282
|
};
|
|
2924
|
-
let
|
|
2925
|
-
|
|
2926
|
-
}, []),
|
|
2927
|
-
|
|
2928
|
-
|
|
2929
|
-
},
|
|
3283
|
+
let Me = U(() => {
|
|
3284
|
+
ke.current !== null && (window.clearTimeout(ke.current), ke.current = null), Te((e) => e + 1);
|
|
3285
|
+
}, []), Ne = U(() => {
|
|
3286
|
+
ke.current !== null && window.clearTimeout(ke.current), ke.current = window.setTimeout(() => {
|
|
3287
|
+
ke.current = null, Te((e) => e + 1);
|
|
3288
|
+
}, At);
|
|
2930
3289
|
}, []);
|
|
2931
|
-
|
|
2932
|
-
|
|
3290
|
+
W(() => () => {
|
|
3291
|
+
ke.current !== null && window.clearTimeout(ke.current);
|
|
2933
3292
|
}, []);
|
|
2934
|
-
let
|
|
2935
|
-
|
|
2936
|
-
}, []),
|
|
2937
|
-
let t =
|
|
3293
|
+
let Pe = U(() => {
|
|
3294
|
+
pe(null), he(null), H(hn);
|
|
3295
|
+
}, []), Fe = U((e) => {
|
|
3296
|
+
let t = pn(e.state);
|
|
2938
3297
|
if (!t) {
|
|
2939
|
-
|
|
3298
|
+
H((e) => e.name === "idle" ? e : hn), pe(null), he(null);
|
|
2940
3299
|
return;
|
|
2941
3300
|
}
|
|
2942
3301
|
let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
|
|
2943
|
-
|
|
3302
|
+
if (!mn(r, { frameRect: i })) {
|
|
3303
|
+
pe(null), he(null), H(hn);
|
|
3304
|
+
return;
|
|
3305
|
+
}
|
|
3306
|
+
let a = fn(n, {
|
|
2944
3307
|
frameRect: i,
|
|
2945
3308
|
triggerRect: r
|
|
2946
|
-
})
|
|
2947
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
n
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
3309
|
+
});
|
|
3310
|
+
pe((e) => ln(e, a) ? e : a), H((e) => dn(e, t));
|
|
3311
|
+
}, []), G = U((e) => Fe(e.view), [Fe]), Ie = U((e) => {
|
|
3312
|
+
let t = Dt(e);
|
|
3313
|
+
ue((e) => Ct(e, t) ? e : t);
|
|
3314
|
+
let n = $t(e);
|
|
3315
|
+
n && (tn(e, n, !0), ye(n));
|
|
3316
|
+
let r = Ft(e);
|
|
3317
|
+
r.active && r.language === "mermaid" && _e(r.mermaidPreviewMode);
|
|
3318
|
+
}, []), Le = U((e) => {
|
|
3319
|
+
xe(ka(e));
|
|
3320
|
+
}, []), Y = s({
|
|
3321
|
+
shouldRerenderOnTransaction: !1,
|
|
3322
|
+
extensions: le,
|
|
3323
|
+
content: I ? "" : F,
|
|
3324
|
+
contentType: gt(ee),
|
|
3325
|
+
editable: P,
|
|
2961
3326
|
autofocus: a,
|
|
2962
3327
|
editorProps: {
|
|
2963
3328
|
attributes: {
|
|
2964
3329
|
class: "markweave-editor-surface",
|
|
2965
3330
|
"data-testid": "markweave-editor-surface",
|
|
3331
|
+
"data-markweave-large-document": te ? "true" : "false",
|
|
2966
3332
|
autocapitalize: "off",
|
|
2967
3333
|
autocorrect: "off",
|
|
2968
3334
|
spellcheck: "false",
|
|
2969
3335
|
translate: "no"
|
|
2970
3336
|
},
|
|
2971
|
-
handleClick: (e, t, n) =>
|
|
3337
|
+
handleClick: (e, t, n) => R.current.effectiveEditable ? !1 : bt(n),
|
|
2972
3338
|
handleDOMEvents: {
|
|
2973
|
-
compositionstart: () =>
|
|
2974
|
-
compositionend: (e) => (
|
|
3339
|
+
compositionstart: () => R.current.effectiveEditable ? (H((e) => gn(e, { type: "composition-start" })), pe(null), !1) : !1,
|
|
3340
|
+
compositionend: (e) => (R.current.effectiveEditable && window.setTimeout(() => Fe(e), 0), !1),
|
|
2975
3341
|
click: (e, t) => {
|
|
2976
|
-
if (
|
|
2977
|
-
let n =
|
|
2978
|
-
return n ? (t.preventDefault(), t.stopPropagation(),
|
|
3342
|
+
if (R.current.effectiveEditable) {
|
|
3343
|
+
let n = Qt(e, t);
|
|
3344
|
+
return n ? (t.preventDefault(), t.stopPropagation(), Pe(), nn(e, n, !0), rn(e, n), ye(n), !0) : (ye(null), !1);
|
|
2979
3345
|
}
|
|
2980
|
-
return
|
|
3346
|
+
return bt(t);
|
|
2981
3347
|
}
|
|
2982
3348
|
}
|
|
2983
3349
|
},
|
|
2984
3350
|
onSelectionUpdate: ({ editor: e }) => {
|
|
2985
|
-
|
|
3351
|
+
Ie(e);
|
|
2986
3352
|
},
|
|
2987
3353
|
onCreate: ({ editor: e }) => {
|
|
2988
|
-
i &&
|
|
3354
|
+
i && R.current.effectiveEditable && vn(e), Le(e), Ie(e), Me();
|
|
2989
3355
|
},
|
|
2990
3356
|
onTransaction: ({ editor: e, transaction: t }) => {
|
|
2991
|
-
|
|
3357
|
+
Le(e), (t.docChanged || Vt(t)) && Ne(), t.docChanged && ye((t) => {
|
|
2992
3358
|
if (!t) return null;
|
|
2993
|
-
let n =
|
|
3359
|
+
let n = Zt(e, t.pos);
|
|
2994
3360
|
return n?.kind === t.kind ? n : null;
|
|
2995
3361
|
});
|
|
2996
3362
|
},
|
|
2997
3363
|
onUpdate: ({ editor: e }) => {
|
|
2998
|
-
|
|
2999
|
-
let r =
|
|
3000
|
-
r.content !== void 0 && t === r.format && (
|
|
3364
|
+
Ie(e), R.current.effectiveEditable && G(e), Ee.current || Ae.current.onUpdate?.(ht(e, { onContentRead: (t, n) => {
|
|
3365
|
+
let r = De.current;
|
|
3366
|
+
r.content !== void 0 && t === r.format && (Oe.current = {
|
|
3001
3367
|
content: n,
|
|
3002
3368
|
format: t,
|
|
3003
3369
|
doc: e.state.doc
|
|
@@ -3005,318 +3371,375 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
|
|
|
3005
3371
|
} }));
|
|
3006
3372
|
}
|
|
3007
3373
|
});
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3374
|
+
W(() => {
|
|
3375
|
+
let e = L.current;
|
|
3376
|
+
if (!Y || !e) return;
|
|
3377
|
+
let t = !1;
|
|
3378
|
+
return (async () => {
|
|
3379
|
+
Ee.current = !0;
|
|
3380
|
+
try {
|
|
3381
|
+
let n = !0;
|
|
3382
|
+
for (let r of ri(e)) {
|
|
3383
|
+
if (await new Promise((e) => window.setTimeout(e, 0)), t) return;
|
|
3384
|
+
let e = Y.markdown?.parse(r);
|
|
3385
|
+
if (!e) throw Error("Markdown parser is unavailable.");
|
|
3386
|
+
let i = Y.schema.nodeFromJSON(e).content, a = n ? Y.state.tr.replaceWith(0, Y.state.doc.content.size, i) : Y.state.tr.insert(Y.state.doc.content.size, i);
|
|
3387
|
+
Y.view.dispatch(a.setMeta("addToHistory", !1)), n = !1;
|
|
3388
|
+
}
|
|
3389
|
+
if (t) return;
|
|
3390
|
+
Ie(Y), Le(Y), Me(), L.current = null, re(!1);
|
|
3391
|
+
} finally {
|
|
3392
|
+
Ee.current = !1;
|
|
3393
|
+
}
|
|
3394
|
+
})().catch(() => {
|
|
3395
|
+
t || (Y.commands.setContent(e, {
|
|
3396
|
+
contentType: "markdown",
|
|
3397
|
+
emitUpdate: !1
|
|
3398
|
+
}), L.current = null, re(!1));
|
|
3399
|
+
}), () => {
|
|
3400
|
+
t = !0;
|
|
3401
|
+
};
|
|
3402
|
+
}, [
|
|
3403
|
+
Y,
|
|
3404
|
+
Me,
|
|
3405
|
+
Ie,
|
|
3406
|
+
Le
|
|
3407
|
+
]), W(() => {
|
|
3408
|
+
if (Y) return se.current?.(ii(Y)), () => {
|
|
3409
|
+
se.current?.(null);
|
|
3011
3410
|
};
|
|
3012
|
-
}, [
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3411
|
+
}, [Y]), W(() => {
|
|
3412
|
+
if (!Y) return;
|
|
3413
|
+
let e = P && !ne;
|
|
3414
|
+
Y.setEditable(e), tt(Y, {
|
|
3415
|
+
mode: A,
|
|
3416
|
+
editable: e
|
|
3417
|
+
}), Ut(Y, e ? "live" : "view"), Me(), P || Pe();
|
|
3017
3418
|
}, [
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3419
|
+
Pe,
|
|
3420
|
+
Y,
|
|
3421
|
+
A,
|
|
3422
|
+
P,
|
|
3423
|
+
Me,
|
|
3424
|
+
ne
|
|
3425
|
+
]), W(() => {
|
|
3426
|
+
Y && Ht(Y, j);
|
|
3427
|
+
}, [Y, j]), W(() => {
|
|
3428
|
+
let e = yt(c);
|
|
3429
|
+
if (!(!Y || o === void 0)) {
|
|
3430
|
+
if (vt(Y, Oe.current, o, e)) {
|
|
3431
|
+
Oe.current = null;
|
|
3030
3432
|
return;
|
|
3031
3433
|
}
|
|
3032
|
-
|
|
3033
|
-
contentType:
|
|
3434
|
+
Oe.current = null, !_t(Y, o, e) && (Ee.current = !0, Y.commands.setContent(o, {
|
|
3435
|
+
contentType: gt(e),
|
|
3034
3436
|
emitUpdate: !1
|
|
3035
|
-
}),
|
|
3437
|
+
}), Ee.current = !1, Ie(Y), P && G(Y), Le(Y), Me());
|
|
3036
3438
|
}
|
|
3037
3439
|
}, [
|
|
3038
3440
|
o,
|
|
3039
3441
|
c,
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
]),
|
|
3047
|
-
if (!
|
|
3442
|
+
P,
|
|
3443
|
+
Y,
|
|
3444
|
+
Me,
|
|
3445
|
+
Ie,
|
|
3446
|
+
G,
|
|
3447
|
+
Le
|
|
3448
|
+
]), W(() => {
|
|
3449
|
+
if (!fe) return;
|
|
3048
3450
|
let e = (e) => {
|
|
3049
3451
|
let t = e.target;
|
|
3050
|
-
t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") ||
|
|
3452
|
+
t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Pe());
|
|
3051
3453
|
};
|
|
3052
3454
|
return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
|
|
3053
|
-
}, [
|
|
3054
|
-
let
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
|
|
3072
|
-
]),
|
|
3073
|
-
|
|
3074
|
-
|
|
3455
|
+
}, [Pe, fe]);
|
|
3456
|
+
let ze = fe !== null;
|
|
3457
|
+
W(() => {
|
|
3458
|
+
if (!Y || !ze) return;
|
|
3459
|
+
let e = mt(() => {
|
|
3460
|
+
Y.isDestroyed || Fe(Y.view);
|
|
3461
|
+
}), t = () => e.schedule();
|
|
3462
|
+
return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), t(), () => {
|
|
3463
|
+
e.cancel(), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
|
|
3464
|
+
};
|
|
3465
|
+
}, [
|
|
3466
|
+
Y,
|
|
3467
|
+
ze,
|
|
3468
|
+
Fe
|
|
3469
|
+
]);
|
|
3470
|
+
let Be = K(() => Y ? Ft(Y) : Da, [
|
|
3471
|
+
Y,
|
|
3472
|
+
we,
|
|
3473
|
+
V
|
|
3474
|
+
]), Ve = K(() => Y ? yn(Y.state) : Ea, [
|
|
3475
|
+
Y,
|
|
3476
|
+
we,
|
|
3477
|
+
V,
|
|
3478
|
+
be
|
|
3479
|
+
]), He = V?.currentNode === "codeBlock", Ue = He && Be.language === "mermaid", We = K(() => Y ? Gt({
|
|
3480
|
+
active: Ue,
|
|
3481
|
+
mode: ge,
|
|
3482
|
+
source: Be.text
|
|
3483
|
+
}) : Oa, [
|
|
3484
|
+
Be.text,
|
|
3485
|
+
Y,
|
|
3486
|
+
Ue,
|
|
3487
|
+
ge
|
|
3488
|
+
]), Ge = K(() => Y && x ? _n(Y.state) : null, [
|
|
3489
|
+
Y,
|
|
3490
|
+
x,
|
|
3491
|
+
we
|
|
3492
|
+
]), Ke = K(() => Y ? Xr(Y.state) : Jr.items, [Y, we]), qe = K(() => Zr(Ke, Se), [Se, Ke]), Je = K(() => qr(Ke, qe), [qe, Ke]), Ye = U(() => {
|
|
3493
|
+
if (!Y || !Ke.length) {
|
|
3494
|
+
Ce(null);
|
|
3075
3495
|
return;
|
|
3076
3496
|
}
|
|
3077
|
-
let e =
|
|
3078
|
-
|
|
3079
|
-
}, [
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
let t =
|
|
3497
|
+
let e = Yr(Y, Ke);
|
|
3498
|
+
Ce((t) => t === e ? t : e);
|
|
3499
|
+
}, [Y, Ke]);
|
|
3500
|
+
W(() => {
|
|
3501
|
+
Ce((e) => {
|
|
3502
|
+
let t = Zr(Ke, e);
|
|
3083
3503
|
return e === t ? e : t;
|
|
3084
3504
|
});
|
|
3085
|
-
}, [
|
|
3086
|
-
if (!
|
|
3505
|
+
}, [Ke]), W(() => {
|
|
3506
|
+
if (!Y || !Ke.length || typeof window > "u") return;
|
|
3087
3507
|
let e = null, t = () => {
|
|
3088
|
-
e !== null &&
|
|
3089
|
-
e = null,
|
|
3508
|
+
e !== null && Ma(e), e = ja(() => {
|
|
3509
|
+
e = null, Ye();
|
|
3090
3510
|
});
|
|
3091
|
-
}, n =
|
|
3511
|
+
}, n = Aa(Y.view.dom);
|
|
3092
3512
|
return window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), () => {
|
|
3093
|
-
window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null &&
|
|
3513
|
+
window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && Ma(e);
|
|
3094
3514
|
};
|
|
3095
3515
|
}, [
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
3516
|
+
Y,
|
|
3517
|
+
Ke.length,
|
|
3518
|
+
Ye
|
|
3099
3519
|
]);
|
|
3100
|
-
let
|
|
3101
|
-
revision:
|
|
3102
|
-
mode:
|
|
3103
|
-
editable:
|
|
3104
|
-
toc:
|
|
3105
|
-
selection:
|
|
3106
|
-
slash:
|
|
3107
|
-
table:
|
|
3108
|
-
tableInteraction:
|
|
3109
|
-
codeBlock:
|
|
3110
|
-
mermaid:
|
|
3111
|
-
tableDebugSnapshot:
|
|
3520
|
+
let Xe = K(() => xt({
|
|
3521
|
+
revision: we,
|
|
3522
|
+
mode: A,
|
|
3523
|
+
editable: P,
|
|
3524
|
+
toc: Je,
|
|
3525
|
+
selection: V,
|
|
3526
|
+
slash: de,
|
|
3527
|
+
table: Ve,
|
|
3528
|
+
tableInteraction: be,
|
|
3529
|
+
codeBlock: Be,
|
|
3530
|
+
mermaid: We,
|
|
3531
|
+
tableDebugSnapshot: Ge
|
|
3112
3532
|
}), [
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3533
|
+
Be,
|
|
3534
|
+
A,
|
|
3535
|
+
P,
|
|
3536
|
+
We,
|
|
3537
|
+
we,
|
|
3538
|
+
V,
|
|
3539
|
+
de,
|
|
3540
|
+
Ge,
|
|
3541
|
+
Ve,
|
|
3542
|
+
be,
|
|
3543
|
+
Je
|
|
3124
3544
|
]);
|
|
3125
|
-
|
|
3126
|
-
x?.(
|
|
3127
|
-
}, [x,
|
|
3128
|
-
E?.(
|
|
3129
|
-
}, [E,
|
|
3130
|
-
let
|
|
3131
|
-
if (!(!
|
|
3545
|
+
W(() => {
|
|
3546
|
+
x?.(Xe);
|
|
3547
|
+
}, [x, Xe]), W(() => {
|
|
3548
|
+
E?.(Je);
|
|
3549
|
+
}, [E, Je]);
|
|
3550
|
+
let Ze = U((e, t) => {
|
|
3551
|
+
if (!(!Y || !P) && on(e)) {
|
|
3132
3552
|
if (e.inputKind && !t?.emoji && !t?.uploadResult) {
|
|
3133
|
-
|
|
3553
|
+
he(e);
|
|
3134
3554
|
return;
|
|
3135
3555
|
}
|
|
3136
|
-
|
|
3556
|
+
un(Y, de, e, t), H((e) => gn(e, { type: "execute" })), Pe();
|
|
3137
3557
|
}
|
|
3138
3558
|
}, [
|
|
3139
|
-
|
|
3140
|
-
|
|
3141
|
-
|
|
3142
|
-
|
|
3143
|
-
]),
|
|
3144
|
-
|
|
3559
|
+
Pe,
|
|
3560
|
+
P,
|
|
3561
|
+
Y,
|
|
3562
|
+
de
|
|
3563
|
+
]), X = U((e) => {
|
|
3564
|
+
H((t) => gn(t, {
|
|
3145
3565
|
type: "set-active",
|
|
3146
3566
|
index: e,
|
|
3147
|
-
optionCount:
|
|
3567
|
+
optionCount: je.length
|
|
3148
3568
|
}));
|
|
3149
|
-
}, [
|
|
3150
|
-
if (!
|
|
3151
|
-
let t =
|
|
3569
|
+
}, [je.length]), Qe = U((e) => {
|
|
3570
|
+
if (!Y || me || !P) return;
|
|
3571
|
+
let t = sn(de, je, e.key, { isComposing: e.nativeEvent.isComposing || pt(Y.state) });
|
|
3152
3572
|
if (t.type !== "ignore") {
|
|
3153
3573
|
if (t.type === "close") {
|
|
3154
|
-
e.preventDefault(),
|
|
3574
|
+
e.preventDefault(), H((e) => gn(e, { type: "escape" })), Pe();
|
|
3155
3575
|
return;
|
|
3156
3576
|
}
|
|
3157
3577
|
if (t.type === "move-active") {
|
|
3158
|
-
e.preventDefault(),
|
|
3578
|
+
e.preventDefault(), H((e) => gn(e, {
|
|
3159
3579
|
type: "move-active",
|
|
3160
3580
|
delta: t.delta,
|
|
3161
3581
|
optionCount: t.optionCount
|
|
3162
3582
|
}));
|
|
3163
3583
|
return;
|
|
3164
3584
|
}
|
|
3165
|
-
t.type === "execute-active" && (e.preventDefault(),
|
|
3585
|
+
t.type === "execute-active" && (e.preventDefault(), Ze(t.command));
|
|
3166
3586
|
}
|
|
3167
3587
|
}, [
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
]),
|
|
3176
|
-
closeSlashMenu:
|
|
3177
|
-
focusFirstTableBodyCell: () =>
|
|
3588
|
+
Pe,
|
|
3589
|
+
P,
|
|
3590
|
+
Y,
|
|
3591
|
+
je,
|
|
3592
|
+
Ze,
|
|
3593
|
+
me,
|
|
3594
|
+
de
|
|
3595
|
+
]), $e = K(() => ({
|
|
3596
|
+
closeSlashMenu: Pe,
|
|
3597
|
+
focusFirstTableBodyCell: () => Y ? vn(Y) : !1,
|
|
3178
3598
|
setContent: (e, t = {}) => {
|
|
3179
|
-
if (!
|
|
3180
|
-
let n =
|
|
3181
|
-
return
|
|
3182
|
-
contentType:
|
|
3599
|
+
if (!Y) return !1;
|
|
3600
|
+
let n = yt(t.format);
|
|
3601
|
+
return Y.commands.setContent(e, {
|
|
3602
|
+
contentType: gt(n),
|
|
3183
3603
|
emitUpdate: t.emitUpdate ?? !1
|
|
3184
|
-
}), t.focusFirstTableBodyCell &&
|
|
3604
|
+
}), t.focusFirstTableBodyCell && vn(Y), Ie(Y), P && G(Y), Le(Y), Me(), !0;
|
|
3185
3605
|
}
|
|
3186
3606
|
}), [
|
|
3187
|
-
|
|
3188
|
-
|
|
3189
|
-
|
|
3190
|
-
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
|
|
3607
|
+
Pe,
|
|
3608
|
+
P,
|
|
3609
|
+
Y,
|
|
3610
|
+
Me,
|
|
3611
|
+
Ie,
|
|
3612
|
+
G,
|
|
3613
|
+
Le
|
|
3194
3614
|
]);
|
|
3195
3615
|
return {
|
|
3196
|
-
editor:
|
|
3197
|
-
frameProps:
|
|
3616
|
+
editor: Y,
|
|
3617
|
+
frameProps: K(() => ({
|
|
3198
3618
|
className: "markweave-editor-frame",
|
|
3199
|
-
"aria-label": e ??
|
|
3619
|
+
"aria-label": e ?? B.common.editorAriaLabel,
|
|
3200
3620
|
"data-testid": "markweave-editor-frame",
|
|
3201
|
-
"data-markweave-mode":
|
|
3202
|
-
"
|
|
3203
|
-
|
|
3621
|
+
"data-markweave-mode": A,
|
|
3622
|
+
"aria-busy": ne,
|
|
3623
|
+
"data-markweave-large-document-loading": ne ? "true" : "false",
|
|
3624
|
+
"data-markweave-theme": j,
|
|
3625
|
+
style: M ? { "--markweave-canvas": M } : void 0,
|
|
3204
3626
|
"data-markweave-inner-toc": f ? "true" : "false",
|
|
3205
|
-
"data-markweave-inner-toc-placement":
|
|
3206
|
-
"data-mermaid-mode":
|
|
3207
|
-
"data-table-focus-mode":
|
|
3208
|
-
onKeyDownCapture:
|
|
3627
|
+
"data-markweave-inner-toc-placement": N,
|
|
3628
|
+
"data-mermaid-mode": We.mode,
|
|
3629
|
+
"data-table-focus-mode": Ve.mode,
|
|
3630
|
+
onKeyDownCapture: Qe
|
|
3209
3631
|
}), [
|
|
3210
3632
|
e,
|
|
3211
|
-
|
|
3212
|
-
|
|
3633
|
+
A,
|
|
3634
|
+
Qe,
|
|
3213
3635
|
f,
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3636
|
+
ne,
|
|
3637
|
+
We.mode,
|
|
3638
|
+
B.common.editorAriaLabel,
|
|
3217
3639
|
M,
|
|
3218
|
-
|
|
3219
|
-
|
|
3640
|
+
N,
|
|
3641
|
+
j,
|
|
3642
|
+
Ve.mode
|
|
3220
3643
|
]),
|
|
3221
|
-
overlayProps:
|
|
3222
|
-
floatingToolbar:
|
|
3223
|
-
editor:
|
|
3224
|
-
messages:
|
|
3225
|
-
selectionSnapshot:
|
|
3644
|
+
overlayProps: K(() => ({
|
|
3645
|
+
floatingToolbar: Y && P ? {
|
|
3646
|
+
editor: Y,
|
|
3647
|
+
messages: B,
|
|
3648
|
+
selectionSnapshot: V,
|
|
3226
3649
|
onRewriteSelection: b,
|
|
3227
3650
|
onExtractToNote: y
|
|
3228
3651
|
} : null,
|
|
3229
|
-
slashCommandMenu:
|
|
3230
|
-
commands:
|
|
3231
|
-
state:
|
|
3232
|
-
position:
|
|
3233
|
-
inputCommand:
|
|
3234
|
-
messages:
|
|
3235
|
-
onActiveIndexChange:
|
|
3236
|
-
onInputCommandChange:
|
|
3237
|
-
onSelect:
|
|
3652
|
+
slashCommandMenu: Y && P ? {
|
|
3653
|
+
commands: je,
|
|
3654
|
+
state: de,
|
|
3655
|
+
position: fe,
|
|
3656
|
+
inputCommand: me,
|
|
3657
|
+
messages: B,
|
|
3658
|
+
onActiveIndexChange: X,
|
|
3659
|
+
onInputCommandChange: he,
|
|
3660
|
+
onSelect: Ze,
|
|
3238
3661
|
onUpload: C
|
|
3239
3662
|
} : null,
|
|
3240
|
-
tableControls:
|
|
3241
|
-
editor:
|
|
3242
|
-
active:
|
|
3243
|
-
interactionState:
|
|
3244
|
-
messages:
|
|
3663
|
+
tableControls: Y && P ? {
|
|
3664
|
+
editor: Y,
|
|
3665
|
+
active: Ve.active,
|
|
3666
|
+
interactionState: be,
|
|
3667
|
+
messages: B,
|
|
3245
3668
|
onCopyPayload: T,
|
|
3246
3669
|
onCommandResult: w,
|
|
3247
3670
|
onEditWithAi: v
|
|
3248
3671
|
} : null,
|
|
3249
|
-
tableSelectionOverlay:
|
|
3250
|
-
editor:
|
|
3251
|
-
focusState:
|
|
3672
|
+
tableSelectionOverlay: Y && P ? {
|
|
3673
|
+
editor: Y,
|
|
3674
|
+
focusState: Ve
|
|
3252
3675
|
} : null,
|
|
3253
|
-
codeBlockControls:
|
|
3254
|
-
editor:
|
|
3255
|
-
active:
|
|
3256
|
-
mermaidMode:
|
|
3257
|
-
onMermaidModeChange:
|
|
3258
|
-
readOnly: !
|
|
3676
|
+
codeBlockControls: Y ? {
|
|
3677
|
+
editor: Y,
|
|
3678
|
+
active: P && He,
|
|
3679
|
+
mermaidMode: ge,
|
|
3680
|
+
onMermaidModeChange: _e,
|
|
3681
|
+
readOnly: !P
|
|
3259
3682
|
} : null,
|
|
3260
|
-
innerToc:
|
|
3261
|
-
editor:
|
|
3262
|
-
editable:
|
|
3263
|
-
messages:
|
|
3264
|
-
placement:
|
|
3265
|
-
state:
|
|
3683
|
+
innerToc: Y && f && Je.items.length ? {
|
|
3684
|
+
editor: Y,
|
|
3685
|
+
editable: P,
|
|
3686
|
+
messages: B,
|
|
3687
|
+
placement: N,
|
|
3688
|
+
state: Je
|
|
3266
3689
|
} : null,
|
|
3267
|
-
mathEditorPopover:
|
|
3268
|
-
editor:
|
|
3269
|
-
messages:
|
|
3270
|
-
target:
|
|
3271
|
-
onClose: () =>
|
|
3690
|
+
mathEditorPopover: Y && P && ve ? {
|
|
3691
|
+
editor: Y,
|
|
3692
|
+
messages: B,
|
|
3693
|
+
target: ve,
|
|
3694
|
+
onClose: () => ye(null)
|
|
3272
3695
|
} : null
|
|
3273
3696
|
}), [
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3697
|
+
P,
|
|
3698
|
+
Y,
|
|
3699
|
+
je,
|
|
3277
3700
|
f,
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3701
|
+
He,
|
|
3702
|
+
ge,
|
|
3703
|
+
B,
|
|
3704
|
+
ve,
|
|
3282
3705
|
v,
|
|
3283
3706
|
y,
|
|
3284
3707
|
b,
|
|
3285
3708
|
C,
|
|
3286
3709
|
w,
|
|
3287
3710
|
T,
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
ce,
|
|
3292
|
-
oe,
|
|
3293
|
-
B,
|
|
3294
|
-
Y,
|
|
3711
|
+
Ze,
|
|
3712
|
+
V,
|
|
3713
|
+
X,
|
|
3295
3714
|
me,
|
|
3296
|
-
|
|
3715
|
+
fe,
|
|
3716
|
+
de,
|
|
3717
|
+
Ve,
|
|
3718
|
+
be,
|
|
3719
|
+
Je
|
|
3297
3720
|
]),
|
|
3298
|
-
runtimeSnapshot:
|
|
3299
|
-
actions:
|
|
3721
|
+
runtimeSnapshot: Xe,
|
|
3722
|
+
actions: $e
|
|
3300
3723
|
};
|
|
3301
3724
|
}
|
|
3302
|
-
function
|
|
3303
|
-
let n =
|
|
3725
|
+
function Pa({ className: e, ...t }) {
|
|
3726
|
+
let n = Na(t);
|
|
3304
3727
|
if (!n.editor) return null;
|
|
3305
3728
|
let r = [n.frameProps.className, e].filter(Boolean).join(" ");
|
|
3306
3729
|
return /* @__PURE__ */ Q("section", {
|
|
3307
3730
|
...n.frameProps,
|
|
3308
3731
|
className: r,
|
|
3309
3732
|
children: [
|
|
3310
|
-
n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(
|
|
3311
|
-
n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(
|
|
3312
|
-
n.overlayProps.tableControls ? /* @__PURE__ */ Z(
|
|
3313
|
-
n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(
|
|
3314
|
-
n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(
|
|
3315
|
-
n.overlayProps.innerToc ? /* @__PURE__ */ Z(
|
|
3316
|
-
n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(
|
|
3733
|
+
n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(Zi, { ...n.overlayProps.floatingToolbar }) : null,
|
|
3734
|
+
n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(va, { ...n.overlayProps.slashCommandMenu }) : null,
|
|
3735
|
+
n.overlayProps.tableControls ? /* @__PURE__ */ Z(Sa, { ...n.overlayProps.tableControls }) : null,
|
|
3736
|
+
n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Ca, { ...n.overlayProps.tableSelectionOverlay }) : null,
|
|
3737
|
+
n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Ai, { ...n.overlayProps.codeBlockControls }) : null,
|
|
3738
|
+
n.overlayProps.innerToc ? /* @__PURE__ */ Z(Ta, { ...n.overlayProps.innerToc }) : null,
|
|
3739
|
+
n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(la, { ...n.overlayProps.mathEditorPopover }) : null,
|
|
3317
3740
|
/* @__PURE__ */ Z(i, { editor: n.editor })
|
|
3318
3741
|
]
|
|
3319
3742
|
});
|
|
3320
3743
|
}
|
|
3321
3744
|
//#endregion
|
|
3322
|
-
export {
|
|
3745
|
+
export { Pa as MarkweaveEditor, Di as createMarkweaveEditorExtensions, Di as createMarkweaveReactEditorExtensions, Na as useMarkweaveEditorController };
|