@kungal/editor-core 0.36.0 → 0.38.0

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @kungal/editor-core
 
+## 0.38.0
+
+### Minor Changes
+
+- 0f3ceab: 隐藏文本:编辑时看得出被隐藏,光标锚点不再进入存库的 markdown
+
+  - **剧透块的底色不再依赖宿主 token。** 原来是 `background: var(--color-default-500)`,
+    没有 fallback —— 宿主没定义这个调色板变量时整条声明作废,实测算出来是
+    `rgba(0, 0, 0, 0)`:编辑时剧透块和正文长得一模一样。而「零 CSS 的 headless 编辑器」
+    正是这样的宿主。现在自带一份不依赖任何设计 token 的默认底色(由 `currentColor`
+    混出,明暗主题都成立),并留出 `--kun-spoiler-bg` 这个换肤钩子 —— 内联样式压得过
+    任何选择器,但压不过自定义属性,所以这是宿主唯一能用纯 CSS 改它的入口。
+    `@kungal/editor-nuxt/editor.css` 把它映射成 `--color-default-200`,KunUI 宿主观感不变。
+  - **光标锚点(`U+200B`)只留在编辑器文档里,不再写进 markdown。** 锚点是编辑器的
+    内部装置(光标必须落在某个 text 节点上),但它一直跟着正文一起被序列化出去,存库的
+    文本会变成 `鲲 ||Galgame||<U+200B> 论坛` —— 数据库、diff、以及每一个不认识本编辑器的
+    下游都得吃下这个看不见的字符。现在在 **serializer** 这一层统一剥掉:`getMarkdown()`、
+    `v-model`、源码视图、宿主自己的 action 都读同一个 slice,所以一处收口全部干净;
+    从旧内容或粘贴带进来的锚点也一并清掉 —— **旧帖打开再保存一次就自愈**。
+    解析时反过来给每个 `||…||` 补回锚点,所以「点在段尾的剧透块后面接着打字,字落在
+    块外面」这件事和以前一样成立。
+
+  对下游没有破坏性改动:markdown 少了一个不可见字符,DOM 结构与命令行为不变。
+
+## 0.37.0
+
+### Minor Changes
+
+- a473708: 隐藏文本:选区里的换行不再写出读不回来的 markdown,选区气泡里也有了这颗按钮
+
+  - **`insertKunSpoilerCommand` 把选区里的换行折成空格。** `||…||` 在每一个读它的地方
+    都只在同一行内配对(这里的 remark 转换、共用同一语法的服务端渲染器),而 commonmark 的
+    hardbreak 声明了 `leafText: () => '\n'` —— 所以选中跨行的文字点「隐藏文本」,按钮会写出
+    `||第一行\n第二行||`:一段它自己都读不回来、渲染出来是两条光秃秃竖线的 markdown。现在
+    `textBetween` 的**两个**分隔符都给 `' '`(块级的本来就是),跨行选区并成一个单行 spoiler。
+  - **选区里一个字都没有时返回 `false`**,而不是把选中的东西替换掉 —— 单独选中一张图片点
+    「隐藏文本」不再删图。(选中的是节点、或在代码块里,原本就已经返回 `false`。)
+  - **选区气泡工具栏加入 `spoiler`**:`KunSelectionItem` 多一个成员,默认那一排变成
+    `bold / italic / strike / code / spoiler / link`。按下态走已有的 `activeMarks.spoiler`,
+    光标在 spoiler 里时按钮点亮、点一下揭示,和固定工具栏完全一致。
+  - 顺手把气泡默认按钮表收成**一份** `DEFAULT_SELECTION_ITEMS`(`context.ts`)。原本
+    `<KunEditor>` 和气泡各存一份,只改气泡那份等于没改 —— 真实编辑器读的是 context 那份。
+
+  **跨行剧透不在此列**:`||…||` 是行内语法(schema `inline: true`,mdast 里开闭两个 `||`
+  根本落在不同的 text 节点上),要藏整段多行内容需要的是一个块级容器语法,得全生态(渲染器
+  先行)另行约定,不是把 `||…||` 拉长。
+
 ## 0.36.0
 
 ### Minor Changes

package/dist/preset/index.cjs

@@ -7,13 +7,13 @@ var listener = require('@milkdown/kit/plugin/listener');
 var clipboard = require('@milkdown/kit/plugin/clipboard');
 var indent = require('@milkdown/kit/plugin/indent');
 var trailing = require('@milkdown/kit/plugin/trailing');
+var core = require('@milkdown/kit/core');
 var model = require('@milkdown/kit/prose/model');
 var exception = require('@milkdown/kit/exception');
 var inputrules = require('@milkdown/kit/prose/inputrules');
 var state = require('@milkdown/kit/prose/state');
 var utils = require('@milkdown/kit/utils');
 var unistUtilVisit = require('unist-util-visit');
-var core = require('@milkdown/kit/core');
 var commands = require('@milkdown/kit/prose/commands');
 var prose = require('@milkdown/kit/prose');
 var katex = require('katex');
@@ -37,10 +37,17 @@ var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
 var spoilerAttr = utils.$nodeAttr("kun-spoiler", () => ({
   container: {
     class: "kun-spoiler",
-    style: "background: var(--color-default-500); border-radius: var(--radius-sm); padding: 0 4px; cursor: pointer;"
+    style: "background: rgba(127, 127, 127, 0.3); background: var(--kun-spoiler-bg, color-mix(in oklab, currentColor 22%, transparent)); border-radius: var(--radius-sm, 0.25rem); padding: 0 4px; cursor: pointer;"
   }
 }));
 var CARET_ANCHOR = "\u200B";
+var stripCaretAnchors = (ctx) => async () => {
+  await ctx.wait(core.SerializerReady);
+  ctx.update(
+    core.serializerCtx,
+    (serialize) => (doc) => serialize(doc).replaceAll(CARET_ANCHOR, "")
+  );
+};
 var withoutAnchors = (content) => {
   const kept = [];
   content.forEach((child) => {
@@ -151,10 +158,13 @@ var insertKunSpoilerCommand = utils.$command(
     if ($from.parent.isTextblock && !$from.parent.canReplaceWith($from.index(), $from.index(), type)) {
       return false;
     }
+    const text = state$1.doc.textBetween(from, to, " ", " ").replaceAll(CARET_ANCHOR, "");
+    if (!empty && !text.trim()) {
+      return false;
+    }
     if (!dispatch) {
       return true;
     }
-    const text = state$1.doc.textBetween(from, to, " ").replaceAll(CARET_ANCHOR, "");
     const node = type.create(null, state$1.schema.text(text || CARET_ANCHOR));
     const tr = state$1.tr.replaceSelectionWith(node, false);
     const after = tr.selection.to;
@@ -198,16 +208,17 @@ var remarkSpoilerPlugin = utils.$remark("remarkSpoiler", () => () => {
       if (!node.value.includes("||")) {
         return;
       }
+      const value = node.value.replaceAll(CARET_ANCHOR, "");
       const regex = /\|\|(.*?)\|\|/g;
       const newNodes = [];
       let lastIndex = 0;
-      for (const match of node.value.matchAll(regex)) {
+      for (const match of value.matchAll(regex)) {
         const [full, content] = match;
         const matchIndex = match.index ?? 0;
         if (matchIndex > lastIndex) {
           newNodes.push({
             type: "text",
-            value: node.value.slice(lastIndex, matchIndex)
+            value: value.slice(lastIndex, matchIndex)
           });
         }
         if (content) {
@@ -215,11 +226,12 @@ var remarkSpoilerPlugin = utils.$remark("remarkSpoiler", () => () => {
             type: "kun-spoiler",
             children: [{ type: "text", value: content }]
           });
+          newNodes.push({ type: "text", value: CARET_ANCHOR });
         }
         lastIndex = matchIndex + full.length;
       }
-      if (lastIndex < node.value.length) {
-        newNodes.push({ type: "text", value: node.value.slice(lastIndex) });
+      if (lastIndex < value.length) {
+        newNodes.push({ type: "text", value: value.slice(lastIndex) });
       }
       if (newNodes.length > 0 && typeof index === "number") {
         parent.children?.splice(index, 1, ...newNodes);
@@ -233,7 +245,8 @@ var createSpoilerPlugin = () => [
   spoilerSchema,
   insertSpoilerInputRule,
   insertKunSpoilerCommand,
-  remarkSpoilerPlugin
+  remarkSpoilerPlugin,
+  stripCaretAnchors
 ].flat();
 var hasMark = (state, type) => {
   if (!type) {