@codemirror/view 0.19.38 → 0.19.39

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.19.39 (2022-01-06)
+
+### Bug fixes
+
+Make sure the editor signals a `geometryChanged` update when its width changes.
+
+### New features
+
+`EditorView.darkTheme` can now be queried to figure out whether the editor is using a dark theme.
+
 ## 0.19.38 (2022-01-05)
 
 ### Bug fixes

package/dist/index.cjs

@@ -4599,6 +4599,7 @@ class ViewState {
         this.contentDOMWidth = 0;
         this.contentDOMHeight = 0;
         this.editorHeight = 0;
+        this.editorWidth = 0;
         this.heightOracle = new HeightOracle;
         // See VP.MaxDOMHeight
         this.scaler = IdScaler;
@@ -4704,11 +4705,18 @@ class ViewState {
         }
         if (!this.inView)
             return 0;
+        let contentWidth = dom.clientWidth;
+        if (this.contentDOMWidth != contentWidth || this.editorHeight != view.scrollDOM.clientHeight ||
+            this.editorWidth != view.scrollDOM.clientWidth) {
+            this.contentDOMWidth = contentWidth;
+            this.editorHeight = view.scrollDOM.clientHeight;
+            this.editorWidth = view.scrollDOM.clientWidth;
+            result |= 8 /* Geometry */;
+        }
         if (measureContent) {
             let lineHeights = view.docView.measureVisibleLineHeights();
             if (oracle.mustRefreshForHeights(lineHeights))
                 refresh = true;
-            let contentWidth = dom.clientWidth;
             if (refresh || oracle.lineWrapping && Math.abs(contentWidth - this.contentDOMWidth) > oracle.charWidth) {
                 let { lineHeight, charWidth } = view.docView.measureTextSize();
                 refresh = oracle.refresh(whiteSpace, direction, lineHeight, charWidth, contentWidth / charWidth, lineHeights);
@@ -4717,14 +4725,6 @@ class ViewState {
                     result |= 8 /* Geometry */;
                 }
             }
-            if (this.contentDOMWidth != contentWidth) {
-                this.contentDOMWidth = contentWidth;
-                result |= 8 /* Geometry */;
-            }
-            if (this.editorHeight != view.scrollDOM.clientHeight) {
-                this.editorHeight = view.scrollDOM.clientHeight;
-                result |= 8 /* Geometry */;
-            }
             if (dTop > 0 && dBottom > 0)
                 bias = Math.max(dTop, dBottom);
             else if (dTop < 0 && dBottom < 0)
@@ -6585,6 +6585,13 @@ mechanism for providing decorations.
 */
 EditorView.decorations = decorations;
 /**
+This facet records whether a dark theme is active. The extension
+returned by [`theme`](https://codemirror.net/6/docs/ref/#view.EditorView^theme) automatically
+includes an instance of this when the `dark` option is set to
+true.
+*/
+EditorView.darkTheme = darkTheme;
+/**
 Facet that provides additional DOM attributes for the editor's
 editable DOM element.
 */

package/dist/index.d.ts

@@ -1156,6 +1156,13 @@ declare class EditorView {
         dark?: boolean;
     }): Extension;
     /**
+    This facet records whether a dark theme is active. The extension
+    returned by [`theme`](https://codemirror.net/6/docs/ref/#view.EditorView^theme) automatically
+    includes an instance of this when the `dark` option is set to
+    true.
+    */
+    static darkTheme: Facet<boolean, boolean>;
+    /**
     Create an extension that adds styles to the base theme. Like
     with [`theme`](https://codemirror.net/6/docs/ref/#view.EditorView^theme), use `&` to indicate the
     place of the editor wrapper element when directly targeting

package/dist/index.js

@@ -4593,6 +4593,7 @@ class ViewState {
         this.contentDOMWidth = 0;
         this.contentDOMHeight = 0;
         this.editorHeight = 0;
+        this.editorWidth = 0;
         this.heightOracle = new HeightOracle;
         // See VP.MaxDOMHeight
         this.scaler = IdScaler;
@@ -4698,11 +4699,18 @@ class ViewState {
         }
         if (!this.inView)
             return 0;
+        let contentWidth = dom.clientWidth;
+        if (this.contentDOMWidth != contentWidth || this.editorHeight != view.scrollDOM.clientHeight ||
+            this.editorWidth != view.scrollDOM.clientWidth) {
+            this.contentDOMWidth = contentWidth;
+            this.editorHeight = view.scrollDOM.clientHeight;
+            this.editorWidth = view.scrollDOM.clientWidth;
+            result |= 8 /* Geometry */;
+        }
         if (measureContent) {
             let lineHeights = view.docView.measureVisibleLineHeights();
             if (oracle.mustRefreshForHeights(lineHeights))
                 refresh = true;
-            let contentWidth = dom.clientWidth;
             if (refresh || oracle.lineWrapping && Math.abs(contentWidth - this.contentDOMWidth) > oracle.charWidth) {
                 let { lineHeight, charWidth } = view.docView.measureTextSize();
                 refresh = oracle.refresh(whiteSpace, direction, lineHeight, charWidth, contentWidth / charWidth, lineHeights);
@@ -4711,14 +4719,6 @@ class ViewState {
                     result |= 8 /* Geometry */;
                 }
             }
-            if (this.contentDOMWidth != contentWidth) {
-                this.contentDOMWidth = contentWidth;
-                result |= 8 /* Geometry */;
-            }
-            if (this.editorHeight != view.scrollDOM.clientHeight) {
-                this.editorHeight = view.scrollDOM.clientHeight;
-                result |= 8 /* Geometry */;
-            }
             if (dTop > 0 && dBottom > 0)
                 bias = Math.max(dTop, dBottom);
             else if (dTop < 0 && dBottom < 0)
@@ -6579,6 +6579,13 @@ mechanism for providing decorations.
 */
 EditorView.decorations = decorations;
 /**
+This facet records whether a dark theme is active. The extension
+returned by [`theme`](https://codemirror.net/6/docs/ref/#view.EditorView^theme) automatically
+includes an instance of this when the `dark` option is set to
+true.
+*/
+EditorView.darkTheme = darkTheme;
+/**
 Facet that provides additional DOM attributes for the editor's
 editable DOM element.
 */

package/package.json

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