@milkdown/preset-gfm 7.15.5 → 7.17.0

package/lib/composed/index.d.ts

@@ -1,5 +1,6 @@
 export * from './keymap';
 export * from './inputrules';
+export * from './pasterules';
 export * from './plugins';
 export * from './schema';
 export * from './commands';

package/lib/composed/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/lib/composed/pasterules.d.ts

@@ -0,0 +1,3 @@
+import type { MilkdownPlugin } from '@milkdown/ctx';
+export declare const pasteRules: MilkdownPlugin[];
+//# sourceMappingURL=pasterules.d.ts.map

package/lib/composed/pasterules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pasterules.d.ts","sourceRoot":"","sources":["../../src/composed/pasterules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,eAAO,MAAM,UAAU,EAAE,cAAc,EAAqB,CAAA"}

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAG1B,eAAO,MAAM,GAAG,0CAOR,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAUA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAG1B,eAAO,MAAM,GAAG,0CAQR,CAAA"}

package/lib/index.js

@@ -1,11 +1,12 @@
 import { expectDomTypeError } from "@milkdown/exception";
 import { paragraphSchema, listItemSchema } from "@milkdown/preset-commonmark";
 import { InputRule } from "@milkdown/prose/inputrules";
-import { $markAttr, $markSchema, $inputRule, $useKeymap, $command, $nodeSchema, $prose, $remark } from "@milkdown/utils";
-import { tableNodes, TableMap, CellSelection, goToNextCell, isInTable, deleteTable, deleteColumn, deleteRow, selectedRect, addColumnBefore, addColumnAfter, setCellAttr, columnResizing, tableEditing } from "@milkdown/prose/tables";
+import { $markAttr, $markSchema, $inputRule, $useKeymap, $command, $nodeSchema, $pasteRule, $prose, $remark } from "@milkdown/utils";
+import { tableNodes, findTable, TableMap, CellSelection, goToNextCell, isInTable, moveTableRow, moveTableColumn, deleteTable, deleteColumn, deleteRow, selectedRect, addColumnBefore, addColumnAfter, setCellAttr, columnResizing, tableEditing } from "@milkdown/prose/tables";
 import { commandsCtx } from "@milkdown/core";
 import { markRule, findParentNodeClosestToPos, cloneTr, findParentNodeType } from "@milkdown/prose";
 import { toggleMark } from "@milkdown/prose/commands";
+import { Slice, Fragment } from "@milkdown/prose/model";
 import { Selection, TextSelection, Plugin, PluginKey } from "@milkdown/prose/state";
 import { imeSpan } from "prosemirror-safari-ime-span";
 import remarkGFM from "remark-gfm";
@@ -286,11 +287,6 @@ function createTable(ctx, rowsCount = 3, colsCount = 3) {
   );
   return tableSchema.type(ctx).create(null, rows);
 }
-function findTable($pos) {
-  return findParentNodeClosestToPos(
-    (node) => node.type.spec.tableRole === "table"
-  )($pos);
-}
 function getCellsInCol(columnIndexes, selection) {
   const table = findTable(selection.$from);
   if (!table) return void 0;
@@ -382,278 +378,6 @@ function addRowWithAlignment(ctx, tr, { map, tableStart, table }, row) {
   tr.insert(rowPos, tableRowSchema.type(ctx).create(null, cells));
   return tr;
 }
-function convertRowsToTable(tableNode, arrayOfNodes) {
-  const rowsPM = [];
-  const map = TableMap.get(tableNode);
-  for (let rowIndex = 0; rowIndex < map.height; rowIndex++) {
-    const row = tableNode.child(rowIndex);
-    const rowCells = [];
-    for (let colIndex = 0; colIndex < map.width; colIndex++) {
-      if (!arrayOfNodes[rowIndex][colIndex]) continue;
-      const cellPos = map.map[rowIndex * map.width + colIndex];
-      const cell = arrayOfNodes[rowIndex][colIndex];
-      const oldCell = tableNode.nodeAt(cellPos);
-      const newCell = oldCell.type.createChecked(
-        Object.assign({}, cell.attrs),
-        cell.content,
-        cell.marks
-      );
-      rowCells.push(newCell);
-    }
-    rowsPM.push(row.type.createChecked(row.attrs, rowCells, row.marks));
-  }
-  const newTable = tableNode.type.createChecked(
-    tableNode.attrs,
-    rowsPM,
-    tableNode.marks
-  );
-  return newTable;
-}
-function convertTableToRows(tableNode) {
-  const map = TableMap.get(tableNode);
-  const rows = [];
-  const rowCount = map.height;
-  const colCount = map.width;
-  for (let rowIndex = 0; rowIndex < rowCount; rowIndex++) {
-    const row = [];
-    for (let colIndex = 0; colIndex < colCount; colIndex++) {
-      let cellIndex = rowIndex * colCount + colIndex;
-      let cellPos = map.map[cellIndex];
-      if (rowIndex > 0) {
-        const topCellIndex = cellIndex - colCount;
-        const topCellPos = map.map[topCellIndex];
-        if (cellPos === topCellPos) {
-          row.push(null);
-          continue;
-        }
-      }
-      if (colIndex > 0) {
-        const leftCellIndex = cellIndex - 1;
-        const leftCellPos = map.map[leftCellIndex];
-        if (cellPos === leftCellPos) {
-          row.push(null);
-          continue;
-        }
-      }
-      if (!cellPos) {
-        row.push(null);
-      } else {
-        row.push(tableNode.nodeAt(cellPos));
-      }
-    }
-    rows.push(row);
-  }
-  return rows;
-}
-function getSelectionRangeInRow(tr, startRowIndex, endRowIndex = startRowIndex) {
-  let startIndex = startRowIndex;
-  let endIndex = endRowIndex;
-  for (let i = startRowIndex; i >= 0; i--) {
-    const cells = getCellsInRow(i, tr.selection);
-    if (cells) {
-      cells.forEach((cell) => {
-        const maybeEndIndex = cell.node.attrs.rowspan + i - 1;
-        if (maybeEndIndex >= startIndex) {
-          startIndex = i;
-        }
-        if (maybeEndIndex > endIndex) {
-          endIndex = maybeEndIndex;
-        }
-      });
-    }
-  }
-  for (let i = startRowIndex; i <= endIndex; i++) {
-    const cells = getCellsInRow(i, tr.selection);
-    if (cells) {
-      cells.forEach((cell) => {
-        const maybeEndIndex = cell.node.attrs.rowspan + i - 1;
-        if (cell.node.attrs.rowspan > 1 && maybeEndIndex > endIndex) {
-          endIndex = maybeEndIndex;
-        }
-      });
-    }
-  }
-  const indexes = [];
-  for (let i = startIndex; i <= endIndex; i++) {
-    const maybeCells = getCellsInRow(i, tr.selection);
-    if (maybeCells && maybeCells.length > 0) {
-      indexes.push(i);
-    }
-  }
-  startIndex = indexes[0];
-  endIndex = indexes[indexes.length - 1];
-  const firstSelectedRowCells = getCellsInRow(startIndex, tr.selection);
-  const firstColumnCells = getCellsInCol(0, tr.selection);
-  if (!firstSelectedRowCells || !firstColumnCells) {
-    return;
-  }
-  const $anchor = tr.doc.resolve(
-    firstSelectedRowCells[firstSelectedRowCells.length - 1].pos
-  );
-  let headCell;
-  for (let i = endIndex; i >= startIndex; i--) {
-    const rowCells = getCellsInRow(i, tr.selection);
-    if (rowCells && rowCells.length > 0) {
-      for (let j = firstColumnCells.length - 1; j >= 0; j--) {
-        if (firstColumnCells[j].pos === rowCells[0].pos) {
-          headCell = rowCells[0];
-          break;
-        }
-      }
-      if (headCell) {
-        break;
-      }
-    }
-  }
-  if (!headCell) {
-    return;
-  }
-  const $head = tr.doc.resolve(headCell.pos);
-  return { $anchor, $head, indexes };
-}
-function moveRowInArrayOfRows(rows, indexesOrigin, indexesTarget, directionOverride) {
-  const direction = indexesOrigin[0] > indexesTarget[0] ? -1 : 1;
-  const rowsExtracted = rows.splice(indexesOrigin[0], indexesOrigin.length);
-  const positionOffset = rowsExtracted.length % 2 === 0 ? 1 : 0;
-  let target;
-  {
-    target = direction === -1 ? indexesTarget[0] : indexesTarget[indexesTarget.length - 1] - positionOffset;
-  }
-  rows.splice(target, 0, ...rowsExtracted);
-  return rows;
-}
-function moveRow(moveRowParams) {
-  const { tr, origin, target, select, pos } = moveRowParams;
-  const $pos = tr.doc.resolve(pos);
-  const table = findTable($pos);
-  if (!table) return false;
-  const indexesOriginRow = getSelectionRangeInRow(tr, origin)?.indexes;
-  const indexesTargetRow = getSelectionRangeInRow(tr, target)?.indexes;
-  if (!indexesOriginRow || !indexesTargetRow) return false;
-  if (indexesOriginRow.includes(target)) return false;
-  const newTable = moveTableRow(
-    table.node,
-    indexesOriginRow,
-    indexesTargetRow
-  );
-  tr.replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
-  if (!select) return true;
-  const map = TableMap.get(newTable);
-  const start = table.start;
-  const index = target;
-  const lastCell = map.positionAt(index, map.width - 1, newTable);
-  const $lastCell = tr.doc.resolve(start + lastCell);
-  const firstCell = map.positionAt(index, 0, newTable);
-  const $firstCell = tr.doc.resolve(start + firstCell);
-  tr.setSelection(CellSelection.rowSelection($lastCell, $firstCell));
-  return true;
-}
-function moveTableRow(table, indexesOrigin, indexesTarget, direction) {
-  let rows = convertTableToRows(table);
-  rows = moveRowInArrayOfRows(rows, indexesOrigin, indexesTarget);
-  return convertRowsToTable(table, rows);
-}
-function getSelectionRangeInCol(tr, startColIndex, endColIndex = startColIndex) {
-  let startIndex = startColIndex;
-  let endIndex = endColIndex;
-  for (let i = startColIndex; i >= 0; i--) {
-    const cells = getCellsInCol(i, tr.selection);
-    if (cells) {
-      cells.forEach((cell) => {
-        const maybeEndIndex = cell.node.attrs.colspan + i - 1;
-        if (maybeEndIndex >= startIndex) {
-          startIndex = i;
-        }
-        if (maybeEndIndex > endIndex) {
-          endIndex = maybeEndIndex;
-        }
-      });
-    }
-  }
-  for (let i = startColIndex; i <= endIndex; i++) {
-    const cells = getCellsInCol(i, tr.selection);
-    if (cells) {
-      cells.forEach((cell) => {
-        const maybeEndIndex = cell.node.attrs.colspan + i - 1;
-        if (cell.node.attrs.colspan > 1 && maybeEndIndex > endIndex) {
-          endIndex = maybeEndIndex;
-        }
-      });
-    }
-  }
-  const indexes = [];
-  for (let i = startIndex; i <= endIndex; i++) {
-    const maybeCells = getCellsInCol(i, tr.selection);
-    if (maybeCells && maybeCells.length > 0) {
-      indexes.push(i);
-    }
-  }
-  startIndex = indexes[0];
-  endIndex = indexes[indexes.length - 1];
-  const firstSelectedColumnCells = getCellsInCol(startIndex, tr.selection);
-  const firstRowCells = getCellsInRow(0, tr.selection);
-  if (!firstSelectedColumnCells || !firstRowCells) {
-    return;
-  }
-  const $anchor = tr.doc.resolve(
-    firstSelectedColumnCells[firstSelectedColumnCells.length - 1].pos
-  );
-  let headCell;
-  for (let i = endIndex; i >= startIndex; i--) {
-    const columnCells = getCellsInCol(i, tr.selection);
-    if (columnCells && columnCells.length > 0) {
-      for (let j = firstRowCells.length - 1; j >= 0; j--) {
-        if (firstRowCells[j].pos === columnCells[0].pos) {
-          headCell = columnCells[0];
-          break;
-        }
-      }
-      if (headCell) {
-        break;
-      }
-    }
-  }
-  if (!headCell) {
-    return;
-  }
-  const $head = tr.doc.resolve(headCell.pos);
-  return { $anchor, $head, indexes };
-}
-function transpose(array) {
-  return array[0].map((_, i) => array.map((column) => column[i]));
-}
-function moveCol(moveColParams) {
-  const { tr, origin, target, select, pos } = moveColParams;
-  const $pos = tr.doc.resolve(pos);
-  const table = findTable($pos);
-  if (!table) return false;
-  const indexesOriginColumn = getSelectionRangeInCol(tr, origin)?.indexes;
-  const indexesTargetColumn = getSelectionRangeInCol(tr, target)?.indexes;
-  if (!indexesOriginColumn || !indexesTargetColumn) return false;
-  if (indexesOriginColumn.includes(target)) return false;
-  const newTable = moveTableCol(
-    table.node,
-    indexesOriginColumn,
-    indexesTargetColumn
-  );
-  tr.replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
-  if (!select) return true;
-  const map = TableMap.get(newTable);
-  const start = table.start;
-  const index = target;
-  const lastCell = map.positionAt(map.height - 1, index, newTable);
-  const $lastCell = tr.doc.resolve(start + lastCell);
-  const firstCell = map.positionAt(0, index, newTable);
-  const $firstCell = tr.doc.resolve(start + firstCell);
-  tr.setSelection(CellSelection.colSelection($lastCell, $firstCell));
-  return true;
-}
-function moveTableCol(table, indexesOrigin, indexesTarget, direction) {
-  let rows = transpose(convertTableToRows(table));
-  rows = moveRowInArrayOfRows(rows, indexesOrigin, indexesTarget);
-  rows = transpose(rows);
-  return convertRowsToTable(table, rows);
-}
 function getAllCellsInTable(selection) {
   const table = findTable(selection.$from);
   if (!table) return;
@@ -739,20 +463,11 @@ withMeta(insertTableCommand, {
 });
 const moveRowCommand = $command(
   "MoveRow",
-  () => ({ from, to, pos } = {}) => (state, dispatch) => {
-    const { tr } = state;
-    if (moveRow({
-      tr,
-      origin: from ?? 0,
-      target: to ?? 0,
-      pos: pos ?? state.selection.from,
-      select: true
-    })) {
-      dispatch?.(tr);
-      return true;
-    }
-    return false;
-  }
+  () => ({ from, to, pos } = {}) => moveTableRow({
+    from: from ?? 0,
+    to: to ?? 0,
+    pos
+  })
 );
 withMeta(moveRowCommand, {
   displayName: "Command<moveRowCommand>",
@@ -760,20 +475,11 @@ withMeta(moveRowCommand, {
 });
 const moveColCommand = $command(
   "MoveCol",
-  () => ({ from, to, pos } = {}) => (state, dispatch) => {
-    const { tr } = state;
-    if (moveCol({
-      tr,
-      origin: from ?? 0,
-      target: to ?? 0,
-      pos: pos ?? state.selection.from,
-      select: true
-    })) {
-      dispatch?.(tr);
-      return true;
-    }
-    return false;
-  }
+  () => ({ from, to, pos } = {}) => moveTableColumn({
+    from: from ?? 0,
+    to: to ?? 0,
+    pos
+  })
 );
 withMeta(moveColCommand, {
   displayName: "Command<moveColCommand>",
@@ -907,6 +613,47 @@ withMeta(insertTableInputRule, {
   displayName: "InputRule<insertTableInputRule>",
   group: "Table"
 });
+const tablePasteRule = $pasteRule((ctx) => ({
+  run: (slice, _view, isPlainText) => {
+    if (isPlainText) {
+      return slice;
+    }
+    let fragment = slice.content;
+    slice.content.forEach((node, _offset, index) => {
+      if (node?.type !== tableSchema.type(ctx)) {
+        return;
+      }
+      const rowsCount = node.childCount;
+      const colsCount = node.lastChild?.childCount ?? 0;
+      if (rowsCount === 0 || colsCount === 0) {
+        fragment = fragment.replaceChild(
+          index,
+          paragraphSchema.type(ctx).create()
+        );
+        return;
+      }
+      const headerRow = node.firstChild;
+      const needToFixHeaderRow = colsCount > 0 && headerRow && headerRow.childCount === 0;
+      if (!needToFixHeaderRow) {
+        return;
+      }
+      const headerCells = Array(colsCount).fill(0).map(() => tableHeaderSchema.type(ctx).createAndFill());
+      const tableCells = new Slice(Fragment.from(headerCells), 0, 0);
+      const newHeaderRow = headerRow.replace(0, 0, tableCells);
+      const newTable = node.replace(
+        0,
+        headerRow.nodeSize,
+        new Slice(Fragment.from(newHeaderRow), 0, 0)
+      );
+      fragment = fragment.replaceChild(index, newTable);
+    });
+    return new Slice(Fragment.from(fragment), slice.openStart, slice.openEnd);
+  }
+}));
+withMeta(tablePasteRule, {
+  displayName: "PasteRule<table>",
+  group: "Table"
+});
 const tableKeymap = $useKeymap("tableKeymap", {
   NextCell: {
     priority: 100,
@@ -1196,6 +943,7 @@ const inputRules = [
   wrapInTaskListInputRule
 ];
 const markInputRules = [strikethroughInputRule];
+const pasteRules = [tablePasteRule];
 const autoInsertSpanPlugin = $prose(() => imeSpan);
 withMeta(autoInsertSpanPlugin, {
   displayName: "Prose<autoInsertSpanPlugin>",
@@ -1299,6 +1047,7 @@ const commands = [
 const gfm = [
   schema,
   inputRules,
+  pasteRules,
   markInputRules,
   keymap,
   commands,
@@ -1317,7 +1066,6 @@ export {
   deleteSelectedCellsCommand,
   exitTable,
   extendListItemSchemaForTask,
-  findTable,
   footnoteDefinitionSchema,
   footnoteReferenceSchema,
   getAllCellsInTable,
@@ -1332,10 +1080,9 @@ export {
   keepTableAlignPlugin,
   keymap,
   markInputRules,
-  moveCol,
   moveColCommand,
-  moveRow,
   moveRowCommand,
+  pasteRules,
   plugins,
   remarkGFMPlugin,
   schema,
@@ -1356,6 +1103,7 @@ export {
   tableHeaderRowSchema,
   tableHeaderSchema,
   tableKeymap,
+  tablePasteRule,
   tableRowSchema,
   tableSchema,
   toggleStrikethroughCommand,