@sendbird/actionbook-core 0.10.3 → 0.10.4

package/dist/ui/index.js

@@ -3008,7 +3008,7 @@ function createHistoryPlugin() {
 
 // src/ui/plugin/keymapPlugin.ts
 import { baseKeymap, chainCommands, newlineInCode, createParagraphNear, liftEmptyBlock, splitBlock, toggleMark, setBlockType, joinBackward } from "prosemirror-commands";
-import { TextSelection as TextSelection2 } from "prosemirror-state";
+import { Plugin as Plugin2, TextSelection as TextSelection2 } from "prosemirror-state";
 import { keymap as keymap3 } from "prosemirror-keymap";
 import { liftListItem, sinkListItem, splitListItem, wrapInList } from "prosemirror-schema-list";
 
@@ -3104,6 +3104,10 @@ function createNoteBlockPlugin() {
 // src/ui/plugin/keymapPlugin.ts
 var TAB_CHAR = "	";
 var { listItem, bulletList, orderedList, hardBreak, heading, paragraph, horizontalRule, blockquote } = actionbookSchema.nodes;
+function isEffectivelyEmpty(node) {
+  if (node.content.size === 0) return true;
+  return node.textContent.trim().length === 0 && !node.firstChild?.isAtom;
+}
 var { bold: boldMark, italic: italicMark, underline: underlineMark, strikethrough: strikethroughMark, code: codeMark } = actionbookSchema.marks;
 function cursorDirectlyInListItem(state) {
   const { $from } = state.selection;
@@ -3112,9 +3116,8 @@ function cursorDirectlyInListItem(state) {
 var backspaceAfterList = (state, dispatch) => {
   const { $from } = state.selection;
   if (!state.selection.empty) return false;
-  if ($from.parentOffset !== 0) return false;
   if ($from.parent.type !== paragraph) return false;
-  if ($from.parent.content.size !== 0) return false;
+  if (!isEffectivelyEmpty($from.parent)) return false;
   const parentDepth = $from.depth - 1;
   if (parentDepth < 0) return false;
   const indexInParent = $from.index(parentDepth);
@@ -3133,9 +3136,8 @@ var backspaceAfterList = (state, dispatch) => {
 var backspaceAfterLeafBlock = (state, dispatch) => {
   const { $from } = state.selection;
   if (!state.selection.empty) return false;
-  if ($from.parentOffset !== 0) return false;
   if ($from.parent.type !== paragraph) return false;
-  if ($from.parent.content.size !== 0) return false;
+  if (!isEffectivelyEmpty($from.parent)) return false;
   const parentDepth = $from.depth - 1;
   if (parentDepth < 0) return false;
   const indexInParent = $from.index(parentDepth);
@@ -3150,8 +3152,8 @@ var backspaceAfterLeafBlock = (state, dispatch) => {
 };
 var backspaceDeleteEmptyBlock = (state, dispatch) => {
   const { $from } = state.selection;
-  if (!state.selection.empty || $from.parentOffset !== 0) return false;
-  if ($from.parent.type !== paragraph || $from.parent.content.size !== 0) return false;
+  if (!state.selection.empty) return false;
+  if ($from.parent.type !== paragraph || !isEffectivelyEmpty($from.parent)) return false;
   const deletableTypes = /* @__PURE__ */ new Set(["jinjaIfBlock", "jinjaIfBranch", "noteBlock", "blockquote"]);
   for (let d = $from.depth - 1; d > 0; d--) {
     const ancestor = $from.node(d);
@@ -3391,6 +3393,18 @@ var shiftEnterCommand = (state, dispatch) => {
   }
   return true;
 };
+function createEmptyDocGuardPlugin() {
+  return new Plugin2({
+    appendTransaction(_, __, newState) {
+      const { doc: doc2 } = newState;
+      if (doc2.childCount !== 1) return null;
+      const only = doc2.child(0);
+      if (only.type === paragraph) return null;
+      if (only.content.size !== 0) return null;
+      return newState.tr.setNodeMarkup(0, paragraph);
+    }
+  });
+}
 function createKeymapPlugin() {
   return {
     name: "keymapPlugin",
@@ -3408,13 +3422,13 @@ function createKeymapPlugin() {
       "Mod-Shift-7": wrapInList(bulletList),
       "Mod-Shift-8": wrapInList(orderedList)
     }),
-    plugins: () => [keymap3(baseKeymap)]
+    plugins: () => [keymap3(baseKeymap), createEmptyDocGuardPlugin()]
   };
 }
 
 // src/ui/plugin/markdownClipboard.ts
 import { DOMParser as ProseMirrorDOMParser, Fragment, Slice } from "prosemirror-model";
-import { Plugin as Plugin2, PluginKey as PluginKey2 } from "prosemirror-state";
+import { Plugin as Plugin3, PluginKey as PluginKey2 } from "prosemirror-state";
 
 // src/ast/traverse.ts
 var MAX_DEPTH3 = 128;
@@ -5691,7 +5705,7 @@ function textToSlice(text2, view) {
 }
 var URL_RE = /^https?:\/\/[^\s]+$/i;
 function createPlugin() {
-  return new Plugin2({
+  return new Plugin3({
     key,
     props: {
       handlePaste(view, event) {
@@ -5757,7 +5771,7 @@ function createMarkdownClipboardPlugin() {
 }
 
 // src/ui/plugin/jumpPointPlugin.ts
-import { Plugin as Plugin3, PluginKey as PluginKey3, TextSelection as TextSelection3 } from "prosemirror-state";
+import { Plugin as Plugin4, PluginKey as PluginKey3, TextSelection as TextSelection3 } from "prosemirror-state";
 import { Decoration, DecorationSet } from "prosemirror-view";
 var adjacentKey = new PluginKey3("jumpPointAdjacent");
 var JUMP_POINT_ADJACENT_SPEC = { jumpPointAdjacent: true };
@@ -5778,7 +5792,7 @@ function buildDecorations(state) {
 var jumpPointEditKey = new PluginKey3("jumpPointEdit");
 var JUMP_POINT_FULL_RE = /^\^([\p{L}\p{N}_-]+)\^$/u;
 function createJumpPointEditPlugin() {
-  return new Plugin3({
+  return new Plugin4({
     key: jumpPointEditKey,
     state: {
       init: () => ({ rawRange: null }),
@@ -5880,7 +5894,7 @@ function createJumpPointAdjacentPlugin() {
     }),
     plugins: () => [
       createJumpPointEditPlugin(),
-      new Plugin3({
+      new Plugin4({
         key: adjacentKey,
         state: {
           init(_, state) {
@@ -6046,7 +6060,7 @@ function createJumpPointNodeViewPlugin() {
 }
 
 // src/ui/plugin/jumpPointValidationPlugin.ts
-import { Plugin as Plugin4, PluginKey as PluginKey4 } from "prosemirror-state";
+import { Plugin as Plugin5, PluginKey as PluginKey4 } from "prosemirror-state";
 import { Decoration as Decoration2, DecorationSet as DecorationSet2 } from "prosemirror-view";
 var pluginKey = new PluginKey4("jumpPointValidation");
 function collectJumpPointIds(state) {
@@ -6098,7 +6112,7 @@ function createJumpPointValidationPlugin() {
   return {
     name: "jumpPointValidation",
     plugins: () => [
-      new Plugin4({
+      new Plugin5({
         key: pluginKey,
         state: {
           init(_, state) {
@@ -6136,9 +6150,14 @@ function buildDecorations2(state) {
         class: "broken-anchor-ref",
         "data-broken-ref": refId,
         title: `Anchor "${refId}" no longer exists`,
-        style: "color: #D9352C; text-decoration-color: #D9352C;"
+        style: "color: #D9352C; font-weight: 500; text-decoration: none;"
       })
     );
+    const icon = document.createElement("span");
+    icon.textContent = " \u26A0";
+    icon.style.cssText = "color: #D9352C; font-size: 14px; vertical-align: middle;";
+    icon.setAttribute("aria-hidden", "true");
+    decos.push(Decoration2.widget(to, icon, { side: 1 }));
   }
   if (decos.length === 0) return DecorationSet2.empty;
   return DecorationSet2.create(state.doc, decos);
@@ -6214,7 +6233,7 @@ function createInlineToolTagNodeViewPlugin() {
 }
 
 // src/ui/plugin/jinjaDecoration.ts
-import { Plugin as Plugin5, PluginKey as PluginKey5 } from "prosemirror-state";
+import { Plugin as Plugin6, PluginKey as PluginKey5 } from "prosemirror-state";
 import { Decoration as Decoration3, DecorationSet as DecorationSet3 } from "prosemirror-view";
 var jinjaPluginKey = new PluginKey5("jinjaDecoration");
 var JINJA_TAG_RE = /\{%\s*(if|elif|else|endif)\s*([^%]*?)\s*%\}/g;
@@ -6307,7 +6326,7 @@ function createJinjaDecorationPlugin() {
   return {
     name: "jinjaDecoration",
     plugins: () => [
-      new Plugin5({
+      new Plugin6({
         key: jinjaPluginKey,
         state: {
           init(_, state) {
@@ -6331,7 +6350,7 @@ function createJinjaDecorationPlugin() {
 // src/ui/plugin/jinjaIfBlockPlugin.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
 import { createRoot as createRoot2 } from "react-dom/client";
-import { Plugin as Plugin6, TextSelection as TextSelection4 } from "prosemirror-state";
+import { Plugin as Plugin7, TextSelection as TextSelection4 } from "prosemirror-state";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var PLACEHOLDER_TEXT = "Describe what AI agent should do when this condition is met";
 var CONDITION_PLACEHOLDER = "Write a condition in natural language";
@@ -7252,7 +7271,7 @@ var JinjaIfBranchView = class {
 };
 function createEditableWatcherPlugin() {
   let lastEditable = null;
-  return new Plugin6({
+  return new Plugin7({
     view(editorView) {
       lastEditable = editorView.editable;
       return {
@@ -7283,7 +7302,7 @@ function createJinjaIfBlockPlugin() {
 
 // src/ui/plugin/linkPlugin.ts
 import { InputRule as InputRule2, inputRules as inputRules2 } from "prosemirror-inputrules";
-import { Plugin as Plugin7, PluginKey as PluginKey6, TextSelection as TextSelection5 } from "prosemirror-state";
+import { Plugin as Plugin8, PluginKey as PluginKey6, TextSelection as TextSelection5 } from "prosemirror-state";
 var LINK_INPUT_RE = /\\?\[([^\]]*?)\\?\]\(([^)\s]*?)(?:\s+"([^"]*)")?\)$/;
 var LINK_FULL_RE = /^\\?\[([^\]]*?)\\?\]\(([^)\s]*?)(?:\s+"([^"]*)")?\)$/;
 var linkEditKey = new PluginKey6("linkEdit");
@@ -7334,7 +7353,7 @@ function explodeLinkToRaw(state) {
   return tr;
 }
 function createLinkEditPlugin() {
-  return new Plugin7({
+  return new Plugin8({
     key: linkEditKey,
     state: {
       init: () => ({ rawRange: null }),
@@ -7409,7 +7428,7 @@ function createLinkInputRule() {
   );
 }
 function createLinkClickPlugin() {
-  return new Plugin7({
+  return new Plugin8({
     key: new PluginKey6("linkClick"),
     props: {
       handleDOMEvents: {
@@ -7462,7 +7481,7 @@ function createLinkPlugin() {
 }
 
 // src/ui/plugin/dragHandlePlugin.ts
-import { Plugin as Plugin8, PluginKey as PluginKey7 } from "prosemirror-state";
+import { Plugin as Plugin9, PluginKey as PluginKey7 } from "prosemirror-state";
 var PLUGIN_KEY = new PluginKey7("dragHandle");
 var GRIP_SVG = `<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
   <circle cx="4" cy="2.5" r="1.2"/><circle cx="8" cy="2.5" r="1.2"/>
@@ -8270,7 +8289,7 @@ function createDragHandlePlugin() {
     plugins: () => {
       let controller = null;
       return [
-        new Plugin8({
+        new Plugin9({
           key: PLUGIN_KEY,
           view(editorView) {
             controller = new DragHandleController(editorView);
@@ -8393,9 +8412,8 @@ function createTodoNodeViewPlugin() {
 }
 
 // src/ui/plugin/placeholderPlugin.ts
-import { Plugin as Plugin9, PluginKey as PluginKey8 } from "prosemirror-state";
+import { Plugin as Plugin10, PluginKey as PluginKey8 } from "prosemirror-state";
 import { Decoration as Decoration4, DecorationSet as DecorationSet4 } from "prosemirror-view";
-var PLACEHOLDER_TEXT2 = "Type to start writing, or press  /  to insert an action.";
 var pluginKey2 = new PluginKey8("placeholder");
 function buildDecorations4(state) {
   const { doc: doc2, selection } = state;
@@ -8413,17 +8431,25 @@ function buildDecorations4(state) {
   }
   const pos = $from.before($from.depth);
   const deco = Decoration4.node(pos, pos + parent.nodeSize, {
-    class: "ab-empty-paragraph",
-    "data-placeholder": PLACEHOLDER_TEXT2
+    class: "ab-empty-paragraph"
   });
   return DecorationSet4.create(doc2, [deco]);
 }
 function createPlaceholderPlugin() {
+  let isEditable = true;
   return {
     name: "placeholder",
     plugins: () => [
-      new Plugin9({
+      new Plugin10({
         key: pluginKey2,
+        view(editorView) {
+          isEditable = editorView.editable;
+          return {
+            update(view) {
+              isEditable = view.editable;
+            }
+          };
+        },
         state: {
           init(_, state) {
             return buildDecorations4(state);
@@ -8437,6 +8463,7 @@ function createPlaceholderPlugin() {
         },
         props: {
           decorations(state) {
+            if (!isEditable) return DecorationSet4.empty;
             return pluginKey2.getState(state) ?? DecorationSet4.empty;
           }
         }
@@ -10362,7 +10389,7 @@ function FloatingMenu({ view, editorState }) {
 }
 
 // src/ui/plugin/inlineSuggestPlugin.ts
-import { Plugin as Plugin10, PluginKey as PluginKey9 } from "prosemirror-state";
+import { Plugin as Plugin11, PluginKey as PluginKey9 } from "prosemirror-state";
 import { Decoration as Decoration5, DecorationSet as DecorationSet5 } from "prosemirror-view";
 var inlineSuggestKey = new PluginKey9("inlineSuggest");
 var DEBOUNCE_MS = 600;
@@ -10371,7 +10398,7 @@ function createInlineSuggestPlugin(provider, endpoint, options) {
   return {
     name: "inlineSuggest",
     plugins: () => [
-      new Plugin10({
+      new Plugin11({
         key: inlineSuggestKey,
         state: {
           init: () => ({ suggestion: null, anchorPos: null }),