@prosekit/extensions 0.13.0 → 0.14.1

package/src/list/list-keymap.ts

@@ -1,11 +1,5 @@
-import {
-  defineKeymap,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  chainCommands,
-  deleteSelection,
-} from '@prosekit/pm/commands'
+import { defineKeymap, type PlainExtension } from '@prosekit/core'
+import { chainCommands, deleteSelection } from '@prosekit/pm/commands'
 import {
   createDedentListCommand,
   createIndentListCommand,

package/src/list/list-plugins.ts

@@ -1,7 +1,4 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
 import { Plugin } from '@prosekit/pm/state'
 import {
   createListEventPlugin,

package/src/list/list-serializer.ts

@@ -1,13 +1,6 @@
 import { isElementLike } from '@ocavue/utils'
-import {
-  defineClipboardSerializer,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  findCheckboxInListItem,
-  joinListElements,
-  listToDOM,
-} from 'prosemirror-flat-list'
+import { defineClipboardSerializer, type PlainExtension } from '@prosekit/core'
+import { findCheckboxInListItem, joinListElements, listToDOM } from 'prosemirror-flat-list'
 
 /**
  * @internal

package/src/list/list-spec.ts

@@ -1,16 +1,6 @@
-import {
-  defineNodeSpec,
-  type Extension,
-} from '@prosekit/core'
-import type {
-  DOMOutputSpec,
-  ProseMirrorNode,
-} from '@prosekit/pm/model'
-import {
-  createListSpec,
-  listToDOM,
-  type ListAttributes,
-} from 'prosemirror-flat-list'
+import { defineNodeSpec, type Extension } from '@prosekit/core'
+import type { DOMOutputSpec, ProseMirrorNode } from '@prosekit/pm/model'
+import { createListSpec, listToDOM, type ListAttributes } from 'prosemirror-flat-list'
 
 import type { ListAttrs } from './list-types'
 

package/src/list/list.spec.ts

@@ -1,23 +1,12 @@
-import {
-  createEditor,
-  nodeFromHTML,
-  union,
-} from '@prosekit/core'
+import { createEditor, nodeFromHTML, union } from '@prosekit/core'
 import type { ProseMirrorNode } from '@prosekit/pm/model'
-import {
-  describe,
-  expect,
-  it,
-} from 'vitest'
+import { formatHTML } from 'diffable-html-snapshot'
+import { describe, expect, it } from 'vitest'
 
 import { defineDoc } from '../doc'
 import { defineParagraph } from '../paragraph'
 import { setupTest } from '../testing'
-import { formatHTML } from '../testing/format-html'
-import {
-  htmlFromMarkdown,
-  markdownFromHTML,
-} from '../testing/markdown'
+import { htmlFromMarkdown, markdownFromHTML } from '../testing/markdown'
 import { defineText } from '../text'
 
 import { defineList } from './index'
@@ -118,13 +107,13 @@ describe('defineList', () => {
       <ul data-pm-slice="0 0 []">
         <li
           class="prosemirror-flat-list"
-          data-list-kind="task"
           data-list-checked
+          data-list-kind="task"
         >
           <p>
             <input
-              type="checkbox"
               checked
+              type="checkbox"
             >
             Checked 1
           </p>
@@ -182,13 +171,13 @@ describe('defineList', () => {
         <ul>
           <li
             class="prosemirror-flat-list"
-            data-list-kind="task"
             data-list-checked
+            data-list-kind="task"
           >
             <p>
               <input
-                type="checkbox"
                 checked
+                type="checkbox"
               >
               Checked
             </p>
@@ -237,9 +226,9 @@ describe('defineList', () => {
         <li class="task-list-item">
           <p>
             <input
-              type="checkbox"
               checked
               disabled
+              type="checkbox"
             >
             Checked
           </p>
@@ -247,8 +236,8 @@ describe('defineList', () => {
         <li class="task-list-item">
           <p>
             <input
-              type="checkbox"
               disabled
+              type="checkbox"
             >
             Unchecked
           </p>

package/src/list/list.ts

@@ -1,21 +1,12 @@
-import {
-  union,
-  type Union,
-} from '@prosekit/core'
+import { union, type Union } from '@prosekit/core'
 
-import {
-  defineListCommands,
-  type ListCommandsExtension,
-} from './list-commands'
+import { defineListCommands, type ListCommandsExtension } from './list-commands'
 import { defineListDropIndicator } from './list-drop-indicator'
 import { defineListInputRules } from './list-input-rules'
 import { defineListKeymap } from './list-keymap'
 import { defineListPlugins } from './list-plugins'
 import { defineListSerializer } from './list-serializer'
-import {
-  defineListSpec,
-  type ListSpecExtension,
-} from './list-spec'
+import { defineListSpec, type ListSpecExtension } from './list-spec'
 
 /**
  * @internal

package/src/loro/index.ts

@@ -1,17 +1,7 @@
-export type {
-  LoroSyncPluginProps,
-  LoroUndoPluginProps,
-} from 'loro-prosemirror'
-export {
-  defineLoro,
-  type LoroExtension,
-  type LoroOptions,
-} from './loro'
+export type { LoroSyncPluginProps, LoroUndoPluginProps } from 'loro-prosemirror'
+export { defineLoro, type LoroExtension, type LoroOptions } from './loro'
 export { defineLoroCommands } from './loro-commands'
-export {
-  defineLoroCursorPlugin,
-  type LoroCursorOptions,
-} from './loro-cursor-plugin'
+export { defineLoroCursorPlugin, type LoroCursorOptions } from './loro-cursor-plugin'
 export { defineLoroKeymap } from './loro-keymap'
 export { defineLoroSyncPlugin } from './loro-sync-plugin'
 export { defineLoroUndoPlugin } from './loro-undo-plugin'

package/src/loro/loro-commands.ts

@@ -1,11 +1,5 @@
-import {
-  defineCommands,
-  type Extension,
-} from '@prosekit/core'
-import {
-  redo,
-  undo,
-} from 'loro-prosemirror'
+import { defineCommands, type Extension } from '@prosekit/core'
+import { redo, undo } from 'loro-prosemirror'
 
 const commands = {
   undo: () => undo,

package/src/loro/loro-cursor-plugin.ts

@@ -1,17 +1,7 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
 import type { Plugin } from '@prosekit/pm/state'
-import type {
-  CursorAwareness,
-  CursorEphemeralStore,
-  CursorPluginOptions,
-} from 'loro-prosemirror'
-import {
-  LoroCursorPlugin,
-  LoroEphemeralCursorPlugin,
-} from 'loro-prosemirror'
+import type { CursorAwareness, CursorEphemeralStore, CursorPluginOptions } from 'loro-prosemirror'
+import { LoroCursorPlugin, LoroEphemeralCursorPlugin } from 'loro-prosemirror'
 
 export interface LoroCursorOptions extends CursorPluginOptions {
   awareness?: CursorAwareness

package/src/loro/loro-keymap.ts

@@ -1,13 +1,5 @@
-import {
-  defineKeymap,
-  isApple,
-  type Keymap,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  redo,
-  undo,
-} from 'loro-prosemirror'
+import { defineKeymap, isApple, type Keymap, type PlainExtension } from '@prosekit/core'
+import { redo, undo } from 'loro-prosemirror'
 
 const keymap: Keymap = {
   'Mod-z': undo,

package/src/loro/loro-sync-plugin.ts

@@ -1,11 +1,5 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  LoroSyncPlugin,
-  type LoroSyncPluginProps,
-} from 'loro-prosemirror'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
+import { LoroSyncPlugin, type LoroSyncPluginProps } from 'loro-prosemirror'
 
 export function defineLoroSyncPlugin(
   options: LoroSyncPluginProps,

package/src/loro/loro-undo-plugin.ts

@@ -1,11 +1,5 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  LoroUndoPlugin,
-  type LoroUndoPluginProps,
-} from 'loro-prosemirror'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
+import { LoroUndoPlugin, type LoroUndoPluginProps } from 'loro-prosemirror'
 
 export function defineLoroUndoPlugin(options: LoroUndoPluginProps): PlainExtension {
   return definePlugin(LoroUndoPlugin(options))

package/src/loro/loro.ts

@@ -1,10 +1,4 @@
-import {
-  Priority,
-  union,
-  withPriority,
-  type PlainExtension,
-  type Union,
-} from '@prosekit/core'
+import { Priority, union, withPriority, type PlainExtension, type Union } from '@prosekit/core'
 import type {
   CursorAwareness,
   CursorEphemeralStore,
@@ -14,10 +8,7 @@ import type {
   LoroUndoPluginProps,
 } from 'loro-prosemirror'
 
-import {
-  defineLoroCommands,
-  type LoroCommandsExtension,
-} from './loro-commands'
+import { defineLoroCommands, type LoroCommandsExtension } from './loro-commands'
 import { defineLoroCursorPlugin } from './loro-cursor-plugin'
 import { defineLoroKeymap } from './loro-keymap'
 import { defineLoroSyncPlugin } from './loro-sync-plugin'

package/src/mark-rule/apply.ts

@@ -1,16 +1,6 @@
-import {
-  getMarkType,
-  maybeRun,
-  OBJECT_REPLACEMENT_CHARACTER,
-} from '@prosekit/core'
-import type {
-  Mark,
-  ProseMirrorNode,
-} from '@prosekit/pm/model'
-import type {
-  EditorState,
-  Transaction,
-} from '@prosekit/pm/state'
+import { getMarkType, maybeRun, OBJECT_REPLACEMENT_CHARACTER } from '@prosekit/core'
+import type { Mark, ProseMirrorNode } from '@prosekit/pm/model'
+import type { EditorState, Transaction } from '@prosekit/pm/state'
 
 import { getCheckRanges } from './range'
 import type { MarkRuleOptions } from './types'

package/src/mark-rule/mark-rule.spec.ts

@@ -1,17 +1,6 @@
-import {
-  createEditor,
-  defineBaseCommands,
-  defineMarkSpec,
-  elementFromNode,
-  union,
-  type Editor,
-} from '@prosekit/core'
+import { createEditor, defineBaseCommands, defineMarkSpec, elementFromNode, union, type Editor } from '@prosekit/core'
 import type { ProseMirrorNode } from '@prosekit/pm/model'
-import {
-  describe,
-  expect,
-  it,
-} from 'vitest'
+import { describe, expect, it } from 'vitest'
 
 import { defineDoc } from '../doc'
 import { defineParagraph } from '../paragraph'

package/src/mark-rule/mark-rule.ts

@@ -1,16 +1,5 @@
-import {
-  defineFacet,
-  defineFacetPayload,
-  pluginFacet,
-  type PlainExtension,
-  type PluginPayload,
-} from '@prosekit/core'
-import {
-  PluginKey,
-  ProseMirrorPlugin,
-  type EditorState,
-  type Transaction,
-} from '@prosekit/pm/state'
+import { defineFacet, defineFacetPayload, pluginFacet, type PlainExtension, type PluginPayload } from '@prosekit/core'
+import { PluginKey, ProseMirrorPlugin, type EditorState, type Transaction } from '@prosekit/pm/state'
 
 import { applyMarkRules } from './apply'
 import type { MarkRuleOptions } from './types'

package/src/mark-rule/range.ts

@@ -1,11 +1,5 @@
-import type {
-  ProseMirrorNode,
-  ResolvedPos,
-} from '@prosekit/pm/model'
-import type {
-  EditorState,
-  Transaction,
-} from '@prosekit/pm/state'
+import type { ProseMirrorNode, ResolvedPos } from '@prosekit/pm/model'
+import type { EditorState, Transaction } from '@prosekit/pm/state'
 import type { ProsemirrorNode } from 'prosemirror-flat-list'
 
 function getSpanTextRanges($from: ResolvedPos, $to: ResolvedPos) {

package/src/mark-rule/types.ts

@@ -1,7 +1,4 @@
-import type {
-  Attrs,
-  MarkType,
-} from '@prosekit/pm/model'
+import type { Attrs, MarkType } from '@prosekit/pm/model'
 
 /**
  * The options for {@link defineMarkRule}.

package/src/math/index.ts

@@ -0,0 +1,22 @@
+export { defineMath, type MathExtension, type MathOptions } from './math'
+export {
+  defineMathBlock,
+  defineMathBlockEnterRule,
+  defineMathBlockSpec,
+  defineMathBlockView,
+  type MathBlockExtension,
+  type MathBlockOptions,
+  type MathBlockSpecExtension,
+  type MathBlockViewOptions,
+} from './math-block'
+export {
+  defineMathInline,
+  defineMathInlineInputRule,
+  defineMathInlineSpec,
+  defineMathInlineView,
+  type MathInlineExtension,
+  type MathInlineOptions,
+  type MathInlineSpecExtension,
+  type MathInlineViewOptions,
+} from './math-inline'
+export { defineMathPlugin } from './math-plugin'

package/src/math/math-block.ts

@@ -0,0 +1,89 @@
+import { defineNodeSpec, defineNodeView, union, type Extension, type PlainExtension, type Union } from '@prosekit/core'
+import type { Attrs } from '@prosekit/pm/model'
+import { createMathBlockView, mathBlockEnterRule, mathBlockSpec, type RenderMathBlock } from 'prosemirror-math'
+
+import { defineEnterRule } from '../enter-rule'
+
+/**
+ * @internal
+ */
+export type MathBlockSpecExtension = Extension<{
+  Nodes: {
+    mathBlock: Attrs
+  }
+}>
+
+/**
+ * @internal
+ */
+export function defineMathBlockSpec(): MathBlockSpecExtension {
+  return defineNodeSpec<'mathBlock', Attrs>({
+    ...mathBlockSpec,
+    name: 'mathBlock',
+  })
+}
+
+/**
+ * Options for {@link defineMathBlockView}.
+ *
+ * @internal
+ */
+export interface MathBlockViewOptions {
+  /**
+   * The function to render the math block.
+   */
+  render: RenderMathBlock
+}
+
+/**
+ * Defines an extension that renders a math block using a custom node view.
+ *
+ * @param options
+ * @internal
+ */
+export function defineMathBlockView({ render }: MathBlockViewOptions): Extension {
+  return defineNodeView({
+    name: 'mathBlock',
+    constructor: (node, view, getPos, decorations) => {
+      return createMathBlockView(render, node, decorations)
+    },
+  })
+}
+
+/**
+ * @internal
+ */
+export function defineMathBlockEnterRule(): PlainExtension {
+  return defineEnterRule(mathBlockEnterRule)
+}
+
+/**
+ * Options for {@link defineMathBlock}.
+ *
+ * @internal
+ */
+export interface MathBlockOptions {
+  /**
+   * The function to render the math block.
+   */
+  render: RenderMathBlock
+}
+
+/**
+ * @internal
+ */
+export type MathBlockExtension = Union<[MathBlockSpecExtension]>
+
+/**
+ * Defines node `mathBlock` and related functionalities.
+ *
+ * @param options
+ * @public
+ */
+export function defineMathBlock(options: MathBlockOptions): MathBlockExtension {
+  return union(
+    defineMathBlockSpec(),
+    defineMathBlockView(options),
+    defineMathBlockEnterRule(),
+  )
+}

package/src/math/math-inline.ts

@@ -0,0 +1,89 @@
+import { defineNodeSpec, defineNodeView, union, type Extension, type PlainExtension, type Union } from '@prosekit/core'
+import type { Attrs } from '@prosekit/pm/model'
+import { createMathInlineInputRule, createMathInlineView, mathInlineSpec, type RenderMathInline } from 'prosemirror-math'
+
+import { defineInputRule } from '../input-rule'
+
+/**
+ * @internal
+ */
+export type MathInlineSpecExtension = Extension<{
+  Nodes: {
+    mathInline: Attrs
+  }
+}>
+
+/**
+ * @internal
+ */
+export function defineMathInlineSpec(): MathInlineSpecExtension {
+  return defineNodeSpec<'mathInline', Attrs>({
+    ...mathInlineSpec,
+    name: 'mathInline',
+  })
+}
+
+/**
+ * Options for {@link defineMathInlineView}.
+ *
+ * @internal
+ */
+export interface MathInlineViewOptions {
+  /**
+   * The function to render the math inline.
+   */
+  render: RenderMathInline
+}
+
+/**
+ * Defines an extension that renders a math inline using a custom node view.
+ *
+ * @param options
+ * @internal
+ */
+export function defineMathInlineView({ render }: MathInlineViewOptions): Extension {
+  return defineNodeView({
+    name: 'mathInline',
+    constructor: (node, view, getPos, decorations) => {
+      return createMathInlineView(render, node, decorations)
+    },
+  })
+}
+
+/**
+ * @internal
+ */
+export function defineMathInlineInputRule(): PlainExtension {
+  return defineInputRule(createMathInlineInputRule('mathInline'))
+}
+
+/**
+ * Options for {@link defineMathInline}.
+ *
+ * @internal
+ */
+export interface MathInlineOptions {
+  /**
+   * The function to render the math inline.
+   */
+  render: RenderMathInline
+}
+
+/**
+ * @internal
+ */
+export type MathInlineExtension = Union<[MathInlineSpecExtension]>
+
+/**
+ * Defines node `mathInline` and related functionalities.
+ *
+ * @param options
+ * @public
+ */
+export function defineMathInline(options: MathInlineOptions): MathInlineExtension {
+  return union(
+    defineMathInlineSpec(),
+    defineMathInlineView(options),
+    defineMathInlineInputRule(),
+  )
+}

package/src/math/math-plugin.ts

@@ -0,0 +1,8 @@
+import { definePlugin, type PlainExtension } from '@prosekit/core'
+import { createCursorInsidePlugin } from 'prosemirror-math'
+
+export function defineMathPlugin(): PlainExtension {
+  return definePlugin(
+    createCursorInsidePlugin(),
+  )
+}

package/src/math/math.ts

@@ -0,0 +1,39 @@
+import { union, type Union } from '@prosekit/core'
+import type { RenderMathBlock, RenderMathInline } from 'prosemirror-math'
+
+import { defineMathBlock, type MathBlockExtension } from './math-block'
+import { defineMathInline, type MathInlineExtension } from './math-inline'
+import { defineMathPlugin } from './math-plugin'
+
+/**
+ * @public
+ */
+export type MathExtension = Union<[MathInlineExtension, MathBlockExtension]>
+
+/**
+ * Options for {@link defineMath}.
+ *
+ * @public
+ */
+export interface MathOptions {
+  /**
+   * The function to render the math block.
+   */
+  renderMathBlock: RenderMathBlock
+
+  /**
+   * The function to render the math inline.
+   */
+  renderMathInline: RenderMathInline
+}
+
+/**
+ * @public
+ */
+export function defineMath(options: MathOptions): MathExtension {
+  return union(
+    defineMathBlock({ render: options.renderMathBlock }),
+    defineMathInline({ render: options.renderMathInline }),
+    defineMathPlugin(),
+  )
+}

package/src/mention/index.ts

@@ -1,11 +1,4 @@
-import {
-  defineCommands,
-  defineNodeSpec,
-  insertNode,
-  union,
-  type Extension,
-  type Union,
-} from '@prosekit/core'
+import { defineCommands, defineNodeSpec, insertNode, union, type Extension, type Union } from '@prosekit/core'
 
 export interface MentionAttrs {
   id: string

package/src/mod-click-prevention/index.ts

@@ -1,12 +1,5 @@
-import {
-  definePlugin,
-  isApple,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  Plugin,
-  PluginKey,
-} from '@prosekit/pm/state'
+import { definePlugin, isApple, type PlainExtension } from '@prosekit/core'
+import { Plugin, PluginKey } from '@prosekit/pm/state'
 import type { EditorView } from '@prosekit/pm/view'
 
 /**

package/src/paragraph/paragraph-commands.ts

@@ -1,8 +1,4 @@
-import {
-  defineCommands,
-  setBlockType,
-  type Extension,
-} from '@prosekit/core'
+import { defineCommands, setBlockType, type Extension } from '@prosekit/core'
 import type { Command } from '@prosekit/pm/state'
 
 /**