@handlewithcare/react-prosemirror 2.4.11 → 2.4.12

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.
Files changed (59) hide show
  1. package/dist/cjs/components/Editor.js +28 -0
  2. package/dist/cjs/components/NodeViews.js +73 -0
  3. package/dist/cjs/{contexts/__tests__/DeferredLayoutEffects.test.js → components/__tests__/LayoutGroup.test.js} +2 -2
  4. package/dist/cjs/components/__tests__/ProseMirror.test.js +136 -263
  5. package/dist/cjs/contexts/NodeViewsContext.js +10 -0
  6. package/dist/cjs/hooks/__tests__/useEditorViewLayoutEffect.test.js +27 -28
  7. package/dist/cjs/hooks/__tests__/useNodeViews.test.js +159 -0
  8. package/dist/cjs/hooks/useEditor.js +2 -4
  9. package/dist/cjs/hooks/useEditorView.js +100 -0
  10. package/dist/cjs/hooks/useNodePos.js +69 -0
  11. package/dist/cjs/hooks/useNodeViews.js +100 -0
  12. package/dist/cjs/nodeViews/createReactNodeViewConstructor.js +244 -0
  13. package/dist/cjs/nodeViews/phrasingContentTags.js +57 -0
  14. package/dist/cjs/plugins/__tests__/react.test.js +139 -0
  15. package/dist/cjs/plugins/react.js +71 -0
  16. package/dist/esm/components/Editor.js +15 -0
  17. package/dist/esm/components/NodeViews.js +26 -0
  18. package/dist/esm/{contexts/__tests__/DeferredLayoutEffects.test.js → components/__tests__/LayoutGroup.test.js} +2 -2
  19. package/dist/esm/components/__tests__/ProseMirror.test.js +135 -267
  20. package/dist/esm/contexts/NodeViewsContext.js +9 -0
  21. package/dist/esm/hooks/__tests__/useEditorViewLayoutEffect.test.js +27 -28
  22. package/dist/esm/hooks/__tests__/useNodeViews.test.js +116 -0
  23. package/dist/esm/hooks/useEditor.js +2 -4
  24. package/dist/esm/hooks/useEditorView.js +99 -0
  25. package/dist/esm/hooks/useNodePos.js +16 -0
  26. package/dist/esm/hooks/useNodeViews.js +53 -0
  27. package/dist/esm/nodeViews/createReactNodeViewConstructor.js +214 -0
  28. package/dist/esm/nodeViews/phrasingContentTags.js +49 -0
  29. package/dist/esm/plugins/__tests__/react.test.js +135 -0
  30. package/dist/esm/plugins/react.js +64 -0
  31. package/dist/tsconfig.tsbuildinfo +1 -1
  32. package/dist/types/components/Editor.d.ts +7 -0
  33. package/dist/types/components/NodeViews.d.ts +6 -0
  34. package/dist/types/components/__tests__/LayoutGroup.test.d.ts +1 -0
  35. package/dist/types/contexts/NodeViewsContext.d.ts +19 -0
  36. package/dist/types/hooks/__tests__/useNodeViews.test.d.ts +1 -0
  37. package/dist/types/hooks/useEditorView.d.ts +23 -0
  38. package/dist/types/hooks/useNodePos.d.ts +9 -0
  39. package/dist/types/hooks/useNodeViews.d.ts +5 -0
  40. package/dist/types/nodeViews/createReactNodeViewConstructor.d.ts +48 -0
  41. package/dist/types/nodeViews/phrasingContentTags.d.ts +1 -0
  42. package/dist/types/plugins/__tests__/react.test.d.ts +1 -0
  43. package/dist/types/plugins/react.d.ts +21 -0
  44. package/dist/types/props.d.ts +27 -27
  45. package/package.json +1 -1
  46. package/dist/cjs/components/__tests__/ProseMirror.composition.test.js +0 -398
  47. package/dist/cjs/components/__tests__/ProseMirror.domchange.test.js +0 -270
  48. package/dist/cjs/components/__tests__/ProseMirror.draw-decoration.test.js +0 -1010
  49. package/dist/cjs/components/__tests__/ProseMirror.draw.test.js +0 -337
  50. package/dist/cjs/components/__tests__/ProseMirror.node-view.test.js +0 -315
  51. package/dist/cjs/components/__tests__/ProseMirror.selection.test.js +0 -444
  52. package/dist/cjs/plugins/__tests__/reactKeys.test.js +0 -81
  53. package/dist/esm/components/__tests__/ProseMirror.composition.test.js +0 -395
  54. package/dist/esm/components/__tests__/ProseMirror.domchange.test.js +0 -266
  55. package/dist/esm/components/__tests__/ProseMirror.draw-decoration.test.js +0 -967
  56. package/dist/esm/components/__tests__/ProseMirror.draw.test.js +0 -294
  57. package/dist/esm/components/__tests__/ProseMirror.node-view.test.js +0 -272
  58. package/dist/esm/components/__tests__/ProseMirror.selection.test.js +0 -440
  59. package/dist/esm/plugins/__tests__/reactKeys.test.js +0 -77
@@ -1,444 +0,0 @@
1
- /* eslint-disable jest/no-disabled-tests */ /* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-non-null-assertion */ "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _react = require("@testing-library/react");
6
- const _prosemirrorState = require("prosemirror-state");
7
- const _prosemirrorTestBuilder = require("prosemirror-test-builder");
8
- const _prosemirrorView = require("prosemirror-view");
9
- const _editorViewTestHelpersJs = require("../../testing/editorViewTestHelpers.js");
10
- const img = (0, _prosemirrorTestBuilder.img)({
11
- src: "data:image/gif;base64,R0lGODlhBQAFAIABAAAAAP///yH5BAEKAAEALAAAAAAFAAUAAAIEjI+pWAA7"
12
- });
13
- async function findTextNode(_, text) {
14
- const parent = await _react.screen.findByText(text);
15
- return parent.firstChild;
16
- }
17
- function allPositions(doc) {
18
- const found = [];
19
- function scan(node, start) {
20
- if (node.isTextblock) {
21
- for(let i = 0; i <= node.content.size; i++)found.push(start + i);
22
- } else {
23
- node.forEach((child, offset)=>scan(child, start + offset + 1));
24
- }
25
- }
26
- scan(doc, 0);
27
- return found;
28
- }
29
- function setDOMSel(node, offset) {
30
- const range = document.createRange();
31
- range.setEnd(node, offset);
32
- range.setStart(node, offset);
33
- const sel = window.getSelection();
34
- sel.removeAllRanges();
35
- sel.addRange(range);
36
- }
37
- function getSel() {
38
- const sel = window.getSelection();
39
- let node = sel.focusNode, offset = sel.focusOffset;
40
- while(node && node.nodeType != 3){
41
- const after = offset < node.childNodes.length && node.childNodes[offset];
42
- const before = offset > 0 && node.childNodes[offset - 1];
43
- if (after) {
44
- node = after;
45
- offset = 0;
46
- } else if (before) {
47
- node = before;
48
- offset = node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length;
49
- } else break;
50
- }
51
- return {
52
- node: node,
53
- offset: offset
54
- };
55
- }
56
- function setSel(view, sel) {
57
- const selection = typeof sel == "number" ? _prosemirrorState.Selection.near(view.state.doc.resolve(sel)) : sel;
58
- (0, _react.act)(()=>{
59
- view.dispatch(view.state.tr.setSelection(selection));
60
- });
61
- }
62
- function event(code) {
63
- const event = document.createEvent("Event");
64
- event.initEvent("keydown", true, true);
65
- event.keyCode = code;
66
- return event;
67
- }
68
- const LEFT = 37, RIGHT = 39, UP = 38, DOWN = 40;
69
- describe("ProseMirror", ()=>{
70
- it("can read the DOM selection", async ()=>{
71
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
72
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("one"), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.blockquote)((0, _prosemirrorTestBuilder.p)("two")))
73
- });
74
- function test(node, offset, expected) {
75
- setDOMSel(node, offset);
76
- view.dom.focus();
77
- (0, _react.act)(()=>{
78
- view.domObserver.flush();
79
- });
80
- const sel = view.state.selection;
81
- expect(sel.head == null ? sel.from : sel.head).toBe(expected);
82
- }
83
- const one = await findTextNode(view.dom, "one");
84
- const two = await findTextNode(view.dom, "two");
85
- test(one, 0, 1);
86
- test(one, 1, 2);
87
- test(one, 3, 4);
88
- test(one.parentNode, 0, 1);
89
- test(one.parentNode, 1, 4);
90
- test(two, 0, 8);
91
- test(two, 3, 11);
92
- test(two.parentNode, 1, 11);
93
- test(view.dom, 1, 4);
94
- test(view.dom, 2, 8);
95
- test(view.dom, 3, 11);
96
- });
97
- it("syncs the DOM selection with the editor selection", async ()=>{
98
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
99
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("one"), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.blockquote)((0, _prosemirrorTestBuilder.p)("two")))
100
- });
101
- function test(pos, node, offset) {
102
- setSel(view, pos);
103
- const sel = getSel();
104
- expect(sel.node).toBe(node);
105
- expect(sel.offset).toBe(offset);
106
- }
107
- const one = await findTextNode(view.dom, "one");
108
- const two = await findTextNode(view.dom, "two");
109
- view.focus();
110
- test(1, one, 0);
111
- test(2, one, 1);
112
- test(4, one, 3);
113
- test(8, two, 0);
114
- test(10, two, 2);
115
- });
116
- it("returns sensible screen coordinates", async ()=>{
117
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
118
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("one"), (0, _prosemirrorTestBuilder.p)("two"))
119
- });
120
- const p00 = view.coordsAtPos(1);
121
- const p01 = view.coordsAtPos(2);
122
- const p03 = view.coordsAtPos(4);
123
- const p10 = view.coordsAtPos(6);
124
- const p13 = view.coordsAtPos(9);
125
- expect(p00.bottom).toBeGreaterThan(p00.top);
126
- expect(p13.bottom).toBeGreaterThan(p13.top);
127
- expect(p00.top).toEqual(p01.top);
128
- expect(p01.top).toEqual(p03.top);
129
- expect(p00.bottom).toEqual(p03.bottom);
130
- expect(p10.top).toEqual(p13.top);
131
- expect(p01.left).toBeGreaterThan(p00.left);
132
- expect(p03.left).toBeGreaterThan(p01.left);
133
- expect(p10.top).toBeGreaterThan(p00.top);
134
- expect(p13.left).toBeGreaterThan(p10.left);
135
- });
136
- it("returns proper coordinates in code blocks", async ()=>{
137
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
138
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.code_block)("a\nb\n"))
139
- }), p = [];
140
- for(let i = 1; i <= 5; i++)p.push(view.coordsAtPos(i));
141
- const [p0, p1, p2, p3, p4] = p;
142
- expect(p0.top).toBe(p1.top);
143
- expect(p0.left).toBeLessThan(p1.left);
144
- expect(p2.top).toBeGreaterThan(p1.top);
145
- expect(p2.top).toBe(p3.top);
146
- expect(p2.left).toBeLessThan(p3.left);
147
- expect(p2.left).toBe(p0.left);
148
- expect(p4.top).toBeGreaterThan(p3.top);
149
- // This one shows a small (0.01 pixel) difference in Firefox for
150
- // some reason.
151
- expect(Math.round(p4.left)).toBe(Math.round(p2.left));
152
- });
153
- // TODO: This test fails on the position between the img and the br (it returns
154
- // the position before the img, instead of after).
155
- it.skip("produces sensible screen coordinates in corner cases", async ()=>{
156
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
157
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("one", (0, _prosemirrorTestBuilder.em)("two", (0, _prosemirrorTestBuilder.strong)("three"), img), (0, _prosemirrorTestBuilder.br)(), (0, _prosemirrorTestBuilder.code)("foo")), (0, _prosemirrorTestBuilder.p)())
158
- });
159
- return new Promise((ok)=>{
160
- setTimeout(()=>{
161
- allPositions(view.state.doc).forEach((pos)=>{
162
- const coords = view.coordsAtPos(pos);
163
- const found = view.posAtCoords({
164
- top: coords.top + 1,
165
- left: coords.left
166
- }).pos;
167
- expect(found).toBe(pos);
168
- setSel(view, pos);
169
- });
170
- ok(null);
171
- }, 20);
172
- });
173
- });
174
- it("doesn't return zero-height rectangles after leaves", async ()=>{
175
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
176
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)(img))
177
- });
178
- const coords = view.coordsAtPos(2, 1);
179
- expect(coords.bottom - coords.top).toBeGreaterThan(5);
180
- });
181
- it("produces horizontal rectangles for positions between blocks", async ()=>{
182
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
183
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("ha"), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.blockquote)((0, _prosemirrorTestBuilder.p)("ba")))
184
- });
185
- const a = view.coordsAtPos(0);
186
- expect(a.top).toBe(a.bottom);
187
- expect(a.top).toBe(view.dom.firstChild.getBoundingClientRect().top);
188
- expect(a.left).toBeLessThan(a.right);
189
- const b = view.coordsAtPos(4);
190
- expect(b.top).toBe(b.bottom);
191
- expect(b.top).toBeGreaterThan(a.top);
192
- expect(b.left).toBeLessThan(b.right);
193
- const c = view.coordsAtPos(5);
194
- expect(c.top).toBe(c.bottom);
195
- expect(c.top).toBeGreaterThan(b.top);
196
- const d = view.coordsAtPos(6);
197
- expect(d.top).toBe(d.bottom);
198
- expect(d.left).toBeLessThan(d.right);
199
- expect(d.top).toBeLessThan(view.dom.getBoundingClientRect().bottom);
200
- });
201
- it("produces sensible screen coordinates around line breaks", async ()=>{
202
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
203
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("one two three four five-six-seven-eight"))
204
- });
205
- function afterSpace(pos) {
206
- return pos > 0 && view.state.doc.textBetween(pos - 1, pos) == " ";
207
- }
208
- view.dom.style.width = "4em";
209
- let prevBefore;
210
- let prevAfter;
211
- allPositions(view.state.doc).forEach((pos)=>{
212
- const coords = view.coordsAtPos(pos, 1);
213
- if (prevAfter) // eslint-disable-next-line jest/no-conditional-expect
214
- expect(prevAfter.top < coords.top || prevAfter.top == coords.top && prevAfter.left < coords.left).toBeTruthy();
215
- prevAfter = coords;
216
- const found = view.posAtCoords({
217
- top: coords.top + 1,
218
- left: coords.left
219
- }).pos;
220
- expect(found).toBe(pos);
221
- const coordsBefore = view.coordsAtPos(pos, -1);
222
- if (prevBefore) // eslint-disable-next-line jest/no-conditional-expect
223
- expect(prevBefore.top < coordsBefore.top || prevBefore.top == coordsBefore.top && (prevBefore.left < coordsBefore.left || afterSpace(pos) && prevBefore.left == coordsBefore.left)).toBeTruthy();
224
- prevBefore = coordsBefore;
225
- });
226
- });
227
- it("can find coordinates on node boundaries", async ()=>{
228
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
229
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("one ", (0, _prosemirrorTestBuilder.em)("two"), " ", (0, _prosemirrorTestBuilder.em)((0, _prosemirrorTestBuilder.strong)("three"))))
230
- });
231
- let prev;
232
- allPositions(view.state.doc).forEach((pos)=>{
233
- const coords = view.coordsAtPos(pos, 1);
234
- if (prev) // eslint-disable-next-line jest/no-conditional-expect
235
- expect(prev.top < coords.top || Math.abs(prev.top - coords.top) < 4 && prev.left < coords.left).toBeTruthy();
236
- prev = coords;
237
- });
238
- });
239
- it("finds proper coordinates in RTL text", async ()=>{
240
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
241
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("مرآة نثرية"))
242
- });
243
- view.dom.style.direction = "rtl";
244
- let prev;
245
- allPositions(view.state.doc).forEach((pos)=>{
246
- const coords = view.coordsAtPos(pos, 1);
247
- if (prev) // eslint-disable-next-line jest/no-conditional-expect
248
- expect(prev.top < coords.top || Math.abs(prev.top - coords.top) < 4 && prev.left > coords.left).toBeTruthy();
249
- prev = coords;
250
- });
251
- });
252
- it("can go back and forth between screen coordsa and document positions", async ()=>{
253
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
254
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("one"), (0, _prosemirrorTestBuilder.blockquote)((0, _prosemirrorTestBuilder.p)("two"), (0, _prosemirrorTestBuilder.p)("three")))
255
- });
256
- [
257
- 1,
258
- 2,
259
- 4,
260
- 7,
261
- 14,
262
- 15
263
- ].forEach((pos)=>{
264
- const coords = view.coordsAtPos(pos);
265
- const found = view.posAtCoords({
266
- top: coords.top + 1,
267
- left: coords.left
268
- }).pos;
269
- expect(found).toBe(pos);
270
- });
271
- });
272
- it("returns correct screen coordinates for wrapped lines", async ()=>{
273
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({});
274
- const top = view.coordsAtPos(1);
275
- let pos = 1, end;
276
- for(let i = 0; i < 100; i++){
277
- view.dispatch(view.state.tr.insertText("a bc de fg h"));
278
- pos += 12;
279
- end = view.coordsAtPos(pos);
280
- if (end.bottom > top.bottom + 4) break;
281
- }
282
- expect(view.posAtCoords({
283
- left: end.left + 50,
284
- top: end.top + 5
285
- }).pos).toBe(pos);
286
- });
287
- it("makes arrow motion go through selectable inline nodes", async ()=>{
288
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
289
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("foo<a>", img, "bar"))
290
- });
291
- (0, _react.act)(()=>{
292
- view.dispatchEvent(event(RIGHT));
293
- });
294
- expect(view.state.selection.from).toBe(4);
295
- (0, _react.act)(()=>{
296
- view.dispatchEvent(event(RIGHT));
297
- });
298
- expect(view.state.selection.head).toBe(5);
299
- expect(view.state.selection.anchor).toBe(5);
300
- (0, _react.act)(()=>{
301
- view.dispatchEvent(event(LEFT));
302
- });
303
- expect(view.state.selection.from).toBe(4);
304
- (0, _react.act)(()=>{
305
- view.dispatchEvent(event(LEFT));
306
- });
307
- expect(view.state.selection.head).toBe(4);
308
- expect(view.state.selection.anchor).toBe(4);
309
- });
310
- it("makes arrow motion go through selectable block nodes", async ()=>{
311
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
312
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("hello<a>"), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.ul)((0, _prosemirrorTestBuilder.li)((0, _prosemirrorTestBuilder.p)("there"))))
313
- });
314
- (0, _react.act)(()=>{
315
- view.dispatchEvent(event(DOWN));
316
- });
317
- expect(view.state.selection.from).toBe(7);
318
- setSel(view, 11);
319
- (0, _react.act)(()=>{
320
- view.dispatchEvent(event(UP));
321
- });
322
- expect(view.state.selection.from).toBe(7);
323
- });
324
- it("supports arrow motion through adjacent blocks", async ()=>{
325
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
326
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.blockquote)((0, _prosemirrorTestBuilder.p)("hello<a>")), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.p)("there"))
327
- });
328
- (0, _react.act)(()=>{
329
- view.dispatchEvent(event(DOWN));
330
- });
331
- expect(view.state.selection.from).toBe(9);
332
- (0, _react.act)(()=>{
333
- view.dispatchEvent(event(DOWN));
334
- });
335
- expect(view.state.selection.from).toBe(10);
336
- setSel(view, 14);
337
- (0, _react.act)(()=>{
338
- view.dispatchEvent(event(UP));
339
- });
340
- expect(view.state.selection.from).toBe(10);
341
- (0, _react.act)(()=>{
342
- view.dispatchEvent(event(UP));
343
- });
344
- expect(view.state.selection.from).toBe(9);
345
- });
346
- it("support horizontal motion through blocks", async ()=>{
347
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
348
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("foo<a>"), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.p)("bar"))
349
- });
350
- (0, _react.act)(()=>{
351
- view.dispatchEvent(event(RIGHT));
352
- });
353
- expect(view.state.selection.from).toBe(5);
354
- (0, _react.act)(()=>{
355
- view.dispatchEvent(event(RIGHT));
356
- });
357
- expect(view.state.selection.from).toBe(6);
358
- (0, _react.act)(()=>{
359
- view.dispatchEvent(event(RIGHT));
360
- });
361
- expect(view.state.selection.head).toBe(8);
362
- (0, _react.act)(()=>{
363
- view.dispatchEvent(event(LEFT));
364
- });
365
- expect(view.state.selection.from).toBe(6);
366
- (0, _react.act)(()=>{
367
- view.dispatchEvent(event(LEFT));
368
- });
369
- expect(view.state.selection.from).toBe(5);
370
- (0, _react.act)(()=>{
371
- view.dispatchEvent(event(LEFT));
372
- });
373
- expect(view.state.selection.head).toBe(4);
374
- });
375
- it("allows moving directly from an inline node to a block node", async ()=>{
376
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
377
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("foo", img), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.p)(img, "bar"))
378
- });
379
- setSel(view, _prosemirrorState.NodeSelection.create(view.state.doc, 4));
380
- (0, _react.act)(()=>{
381
- view.dispatchEvent(event(DOWN));
382
- });
383
- expect(view.state.selection.from).toBe(6);
384
- setSel(view, _prosemirrorState.NodeSelection.create(view.state.doc, 8));
385
- (0, _react.act)(()=>{
386
- view.dispatchEvent(event(UP));
387
- });
388
- expect(view.state.selection.from).toBe(6);
389
- });
390
- it("updates the selection even if the DOM parameters look unchanged", async ()=>{
391
- const { view , rerender } = (0, _editorViewTestHelpersJs.tempEditor)({
392
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("foobar<a>"))
393
- });
394
- view.focus();
395
- const decos = _prosemirrorView.DecorationSet.create(view.state.doc, [
396
- _prosemirrorView.Decoration.inline(1, 4, {
397
- color: "green"
398
- })
399
- ]);
400
- rerender({
401
- decorations () {
402
- return decos;
403
- }
404
- });
405
- rerender({
406
- decorations: undefined
407
- });
408
- rerender({
409
- decorations () {
410
- return decos;
411
- }
412
- });
413
- const range = document.createRange();
414
- range.setEnd(document.getSelection().anchorNode, document.getSelection().anchorOffset);
415
- range.setStart(view.dom, 0);
416
- expect(range.toString()).toBe("foobar");
417
- });
418
- it("sets selection even if Selection.extend throws DOMException", async ()=>{
419
- const originalExtend = window.Selection.prototype.extend;
420
- window.Selection.prototype.extend = ()=>{
421
- // declare global: DOMException
422
- throw new DOMException("failed");
423
- };
424
- try {
425
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
426
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)("foo", img), (0, _prosemirrorTestBuilder.hr)(), (0, _prosemirrorTestBuilder.p)(img, "bar"))
427
- });
428
- setSel(view, _prosemirrorState.NodeSelection.create(view.state.doc, 4));
429
- (0, _react.act)(()=>{
430
- view.dispatchEvent(event(DOWN));
431
- });
432
- expect(view.state.selection.from).toBe(6);
433
- } finally{
434
- window.Selection.prototype.extend = originalExtend;
435
- }
436
- });
437
- it("doesn't put the cursor after BR hack nodes", async ()=>{
438
- const { view } = (0, _editorViewTestHelpersJs.tempEditor)({
439
- doc: (0, _prosemirrorTestBuilder.doc)((0, _prosemirrorTestBuilder.p)())
440
- });
441
- view.focus();
442
- expect(getSelection().focusOffset).toBe(0);
443
- });
444
- });
@@ -1,81 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-non-null-assertion */ "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _prosemirrorModel = require("prosemirror-model");
6
- const _prosemirrorState = require("prosemirror-state");
7
- const _reactKeysJs = require("../reactKeys.js");
8
- const schema = new _prosemirrorModel.Schema({
9
- nodes: {
10
- doc: {
11
- content: "block+"
12
- },
13
- paragraph: {
14
- group: "block",
15
- content: "inline*"
16
- },
17
- list: {
18
- group: "block",
19
- content: "list_item+"
20
- },
21
- list_item: {
22
- content: "inline*"
23
- },
24
- text: {
25
- group: "inline"
26
- }
27
- }
28
- });
29
- describe("reactNodeViewPlugin", ()=>{
30
- it("should create a unique key for each node", ()=>{
31
- const editorState = _prosemirrorState.EditorState.create({
32
- doc: schema.topNodeType.create(null, [
33
- schema.nodes.paragraph.create(),
34
- schema.nodes.paragraph.create(),
35
- schema.nodes.paragraph.create()
36
- ]),
37
- plugins: [
38
- (0, _reactKeysJs.reactKeys)()
39
- ]
40
- });
41
- const pluginState = _reactKeysJs.reactKeysPluginKey.getState(editorState);
42
- expect(pluginState.posToKey.size).toBe(3);
43
- });
44
- it("should maintain key stability when possible", ()=>{
45
- const initialEditorState = _prosemirrorState.EditorState.create({
46
- doc: schema.topNodeType.create(null, [
47
- schema.nodes.paragraph.create({}, schema.text("Hello")),
48
- schema.nodes.paragraph.create(),
49
- schema.nodes.paragraph.create()
50
- ]),
51
- plugins: [
52
- (0, _reactKeysJs.reactKeys)()
53
- ]
54
- });
55
- const initialPluginState = _reactKeysJs.reactKeysPluginKey.getState(initialEditorState);
56
- const nextEditorState = initialEditorState.apply(initialEditorState.tr.insertText(", world!", 6));
57
- const nextPluginState = _reactKeysJs.reactKeysPluginKey.getState(nextEditorState);
58
- expect(Array.from(initialPluginState.keyToPos.keys())).toEqual(Array.from(nextPluginState.keyToPos.keys()));
59
- });
60
- it("should create unique keys for new nodes", ()=>{
61
- const initialEditorState = _prosemirrorState.EditorState.create({
62
- doc: schema.topNodeType.create(null, [
63
- schema.nodes.paragraph.create(),
64
- schema.nodes.paragraph.create(),
65
- schema.nodes.paragraph.create()
66
- ]),
67
- plugins: [
68
- (0, _reactKeysJs.reactKeys)()
69
- ]
70
- });
71
- const initialPluginState = _reactKeysJs.reactKeysPluginKey.getState(initialEditorState);
72
- const nextEditorState = initialEditorState.apply(initialEditorState.tr.insert(0, schema.nodes.list.createAndFill()));
73
- const nextPluginState = _reactKeysJs.reactKeysPluginKey.getState(nextEditorState);
74
- // Adds new keys for new nodes
75
- expect(nextPluginState.keyToPos.size).toBe(5);
76
- // Maintains keys for previous nodes that are still there
77
- Array.from(initialPluginState.keyToPos.keys()).forEach((key)=>{
78
- expect(Array.from(nextPluginState.keyToPos.keys())).toContain(key);
79
- });
80
- });
81
- });