@domternal/core 0.12.1 → 0.13.0

package/dist/index.cjs

@@ -1379,9 +1379,9 @@ var defaultBlockAt = (match) => {
 };
 
 // src/commands/contentCommands.ts
-var setContent = (content, options = {}) => ({ state, tr, dispatch }) => {
+var setContent = (content, options = {}) => ({ state: state$1, tr, dispatch }) => {
   const { emitUpdate = true, parseOptions } = options;
-  const { schema } = state;
+  const { schema } = state$1;
   let doc;
   try {
     doc = createDocument(content, schema, { parseOptions });
@@ -1392,6 +1392,8 @@ var setContent = (content, options = {}) => ({ state, tr, dispatch }) => {
     return true;
   }
   tr.replaceWith(0, tr.doc.content.size, doc.content);
+  const $end = tr.doc.resolve(tr.doc.content.size);
+  tr.setSelection(state.TextSelection.between($end, $end, -1));
   if (!emitUpdate) {
     tr.setMeta("addToHistory", false);
     tr.setMeta("skipUpdate", true);
@@ -4175,6 +4177,23 @@ function copyThemeClass(view, target) {
   });
 }
 
+// src/utils/announce.ts
+function announce(view, message) {
+  const editorEl = view.dom.closest(".dm-editor");
+  if (!(editorEl instanceof HTMLElement)) return;
+  let region = editorEl.querySelector(":scope > .dm-live-region");
+  if (!region) {
+    region = document.createElement("div");
+    region.className = "dm-live-region";
+    region.setAttribute("data-dm-editor-ui", "");
+    region.setAttribute("role", "status");
+    region.setAttribute("aria-live", "polite");
+    region.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;";
+    editorEl.appendChild(region);
+  }
+  region.textContent = region.textContent === message ? `${message}\xA0` : message;
+}
+
 // src/utils/refocusEditorAfterCommand.ts
 function refocusEditorAfterCommand(view) {
   requestAnimationFrame(() => {
@@ -4193,6 +4212,10 @@ function refocusEditorAfterCommand(view) {
 // src/utils/defaultBubbleContexts.ts
 var NOTION_MODE_CLASS = "dm-notion-mode";
 var NOTION_TEXT_CONTEXT = Object.freeze([
+  // `ai` leads (Notion's "Ask AI"); skipped with its leading separator when
+  // the pro extension is absent, exactly like `mathInline`.
+  "ai",
+  "|",
   "bold",
   "italic",
   "underline",
@@ -8173,6 +8196,18 @@ var Placeholder = Extension.create({
       new state.Plugin({
         key: placeholderPluginKey,
         props: {
+          // Focus and blur repaint the decorations: PM only recomputes
+          // them when a transaction dispatches.
+          handleDOMEvents: {
+            focus: (view) => {
+              view.dispatch(view.state.tr.setMeta(placeholderPluginKey, true));
+              return false;
+            },
+            blur: (view) => {
+              view.dispatch(view.state.tr.setMeta(placeholderPluginKey, false));
+              return false;
+            }
+          },
           decorations: ({ doc, selection }) => {
             const editor = this.editor;
             if (!editor) return view.DecorationSet.empty;
@@ -8188,6 +8223,10 @@ var Placeholder = Extension.create({
               "data-placeholder": getPlaceholderText(node, pos)
             });
             if (showOnlyCurrent) {
+              const view$1 = editor.view;
+              if (!isDocEmpty && view$1?.hasFocus() !== true) {
+                return view.DecorationSet.empty;
+              }
               const { $anchor } = selection;
               if ($anchor.depth === 0) return view.DecorationSet.empty;
               const node = $anchor.parent;
@@ -10621,6 +10660,7 @@ exports.Typography = Typography;
 exports.Underline = Underline;
 exports.UniqueID = UniqueID;
 exports.VERSION = VERSION;
+exports.announce = announce;
 exports.applyInlineStyles = applyInlineStyles;
 exports.autolinkPlugin = autolinkPlugin;
 exports.autolinkPluginKey = autolinkPluginKey;