@dxos/react-ui-editor 0.3.10-main.c5193cc → 0.3.10-main.cbe7692

package/dist/lib/browser/index.mjs

@@ -61,7 +61,6 @@ import defaultsDeep from "lodash.defaultsdeep";
 import { invariant } from "@dxos/invariant";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/components/TextEditor/extensions/blast.ts";
 var defaultOptions = {
-  effect: 2,
   maxParticles: 200,
   particleGravity: 0.08,
   particleAlphaFadeout: 0.996,
@@ -109,15 +108,7 @@ var blast = (options) => {
         if (blaster) {
           blaster.destroy();
         }
-        blaster = new Blaster(update4.view.scrollDOM, defaultsDeep({
-          particleGravity: 0.2,
-          particleShrinkRate: 0.995,
-          color: () => [
-            100 + Math.random() * 100,
-            0,
-            0
-          ]
-        }, options, defaultOptions));
+        blaster = new Blaster(update4.view.scrollDOM, defaultsDeep({}, options, defaultOptions));
         blaster.initialize();
         blaster.start();
       } else {
@@ -201,7 +192,7 @@ var Blaster = class {
   initialize() {
     invariant(!this._canvas && !this._ctx, void 0, {
       F: __dxlog_file,
-      L: 152,
+      L: 140,
       S: this,
       A: [
         "!this._canvas && !this._ctx",
@@ -238,7 +229,7 @@ var Blaster = class {
   start() {
     invariant(this._canvas && this._ctx, void 0, {
       F: __dxlog_file,
-      L: 191,
+      L: 179,
       S: this,
       A: [
         "this._canvas && this._ctx",
@@ -442,11 +433,10 @@ import { debounce } from "@dxos/async";
 import { invariant as invariant2 } from "@dxos/invariant";
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/components/TextEditor/extensions/comments.ts";
 var BookmarkWidget = class extends WidgetType {
-  constructor(_pos, _id, _handleClick) {
+  constructor(_pos, _id) {
     super();
     this._pos = _pos;
     this._id = _id;
-    this._handleClick = _handleClick;
     invariant2(this._id, void 0, {
       F: __dxlog_file2,
       L: 41,
@@ -464,7 +454,6 @@ var BookmarkWidget = class extends WidgetType {
     const span = document.createElement("span");
     span.className = "cm-bookmark";
     span.textContent = "\u{1F4AC}";
-    span.onclick = () => this._handleClick();
     return span;
   }
 };
@@ -487,9 +476,7 @@ var comments = (options = {}) => {
       const id = match[1];
       return Decoration.replace({
         id,
-        widget: new BookmarkWidget(pos, id, () => handleUpdate({
-          active: id
-        }))
+        widget: new BookmarkWidget(pos, id)
       });
     }
   });
@@ -506,7 +493,7 @@ var comments = (options = {}) => {
       return view.plugin(plugin)?.bookmarks || Decoration.none;
     })
   });
-  const handleUpdate = debounce((data) => {
+  const doUpdate = debounce((data) => {
     options.onUpdate?.(data);
   }, 200);
   return [
@@ -545,13 +532,10 @@ var comments = (options = {}) => {
       const decorations = [];
       const rangeSet = view.plugin(bookmarks)?.bookmarks;
       let closest = Infinity;
-      const { from, to } = (
-        /* view.visibleRanges?.[0] ?? */
-        {
-          from: 0,
-          to: view.state.doc.length
-        }
-      );
+      const { from, to } = view.visibleRanges?.[0] ?? {
+        from: 0,
+        to: view.state.doc.length
+      };
       rangeSet?.between(from, to, (from2, to2, value) => {
         decorations.push({
           from: from2,
@@ -565,7 +549,7 @@ var comments = (options = {}) => {
         }
       });
       if (decorations.length) {
-        handleUpdate({
+        doUpdate({
           active,
           items: decorations.map(({ from: from2, value: { spec: { id } } }) => ({
             id,
@@ -592,15 +576,13 @@ var image = (options = {}) => {
 };
 var update = (state, options) => {
   const builder = new RangeSetBuilder();
-  const cursor = state.selection.main.head;
   syntaxTree(state).iterate({
     enter: (node) => {
       if (node.name === "Image") {
         const urlNode = node.node.getChild("URL");
         if (urlNode) {
-          const hide = state.readOnly || cursor < node.from || cursor > node.to;
           const url = state.sliceDoc(urlNode.from, urlNode.to);
-          builder.add(hide ? node.from : node.to, node.to, Decoration2.replace({
+          builder.add(state.readOnly ? node.from : node.to, node.to, Decoration2.widget({
             widget: new ImageWidget(url)
           }));
         }
@@ -728,7 +710,7 @@ var listener = ({ onChange }) => {
 
 // packages/ui/react-ui-editor/src/components/TextEditor/extensions/markdown/bundle.ts
 import { closeBrackets as closeBrackets2, closeBracketsKeymap } from "@codemirror/autocomplete";
-import { history, historyKeymap, indentWithTab, standardKeymap } from "@codemirror/commands";
+import { defaultKeymap, history, historyKeymap, indentWithTab } from "@codemirror/commands";
 import { markdownLanguage as markdownLanguage2, markdown } from "@codemirror/lang-markdown";
 import { bracketMatching as bracketMatching2, defaultHighlightStyle as defaultHighlightStyle2, indentOnInput, syntaxHighlighting as syntaxHighlighting2 } from "@codemirror/language";
 import { languages } from "@codemirror/language-data";
@@ -973,7 +955,19 @@ var markdownBundle = ({ readonly, themeMode, placeholder: _placeholder }) => {
     history(),
     indentOnInput(),
     rectangularSelection(),
-    customkeymap(),
+    // https://codemirror.net/docs/ref/#view.keymap
+    keymap5.of([
+      // https://codemirror.net/docs/ref/#commands.defaultKeymap
+      ...defaultKeymap,
+      // https://codemirror.net/docs/ref/#commands.historyKeymap
+      ...historyKeymap,
+      // https://codemirror.net/docs/ref/#autocomplete.closeBracketsKeymap
+      ...closeBracketsKeymap,
+      // https://codemirror.net/docs/ref/#search.searchKeymap
+      ...searchKeymap,
+      // https://codemirror.net/docs/ref/#commands.indentWithTab
+      indentWithTab
+    ]),
     // Main extension.
     // https://github.com/codemirror/lang-markdown
     // https://codemirror.net/5/mode/markdown/index.html (demo).
@@ -988,7 +982,7 @@ var markdownBundle = ({ readonly, themeMode, placeholder: _placeholder }) => {
       codeLanguages: languages,
       // Parser extensions.
       extensions: [
-        // GFM provided by default.
+        // GFM, // TODO(burdon): Provided by default?
         markdownTagsExtension
       ]
     }),
@@ -998,18 +992,6 @@ var markdownBundle = ({ readonly, themeMode, placeholder: _placeholder }) => {
     syntaxHighlighting2(markdownHighlightStyle(readonly))
   ].filter(Boolean);
 };
-var customkeymap = () => keymap5.of([
-  // https://codemirror.net/docs/ref/#commands.indentWithTab
-  indentWithTab,
-  // https://codemirror.net/docs/ref/#commands.standardKeymap
-  ...standardKeymap,
-  // https://codemirror.net/docs/ref/#commands.historyKeymap
-  ...historyKeymap,
-  // https://codemirror.net/docs/ref/#autocomplete.closeBracketsKeymap
-  ...closeBracketsKeymap,
-  // https://codemirror.net/docs/ref/#search.searchKeymap
-  ...searchKeymap
-]);
 
 // packages/ui/react-ui-editor/src/components/TextEditor/extensions/mention.ts
 import { autocompletion as autocompletion2 } from "@codemirror/autocomplete";
@@ -1578,6 +1560,15 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, editorMode,
     onKeyUp: handleKeyUp
   });
 });
+var maybeDebug = () => {
+  const items = localStorage.getItem("dxos.composer.demo");
+  if (items) {
+    return demo({
+      items: items.split(",")
+    });
+  }
+  return [];
+};
 var TextEditor = /* @__PURE__ */ forwardRef(({ readonly, extensions = [], slots: _slots, ...props }, forwardedRef) => {
   const { themeMode } = useThemeContext();
   const slots = defaultsDeep2({}, _slots, defaultTextSlots);
@@ -1590,6 +1581,7 @@ var TextEditor = /* @__PURE__ */ forwardRef(({ readonly, extensions = [], slots:
         themeMode,
         placeholder: slots?.editor?.placeholder
       }),
+      maybeDebug(),
       ...extensions
     ],
     slots,
@@ -1608,6 +1600,7 @@ var MarkdownEditor = /* @__PURE__ */ forwardRef(({ readonly, extensions = [], sl
         themeMode,
         placeholder: slots?.editor?.placeholder
       }),
+      maybeDebug(),
       ...extensions
     ],
     slots,