@codemirror/view 6.36.6 → 6.36.8

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 6.36.8 (2025-05-12)
+
+### Bug fixes
+
+Make `logException` log errors to the console when `onerror` returns a falsy value.
+
+Fix an issue in `MatchDecorator` causing `updateDeco` to sometimes not do the right thing for deletions.
+
+## 6.36.7 (2025-05-02)
+
+### Bug fixes
+
+Use the `aria-placeholder` attribute to communicate the placeholder text to screen readers.
+
+Fix a crash when `EditorView.composing` or `.compositionStarted` are accessed during view initialization.
+
 ## 6.36.6 (2025-04-24)
 
 ### Bug fixes

package/dist/index.cjs

@@ -2422,8 +2422,7 @@ function logException(state, exception, context) {
     let handler = state.facet(exceptionSink);
     if (handler.length)
         handler[0](exception);
-    else if (window.onerror)
-        window.onerror(String(exception), context, undefined, undefined, exception);
+    else if (window.onerror && window.onerror(String(exception), context, undefined, undefined, exception)) ;
     else if (context)
         console.error(context + ":", exception);
     else
@@ -7446,14 +7445,14 @@ class EditorView {
     [IME](https://en.wikipedia.org/wiki/Input_method), and at least
     one change has been made in the current composition.
     */
-    get composing() { return this.inputState.composing > 0; }
+    get composing() { return !!this.inputState && this.inputState.composing > 0; }
     /**
     Indicates whether the user is currently in composing state. Note
     that on some platforms, like Android, this will be the case a
     lot, since just putting the cursor on a word starts a
     composition there.
     */
-    get compositionStarted() { return this.inputState.composing >= 0; }
+    get compositionStarted() { return !!this.inputState && this.inputState.composing >= 0; }
     /**
     The document or shadow root that the view lives in.
     */
@@ -9341,7 +9340,7 @@ class MatchDecorator {
     updateRange(view, deco, updateFrom, updateTo) {
         for (let r of view.visibleRanges) {
             let from = Math.max(r.from, updateFrom), to = Math.min(r.to, updateTo);
-            if (to > from) {
+            if (to >= from) {
                 let fromLine = view.state.doc.lineAt(from), toLine = fromLine.to < to ? view.state.doc.lineAt(to) : fromLine;
                 let start = Math.max(r.from, fromLine.from), end = Math.min(r.to, toLine.to);
                 if (this.boundary) {
@@ -9594,10 +9593,7 @@ class Placeholder extends WidgetType {
         wrap.appendChild(typeof this.content == "string" ? document.createTextNode(this.content) :
             typeof this.content == "function" ? this.content(view) :
                 this.content.cloneNode(true));
-        if (typeof this.content == "string")
-            wrap.setAttribute("aria-label", "placeholder " + this.content);
-        else
-            wrap.setAttribute("aria-hidden", "true");
+        wrap.setAttribute("aria-hidden", "true");
         return wrap;
     }
     coordsAt(dom) {
@@ -9618,7 +9614,7 @@ Extension that enables a placeholder—a piece of example content
 to show when the editor is empty.
 */
 function placeholder(content) {
-    return ViewPlugin.fromClass(class {
+    let plugin = ViewPlugin.fromClass(class {
         constructor(view) {
             this.view = view;
             this.placeholder = content
@@ -9627,6 +9623,9 @@ function placeholder(content) {
         }
         get decorations() { return this.view.state.doc.length ? Decoration.none : this.placeholder; }
     }, { decorations: v => v.decorations });
+    return typeof content == "string" ? [
+        plugin, EditorView.contentAttributes.of({ "aria-placeholder": content })
+    ] : plugin;
 }
 
 // Don't compute precise column positions for line offsets above this
@@ -11164,8 +11163,7 @@ function highlightWhitespace() {
 }
 const trailingHighlighter = matcher(new MatchDecorator({
     regexp: /\s+$/g,
-    decoration: Decoration.mark({ class: "cm-trailingSpace" }),
-    boundary: /\S/,
+    decoration: Decoration.mark({ class: "cm-trailingSpace" })
 }));
 /**
 Returns an extension that adds a `cm-trailingSpace` class to all

package/dist/index.js

@@ -2418,8 +2418,7 @@ function logException(state, exception, context) {
     let handler = state.facet(exceptionSink);
     if (handler.length)
         handler[0](exception);
-    else if (window.onerror)
-        window.onerror(String(exception), context, undefined, undefined, exception);
+    else if (window.onerror && window.onerror(String(exception), context, undefined, undefined, exception)) ;
     else if (context)
         console.error(context + ":", exception);
     else
@@ -7441,14 +7440,14 @@ class EditorView {
     [IME](https://en.wikipedia.org/wiki/Input_method), and at least
     one change has been made in the current composition.
     */
-    get composing() { return this.inputState.composing > 0; }
+    get composing() { return !!this.inputState && this.inputState.composing > 0; }
     /**
     Indicates whether the user is currently in composing state. Note
     that on some platforms, like Android, this will be the case a
     lot, since just putting the cursor on a word starts a
     composition there.
     */
-    get compositionStarted() { return this.inputState.composing >= 0; }
+    get compositionStarted() { return !!this.inputState && this.inputState.composing >= 0; }
     /**
     The document or shadow root that the view lives in.
     */
@@ -9336,7 +9335,7 @@ class MatchDecorator {
     updateRange(view, deco, updateFrom, updateTo) {
         for (let r of view.visibleRanges) {
             let from = Math.max(r.from, updateFrom), to = Math.min(r.to, updateTo);
-            if (to > from) {
+            if (to >= from) {
                 let fromLine = view.state.doc.lineAt(from), toLine = fromLine.to < to ? view.state.doc.lineAt(to) : fromLine;
                 let start = Math.max(r.from, fromLine.from), end = Math.min(r.to, toLine.to);
                 if (this.boundary) {
@@ -9589,10 +9588,7 @@ class Placeholder extends WidgetType {
         wrap.appendChild(typeof this.content == "string" ? document.createTextNode(this.content) :
             typeof this.content == "function" ? this.content(view) :
                 this.content.cloneNode(true));
-        if (typeof this.content == "string")
-            wrap.setAttribute("aria-label", "placeholder " + this.content);
-        else
-            wrap.setAttribute("aria-hidden", "true");
+        wrap.setAttribute("aria-hidden", "true");
         return wrap;
     }
     coordsAt(dom) {
@@ -9613,7 +9609,7 @@ Extension that enables a placeholder—a piece of example content
 to show when the editor is empty.
 */
 function placeholder(content) {
-    return ViewPlugin.fromClass(class {
+    let plugin = ViewPlugin.fromClass(class {
         constructor(view) {
             this.view = view;
             this.placeholder = content
@@ -9622,6 +9618,9 @@ function placeholder(content) {
         }
         get decorations() { return this.view.state.doc.length ? Decoration.none : this.placeholder; }
     }, { decorations: v => v.decorations });
+    return typeof content == "string" ? [
+        plugin, EditorView.contentAttributes.of({ "aria-placeholder": content })
+    ] : plugin;
 }
 
 // Don't compute precise column positions for line offsets above this
@@ -11159,8 +11158,7 @@ function highlightWhitespace() {
 }
 const trailingHighlighter = /*@__PURE__*/matcher(/*@__PURE__*/new MatchDecorator({
     regexp: /\s+$/g,
-    decoration: /*@__PURE__*/Decoration.mark({ class: "cm-trailingSpace" }),
-    boundary: /\S/,
+    decoration: /*@__PURE__*/Decoration.mark({ class: "cm-trailingSpace" })
 }));
 /**
 Returns an extension that adds a `cm-trailingSpace` class to all

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemirror/view",
-  "version": "6.36.6",
+  "version": "6.36.8",
   "description": "DOM view component for the CodeMirror code editor",
   "scripts": {
     "test": "cm-runtests",