@dxos/react-ui-editor 0.3.11-main.cb8120f → 0.3.11-main.ccc0ca3

package/dist/lib/browser/index.mjs

@@ -8,14 +8,13 @@ import { tags as tags2 } from "@lezer/highlight";
 // packages/ui/react-ui-editor/src/components/TextEditor/TextEditor.tsx
 import { EditorState as EditorState2 } from "@codemirror/state";
 import { EditorView as EditorView13 } from "@codemirror/view";
-import { useFocusableGroup } from "@fluentui/react-tabster";
 import { vim } from "@replit/codemirror-vim";
 import defaultsDeep2 from "lodash.defaultsdeep";
 import React, { forwardRef, useCallback, useEffect as useEffect2, useImperativeHandle, useRef, useState } from "react";
 import { log as log2 } from "@dxos/log";
 import { useThemeContext } from "@dxos/react-ui";
 import { attentionSurface, mx as mx3 } from "@dxos/react-ui-theme";
-import { nonNullable as nonNullable2 } from "@dxos/util";
+import { isNotFalsy as isNotFalsy3 } from "@dxos/util";
 
 // packages/ui/react-ui-editor/src/extensions/autocomplete.ts
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
@@ -125,18 +124,18 @@ var updateAutomerge = (field, handle, transactions, state) => {
     return void 0;
   }
   const newHeads = handle.changeAt(lastHeads, (doc) => {
-    const t = [];
+    const invertedTransactions = [];
     for (const tr of transactions) {
       tr.changes.iterChanges((fromA, toA, _fromB, _toB, insert) => {
-        t.push({
-          fromA,
-          toA,
+        invertedTransactions.push({
+          from: fromA,
+          del: toA - fromA,
           insert
         });
       });
     }
-    t.reverse().forEach(({ fromA, toA, insert }) => {
-      A2.splice(doc, path.slice(), fromA, toA - fromA, insert.toString());
+    invertedTransactions.reverse().forEach(({ from, del, insert }) => {
+      A2.splice(doc, path.slice(), from, del, insert.toString());
     });
   });
   return newHeads ?? void 0;
@@ -637,18 +636,19 @@ import { history } from "@codemirror/commands";
 import { bracketMatching, defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
 import { oneDarkHighlightStyle } from "@codemirror/theme-one-dark";
 import { drawSelection, EditorView as EditorView3, highlightActiveLine, placeholder } from "@codemirror/view";
-var basicBundle = ({ themeMode, placeholder: _placeholder, lineWrapping = true }) => [
-  lineWrapping ? EditorView3.lineWrapping : [],
+import { isNotFalsy } from "@dxos/util";
+var createBasicBundle = ({ themeMode, placeholder: _placeholder, lineWrapping = true } = {}) => [
+  lineWrapping && EditorView3.lineWrapping,
   // https://codemirror.net/docs/ref/#codemirror.minimalSetup
   bracketMatching(),
   closeBrackets(),
   drawSelection(),
   highlightActiveLine(),
   history(),
-  _placeholder ? placeholder(_placeholder) : [],
+  _placeholder && placeholder(_placeholder),
   // https://github.com/codemirror/theme-one-dark
   themeMode === "dark" ? syntaxHighlighting(oneDarkHighlightStyle) : syntaxHighlighting(defaultHighlightStyle)
-];
+].filter(isNotFalsy);
 
 // packages/ui/react-ui-editor/src/extensions/blast.ts
 import { EditorView as EditorView4, keymap as keymap2 } from "@codemirror/view";
@@ -1086,7 +1086,7 @@ var commentMark = Decoration2.mark({
 var commentCurrentMark = Decoration2.mark({
   class: "cm-comment-current"
 });
-var setFocus = (view, id, center = true) => {
+var focusComment = (view, id, center = true) => {
   const comment = view.state.field(commentsState).comments.find((range2) => range2.comment.id === id);
   if (!comment?.comment.cursor) {
     return;
@@ -1293,7 +1293,7 @@ var createComment = (view) => {
           current: id
         }),
         selection: {
-          anchor: from
+          anchor: to
         }
       });
       return true;
@@ -1453,6 +1453,7 @@ import { searchKeymap } from "@codemirror/search";
 import { EditorState } from "@codemirror/state";
 import { oneDarkHighlightStyle as oneDarkHighlightStyle2 } from "@codemirror/theme-one-dark";
 import { crosshairCursor, drawSelection as drawSelection2, dropCursor, EditorView as EditorView7, highlightActiveLine as highlightActiveLine2, keymap as keymap4, placeholder as placeholder2 } from "@codemirror/view";
+import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
 
 // packages/ui/react-ui-editor/src/extensions/markdown/highlight.ts
 import { markdownLanguage as markdownLanguage2 } from "@codemirror/lang-markdown";
@@ -1643,11 +1644,11 @@ var markdownHighlightStyle = (readonly) => {
 };
 
 // packages/ui/react-ui-editor/src/extensions/markdown/bundle.ts
-var markdownBundle = ({ themeMode, placeholder: _placeholder }) => {
+var createMarkdownExtensions = ({ themeMode, placeholder: _placeholder, lineWrapping = true } = {}) => {
   return [
+    lineWrapping && EditorView7.lineWrapping,
     EditorState.allowMultipleSelections.of(true),
     EditorState.tabSize.of(2),
-    EditorView7.lineWrapping,
     // https://github.com/codemirror/basic-setup
     bracketMatching2(),
     closeBrackets2(),
@@ -1657,7 +1658,7 @@ var markdownBundle = ({ themeMode, placeholder: _placeholder }) => {
     highlightActiveLine2(),
     history2(),
     indentOnInput(),
-    _placeholder ? placeholder2(_placeholder) : [],
+    _placeholder && placeholder2(_placeholder),
     // Main extension.
     // https://github.com/codemirror/lang-markdown
     // https://codemirror.net/5/mode/markdown/index.html (demo).
@@ -1692,7 +1693,7 @@ var markdownBundle = ({ themeMode, placeholder: _placeholder }) => {
       // https://codemirror.net/docs/ref/#commands.standardKeymap
       ...standardKeymap
     ])
-  ];
+  ].filter(isNotFalsy2);
 };
 
 // packages/ui/react-ui-editor/src/extensions/markdown/code.ts
@@ -1810,6 +1811,7 @@ var code2 = () => {
 };
 
 // packages/ui/react-ui-editor/src/extensions/markdown/formatting.ts
+import { snippet } from "@codemirror/autocomplete";
 import { syntaxTree as syntaxTree2 } from "@codemirror/language";
 import { RangeSetBuilder as RangeSetBuilder2 } from "@codemirror/state";
 import { Decoration as Decoration4, keymap as keymap5, ViewPlugin as ViewPlugin4 } from "@codemirror/view";
@@ -1818,8 +1820,8 @@ var setHeading = (level) => (view) => {
   const changes = [];
   for (const range of ranges) {
     const { number } = doc.lineAt(range.anchor);
-    const { from } = doc.line(number);
-    const line = doc.sliceString(from, from + 7);
+    const { from, to } = doc.line(number);
+    const line = doc.sliceString(from, to);
     const [_, marks, spaces] = line.match(/(#+)(\s+)/) ?? [];
     const current = marks?.length ?? 0;
     if (level !== current) {
@@ -1858,6 +1860,31 @@ var toggleStyle = (mark2) => (view) => {
   }
   return true;
 };
+var snippets = {
+  codeblock: snippet([
+    "```#{lang}",
+    "	#{}",
+    "```"
+  ].join("\n")),
+  table: snippet([
+    "| #{col1} | #{col2} |",
+    "| ---- | ---- |",
+    "| #{val1} | #{val2} |",
+    "| #{val3} | #{val4} |"
+  ].join("\n"))
+};
+var insertCodeblock = (view) => {
+  const { selection: { main }, doc } = view.state;
+  const { number } = doc.lineAt(main.anchor);
+  const { from } = doc.line(number);
+  snippets.codeblock(view, null, from, from);
+};
+var insertTable = (view) => {
+  const { selection: { main }, doc } = view.state;
+  const { number } = doc.lineAt(main.anchor);
+  const { from } = doc.line(number);
+  snippets.table(view, null, from, from);
+};
 var toggleBold = toggleStyle("**");
 var toggleItalic = toggleStyle("_");
 var toggleStrikethrough = toggleStyle("~~");
@@ -2552,8 +2579,9 @@ var defaultTheme = {
     outline: "none"
   },
   ".cm-scroller": {
-    overflow: "visible",
-    fontFamily: get3(tokens, "fontFamily.mono", []).join(",")
+    // overflow: 'visible',
+    fontFamily: get3(tokens, "fontFamily.mono", []).join(","),
+    lineHeight: 1.4
   },
   ".cm-content": {
     padding: 0,
@@ -2764,9 +2792,6 @@ var EditorModes = [
   "vim"
 ];
 var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autoFocus, scrollTo, selection, editorMode, theme, slots = defaultSlots, extensions = [], debug }, forwardedRef) => {
-  const tabsterDOMAttribute = useFocusableGroup({
-    tabBehavior: "limited"
-  });
   const { themeMode } = useThemeContext();
   const rootRef = useRef(null);
   const [view, setView] = useState(null);
@@ -2774,7 +2799,15 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autoFocus, s
     view
   ]);
   useEffect2(() => {
-    if (autoFocus) {
+    if (autoFocus && !view?.hasFocus) {
+      if (view?.state.selection.main?.from === 0) {
+        const { to } = view.state.doc.lineAt(0);
+        view?.dispatch({
+          selection: {
+            anchor: to
+          }
+        });
+      }
       view?.focus();
     }
   }, [
@@ -2793,7 +2826,7 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autoFocus, s
         EditorView13.exceptionSink.of((err) => {
           log2.catch(err, void 0, {
             F: __dxlog_file3,
-            L: 124,
+            L: 134,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -2815,11 +2848,11 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autoFocus, s
         // Storage and replication.
         // NOTE: This must come before user extensions.
         model.extension,
-        // TODO(burdon): Factor out (requires special handling for Escape/focus).
+        // TODO(burdon): Factor out? (Requires special handling for Escape/Enter below).
         editorMode === "vim" && vim(),
         // Custom.
         ...extensions
-      ].filter(nonNullable2)
+      ].filter(isNotFalsy3)
     });
     const newView = new EditorView13({
       state,
@@ -2856,7 +2889,7 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autoFocus, s
       }
       case "Escape": {
         if (editorMode === "vim" && (altKey || shiftKey || metaKey || ctrlKey)) {
-          rootRef.current?.focus();
+          view?.focus();
         }
         break;
       }
@@ -2869,9 +2902,9 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autoFocus, s
     key: model.id,
     role: "none",
     tabIndex: 0,
-    onKeyUp: handleKeyUp,
     ...slots.root,
-    ...editorMode !== "vim" && tabsterDOMAttribute,
+    // {...(editorMode !== 'vim' && tabsterDOMAttribute)}
+    onKeyUp: handleKeyUp,
     ref: rootRef
   });
 });
@@ -2882,7 +2915,7 @@ var TextEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeholde
     ref: forwardedRef,
     readonly,
     extensions: [
-      basicBundle({
+      createBasicBundle({
         themeMode,
         placeholder: placeholder3,
         lineWrapping
@@ -2901,7 +2934,7 @@ var MarkdownEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeh
     ref: forwardedRef,
     readonly,
     extensions: [
-      markdownBundle({
+      createMarkdownExtensions({
         themeMode,
         placeholder: placeholder3
       }),
@@ -2928,6 +2961,167 @@ var defaultMarkdownSlots = {
   ...defaultSlots
 };
 
+// packages/ui/react-ui-editor/src/components/Toolbar/Toolbar.tsx
+import { At, CaretRight, ChatText, Code, Image, Link, ListBullets, ListChecks, ListNumbers, TextStrikethrough, Table as Table2, TextB, TextItalic } from "@phosphor-icons/react";
+import { createContext } from "@radix-ui/react-context";
+import React2 from "react";
+import { Button, DensityProvider, Select } from "@dxos/react-ui";
+import { getSize } from "@dxos/react-ui-theme";
+var [ToolbarContextProvider, useToolbarContext] = createContext("Toolbar");
+var ToolbarRoot = ({ children, onAction }) => {
+  return /* @__PURE__ */ React2.createElement(ToolbarContextProvider, {
+    onAction
+  }, /* @__PURE__ */ React2.createElement(DensityProvider, {
+    density: "fine"
+  }, /* @__PURE__ */ React2.createElement("div", {
+    role: "toolbar",
+    className: "flex w-full shrink-0 p-2 gap-4 items-center whitespace-nowrap overflow-hidden"
+  }, children)));
+};
+var ToolbarButton = ({ Icon, onClick, title }) => {
+  const { onAction } = useToolbarContext("ToolbarButton");
+  const handleClick = () => {
+    const action = onClick();
+    if (action) {
+      onAction?.(action);
+    }
+  };
+  return /* @__PURE__ */ React2.createElement(Button, {
+    variant: "ghost",
+    classNames: "p-2",
+    onClick: handleClick,
+    title
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    className: getSize(5)
+  }));
+};
+var ToolbarSeparator = () => /* @__PURE__ */ React2.createElement("div", {
+  className: "grow"
+});
+var MarkdownHeading = () => {
+  const { onAction } = useToolbarContext("MarkdownFormatting");
+  return /* @__PURE__ */ React2.createElement(Select.Root, {
+    defaultValue: "0",
+    onValueChange: (value) => onAction?.({
+      type: "heading",
+      data: parseInt(value)
+    })
+  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
+    classNames: "w-[8rem]"
+  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, /* @__PURE__ */ React2.createElement(Select.Option, {
+    value: "0"
+  }, "Paragraph"), [
+    1,
+    2,
+    3,
+    4,
+    5,
+    6
+  ].map((level) => /* @__PURE__ */ React2.createElement(Select.Option, {
+    key: level,
+    value: String(level)
+  }, "Heading ", level))))));
+};
+var MarkdownStyles = () => /* @__PURE__ */ React2.createElement("div", {
+  role: "none"
+}, /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: TextB,
+  title: "Bold",
+  onClick: () => ({
+    type: "bold"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: TextItalic,
+  title: "Italic",
+  onClick: () => ({
+    type: "italic"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: TextStrikethrough,
+  title: "Strike-through",
+  onClick: () => ({
+    type: "strikethrough"
+  })
+}));
+var MarkdownLists = () => /* @__PURE__ */ React2.createElement("div", {
+  role: "none"
+}, /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: ListBullets,
+  title: "Bullet list",
+  onClick: () => ({
+    type: "list"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: ListNumbers,
+  title: "Numbered list",
+  onClick: () => ({
+    type: "list-ordered"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: ListChecks,
+  title: "Task list",
+  onClick: () => ({
+    type: "list-tasks"
+  })
+}));
+var MarkdownBlocks = () => /* @__PURE__ */ React2.createElement("div", {
+  role: "none"
+}, /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: CaretRight,
+  title: "Block quite",
+  onClick: () => ({
+    type: "blockquote"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: Code,
+  title: "Code block",
+  onClick: () => ({
+    type: "codeblock"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: Table2,
+  title: "Table",
+  onClick: () => ({
+    type: "table"
+  })
+}));
+var MarkdownLinks = () => /* @__PURE__ */ React2.createElement("div", {
+  role: "none"
+}, /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: Link,
+  title: "Link",
+  onClick: () => ({
+    type: "link"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: At,
+  title: "Mention",
+  onClick: () => ({
+    type: "mention"
+  })
+}), /* @__PURE__ */ React2.createElement(ToolbarButton, {
+  Icon: Image,
+  title: "Image",
+  onClick: () => ({
+    type: "image"
+  })
+}));
+var MarkdownStandard = () => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(MarkdownHeading, null), /* @__PURE__ */ React2.createElement(MarkdownStyles, null), /* @__PURE__ */ React2.createElement(MarkdownLists, null), /* @__PURE__ */ React2.createElement(MarkdownBlocks, null), /* @__PURE__ */ React2.createElement(MarkdownLinks, null));
+var MarkdownExtended = () => /* @__PURE__ */ React2.createElement(Toolbar.Button, {
+  Icon: ChatText,
+  title: "Create comment",
+  onClick: () => ({
+    type: "comment"
+  })
+});
+var Toolbar = {
+  Root: ToolbarRoot,
+  Button: ToolbarButton,
+  Separator: ToolbarSeparator,
+  Markdown: MarkdownStandard,
+  Extended: MarkdownExtended
+};
+
 // packages/ui/react-ui-editor/src/hooks/awareness-provider.ts
 import { DeferredTask, Event as Event2, sleep } from "@dxos/async";
 import { Context as Context2 } from "@dxos/context";
@@ -3061,19 +3255,28 @@ var useActionHandler = (view) => {
       case "list":
         toggleList(view);
         break;
+      case "codeblock":
+        insertCodeblock(view);
+        break;
+      case "table":
+        insertTable(view);
+        break;
       case "comment":
         createComment(view);
         break;
     }
     setTimeout(() => {
       view.focus();
+      view.dispatch({
+        selection: view.state.selection
+      });
     });
   };
 };
 
-// packages/ui/react-ui-editor/src/hooks/useTextEditor.ts
+// packages/ui/react-ui-editor/src/hooks/useEditorView.ts
 import { useState as useState2 } from "react";
-var useTextEditor = () => {
+var useEditorView = () => {
   const [view, setView] = useState2(null);
   return [
     (ref) => {
@@ -3083,18 +3286,125 @@ var useTextEditor = () => {
   ];
 };
 
+// packages/ui/react-ui-editor/src/hooks/useTextEditor.ts
+import { EditorSelection, EditorState as EditorState3 } from "@codemirror/state";
+import { EditorView as EditorView14 } from "@codemirror/view";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { log as log4 } from "@dxos/log";
+import { isNotFalsy as isNotFalsy4 } from "@dxos/util";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/hooks/useTextEditor.ts";
+var useTextEditor = ({ autoFocus, scrollTo, debug, doc, selection, extensions } = {}) => {
+  const onUpdate = useRef2();
+  const [view, setView] = useState3();
+  const parentRef = useRef2(null);
+  useEffect3(() => {
+    if (parentRef.current) {
+      const state = EditorState3.create({
+        doc,
+        selection,
+        extensions: [
+          // TODO(burdon): Doesn't catch errors in keymap functions.
+          EditorView14.exceptionSink.of((err) => {
+            log4.catch(err, void 0, {
+              F: __dxlog_file5,
+              L: 57,
+              S: void 0,
+              C: (f, a) => f(...a)
+            });
+          }),
+          extensions,
+          EditorView14.updateListener.of(() => {
+            onUpdate.current?.();
+          })
+        ].filter(isNotFalsy4)
+      });
+      const view2 = new EditorView14({
+        parent: parentRef.current,
+        scrollTo,
+        state,
+        // NOTE: Uncomment to debug/monitor all transactions.
+        // https://codemirror.net/docs/ref/#view.EditorView.dispatch
+        dispatchTransactions: (trs, view3) => {
+          if (debug) {
+            logChanges(trs);
+          }
+          view3.update(trs);
+        }
+      });
+      setView(view2);
+    }
+    return () => {
+      view?.destroy();
+    };
+  }, [
+    parentRef
+  ]);
+  useEffect3(() => {
+    if (view) {
+      if (!selection && !view.state.selection.main.anchor) {
+        selection = EditorSelection.single(view.state.doc.line(1).to);
+      }
+      if (selection || scrollTo) {
+        onUpdate.current = () => {
+          onUpdate.current = void 0;
+          view.dispatch({
+            selection,
+            effects: scrollTo && [
+              scrollTo
+            ],
+            scrollIntoView: !scrollTo
+          });
+        };
+      }
+      if (autoFocus) {
+        view.focus();
+      }
+    }
+  }, [
+    view,
+    autoFocus,
+    selection,
+    scrollTo
+  ]);
+  return {
+    parentRef,
+    view
+  };
+};
+var createDataExtensions = ({ readonly = false } = {}) => {
+  return [
+    //
+    EditorState3.readOnly.of(readonly),
+    EditorView14.editable.of(!readonly)
+  ];
+};
+var createThemeExtensions = ({ theme, themeMode, slots } = {}) => {
+  return [
+    //
+    EditorView14.baseTheme(defaultTheme),
+    theme && EditorView14.theme(theme),
+    EditorView14.darkTheme.of(themeMode === "dark"),
+    EditorView14.editorAttributes.of({
+      class: slots?.editor?.className ?? ""
+    }),
+    EditorView14.contentAttributes.of({
+      class: slots?.content?.className ?? ""
+    })
+  ].filter(isNotFalsy4);
+};
+
 // packages/ui/react-ui-editor/src/hooks/useTextModel.ts
 import get4 from "lodash.get";
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import { generateName } from "@dxos/display-name";
 import { getRawDoc } from "@dxos/echo-schema";
 import { invariant as invariant3 } from "@dxos/invariant";
 import { isAutomergeObject } from "@dxos/react-client/echo";
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/hooks/useTextModel.ts";
+var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/hooks/useTextModel.ts";
 var useTextModel = (props) => {
   const { identity, space, text } = props;
-  const [model, setModel] = useState3();
-  useEffect3(() => setModel(createModel(props)), [
+  const [model, setModel] = useState4();
+  useEffect4(() => setModel(createModel(props)), [
     identity,
     space,
     text
@@ -3103,7 +3413,7 @@ var useTextModel = (props) => {
 };
 var createModel = ({ space, identity, text }) => {
   invariant3(isAutomergeObject(text), void 0, {
-    F: __dxlog_file5,
+    F: __dxlog_file6,
     L: 34,
     S: void 0,
     A: [
@@ -3158,33 +3468,39 @@ export {
   SpaceAwarenessProvider,
   TextEditor,
   TextKind,
+  Toolbar,
   YText,
   YXmlFragment,
   autocomplete,
   automerge,
   awareness,
   awarenessProvider,
-  basicBundle,
   blast,
   callbackWrapper,
   code2 as code,
   codeTheme,
   comments,
+  createBasicBundle,
   createComment,
+  createDataExtensions,
+  createMarkdownExtensions,
+  createThemeExtensions,
   defaultMarkdownSlots,
   defaultOptions,
   defaultSlots,
   defaultTextSlots,
   defaultTheme,
+  focusComment,
   formatting,
   getToken,
   heading2 as heading,
   hr,
   image,
+  insertCodeblock,
+  insertTable,
   link,
   listener,
   logChanges,
-  markdownBundle,
   markdownHighlightStyle,
   markdownTags,
   markdownTagsExtensions,
@@ -3193,7 +3509,6 @@ export {
   modelState,
   outliner,
   setComments,
-  setFocus,
   setHeading,
   setSelection,
   table,
@@ -3208,7 +3523,9 @@ export {
   typewriter,
   useActionHandler,
   useComments,
+  useEditorView,
   useTextEditor,
-  useTextModel
+  useTextModel,
+  useToolbarContext
 };
 //# sourceMappingURL=index.mjs.map