@zuilib/text-editor 0.11.0 → 0.11.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog — @zuilib/text-editor
 
+## 0.11.1
+
+- Fix: mounting an editor no longer steals focus and scrolls to its first
+  code block. The initial markdown import and the one-off re-highlight of
+  existing code blocks now run with Lexical's `skip-dom-selection` tag, so
+  their selection stays internal until the user clicks in
+
 ## 0.11.0
 
 - Depends on **`@zuilib/tokens`** (optional peer) instead of `@zuilib/core`:

package/README.md

@@ -416,7 +416,7 @@ host theme in light and dark mode. Override any of them on
 | `--zui-drawing-chrome` | `var(--background)` | Header and property row background |
 | `--zui-drawing-popover` / `-foreground` | `var(--popover)` / `var(--popover-foreground)` | "More shapes" menu |
 | `--zui-drawing-danger` / `--zui-drawing-success` | `var(--destructive)` / `var(--success)` | Delete button, "copied" state |
-| `--zui-drawing-radius` / `--zui-drawing-control-radius` | `var(--radius-lg)` / `var(--radius)` | Block corners / buttons and menus |
+| `--zui-drawing-radius` / `--zui-drawing-control-radius` | `var(--radius-lg)` / `var(--radius-sm)` | Block corners / buttons and menus |
 | `--zui-drawing-shadow` | `var(--shadow-medium)` | Popover |
 | `--zui-drawing-font` | system sans | Shape text and the inline editor |
 | `--zui-drawing-surface` / `--zui-drawing-grid` / `--zui-drawing-grid-size` | white / 9% black / `20px` | Drawing area and its dot grid, before the dark filter |

package/dist/index.js

@@ -1,3 +1,6 @@
+'use client';
+"use client";
+
 // src/EditorRoot.tsx
 import {
   useCallback as useCallback2,
@@ -1534,7 +1537,7 @@ function registerCodeBlockHighlighting(editor) {
     () => {
       for (const node of $nodesOfType(CodeNode)) node.markDirty();
     },
-    { tag: "history-merge" }
+    { tag: ["history-merge", "skip-dom-selection"] }
   );
   return unregister;
 }
@@ -1589,7 +1592,7 @@ function MarkdownSyncPlugin({
       lastMarkdownRef.current = initialMarkdown;
       editor.update(() => {
         $convertFromMarkdownString(initialMarkdown, transformers);
-      }, { tag: "initial-load" });
+      }, { tag: ["initial-load", "skip-dom-selection"] });
     }
   }, [editor, initialMarkdown]);
   useEffect4(() => {
@@ -6114,7 +6117,7 @@ var editorTheme = {
   link: "text-primary underline hover:opacity-80 cursor-pointer",
   text: {
     bold: "font-bold",
-    code: "bg-muted px-1.5 py-0.5 rounded font-mono text-sm",
+    code: "bg-muted px-1.5 py-0.5 rounded-sm font-mono text-sm",
     italic: "italic",
     strikethrough: "line-through",
     subscript: "text-xs align-sub",

package/dist/styles.css

@@ -552,17 +552,17 @@
 }
 
 .zui-drawing-canvas {
-  --zui-drawing-accent: var(--primary, #3b82f6);
+  --zui-drawing-accent: var(--primary, #2563eb);
   --zui-drawing-foreground: var(--foreground, #0a0a0a);
-  --zui-drawing-muted-foreground: var(--muted-foreground, #71717a);
+  --zui-drawing-muted-foreground: var(--muted-foreground, #65656d);
   --zui-drawing-border: var(--border, #e4e4e7);
   --zui-drawing-chrome: var(--background, #ffffff);
   --zui-drawing-popover: var(--popover, #ffffff);
   --zui-drawing-popover-foreground: var(--popover-foreground, var(--zui-drawing-foreground));
-  --zui-drawing-danger: var(--destructive, #ef4444);
-  --zui-drawing-success: var(--success, #22c55e);
+  --zui-drawing-danger: var(--destructive, #dc2626);
+  --zui-drawing-success: var(--success, #15803d);
   --zui-drawing-radius: var(--radius-lg, 0.75rem);
-  --zui-drawing-control-radius: var(--radius, 0.375rem);
+  --zui-drawing-control-radius: var(--radius-sm, 0.375rem);
   --zui-drawing-shadow: var(--shadow-medium, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
   --zui-drawing-font: ui-sans-serif, system-ui, sans-serif;
   --zui-drawing-surface: #ffffff;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zuilib/text-editor",
-  "version": "0.11.0",
-  "description": "ZUI \u2014 A markdown editor component wrapping Lexical",
+  "version": "0.11.1",
+  "description": "ZUI — A markdown editor component wrapping Lexical",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -13,10 +13,6 @@
     "DRAWING_FORMAT.md",
     "CHANGELOG.md"
   ],
-  "scripts": {
-    "build": "tsup",
-    "test": "node tests/roundtrip.mjs && node --test tests/*.test.mjs"
-  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -59,7 +55,7 @@
     "lexical": "^0.35.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@zuilib/tokens": "workspace:^"
+    "@zuilib/tokens": "^0.1.0"
   },
   "keywords": [
     "lexical",
@@ -69,5 +65,9 @@
     "design-system",
     "react",
     "typescript"
-  ]
-}
+  ],
+  "scripts": {
+    "build": "tsup",
+    "test": "node tests/roundtrip.mjs && node --test tests/*.test.mjs"
+  }
+}