@prosekit/extensions 0.11.6 → 0.12.0

package/dist/prosekit-extensions-code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-code-block.js","names":["existCodeBlock: Command","loaded: ((options: HighlighterOptions) => HighlighterResult) | undefined","createOrGetHighlighter","parser: Parser | undefined"],"sources":["../src/code-block/code-block-commands.ts","../src/code-block/code-block-input-rule.ts","../src/code-block/code-block-keymap.ts","../src/code-block/code-block-spec.ts","../src/code-block/code-block.ts","../src/code-block/code-block-highlight.ts","../src/code-block/shiki-highlighter.ts","../src/code-block/shiki-parser.ts","../src/code-block/code-block-shiki.ts"],"sourcesContent":["import {\n  defineCommands,\n  insertNode,\n  setBlockType,\n  setNodeAttrs,\n  toggleNode,\n  type Extension,\n} from '@prosekit/core'\n\nimport type { CodeBlockAttrs } from './code-block-types'\n\n/**\n * @internal\n */\nexport type CodeBlockCommandsExtension = Extension<{\n  Commands: {\n    setCodeBlock: [attrs?: CodeBlockAttrs]\n    insertCodeBlock: [attrs?: CodeBlockAttrs]\n    toggleCodeBlock: [attrs?: CodeBlockAttrs]\n    setCodeBlockAttrs: [attrs: CodeBlockAttrs]\n  }\n}>\n\n/**\n * Adds commands for working with `codeBlock` nodes.\n *\n * @public\n */\nexport function defineCodeBlockCommands(): CodeBlockCommandsExtension {\n  return defineCommands({\n    setCodeBlock: (attrs?: CodeBlockAttrs) => {\n      return setBlockType({ type: 'codeBlock', attrs })\n    },\n    insertCodeBlock: (attrs?: CodeBlockAttrs) => {\n      return insertNode({ type: 'codeBlock', attrs })\n    },\n    toggleCodeBlock: (attrs?: CodeBlockAttrs) => {\n      return toggleNode({ type: 'codeBlock', attrs })\n    },\n    setCodeBlockAttrs: (attrs: CodeBlockAttrs) => {\n      return setNodeAttrs({ type: 'codeBlock', attrs })\n    },\n  })\n}\n","import type { PlainExtension } from '@prosekit/core'\n\nimport { defineTextBlockEnterRule } from '../enter-rule'\nimport { defineTextBlockInputRule } from '../input-rule'\n\nimport type { CodeBlockAttrs } from './code-block-types'\n\n/**\n * Adds input rules for `codeBlock` nodes.\n *\n * @public\n */\nexport function defineCodeBlockInputRule(): PlainExtension {\n  return defineTextBlockInputRule({\n    regex: /^```(\\S*)\\s$/,\n    type: 'codeBlock',\n    attrs: getAttrs,\n  })\n}\n\n/**\n * Adds enter rules for `codeBlock` nodes.\n *\n * @public\n */\nexport function defineCodeBlockEnterRule(): PlainExtension {\n  return defineTextBlockEnterRule({\n    regex: /^```(\\S*)$/,\n    type: 'codeBlock',\n    attrs: getAttrs,\n  })\n}\n\nfunction getAttrs(match: RegExpMatchArray): CodeBlockAttrs {\n  return { language: match[1] || '' }\n}\n","import {\n  defaultBlockAt,\n  defineKeymap,\n  type PlainExtension,\n} from '@prosekit/core'\nimport {\n  TextSelection,\n  type Command,\n} from '@prosekit/pm/state'\n\n/**\n * Defines the keymap for code blocks.\n */\nexport function defineCodeBlockKeymap(): PlainExtension {\n  return defineKeymap({\n    Enter: existCodeBlock,\n  })\n}\n\n/**\n * Exit a code block and insert a default block below if the cursor is at the\n * end of the code block and the code block is ended with two new lines.\n */\nconst existCodeBlock: Command = (state, dispatch) => {\n  if (!state.selection.empty) {\n    return false\n  }\n\n  const { $head } = state.selection\n  const parent = $head.parent\n  if (\n    parent.isTextblock\n    && parent.type.spec.code\n    && $head.parentOffset === parent.content.size\n    && parent.textContent.endsWith('\\n\\n')\n  ) {\n    const grandParent = $head.node(-1)\n    const insertIndex = $head.indexAfter(-1)\n    const type = defaultBlockAt(grandParent.contentMatchAt(insertIndex))\n\n    if (!type || !grandParent.canReplaceWith(insertIndex, insertIndex, type)) {\n      return false\n    }\n\n    if (dispatch) {\n      const { tr } = state\n      tr.delete($head.pos - 2, $head.pos)\n      const pos = tr.selection.$head.after()\n      const node = type.createAndFill()\n      if (node) {\n        tr.replaceWith(pos, pos, node)\n        tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1))\n        dispatch(tr.scrollIntoView())\n      }\n    }\n\n    return true\n  }\n\n  return false\n}\n","import {\n  defineNodeSpec,\n  type Extension,\n} from '@prosekit/core'\n\nimport type { CodeBlockAttrs } from './code-block-types'\n\n/**\n * @internal\n */\nexport type CodeBlockSpecExtension = Extension<{\n  Nodes: {\n    codeBlock: CodeBlockAttrs\n  }\n}>\n\n/**\n * Defines the `codeBlock` node spec.\n *\n * @public\n */\nexport function defineCodeBlockSpec(): CodeBlockSpecExtension {\n  return defineNodeSpec({\n    name: 'codeBlock',\n    content: 'text*',\n    group: 'block',\n    code: true,\n    defining: true,\n    marks: '',\n    attrs: { language: { default: '', validate: 'string' } },\n    parseDOM: [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n        getAttrs: (node): CodeBlockAttrs => {\n          const language = extractLanguageFromElement(node)\n            || extractLanguageFromElement(node.querySelector('code'))\n          return { language }\n        },\n      },\n    ],\n    toDOM(node) {\n      const { language } = node.attrs as CodeBlockAttrs\n      return [\n        'pre',\n        { 'data-language': language || undefined },\n        // `class: language-${language}` is used by remark-rehype to highlight the code block\n        ['code', { class: language ? `language-${language}` : undefined }, 0],\n      ]\n    },\n  })\n}\n\nfunction extractLanguageFromElement(element: HTMLElement | null | undefined): string {\n  if (!element) {\n    return ''\n  }\n\n  const attr = element.getAttribute('data-language')\n  if (attr) {\n    return attr\n  }\n\n  const className = element.className\n  const match = className.match(/language-(\\w+)/)\n  if (match) {\n    return match[1]\n  }\n\n  return ''\n}\n","import {\n  union,\n  type Union,\n} from '@prosekit/core'\n\nimport {\n  defineCodeBlockCommands,\n  type CodeBlockCommandsExtension,\n} from './code-block-commands'\nimport {\n  defineCodeBlockEnterRule,\n  defineCodeBlockInputRule,\n} from './code-block-input-rule'\nimport { defineCodeBlockKeymap } from './code-block-keymap'\nimport {\n  defineCodeBlockSpec,\n  type CodeBlockSpecExtension,\n} from './code-block-spec'\n\n/**\n * @internal\n */\nexport type CodeBlockExtension = Union<\n  [CodeBlockSpecExtension, CodeBlockCommandsExtension]\n>\n\n/**\n * Adds `codeBlock` nodes to the editor. This includes the following extensions:\n *\n * - {@link defineCodeBlockSpec}\n * - {@link defineCodeBlockInputRule}\n * - {@link defineCodeBlockEnterRule}\n * - {@link defineCodeBlockKeymap}\n * - {@link defineCodeBlockCommands}.\n *\n * @public\n */\nexport function defineCodeBlock(): CodeBlockExtension {\n  return union(\n    defineCodeBlockSpec(),\n    defineCodeBlockInputRule(),\n    defineCodeBlockEnterRule(),\n    defineCodeBlockKeymap(),\n    defineCodeBlockCommands(),\n  )\n}\n","import {\n  definePlugin,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  createHighlightPlugin,\n  type Parser,\n} from 'prosemirror-highlight'\n\n/**\n * @public\n *\n * An alias for the `Parser` type from the `prosemirror-highlight` package.\n */\nexport type HighlightParser = Parser\n\n/**\n * @public\n */\nexport type CodeBlockHighlightOptions = {\n  parser: HighlightParser\n}\n\n/**\n * Adds syntax highlighting to code blocks. This function requires a `Parser`\n * instance from the `prosemirror-highlight` package. See the\n * [documentation](https://github.com/ocavue/prosemirror-highlight) for more\n * information.\n *\n * @param options\n *\n * @public\n */\nexport function defineCodeBlockHighlight({\n  parser,\n}: CodeBlockHighlightOptions): Extension {\n  return definePlugin(\n    createHighlightPlugin({ parser }),\n  )\n}\n","import type {\n  HighlighterOptions,\n  HighlighterResult,\n} from './shiki-highlighter-chunk'\n\nlet loaded: ((options: HighlighterOptions) => HighlighterResult) | undefined\n\nasync function load() {\n  const { createOrGetHighlighter } = await import('./shiki-highlighter-chunk')\n  loaded = createOrGetHighlighter\n}\n\nexport function createOrGetHighlighter(\n  options: HighlighterOptions,\n): HighlighterResult {\n  if (!loaded) {\n    return { promise: load() }\n  }\n  return loaded(options)\n}\n\nexport type { HighlighterOptions }\n","import type { Parser } from 'prosemirror-highlight'\nimport { createParser } from 'prosemirror-highlight/shiki'\n\nimport type { ShikiBundledLanguage } from './shiki-bundle'\nimport {\n  createOrGetHighlighter,\n  type HighlighterOptions,\n} from './shiki-highlighter'\n\n/**\n * @internal\n */\nexport function createLazyParser(\n  highlighterOptions: HighlighterOptions,\n): Parser {\n  let parser: Parser | undefined\n\n  return function lazyParser(options) {\n    const language = (options.language || '') as ShikiBundledLanguage\n    const { highlighter, promise } = createOrGetHighlighter({\n      ...highlighterOptions,\n      langs: [language],\n    })\n\n    if (!highlighter) {\n      return promise\n    }\n\n    if (!parser) {\n      parser = createParser(highlighter, {\n        theme: highlighterOptions.themes[0],\n      })\n    }\n    return parser(options)\n  }\n}\n","import type { Extension } from '@prosekit/core'\nimport type { SpecialLanguage } from 'shiki'\n\nimport { defineCodeBlockHighlight } from './code-block-highlight'\nimport type {\n  ShikiBundledLanguage,\n  ShikiBundledTheme,\n} from './shiki-bundle'\nimport type { ShikiHighlighterOptions } from './shiki-highlighter-chunk'\nimport { createLazyParser } from './shiki-parser'\n\n/**\n * The options to configure the Shiki highlighter.\n *\n * @public\n */\nexport interface CodeBlockShikiOptions extends Omit<ShikiHighlighterOptions, 'themes' | 'langs' | 'engine'> {\n  /**\n   * A list of Shiki themes to pre-load. The first theme in the list will be\n   * used to render the code block.\n   *\n   * @default ['one-dark-pro']\n   */\n  themes?: ShikiBundledTheme[]\n\n  /**\n   * A list of Shiki languages to pre-load.\n   *\n   * @default ['text']\n   */\n  langs?: (ShikiBundledLanguage | SpecialLanguage)[]\n\n  /**\n   * The RegExp engine to use. By default, the JavaScript engine is used.\n   */\n  engine?: ShikiHighlighterOptions['engine']\n}\n\n/**\n * Adds syntax highlighting to code blocks using the [Shiki](https://github.com/shikijs/shiki) package.\n *\n * It will set two CSS variables on the code block elements:\n *\n * - `--prosemirror-highlight`: sets text color\n * - `--prosemirror-highlight-bg`: sets background color\n *\n * @param options - The options to configure the Shiki highlighter.\n *\n * @public\n */\nexport function defineCodeBlockShiki({\n  themes = ['one-dark-pro'],\n  langs = ['text'],\n  ...rest\n}: CodeBlockShikiOptions = {}): Extension {\n  const parser = createLazyParser({ themes, langs, ...rest })\n  return defineCodeBlockHighlight({ parser })\n}\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-extensions-code-block.js","names":["existCodeBlock: Command","loaded: ((options: HighlighterOptions) => HighlighterResult) | undefined","createOrGetHighlighter","parser: Parser | undefined"],"sources":["../src/code-block/code-block-commands.ts","../src/code-block/code-block-input-rule.ts","../src/code-block/code-block-keymap.ts","../src/code-block/code-block-spec.ts","../src/code-block/code-block.ts","../src/code-block/code-block-highlight.ts","../src/code-block/shiki-highlighter.ts","../src/code-block/shiki-parser.ts","../src/code-block/code-block-shiki.ts"],"sourcesContent":["import {\n  defineCommands,\n  insertNode,\n  setBlockType,\n  setNodeAttrs,\n  toggleNode,\n  type Extension,\n} from '@prosekit/core'\n\nimport type { CodeBlockAttrs } from './code-block-types'\n\n/**\n * @internal\n */\nexport type CodeBlockCommandsExtension = Extension<{\n  Commands: {\n    setCodeBlock: [attrs?: CodeBlockAttrs]\n    insertCodeBlock: [attrs?: CodeBlockAttrs]\n    toggleCodeBlock: [attrs?: CodeBlockAttrs]\n    setCodeBlockAttrs: [attrs: CodeBlockAttrs]\n  }\n}>\n\n/**\n * Adds commands for working with `codeBlock` nodes.\n *\n * @public\n */\nexport function defineCodeBlockCommands(): CodeBlockCommandsExtension {\n  return defineCommands({\n    setCodeBlock: (attrs?: CodeBlockAttrs) => {\n      return setBlockType({ type: 'codeBlock', attrs })\n    },\n    insertCodeBlock: (attrs?: CodeBlockAttrs) => {\n      return insertNode({ type: 'codeBlock', attrs })\n    },\n    toggleCodeBlock: (attrs?: CodeBlockAttrs) => {\n      return toggleNode({ type: 'codeBlock', attrs })\n    },\n    setCodeBlockAttrs: (attrs: CodeBlockAttrs) => {\n      return setNodeAttrs({ type: 'codeBlock', attrs })\n    },\n  })\n}\n","import type { PlainExtension } from '@prosekit/core'\n\nimport { defineTextBlockEnterRule } from '../enter-rule'\nimport { defineTextBlockInputRule } from '../input-rule'\n\nimport type { CodeBlockAttrs } from './code-block-types'\n\n/**\n * Adds input rules for `codeBlock` nodes.\n *\n * @public\n */\nexport function defineCodeBlockInputRule(): PlainExtension {\n  return defineTextBlockInputRule({\n    regex: /^```(\\S*)\\s$/,\n    type: 'codeBlock',\n    attrs: getAttrs,\n  })\n}\n\n/**\n * Adds enter rules for `codeBlock` nodes.\n *\n * @public\n */\nexport function defineCodeBlockEnterRule(): PlainExtension {\n  return defineTextBlockEnterRule({\n    regex: /^```(\\S*)$/,\n    type: 'codeBlock',\n    attrs: getAttrs,\n  })\n}\n\nfunction getAttrs(match: RegExpMatchArray): CodeBlockAttrs {\n  return { language: match[1] || '' }\n}\n","import {\n  defaultBlockAt,\n  defineKeymap,\n  type PlainExtension,\n} from '@prosekit/core'\nimport {\n  TextSelection,\n  type Command,\n} from '@prosekit/pm/state'\n\n/**\n * Defines the keymap for code blocks.\n */\nexport function defineCodeBlockKeymap(): PlainExtension {\n  return defineKeymap({\n    Enter: existCodeBlock,\n  })\n}\n\n/**\n * Exit a code block and insert a default block below if the cursor is at the\n * end of the code block and the code block is ended with two new lines.\n */\nconst existCodeBlock: Command = (state, dispatch) => {\n  if (!state.selection.empty) {\n    return false\n  }\n\n  const { $head } = state.selection\n  const parent = $head.parent\n  if (\n    parent.isTextblock\n    && parent.type.spec.code\n    && $head.parentOffset === parent.content.size\n    && parent.textContent.endsWith('\\n\\n')\n  ) {\n    const grandParent = $head.node(-1)\n    const insertIndex = $head.indexAfter(-1)\n    const type = defaultBlockAt(grandParent.contentMatchAt(insertIndex))\n\n    if (!type || !grandParent.canReplaceWith(insertIndex, insertIndex, type)) {\n      return false\n    }\n\n    if (dispatch) {\n      const { tr } = state\n      tr.delete($head.pos - 2, $head.pos)\n      const pos = tr.selection.$head.after()\n      const node = type.createAndFill()\n      if (node) {\n        tr.replaceWith(pos, pos, node)\n        tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1))\n        dispatch(tr.scrollIntoView())\n      }\n    }\n\n    return true\n  }\n\n  return false\n}\n","import {\n  defineNodeSpec,\n  type Extension,\n} from '@prosekit/core'\n\nimport type { CodeBlockAttrs } from './code-block-types'\n\n/**\n * @internal\n */\nexport type CodeBlockSpecExtension = Extension<{\n  Nodes: {\n    codeBlock: CodeBlockAttrs\n  }\n}>\n\n/**\n * Defines the `codeBlock` node spec.\n *\n * @public\n */\nexport function defineCodeBlockSpec(): CodeBlockSpecExtension {\n  return defineNodeSpec({\n    name: 'codeBlock',\n    content: 'text*',\n    group: 'block',\n    code: true,\n    defining: true,\n    marks: '',\n    attrs: { language: { default: '', validate: 'string' } },\n    parseDOM: [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n        getAttrs: (node): CodeBlockAttrs => {\n          const language = extractLanguageFromElement(node)\n            || extractLanguageFromElement(node.querySelector('code'))\n          return { language }\n        },\n      },\n    ],\n    toDOM(node) {\n      const { language } = node.attrs as CodeBlockAttrs\n      return [\n        'pre',\n        { 'data-language': language || undefined },\n        // `class: language-${language}` is used by remark-rehype to highlight the code block\n        ['code', { class: language ? `language-${language}` : undefined }, 0],\n      ]\n    },\n  })\n}\n\nfunction extractLanguageFromElement(element: HTMLElement | null | undefined): string {\n  if (!element) {\n    return ''\n  }\n\n  const attr = element.getAttribute('data-language')\n  if (attr) {\n    return attr\n  }\n\n  const className = element.className\n  const match = className.match(/language-(\\w+)/)\n  if (match) {\n    return match[1]\n  }\n\n  return ''\n}\n","import {\n  union,\n  type Union,\n} from '@prosekit/core'\n\nimport {\n  defineCodeBlockCommands,\n  type CodeBlockCommandsExtension,\n} from './code-block-commands'\nimport {\n  defineCodeBlockEnterRule,\n  defineCodeBlockInputRule,\n} from './code-block-input-rule'\nimport { defineCodeBlockKeymap } from './code-block-keymap'\nimport {\n  defineCodeBlockSpec,\n  type CodeBlockSpecExtension,\n} from './code-block-spec'\n\n/**\n * @internal\n */\nexport type CodeBlockExtension = Union<\n  [CodeBlockSpecExtension, CodeBlockCommandsExtension]\n>\n\n/**\n * Adds `codeBlock` nodes to the editor. This includes the following extensions:\n *\n * - {@link defineCodeBlockSpec}\n * - {@link defineCodeBlockInputRule}\n * - {@link defineCodeBlockEnterRule}\n * - {@link defineCodeBlockKeymap}\n * - {@link defineCodeBlockCommands}.\n *\n * @public\n */\nexport function defineCodeBlock(): CodeBlockExtension {\n  return union(\n    defineCodeBlockSpec(),\n    defineCodeBlockInputRule(),\n    defineCodeBlockEnterRule(),\n    defineCodeBlockKeymap(),\n    defineCodeBlockCommands(),\n  )\n}\n","import {\n  definePlugin,\n  type Extension,\n} from '@prosekit/core'\nimport {\n  createHighlightPlugin,\n  type Parser,\n} from 'prosemirror-highlight'\n\n/**\n * @public\n *\n * An alias for the `Parser` type from the `prosemirror-highlight` package.\n */\nexport type HighlightParser = Parser\n\n/**\n * @public\n */\nexport type CodeBlockHighlightOptions = {\n  parser: HighlightParser\n}\n\n/**\n * Adds syntax highlighting to code blocks. This function requires a `Parser`\n * instance from the `prosemirror-highlight` package. See the\n * [documentation](https://github.com/ocavue/prosemirror-highlight) for more\n * information.\n *\n * @param options\n *\n * @public\n */\nexport function defineCodeBlockHighlight({\n  parser,\n}: CodeBlockHighlightOptions): Extension {\n  return definePlugin(\n    createHighlightPlugin({ parser }),\n  )\n}\n","import type {\n  HighlighterOptions,\n  HighlighterResult,\n} from './shiki-highlighter-chunk'\n\nlet loaded: ((options: HighlighterOptions) => HighlighterResult) | undefined\n\nasync function load() {\n  const { createOrGetHighlighter } = await import('./shiki-highlighter-chunk')\n  loaded = createOrGetHighlighter\n}\n\nexport function createOrGetHighlighter(\n  options: HighlighterOptions,\n): HighlighterResult {\n  if (!loaded) {\n    return { promise: load() }\n  }\n  return loaded(options)\n}\n\nexport type { HighlighterOptions }\n","import type { Parser } from 'prosemirror-highlight'\nimport { createParser } from 'prosemirror-highlight/shiki'\n\nimport type { ShikiBundledLanguage } from './shiki-bundle'\nimport {\n  createOrGetHighlighter,\n  type HighlighterOptions,\n} from './shiki-highlighter'\n\n/**\n * @internal\n */\nexport function createLazyParser(\n  highlighterOptions: HighlighterOptions,\n): Parser {\n  let parser: Parser | undefined\n\n  return function lazyParser(options) {\n    const language = (options.language || '') as ShikiBundledLanguage\n    const { highlighter, promise } = createOrGetHighlighter({\n      ...highlighterOptions,\n      langs: [language],\n    })\n\n    if (!highlighter) {\n      return promise\n    }\n\n    if (!parser) {\n      parser = createParser(highlighter, {\n        theme: highlighterOptions.themes[0],\n      })\n    }\n    return parser(options)\n  }\n}\n","import type { Extension } from '@prosekit/core'\nimport type { SpecialLanguage } from 'shiki'\n\nimport { defineCodeBlockHighlight } from './code-block-highlight'\nimport type {\n  ShikiBundledLanguage,\n  ShikiBundledTheme,\n} from './shiki-bundle'\nimport type { ShikiHighlighterOptions } from './shiki-highlighter-chunk'\nimport { createLazyParser } from './shiki-parser'\n\n/**\n * The options to configure the Shiki highlighter.\n *\n * @public\n */\nexport interface CodeBlockShikiOptions extends Omit<ShikiHighlighterOptions, 'themes' | 'langs' | 'engine'> {\n  /**\n   * A list of Shiki themes to pre-load. The first theme in the list will be\n   * used to render the code block.\n   *\n   * @default ['one-dark-pro']\n   */\n  themes?: ShikiBundledTheme[]\n\n  /**\n   * A list of Shiki languages to pre-load.\n   *\n   * @default ['text']\n   */\n  langs?: (ShikiBundledLanguage | SpecialLanguage)[]\n\n  /**\n   * The RegExp engine to use. By default, the JavaScript engine is used.\n   */\n  engine?: ShikiHighlighterOptions['engine']\n}\n\n/**\n * Adds syntax highlighting to code blocks using the [Shiki](https://github.com/shikijs/shiki) package.\n *\n * It will set two CSS variables on the code block elements:\n *\n * - `--prosemirror-highlight`: sets text color\n * - `--prosemirror-highlight-bg`: sets background color\n *\n * @param options - The options to configure the Shiki highlighter.\n *\n * @public\n */\nexport function defineCodeBlockShiki({\n  themes = ['one-dark-pro'],\n  langs = ['text'],\n  ...rest\n}: CodeBlockShikiOptions = {}): Extension {\n  const parser = createLazyParser({ themes, langs, ...rest })\n  return defineCodeBlockHighlight({ parser })\n}\n"],"mappings":"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"}

package/dist/prosekit-extensions-code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-code.d.ts","names":[],"sources":["../src/code/code-commands.ts","../src/code/code-spec.ts","../src/code/code.ts","../src/code/code-input-rule.ts","../src/code/code-keymap.ts"],"sourcesContent":[],"mappings":";;;;;;;AASY,KAAA,qBAAA,GAAwB,SAAA,CAAA;EASpB,QAAA,EAAA;;;;ACThB;;;AAAgC,iBDShB,kBAAA,CAAA,CCTgB,EDSM,qBCTN;;;;;ADAhC;AASgB,KCTJ,iBAAA,GAAoB,SDSM,CAAA;;UCP5B;;AAFV,CAAA,CAAA;;;;AAAyC,iBASzB,cAAA,CAAA,CATyB,EASP,iBATO;;;;ADAzC;AASA;KECY,aAAA,GAAgB,OAAO,mBAAmB;;;ADVtD;AAA6B,iBCeb,UAAA,CAAA,CDfa,ECeC,aDfD;;;;;;ADAjB,iBGCI,mBAAA,CAAA,CHDoB,EGCG,cHDM;;;;;;AAAjC,iBIAI,gBAAA,CAAA,CJAoB,EIAA,cJAS"}
+{"version":3,"file":"prosekit-extensions-code.d.ts","names":[],"sources":["../src/code/code-commands.ts","../src/code/code-spec.ts","../src/code/code.ts","../src/code/code-input-rule.ts","../src/code/code-keymap.ts"],"sourcesContent":[],"mappings":";;;;;;;AASY,KAAA,qBAAA,GAAwB,SAAA,CAAA;EASpB,QAAA,EAAA;;;;ACThB;AASA;;iBDAgB,kBAAA,CAAA,GAAsB;;;;;AATtC;AASgB,KCTJ,iBAAA,GAAoB,SDSM,CAAA;;UCP5B;;AAFV,CAAA,CAAA;AASA;;;iBAAgB,cAAA,CAAA,GAAkB;;;;ADTlC;AASA;KECY,aAAA,GAAgB,OAAO,mBAAmB;;;ADVtD;AASgB,iBCMA,UAAA,CAAA,CDNkB,ECMJ,aDNI;;;;;;ADTtB,iBGCI,mBAAA,CAAA,CHDoB,EGCG,cHDM;;;;;;AAAjC,iBIAI,gBAAA,CAAA,CJAoB,EIAA,cJAS"}

package/dist/prosekit-extensions-code.js

@@ -1,4 +1,4 @@
-import { defineMarkInputRule } from "./input-rule-B17tpW4m.js";
+import { r as defineMarkInputRule } from "./input-rule-COGr_GBb.js";
 import { canUseRegexLookbehind, defineCommands, defineKeymap, defineMarkSpec, toggleMark, union } from "@prosekit/core";
 
 //#region src/code/code-commands.ts

package/dist/prosekit-extensions-commit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-commit.d.ts","names":[],"sources":["../src/commit/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAmB2B;UAejB,MAAA,CAAM;;;;EAaC,GAAA,EATV,QASU;EA2MR;;;QAAoC,EAhNnC,QAgNmC;EAAc;AAAA;;;OAsC/C,EAjPH,QAiPG,EAAA;;;AASW;;iBA/Cd,kBAAA,CAwDqC,MAAA,EAxDV,MAwDU,CAAA,EAxDD,cAwDC;cAjDxC,cAAA,CAiDyD;EAAc,QAAA,MAAA;;;;;;;YAxCjE;;;;YAsBA;;;;YASA;;;;;iBASH,oBAAA,iBAAqC,iBAAiB"}
+{"version":3,"file":"prosekit-extensions-commit.d.ts","names":[],"sources":["../src/commit/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAmB2B;UAejB,MAAA,CAIH;EAIG;;;EAgND,GAAA,EApNF,QAoNE;EAOH;;;EAwCM,MAAA,EA/PF,QA+PE;EAAW;AAAA;;;SA1Pd;;;;;iBA2MA,kBAAA,SAA2B,SAAS;cAOvC,cAAA;;;;;;;;YASM;;;;YAsBA;;;;YASA;;;;;iBASH,oBAAA,iBAAqC,iBAAiB"}

package/dist/prosekit-extensions-commit.js

@@ -53,8 +53,7 @@ function decorateDeletionSlice(slice) {
 	return [render];
 }
 function decorateDeletion(doc, from, to, pos) {
-	const slice = doc.slice(from, to);
-	const renders = decorateDeletionSlice(slice);
+	const renders = decorateDeletionSlice(doc.slice(from, to));
 	const count = renders.length;
 	return renders.map((render, index) => Decoration.widget(pos, render, {
 		side: -20 - count + index,
@@ -142,9 +141,8 @@ var CommitRecorder = class {
 * Define an extension that can record the changes in the editor.
 */
 function defineCommitRecorder(commitRecorder) {
-	const key = new PluginKey("prosekit-commit-recorder");
 	return definePlugin(new ProseMirrorPlugin({
-		key,
+		key: new PluginKey("prosekit-commit-recorder"),
 		state: {
 			init: (_, state) => {
 				commitRecorder.init(state.doc);

package/dist/prosekit-extensions-commit.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-commit.js","names":["decorations: Decoration[]","commit: Commit"],"sources":["../src/commit/index.ts"],"sourcesContent":["import {\n  defineDefaultState,\n  definePlugin,\n  jsonFromNode,\n  union,\n  type NodeJSON,\n  type PlainExtension,\n  type StepJSON,\n} from '@prosekit/core'\nimport {\n  DOMSerializer,\n  Fragment,\n  Slice,\n  type ProseMirrorNode,\n} from '@prosekit/pm/model'\nimport {\n  PluginKey,\n  ProseMirrorPlugin,\n  type Transaction,\n} from '@prosekit/pm/state'\nimport { Step } from '@prosekit/pm/transform'\nimport {\n  Decoration,\n  DecorationSet,\n  type EditorView,\n} from '@prosekit/pm/view'\nimport {\n  ChangeSet,\n  type Change,\n} from 'prosemirror-changeset'\n\n/**\n * A JSON representation of a commit.\n */\ninterface Commit {\n  /**\n   * The current doc node in the JSON format\n   */\n  doc: NodeJSON\n  /**\n   * The parent node in the JSON format\n   */\n  parent: NodeJSON\n  /**\n   * An array of steps in the JSON format that transform the parent node to the\n   * current doc node.\n   */\n  steps: StepJSON[]\n}\n\nfunction getChanges(\n  doc: ProseMirrorNode,\n  parent: ProseMirrorNode,\n  steps: Step[],\n): readonly Change[] {\n  const initSet = ChangeSet.create(parent)\n  const currSet = initSet.addSteps(\n    doc,\n    steps.map((step) => step.getMap()),\n    null,\n  )\n  return currSet.changes\n}\n\nfunction renderDivWeight(view: EditorView): HTMLElement {\n  const document = view.dom.ownerDocument\n  return document.createElement('div')\n}\n\nfunction decorateDeletionSlice(\n  slice: Slice,\n): Array<(view: EditorView) => HTMLElement> {\n  // Get the fragment of the deleted content\n  let { openStart, openEnd, content } = slice\n\n  while (openStart > 0 && openEnd > 0 && content.childCount === 1) {\n    openStart--\n    openEnd--\n    content = content.child(0).content\n  }\n\n  // Nothing to render\n  if (content.childCount === 0) {\n    return []\n  }\n\n  // For example, if the slice is\n  //   {\n  //     openStart: 1,\n  //     openEnd: 1,\n  //     content: <p>Hello</p><p>World</p>\n  //   }\n  // We should render the following decorations:\n  //   <span>Hello</span>\n  //   <div></div>\n  //   <span>World</span>\n  if (openStart > 0 && openEnd > 0 && content.childCount === 2) {\n    const head = Fragment.from([content.child(0)])\n    const tail = Fragment.from([content.child(1)])\n    return [\n      ...decorateDeletionSlice(new Slice(head, openStart, openStart)),\n      renderDivWeight,\n      ...decorateDeletionSlice(new Slice(tail, openEnd, openEnd)),\n    ]\n  }\n\n  // For example, if the slice is\n  //   {\n  //     openStart: 1,\n  //     openEnd: 0,\n  //     content: <p>Hello</p><p>World</p>\n  //   }\n  // We should render the following decorations:\n  //   <span>Hello</span>\n  //   <div><p>World</p></div>\n  if (openStart > 0 && content.childCount >= 2) {\n    const nodes = content.content\n    const head = Fragment.from(nodes.slice(0, 1))\n    const body = Fragment.from(nodes.slice(1))\n\n    return [\n      ...decorateDeletionSlice(new Slice(head, openStart, openStart)),\n      ...decorateDeletionSlice(new Slice(body, 0, openEnd)),\n    ]\n  }\n\n  // For example, if the slice is\n  //   {\n  //     openStart: 0,\n  //     openEnd: 1,\n  //     content: <p>Hello</p><p>World</p>\n  //   }\n  // We should render the following decorations:\n  //   <div><p>Hello</p></div>\n  //   <span>World</span>\n  if (openEnd > 0 && content.childCount >= 2) {\n    const nodes = content.content\n    const body = Fragment.from(nodes.slice(0, -1))\n    const tail = Fragment.from(nodes.slice(-1))\n    return [\n      ...decorateDeletionSlice(new Slice(body, openStart, 0)),\n      ...decorateDeletionSlice(new Slice(tail, openEnd, openEnd)),\n    ]\n  }\n\n  const schema = content.child(0).type.schema\n  const isInline = content.child(0).isInline\n\n  const render = (view: EditorView): HTMLElement => {\n    const document = view.dom.ownerDocument\n\n    // Render the fragment to HTML\n    const element = document.createElement(isInline ? 'span' : 'div')\n    const serializer = DOMSerializer.fromSchema(schema)\n    serializer.serializeFragment(content, { document }, element)\n\n    // Add the class to the element\n    element.classList.add('prosekit-commit-deletion')\n    return element\n  }\n\n  return [render]\n}\n\nfunction decorateDeletion(\n  /** The doc node before the deletion */\n  doc: ProseMirrorNode,\n  /** The start position of the deleted text in the doc node */\n  from: number,\n  /** The end position of the deleted text in the doc node */\n  to: number,\n  /** The insert position of the decoration in the doc node after the change */\n  pos: number,\n): Decoration[] {\n  const slice = doc.slice(from, to)\n\n  const renders = decorateDeletionSlice(slice)\n  const count = renders.length\n\n  return renders.map((render, index) =>\n    Decoration.widget(pos, render, {\n      side: -20 - count + index,\n      // Ensure the text in the decoration is able to be selected.\n      ignoreSelection: true,\n    })\n  )\n}\n\nfunction decorateAddition(\n  /** The start position of the inserted text in the doc node */\n  from: number,\n  /** The end position of the inserted text in the doc node */\n  to: number,\n): Decoration {\n  return Decoration.inline(from, to, { class: 'prosekit-commit-addition' })\n}\n\nfunction decorateChange(prev: ProseMirrorNode, change: Change): Decoration[] {\n  const { fromA, toA, fromB, toB } = change\n  const decorations: Decoration[] = []\n\n  if (fromA < toA) {\n    decorations.push(...decorateDeletion(prev, fromA, toA, fromB))\n  }\n  if (fromB < toB) {\n    decorations.push(decorateAddition(fromB, toB))\n  }\n\n  return decorations\n}\n\nfunction decorateCommit(\n  doc: ProseMirrorNode,\n  parent: ProseMirrorNode,\n  steps: Step[],\n): DecorationSet {\n  const changes = getChanges(doc, parent, steps)\n  const decorations = changes.flatMap((change) => decorateChange(parent, change))\n  return DecorationSet.create(doc, decorations)\n}\n\nfunction defineCommitDecoration(commit: Commit): PlainExtension {\n  const key = new PluginKey<DecorationSet>('prosekit-commit-decoration')\n\n  return definePlugin(({ schema }): ProseMirrorPlugin => {\n    const parent = schema.nodeFromJSON(commit.parent)\n    const steps = commit.steps.map((step) => Step.fromJSON(schema, step))\n\n    return new ProseMirrorPlugin({\n      key,\n      state: {\n        init: (_, instance): DecorationSet => {\n          return decorateCommit(instance.doc, parent, steps)\n        },\n        apply: (tr, deco: DecorationSet): DecorationSet => {\n          return deco.map(tr.mapping, tr.doc)\n        },\n      },\n      props: {\n        decorations: (state): DecorationSet | undefined => {\n          return key.getState(state)\n        },\n      },\n    })\n  })\n}\n\n/**\n * Define an extension to display the changes from the given commit in the editor.\n */\nfunction defineCommitViewer(commit: Commit): PlainExtension {\n  return union(\n    defineDefaultState({ defaultDoc: commit.doc }),\n    defineCommitDecoration(commit),\n  )\n}\n\nclass CommitRecorder {\n  private parent: ProseMirrorNode | null = null\n  private doc: ProseMirrorNode | null = null\n  private steps: Step[] = []\n\n  /**\n   * Return a commit object including all changes since the last commit. `null`\n   * will be returned if there is no change.\n   */\n  commit(): Commit | null {\n    if (\n      !this.parent\n      || !this.doc\n      || this.steps.length === 0\n      || this.parent.eq(this.doc)\n    ) {\n      return null\n    }\n\n    const commit: Commit = {\n      doc: jsonFromNode(this.doc),\n      parent: jsonFromNode(this.parent),\n      steps: this.steps.map((step) => step.toJSON() as StepJSON),\n    }\n    this.init(this.doc)\n    return commit\n  }\n\n  /**\n   * @internal\n   */\n  init(doc: ProseMirrorNode): void {\n    this.doc = doc\n    this.parent = doc\n    this.steps = []\n  }\n\n  /**\n   * @internal\n   */\n  apply(tr: Transaction): void {\n    this.steps.push(...tr.steps)\n    this.doc = tr.doc\n  }\n}\n\n/**\n * Define an extension that can record the changes in the editor.\n */\nfunction defineCommitRecorder(commitRecorder: CommitRecorder): PlainExtension {\n  const key = new PluginKey<DecorationSet>('prosekit-commit-recorder')\n\n  return definePlugin(\n    new ProseMirrorPlugin({\n      key,\n      state: {\n        init: (_, state): void => {\n          commitRecorder.init(state.doc)\n        },\n        apply: (tr): void => {\n          commitRecorder.apply(tr)\n        },\n      },\n    }),\n  )\n}\n\nexport {\n  CommitRecorder,\n  defineCommitRecorder,\n  defineCommitViewer,\n  type Commit,\n}\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-extensions-commit.js","names":["decorations: Decoration[]","commit: Commit"],"sources":["../src/commit/index.ts"],"sourcesContent":["import {\n  defineDefaultState,\n  definePlugin,\n  jsonFromNode,\n  union,\n  type NodeJSON,\n  type PlainExtension,\n  type StepJSON,\n} from '@prosekit/core'\nimport {\n  DOMSerializer,\n  Fragment,\n  Slice,\n  type ProseMirrorNode,\n} from '@prosekit/pm/model'\nimport {\n  PluginKey,\n  ProseMirrorPlugin,\n  type Transaction,\n} from '@prosekit/pm/state'\nimport { Step } from '@prosekit/pm/transform'\nimport {\n  Decoration,\n  DecorationSet,\n  type EditorView,\n} from '@prosekit/pm/view'\nimport {\n  ChangeSet,\n  type Change,\n} from 'prosemirror-changeset'\n\n/**\n * A JSON representation of a commit.\n */\ninterface Commit {\n  /**\n   * The current doc node in the JSON format\n   */\n  doc: NodeJSON\n  /**\n   * The parent node in the JSON format\n   */\n  parent: NodeJSON\n  /**\n   * An array of steps in the JSON format that transform the parent node to the\n   * current doc node.\n   */\n  steps: StepJSON[]\n}\n\nfunction getChanges(\n  doc: ProseMirrorNode,\n  parent: ProseMirrorNode,\n  steps: Step[],\n): readonly Change[] {\n  const initSet = ChangeSet.create(parent)\n  const currSet = initSet.addSteps(\n    doc,\n    steps.map((step) => step.getMap()),\n    null,\n  )\n  return currSet.changes\n}\n\nfunction renderDivWeight(view: EditorView): HTMLElement {\n  const document = view.dom.ownerDocument\n  return document.createElement('div')\n}\n\nfunction decorateDeletionSlice(\n  slice: Slice,\n): Array<(view: EditorView) => HTMLElement> {\n  // Get the fragment of the deleted content\n  let { openStart, openEnd, content } = slice\n\n  while (openStart > 0 && openEnd > 0 && content.childCount === 1) {\n    openStart--\n    openEnd--\n    content = content.child(0).content\n  }\n\n  // Nothing to render\n  if (content.childCount === 0) {\n    return []\n  }\n\n  // For example, if the slice is\n  //   {\n  //     openStart: 1,\n  //     openEnd: 1,\n  //     content: <p>Hello</p><p>World</p>\n  //   }\n  // We should render the following decorations:\n  //   <span>Hello</span>\n  //   <div></div>\n  //   <span>World</span>\n  if (openStart > 0 && openEnd > 0 && content.childCount === 2) {\n    const head = Fragment.from([content.child(0)])\n    const tail = Fragment.from([content.child(1)])\n    return [\n      ...decorateDeletionSlice(new Slice(head, openStart, openStart)),\n      renderDivWeight,\n      ...decorateDeletionSlice(new Slice(tail, openEnd, openEnd)),\n    ]\n  }\n\n  // For example, if the slice is\n  //   {\n  //     openStart: 1,\n  //     openEnd: 0,\n  //     content: <p>Hello</p><p>World</p>\n  //   }\n  // We should render the following decorations:\n  //   <span>Hello</span>\n  //   <div><p>World</p></div>\n  if (openStart > 0 && content.childCount >= 2) {\n    const nodes = content.content\n    const head = Fragment.from(nodes.slice(0, 1))\n    const body = Fragment.from(nodes.slice(1))\n\n    return [\n      ...decorateDeletionSlice(new Slice(head, openStart, openStart)),\n      ...decorateDeletionSlice(new Slice(body, 0, openEnd)),\n    ]\n  }\n\n  // For example, if the slice is\n  //   {\n  //     openStart: 0,\n  //     openEnd: 1,\n  //     content: <p>Hello</p><p>World</p>\n  //   }\n  // We should render the following decorations:\n  //   <div><p>Hello</p></div>\n  //   <span>World</span>\n  if (openEnd > 0 && content.childCount >= 2) {\n    const nodes = content.content\n    const body = Fragment.from(nodes.slice(0, -1))\n    const tail = Fragment.from(nodes.slice(-1))\n    return [\n      ...decorateDeletionSlice(new Slice(body, openStart, 0)),\n      ...decorateDeletionSlice(new Slice(tail, openEnd, openEnd)),\n    ]\n  }\n\n  const schema = content.child(0).type.schema\n  const isInline = content.child(0).isInline\n\n  const render = (view: EditorView): HTMLElement => {\n    const document = view.dom.ownerDocument\n\n    // Render the fragment to HTML\n    const element = document.createElement(isInline ? 'span' : 'div')\n    const serializer = DOMSerializer.fromSchema(schema)\n    serializer.serializeFragment(content, { document }, element)\n\n    // Add the class to the element\n    element.classList.add('prosekit-commit-deletion')\n    return element\n  }\n\n  return [render]\n}\n\nfunction decorateDeletion(\n  /** The doc node before the deletion */\n  doc: ProseMirrorNode,\n  /** The start position of the deleted text in the doc node */\n  from: number,\n  /** The end position of the deleted text in the doc node */\n  to: number,\n  /** The insert position of the decoration in the doc node after the change */\n  pos: number,\n): Decoration[] {\n  const slice = doc.slice(from, to)\n\n  const renders = decorateDeletionSlice(slice)\n  const count = renders.length\n\n  return renders.map((render, index) =>\n    Decoration.widget(pos, render, {\n      side: -20 - count + index,\n      // Ensure the text in the decoration is able to be selected.\n      ignoreSelection: true,\n    })\n  )\n}\n\nfunction decorateAddition(\n  /** The start position of the inserted text in the doc node */\n  from: number,\n  /** The end position of the inserted text in the doc node */\n  to: number,\n): Decoration {\n  return Decoration.inline(from, to, { class: 'prosekit-commit-addition' })\n}\n\nfunction decorateChange(prev: ProseMirrorNode, change: Change): Decoration[] {\n  const { fromA, toA, fromB, toB } = change\n  const decorations: Decoration[] = []\n\n  if (fromA < toA) {\n    decorations.push(...decorateDeletion(prev, fromA, toA, fromB))\n  }\n  if (fromB < toB) {\n    decorations.push(decorateAddition(fromB, toB))\n  }\n\n  return decorations\n}\n\nfunction decorateCommit(\n  doc: ProseMirrorNode,\n  parent: ProseMirrorNode,\n  steps: Step[],\n): DecorationSet {\n  const changes = getChanges(doc, parent, steps)\n  const decorations = changes.flatMap((change) => decorateChange(parent, change))\n  return DecorationSet.create(doc, decorations)\n}\n\nfunction defineCommitDecoration(commit: Commit): PlainExtension {\n  const key = new PluginKey<DecorationSet>('prosekit-commit-decoration')\n\n  return definePlugin(({ schema }): ProseMirrorPlugin => {\n    const parent = schema.nodeFromJSON(commit.parent)\n    const steps = commit.steps.map((step) => Step.fromJSON(schema, step))\n\n    return new ProseMirrorPlugin({\n      key,\n      state: {\n        init: (_, instance): DecorationSet => {\n          return decorateCommit(instance.doc, parent, steps)\n        },\n        apply: (tr, deco: DecorationSet): DecorationSet => {\n          return deco.map(tr.mapping, tr.doc)\n        },\n      },\n      props: {\n        decorations: (state): DecorationSet | undefined => {\n          return key.getState(state)\n        },\n      },\n    })\n  })\n}\n\n/**\n * Define an extension to display the changes from the given commit in the editor.\n */\nfunction defineCommitViewer(commit: Commit): PlainExtension {\n  return union(\n    defineDefaultState({ defaultDoc: commit.doc }),\n    defineCommitDecoration(commit),\n  )\n}\n\nclass CommitRecorder {\n  private parent: ProseMirrorNode | null = null\n  private doc: ProseMirrorNode | null = null\n  private steps: Step[] = []\n\n  /**\n   * Return a commit object including all changes since the last commit. `null`\n   * will be returned if there is no change.\n   */\n  commit(): Commit | null {\n    if (\n      !this.parent\n      || !this.doc\n      || this.steps.length === 0\n      || this.parent.eq(this.doc)\n    ) {\n      return null\n    }\n\n    const commit: Commit = {\n      doc: jsonFromNode(this.doc),\n      parent: jsonFromNode(this.parent),\n      steps: this.steps.map((step) => step.toJSON() as StepJSON),\n    }\n    this.init(this.doc)\n    return commit\n  }\n\n  /**\n   * @internal\n   */\n  init(doc: ProseMirrorNode): void {\n    this.doc = doc\n    this.parent = doc\n    this.steps = []\n  }\n\n  /**\n   * @internal\n   */\n  apply(tr: Transaction): void {\n    this.steps.push(...tr.steps)\n    this.doc = tr.doc\n  }\n}\n\n/**\n * Define an extension that can record the changes in the editor.\n */\nfunction defineCommitRecorder(commitRecorder: CommitRecorder): PlainExtension {\n  const key = new PluginKey<DecorationSet>('prosekit-commit-recorder')\n\n  return definePlugin(\n    new ProseMirrorPlugin({\n      key,\n      state: {\n        init: (_, state): void => {\n          commitRecorder.init(state.doc)\n        },\n        apply: (tr): void => {\n          commitRecorder.apply(tr)\n        },\n      },\n    }),\n  )\n}\n\nexport {\n  CommitRecorder,\n  defineCommitRecorder,\n  defineCommitViewer,\n  type Commit,\n}\n"],"mappings":"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"}

package/dist/prosekit-extensions-doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-doc.d.ts","names":[],"sources":["../src/doc/index.ts"],"sourcesContent":[],"mappings":";;;;;;;AASA;AAAwB,KAAZ,YAAA,GAAe,SAAH,CAAA;OAA6B,EAAA;IAA1B,GAAA,EAA0B,KAA1B;EAAS,CAAA;AAKpC,CAAA,CAAA;;;;iBAAgB,SAAA,CAAA,GAAa"}
+{"version":3,"file":"prosekit-extensions-doc.d.ts","names":[],"sources":["../src/doc/index.ts"],"sourcesContent":[],"mappings":";;;;;;;AASA;AAKgB,KALJ,YAAA,GAAe,SAKE,CAAA;;SALwB;;;;;;iBAKrC,SAAA,CAAA,GAAa"}

package/dist/prosekit-extensions-drop-cursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-drop-cursor.d.ts","names":[],"sources":["../src/drop-cursor/drop-cursor.ts"],"sourcesContent":[],"mappings":";;;UAMiB,iBAAA;;AAAjB;AAwBA;AAWA;;OACY,CAAA,EAAA,MAAA,GAAA,KAAA;;;;;;;;;;;;;;;KAZA,mBAAA,GAAsB;;;;;;;;;;iBAWlB,gBAAA,WACJ,oBACT"}
+{"version":3,"file":"prosekit-extensions-drop-cursor.d.ts","names":[],"sources":["../src/drop-cursor/drop-cursor.ts"],"sourcesContent":[],"mappings":";;;UAMiB,iBAAA;;AAAjB;AAwBA;AAWA;;;;;;;;;;;;;;;;;KAXY,mBAAA,GAAsB;;;;;;;;;;iBAWlB,gBAAA,WACJ,oBACT"}

package/dist/prosekit-extensions-drop-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-drop-indicator.d.ts","names":[],"sources":["../src/drop-indicator/drop-indicator.ts"],"sourcesContent":[],"mappings":";;;;;;;AAQA;AAegB,KAfJ,sBAAA,GAAyB,cAeF;;;;;AAWnC;;;;;;;;;iBAXgB,mBAAA,WACJ,uBACT;;;;;;UASc,oBAAA,SAA6B"}
+{"version":3,"file":"prosekit-extensions-drop-indicator.d.ts","names":[],"sources":["../src/drop-indicator/drop-indicator.ts"],"sourcesContent":[],"mappings":";;;;;;;AAQA;AAegB,KAfJ,sBAAA,GAAyB,cAgBzB;AAUZ;;;;;;;;;;;;;iBAXgB,mBAAA,WACJ,uBACT;;;;;;UASc,oBAAA,SAA6B"}

package/dist/prosekit-extensions-drop-indicator.js

@@ -1,3 +1,3 @@
-import { defineDropIndicator } from "./drop-indicator-E7nCfdnR.js";
+import { t as defineDropIndicator } from "./drop-indicator-BMvWUDXz.js";
 
 export { defineDropIndicator };

package/dist/prosekit-extensions-enter-rule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-enter-rule.d.ts","names":[],"sources":["../src/enter-rule/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;AA8BA;;;AAmBS,UAnBQ,uBAAA,CAmBR;EAAe;AAMxB;;OAAyC,EArBhC,WAqBgC;;;AAOzC;EAA4B,IAAA,EAAA,MAAA;;;;EAwBX,EAAA,EAAA,MAAA;EAAyB;;;OAehC,EApDD,eAoDC;;;;AAmBV;AAA+B,KAjEnB,gBAAA,GAiEmB,CAAA,OAAA,EAjEU,uBAiEV,EAAA,GAjEsC,WAiEtC,GAAA,IAAA;;;;;;AAIK,KA9DxB,gBAAA,GA8DwB;EAcpB;;;OAEd,EA1EO,MA0EP;;;;SAG6B,EAxEpB,gBAwEoB;EAAc;;;;;;;;;;;;UAzD5B,yBAAA;;;;SAIR;;;;iBAKQ;;;;;UAMP,wBAAwB,qBAAqB;;;;;;;;;;;;;;;;;iBAmBvC,eAAA;;;;GAIb,mBAAmB;;;;;;;;;;iBAcN,wBAAA;;;;;GAKb,4BAA4B"}
+{"version":3,"file":"prosekit-extensions-enter-rule.d.ts","names":[],"sources":["../src/enter-rule/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;AA8BA;AAyBA;AAOA;AAwBiB,UAxDA,uBAAA,CAwDyB;EAIjC;;;EAWyB,KAAA,EAnEzB,WAmEyB;EAAqB;;AAmBvD;EACE,IAAA,EAAA,MAAA;EACA;;;EAEoB,EAAA,EAAA,MAAA;EAAc;AAcpC;;EAEE,KAAA,EA3FO,eA2FP;;;;;AAG2C,KAxFjC,gBAAA,GAwFiC,CAAA,OAAA,EAxFJ,uBAwFI,EAAA,GAxFwB,WAwFxB,GAAA,IAAA;;;;;;KAjFjC,gBAAA;;;;SAIH;;;;WAKE;;;;;;;;;;;;;UAeM,yBAAA;;;;SAIR;;;;iBAKQ;;;;;UAMP,wBAAwB,qBAAqB;;;;;;;;;;;;;;;;;iBAmBvC,eAAA;;;;GAIb,mBAAmB;;;;;;;;;;iBAcN,wBAAA;;;;;GAKb,4BAA4B"}

package/dist/prosekit-extensions-enter-rule.js

@@ -1,3 +1,3 @@
-import { defineEnterRule, defineTextBlockEnterRule } from "./enter-rule-RdhEA900.js";
+import { n as defineTextBlockEnterRule, t as defineEnterRule } from "./enter-rule-D-p4ykfv.js";
 
 export { defineEnterRule, defineTextBlockEnterRule };

package/dist/prosekit-extensions-file.d.ts

@@ -1,2 +1,2 @@
-import { FileDropHandler, FileDropHandlerOptions, FilePasteHandler, FilePasteHandlerOptions, UploadProgress, UploadTask, Uploader, UploaderOptions, defineFileDropHandler, defineFilePasteHandler } from "./index-DY6lIIYV.js";
+import { a as FilePasteHandler, c as FileDropHandler, i as UploaderOptions, l as FileDropHandlerOptions, n as UploadTask, o as FilePasteHandlerOptions, r as Uploader, s as defineFilePasteHandler, t as UploadProgress, u as defineFileDropHandler } from "./index-DdjnBeho.js";
 export { FileDropHandler, FileDropHandlerOptions, FilePasteHandler, FilePasteHandlerOptions, UploadProgress, UploadTask, Uploader, UploaderOptions, defineFileDropHandler, defineFilePasteHandler };

package/dist/prosekit-extensions-file.js

@@ -1,3 +1,3 @@
-import { UploadTask, defineFileDropHandler, defineFilePasteHandler } from "./file-DVUhe5KJ.js";
+import { n as defineFilePasteHandler, r as defineFileDropHandler, t as UploadTask } from "./file-DKoIIa7q.js";
 
 export { UploadTask, defineFileDropHandler, defineFilePasteHandler };

package/dist/prosekit-extensions-hard-break.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-hard-break.d.ts","names":[],"sources":["../src/hard-break/hard-break-commands.ts","../src/hard-break/hard-break-spec.ts","../src/hard-break/hard-break.ts","../src/hard-break/hard-break-keymap.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAUY,KAAA,0BAAA,GAA6B,SAAA,CAAA;EAgBzB,QAAA,EAAA;;;;;ACRhB;;iBDQgB,uBAAA,CAAA,GAA2B;;;;;;AAhB/B,KCDA,sBAAA,GAAyB,SDCI,CAAA;EAgBzB,KAAA,EAAA;eCfD;;;AAFf;;;AAAqC,iBASrB,mBAAA,CAAA,CATqB,EASE,sBATF;;;;;ADCrC;AAgBgB,KERJ,kBAAA,GAAqB,KFQM,CAAA,CEPpC,wBAAwB;ADV3B;;;AAAqC,iBCgBrB,eAAA,CAAA,CDhBqB,ECgBF,kBDhBE;;;;;;iBECrB,qBAAA,CAAA,GAAyB"}
+{"version":3,"file":"prosekit-extensions-hard-break.d.ts","names":[],"sources":["../src/hard-break/hard-break-commands.ts","../src/hard-break/hard-break-spec.ts","../src/hard-break/hard-break.ts","../src/hard-break/hard-break-keymap.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAUY,KAAA,0BAAA,GAA6B,SAAA,CAAA;EAgBzB,QAAA,EAAA;;;;;AERhB;;AAC2B,iBFOX,uBAAA,CAAA,CEPW,EFOgB,0BEPhB;;;;;;AFTf,KCDA,sBAAA,GAAyB,SDCI,CAAA;EAgBzB,KAAA,EAAA;eCfD;;;AAFf;AASA;;iBAAgB,mBAAA,CAAA,GAAuB;;;;;ADRvC;AAgBgB,KERJ,kBAAA,GAAqB,KFQM,CAAA,CEPpC,wBAAwB;ADV3B;AASA;;iBCOgB,eAAA,CAAA,GAAmB;;;;;;iBCfnB,qBAAA,CAAA,GAAyB"}

package/dist/prosekit-extensions-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-heading.d.ts","names":[],"sources":["../src/heading/heading-types.ts","../src/heading/heading-commands.ts","../src/heading/heading-spec.ts","../src/heading/heading.ts","../src/heading/heading-input-rule.ts","../src/heading/heading-keymap.ts"],"sourcesContent":[],"mappings":";;;UAAiB,YAAA;;;;;;AAAjB;;KCaY,wBAAA,GAA2B;;IAA3B,UAAA,EAAA,CAAA,KAAA,GAEa,YAFW,GAAA,SAAA,CAAA;IAAA,aAAA,EAAA,CAAA,KAAA,GAGR,YAHQ,GAAA,SAAA,CAAA;IAEX,aAAA,EAAA,CAAA,KAAA,GAEG,YAFH,GAAA,SAAA,CAAA;;;;;AASzB;iBAAgB,qBAAA,CAAA,GAAyB;;;;ADxBzC;;KEUY,oBAAA,GAAuB;;IDGvB,OAAA,ECDC,YDCD;EAAwB,CAAA;;;;;AAAY,iBCMhC,iBAAA,CAAA,CDNgC,ECMX,oBDNW;;;ADbhD;;;KGmBY,gBAAA,GAAmB,OAC5B,oBFPS,EEOa,wBFPW;;;;AAAY,iBEahC,aAAA,CAAA,CFbgC,EEaf,gBFbe;;;;;ADbhD;;;;ACaY,iBGDI,sBAAA,CAAA,CHCoB,EGDM,cHCN;;;;;ADbpC;iBK6BgB,mBAAA,CAAA,GAAuB"}
+{"version":3,"file":"prosekit-extensions-heading.d.ts","names":[],"sources":["../src/heading/heading-types.ts","../src/heading/heading-commands.ts","../src/heading/heading-spec.ts","../src/heading/heading.ts","../src/heading/heading-input-rule.ts","../src/heading/heading-keymap.ts"],"sourcesContent":[],"mappings":";;;UAAiB,YAAA;;;;;;AAAjB;;KCaY,wBAAA,GAA2B;;IAA3B,UAAA,EAAA,CAAA,KAAA,GAEa,YAFW,GAAA,SAAA,CAAA;IAEX,aAAA,EAAA,CAAA,KAAA,GACG,YADH,GAAA,SAAA,CAAA;IACG,aAAA,EAAA,CAAA,KAAA,GACA,YADA,GAAA,SAAA,CAAA;EACA,CAAA;CAJW,CAAA;;AAWvC;;iBAAgB,qBAAA,CAAA,GAAyB;;;;ADxBzC;;KEUY,oBAAA,GAAuB;;IDGvB,OAAA,ECDC,YDCD;EAEa,CAAA;CACG,CAAA;;;;AAQZ,iBCLA,iBAAA,CAAA,CDKyB,ECLJ,oBDKI;;;ADxBzC;;;KGmBY,gBAAA,GAAmB,OAC5B,oBFPS,EEOa,wBFLA,CACG,CAAA;;;;AAQZ,iBEEA,aAAA,CAAA,CFFqB,EEEJ,gBFFQ;;;;;ADxBzC;;;;ACaY,iBGDI,sBAAA,CAAA,CHCoB,EGDM,cHCN;;;;;ADbpC;iBK6BgB,mBAAA,CAAA,GAAuB"}

package/dist/prosekit-extensions-heading.js

@@ -1,4 +1,4 @@
-import { defineTextBlockInputRule } from "./input-rule-B17tpW4m.js";
+import { i as defineTextBlockInputRule } from "./input-rule-COGr_GBb.js";
 import { defineCommands, defineKeymap, defineNodeSpec, insertNode, isAtBlockStart, setBlockType, toggleNode, union, unsetBlockType, withSkipCodeBlock } from "@prosekit/core";
 
 //#region src/heading/heading-commands.ts

package/dist/prosekit-extensions-horizontal-rule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-horizontal-rule.d.ts","names":[],"sources":["../src/horizontal-rule/horizontal-rule-commands.ts","../src/horizontal-rule/horizontal-rule-spec.ts","../src/horizontal-rule/horizontal-rule.ts","../src/horizontal-rule/horizontal-rule-input-rule.ts"],"sourcesContent":[],"mappings":";;;;;KAWY,+BAAA,GAAkC;;;EAAlC,CAAA;AASZ,CAAA,CAAA;AAcA;;;iBAdgB,oBAAA,CAAA,GAAwB;ACd5B,iBD4BI,4BAAA,CAAA,CC5BuB,ED4BS,+BC5BT;;;KAA3B,2BAAA,GAA8B;;oBAEtB;EDGR,CAAA;AASZ,CAAA,CAAA;AAcgB,iBCtBA,wBAAA,CAAA,CDsBgC,ECtBJ,2BDsBmC;;;KEnBnE,uBAAA,GAA0B,OACnC,6BAA6B,+BFLpB,CASZ,CAAA;AAcA;;;iBEZgB,oBAAA,CAAA,GAAwB;;;;;;iBCVxB,6BAAA,CAAA,GAAiC"}
+{"version":3,"file":"prosekit-extensions-horizontal-rule.d.ts","names":[],"sources":["../src/horizontal-rule/horizontal-rule-commands.ts","../src/horizontal-rule/horizontal-rule-spec.ts","../src/horizontal-rule/horizontal-rule.ts","../src/horizontal-rule/horizontal-rule-input-rule.ts"],"sourcesContent":[],"mappings":";;;;;KAWY,+BAAA,GAAkC;;;EAAlC,CAAA;AASZ,CAAA,CAAA;AAcA;;;iBAdgB,oBAAA,CAAA,GAAwB;ACd5B,iBD4BI,4BAAA,CAAA,CC5B0B,ED4BM,+BC5BG;;;KAAvC,2BAAA,GAA8B;;oBAEtB;EDGR,CAAA;AASZ,CAAA,CAAA;AAcgB,iBCtBA,wBAAA,CAAA,CDsBgC,ECtBJ,2BDsBI;;;KEnBpC,uBAAA,GAA0B,OACnC,6BAA6B,+BFLpB,CASZ,CAAA;AAcA;;;iBEZgB,oBAAA,CAAA,GAAwB;;;;;;iBCVxB,6BAAA,CAAA,GAAiC"}

package/dist/prosekit-extensions-horizontal-rule.js

@@ -1,4 +1,4 @@
-import { defineInputRule } from "./input-rule-B17tpW4m.js";
+import { n as defineInputRule } from "./input-rule-COGr_GBb.js";
 import { defineCommands, defineNodeSpec, getNodeType, union } from "@prosekit/core";
 import { InputRule } from "@prosekit/pm/inputrules";
 import { Fragment, Slice } from "@prosekit/pm/model";

package/dist/prosekit-extensions-image.d.ts

@@ -1,7 +1,81 @@
-import { FileDropHandlerOptions, FilePasteHandlerOptions, UploadTask, Uploader } from "./index-DY6lIIYV.js";
+import { l as FileDropHandlerOptions, n as UploadTask, o as FilePasteHandlerOptions, r as Uploader } from "./index-DdjnBeho.js";
 import { Extension, PlainExtension, Union } from "@prosekit/core";
 import { Command } from "@prosekit/pm/state";
+import { EditorView } from "@prosekit/pm/view";
 
+//#region src/image/image-commands/upload-image.d.ts
+
+/**
+ * Options for {@link uploadImage}.
+ *
+ * @public
+ */
+interface UploadImageOptions {
+  /**
+   * The uploader used to upload the file. It should return a promise that
+   * resolves to the URL of the uploaded image.
+   */
+  uploader: Uploader<string>;
+  /**
+   * The file that will be uploaded.
+   */
+  file: File;
+  /**
+   * The position where the image should be inserted. If not provided, the
+   * image is inserted at the current selection.
+   */
+  pos?: number;
+  /**
+   * A handler to be called when an error occurs during the upload.
+   */
+  onError?: ImageUploadErrorHandler;
+}
+/**
+ * Options for the {@link ImageUploadErrorHandler} callback.
+ *
+ * @public
+ */
+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>;
+}
+/**
+ * A handler to be called when an error occurs during the upload.
+ *
+ * @public
+ */
+type ImageUploadErrorHandler = (options: ImageUploadErrorHandlerOptions) => void;
+/**
+ * Returns a command that uploads an image file and inserts an image node with a
+ * temporary URL which is replaced once the upload completes.
+ *
+ * @param options
+ *
+ * @public
+ */
+declare function uploadImage({
+  uploader,
+  file,
+  pos,
+  onError
+}: UploadImageOptions): Command;
+/**
+ * Replaces the temporary image URL with the final uploaded URL.
+ *
+ * @internal
+ */
+declare function replaceImageURL(view: EditorView, oldURL: string, newURL: string): void;
+//#endregion
 //#region src/image/image-spec.d.ts
 /**
  * @public
@@ -31,15 +105,9 @@ declare function defineImageSpec(): ImageSpecExtension;
 type ImageCommandsExtension = Extension<{
   Commands: {
     insertImage: [attrs?: ImageAttrs];
+    uploadImage: [options: UploadImageOptions];
   };
 }>;
-/**
- * Returns a command that inserts an image node with the given attributes at the
- * current selection position.
- *
- * @public
- */
-declare function insertImage(attrs?: ImageAttrs): Command;
 /**
  * @internal
  */
@@ -55,6 +123,15 @@ type ImageExtension = Union<[ImageSpecExtension, ImageCommandsExtension]>;
  */
 declare function defineImage(): ImageExtension;
 //#endregion
+//#region src/image/image-commands/insert-image.d.ts
+/**
+ * Returns a command that inserts an image node with the given attributes at the
+ * current selection position.
+ *
+ * @public
+ */
+declare function insertImage(attrs?: ImageAttrs): Command;
+//#endregion
 //#region src/image/image-upload-handler.d.ts
 /**
  * A predicate to determine if the pasted file should be uploaded and inserted as an image.
@@ -67,27 +144,6 @@ type ImageCanDropPredicate = (options: FileDropHandlerOptions) => boolean;
 /**
  * A handler to be called when an error occurs during the upload.
  */
-type ImageUploadErrorHandler = (options: ImageUploadErrorHandlerOptions) => void;
-/**
- * Options for the {@link ImageUploadErrorHandler} callback.
- */
-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}.
- */
 interface ImageUploadHandlerOptions {
   /**
    * The uploader used to upload the file. It should return a promise that
@@ -123,5 +179,5 @@ declare function defineImageUploadHandler({
   onError
 }: ImageUploadHandlerOptions): PlainExtension;
 //#endregion
-export { type ImageAttrs, type ImageCanDropPredicate, type ImageCanPastePredicate, type ImageCommandsExtension, type ImageExtension, type ImageSpecExtension, type ImageUploadErrorHandler, type ImageUploadErrorHandlerOptions, type ImageUploadHandlerOptions, defineImage, defineImageCommands, defineImageSpec, defineImageUploadHandler, insertImage };
+export { type ImageAttrs, type ImageCanDropPredicate, type ImageCanPastePredicate, type ImageCommandsExtension, type ImageExtension, type ImageSpecExtension, type ImageUploadErrorHandler, type ImageUploadErrorHandlerOptions, type ImageUploadHandlerOptions, type UploadImageOptions, defineImage, defineImageCommands, defineImageSpec, defineImageUploadHandler, insertImage, replaceImageURL, uploadImage };
 //# sourceMappingURL=prosekit-extensions-image.d.ts.map

package/dist/prosekit-extensions-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-image.d.ts","names":[],"sources":["../src/image/image-spec.ts","../src/image/image-commands.ts","../src/image/image.ts","../src/image/image-upload-handler.ts"],"sourcesContent":[],"mappings":";;;;;;;;UAQiB,UAAA;EAAA,GAAA,CAAA,EAAA,MAAA,GAAU,IAAA;EASf,KAAA,CAAA,EAAA,MAAA,GAAA,IAAkB;EAAA,MAAA,CAAA,EAAA,MAAA,GAAA,IAAA;;;;AAS9B;KATY,kBAAA,GAAqB;;WAEtB;ECPC,CAAA;CAAsB,CAAA;;;;AAYlB,iBDEA,eAAA,CAAA,CCFW,EDEQ,kBCFR;;;;;ADhB3B;AASY,KCLA,sBAAA,GAAyB,SDKP,CAAA;EAAA,QAAA,EAAA;IAEnB,WAAA,EAAA,CAAA,KAAA,GCLe,UDKf,CAAA;;CAF+B,CAAA;AAS1C;;;;ACdA;;AAE0B,iBAUV,WAAA,CAVU,KAAA,CAAA,EAUU,UAVV,CAAA,EAUuB,OAVvB;;;AAU1B;AAA2B,iBAOX,mBAAA,CAAA,CAPW,EAOY,sBAPZ;;;;;ADhB3B;AASY,KEAA,cAAA,GAAiB,KFAC,CAAA,CEAM,kBFAN,EEA0B,sBFA1B,CAAA,CAAA;;;;AAAY,iBEK1B,WAAA,CAAA,CFL0B,EEKX,cFLW;;;;;;AATzB,KGgBL,sBAAA,GHhBe,CAAA,OAAA,EGgBoB,uBHhBpB,EAAA,GAAA,OAAA;AAS3B;;;AAAiC,KGYrB,qBAAA,GHZqB,CAAA,OAAA,EGYa,sBHZb,EAAA,GAAA,OAAA;;AASjC;;KGQY,uBAAA,aAAoC;;AFtBhD;;AAE0B,UEyBT,8BAAA,CFzBS;;;AAU1B;EAA2B,IAAA,EEmBnB,IFnBmB;;;;EAOX,KAAA,EAAA,OAAA;;;;ECdJ,UAAA,ECkCE,UDlCY,CAAA,MAAA,CAAA;;;;;AAAQ,UCwCjB,yBAAA,CDxCiB;EAKlB;;;;ECEJ,QAAA,EAsCA,QAtCA,CAAA,MAAsB,CAAA;EAKtB;AAKZ;AAKA;;UAIQ,CAAA,EAwBK,sBAxBL;;;AAcR;;SAKY,CAAA,EAUA,qBAVA;;;;;EAiCI,OAAA,CAAA,EAlBJ,uBAkB4B;;;;;;;;AAKK,iBAL7B,wBAAA,CAK6B;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAA1C,yBAA0C,CAAA,EAAd,cAAc"}
+{"version":3,"file":"prosekit-extensions-image.d.ts","names":[],"sources":["../src/image/image-commands/upload-image.ts","../src/image/image-spec.ts","../src/image/image-commands.ts","../src/image/image.ts","../src/image/image-commands/insert-image.ts","../src/image/image-upload-handler.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;AAkBA;;AASQ,UATS,kBAAA,CAST;EASI;;AAQZ;AAoBA;EAUgB,QAAA,EAnDJ,QAmDe,CAAA,MAAA,CAAA;EAAG;;;EAAqB,IAAA,EA/C3C,IA+C2C;EAAW;;;AAsC9D;;;;ACxGA;EASY,OAAA,CAAA,EDmBA,uBCnBkB;AAS9B;;;;ACXA;;AAG2B,UF0BV,8BAAA,CE1BU;EAHU;;AAUrC;QFuBQ;;;AG/BR;EAAoC,KAAA,EAAA,OAAA;EAAoB;;;EAKxC,UAAA,EHkCF,UGlCa,CAAA,MAAI,CAAA;;;;ACX/B;;;KJqDY,uBAAA,aAAoC;AKzChD;AAKA;AAKA;;;;;;AAsCgB,iBLGA,WAAA,CKHwB;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;EAAA;AAAA,CAAA,ELGsB,kBKHtB,CAAA,ELG2C,OKH3C;;;;;;AAKT,iBLoCf,eAAA,CKpCe,IAAA,ELqCvB,UKrCuB,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,IAAA;;;;;;UJpEd,UAAA;;EDUA,KAAA,CAAA,EAAA,MAAA,GAAA,IAAkB;EAKvB,MAAA,CAAA,EAAA,MAAA,GAAA,IAAA;;;;AAqBZ;AAoBY,KC/CA,kBAAA,GAAqB,SD+CE,CAAa;EAUhC,KAAA,EAAA;IAAc,KAAA,ECvDnB,UDuDmB;EAAU,CAAA;CAAM,CAAA;;;;AAA4C,iBChD1E,eAAA,CAAA,CDgD0E,EChDvD,kBDgDuD;;;;;;AAxDzE,KEHL,sBAAA,GAAyB,SFGF,CAAA;EAKvB,QAAA,EAAA;IAIJ,WAAA,EAAA,CAAA,KAAA,GEVkB,UFUlB,CAAA;IASI,WAAA,EAAA,CAAA,OAAA,EElBe,kBFkBf,CAAA;EAAuB,CAAA;AAQnC,CAAA,CAAA;AAoBA;AAUA;;AAAwC,iBEjDxB,mBAAA,CAAA,CFiDwB,EEjDD,sBFiDC;;;;;;AAxDvB,KGDL,cAAA,GAAiB,KHCM,CAAA,CGDC,kBHCD,EGDqB,sBHCrB,CAAA,CAAA;;;;AAkBA,iBGdnB,WAAA,CAAA,CHcmB,EGdJ,cHcI;;;;;;;AAlBnC;;AASQ,iBIhBQ,WAAA,CJgBR,KAAA,CAAA,EIhB4B,UJgB5B,CAAA,EIhByC,OJgBzC;;;;;;AATS,KKKL,sBAAA,GLLuB,CAAA,OAAA,EKKY,uBLLZ,EAAA,GAAA,OAAA;;;;AAkBA,KKRvB,qBAAA,GLQuB,CAAA,OAAA,EKRW,sBLQX,EAAA,GAAA,OAAA;AAQnC;AAoBA;AAUA;AAA8B,UKzCb,yBAAA,CLyCa;EAAU;;;;EAA2C,QAAA,EKpCvE,QLoCuE,CAAA,MAAA,CAAA;EAAO;AAsC1F;;;aKrEa;EJnCI;AASjB;AASA;;YIsBY;;AHjCZ;;;EAAqC,OAAA,CAAA,EGsCzB,uBHtCyB;;AAUrC;;;;ACRA;;AAAwD,iBEsDxC,wBAAA,CFtDwC;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EE2DrD,yBF3DqD,CAAA,EE2DzB,cF3DyB"}

package/dist/prosekit-extensions-image.js

@@ -1,7 +1,7 @@
-import { UploadTask, defineFileDropHandler, defineFilePasteHandler } from "./file-DVUhe5KJ.js";
+import { n as defineFilePasteHandler, r as defineFileDropHandler, t as UploadTask } from "./file-DKoIIa7q.js";
 import { ProseKitError, defineCommands, defineNodeSpec, insertNode, union } from "@prosekit/core";
 
-//#region src/image/image-commands.ts
+//#region src/image/image-commands/insert-image.ts
 /**
 * Returns a command that inserts an image node with the given attributes at the
 * current selection position.
@@ -14,11 +14,87 @@ function insertImage(attrs) {
 		attrs
 	});
 }
+
+//#endregion
+//#region src/image/image-commands/upload-image.ts
+/**
+* Returns a command that uploads an image file and inserts an image node with a
+* temporary URL which is replaced once the upload completes.
+*
+* @param options
+*
+* @public
+*/
+function uploadImage({ uploader, file, pos, onError }) {
+	return (state, dispatch, view) => {
+		const uploadTask = new UploadTask({
+			file,
+			uploader
+		});
+		const objectURL = uploadTask.objectURL;
+		const attrs = { src: objectURL };
+		uploadTask.finished.then((resultURL) => {
+			if (view && 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 if (!view) {
+				const error = new ProseKitError("View must be available to replace the image URL");
+				onError?.({
+					file,
+					error,
+					uploadTask
+				});
+			} else {
+				replaceImageURL(view, objectURL, resultURL);
+				UploadTask.delete(objectURL);
+			}
+		}).catch((error) => {
+			onError?.({
+				file,
+				error,
+				uploadTask
+			});
+		});
+		return insertNode({
+			type: "image",
+			attrs,
+			pos
+		})(state, dispatch, view);
+	};
+}
+/**
+* Replaces the temporary image URL with the final uploaded URL.
+*
+* @internal
+*/
+function replaceImageURL(view, oldURL, newURL) {
+	const positions = [];
+	view.state.doc.descendants((node, pos) => {
+		if (node.type.name === "image") {
+			if (node.attrs.src === oldURL) positions.push(pos);
+		}
+	});
+	if (positions.length === 0) return;
+	const tr = view.state.tr;
+	for (const pos of positions) tr.setNodeAttribute(pos, "src", newURL);
+	view.dispatch(tr);
+}
+
+//#endregion
+//#region src/image/image-commands.ts
 /**
 * @internal
 */
 function defineImageCommands() {
-	return defineCommands({ insertImage });
+	return defineCommands({
+		insertImage,
+		uploadImage
+	});
 }
 
 //#endregion
@@ -98,63 +174,28 @@ const defaultOnError = ({ error }) => {
 * @param options
 */
 function defineImageUploadHandler({ uploader, canPaste = defaultCanUpload, canDrop = defaultCanUpload, onError = defaultOnError }) {
-	const handleInsert = (view, file, pos) => {
-		const uploadTask = new UploadTask({
-			file,
-			uploader
-		});
-		const objectURL = uploadTask.objectURL;
-		const attrs = { 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
-			});
-		});
-		return insertNode({
-			type: "image",
-			attrs,
-			pos
-		})(view.state, view.dispatch, view);
-	};
 	const handlePaste = (options) => {
 		if (!canPaste(options)) return false;
-		return handleInsert(options.view, options.file);
+		const { view, file } = options;
+		return uploadImage({
+			uploader,
+			file,
+			onError
+		})(view.state, view.dispatch, view);
 	};
 	const handleDrop = (options) => {
 		if (!canDrop(options)) return false;
-		return handleInsert(options.view, options.file, options.pos);
+		const { view, file, pos } = options;
+		return uploadImage({
+			uploader,
+			file,
+			onError,
+			pos
+		})(view.state, view.dispatch, view);
 	};
 	return union(defineFilePasteHandler(handlePaste), defineFileDropHandler(handleDrop));
 }
-function replaceImageURL(view, oldURL, newURL) {
-	const positions = [];
-	view.state.doc.descendants((node, pos) => {
-		if (node.type.name === "image") {
-			if (node.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);
-	}
-}
 
 //#endregion
-export { defineImage, defineImageCommands, defineImageSpec, defineImageUploadHandler, insertImage };
+export { defineImage, defineImageCommands, defineImageSpec, defineImageUploadHandler, insertImage, replaceImageURL, uploadImage };
 //# sourceMappingURL=prosekit-extensions-image.js.map