@dxos/react-ui-editor 0.7.4 → 0.7.5-main.9cb18ac
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/dist/lib/browser/index.mjs +10 -2
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +71 -59
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +10 -2
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/extensions/modes.d.ts +5 -2
- package/dist/types/src/extensions/modes.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +2 -2
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/package.json +25 -25
- package/src/components/Toolbar/Toolbar.tsx +1 -1
- package/src/extensions/modes.ts +6 -2
- package/src/index.ts +2 -2
package/dist/lib/node/index.cjs
CHANGED
@@ -29,7 +29,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
29
29
|
var node_exports = {};
|
30
30
|
__export(node_exports, {
|
31
31
|
Cursor: () => Cursor,
|
32
|
+
EditorInputMode: () => EditorInputMode,
|
32
33
|
EditorInputModes: () => EditorInputModes,
|
34
|
+
EditorState: () => import_state.EditorState,
|
35
|
+
EditorView: () => import_view.EditorView,
|
36
|
+
EditorViewMode: () => EditorViewMode,
|
33
37
|
EditorViewModes: () => EditorViewModes,
|
34
38
|
Inline: () => Inline,
|
35
39
|
InputModeExtensions: () => InputModeExtensions,
|
@@ -135,6 +139,7 @@ __export(node_exports, {
|
|
135
139
|
wrapWithCatch: () => wrapWithCatch
|
136
140
|
});
|
137
141
|
module.exports = __toCommonJS(node_exports);
|
142
|
+
var import_state = require("@codemirror/state");
|
138
143
|
var import_view = require("@codemirror/view");
|
139
144
|
var import_highlight = require("@lezer/highlight");
|
140
145
|
var import_text = require("@dxos/protocols/proto/dxos/echo/model/text");
|
@@ -144,10 +149,10 @@ var import_react2 = __toESM(require("react"));
|
|
144
149
|
var import_react_dropzone = require("react-dropzone");
|
145
150
|
var import_react_ui = require("@dxos/react-ui");
|
146
151
|
var import_react_ui_theme = require("@dxos/react-ui-theme");
|
147
|
-
var
|
152
|
+
var import_state2 = require("@codemirror/state");
|
148
153
|
var import_view2 = require("@codemirror/view");
|
149
154
|
var import_util = require("@dxos/util");
|
150
|
-
var
|
155
|
+
var import_state3 = require("@codemirror/state");
|
151
156
|
var import_log = require("@dxos/log");
|
152
157
|
var import_react3 = __toESM(require("react"));
|
153
158
|
var import_client = require("react-dom/client");
|
@@ -156,16 +161,16 @@ var import_react_ui_theme2 = require("@dxos/react-ui-theme");
|
|
156
161
|
var import_autocomplete = require("@codemirror/autocomplete");
|
157
162
|
var import_lang_markdown = require("@codemirror/lang-markdown");
|
158
163
|
var import_view3 = require("@codemirror/view");
|
159
|
-
var
|
164
|
+
var import_state4 = require("@codemirror/state");
|
160
165
|
var import_view4 = require("@codemirror/view");
|
161
166
|
var import_automerge = require("@dxos/automerge/automerge");
|
162
167
|
var import_log2 = require("@dxos/log");
|
163
168
|
var import_echo = require("@dxos/react-client/echo");
|
164
|
-
var
|
169
|
+
var import_state5 = require("@codemirror/state");
|
165
170
|
var import_automerge2 = require("@dxos/automerge/automerge");
|
166
171
|
var import_automerge3 = require("@dxos/automerge/automerge");
|
167
|
-
var import_state5 = require("@codemirror/state");
|
168
172
|
var import_state6 = require("@codemirror/state");
|
173
|
+
var import_state7 = require("@codemirror/state");
|
169
174
|
var import_view5 = require("@codemirror/view");
|
170
175
|
var import_async = require("@dxos/async");
|
171
176
|
var import_context = require("@dxos/context");
|
@@ -177,31 +182,31 @@ var import_view6 = require("@codemirror/view");
|
|
177
182
|
var import_lodash = __toESM(require("lodash.defaultsdeep"));
|
178
183
|
var import_invariant2 = require("@dxos/invariant");
|
179
184
|
var import_view7 = require("@codemirror/view");
|
180
|
-
var import_state7 = require("@codemirror/state");
|
181
|
-
var import_view8 = require("@codemirror/view");
|
182
185
|
var import_state8 = require("@codemirror/state");
|
186
|
+
var import_view8 = require("@codemirror/view");
|
187
|
+
var import_state9 = require("@codemirror/state");
|
183
188
|
var import_view9 = require("@codemirror/view");
|
184
189
|
var import_commands = require("@codemirror/commands");
|
185
|
-
var
|
190
|
+
var import_state10 = require("@codemirror/state");
|
186
191
|
var import_view10 = require("@codemirror/view");
|
187
192
|
var import_lodash2 = __toESM(require("lodash.sortby"));
|
188
193
|
var import_react4 = require("react");
|
189
194
|
var import_async3 = require("@dxos/async");
|
190
195
|
var import_log4 = require("@dxos/log");
|
191
196
|
var import_util2 = require("@dxos/util");
|
192
|
-
var
|
197
|
+
var import_state11 = require("@codemirror/state");
|
193
198
|
var import_view11 = require("@codemirror/view");
|
194
199
|
var import_async4 = require("@dxos/async");
|
195
200
|
var import_invariant3 = require("@dxos/invariant");
|
196
201
|
var import_util3 = require("@dxos/util");
|
197
202
|
var import_language = require("@codemirror/language");
|
198
|
-
var
|
203
|
+
var import_state12 = require("@codemirror/state");
|
199
204
|
var import_view12 = require("@codemirror/view");
|
200
205
|
var import_autocomplete2 = require("@codemirror/autocomplete");
|
201
206
|
var import_commands2 = require("@codemirror/commands");
|
202
207
|
var import_language2 = require("@codemirror/language");
|
203
208
|
var import_search = require("@codemirror/search");
|
204
|
-
var
|
209
|
+
var import_state13 = require("@codemirror/state");
|
205
210
|
var import_theme_one_dark = require("@codemirror/theme-one-dark");
|
206
211
|
var import_view13 = require("@codemirror/view");
|
207
212
|
var import_lodash3 = __toESM(require("lodash.defaultsdeep"));
|
@@ -210,7 +215,7 @@ var import_display_name = require("@dxos/display-name");
|
|
210
215
|
var import_log5 = require("@dxos/log");
|
211
216
|
var import_react_ui_theme3 = require("@dxos/react-ui-theme");
|
212
217
|
var import_util4 = require("@dxos/util");
|
213
|
-
var
|
218
|
+
var import_state14 = require("@codemirror/state");
|
214
219
|
var import_view14 = require("@codemirror/view");
|
215
220
|
var import_react_ui_theme4 = require("@dxos/react-ui-theme");
|
216
221
|
var import_lodash5 = __toESM(require("lodash.get"));
|
@@ -222,7 +227,7 @@ var import_react_ui3 = require("@dxos/react-ui");
|
|
222
227
|
var import_view16 = require("@codemirror/view");
|
223
228
|
var import_autocomplete3 = require("@codemirror/autocomplete");
|
224
229
|
var import_language4 = require("@codemirror/language");
|
225
|
-
var
|
230
|
+
var import_state15 = require("@codemirror/state");
|
226
231
|
var import_view17 = require("@codemirror/view");
|
227
232
|
var import_react6 = require("react");
|
228
233
|
var import_autocomplete4 = require("@codemirror/autocomplete");
|
@@ -237,21 +242,21 @@ var import_language6 = require("@codemirror/language");
|
|
237
242
|
var import_highlight2 = require("@lezer/highlight");
|
238
243
|
var import_markdown = require("@lezer/markdown");
|
239
244
|
var import_language7 = require("@codemirror/language");
|
240
|
-
var import_state15 = require("@codemirror/state");
|
241
|
-
var import_language8 = require("@codemirror/language");
|
242
245
|
var import_state16 = require("@codemirror/state");
|
246
|
+
var import_language8 = require("@codemirror/language");
|
247
|
+
var import_state17 = require("@codemirror/state");
|
243
248
|
var import_view19 = require("@codemirror/view");
|
244
249
|
var import_invariant4 = require("@dxos/invariant");
|
245
250
|
var import_react_ui_theme6 = require("@dxos/react-ui-theme");
|
246
251
|
var import_language9 = require("@codemirror/language");
|
247
|
-
var
|
252
|
+
var import_state18 = require("@codemirror/state");
|
248
253
|
var import_view20 = require("@codemirror/view");
|
249
254
|
var import_language10 = require("@codemirror/language");
|
250
|
-
var
|
255
|
+
var import_state19 = require("@codemirror/state");
|
251
256
|
var import_view21 = require("@codemirror/view");
|
252
257
|
var import_view22 = require("@codemirror/view");
|
253
258
|
var import_language11 = require("@codemirror/language");
|
254
|
-
var
|
259
|
+
var import_state20 = require("@codemirror/state");
|
255
260
|
var import_view23 = require("@codemirror/view");
|
256
261
|
var import_language12 = require("@codemirror/language");
|
257
262
|
var import_view24 = require("@codemirror/view");
|
@@ -261,10 +266,11 @@ var import_log6 = require("@dxos/log");
|
|
261
266
|
var import_view25 = require("@codemirror/view");
|
262
267
|
var import_codemirror_vim = require("@replit/codemirror-vim");
|
263
268
|
var import_codemirror_vscode_keymap = require("@replit/codemirror-vscode-keymap");
|
269
|
+
var import_echo_schema = require("@dxos/echo-schema");
|
264
270
|
var import_view26 = require("@codemirror/view");
|
265
271
|
var import_view27 = require("@codemirror/view");
|
266
272
|
var import_react_ui_theme8 = require("@dxos/react-ui-theme");
|
267
|
-
var
|
273
|
+
var import_state21 = require("@codemirror/state");
|
268
274
|
var import_view28 = require("@codemirror/view");
|
269
275
|
var import_react_tabster = require("@fluentui/react-tabster");
|
270
276
|
var import_react7 = require("react");
|
@@ -303,7 +309,7 @@ var translations_default = [
|
|
303
309
|
}
|
304
310
|
}
|
305
311
|
];
|
306
|
-
var singleValueFacet = (defaultValue) =>
|
312
|
+
var singleValueFacet = (defaultValue) => import_state3.Facet.define({
|
307
313
|
// Called immediately.
|
308
314
|
combine: (providers) => {
|
309
315
|
return providers[0] ?? defaultValue;
|
@@ -465,7 +471,7 @@ var annotations = (options = {}) => {
|
|
465
471
|
}
|
466
472
|
return annotations2;
|
467
473
|
};
|
468
|
-
const annotationsState =
|
474
|
+
const annotationsState = import_state2.StateField.define({
|
469
475
|
create: (state) => {
|
470
476
|
return match(state);
|
471
477
|
},
|
@@ -563,11 +569,11 @@ var cursorConverter = (accessor) => ({
|
|
563
569
|
});
|
564
570
|
var getPath = (state, field) => state.field(field).path;
|
565
571
|
var getLastHeads = (state, field) => state.field(field).lastHeads;
|
566
|
-
var updateHeadsEffect =
|
572
|
+
var updateHeadsEffect = import_state5.StateEffect.define({});
|
567
573
|
var updateHeads = (newHeads) => updateHeadsEffect.of({
|
568
574
|
newHeads
|
569
575
|
});
|
570
|
-
var reconcileAnnotation =
|
576
|
+
var reconcileAnnotation = import_state5.Annotation.define();
|
571
577
|
var isReconcile = (tr) => {
|
572
578
|
return !!tr.annotation(reconcileAnnotation);
|
573
579
|
};
|
@@ -603,7 +609,7 @@ var updateCodeMirror = (view, selection, target, patches) => {
|
|
603
609
|
for (const patch of patches) {
|
604
610
|
const changeSpec = handlePatch(patch, target, view.state);
|
605
611
|
if (changeSpec != null) {
|
606
|
-
const changeSet =
|
612
|
+
const changeSet = import_state6.ChangeSet.of(changeSpec, view.state.doc.length, "\n");
|
607
613
|
selection = selection.map(changeSet, 1);
|
608
614
|
view.dispatch({
|
609
615
|
changes: changeSet,
|
@@ -746,7 +752,7 @@ var Syncer = class {
|
|
746
752
|
}
|
747
753
|
};
|
748
754
|
var automerge = (accessor) => {
|
749
|
-
const syncState =
|
755
|
+
const syncState = import_state4.StateField.define({
|
750
756
|
create: () => ({
|
751
757
|
path: accessor.path.slice(),
|
752
758
|
lastHeads: import_automerge.next.getHeads(accessor.handle.docSync()),
|
@@ -813,7 +819,7 @@ var dummyProvider = {
|
|
813
819
|
}
|
814
820
|
};
|
815
821
|
var awarenessProvider = singleValueFacet(dummyProvider);
|
816
|
-
var RemoteSelectionChangedAnnotation =
|
822
|
+
var RemoteSelectionChangedAnnotation = import_state7.Annotation.define();
|
817
823
|
var awareness = (provider = dummyProvider) => {
|
818
824
|
return [
|
819
825
|
awarenessProvider.of(provider),
|
@@ -829,7 +835,7 @@ var RemoteSelectionsDecorator = class {
|
|
829
835
|
F: __dxlog_file3,
|
830
836
|
L: 80
|
831
837
|
});
|
832
|
-
this.decorations =
|
838
|
+
this.decorations = import_state7.RangeSet.of([]);
|
833
839
|
this._cursorConverter = view.state.facet(Cursor.converter);
|
834
840
|
this._provider = view.state.facet(awarenessProvider);
|
835
841
|
this._provider.open();
|
@@ -1436,7 +1442,7 @@ var random = (min, max) => {
|
|
1436
1442
|
return min + ~~(Math.random() * (max - min + 1));
|
1437
1443
|
};
|
1438
1444
|
var commandConfig = singleValueFacet();
|
1439
|
-
var commandState =
|
1445
|
+
var commandState = import_state9.StateField.define({
|
1440
1446
|
create: () => ({}),
|
1441
1447
|
update: (state, tr) => {
|
1442
1448
|
for (const effect of tr.effects) {
|
@@ -1495,8 +1501,8 @@ var commandState = import_state8.StateField.define({
|
|
1495
1501
|
import_view9.showTooltip.from(field, (value) => value.tooltip ?? null)
|
1496
1502
|
]
|
1497
1503
|
});
|
1498
|
-
var openEffect =
|
1499
|
-
var closeEffect =
|
1504
|
+
var openEffect = import_state9.StateEffect.define();
|
1505
|
+
var closeEffect = import_state9.StateEffect.define();
|
1500
1506
|
var openCommand = (view) => {
|
1501
1507
|
if (view.state.field(commandState, false)) {
|
1502
1508
|
const selection = view.state.selection.main;
|
@@ -1576,7 +1582,7 @@ var hintViewPlugin = ({ onHint }) => import_view8.ViewPlugin.fromClass(class {
|
|
1576
1582
|
this.deco = import_view8.Decoration.none;
|
1577
1583
|
}
|
1578
1584
|
update(update2) {
|
1579
|
-
const builder = new
|
1585
|
+
const builder = new import_state8.RangeSetBuilder();
|
1580
1586
|
const cState = update2.view.state.field(commandState, false);
|
1581
1587
|
if (!cState?.tooltip) {
|
1582
1588
|
const selection = update2.view.state.selection.main;
|
@@ -1618,7 +1624,7 @@ var createEditorStateTransaction = ({ scrollTo, selection }) => {
|
|
1618
1624
|
effects: scrollTo ? import_view11.EditorView.scrollIntoView(scrollTo, {
|
1619
1625
|
yMargin: 96
|
1620
1626
|
}) : void 0,
|
1621
|
-
annotations:
|
1627
|
+
annotations: import_state11.Transaction.userEvent.of(stateRestoreAnnotation)
|
1622
1628
|
};
|
1623
1629
|
};
|
1624
1630
|
var createEditorStateStore = (keyPrefix) => ({
|
@@ -1695,10 +1701,10 @@ var selectionState = ({ getState, setState } = {}) => {
|
|
1695
1701
|
].filter(import_util3.isNotFalsy);
|
1696
1702
|
};
|
1697
1703
|
var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/extensions/comments.ts";
|
1698
|
-
var setComments =
|
1699
|
-
var setSelection =
|
1700
|
-
var setCommentState =
|
1701
|
-
var commentsState =
|
1704
|
+
var setComments = import_state10.StateEffect.define();
|
1705
|
+
var setSelection = import_state10.StateEffect.define();
|
1706
|
+
var setCommentState = import_state10.StateEffect.define();
|
1707
|
+
var commentsState = import_state10.StateField.define({
|
1702
1708
|
create: (state) => ({
|
1703
1709
|
id: state.facet(documentId),
|
1704
1710
|
comments: [],
|
@@ -1778,7 +1784,7 @@ var commentsDecorations = import_view10.EditorView.decorations.compute([
|
|
1778
1784
|
}).filter(import_util2.nonNullable);
|
1779
1785
|
return import_view10.Decoration.set(decorations);
|
1780
1786
|
});
|
1781
|
-
var commentClickedEffect =
|
1787
|
+
var commentClickedEffect = import_state10.StateEffect.define();
|
1782
1788
|
var handleCommentClick = import_view10.EditorView.domEventHandlers({
|
1783
1789
|
click: (event, view) => {
|
1784
1790
|
let target = event.target;
|
@@ -1896,7 +1902,7 @@ var mapTrackedComment = (comment, changes) => ({
|
|
1896
1902
|
from: changes.mapPos(comment.from, 1),
|
1897
1903
|
to: changes.mapPos(comment.to, 1)
|
1898
1904
|
});
|
1899
|
-
var restoreCommentEffect =
|
1905
|
+
var restoreCommentEffect = import_state10.StateEffect.define({
|
1900
1906
|
map: mapTrackedComment
|
1901
1907
|
});
|
1902
1908
|
var createComment = (view) => {
|
@@ -2166,7 +2172,7 @@ var debugNodeLogger = (log8 = console.log) => {
|
|
2166
2172
|
const logTokens = (state) => (0, import_language.syntaxTree)(state).iterate({
|
2167
2173
|
enter: (node) => log8(node.type)
|
2168
2174
|
});
|
2169
|
-
return
|
2175
|
+
return import_state12.StateField.define({
|
2170
2176
|
create: (state) => logTokens(state),
|
2171
2177
|
update: (_, tr) => logTokens(tr.state)
|
2172
2178
|
});
|
@@ -2204,8 +2210,8 @@ var dropFile = (options = {}) => {
|
|
2204
2210
|
})
|
2205
2211
|
];
|
2206
2212
|
};
|
2207
|
-
var focusEffect =
|
2208
|
-
var focusField =
|
2213
|
+
var focusEffect = import_state14.StateEffect.define();
|
2214
|
+
var focusField = import_state14.StateField.define({
|
2209
2215
|
create: () => false,
|
2210
2216
|
update: (value, tr) => {
|
2211
2217
|
for (const effect of tr.effects) {
|
@@ -2451,7 +2457,7 @@ var defaultTheme = {
|
|
2451
2457
|
}
|
2452
2458
|
};
|
2453
2459
|
var __dxlog_file8 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/extensions/factories.ts";
|
2454
|
-
var preventNewline =
|
2460
|
+
var preventNewline = import_state13.EditorState.transactionFilter.of((tr) => tr.newDoc.lines > 1 ? [] : tr);
|
2455
2461
|
var defaultBasicOptions = {
|
2456
2462
|
allowMultipleSelections: true,
|
2457
2463
|
bracketMatching: true,
|
@@ -2482,7 +2488,7 @@ var createBasicExtensions = (_props) => {
|
|
2482
2488
|
C: (f, a) => f(...a)
|
2483
2489
|
});
|
2484
2490
|
}),
|
2485
|
-
props.allowMultipleSelections &&
|
2491
|
+
props.allowMultipleSelections && import_state13.EditorState.allowMultipleSelections.of(true),
|
2486
2492
|
props.bracketMatching && (0, import_language2.bracketMatching)(),
|
2487
2493
|
props.closeBrackets && (0, import_autocomplete2.closeBrackets)(),
|
2488
2494
|
props.dropCursor && (0, import_view13.dropCursor)(),
|
@@ -2496,11 +2502,11 @@ var createBasicExtensions = (_props) => {
|
|
2496
2502
|
props.lineWrapping && import_view13.EditorView.lineWrapping,
|
2497
2503
|
props.placeholder && (0, import_view13.placeholder)(props.placeholder),
|
2498
2504
|
props.readonly && [
|
2499
|
-
|
2505
|
+
import_state13.EditorState.readOnly.of(true),
|
2500
2506
|
import_view13.EditorView.editable.of(false)
|
2501
2507
|
],
|
2502
2508
|
props.scrollPastEnd && (0, import_view13.scrollPastEnd)(),
|
2503
|
-
props.tabSize &&
|
2509
|
+
props.tabSize && import_state13.EditorState.tabSize.of(props.tabSize),
|
2504
2510
|
// https://codemirror.net/docs/ref/#view.KeyBinding
|
2505
2511
|
import_view13.keymap.of([
|
2506
2512
|
...(props.keymap && keymaps[props.keymap]) ?? [],
|
@@ -2720,7 +2726,7 @@ var setStyle = (type, enable) => {
|
|
2720
2726
|
to: range.head + found + marker.length
|
2721
2727
|
}
|
2722
2728
|
],
|
2723
|
-
range:
|
2729
|
+
range: import_state15.EditorSelection.cursor(range.from - marker.length)
|
2724
2730
|
};
|
2725
2731
|
}
|
2726
2732
|
}
|
@@ -2848,13 +2854,13 @@ var setStyle = (type, enable) => {
|
|
2848
2854
|
from: range.head,
|
2849
2855
|
insert: marker + marker
|
2850
2856
|
},
|
2851
|
-
range:
|
2857
|
+
range: import_state15.EditorSelection.cursor(range.head + marker.length)
|
2852
2858
|
};
|
2853
2859
|
}
|
2854
2860
|
const changeSet = state.changes(changes2.concat(changesAtEnd));
|
2855
2861
|
return {
|
2856
2862
|
changes: changeSet,
|
2857
|
-
range: range.empty && !changeSet.empty ?
|
2863
|
+
range: range.empty && !changeSet.empty ? import_state15.EditorSelection.cursor(range.head + marker.length) : import_state15.EditorSelection.range(changeSet.mapPos(range.from, 1), changeSet.mapPos(range.to, -1))
|
2858
2864
|
};
|
2859
2865
|
});
|
2860
2866
|
dispatch(state.update(changes, {
|
@@ -3054,7 +3060,7 @@ var addLink = ({ url, image: image2 } = {}) => {
|
|
3054
3060
|
const changeSet = state.changes(changes2.concat(changesAfter));
|
3055
3061
|
return {
|
3056
3062
|
changes: changeSet,
|
3057
|
-
range:
|
3063
|
+
range: import_state15.EditorSelection.cursor(changeSet.mapPos(to, 1) - cursorOffset - (url ? url.length + 2 : 0))
|
3058
3064
|
};
|
3059
3065
|
});
|
3060
3066
|
if (changes.changes.empty) {
|
@@ -3960,7 +3966,7 @@ var createMarkdownExtensions = ({ themeMode } = {}) => {
|
|
3960
3966
|
])
|
3961
3967
|
];
|
3962
3968
|
};
|
3963
|
-
var debugTree = (cb) =>
|
3969
|
+
var debugTree = (cb) => import_state16.StateField.define({
|
3964
3970
|
create: (state) => cb(convertTreeToJson(state)),
|
3965
3971
|
update: (value, tr) => cb(convertTreeToJson(tr.state))
|
3966
3972
|
});
|
@@ -3989,7 +3995,7 @@ var adjustChanges = () => {
|
|
3989
3995
|
const tree = (0, import_language9.syntaxTree)(update2.state);
|
3990
3996
|
const adjustments = [];
|
3991
3997
|
for (const tr of update2.transactions) {
|
3992
|
-
const event = tr.annotation(
|
3998
|
+
const event = tr.annotation(import_state18.Transaction.userEvent);
|
3993
3999
|
switch (event) {
|
3994
4000
|
//
|
3995
4001
|
// Enter
|
@@ -4124,7 +4130,7 @@ var getValidUrl = (str) => {
|
|
4124
4130
|
};
|
4125
4131
|
var image = (_options = {}) => {
|
4126
4132
|
return [
|
4127
|
-
|
4133
|
+
import_state19.StateField.define({
|
4128
4134
|
create: (state) => {
|
4129
4135
|
return import_view21.Decoration.set(buildDecorations(0, state.doc.length, state));
|
4130
4136
|
},
|
@@ -4306,14 +4312,14 @@ var formattingStyles = import_view22.EditorView.theme({
|
|
4306
4312
|
}
|
4307
4313
|
});
|
4308
4314
|
var table = (options = {}) => {
|
4309
|
-
return
|
4315
|
+
return import_state20.StateField.define({
|
4310
4316
|
create: (state) => update(state, options),
|
4311
4317
|
update: (_, tr) => update(tr.state, options),
|
4312
4318
|
provide: (field) => import_view23.EditorView.decorations.from(field)
|
4313
4319
|
});
|
4314
4320
|
};
|
4315
4321
|
var update = (state, _options) => {
|
4316
|
-
const builder = new
|
4322
|
+
const builder = new import_state20.RangeSetBuilder();
|
4317
4323
|
const cursor = state.selection.main.head;
|
4318
4324
|
const tables = [];
|
4319
4325
|
const getTable = () => tables[tables.length - 1];
|
@@ -4527,8 +4533,8 @@ var autoHideTags = /* @__PURE__ */ new Set([
|
|
4527
4533
|
"SuperscriptMark"
|
4528
4534
|
]);
|
4529
4535
|
var buildDecorations2 = (view, options, focus2) => {
|
4530
|
-
const deco = new
|
4531
|
-
const atomicDeco = new
|
4536
|
+
const deco = new import_state17.RangeSetBuilder();
|
4537
|
+
const atomicDeco = new import_state17.RangeSetBuilder();
|
4532
4538
|
const { state } = view;
|
4533
4539
|
const headerLevels = [];
|
4534
4540
|
const getHeaderLevels = (node, level) => {
|
@@ -4806,7 +4812,7 @@ var buildDecorations2 = (view, options, focus2) => {
|
|
4806
4812
|
atomicDeco: atomicDeco.finish()
|
4807
4813
|
};
|
4808
4814
|
};
|
4809
|
-
var forceUpdate =
|
4815
|
+
var forceUpdate = import_state17.StateEffect.define();
|
4810
4816
|
var decorateMarkdown = (options = {}) => {
|
4811
4817
|
return [
|
4812
4818
|
import_view19.ViewPlugin.fromClass(class {
|
@@ -4922,11 +4928,13 @@ var EditorViewModes = [
|
|
4922
4928
|
"readonly",
|
4923
4929
|
"source"
|
4924
4930
|
];
|
4931
|
+
var EditorViewMode = import_echo_schema.S.Union(...EditorViewModes.map((mode) => import_echo_schema.S.Literal(mode)));
|
4925
4932
|
var EditorInputModes = [
|
4926
4933
|
"default",
|
4927
4934
|
"vim",
|
4928
4935
|
"vscode"
|
4929
4936
|
];
|
4937
|
+
var EditorInputMode = import_echo_schema.S.Union(...EditorInputModes.map((mode) => import_echo_schema.S.Literal(mode)));
|
4930
4938
|
var editorInputMode = singleValueFacet({});
|
4931
4939
|
var InputModeExtensions = {
|
4932
4940
|
default: [],
|
@@ -5025,7 +5033,7 @@ var ToolbarRoot = ({ children, onAction, classNames, state }) => {
|
|
5025
5033
|
onAction,
|
5026
5034
|
state
|
5027
5035
|
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.ElevationProvider, {
|
5028
|
-
elevation: "
|
5036
|
+
elevation: "positioned"
|
5029
5037
|
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toolbar.Root, {
|
5030
5038
|
classNames: [
|
5031
5039
|
"p-1 is-full shrink-0 overflow-x-auto overflow-y-hidden",
|
@@ -5440,7 +5448,7 @@ var useTextEditor = (props = {}, deps = []) => {
|
|
5440
5448
|
anchor
|
5441
5449
|
};
|
5442
5450
|
}
|
5443
|
-
const state =
|
5451
|
+
const state = import_state21.EditorState.create({
|
5444
5452
|
doc: initialValue,
|
5445
5453
|
// selection: initialSelection,
|
5446
5454
|
extensions: [
|
@@ -5557,7 +5565,11 @@ var useTextEditor = (props = {}, deps = []) => {
|
|
5557
5565
|
// Annotate the CommonJS export names for ESM import in node:
|
5558
5566
|
0 && (module.exports = {
|
5559
5567
|
Cursor,
|
5568
|
+
EditorInputMode,
|
5560
5569
|
EditorInputModes,
|
5570
|
+
EditorState,
|
5571
|
+
EditorView,
|
5572
|
+
EditorViewMode,
|
5561
5573
|
EditorViewModes,
|
5562
5574
|
Inline,
|
5563
5575
|
InputModeExtensions,
|