@milkdown/plugin-tooltip 5.1.2 → 5.3.1
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/lib/button-manager/calc-button-pos.d.ts.map +1 -1
- package/lib/index.es.js +589 -0
- package/lib/index.es.js.map +1 -0
- package/lib/input-manager/calc-input-pos.d.ts.map +1 -1
- package/lib/item.d.ts.map +1 -1
- package/package.json +15 -10
- package/src/button-manager/calc-button-pos.ts +6 -2
- package/src/input-manager/calc-input-pos.ts +6 -1
- package/src/item.ts +5 -2
- package/src/utility/input.ts +1 -1
- package/lib/button-manager/calc-button-pos.js +0 -17
- package/lib/button-manager/calc-button-pos.js.map +0 -1
- package/lib/button-manager/create-tooltip.js +0 -20
- package/lib/button-manager/create-tooltip.js.map +0 -1
- package/lib/button-manager/filter-button.js +0 -22
- package/lib/button-manager/filter-button.js.map +0 -1
- package/lib/button-manager/index.js +0 -35
- package/lib/button-manager/index.js.map +0 -1
- package/lib/button-manager/no-active.js +0 -6
- package/lib/button-manager/no-active.js.map +0 -1
- package/lib/button-manager/style.js +0 -50
- package/lib/button-manager/style.js.map +0 -1
- package/lib/index.js +0 -45
- package/lib/index.js.map +0 -1
- package/lib/input-manager/calc-input-pos.js +0 -13
- package/lib/input-manager/calc-input-pos.js.map +0 -1
- package/lib/input-manager/create-input.js +0 -30
- package/lib/input-manager/create-input.js.map +0 -1
- package/lib/input-manager/filter-input.js +0 -19
- package/lib/input-manager/filter-input.js.map +0 -1
- package/lib/input-manager/index.js +0 -49
- package/lib/input-manager/index.js.map +0 -1
- package/lib/input-manager/style.js +0 -66
- package/lib/input-manager/style.js.map +0 -1
- package/lib/item.js +0 -36
- package/lib/item.js.map +0 -1
- package/lib/selection-marks-tooltip.js +0 -39
- package/lib/selection-marks-tooltip.js.map +0 -1
- package/lib/utility/element.js +0 -3
- package/lib/utility/element.js.map +0 -1
- package/lib/utility/index.js +0 -6
- package/lib/utility/index.js.map +0 -1
- package/lib/utility/input.js +0 -121
- package/lib/utility/input.js.map +0 -1
- package/lib/utility/prosemirror.js +0 -22
- package/lib/utility/prosemirror.js.map +0 -1
- package/lib/utility/toggle.js +0 -11
- package/lib/utility/toggle.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["../../src/button-manager/calc-button-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,
|
|
1
|
+
{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["../../src/button-manager/calc-button-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,SAmBnE,CAAC"}
|
package/lib/index.es.js
ADDED
|
@@ -0,0 +1,589 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
import { commandsCtx, themeToolCtx, schemaCtx } from "@milkdown/core";
|
|
18
|
+
import { findSelectedNodeOfType, findParentNode, TextSelection, calculateTextPosition, PluginKey, Plugin } from "@milkdown/prose";
|
|
19
|
+
import { createPlugin as createPlugin$1, AtomList } from "@milkdown/utils";
|
|
20
|
+
import { ModifyLink, ModifyImage, ToggleBold, ToggleItalic, ToggleStrikeThrough, ToggleInlineCode, ToggleLink } from "@milkdown/preset-gfm";
|
|
21
|
+
import { ModifyInlineMath } from "@milkdown/plugin-math";
|
|
22
|
+
import { css } from "@emotion/css";
|
|
23
|
+
const elementIsTag = (element, tagName) => element.tagName === tagName.toUpperCase();
|
|
24
|
+
const modifyLink = (ctx) => (e) => {
|
|
25
|
+
const { target } = e;
|
|
26
|
+
if (!(target instanceof HTMLElement)) {
|
|
27
|
+
return () => true;
|
|
28
|
+
}
|
|
29
|
+
if (elementIsTag(target, "input")) {
|
|
30
|
+
target.focus();
|
|
31
|
+
return () => false;
|
|
32
|
+
}
|
|
33
|
+
const parent = target.parentNode;
|
|
34
|
+
if (!parent)
|
|
35
|
+
return () => false;
|
|
36
|
+
const inputEl = Array.from(parent.children).find((el) => el.tagName === "INPUT");
|
|
37
|
+
if (!(inputEl instanceof HTMLInputElement))
|
|
38
|
+
return () => false;
|
|
39
|
+
return ctx.get(commandsCtx).call(ModifyLink, inputEl.value);
|
|
40
|
+
};
|
|
41
|
+
const modifyInlineMath = (ctx) => (e) => {
|
|
42
|
+
const { target } = e;
|
|
43
|
+
if (!(target instanceof HTMLElement)) {
|
|
44
|
+
return () => true;
|
|
45
|
+
}
|
|
46
|
+
const parent = target.parentNode;
|
|
47
|
+
if (!parent)
|
|
48
|
+
return () => false;
|
|
49
|
+
const inputEl = Array.from(parent.children).find((el) => el.tagName === "INPUT");
|
|
50
|
+
if (!(inputEl instanceof HTMLInputElement))
|
|
51
|
+
return () => false;
|
|
52
|
+
return ctx.get(commandsCtx).call(ModifyInlineMath, inputEl.value);
|
|
53
|
+
};
|
|
54
|
+
const modifyImage = (ctx) => (e) => {
|
|
55
|
+
const { target } = e;
|
|
56
|
+
if (!(target instanceof HTMLElement)) {
|
|
57
|
+
return () => true;
|
|
58
|
+
}
|
|
59
|
+
if (elementIsTag(target, "input")) {
|
|
60
|
+
target.focus();
|
|
61
|
+
return () => false;
|
|
62
|
+
}
|
|
63
|
+
const parent = target.parentNode;
|
|
64
|
+
if (!parent)
|
|
65
|
+
return () => false;
|
|
66
|
+
const inputEl = Array.from(parent.children).find((el) => el.tagName === "INPUT");
|
|
67
|
+
if (!(inputEl instanceof HTMLInputElement))
|
|
68
|
+
return () => false;
|
|
69
|
+
return ctx.get(commandsCtx).call(ModifyImage, inputEl.value);
|
|
70
|
+
};
|
|
71
|
+
const updateLinkView = (view, $) => {
|
|
72
|
+
const { marks } = view.state.schema;
|
|
73
|
+
const { firstChild, lastElementChild } = $;
|
|
74
|
+
if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement))
|
|
75
|
+
return;
|
|
76
|
+
const { selection } = view.state;
|
|
77
|
+
let node;
|
|
78
|
+
view.state.doc.nodesBetween(selection.from, selection.to, (n) => {
|
|
79
|
+
if (marks.link.isInSet(n.marks)) {
|
|
80
|
+
node = n;
|
|
81
|
+
return false;
|
|
82
|
+
}
|
|
83
|
+
return;
|
|
84
|
+
});
|
|
85
|
+
if (!node)
|
|
86
|
+
return;
|
|
87
|
+
const mark = node.marks.find((m) => m.type === marks.link);
|
|
88
|
+
if (!mark)
|
|
89
|
+
return;
|
|
90
|
+
const value = mark.attrs.href;
|
|
91
|
+
firstChild.value = value;
|
|
92
|
+
if (!value) {
|
|
93
|
+
lastElementChild.classList.add("disable");
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
if (lastElementChild.classList.contains("disable")) {
|
|
97
|
+
lastElementChild.classList.remove("disable");
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
const updateInlineMathView = (view, $) => {
|
|
101
|
+
const { nodes } = view.state.schema;
|
|
102
|
+
const { firstChild, lastElementChild } = $;
|
|
103
|
+
if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement))
|
|
104
|
+
return;
|
|
105
|
+
const result = findSelectedNodeOfType(view.state.selection, nodes.math_inline);
|
|
106
|
+
if (!result)
|
|
107
|
+
return;
|
|
108
|
+
const { node } = result;
|
|
109
|
+
const value = node.attrs.value;
|
|
110
|
+
firstChild.value = value;
|
|
111
|
+
if (!value) {
|
|
112
|
+
lastElementChild.classList.add("disable");
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
if (lastElementChild.classList.contains("disable")) {
|
|
116
|
+
lastElementChild.classList.remove("disable");
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
const updateImageView = (view, $) => {
|
|
120
|
+
const { nodes } = view.state.schema;
|
|
121
|
+
const { firstChild, lastElementChild } = $;
|
|
122
|
+
if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement))
|
|
123
|
+
return;
|
|
124
|
+
const result = findSelectedNodeOfType(view.state.selection, nodes.image);
|
|
125
|
+
if (!result)
|
|
126
|
+
return;
|
|
127
|
+
const { node } = result;
|
|
128
|
+
const value = node.attrs.src;
|
|
129
|
+
firstChild.value = value;
|
|
130
|
+
if (!value) {
|
|
131
|
+
lastElementChild.classList.add("disable");
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
if (lastElementChild.classList.contains("disable")) {
|
|
135
|
+
lastElementChild.classList.remove("disable");
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
const hasMark = (editorState, type) => {
|
|
139
|
+
const { from, to } = editorState.selection;
|
|
140
|
+
return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);
|
|
141
|
+
};
|
|
142
|
+
const isTextSelection = (editorState) => {
|
|
143
|
+
const { selection } = editorState;
|
|
144
|
+
if (selection instanceof TextSelection) {
|
|
145
|
+
const text = editorState.doc.textBetween(selection.from, selection.to);
|
|
146
|
+
if (!text)
|
|
147
|
+
return false;
|
|
148
|
+
return true;
|
|
149
|
+
}
|
|
150
|
+
return false;
|
|
151
|
+
};
|
|
152
|
+
const isInCodeFence = (editorState) => Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));
|
|
153
|
+
const isTextAndNotHasMark = (editorState, mark) => !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);
|
|
154
|
+
const createToggleIcon = (ctx, iconName, commandKey, mark, disableForMark) => ({
|
|
155
|
+
$: ctx.get(themeToolCtx).slots.icon(iconName),
|
|
156
|
+
command: () => ctx.get(commandsCtx).call(commandKey),
|
|
157
|
+
active: (view) => hasMark(view.state, mark),
|
|
158
|
+
disable: (view) => isTextAndNotHasMark(view.state, disableForMark),
|
|
159
|
+
enable: (view) => !!mark && !!view.state.schema.marks[mark.name]
|
|
160
|
+
});
|
|
161
|
+
var ButtonAction;
|
|
162
|
+
(function(ButtonAction2) {
|
|
163
|
+
ButtonAction2[ButtonAction2["ToggleBold"] = 0] = "ToggleBold";
|
|
164
|
+
ButtonAction2[ButtonAction2["ToggleItalic"] = 1] = "ToggleItalic";
|
|
165
|
+
ButtonAction2[ButtonAction2["ToggleStrike"] = 2] = "ToggleStrike";
|
|
166
|
+
ButtonAction2[ButtonAction2["ToggleCode"] = 3] = "ToggleCode";
|
|
167
|
+
ButtonAction2[ButtonAction2["ToggleLink"] = 4] = "ToggleLink";
|
|
168
|
+
})(ButtonAction || (ButtonAction = {}));
|
|
169
|
+
var InputAction;
|
|
170
|
+
(function(InputAction2) {
|
|
171
|
+
InputAction2[InputAction2["ModifyLink"] = 0] = "ModifyLink";
|
|
172
|
+
InputAction2[InputAction2["ModifyImage"] = 1] = "ModifyImage";
|
|
173
|
+
InputAction2[InputAction2["ModifyInlineMath"] = 2] = "ModifyInlineMath";
|
|
174
|
+
})(InputAction || (InputAction = {}));
|
|
175
|
+
const inputMap = (schema, ctx, inputOptions) => {
|
|
176
|
+
const { marks, nodes } = schema;
|
|
177
|
+
return {
|
|
178
|
+
[0]: __spreadValues({
|
|
179
|
+
display: (view) => view.state.selection.empty && view.state.selection instanceof TextSelection && hasMark(view.state, marks.link),
|
|
180
|
+
command: modifyLink(ctx),
|
|
181
|
+
update: updateLinkView
|
|
182
|
+
}, inputOptions.link),
|
|
183
|
+
[2]: __spreadValues({
|
|
184
|
+
display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.math_inline)),
|
|
185
|
+
command: modifyInlineMath(ctx),
|
|
186
|
+
update: updateInlineMathView,
|
|
187
|
+
bind: true
|
|
188
|
+
}, inputOptions.inlineMath),
|
|
189
|
+
[1]: __spreadValues({
|
|
190
|
+
display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.image)),
|
|
191
|
+
command: modifyImage(ctx),
|
|
192
|
+
update: updateImageView
|
|
193
|
+
}, inputOptions.image)
|
|
194
|
+
};
|
|
195
|
+
};
|
|
196
|
+
const buttonMap = (schema, ctx) => {
|
|
197
|
+
const { marks } = schema;
|
|
198
|
+
return {
|
|
199
|
+
[0]: createToggleIcon(ctx, "bold", ToggleBold, marks.strong, marks.code_inline),
|
|
200
|
+
[1]: createToggleIcon(ctx, "italic", ToggleItalic, marks.em, marks.code_inline),
|
|
201
|
+
[2]: createToggleIcon(ctx, "strikeThrough", ToggleStrikeThrough, marks.strike_through, marks.code_inline),
|
|
202
|
+
[3]: createToggleIcon(ctx, "code", ToggleInlineCode, marks.code_inline, marks.link),
|
|
203
|
+
[4]: createToggleIcon(ctx, "link", ToggleLink, marks.link, marks.code_inline)
|
|
204
|
+
};
|
|
205
|
+
};
|
|
206
|
+
const calcButtonPos = (buttons, view) => {
|
|
207
|
+
buttons.classList.remove("hide");
|
|
208
|
+
calculateTextPosition(view, buttons, (start, end, target, parent) => {
|
|
209
|
+
const $editor = buttons.parentElement;
|
|
210
|
+
if (!$editor) {
|
|
211
|
+
throw new Error();
|
|
212
|
+
}
|
|
213
|
+
const selectionWidth = end.left - start.left;
|
|
214
|
+
let left = start.left - parent.left - (target.width - selectionWidth) / 2;
|
|
215
|
+
let top = start.top - parent.top - target.height - 14 + $editor.scrollTop;
|
|
216
|
+
if (left < 0)
|
|
217
|
+
left = 0;
|
|
218
|
+
if (start.top < target.height) {
|
|
219
|
+
top = start.bottom - parent.top + 14 + $editor.scrollTop;
|
|
220
|
+
}
|
|
221
|
+
return [top, left];
|
|
222
|
+
});
|
|
223
|
+
};
|
|
224
|
+
const injectStyle$1 = (themeTool) => {
|
|
225
|
+
var _a, _b;
|
|
226
|
+
const { palette, mixin, size } = themeTool;
|
|
227
|
+
return css`
|
|
228
|
+
display: inline-flex;
|
|
229
|
+
cursor: pointer;
|
|
230
|
+
justify-content: space-evenly;
|
|
231
|
+
position: absolute;
|
|
232
|
+
border-radius: ${size.radius};
|
|
233
|
+
z-index: 2;
|
|
234
|
+
|
|
235
|
+
${(_a = mixin.border) == null ? void 0 : _a.call(mixin)};
|
|
236
|
+
${(_b = mixin.shadow) == null ? void 0 : _b.call(mixin)};
|
|
237
|
+
|
|
238
|
+
overflow: hidden;
|
|
239
|
+
background: ${palette("surface")};
|
|
240
|
+
|
|
241
|
+
.icon {
|
|
242
|
+
position: relative;
|
|
243
|
+
color: ${palette("solid", 0.87)};
|
|
244
|
+
|
|
245
|
+
width: 3rem;
|
|
246
|
+
line-height: 3rem;
|
|
247
|
+
text-align: center;
|
|
248
|
+
transition: all 0.4s ease-in-out;
|
|
249
|
+
&:hover {
|
|
250
|
+
background-color: ${palette("secondary", 0.12)};
|
|
251
|
+
}
|
|
252
|
+
&.active {
|
|
253
|
+
color: ${palette("primary")};
|
|
254
|
+
}
|
|
255
|
+
&:not(:last-child)::after {
|
|
256
|
+
content: '';
|
|
257
|
+
position: absolute;
|
|
258
|
+
top: 0;
|
|
259
|
+
right: calc(-0.5 * ${size.lineWidth});
|
|
260
|
+
width: ${size.lineWidth};
|
|
261
|
+
bottom: 0;
|
|
262
|
+
background: ${palette("line")};
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
&.hide,
|
|
266
|
+
.hide {
|
|
267
|
+
display: none;
|
|
268
|
+
}
|
|
269
|
+
`;
|
|
270
|
+
};
|
|
271
|
+
const createTooltip = (buttonMap2, utils) => {
|
|
272
|
+
const div = document.createElement("div");
|
|
273
|
+
const style = utils.getStyle(injectStyle$1) || "";
|
|
274
|
+
if (style) {
|
|
275
|
+
div.classList.add(style);
|
|
276
|
+
}
|
|
277
|
+
div.classList.add("tooltip");
|
|
278
|
+
return {
|
|
279
|
+
dom: div,
|
|
280
|
+
render: (editorView) => {
|
|
281
|
+
var _a;
|
|
282
|
+
Object.values(buttonMap2).filter((item) => item.enable(editorView)).forEach(({ $ }) => div.appendChild($));
|
|
283
|
+
(_a = editorView.dom.parentNode) == null ? void 0 : _a.appendChild(div);
|
|
284
|
+
}
|
|
285
|
+
};
|
|
286
|
+
};
|
|
287
|
+
const noActive = (buttonMap2, view) => {
|
|
288
|
+
return Object.values(buttonMap2).filter((item) => item.enable(view)).every(({ $ }) => $.classList.contains("hide"));
|
|
289
|
+
};
|
|
290
|
+
const filterButton = (buttonMap2, view) => {
|
|
291
|
+
Object.values(buttonMap2).filter((item) => item.enable(view)).forEach((item) => {
|
|
292
|
+
var _a;
|
|
293
|
+
const disable = (_a = item.disable) == null ? void 0 : _a.call(item, view);
|
|
294
|
+
if (disable) {
|
|
295
|
+
item.$.classList.add("hide");
|
|
296
|
+
return;
|
|
297
|
+
}
|
|
298
|
+
item.$.classList.remove("hide");
|
|
299
|
+
const active = item.active(view);
|
|
300
|
+
if (active) {
|
|
301
|
+
item.$.classList.add("active");
|
|
302
|
+
return;
|
|
303
|
+
}
|
|
304
|
+
item.$.classList.remove("active");
|
|
305
|
+
});
|
|
306
|
+
return noActive(buttonMap2, view);
|
|
307
|
+
};
|
|
308
|
+
const createButtonManager = (buttonMap2, utils) => {
|
|
309
|
+
const { dom: buttons, render } = createTooltip(buttonMap2, utils);
|
|
310
|
+
const onClick = (e) => {
|
|
311
|
+
const target = Object.values(buttonMap2).find(({ $ }) => e.target instanceof Element && $.contains(e.target));
|
|
312
|
+
if (!target)
|
|
313
|
+
return;
|
|
314
|
+
e.stopPropagation();
|
|
315
|
+
e.preventDefault();
|
|
316
|
+
target.command();
|
|
317
|
+
};
|
|
318
|
+
const hide = () => {
|
|
319
|
+
buttons.classList.add("hide");
|
|
320
|
+
};
|
|
321
|
+
buttons.addEventListener("mousedown", onClick);
|
|
322
|
+
return {
|
|
323
|
+
destroy: () => {
|
|
324
|
+
buttons.removeEventListener("mousedown", onClick);
|
|
325
|
+
buttons.remove();
|
|
326
|
+
},
|
|
327
|
+
hide,
|
|
328
|
+
update: (editorView) => {
|
|
329
|
+
const noActive2 = filterButton(buttonMap2, editorView);
|
|
330
|
+
if (noActive2) {
|
|
331
|
+
hide();
|
|
332
|
+
return;
|
|
333
|
+
}
|
|
334
|
+
calcButtonPos(buttons, editorView);
|
|
335
|
+
},
|
|
336
|
+
render
|
|
337
|
+
};
|
|
338
|
+
};
|
|
339
|
+
const calcInputPos = (view, input) => {
|
|
340
|
+
calculateTextPosition(view, input, (start, end, target, parent) => {
|
|
341
|
+
const $editor = input.parentElement;
|
|
342
|
+
if (!$editor) {
|
|
343
|
+
throw new Error();
|
|
344
|
+
}
|
|
345
|
+
const selectionWidth = end.left - start.left;
|
|
346
|
+
let left = start.left - parent.left - (target.width - selectionWidth) / 2;
|
|
347
|
+
const top = start.bottom - parent.top + 14 + $editor.scrollTop;
|
|
348
|
+
if (left < 0)
|
|
349
|
+
left = 0;
|
|
350
|
+
return [top, left];
|
|
351
|
+
});
|
|
352
|
+
};
|
|
353
|
+
const injectStyle = (themeTool) => {
|
|
354
|
+
var _a, _b;
|
|
355
|
+
const { palette, mixin, size } = themeTool;
|
|
356
|
+
return css`
|
|
357
|
+
${(_a = mixin.border) == null ? void 0 : _a.call(mixin)};
|
|
358
|
+
${(_b = mixin.shadow) == null ? void 0 : _b.call(mixin)};
|
|
359
|
+
|
|
360
|
+
display: inline-flex;
|
|
361
|
+
justify-content: space-between;
|
|
362
|
+
align-items: center;
|
|
363
|
+
position: absolute;
|
|
364
|
+
background: ${palette("surface")};
|
|
365
|
+
border-radius: ${size.radius};
|
|
366
|
+
font-size: 1rem;
|
|
367
|
+
|
|
368
|
+
height: 3.5rem;
|
|
369
|
+
box-sizing: border-box;
|
|
370
|
+
width: 25.5rem;
|
|
371
|
+
padding: 0 1rem;
|
|
372
|
+
gap: 1rem;
|
|
373
|
+
z-index: 2;
|
|
374
|
+
|
|
375
|
+
input,
|
|
376
|
+
button {
|
|
377
|
+
all: unset;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
input {
|
|
381
|
+
flex-grow: 1;
|
|
382
|
+
caret-color: ${palette("primary")};
|
|
383
|
+
&::placeholder {
|
|
384
|
+
color: ${palette("neutral", 0.6)};
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
button {
|
|
389
|
+
cursor: pointer;
|
|
390
|
+
height: 2.25rem;
|
|
391
|
+
color: ${palette("primary")};
|
|
392
|
+
font-size: 0.875rem;
|
|
393
|
+
padding: 0 0.5rem;
|
|
394
|
+
font-weight: 500;
|
|
395
|
+
letter-spacing: 1.25px;
|
|
396
|
+
&:hover {
|
|
397
|
+
background-color: ${palette("secondary", 0.12)};
|
|
398
|
+
}
|
|
399
|
+
&.disable {
|
|
400
|
+
color: ${palette("neutral", 0.38)};
|
|
401
|
+
cursor: not-allowed;
|
|
402
|
+
&:hover {
|
|
403
|
+
background: transparent;
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
&.hide {
|
|
407
|
+
display: none;
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
&.hide {
|
|
412
|
+
display: none;
|
|
413
|
+
}
|
|
414
|
+
`;
|
|
415
|
+
};
|
|
416
|
+
const createInput = (utils) => {
|
|
417
|
+
const div = document.createElement("div");
|
|
418
|
+
const style = utils.getStyle(injectStyle);
|
|
419
|
+
if (style) {
|
|
420
|
+
div.classList.add(style);
|
|
421
|
+
}
|
|
422
|
+
div.classList.add("tooltip-input");
|
|
423
|
+
const input = document.createElement("input");
|
|
424
|
+
div.appendChild(input);
|
|
425
|
+
const button = document.createElement("button");
|
|
426
|
+
div.appendChild(button);
|
|
427
|
+
input.addEventListener("input", (e) => {
|
|
428
|
+
const { target } = e;
|
|
429
|
+
if (!(target instanceof HTMLInputElement)) {
|
|
430
|
+
return;
|
|
431
|
+
}
|
|
432
|
+
if (!target.value) {
|
|
433
|
+
button.classList.add("disable");
|
|
434
|
+
return;
|
|
435
|
+
}
|
|
436
|
+
button.classList.remove("disable");
|
|
437
|
+
});
|
|
438
|
+
return {
|
|
439
|
+
div,
|
|
440
|
+
input,
|
|
441
|
+
button
|
|
442
|
+
};
|
|
443
|
+
};
|
|
444
|
+
const filterInput = (currentView, inputMap2, div, input, button) => {
|
|
445
|
+
const target = Object.values(inputMap2).find((input2) => input2.display(currentView));
|
|
446
|
+
if (!target) {
|
|
447
|
+
div.classList.add("hide");
|
|
448
|
+
return;
|
|
449
|
+
}
|
|
450
|
+
div.classList.remove("hide");
|
|
451
|
+
if (target.bind) {
|
|
452
|
+
button.classList.add("hide");
|
|
453
|
+
} else {
|
|
454
|
+
button.classList.remove("hide");
|
|
455
|
+
button.textContent = target.buttonText;
|
|
456
|
+
}
|
|
457
|
+
input.placeholder = target.placeholder;
|
|
458
|
+
target.update(currentView, div);
|
|
459
|
+
return target;
|
|
460
|
+
};
|
|
461
|
+
const createInputManager = (inputMap2, utils) => {
|
|
462
|
+
let inputCommand;
|
|
463
|
+
let binding = false;
|
|
464
|
+
const setCommand = (x) => inputCommand = x;
|
|
465
|
+
const { div, button, input } = createInput(utils);
|
|
466
|
+
const onClick = (e) => {
|
|
467
|
+
if (!inputCommand || button.classList.contains("disable"))
|
|
468
|
+
return;
|
|
469
|
+
e.stopPropagation();
|
|
470
|
+
inputCommand(e);
|
|
471
|
+
div.classList.add("hide");
|
|
472
|
+
};
|
|
473
|
+
const onInput = (e) => {
|
|
474
|
+
if (!binding || !inputCommand)
|
|
475
|
+
return;
|
|
476
|
+
inputCommand(e);
|
|
477
|
+
};
|
|
478
|
+
input.addEventListener("input", onInput);
|
|
479
|
+
button.addEventListener("mousedown", onClick);
|
|
480
|
+
return {
|
|
481
|
+
destroy: () => {
|
|
482
|
+
input.removeEventListener("input", onInput);
|
|
483
|
+
div.removeEventListener("mousedown", onClick);
|
|
484
|
+
div.remove();
|
|
485
|
+
},
|
|
486
|
+
hide: () => {
|
|
487
|
+
div.classList.add("hide");
|
|
488
|
+
setCommand();
|
|
489
|
+
},
|
|
490
|
+
update: (editorView) => {
|
|
491
|
+
const result = filterInput(editorView, inputMap2, div, input, button);
|
|
492
|
+
if (!result)
|
|
493
|
+
return;
|
|
494
|
+
binding = !!result.bind;
|
|
495
|
+
setCommand(result.command);
|
|
496
|
+
calcInputPos(editorView, div);
|
|
497
|
+
},
|
|
498
|
+
render: (editorView) => {
|
|
499
|
+
const wrapper = editorView.dom.parentNode;
|
|
500
|
+
if (!wrapper)
|
|
501
|
+
throw new Error();
|
|
502
|
+
wrapper.appendChild(div);
|
|
503
|
+
}
|
|
504
|
+
};
|
|
505
|
+
};
|
|
506
|
+
const createPlugin = (buttonMap2, inputMap2, utils) => {
|
|
507
|
+
const buttonManager = createButtonManager(buttonMap2, utils);
|
|
508
|
+
const inputManager = createInputManager(inputMap2, utils);
|
|
509
|
+
let shouldHide = false;
|
|
510
|
+
const hide = () => {
|
|
511
|
+
buttonManager.hide();
|
|
512
|
+
inputManager.hide();
|
|
513
|
+
};
|
|
514
|
+
const update = (view, prevState) => {
|
|
515
|
+
const { state } = view;
|
|
516
|
+
if (!view.editable || shouldHide) {
|
|
517
|
+
hide();
|
|
518
|
+
return;
|
|
519
|
+
}
|
|
520
|
+
const isEqualSelection = (prevState == null ? void 0 : prevState.doc.eq(state.doc)) && prevState.selection.eq(state.selection);
|
|
521
|
+
if (isEqualSelection)
|
|
522
|
+
return;
|
|
523
|
+
buttonManager.update(view);
|
|
524
|
+
inputManager.update(view);
|
|
525
|
+
};
|
|
526
|
+
return {
|
|
527
|
+
update,
|
|
528
|
+
destroy: () => {
|
|
529
|
+
buttonManager.destroy();
|
|
530
|
+
inputManager.destroy();
|
|
531
|
+
},
|
|
532
|
+
render: (editorView) => {
|
|
533
|
+
buttonManager.render(editorView);
|
|
534
|
+
inputManager.render(editorView);
|
|
535
|
+
update(editorView);
|
|
536
|
+
},
|
|
537
|
+
setHide: (isTyping) => {
|
|
538
|
+
shouldHide = isTyping;
|
|
539
|
+
}
|
|
540
|
+
};
|
|
541
|
+
};
|
|
542
|
+
const key = new PluginKey("MILKDOWN_PLUGIN_TOOLTIP");
|
|
543
|
+
const tooltipPlugin = createPlugin$1((utils, options) => {
|
|
544
|
+
return {
|
|
545
|
+
id: "tooltip",
|
|
546
|
+
prosePlugins: (_, ctx) => {
|
|
547
|
+
var _a, _b, _c;
|
|
548
|
+
const schema = ctx.get(schemaCtx);
|
|
549
|
+
const manager = createPlugin(buttonMap(schema, ctx), inputMap(schema, ctx, {
|
|
550
|
+
link: __spreadValues({
|
|
551
|
+
placeholder: "Input Web Link",
|
|
552
|
+
buttonText: "APPLY"
|
|
553
|
+
}, (_a = options == null ? void 0 : options.link) != null ? _a : {}),
|
|
554
|
+
image: __spreadValues({
|
|
555
|
+
placeholder: "Input Image Link",
|
|
556
|
+
buttonText: "APPLY"
|
|
557
|
+
}, (_b = options == null ? void 0 : options.image) != null ? _b : {}),
|
|
558
|
+
inlineMath: __spreadValues({
|
|
559
|
+
placeholder: "Input Math"
|
|
560
|
+
}, (_c = options == null ? void 0 : options.inlineMath) != null ? _c : {})
|
|
561
|
+
}), utils);
|
|
562
|
+
const plugin = new Plugin({
|
|
563
|
+
key,
|
|
564
|
+
props: {
|
|
565
|
+
handleKeyDown: () => {
|
|
566
|
+
manager.setHide(true);
|
|
567
|
+
return false;
|
|
568
|
+
},
|
|
569
|
+
handleClick: (view) => {
|
|
570
|
+
manager.setHide(false);
|
|
571
|
+
manager.update(view);
|
|
572
|
+
return false;
|
|
573
|
+
}
|
|
574
|
+
},
|
|
575
|
+
view: (editorView) => {
|
|
576
|
+
manager.render(editorView);
|
|
577
|
+
return {
|
|
578
|
+
update: manager.update,
|
|
579
|
+
destroy: manager.destroy
|
|
580
|
+
};
|
|
581
|
+
}
|
|
582
|
+
});
|
|
583
|
+
return [plugin];
|
|
584
|
+
}
|
|
585
|
+
};
|
|
586
|
+
});
|
|
587
|
+
const tooltip = AtomList.create([tooltipPlugin()]);
|
|
588
|
+
export { key, tooltip, tooltipPlugin };
|
|
589
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/utility/element.ts","../src/utility/input.ts","../src/utility/prosemirror.ts","../src/utility/toggle.ts","../src/item.ts","../src/button-manager/calc-button-pos.ts","../src/button-manager/style.ts","../src/button-manager/create-tooltip.ts","../src/button-manager/no-active.ts","../src/button-manager/filter-button.ts","../src/button-manager/index.ts","../src/input-manager/calc-input-pos.ts","../src/input-manager/style.ts","../src/input-manager/create-input.ts","../src/input-manager/filter-input.ts","../src/input-manager/index.ts","../src/selection-marks-tooltip.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nexport const elementIsTag = (element: HTMLElement, tagName: string): boolean =>\n element.tagName === tagName.toUpperCase();\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { commandsCtx, Ctx } from '@milkdown/core';\nimport { ModifyInlineMath } from '@milkdown/plugin-math';\nimport { ModifyImage, ModifyLink } from '@milkdown/preset-gfm';\nimport { findSelectedNodeOfType, Node as ProseNode } from '@milkdown/prose';\n\nimport { Event2Command, Updater } from '../item';\nimport { elementIsTag } from './element';\n\nexport const modifyLink =\n (ctx: Ctx): Event2Command =>\n (e) => {\n const { target } = e;\n if (!(target instanceof HTMLElement)) {\n return () => true;\n }\n if (elementIsTag(target, 'input')) {\n target.focus();\n return () => false;\n }\n const parent = target.parentNode;\n if (!parent) return () => false;\n\n const inputEl = Array.from(parent.children).find((el) => el.tagName === 'INPUT');\n if (!(inputEl instanceof HTMLInputElement)) return () => false;\n\n return ctx.get(commandsCtx).call(ModifyLink, inputEl.value);\n };\n\nexport const modifyInlineMath =\n (ctx: Ctx): Event2Command =>\n (e) => {\n const { target } = e;\n if (!(target instanceof HTMLElement)) {\n return () => true;\n }\n const parent = target.parentNode;\n if (!parent) return () => false;\n\n const inputEl = Array.from(parent.children).find((el) => el.tagName === 'INPUT');\n if (!(inputEl instanceof HTMLInputElement)) return () => false;\n\n return ctx.get(commandsCtx).call(ModifyInlineMath, inputEl.value);\n };\n\nexport const modifyImage =\n (ctx: Ctx): Event2Command =>\n (e) => {\n const { target } = e;\n if (!(target instanceof HTMLElement)) {\n return () => true;\n }\n if (elementIsTag(target, 'input')) {\n target.focus();\n return () => false;\n }\n const parent = target.parentNode;\n if (!parent) return () => false;\n\n const inputEl = Array.from(parent.children).find((el) => el.tagName === 'INPUT');\n if (!(inputEl instanceof HTMLInputElement)) return () => false;\n\n return ctx.get(commandsCtx).call(ModifyImage, inputEl.value);\n };\n\nexport const updateLinkView: Updater = (view, $) => {\n const { marks } = view.state.schema;\n const { firstChild, lastElementChild } = $;\n if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement)) return;\n\n const { selection } = view.state;\n let node: ProseNode | undefined;\n view.state.doc.nodesBetween(selection.from, selection.to, (n) => {\n if (marks.link.isInSet(n.marks)) {\n node = n;\n return false;\n }\n return;\n });\n if (!node) return;\n\n const mark = node.marks.find((m) => m.type === marks.link);\n if (!mark) return;\n\n const value = mark.attrs.href;\n firstChild.value = value;\n if (!value) {\n lastElementChild.classList.add('disable');\n return;\n }\n if (lastElementChild.classList.contains('disable')) {\n lastElementChild.classList.remove('disable');\n }\n};\n\nexport const updateInlineMathView: Updater = (view, $) => {\n const { nodes } = view.state.schema;\n const { firstChild, lastElementChild } = $;\n if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement)) return;\n\n const result = findSelectedNodeOfType(view.state.selection, nodes.math_inline);\n if (!result) return;\n const { node } = result;\n\n const value = node.attrs.value;\n firstChild.value = value;\n if (!value) {\n lastElementChild.classList.add('disable');\n return;\n }\n if (lastElementChild.classList.contains('disable')) {\n lastElementChild.classList.remove('disable');\n }\n};\n\nexport const updateImageView: Updater = (view, $) => {\n const { nodes } = view.state.schema;\n const { firstChild, lastElementChild } = $;\n if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement)) return;\n\n const result = findSelectedNodeOfType(view.state.selection, nodes.image);\n if (!result) return;\n const { node } = result;\n\n const value = node.attrs.src;\n firstChild.value = value;\n if (!value) {\n lastElementChild.classList.add('disable');\n return;\n }\n if (lastElementChild.classList.contains('disable')) {\n lastElementChild.classList.remove('disable');\n }\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorState, findParentNode, MarkType, Node, NodeType, TextSelection } from '@milkdown/prose';\n\nexport type Position = {\n start: number;\n end: number;\n};\n\nexport const hasMark = (editorState: EditorState, type: MarkType): boolean => {\n const { from, to } = editorState.selection;\n\n return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);\n};\n\nexport const isTextSelection = (editorState: EditorState): boolean => {\n const { selection } = editorState;\n if (selection instanceof TextSelection) {\n const text = editorState.doc.textBetween(selection.from, selection.to);\n\n if (!text) return false;\n\n return true;\n }\n return false;\n};\n\nexport const isInCodeFence = (editorState: EditorState): boolean =>\n Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));\n\nexport const isTextAndNotHasMark = (editorState: EditorState, mark: MarkType): boolean =>\n !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);\n\nexport const equalNodeType = (nodeType: NodeType, node: Node) => {\n return (Array.isArray(nodeType) && nodeType.indexOf(node.type) > -1) || node.type === nodeType;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { CmdKey, commandsCtx, Ctx, themeToolCtx } from '@milkdown/core';\nimport type { Icon } from '@milkdown/design-system';\nimport type { MarkType } from '@milkdown/prose';\n\nimport type { ButtonItem } from '../item';\nimport { hasMark, isTextAndNotHasMark } from './prosemirror';\n\nexport const createToggleIcon = <T>(\n ctx: Ctx,\n iconName: Icon,\n commandKey: CmdKey<T>,\n mark: MarkType,\n disableForMark: MarkType,\n): ButtonItem => ({\n $: ctx.get(themeToolCtx).slots.icon(iconName),\n command: () => ctx.get(commandsCtx).call(commandKey),\n active: (view) => hasMark(view.state, mark),\n disable: (view) => isTextAndNotHasMark(view.state, disableForMark),\n enable: (view) => !!mark && !!view.state.schema.marks[mark.name],\n});\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Ctx } from '@milkdown/core';\nimport { ToggleBold, ToggleInlineCode, ToggleItalic, ToggleLink, ToggleStrikeThrough } from '@milkdown/preset-gfm';\nimport { EditorView, findSelectedNodeOfType, Schema, TextSelection } from '@milkdown/prose';\n\nimport {\n createToggleIcon,\n hasMark,\n modifyImage,\n modifyInlineMath,\n modifyLink,\n updateImageView,\n updateInlineMathView,\n updateLinkView,\n} from './utility';\n\nexport type Pred = (view: EditorView) => boolean;\nexport type Updater = (view: EditorView, $: HTMLElement) => void;\nexport type Event2Command = (e: Event) => void;\n\nexport type ButtonItem = {\n $: HTMLElement;\n command: () => void;\n active: Pred;\n disable?: Pred;\n enable: Pred;\n};\n\nexport type InputItem = {\n command: Event2Command;\n display: Pred;\n update: Updater;\n placeholder: string;\n} & (\n | {\n bind: true;\n }\n | {\n bind?: false;\n buttonText: string;\n }\n);\n\nexport enum ButtonAction {\n ToggleBold,\n ToggleItalic,\n ToggleStrike,\n ToggleCode,\n ToggleLink,\n}\n\nexport enum InputAction {\n ModifyLink,\n ModifyImage,\n ModifyInlineMath,\n}\n\nexport type ButtonMap = Record<ButtonAction, ButtonItem>;\nexport type InputMap = Record<InputAction, InputItem>;\n\nexport type InputOptions = {\n link: {\n placeholder: string;\n buttonText: string;\n };\n image: {\n placeholder: string;\n buttonText: string;\n };\n inlineMath: {\n placeholder: string;\n };\n};\n\nexport const inputMap = (schema: Schema, ctx: Ctx, inputOptions: InputOptions): InputMap => {\n const { marks, nodes } = schema;\n return {\n [InputAction.ModifyLink]: {\n display: (view) =>\n view.state.selection.empty &&\n view.state.selection instanceof TextSelection &&\n hasMark(view.state, marks.link),\n command: modifyLink(ctx),\n update: updateLinkView,\n ...inputOptions.link,\n },\n [InputAction.ModifyInlineMath]: {\n display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.math_inline)),\n command: modifyInlineMath(ctx),\n update: updateInlineMathView,\n bind: true,\n ...inputOptions.inlineMath,\n },\n [InputAction.ModifyImage]: {\n display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.image)),\n command: modifyImage(ctx),\n update: updateImageView,\n ...inputOptions.image,\n },\n };\n};\n\nexport const buttonMap = (schema: Schema, ctx: Ctx): ButtonMap => {\n const { marks } = schema;\n return {\n [ButtonAction.ToggleBold]: createToggleIcon(ctx, 'bold', ToggleBold, marks.strong, marks.code_inline),\n [ButtonAction.ToggleItalic]: createToggleIcon(ctx, 'italic', ToggleItalic, marks.em, marks.code_inline),\n [ButtonAction.ToggleStrike]: createToggleIcon(\n ctx,\n 'strikeThrough',\n ToggleStrikeThrough,\n marks.strike_through,\n marks.code_inline,\n ),\n [ButtonAction.ToggleCode]: createToggleIcon(ctx, 'code', ToggleInlineCode, marks.code_inline, marks.link),\n [ButtonAction.ToggleLink]: createToggleIcon(ctx, 'link', ToggleLink, marks.link, marks.code_inline),\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { calculateTextPosition, EditorView } from '@milkdown/prose';\n\nexport const calcButtonPos = (buttons: HTMLElement, view: EditorView) => {\n buttons.classList.remove('hide');\n calculateTextPosition(view, buttons, (start, end, target, parent) => {\n const $editor = buttons.parentElement;\n if (!$editor) {\n throw new Error();\n }\n const selectionWidth = end.left - start.left;\n let left = start.left - parent.left - (target.width - selectionWidth) / 2;\n let top = start.top - parent.top - target.height - 14 + $editor.scrollTop;\n\n if (left < 0) left = 0;\n\n if (start.top < target.height) {\n top = start.bottom - parent.top + 14 + $editor.scrollTop;\n }\n\n return [top, left];\n });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { css } from '@emotion/css';\nimport { ThemeTool } from '@milkdown/core';\n\nexport const injectStyle = (themeTool: ThemeTool) => {\n const { palette, mixin, size } = themeTool;\n return css`\n display: inline-flex;\n cursor: pointer;\n justify-content: space-evenly;\n position: absolute;\n border-radius: ${size.radius};\n z-index: 2;\n\n ${mixin.border?.()};\n ${mixin.shadow?.()};\n\n overflow: hidden;\n background: ${palette('surface')};\n\n .icon {\n position: relative;\n color: ${palette('solid', 0.87)};\n\n width: 3rem;\n line-height: 3rem;\n text-align: center;\n transition: all 0.4s ease-in-out;\n &:hover {\n background-color: ${palette('secondary', 0.12)};\n }\n &.active {\n color: ${palette('primary')};\n }\n &:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 0;\n right: calc(-0.5 * ${size.lineWidth});\n width: ${size.lineWidth};\n bottom: 0;\n background: ${palette('line')};\n }\n }\n &.hide,\n .hide {\n display: none;\n }\n `;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose';\nimport type { Utils } from '@milkdown/utils';\n\nimport type { ButtonMap } from '../item';\nimport { injectStyle } from './style';\n\ntype Tooltip = {\n dom: HTMLDivElement;\n render: (editorView: EditorView) => void;\n};\n\nexport const createTooltip = (buttonMap: ButtonMap, utils: Utils): Tooltip => {\n const div = document.createElement('div');\n const style = utils.getStyle(injectStyle) || '';\n if (style) {\n div.classList.add(style);\n }\n\n div.classList.add('tooltip');\n\n return {\n dom: div,\n render: (editorView: EditorView) => {\n Object.values(buttonMap)\n .filter((item) => item.enable(editorView))\n .forEach(({ $ }) => div.appendChild($));\n\n editorView.dom.parentNode?.appendChild(div);\n },\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose';\n\nimport { ButtonMap } from '../item';\n\nexport const noActive = (buttonMap: ButtonMap, view: EditorView) => {\n return Object.values(buttonMap)\n .filter((item) => item.enable(view))\n .every(({ $ }) => $.classList.contains('hide'));\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose';\n\nimport { ButtonMap } from '../item';\nimport { noActive } from './no-active';\n\nexport const filterButton = (buttonMap: ButtonMap, view: EditorView) => {\n Object.values(buttonMap)\n .filter((item) => item.enable(view))\n .forEach((item) => {\n const disable = item.disable?.(view);\n if (disable) {\n item.$.classList.add('hide');\n return;\n }\n\n item.$.classList.remove('hide');\n\n const active = item.active(view);\n if (active) {\n item.$.classList.add('active');\n return;\n }\n item.$.classList.remove('active');\n });\n\n return noActive(buttonMap, view);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose';\nimport type { Utils } from '@milkdown/utils';\n\nimport type { ButtonMap } from '../item';\nimport { calcButtonPos } from './calc-button-pos';\nimport { createTooltip } from './create-tooltip';\nimport { filterButton } from './filter-button';\n\nexport const createButtonManager = (buttonMap: ButtonMap, utils: Utils) => {\n const { dom: buttons, render } = createTooltip(buttonMap, utils);\n\n const onClick = (e: Event) => {\n const target = Object.values(buttonMap).find(({ $ }) => e.target instanceof Element && $.contains(e.target));\n if (!target) return;\n\n e.stopPropagation();\n e.preventDefault();\n target.command();\n };\n\n const hide = () => {\n buttons.classList.add('hide');\n };\n\n buttons.addEventListener('mousedown', onClick);\n\n return {\n destroy: () => {\n buttons.removeEventListener('mousedown', onClick);\n buttons.remove();\n },\n hide,\n update: (editorView: EditorView) => {\n const noActive = filterButton(buttonMap, editorView);\n if (noActive) {\n hide();\n return;\n }\n calcButtonPos(buttons, editorView);\n },\n render,\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { calculateTextPosition, EditorView } from '@milkdown/prose';\n\nexport const calcInputPos = (view: EditorView, input: HTMLDivElement) => {\n calculateTextPosition(view, input, (start, end, target, parent) => {\n const $editor = input.parentElement;\n if (!$editor) {\n throw new Error();\n }\n\n const selectionWidth = end.left - start.left;\n let left = start.left - parent.left - (target.width - selectionWidth) / 2;\n const top = start.bottom - parent.top + 14 + $editor.scrollTop;\n\n if (left < 0) left = 0;\n\n return [top, left];\n });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { css } from '@emotion/css';\nimport { ThemeTool } from '@milkdown/core';\n\nexport const injectStyle = (themeTool: ThemeTool) => {\n const { palette, mixin, size } = themeTool;\n\n return css`\n ${mixin.border?.()};\n ${mixin.shadow?.()};\n\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n position: absolute;\n background: ${palette('surface')};\n border-radius: ${size.radius};\n font-size: 1rem;\n\n height: 3.5rem;\n box-sizing: border-box;\n width: 25.5rem;\n padding: 0 1rem;\n gap: 1rem;\n z-index: 2;\n\n input,\n button {\n all: unset;\n }\n\n input {\n flex-grow: 1;\n caret-color: ${palette('primary')};\n &::placeholder {\n color: ${palette('neutral', 0.6)};\n }\n }\n\n button {\n cursor: pointer;\n height: 2.25rem;\n color: ${palette('primary')};\n font-size: 0.875rem;\n padding: 0 0.5rem;\n font-weight: 500;\n letter-spacing: 1.25px;\n &:hover {\n background-color: ${palette('secondary', 0.12)};\n }\n &.disable {\n color: ${palette('neutral', 0.38)};\n cursor: not-allowed;\n &:hover {\n background: transparent;\n }\n }\n &.hide {\n display: none;\n }\n }\n\n &.hide {\n display: none;\n }\n `;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { Utils } from '@milkdown/utils';\n\nimport { injectStyle } from './style';\n\nexport const createInput = (utils: Utils) => {\n const div = document.createElement('div');\n const style = utils.getStyle(injectStyle);\n if (style) {\n div.classList.add(style);\n }\n\n div.classList.add('tooltip-input');\n\n const input = document.createElement('input');\n div.appendChild(input);\n const button = document.createElement('button');\n div.appendChild(button);\n\n input.addEventListener('input', (e) => {\n const { target } = e;\n if (!(target instanceof HTMLInputElement)) {\n return;\n }\n\n if (!target.value) {\n button.classList.add('disable');\n return;\n }\n\n button.classList.remove('disable');\n });\n\n return {\n div,\n input,\n button,\n } as const;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose';\n\nimport type { InputMap } from '../item';\n\nexport const filterInput = (\n currentView: EditorView,\n inputMap: InputMap,\n div: HTMLDivElement,\n input: HTMLInputElement,\n button: HTMLButtonElement,\n) => {\n const target = Object.values(inputMap).find((input) => input.display(currentView));\n\n if (!target) {\n div.classList.add('hide');\n return;\n }\n\n div.classList.remove('hide');\n\n if (target.bind) {\n button.classList.add('hide');\n } else {\n button.classList.remove('hide');\n button.textContent = target.buttonText;\n }\n\n input.placeholder = target.placeholder;\n target.update(currentView, div);\n\n return target;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose';\nimport { Utils } from '@milkdown/utils';\n\nimport type { Event2Command, InputMap } from '../item';\nimport { calcInputPos } from './calc-input-pos';\nimport { createInput } from './create-input';\nimport { filterInput } from './filter-input';\n\nexport const createInputManager = (inputMap: InputMap, utils: Utils) => {\n let inputCommand: Event2Command | undefined;\n let binding = false;\n const setCommand = (x?: Event2Command) => (inputCommand = x);\n\n const { div, button, input } = createInput(utils);\n\n const onClick = (e: Event) => {\n if (!inputCommand || button.classList.contains('disable')) return;\n\n e.stopPropagation();\n inputCommand(e);\n div.classList.add('hide');\n };\n const onInput = (e: Event) => {\n if (!binding || !inputCommand) return;\n inputCommand(e);\n };\n\n input.addEventListener('input', onInput);\n button.addEventListener('mousedown', onClick);\n\n return {\n destroy: () => {\n input.removeEventListener('input', onInput);\n div.removeEventListener('mousedown', onClick);\n div.remove();\n },\n hide: () => {\n div.classList.add('hide');\n setCommand();\n },\n update: (editorView: EditorView) => {\n const result = filterInput(editorView, inputMap, div, input, button);\n if (!result) return;\n binding = !!result.bind;\n setCommand(result.command);\n calcInputPos(editorView, div);\n },\n render: (editorView: EditorView) => {\n const wrapper = editorView.dom.parentNode;\n if (!wrapper) throw new Error();\n wrapper.appendChild(div);\n },\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorState, EditorView } from '@milkdown/prose';\nimport { Utils } from '@milkdown/utils';\n\nimport { createButtonManager } from './button-manager';\nimport { createInputManager } from './input-manager';\nimport type { ButtonMap, InputMap } from './item';\n\nexport const createPlugin = (buttonMap: ButtonMap, inputMap: InputMap, utils: Utils) => {\n const buttonManager = createButtonManager(buttonMap, utils);\n const inputManager = createInputManager(inputMap, utils);\n let shouldHide = false;\n\n const hide = () => {\n buttonManager.hide();\n inputManager.hide();\n };\n\n const update = (view: EditorView, prevState?: EditorState) => {\n const { state } = view;\n\n if (!view.editable || shouldHide) {\n hide();\n return;\n }\n\n const isEqualSelection = prevState?.doc.eq(state.doc) && prevState.selection.eq(state.selection);\n if (isEqualSelection) return;\n\n buttonManager.update(view);\n inputManager.update(view);\n };\n\n return {\n update,\n destroy: () => {\n buttonManager.destroy();\n inputManager.destroy();\n },\n render: (editorView: EditorView) => {\n buttonManager.render(editorView);\n inputManager.render(editorView);\n update(editorView);\n },\n setHide: (isTyping: boolean) => {\n shouldHide = isTyping;\n },\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { schemaCtx } from '@milkdown/core';\nimport { Plugin, PluginKey } from '@milkdown/prose';\nimport { AtomList, createPlugin as create } from '@milkdown/utils';\n\nimport { buttonMap, inputMap, InputOptions } from './item';\nimport { createPlugin } from './selection-marks-tooltip';\n\nexport const key = new PluginKey('MILKDOWN_PLUGIN_TOOLTIP');\n\nexport const tooltipPlugin = create<string, InputOptions>((utils, options) => {\n return {\n id: 'tooltip',\n prosePlugins: (_, ctx) => {\n const schema = ctx.get(schemaCtx);\n const manager = createPlugin(\n buttonMap(schema, ctx),\n inputMap(schema, ctx, {\n link: {\n placeholder: 'Input Web Link',\n buttonText: 'APPLY',\n ...(options?.link ?? {}),\n },\n image: {\n placeholder: 'Input Image Link',\n buttonText: 'APPLY',\n ...(options?.image ?? {}),\n },\n inlineMath: {\n placeholder: 'Input Math',\n ...(options?.inlineMath ?? {}),\n },\n }),\n utils,\n );\n const plugin = new Plugin({\n key,\n props: {\n handleKeyDown: () => {\n manager.setHide(true);\n return false;\n },\n handleClick: (view) => {\n manager.setHide(false);\n manager.update(view);\n return false;\n },\n },\n view: (editorView) => {\n manager.render(editorView);\n return {\n update: manager.update,\n destroy: manager.destroy,\n };\n },\n });\n return [plugin];\n },\n };\n});\n\nexport const tooltip = AtomList.create([tooltipPlugin()]);\n"],"names":["injectStyle","create"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calc-input-pos.d.ts","sourceRoot":"","sources":["../../src/input-manager/calc-input-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,YAAY,SAAU,UAAU,SAAS,cAAc,
|
|
1
|
+
{"version":3,"file":"calc-input-pos.d.ts","sourceRoot":"","sources":["../../src/input-manager/calc-input-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,YAAY,SAAU,UAAU,SAAS,cAAc,SAenE,CAAC"}
|