@nonoun/native-codemirror 0.2.1 → 0.2.3

package/dist/base-extensions.d.ts

@@ -18,7 +18,6 @@ import type { Extension } from '@codemirror/state';
  * - Active line + gutter highlighting
  * - Selection drawing and special character highlighting
  * - Indent on input
- * - Line wrapping
  */
 export declare const NBaseExtensions: Extension;
 //# sourceMappingURL=base-extensions.d.ts.map

package/dist/base-extensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-extensions.d.ts","sourceRoot":"","sources":["../src/base-extensions.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAwBnD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,SAmC7B,CAAC"}
+{"version":3,"file":"base-extensions.d.ts","sourceRoot":"","sources":["../src/base-extensions.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAuBnD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,SAgC7B,CAAC"}

package/dist/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../src/factory.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,WAAW,EACtB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,UAAU,CAuBZ"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../src/factory.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,WAAW,EACtB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,UAAU,CA4BZ"}

package/dist/native-codemirror.css

@@ -20,21 +20,31 @@
     --n-cm-scrollbar-hover: #5e6167;
     --n-cm-match-bg: #314050;
 
-    border-radius: var(--n-radius, 8px);
+    /*border-radius: var(--n-radius, 8px);*/
     overflow: hidden;
     font-variant-ligatures: contextual;
     line-height: 1.6;
   }
 
+  :where(.cm-content):focus-visible,
   :where(.cm-editor.cm-focused) {
     outline: none;
   }
 
   /* -----------------------------------------------------------------------
-   * Scroller
+   * Scroller — structural fallbacks
+   *
+   * WHY: CodeMirror's base theme injects display: flex !important on
+   * .cm-scroller via a JS <style> tag (unlayered). In @layer ui,
+   * !important declarations beat unlayered !important (reverse layer
+   * order), so these serve as authoritative structural rules that
+   * ensure the horizontal gutter+content layout works even if the
+   * base theme's <style> tag fails to inject or gets removed by HMR.
    * --------------------------------------------------------------------- */
 
   :where(.cm-scroller) {
+    display: flex !important;
+    align-items: flex-start !important;
     overflow: auto;
     font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code',
       ui-monospace, SFMono-Regular, Menlo, monospace;
@@ -140,6 +150,17 @@
 
   :where(.cm-content) {
     padding: 8px 0;
+    /* WHY: UA stylesheets may set color on [contenteditable] based on the
+       inherited color-scheme (e.g. CanvasText → black in light mode).
+       Explicit `color: inherit` as an author rule overrides the UA color,
+       preserving the theme's color set on .cm-editor. */
+    color: inherit;
+    /* Structural fallback — matches CM base theme */
+    flex-grow: 2;
+    flex-shrink: 0;
+    white-space: pre;
+    word-wrap: normal;
+    min-height: 100%;
   }
 
   :where(.cm-line) {

package/dist/native-codemirror.js

@@ -1,5 +1,5 @@
-import { Decoration as e, EditorView as t, EditorView as n, ViewPlugin as r, WidgetType as i, drawSelection as a, drawSelection as o, highlightActiveLine as s, highlightActiveLine as ee, highlightActiveLineGutter as te, highlightActiveLineGutter as c, highlightSpecialChars as ne, keymap as re, keymap as ie, lineNumbers as ae, lineNumbers as oe } from "@codemirror/view";
-import { HighlightStyle as l, HighlightStyle as u, bracketMatching as d, bracketMatching as f, foldGutter as p, foldGutter as m, foldKeymap as se, indentOnInput as ce, indentOnInput as le, syntaxHighlighting as ue, syntaxHighlighting as de, syntaxTree as fe } from "@codemirror/language";
+import { Decoration as e, EditorView as t, EditorView as n, ViewPlugin as r, WidgetType as i, drawSelection as a, drawSelection as o, highlightActiveLine as s, highlightActiveLine as c, highlightActiveLineGutter as ee, highlightActiveLineGutter as te, highlightSpecialChars as ne, keymap as l, keymap as re, lineNumbers as ie, lineNumbers as ae } from "@codemirror/view";
+import { HighlightStyle as oe, HighlightStyle as u, bracketMatching as d, bracketMatching as f, foldGutter as p, foldGutter as m, foldKeymap as se, indentOnInput as ce, indentOnInput as le, syntaxHighlighting as ue, syntaxHighlighting as de, syntaxTree as fe } from "@codemirror/language";
 import { tags as h, tags as g } from "@lezer/highlight";
 import { defaultKeymap as _, defaultKeymap as v, history as y, history as b, historyKeymap as x, historyKeymap as S, redo as C, undo as w } from "@codemirror/commands";
 import { autocompletion as T, autocompletion as E, closeBrackets as D, closeBrackets as O, closeBracketsKeymap as k, closeBracketsKeymap as A, completionKeymap as j, completionKeymap as M } from "@codemirror/autocomplete";
@@ -11,7 +11,7 @@ import { Compartment as N, EditorState as pe, EditorState as P, StateEffect as F
 * @nonoun/native-ui OKLCH design system. Uses EditorView.theme()
 * with { dark: true } and HighlightStyle.define() for syntax tokens.
 */
-var L = "#282c34", R = "#21252b", z = "#abb2bf", B = "#7d8799", V = "#528bff", H = "#3E4451", U = "#c678dd", W = "#98c379", G = "#61afef", K = "#e06c75", q = "#e5c07b", J = "#56b6c2", Y = "#d19a66";
+var L = "var(--n-code-bg, #282c34)", R = "var(--n-code-bg-dark, #21252b)", z = "var(--n-code-text, #abb2bf)", B = "var(--n-code-text-muted, #7d8799)", V = "#528bff", H = "#3E4451", U = "#c678dd", W = "#98c379", G = "#61afef", K = "#e06c75", q = "#e5c07b", J = "#56b6c2", Y = "#d19a66";
 const X = n.theme({
 	"&": {
 		color: z,
@@ -360,12 +360,11 @@ const X = n.theme({
 	f(),
 	O(),
 	E(),
-	oe(),
+	ae(),
 	m(),
-	ee(),
 	c(),
-	n.lineWrapping,
-	ie.of([
+	te(),
+	re.of([
 		...A,
 		...v,
 		...S,
@@ -412,7 +411,8 @@ function me(e, t) {
 			doc: r,
 			extensions: o
 		}),
-		parent: e
+		parent: e,
+		root: e.ownerDocument
 	});
 }
-export { N as Compartment, e as Decoration, pe as EditorState, t as EditorView, l as HighlightStyle, $ as NBaseExtensions, Z as NHighlightStyle, Q as NSyntaxHighlighting, X as NTheme, F as StateEffect, I as StateField, r as ViewPlugin, i as WidgetType, T as autocompletion, d as bracketMatching, D as closeBrackets, k as closeBracketsKeymap, j as completionKeymap, me as createEditorView, _ as defaultKeymap, a as drawSelection, p as foldGutter, s as highlightActiveLine, te as highlightActiveLineGutter, y as history, x as historyKeymap, ce as indentOnInput, re as keymap, ae as lineNumbers, C as redo, ue as syntaxHighlighting, fe as syntaxTree, h as tags, w as undo };
+export { N as Compartment, e as Decoration, pe as EditorState, t as EditorView, oe as HighlightStyle, $ as NBaseExtensions, Z as NHighlightStyle, Q as NSyntaxHighlighting, X as NTheme, F as StateEffect, I as StateField, r as ViewPlugin, i as WidgetType, T as autocompletion, d as bracketMatching, D as closeBrackets, k as closeBracketsKeymap, j as completionKeymap, me as createEditorView, _ as defaultKeymap, a as drawSelection, p as foldGutter, s as highlightActiveLine, ee as highlightActiveLineGutter, y as history, x as historyKeymap, ce as indentOnInput, l as keymap, ie as lineNumbers, C as redo, ue as syntaxHighlighting, fe as syntaxTree, h as tags, w as undo };

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,cAAc,EAAsB,MAAM,sBAAsB,CAAC;AA0B1E,eAAO,MAAM,MAAM,uCAqKlB,CAAC;AAMF,eAAO,MAAM,eAAe,gBAoF1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,uCAAsC,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,cAAc,EAAsB,MAAM,sBAAsB,CAAC;AA8B1E,eAAO,MAAM,MAAM,uCAqKlB,CAAC;AAMF,eAAO,MAAM,eAAe,gBAoF1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,uCAAsC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-codemirror",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Shared CodeMirror 6 integration layer for @nonoun/native-ui ecosystem",
   "license": "MIT",
   "type": "module",