@prosekit/extensions 0.11.5 → 0.11.6

package/dist/{table-Bi7WsMI3.js.map → table-BNwuK7xg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-Bi7WsMI3.js","names":["exitTable: Command","onDrag: DragEventHandler","match: boolean"],"sources":["../src/table/table-commands/exit-table.ts","../src/table/table-commands/insert-table.ts","../src/table/table-utils.ts","../src/table/table-commands/select-table.ts","../src/table/table-commands/select-table-cell.ts","../src/table/table-commands/select-table-column.ts","../src/table/table-commands/select-table-row.ts","../src/table/table-commands.ts","../src/table/table-drop-indicator.ts","../src/table/table-plugins.ts","../src/table/table-spec.ts","../src/table/table.ts"],"sourcesContent":["import { defaultBlockAt } from '@prosekit/core'\nimport { TextSelection } from '@prosekit/pm/state'\nimport type { Command } from '@prosekit/pm/state'\nimport type { TableRole } from 'prosemirror-tables'\n\n/**\n * When the selection is in a table node, create a default block after the table\n * table, and move the cursor there.\n *\n * @public\n */\nexport const exitTable: Command = (state, dispatch) => {\n  const { $head, $anchor } = state.selection\n\n  if (!$head.sameParent($anchor)) {\n    return false\n  }\n\n  let tableStart = -1\n  let tableDepth = -1\n  for (let depth = $head.depth; depth >= 0; depth--) {\n    const node = $head.node(depth)\n    if ((node.type.spec.tableRole as TableRole) === 'table') {\n      tableStart = $head.before(depth)\n      tableDepth = depth\n    }\n  }\n\n  if (tableStart < 0 || tableDepth <= 0) {\n    return false\n  }\n\n  const above = $head.node(tableDepth - 1)\n  const after = $head.indexAfter(tableDepth - 1)\n  const type = defaultBlockAt(above.contentMatchAt(after))\n  const node = type?.createAndFill()\n\n  if (!type || !node || !above.canReplaceWith(after, after, type)) {\n    return false\n  }\n\n  if (dispatch) {\n    const pos = $head.after(tableDepth)\n    const tr = state.tr.replaceWith(pos, pos, node)\n    tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1))\n    dispatch(tr.scrollIntoView())\n  }\n  return true\n}\n","import {\n  getNodeType,\n  insertNode,\n} from '@prosekit/core'\nimport type { Schema } from '@prosekit/pm/model'\nimport type { Command } from '@prosekit/pm/state'\n\nfunction createEmptyTable(\n  schema: Schema,\n  row: number,\n  col: number,\n  header: boolean,\n) {\n  const tableType = getNodeType(schema, 'table')\n  const tableRowType = getNodeType(schema, 'tableRow')\n  const tableCellType = getNodeType(schema, 'tableCell')\n  const tableHeaderCellType = getNodeType(schema, 'tableHeaderCell')\n\n  if (header) {\n    const headerCell = tableHeaderCellType.createAndFill()!\n    const headerCells = repeat(headerCell, col)\n    const headerRow = tableRowType.createAndFill(null, headerCells)!\n\n    const bodyCell = tableCellType.createAndFill()!\n    const bodyCells = repeat(bodyCell, col)\n    const bodyRow = tableRowType.createAndFill(null, bodyCells)!\n    const bodyRows = repeat(bodyRow, row - 1)\n\n    return tableType.createAndFill(null, [headerRow, ...bodyRows])!\n  } else {\n    const bodyCell = tableCellType.createAndFill()!\n    const bodyCells = repeat(bodyCell, col)\n    const bodyRow = tableRowType.createAndFill(null, bodyCells)!\n    const bodyRows = repeat(bodyRow, row)\n\n    return tableType.createAndFill(null, bodyRows)!\n  }\n}\n\nfunction repeat<T>(node: T, length: number): T[] {\n  return Array<T>(length).fill(node)\n}\n\n/**\n * @public\n */\nexport interface InsertTableOptions {\n  /**\n   * The number of rows in the table.\n   */\n  row: number\n\n  /**\n   * The number of columns in the table.\n   */\n  col: number\n\n  /**\n   * Whether the table has a header row.\n   *\n   * @default false\n   */\n  header?: boolean\n}\n\n/**\n * Insert a table node with the given number of rows and columns, and optionally\n * a header row.\n *\n * @param options\n *\n * @public\n */\nexport function insertTable(options: InsertTableOptions): Command {\n  return (state, dispatch, view) => {\n    const { row, col, header = false } = options\n    const table = createEmptyTable(state.schema, row, col, header)\n    return insertNode({ node: table })(state, dispatch, view)\n  }\n}\n","import { CellSelection } from 'prosemirror-tables'\n\nexport {\n  findCellPos,\n  findCellRange,\n  findTable,\n} from 'prosemirror-tables'\n\n/**\n * Checks if the given object is a `CellSelection` instance.\n *\n * @public\n */\nexport function isCellSelection(value: unknown): value is CellSelection {\n  return value instanceof CellSelection\n}\n","import type { Command } from '@prosekit/pm/state'\nimport {\n  CellSelection,\n  TableMap,\n} from 'prosemirror-tables'\n\nimport { findTable } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableOptions {\n  /**\n   * A hit position of the table to select from. By default, the selection\n   * anchor will be used.\n   */\n  pos?: number\n}\n\n/**\n * @public\n */\nexport function selectTable(options?: SelectTableOptions): Command {\n  return (state, dispatch) => {\n    const $pos = options?.pos\n      ? state.doc.resolve(options.pos)\n      : state.selection.$anchor\n    const table = findTable($pos)\n    if (!table) {\n      return false\n    }\n    const map = TableMap.get(table.node)\n    if (map.map.length === 0) {\n      return false\n    }\n    if (dispatch) {\n      let tr = state.tr\n      const firstCellPosInTable = map.map[0]\n      const lastCellPosInTable = map.map[map.map.length - 1]\n      const firstCellPos = table.pos + firstCellPosInTable + 1\n      const lastCellPos = table.pos + lastCellPosInTable + 1\n      const $firstCellPos = tr.doc.resolve(firstCellPos)\n      const $lastCellPos = tr.doc.resolve(lastCellPos)\n      const selection = new CellSelection($firstCellPos, $lastCellPos)\n      tr = tr.setSelection(selection)\n      dispatch?.(tr)\n    }\n    return true\n  }\n}\n","import type { Command } from '@prosekit/pm/state'\nimport { CellSelection } from 'prosemirror-tables'\n\nimport { findCellPos } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableCellOptions {\n  /**\n   * A hit position of the table cell to select from. By default, the selection\n   * anchor will be used.\n   */\n  pos?: number\n}\n\n/**\n * @public\n */\nexport function selectTableCell(options?: SelectTableCellOptions): Command {\n  return (state, dispatch) => {\n    const $cellPos = findCellPos(\n      state.doc,\n      options?.pos ?? state.selection.anchor,\n    )\n    if (!$cellPos) {\n      return false\n    }\n    if (dispatch) {\n      const selection = new CellSelection($cellPos)\n      dispatch(state.tr.setSelection(selection))\n    }\n    return true\n  }\n}\n","import type { Command } from '@prosekit/pm/state'\nimport { CellSelection } from 'prosemirror-tables'\n\nimport { findCellRange } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableColumnOptions {\n  /**\n   * A hit position of the table cell to select from. By default, the selection\n   * anchor will be used.\n   */\n  anchor?: number\n\n  /**\n   * A hit position of the table cell to select to. By default, the selection\n   * head will be used.\n   */\n  head?: number\n}\n\n/**\n * @public\n */\nexport function selectTableColumn(options?: SelectTableColumnOptions): Command {\n  return (state, dispatch) => {\n    const range = findCellRange(state.selection, options?.anchor, options?.head)\n    if (!range) {\n      return false\n    }\n    if (dispatch) {\n      const [$anchorCell, $headCell] = range\n      const selection = CellSelection.colSelection($anchorCell, $headCell)\n      dispatch(state.tr.setSelection(selection))\n    }\n    return true\n  }\n}\n","import type { Command } from '@prosekit/pm/state'\nimport { CellSelection } from 'prosemirror-tables'\n\nimport { findCellRange } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableRowOptions {\n  /**\n   * A hit position of the table cell to select from. By default, the selection\n   * anchor will be used.\n   */\n  anchor?: number\n\n  /**\n   * A hit position of the table cell to select to. By default, the selection\n   * head will be used.\n   */\n  head?: number\n}\n\n/**\n * @public\n */\nexport function selectTableRow(options?: SelectTableRowOptions): Command {\n  return (state, dispatch) => {\n    const range = findCellRange(state.selection, options?.anchor, options?.head)\n    if (!range) {\n      return false\n    }\n    if (dispatch) {\n      const [$anchorCell, $headCell] = range\n      const selection = CellSelection.rowSelection($anchorCell, $headCell)\n      dispatch(state.tr.setSelection(selection))\n    }\n    return true\n  }\n}\n","import {\n  defineCommands,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  addColumnAfter,\n  addColumnBefore,\n  addRowAfter,\n  addRowBefore,\n  deleteColumn,\n  deleteRow,\n  deleteTable,\n  mergeCells,\n  splitCell,\n} from 'prosemirror-tables'\n\nimport { deleteCellSelection } from './table-commands/delete-cell-selection'\nimport { exitTable } from './table-commands/exit-table'\nimport {\n  insertTable,\n  type InsertTableOptions,\n} from './table-commands/insert-table'\nimport {\n  moveTableColumn,\n  type MoveTableColumnOptions,\n} from './table-commands/move-table-column'\nimport {\n  moveTableRow,\n  type MoveTableRowOptions,\n} from './table-commands/move-table-row'\nimport {\n  selectTable,\n  type SelectTableOptions,\n} from './table-commands/select-table'\nimport {\n  selectTableCell,\n  type SelectTableCellOptions,\n} from './table-commands/select-table-cell'\nimport {\n  selectTableColumn,\n  type SelectTableColumnOptions,\n} from './table-commands/select-table-column'\nimport {\n  selectTableRow,\n  type SelectTableRowOptions,\n} from './table-commands/select-table-row'\n\n/**\n * @internal\n */\nexport type TableCommandsExtension = Extension<{\n  Commands: {\n    insertTable: [options: InsertTableOptions]\n    exitTable: []\n\n    selectTable: [options?: SelectTableOptions]\n    selectTableCell: [options?: SelectTableCellOptions]\n    selectTableColumn: [options?: SelectTableColumnOptions]\n    selectTableRow: [options?: SelectTableRowOptions]\n\n    addTableColumnBefore: []\n    addTableColumnAfter: []\n    addTableRowAbove: []\n    addTableRowBelow: []\n\n    deleteTable: []\n    deleteTableColumn: []\n    deleteTableRow: []\n    deleteCellSelection: []\n\n    mergeTableCells: []\n    splitTableCell: []\n\n    moveTableRow: [options: MoveTableRowOptions]\n    moveTableColumn: [options: MoveTableColumnOptions]\n  }\n}>\n\n/**\n * Adds commands for working with `table` nodes.\n *\n * @public\n */\nexport function defineTableCommands(): TableCommandsExtension {\n  return defineCommands({\n    insertTable,\n    exitTable: () => exitTable,\n\n    selectTable,\n    selectTableCell,\n    selectTableColumn,\n    selectTableRow,\n\n    addTableColumnBefore: () => addColumnBefore,\n    addTableColumnAfter: () => addColumnAfter,\n    addTableRowAbove: () => addRowBefore,\n    addTableRowBelow: () => addRowAfter,\n\n    deleteTable: () => deleteTable,\n    deleteTableColumn: () => deleteColumn,\n    deleteTableRow: () => deleteRow,\n    deleteCellSelection: () => deleteCellSelection,\n\n    mergeTableCells: () => mergeCells,\n    splitTableCell: () => splitCell,\n\n    moveTableRow,\n    moveTableColumn,\n  })\n}\n","import type { PlainExtension } from '@prosekit/core'\n\nimport type { DragEventHandler } from '../drop-indicator'\nimport { defineDropIndicator } from '../drop-indicator'\n\n/**\n * Hides the drop indicator when dragging a table column or row by using the\n * table handle.\n *\n * @internal\n */\nexport function defineTableDropIndicator(): PlainExtension {\n  return defineDropIndicator({\n    onDrag,\n  })\n}\n\nconst matchMap = new WeakMap<DataTransfer, boolean>()\n\nconst onDrag: DragEventHandler = ({ event }): boolean => {\n  const dataTransfer = event.dataTransfer\n  if (!dataTransfer) return true\n\n  let match: boolean\n\n  if (matchMap.has(dataTransfer)) {\n    match = matchMap.get(dataTransfer)!\n  } else {\n    // On Safari, accessing `dataTransfer.types` is more than 10x slower than in\n    // Chrome. This becomes a bottleneck when `onDrag` is called frequently, so\n    // we cache the result in a WeakMap.\n    const types = dataTransfer.types\n    match = types.includes('application/x-prosekit-table-handle-drag')\n    matchMap.set(dataTransfer, match)\n  }\n\n  // Don't show the drop indicator when the drag event has\n  // \"application/x-prosekit-table-handle-drag\" type.\n  return !match\n}\n","import {\n  definePlugin,\n  type PlainExtension,\n} from '@prosekit/core'\nimport {\n  columnResizing,\n  tableEditing,\n} from 'prosemirror-tables'\n\n/**\n * @public\n */\nexport function defineTablePlugins(): PlainExtension {\n  return definePlugin([tableEditing(), columnResizing()])\n}\n","import {\n  defineNodeSpec,\n  type Extension,\n} from '@prosekit/core'\nimport type {\n  AttributeSpec,\n  Attrs,\n} from '@prosekit/pm/model'\nimport { tableNodes } from 'prosemirror-tables'\n\nconst cellContent = 'block+'\n\n/**\n * @public\n */\nexport interface CellAttrs {\n  colspan?: number\n  rowspan?: number\n  colwidth?: number[] | null\n}\n\nconst cellAttrs = {\n  colspan: { default: 1 },\n  rowspan: { default: 1 },\n  colwidth: { default: null },\n} satisfies Record<string, AttributeSpec>\n\n/**\n * @internal\n */\nexport type TableSpecExtension = Extension<{\n  Nodes: {\n    table: Attrs\n  }\n}>\n\nconst specs = tableNodes({\n  tableGroup: 'block',\n  cellContent,\n  cellAttributes: {},\n})\n\n/**\n * @internal\n */\nexport function defineTableSpec(): TableSpecExtension {\n  return defineNodeSpec({\n    ...specs['table'],\n    content: 'tableRow+',\n    name: 'table',\n  })\n}\n\n/**\n * @internal\n */\nexport type TableRowSpecExtension = Extension<{\n  Nodes: {\n    tableRow: Attrs\n  }\n}>\n\n/**\n * @internal\n */\nexport function defineTableRowSpec(): TableRowSpecExtension {\n  return defineNodeSpec({\n    ...specs['table_row'],\n    content: '(tableCell | tableHeaderCell)*',\n    name: 'tableRow',\n  })\n}\n\n/**\n * @internal\n */\nexport type TableCellSpecExtension = Extension<{\n  Nodes: {\n    tableCell: CellAttrs\n  }\n}>\n\n/**\n * @internal\n */\nexport function defineTableCellSpec(): TableCellSpecExtension {\n  return defineNodeSpec({\n    ...specs['table_cell'],\n    name: 'tableCell',\n    attrs: cellAttrs,\n  })\n}\n\n/**\n * @internal\n */\nexport type TableHeaderCellSpecExtension = Extension<{\n  Nodes: {\n    tableHeaderCell: CellAttrs\n  }\n}>\n\nexport function defineTableHeaderCellSpec(): TableHeaderCellSpecExtension {\n  return defineNodeSpec({\n    ...specs['table_header'],\n    name: 'tableHeaderCell',\n    attrs: cellAttrs,\n  })\n}\n","import {\n  union,\n  type Union,\n} from '@prosekit/core'\n\nimport {\n  defineTableCommands,\n  type TableCommandsExtension,\n} from './table-commands'\nimport { defineTableDropIndicator } from './table-drop-indicator'\nimport { defineTablePlugins } from './table-plugins'\nimport {\n  defineTableCellSpec,\n  defineTableHeaderCellSpec,\n  defineTableRowSpec,\n  defineTableSpec,\n  type TableCellSpecExtension,\n  type TableHeaderCellSpecExtension,\n  type TableRowSpecExtension,\n  type TableSpecExtension,\n} from './table-spec'\n\n/**\n * @internal\n */\nexport type TableExtension = Union<\n  [\n    TableSpecExtension,\n    TableRowSpecExtension,\n    TableCellSpecExtension,\n    TableHeaderCellSpecExtension,\n    TableCommandsExtension,\n  ]\n>\n\n/**\n * @public\n */\nexport function defineTable(): TableExtension {\n  return union(\n    defineTableSpec(),\n    defineTableRowSpec(),\n    defineTableCellSpec(),\n    defineTableHeaderCellSpec(),\n    defineTablePlugins(),\n    defineTableCommands(),\n    defineTableDropIndicator(),\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"table-BNwuK7xg.js","names":["exitTable: Command","onDrag: DragEventHandler","match: boolean"],"sources":["../src/table/table-commands/exit-table.ts","../src/table/table-commands/insert-table.ts","../src/table/table-utils.ts","../src/table/table-commands/select-table.ts","../src/table/table-commands/select-table-cell.ts","../src/table/table-commands/select-table-column.ts","../src/table/table-commands/select-table-row.ts","../src/table/table-commands.ts","../src/table/table-drop-indicator.ts","../src/table/table-plugins.ts","../src/table/table-spec.ts","../src/table/table.ts"],"sourcesContent":["import { defaultBlockAt } from '@prosekit/core'\nimport { TextSelection } from '@prosekit/pm/state'\nimport type { Command } from '@prosekit/pm/state'\nimport type { TableRole } from 'prosemirror-tables'\n\n/**\n * When the selection is in a table node, create a default block after the table\n * table, and move the cursor there.\n *\n * @public\n */\nexport const exitTable: Command = (state, dispatch) => {\n  const { $head, $anchor } = state.selection\n\n  if (!$head.sameParent($anchor)) {\n    return false\n  }\n\n  let tableStart = -1\n  let tableDepth = -1\n  for (let depth = $head.depth; depth >= 0; depth--) {\n    const node = $head.node(depth)\n    if ((node.type.spec.tableRole as TableRole) === 'table') {\n      tableStart = $head.before(depth)\n      tableDepth = depth\n    }\n  }\n\n  if (tableStart < 0 || tableDepth <= 0) {\n    return false\n  }\n\n  const above = $head.node(tableDepth - 1)\n  const after = $head.indexAfter(tableDepth - 1)\n  const type = defaultBlockAt(above.contentMatchAt(after))\n  const node = type?.createAndFill()\n\n  if (!type || !node || !above.canReplaceWith(after, after, type)) {\n    return false\n  }\n\n  if (dispatch) {\n    const pos = $head.after(tableDepth)\n    const tr = state.tr.replaceWith(pos, pos, node)\n    tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1))\n    dispatch(tr.scrollIntoView())\n  }\n  return true\n}\n","import {\n  getNodeType,\n  insertNode,\n} from '@prosekit/core'\nimport type { Schema } from '@prosekit/pm/model'\nimport type { Command } from '@prosekit/pm/state'\n\nfunction createEmptyTable(\n  schema: Schema,\n  row: number,\n  col: number,\n  header: boolean,\n) {\n  const tableType = getNodeType(schema, 'table')\n  const tableRowType = getNodeType(schema, 'tableRow')\n  const tableCellType = getNodeType(schema, 'tableCell')\n  const tableHeaderCellType = getNodeType(schema, 'tableHeaderCell')\n\n  if (header) {\n    const headerCell = tableHeaderCellType.createAndFill()!\n    const headerCells = repeat(headerCell, col)\n    const headerRow = tableRowType.createAndFill(null, headerCells)!\n\n    const bodyCell = tableCellType.createAndFill()!\n    const bodyCells = repeat(bodyCell, col)\n    const bodyRow = tableRowType.createAndFill(null, bodyCells)!\n    const bodyRows = repeat(bodyRow, row - 1)\n\n    return tableType.createAndFill(null, [headerRow, ...bodyRows])!\n  } else {\n    const bodyCell = tableCellType.createAndFill()!\n    const bodyCells = repeat(bodyCell, col)\n    const bodyRow = tableRowType.createAndFill(null, bodyCells)!\n    const bodyRows = repeat(bodyRow, row)\n\n    return tableType.createAndFill(null, bodyRows)!\n  }\n}\n\nfunction repeat<T>(node: T, length: number): T[] {\n  return Array<T>(length).fill(node)\n}\n\n/**\n * @public\n */\nexport interface InsertTableOptions {\n  /**\n   * The number of rows in the table.\n   */\n  row: number\n\n  /**\n   * The number of columns in the table.\n   */\n  col: number\n\n  /**\n   * Whether the table has a header row.\n   *\n   * @default false\n   */\n  header?: boolean\n}\n\n/**\n * Insert a table node with the given number of rows and columns, and optionally\n * a header row.\n *\n * @param options\n *\n * @public\n */\nexport function insertTable(options: InsertTableOptions): Command {\n  return (state, dispatch, view) => {\n    const { row, col, header = false } = options\n    const table = createEmptyTable(state.schema, row, col, header)\n    return insertNode({ node: table })(state, dispatch, view)\n  }\n}\n","import { CellSelection } from 'prosemirror-tables'\n\nexport {\n  findCellPos,\n  findCellRange,\n  findTable,\n} from 'prosemirror-tables'\n\n/**\n * Checks if the given object is a `CellSelection` instance.\n *\n * @public\n */\nexport function isCellSelection(value: unknown): value is CellSelection {\n  return value instanceof CellSelection\n}\n","import type { Command } from '@prosekit/pm/state'\nimport {\n  CellSelection,\n  TableMap,\n} from 'prosemirror-tables'\n\nimport { findTable } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableOptions {\n  /**\n   * A hit position of the table to select from. By default, the selection\n   * anchor will be used.\n   */\n  pos?: number\n}\n\n/**\n * @public\n */\nexport function selectTable(options?: SelectTableOptions): Command {\n  return (state, dispatch) => {\n    const $pos = options?.pos\n      ? state.doc.resolve(options.pos)\n      : state.selection.$anchor\n    const table = findTable($pos)\n    if (!table) {\n      return false\n    }\n    const map = TableMap.get(table.node)\n    if (map.map.length === 0) {\n      return false\n    }\n    if (dispatch) {\n      let tr = state.tr\n      const firstCellPosInTable = map.map[0]\n      const lastCellPosInTable = map.map[map.map.length - 1]\n      const firstCellPos = table.pos + firstCellPosInTable + 1\n      const lastCellPos = table.pos + lastCellPosInTable + 1\n      const $firstCellPos = tr.doc.resolve(firstCellPos)\n      const $lastCellPos = tr.doc.resolve(lastCellPos)\n      const selection = new CellSelection($firstCellPos, $lastCellPos)\n      tr = tr.setSelection(selection)\n      dispatch?.(tr)\n    }\n    return true\n  }\n}\n","import type { Command } from '@prosekit/pm/state'\nimport { CellSelection } from 'prosemirror-tables'\n\nimport { findCellPos } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableCellOptions {\n  /**\n   * A hit position of the table cell to select from. By default, the selection\n   * anchor will be used.\n   */\n  pos?: number\n}\n\n/**\n * @public\n */\nexport function selectTableCell(options?: SelectTableCellOptions): Command {\n  return (state, dispatch) => {\n    const $cellPos = findCellPos(\n      state.doc,\n      options?.pos ?? state.selection.anchor,\n    )\n    if (!$cellPos) {\n      return false\n    }\n    if (dispatch) {\n      const selection = new CellSelection($cellPos)\n      dispatch(state.tr.setSelection(selection))\n    }\n    return true\n  }\n}\n","import type { Command } from '@prosekit/pm/state'\nimport { CellSelection } from 'prosemirror-tables'\n\nimport { findCellRange } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableColumnOptions {\n  /**\n   * A hit position of the table cell to select from. By default, the selection\n   * anchor will be used.\n   */\n  anchor?: number\n\n  /**\n   * A hit position of the table cell to select to. By default, the selection\n   * head will be used.\n   */\n  head?: number\n}\n\n/**\n * @public\n */\nexport function selectTableColumn(options?: SelectTableColumnOptions): Command {\n  return (state, dispatch) => {\n    const range = findCellRange(state.selection, options?.anchor, options?.head)\n    if (!range) {\n      return false\n    }\n    if (dispatch) {\n      const [$anchorCell, $headCell] = range\n      const selection = CellSelection.colSelection($anchorCell, $headCell)\n      dispatch(state.tr.setSelection(selection))\n    }\n    return true\n  }\n}\n","import type { Command } from '@prosekit/pm/state'\nimport { CellSelection } from 'prosemirror-tables'\n\nimport { findCellRange } from '../table-utils'\n\n/**\n * @public\n */\nexport interface SelectTableRowOptions {\n  /**\n   * A hit position of the table cell to select from. By default, the selection\n   * anchor will be used.\n   */\n  anchor?: number\n\n  /**\n   * A hit position of the table cell to select to. By default, the selection\n   * head will be used.\n   */\n  head?: number\n}\n\n/**\n * @public\n */\nexport function selectTableRow(options?: SelectTableRowOptions): Command {\n  return (state, dispatch) => {\n    const range = findCellRange(state.selection, options?.anchor, options?.head)\n    if (!range) {\n      return false\n    }\n    if (dispatch) {\n      const [$anchorCell, $headCell] = range\n      const selection = CellSelection.rowSelection($anchorCell, $headCell)\n      dispatch(state.tr.setSelection(selection))\n    }\n    return true\n  }\n}\n","import {\n  defineCommands,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  addColumnAfter,\n  addColumnBefore,\n  addRowAfter,\n  addRowBefore,\n  deleteColumn,\n  deleteRow,\n  deleteTable,\n  mergeCells,\n  splitCell,\n} from 'prosemirror-tables'\n\nimport { deleteCellSelection } from './table-commands/delete-cell-selection'\nimport { exitTable } from './table-commands/exit-table'\nimport {\n  insertTable,\n  type InsertTableOptions,\n} from './table-commands/insert-table'\nimport {\n  moveTableColumn,\n  type MoveTableColumnOptions,\n} from './table-commands/move-table-column'\nimport {\n  moveTableRow,\n  type MoveTableRowOptions,\n} from './table-commands/move-table-row'\nimport {\n  selectTable,\n  type SelectTableOptions,\n} from './table-commands/select-table'\nimport {\n  selectTableCell,\n  type SelectTableCellOptions,\n} from './table-commands/select-table-cell'\nimport {\n  selectTableColumn,\n  type SelectTableColumnOptions,\n} from './table-commands/select-table-column'\nimport {\n  selectTableRow,\n  type SelectTableRowOptions,\n} from './table-commands/select-table-row'\n\n/**\n * @internal\n */\nexport type TableCommandsExtension = Extension<{\n  Commands: {\n    insertTable: [options: InsertTableOptions]\n    exitTable: []\n\n    selectTable: [options?: SelectTableOptions]\n    selectTableCell: [options?: SelectTableCellOptions]\n    selectTableColumn: [options?: SelectTableColumnOptions]\n    selectTableRow: [options?: SelectTableRowOptions]\n\n    addTableColumnBefore: []\n    addTableColumnAfter: []\n    addTableRowAbove: []\n    addTableRowBelow: []\n\n    deleteTable: []\n    deleteTableColumn: []\n    deleteTableRow: []\n    deleteCellSelection: []\n\n    mergeTableCells: []\n    splitTableCell: []\n\n    moveTableRow: [options: MoveTableRowOptions]\n    moveTableColumn: [options: MoveTableColumnOptions]\n  }\n}>\n\n/**\n * Adds commands for working with `table` nodes.\n *\n * @public\n */\nexport function defineTableCommands(): TableCommandsExtension {\n  return defineCommands({\n    insertTable,\n    exitTable: () => exitTable,\n\n    selectTable,\n    selectTableCell,\n    selectTableColumn,\n    selectTableRow,\n\n    addTableColumnBefore: () => addColumnBefore,\n    addTableColumnAfter: () => addColumnAfter,\n    addTableRowAbove: () => addRowBefore,\n    addTableRowBelow: () => addRowAfter,\n\n    deleteTable: () => deleteTable,\n    deleteTableColumn: () => deleteColumn,\n    deleteTableRow: () => deleteRow,\n    deleteCellSelection: () => deleteCellSelection,\n\n    mergeTableCells: () => mergeCells,\n    splitTableCell: () => splitCell,\n\n    moveTableRow,\n    moveTableColumn,\n  })\n}\n","import type { PlainExtension } from '@prosekit/core'\n\nimport type { DragEventHandler } from '../drop-indicator'\nimport { defineDropIndicator } from '../drop-indicator'\n\n/**\n * Hides the drop indicator when dragging a table column or row by using the\n * table handle.\n *\n * @internal\n */\nexport function defineTableDropIndicator(): PlainExtension {\n  return defineDropIndicator({\n    onDrag,\n  })\n}\n\nconst matchMap = new WeakMap<DataTransfer, boolean>()\n\nconst onDrag: DragEventHandler = ({ event }): boolean => {\n  const dataTransfer = event.dataTransfer\n  if (!dataTransfer) return true\n\n  let match: boolean\n\n  if (matchMap.has(dataTransfer)) {\n    match = matchMap.get(dataTransfer)!\n  } else {\n    // On Safari, accessing `dataTransfer.types` is more than 10x slower than in\n    // Chrome. This becomes a bottleneck when `onDrag` is called frequently, so\n    // we cache the result in a WeakMap.\n    const types = dataTransfer.types\n    match = types.includes('application/x-prosekit-table-handle-drag')\n    matchMap.set(dataTransfer, match)\n  }\n\n  // Don't show the drop indicator when the drag event has\n  // \"application/x-prosekit-table-handle-drag\" type.\n  return !match\n}\n","import {\n  definePlugin,\n  type PlainExtension,\n} from '@prosekit/core'\nimport {\n  columnResizing,\n  tableEditing,\n} from 'prosemirror-tables'\n\n/**\n * @public\n */\nexport function defineTablePlugins(): PlainExtension {\n  return definePlugin([tableEditing(), columnResizing()])\n}\n","import {\n  defineNodeSpec,\n  type Extension,\n} from '@prosekit/core'\nimport type {\n  AttributeSpec,\n  Attrs,\n} from '@prosekit/pm/model'\nimport { tableNodes } from 'prosemirror-tables'\n\nconst cellContent = 'block+'\n\n/**\n * @public\n */\nexport interface CellAttrs {\n  colspan?: number\n  rowspan?: number\n  colwidth?: number[] | null\n}\n\nconst cellAttrs = {\n  colspan: { default: 1 },\n  rowspan: { default: 1 },\n  colwidth: { default: null },\n} satisfies Record<string, AttributeSpec>\n\n/**\n * @internal\n */\nexport type TableSpecExtension = Extension<{\n  Nodes: {\n    table: Attrs\n  }\n}>\n\nconst specs = tableNodes({\n  tableGroup: 'block',\n  cellContent,\n  cellAttributes: {},\n})\n\n/**\n * @internal\n */\nexport function defineTableSpec(): TableSpecExtension {\n  return defineNodeSpec({\n    ...specs['table'],\n    content: 'tableRow+',\n    name: 'table',\n  })\n}\n\n/**\n * @internal\n */\nexport type TableRowSpecExtension = Extension<{\n  Nodes: {\n    tableRow: Attrs\n  }\n}>\n\n/**\n * @internal\n */\nexport function defineTableRowSpec(): TableRowSpecExtension {\n  return defineNodeSpec({\n    ...specs['table_row'],\n    content: '(tableCell | tableHeaderCell)*',\n    name: 'tableRow',\n  })\n}\n\n/**\n * @internal\n */\nexport type TableCellSpecExtension = Extension<{\n  Nodes: {\n    tableCell: CellAttrs\n  }\n}>\n\n/**\n * @internal\n */\nexport function defineTableCellSpec(): TableCellSpecExtension {\n  return defineNodeSpec({\n    ...specs['table_cell'],\n    name: 'tableCell',\n    attrs: cellAttrs,\n  })\n}\n\n/**\n * @internal\n */\nexport type TableHeaderCellSpecExtension = Extension<{\n  Nodes: {\n    tableHeaderCell: CellAttrs\n  }\n}>\n\nexport function defineTableHeaderCellSpec(): TableHeaderCellSpecExtension {\n  return defineNodeSpec({\n    ...specs['table_header'],\n    name: 'tableHeaderCell',\n    attrs: cellAttrs,\n  })\n}\n","import {\n  union,\n  type Union,\n} from '@prosekit/core'\n\nimport {\n  defineTableCommands,\n  type TableCommandsExtension,\n} from './table-commands'\nimport { defineTableDropIndicator } from './table-drop-indicator'\nimport { defineTablePlugins } from './table-plugins'\nimport {\n  defineTableCellSpec,\n  defineTableHeaderCellSpec,\n  defineTableRowSpec,\n  defineTableSpec,\n  type TableCellSpecExtension,\n  type TableHeaderCellSpecExtension,\n  type TableRowSpecExtension,\n  type TableSpecExtension,\n} from './table-spec'\n\n/**\n * @internal\n */\nexport type TableExtension = Union<\n  [\n    TableSpecExtension,\n    TableRowSpecExtension,\n    TableCellSpecExtension,\n    TableHeaderCellSpecExtension,\n    TableCommandsExtension,\n  ]\n>\n\n/**\n * @public\n */\nexport function defineTable(): TableExtension {\n  return union(\n    defineTableSpec(),\n    defineTableRowSpec(),\n    defineTableCellSpec(),\n    defineTableHeaderCellSpec(),\n    defineTablePlugins(),\n    defineTableCommands(),\n    defineTableDropIndicator(),\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.11.5",
+  "version": "0.11.6",
   "private": false,
   "description": "A collection of common extensions for ProseKit",
   "author": {
@@ -215,9 +215,10 @@
     "prosemirror-highlight": "^0.13.0",
     "prosemirror-search": "^1.1.0",
     "prosemirror-tables": "^1.8.1",
-    "shiki": "^3.12.2",
+    "shiki": "^3.13.0",
     "@prosekit/core": "^0.8.4",
-    "@prosekit/pm": "^0.1.12"
+    "@prosekit/pm": "^0.1.12",
+    "prosemirror-drop-indicator": "^0.1.0"
   },
   "peerDependencies": {
     "loro-crdt": ">= 0.16.7",
@@ -244,15 +245,15 @@
     "@vitest/browser": "^3.2.4",
     "diffable-html": "^6.0.1",
     "just-pick": "^4.2.0",
-    "loro-crdt": "^1.7.0",
+    "loro-crdt": "^1.8.0",
     "loro-prosemirror": "^0.3.1",
     "rehype-parse": "^9.0.1",
     "rehype-remark": "^10.0.1",
     "remark-html": "^16.0.1",
     "remark-parse": "^11.0.0",
     "remark-stringify": "^11.0.0",
-    "tsdown": "^0.14.2",
-    "type-fest": "^4.41.0",
+    "tsdown": "^0.15.4",
+    "type-fest": "^5.0.1",
     "typescript": "~5.9.2",
     "unified": "^11.0.5",
     "vitest": "^3.2.4",

package/src/drop-indicator/drop-indicator-facet.ts

@@ -5,48 +5,26 @@ import {
   type PlainExtension,
   type PluginPayload,
 } from '@prosekit/core'
-
-import { createDropIndicatorPlugin } from './drop-indicator-plugin'
 import type {
   DragEventHandler,
+  DropIndicatorPluginOptions,
   ShowHandler,
-} from './types'
+} from 'prosemirror-drop-indicator'
+import { createDropIndicatorPlugin } from 'prosemirror-drop-indicator'
 
 /**
  * @internal
  */
 export function defineDropIndicatorPayload(
-  payload: DropIndicatorPayload,
+  payload: DropIndicatorPluginOptions,
 ): PlainExtension {
   return defineFacetPayload(dropIndicatorFacet, [payload]) as PlainExtension
 }
 
-/**
- * @internal
- */
-export interface DropIndicatorPayload {
-  /**
-   * A callback that is called when the drop indicator should be shown.
-   */
-  onShow?: ShowHandler
-
-  /**
-   * A callback that is called when the drop indicator should be hidden.
-   */
-  onHide?: VoidFunction
-
-  /**
-   * A callback that is called when the `dragover` event is fired. You can
-   * return `false` to disable the current drop point and thus hide the drop
-   * indicator.
-   */
-  onDrag?: DragEventHandler
-}
-
-const dropIndicatorFacet = defineFacet<DropIndicatorPayload, PluginPayload>({
+const dropIndicatorFacet = defineFacet<DropIndicatorPluginOptions, PluginPayload>({
   parent: pluginFacet,
   singleton: true,
-  reducer: (payloads: DropIndicatorPayload[]): PluginPayload => {
+  reducer: (payloads: DropIndicatorPluginOptions[]): PluginPayload => {
     let showHandlers = payloads.map(p => p.onShow).filter(x => !!x)
     let hideHandlers = payloads.map(p => p.onHide).filter(x => !!x)
     let dragHandlers = payloads.map(p => p.onDrag).filter(x => !!x)

package/src/drop-indicator/drop-indicator.ts

@@ -1,9 +1,7 @@
 import type { PlainExtension } from '@prosekit/core'
+import type { DropIndicatorPluginOptions } from 'prosemirror-drop-indicator'
 
-import {
-  defineDropIndicatorPayload,
-  type DropIndicatorPayload,
-} from './drop-indicator-facet'
+import { defineDropIndicatorPayload } from './drop-indicator-facet'
 
 /**
  * @internal
@@ -34,4 +32,4 @@ export function defineDropIndicator(
  *
  * @public
  */
-export interface DropIndicatorOptions extends DropIndicatorPayload {}
+export interface DropIndicatorOptions extends DropIndicatorPluginOptions {}

package/src/drop-indicator/index.ts

@@ -1,8 +1,3 @@
-export {
-  defineDropIndicator,
-  type DropIndicatorExtension,
-  type DropIndicatorOptions,
-} from './drop-indicator'
 export type {
   DragEventHandler,
   DragEventHandlerOptions,
@@ -11,4 +6,9 @@ export type {
   ShowHandler,
   ShowHandlerOptions,
   ViewDragging,
-} from './types'
+} from 'prosemirror-drop-indicator'
+export {
+  defineDropIndicator,
+  type DropIndicatorExtension,
+  type DropIndicatorOptions,
+} from './drop-indicator'

package/src/file/file-upload.ts

@@ -1,3 +1,5 @@
+import { ProseKitError } from '@prosekit/core'
+
 /**
  * An interface representing the upload progress.
  */
@@ -44,6 +46,16 @@ export class UploadTask<Result> {
    */
   protected done = false
 
+  /**
+   * If the upload is complete successfully, this will be the result of the upload.
+   */
+  protected result: Result | undefined
+
+  /**
+   * If the upload is complete with an error, this will be the error that occurred.
+   */
+  protected error: Error | undefined
+
   /**
    * A promise that fulfills once the upload is complete, or rejects if an error occurs.
    */
@@ -63,8 +75,16 @@ export class UploadTask<Result> {
       const maybePromise = uploader({
         file,
         onProgress: (progress) => {
-          for (const subscriber of this.subscribers) {
-            subscriber(progress)
+          if (typeof progress.total !== 'number') {
+            throw new TypeError('total must be a number')
+          }
+          if (typeof progress.loaded !== 'number') {
+            throw new TypeError('loaded must be a number')
+          }
+          if (progress.loaded > 0) {
+            for (const subscriber of this.subscribers) {
+              subscriber(progress)
+            }
           }
         },
       })
@@ -72,13 +92,14 @@ export class UploadTask<Result> {
         (result) => {
           this.done = true
           URL.revokeObjectURL(this.objectURL)
+          this.result = result
           resolve(result)
         },
-        (error) => {
+        (err) => {
           this.done = true
-          reject(
-            new Error('[prosekit] Failed to upload file', { cause: error }),
-          )
+          const error = new ProseKitError('[prosekit] Failed to upload file', { cause: err })
+          this.error = error
+          reject(error)
         },
       )
     })
@@ -100,7 +121,7 @@ export class UploadTask<Result> {
   }
 
   /**
-   * Finds an upload task by its object URL.
+   * Finds an upload task from the global store by its object URL.
    */
   static get<Result = unknown>(
     objectURL: string,
@@ -109,7 +130,7 @@ export class UploadTask<Result> {
   }
 
   /**
-   * Deletes an upload task by its object URL.
+   * Deletes an upload task from the global store by its object URL.
    */
   static delete(objectURL: string): void {
     store.delete(objectURL)

package/src/image/image-commands.ts

@@ -3,6 +3,7 @@ import {
   insertNode,
   type Extension,
 } from '@prosekit/core'
+import type { Command } from '@prosekit/pm/state'
 
 import type { ImageAttrs } from './image-spec'
 
@@ -15,13 +16,21 @@ export type ImageCommandsExtension = Extension<{
   }
 }>
 
+/**
+ * Returns a command that inserts an image node with the given attributes at the
+ * current selection position.
+ *
+ * @public
+ */
+export function insertImage(attrs?: ImageAttrs): Command {
+  return insertNode({ type: 'image', attrs })
+}
+
 /**
  * @internal
  */
 export function defineImageCommands(): ImageCommandsExtension {
   return defineCommands({
-    insertImage: (attrs?: ImageAttrs) => {
-      return insertNode({ type: 'image', attrs })
-    },
+    insertImage,
   })
 }

package/src/image/image-upload-handler.ts

@@ -0,0 +1,156 @@
+import {
+  insertNode,
+  ProseKitError,
+  union,
+  type PlainExtension,
+} from '@prosekit/core'
+import type { EditorView } from '@prosekit/pm/view'
+
+import {
+  defineFileDropHandler,
+  defineFilePasteHandler,
+  UploadTask,
+  type FileDropHandler,
+  type FileDropHandlerOptions,
+  type FilePasteHandler,
+  type FilePasteHandlerOptions,
+  type Uploader,
+} from '../file'
+
+import type { ImageAttrs } from './image-spec'
+
+/**
+ * A predicate to determine if the pasted file should be uploaded and inserted as an image.
+ */
+export type ImageCanPastePredicate = (options: FilePasteHandlerOptions) => boolean
+
+/**
+ * A predicate to determine if the dropped file should be uploaded and inserted as an image.
+ */
+export type ImageCanDropPredicate = (options: FileDropHandlerOptions) => boolean
+
+/**
+ * A handler to be called when an error occurs during the upload.
+ */
+export type ImageUploadErrorHandler = (options: ImageUploadErrorHandlerOptions) => void
+
+/**
+ * Options for the {@link ImageUploadErrorHandler} callback.
+ */
+export interface ImageUploadErrorHandlerOptions {
+  /**
+   * The file that was uploaded.
+   */
+  file: File
+  /**
+   * The error that occurred during the upload.
+   */
+  error: unknown
+  /**
+   * The upload task that was used to upload the file.
+   */
+  uploadTask: UploadTask<string>
+}
+
+/**
+ * Options for {@link defineImageUploadHandler}.
+ */
+export interface ImageUploadHandlerOptions {
+  /**
+   * The uploader used to upload the file. It should return a promise that
+   * resolves to the URL of the uploaded image.
+   */
+  uploader: Uploader<string>
+  /**
+   * A predicate to determine if the pasted file should be uploaded and inserted as an image.
+   * If not provided, it defaults to only allowing paste of files with a content type starting with `image/`.
+   */
+  canPaste?: ImageCanPastePredicate
+  /**
+   * A predicate to determine if the dropped file should be uploaded and inserted as an image.
+   * If not provided, it defaults to only allowing drop of files with a content type starting with `image/`.
+   */
+  canDrop?: ImageCanDropPredicate
+  /**
+   * A handler to be called when an error occurs during the upload.
+   * If not provided, it defaults to logging the error to the console.
+   */
+  onError?: ImageUploadErrorHandler
+}
+
+function defaultCanUpload({ file }: { file: File }): boolean {
+  // Only handle image files by default
+  return file.type.startsWith('image/')
+}
+
+const defaultOnError: ImageUploadErrorHandler = ({ error }) => {
+  console.error('[prosekit] Failed to upload image:', error)
+}
+
+/**
+ * Returns an extension that handles image file uploads when pasting or dropping
+ * images into the editor.
+ *
+ * @param options
+ */
+export function defineImageUploadHandler({
+  uploader,
+  canPaste = defaultCanUpload,
+  canDrop = defaultCanUpload,
+  onError = defaultOnError,
+}: ImageUploadHandlerOptions): PlainExtension {
+  const handleInsert = (view: EditorView, file: File, pos?: number): boolean => {
+    const uploadTask = new UploadTask({ file, uploader })
+    const objectURL = uploadTask.objectURL
+    const attrs: ImageAttrs = { src: objectURL }
+    uploadTask.finished.then((resultURL) => {
+      if (view.isDestroyed) {
+        return
+      } else if (typeof resultURL !== 'string') {
+        const error = new ProseKitError(`Unexpected upload result. Expected a string but got ${typeof resultURL}`)
+        onError({ file, error, uploadTask })
+      } else {
+        replaceImageURL(view, objectURL, resultURL)
+        UploadTask.delete(objectURL)
+      }
+    }).catch((error) => {
+      onError({ file, error, uploadTask })
+    })
+    const command = insertNode({ type: 'image', attrs, pos })
+    return command(view.state, view.dispatch, view)
+  }
+
+  const handlePaste: FilePasteHandler = (options) => {
+    if (!canPaste(options)) return false
+    return handleInsert(options.view, options.file)
+  }
+
+  const handleDrop: FileDropHandler = (options) => {
+    if (!canDrop(options)) return false
+    return handleInsert(options.view, options.file, options.pos)
+  }
+
+  return union(
+    defineFilePasteHandler(handlePaste),
+    defineFileDropHandler(handleDrop),
+  )
+}
+
+function replaceImageURL(view: EditorView, oldURL: string, newURL: string) {
+  const positions: number[] = []
+  view.state.doc.descendants((node, pos) => {
+    if (node.type.name === 'image') {
+      const attrs = node.attrs as ImageAttrs
+      if (attrs.src === oldURL) {
+        positions.push(pos)
+      }
+    }
+  })
+  if (positions.length > 0) {
+    const tr = view.state.tr
+    for (const pos of positions) {
+      tr.setNodeAttribute(pos, 'src', newURL)
+    }
+    view.dispatch(tr)
+  }
+}

package/src/image/index.ts

@@ -4,6 +4,7 @@ export {
 } from './image'
 export {
   defineImageCommands,
+  insertImage,
   type ImageCommandsExtension,
 } from './image-commands'
 export {
@@ -11,3 +12,11 @@ export {
   type ImageAttrs,
   type ImageSpecExtension,
 } from './image-spec'
+export {
+  defineImageUploadHandler,
+  type ImageCanDropPredicate,
+  type ImageCanPastePredicate,
+  type ImageUploadErrorHandler,
+  type ImageUploadErrorHandlerOptions,
+  type ImageUploadHandlerOptions,
+} from './image-upload-handler'