moondown 0.1.0 → 1.0.0

package/README.md

@@ -378,6 +378,12 @@ pnpm run test:e2e:real-ai
 }
 ```
 
+### GitHub Actions 自动发布
+
+仓库包含 `.github/workflows/publish.yml`。推送 `v1.0.0` tag 或手动触发 workflow 后，GitHub Actions 会依次执行依赖安装、类型检查、单元测试、构建、`npm pack --dry-run`，然后通过 `npm publish --access public --provenance` 发布到 npm。
+
+npm 侧需要为该包配置 Trusted Publisher（推荐），或在 GitHub 仓库 secrets 中配置具备发布权限的 `NPM_TOKEN`。
+
 推荐发布流程：
 
 ```bash

package/dist/index.cjs

@@ -113,6 +113,7 @@ function normalizePlugins(plugins) {
 // src/editor/runtime/editor-runtime.ts
 var import_state36 = require("@codemirror/state");
 var import_view36 = require("@codemirror/view");
+var import_language15 = require("@codemirror/language");
 
 // src/extensions/default-extensions.ts
 var import_state35 = require("@codemirror/state");
@@ -4487,7 +4488,7 @@ function buildEditorStyles(options) {
       position: "absolute",
       inset: 0,
       backgroundColor: colors.codeBackground,
-      borderRadius: "8px",
+      borderRadius: 0,
       zIndex: -1
     },
     ".cm-fenced-code:has(.cm-mermaid-widget)::before, .cm-fenced-code:has(.cm-latex-widget)::before": {
@@ -6697,6 +6698,7 @@ function buildTableHelperStyles(edgeButtonSize) {
   .table-helper-operate-button {
     z-index: 3;
     opacity: 0;
+    pointer-events: none;
     position: absolute;
     display: flex;
     align-items: center;
@@ -6714,9 +6716,9 @@ function buildTableHelperStyles(edgeButtonSize) {
     transition: opacity 0.18s ease, transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), color 0.14s ease, border-color 0.14s ease, background-color 0.14s ease;
   }
 
-  table.table-helper:hover .table-helper-operate-button,
-  .table-helper-operate-button:hover {
+  .table-helper-operate-button.is-visible {
     opacity: 1;
+    pointer-events: auto;
   }
 
   .table-helper-operate-button:hover {
@@ -6823,7 +6825,7 @@ function buildTableHelperStyles(edgeButtonSize) {
     backdrop-filter: blur(40px) saturate(180%);
     -webkit-backdrop-filter: blur(40px) saturate(180%);
     font-size: 13px;
-    padding: 4px;
+    padding: 0;
   }
 
   .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
@@ -6843,7 +6845,13 @@ function buildTableHelperStyles(edgeButtonSize) {
   }
 
   .tippy-box[data-theme~='custom'] .tippy-content {
-    padding: 4px;
+    padding: 0;
+  }
+
+  .table-action-popover {
+    display: flex;
+    gap: 2px;
+    padding: 5px;
   }
 
   .tippy-button {
@@ -6851,14 +6859,16 @@ function buildTableHelperStyles(edgeButtonSize) {
     display: flex;
     align-items: center;
     justify-content: center;
-    min-width: 34px;
-    min-height: 34px;
+    width: 32px;
+    height: 32px;
+    min-width: 32px;
+    min-height: 32px;
     border: none;
     border-radius: 8px;
     background: transparent;
     color: #6e6e73;
     cursor: pointer;
-    padding: 8px 10px;
+    padding: 6px;
     font-size: 14px;
     transition: background-color 0.14s ease, color 0.14s ease, transform 0.12s ease;
   }
@@ -6879,10 +6889,7 @@ function buildTableHelperStyles(edgeButtonSize) {
   }
 
   .alignment-options {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 4px;
-    padding: 4px;
+    gap: 2px;
   }
 
   .alignment-options .tippy-button {
@@ -6938,19 +6945,38 @@ function genericTextNode(from, to, value, whitespaceBefore = "") {
 }
 
 // src/extensions/table/table-functions.ts
-function parseNode2(tableNode, markdown3) {
-  const ast = parseNode(tableNode, markdown3);
-  if (ast.type === "Table") {
-    const tableEditorAst = ast.rows.map((row) => row.cells.map((cell) => markdown3.substring(cell.from, cell.to).trim()));
-    if (tableEditorAst.length === 0) {
-      throw new Error("Cannot instantiate TableEditor: Table had zero rows.");
+function parseMarkdownTable(markdown3) {
+  const ast = markdownToAST(markdown3);
+  const table = findTableAst(ast);
+  if (!table) {
+    return void 0;
+  }
+  return tableAstToParsedTable(table, markdown3);
+}
+function tableAstToParsedTable(ast, markdown3) {
+  const tableEditorAst = ast.rows.map((row) => row.cells.map((cell) => markdown3.substring(cell.from, cell.to).trim()));
+  if (tableEditorAst.length === 0) {
+    throw new Error("Cannot instantiate TableEditor: Table had zero rows.");
+  }
+  return {
+    ast: tableEditorAst,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    colAlignments: ast.alignment ?? tableEditorAst[0].map((_cell) => "left")
+  };
+}
+function findTableAst(node) {
+  if (node.type === "Table") {
+    return node;
+  }
+  if ("children" in node) {
+    for (const child of node.children) {
+      const table = findTableAst(child);
+      if (table) {
+        return table;
+      }
     }
-    return {
-      ast: tableEditorAst,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      colAlignments: ast.alignment ?? tableEditorAst[0].map((_cell) => "left")
-    };
   }
+  return void 0;
 }
 function getWhitespaceBeforeNode(node, markdown3) {
   if (node.prevSibling !== null) {
@@ -7030,11 +7056,12 @@ function parseTableNode(node, markdown3) {
   const header = node.getChildren("TableHeader");
   const rows = node.getChildren("TableRow");
   for (const line of markdown3.substring(node.from, node.to).split("\n")) {
-    if (!/^[|+:-]+$/.test(line)) {
+    const normalizedLine = line.trim().replace(/\s+/g, "");
+    if (!/^[|+:-]+$/.test(normalizedLine)) {
       continue;
     }
-    const splitter = line.includes("+") ? "+" : "|";
-    astNode.alignment = line.split(splitter).filter((c) => c.length > 0).map((c) => {
+    const splitter = normalizedLine.includes("+") ? "+" : "|";
+    astNode.alignment = normalizedLine.split(splitter).filter((c) => c.length > 0).map((c) => {
       if (c.startsWith("|")) {
         c = c.substring(1);
       }
@@ -7293,9 +7320,7 @@ function createActionButton(action) {
 }
 function createPopoverContainer() {
   const container = document.createElement("div");
-  container.style.display = "flex";
-  container.style.gap = "5px";
-  container.style.padding = "5px";
+  container.className = "table-action-popover";
   return container;
 }
 function mountIcons2(iconSet) {
@@ -7422,7 +7447,7 @@ var TableEditorActionsPopover = class {
   }
   showAlignmentOptions(target) {
     const alignmentContainer = createPopoverContainer();
-    alignmentContainer.className = "alignment-options";
+    alignmentContainer.classList.add("alignment-options");
     const alignments = [
       {
         icon: "align-left",
@@ -7470,6 +7495,7 @@ var OFFSCREEN_POSITION = "-1000px";
 var BUTTON_OFFSET_SCALE = 0.6;
 var CENTER_SCALE = 1.2;
 var EDGE_BUTTON_SPACING = 5;
+var VISIBLE_CLASS = "is-visible";
 function isPointInsideExpandedRect({ event, table, edgeButtonSize }) {
   const rect = table.getBoundingClientRect();
   const minX = rect.left - edgeButtonSize;
@@ -7497,16 +7523,24 @@ var TableEditorEdgeButtons = class {
   }
   show() {
     if (this.visible) {
+      this.addTopButton.classList.add(VISIBLE_CLASS);
+      this.addLeftButton.classList.add(VISIBLE_CLASS);
       return;
     }
     document.body.appendChild(this.addTopButton);
     document.body.appendChild(this.addLeftButton);
+    this.addTopButton.classList.add(VISIBLE_CLASS);
+    this.addLeftButton.classList.add(VISIBLE_CLASS);
   }
   hide() {
+    this.addTopButton.classList.remove(VISIBLE_CLASS);
+    this.addLeftButton.classList.remove(VISIBLE_CLASS);
     this.addTopButton.parentElement?.removeChild(this.addTopButton);
     this.addLeftButton.parentElement?.removeChild(this.addLeftButton);
   }
   hideOffscreen() {
+    this.addTopButton.classList.remove(VISIBLE_CLASS);
+    this.addLeftButton.classList.remove(VISIBLE_CLASS);
     this.addTopButton.style.top = OFFSCREEN_POSITION;
     this.addLeftButton.style.top = OFFSCREEN_POSITION;
   }
@@ -7849,6 +7883,10 @@ var TableEditor = class {
       this._recalculateEdgeButtonPositions();
       return;
     }
+    if (this._hasFocusedCell()) {
+      this._showEdgeButtons();
+      return;
+    }
     this._hideAllButtons();
   }
   _clickHelper(event) {
@@ -7897,6 +7935,9 @@ var TableEditor = class {
       if (!isInCurrentTable && !this._isClean) {
         this._options.onBlur?.(this);
       }
+      if (!isInCurrentTable) {
+        this._hideAllButtons();
+      }
     }, BLUR_DELAY_MS);
   }
   _onCellFocus(cell) {
@@ -7912,7 +7953,7 @@ var TableEditor = class {
     cell.innerHTML = this._model.getCell(row, col);
     this._rowIndex = row;
     this._cellIndex = col;
-    this._recalculateEdgeButtonPositions();
+    this._showEdgeButtons();
   }
   _onCellKeyDown(event, cell) {
     if (this._options.readOnly) {
@@ -7968,6 +8009,10 @@ var TableEditor = class {
     this._actionsPopover.destroy();
     this._edgeButtons.hide();
   }
+  _hasFocusedCell() {
+    const activeElement = document.activeElement;
+    return !!activeElement && this._elem.contains(activeElement);
+  }
   get _edgeButtonsVisible() {
     return this._edgeButtons.visible;
   }
@@ -8178,21 +8223,20 @@ var TableEditor = class {
 };
 
 // src/extensions/table/table-widget-editor-factory.ts
-function createTableEditorFromSyntaxNode(tableNode, markdown3, options = {}) {
-  const parsed = parseNode2(tableNode, markdown3);
+function createTableEditorFromMarkdown(tableMarkdown, options = {}) {
+  const parsed = parseMarkdownTable(tableMarkdown);
   if (!parsed) {
-    throw new Error("Could not parse table node");
+    throw new Error("Could not parse table markdown");
   }
   return new TableEditor(parsed.ast, parsed.colAlignments, options);
 }
 
 // src/extensions/table/render-tables.ts
 var _TableWidget = class _TableWidget extends import_view32.WidgetType {
-  constructor(table, readOnly, node, originalFrom, originalTo) {
+  constructor(table, readOnly, originalFrom, originalTo) {
     super();
     this.table = table;
     this.readOnly = readOnly;
-    this.node = node;
     this.originalFrom = originalFrom;
     this.originalTo = originalTo;
     __publicField(this, "widgetId");
@@ -8205,7 +8249,7 @@ var _TableWidget = class _TableWidget extends import_view32.WidgetType {
   }
   toDOM(view) {
     try {
-      const editor = createTableEditorFromSyntaxNode(this.node, view.state.sliceDoc(), {
+      const editor = createTableEditorFromMarkdown(this.table, {
         readOnly: this.readOnly,
         onBlur: (instance) => {
           this.saveContent(view, instance);
@@ -8265,7 +8309,7 @@ function getErrorMessage(error) {
 function createWidget3(state, node) {
   const table = state.sliceDoc(node.from, node.to);
   try {
-    return new TableWidget(table, state.facet(import_state33.EditorState.readOnly), node.node, node.from, node.to);
+    return new TableWidget(table, state.facet(import_state33.EditorState.readOnly), node.from, node.to);
   } catch (error) {
     console.error(`Could not instantiate TableEditor widget: ${getErrorMessage(error)}`);
     return void 0;
@@ -8583,6 +8627,7 @@ var EditorRuntime = class {
       },
       annotations: import_state36.Transaction.addToHistory.of(false)
     });
+    this.refreshWysiwygWidgets();
   }
   toggleSyntaxHiding(enabled) {
     this.config.syntaxHiding = enabled;
@@ -8629,6 +8674,16 @@ var EditorRuntime = class {
     this.pluginRuntime.destroy();
     this.view.destroy();
   }
+  refreshWysiwygWidgets() {
+    if (!this.config.syntaxHiding) {
+      return;
+    }
+    (0, import_language15.forceParsing)(this.view, this.view.state.doc.length, 500);
+    this.view.dispatch({
+      effects: wysiwygCompartment.reconfigure(resolveWysiwygExtensions(true)),
+      annotations: import_state36.Transaction.addToHistory.of(false)
+    });
+  }
 };
 
 // src/editor/moondown-editor.ts