@prosekit/extensions 0.14.0 → 0.14.1

package/src/enter-rule/index.ts

@@ -1,104 +1,28 @@
+import { defineFacet, defineFacetPayload, pluginFacet, type PlainExtension, type PluginPayload } from '@prosekit/core'
 import {
-  defineFacet,
-  defineFacetPayload,
-  getNodeType,
-  isTextSelection,
-  maybeRun,
-  OBJECT_REPLACEMENT_CHARACTER,
-  pluginFacet,
-  type PlainExtension,
-  type PluginPayload,
-} from '@prosekit/core'
-import { keydownHandler } from '@prosekit/pm/keymap'
-import type { Attrs, NodeType } from '@prosekit/pm/model'
-import { PluginKey, ProseMirrorPlugin, type Command, type EditorState, type Transaction } from '@prosekit/pm/state'
-import type { EditorView } from '@prosekit/pm/view'
+  createEnterRulePlugin,
+  createTextBlockEnterRule,
+  type EnterRule,
+  type EnterRuleHandler,
+  type EnterRuleHandlerOptions,
+  type TextBlockEnterRuleOptions as _TextBlockEnterRuleOptions,
+} from 'prosemirror-enter-rules'
 
-/**
- * @public
- *
- * Options for {@link EnterRuleHandler}.
- */
-export interface EnterRuleHandlerOptions {
-  /**
-   * The current editor state.
-   */
-  state: EditorState
-
-  /**
-   * The start position of the matched text.
-   */
-  from: number
-
-  /**
-   * The end position of the matched text.
-   */
-  to: number
-
-  /**
-   * The matched result from the regular expression.
-   */
-  match: RegExpExecArray
-}
-
-/**
- * @public
- */
-export type EnterRuleHandler = (options: EnterRuleHandlerOptions) => Transaction | null
+export type { EnterRuleHandler, EnterRuleHandlerOptions }
 
 /**
  * Options for {@link defineEnterRule}.
  *
  * @public
  */
-export type EnterRuleOptions = {
-  /**
-   * The regular expression to match against. It should end with `$`.
-   */
-  regex: RegExp
-
-  /**
-   * A function to be called when an enter rule is triggered.
-   */
-  handler: EnterRuleHandler
-
-  /**
-   * Whether to stop further handlers from being called if this rule is triggered.
-   *
-   * @default false
-   */
-  stop?: boolean
-}
+export type EnterRuleOptions = EnterRule
 
 /**
  * Options for {@link defineTextBlockEnterRule}.
  *
  * @public
  */
-export interface TextBlockEnterRuleOptions {
-  /**
-   * The regular expression to match against. It should end with `$`.
-   */
-  regex: RegExp
-
-  /**
-   * The node type to replace the matched text with.
-   */
-  type: string | NodeType
-
-  /**
-   * Attributes to set on the node. If a function is provided, it will be called
-   * with the matched result from the regular expression.
-   */
-  attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null)
-
-  /**
-   * Whether to stop further handlers from being called if this rule is triggered.
-   *
-   * @default true
-   */
-  stop?: boolean
-}
+export type TextBlockEnterRuleOptions = _TextBlockEnterRuleOptions
 
 /**
  * Defines an enter rule. An enter rule applies when the text directly in front of
@@ -109,13 +33,8 @@ export interface TextBlockEnterRuleOptions {
  *
  * @public
  */
-export function defineEnterRule({
-  regex,
-  handler,
-  stop = false,
-}: EnterRuleOptions): PlainExtension {
-  const rule: EnterRule = new EnterRule(regex, handler, stop)
-  return defineFacetPayload(enterRule, [rule]) as PlainExtension
+export function defineEnterRule(options: EnterRuleOptions): PlainExtension {
+  return defineFacetPayload(enterRuleFacet, [options]) as PlainExtension
 }
 
 /**
@@ -127,106 +46,14 @@ export function defineEnterRule({
  *
  * @public
  */
-export function defineTextBlockEnterRule({
-  regex,
-  type,
-  attrs,
-  stop = true,
-}: TextBlockEnterRuleOptions): PlainExtension {
-  return defineEnterRule({
-    regex,
-    handler: ({ state, from, to, match }) => {
-      const nodeType = getNodeType(state.schema, type)
-      const $start = state.doc.resolve(from)
-
-      if (
-        !$start
-          .node(-1)
-          .canReplaceWith($start.index(-1), $start.indexAfter(-1), nodeType)
-      ) {
-        return null
-      }
-
-      const nodeAttrs = maybeRun(attrs, match)
-      return state.tr
-        .delete(from, to)
-        .setBlockType(from, from, nodeType, nodeAttrs)
-    },
-    stop,
-  })
-}
-
-/**
- * @internal
- */
-class EnterRule {
-  constructor(
-    readonly regex: RegExp,
-    readonly handler: EnterRuleHandler,
-    readonly stop: boolean,
-  ) {}
+export function defineTextBlockEnterRule(options: TextBlockEnterRuleOptions): PlainExtension {
+  return defineEnterRule(createTextBlockEnterRule(options))
 }
 
-const enterRule = defineFacet<EnterRule, PluginPayload>({
-  reduce: () => {
-    let rules: EnterRule[] = []
-
-    const command: Command = (state, dispatch, view) => {
-      if (!view) return false
-      return execRules(view, rules, dispatch)
-    }
-    const handler = keydownHandler({ Enter: command })
-    const plugin = new ProseMirrorPlugin({
-      key: new PluginKey('prosekit-enter-rule'),
-      props: { handleKeyDown: handler },
-    })
-
-    return function reducer(inputs) {
-      rules = inputs
-      return plugin
-    }
+const enterRuleFacet = defineFacet<EnterRule, PluginPayload>({
+  reducer: (rules: EnterRule[]): PluginPayload => {
+    return createEnterRulePlugin({ rules })
   },
 
   parent: pluginFacet,
 })
-
-function execRules(
-  view: EditorView,
-  rules: readonly EnterRule[],
-  dispatch?: (tr: Transaction) => void,
-): boolean {
-  if (view.composing) return false
-  const state = view.state
-  const selection = state.selection
-  if (!isTextSelection(selection)) return false
-  const $cursor = selection.$cursor
-  if (!$cursor || $cursor.parent.type.spec.code) return false
-
-  const textBefore = $cursor.parent.textBetween(
-    Math.max(0, $cursor.parentOffset - MAX_MATCH),
-    $cursor.parentOffset,
-    null,
-    OBJECT_REPLACEMENT_CHARACTER,
-  )
-
-  for (const rule of rules) {
-    rule.regex.lastIndex = 0
-    const match = rule.regex.exec(textBefore)
-    const tr = match
-      && rule.handler({
-        state,
-        from: $cursor.pos - match[0].length,
-        to: $cursor.pos,
-        match,
-      })
-    if (!tr) continue
-    dispatch?.(tr)
-
-    if (rule.stop) {
-      return true
-    }
-  }
-  return false
-}
-
-const MAX_MATCH = 200

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/testing/index.ts

@@ -26,6 +26,7 @@ import { defineImage } from '../image'
 import { defineItalic } from '../italic'
 import { defineLink } from '../link'
 import { defineList, type ListAttrs } from '../list'
+import { defineMath } from '../math'
 import { defineParagraph } from '../paragraph'
 import { defineStrike } from '../strike'
 import { defineTable } from '../table'
@@ -35,6 +36,7 @@ import { defineTextColor } from '../text-color'
 import { defineUnderline } from '../underline'
 
 import { readHtmlTextFromClipboard, readPlainTextFromClipboard } from './clipboard'
+import { renderMathBlock, renderMathInline } from './katex'
 
 /**
  * @internal
@@ -63,6 +65,7 @@ export function defineTestExtension() {
     defineHorizontalRule(),
     defineHardBreak(),
     defineCodeBlock(),
+    defineMath({ renderMathBlock, renderMathInline }),
   )
 }
 

package/src/testing/katex.ts

@@ -0,0 +1,9 @@
+import { render } from 'katex'
+
+export function renderMathBlock(text: string, element: HTMLElement) {
+  render(text, element, { displayMode: true, throwOnError: false, output: 'mathml' })
+}
+
+export function renderMathInline(text: string, element: HTMLElement) {
+  render(text, element, { displayMode: false, throwOnError: false, output: 'mathml' })
+}

package/src/yjs/yjs-types.ts

@@ -1,7 +1,5 @@
 import type { yCursorPlugin } from 'y-prosemirror'
 
-// TODO: Remove `import type { Awareness } from 'y-protocols/awareness'` from examples.
-
 /**
  * @internal
  *

package/dist/enter-rule-D-p4ykfv.js

@@ -1,96 +0,0 @@
-import { OBJECT_REPLACEMENT_CHARACTER, defineFacet, defineFacetPayload, getNodeType, isTextSelection, maybeRun, pluginFacet } from "@prosekit/core";
-import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
-import { keydownHandler } from "@prosekit/pm/keymap";
-
-//#region src/enter-rule/index.ts
-/**
-* Defines an enter rule. An enter rule applies when the text directly in front of
-* the cursor matches `regex` and user presses Enter. The `regex` should end
-* with `$`.
-*
-* @param options
-*
-* @public
-*/
-function defineEnterRule({ regex, handler, stop = false }) {
-	return defineFacetPayload(enterRule, [new EnterRule(regex, handler, stop)]);
-}
-/**
-* Defines an enter rule that replaces the matched text with a block node.
-*
-* See also {@link defineEnterRule}.
-*
-* @param options
-*
-* @public
-*/
-function defineTextBlockEnterRule({ regex, type, attrs, stop = true }) {
-	return defineEnterRule({
-		regex,
-		handler: ({ state, from, to, match }) => {
-			const nodeType = getNodeType(state.schema, type);
-			const $start = state.doc.resolve(from);
-			if (!$start.node(-1).canReplaceWith($start.index(-1), $start.indexAfter(-1), nodeType)) return null;
-			const nodeAttrs = maybeRun(attrs, match);
-			return state.tr.delete(from, to).setBlockType(from, from, nodeType, nodeAttrs);
-		},
-		stop
-	});
-}
-/**
-* @internal
-*/
-var EnterRule = class {
-	constructor(regex, handler, stop) {
-		this.regex = regex;
-		this.handler = handler;
-		this.stop = stop;
-	}
-};
-const enterRule = defineFacet({
-	reduce: () => {
-		let rules = [];
-		const command = (state, dispatch, view) => {
-			if (!view) return false;
-			return execRules(view, rules, dispatch);
-		};
-		const handler = keydownHandler({ Enter: command });
-		const plugin = new ProseMirrorPlugin({
-			key: new PluginKey("prosekit-enter-rule"),
-			props: { handleKeyDown: handler }
-		});
-		return function reducer(inputs) {
-			rules = inputs;
-			return plugin;
-		};
-	},
-	parent: pluginFacet
-});
-function execRules(view, rules, dispatch) {
-	if (view.composing) return false;
-	const state = view.state;
-	const selection = state.selection;
-	if (!isTextSelection(selection)) return false;
-	const $cursor = selection.$cursor;
-	if (!$cursor || $cursor.parent.type.spec.code) return false;
-	const textBefore = $cursor.parent.textBetween(Math.max(0, $cursor.parentOffset - MAX_MATCH), $cursor.parentOffset, null, OBJECT_REPLACEMENT_CHARACTER);
-	for (const rule of rules) {
-		rule.regex.lastIndex = 0;
-		const match = rule.regex.exec(textBefore);
-		const tr = match && rule.handler({
-			state,
-			from: $cursor.pos - match[0].length,
-			to: $cursor.pos,
-			match
-		});
-		if (!tr) continue;
-		dispatch?.(tr);
-		if (rule.stop) return true;
-	}
-	return false;
-}
-const MAX_MATCH = 200;
-
-//#endregion
-export { defineTextBlockEnterRule as n, defineEnterRule as t };
-//# sourceMappingURL=enter-rule-D-p4ykfv.js.map

package/dist/enter-rule-D-p4ykfv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"enter-rule-D-p4ykfv.js","names":[],"sources":["../src/enter-rule/index.ts"],"sourcesContent":["import {\n  defineFacet,\n  defineFacetPayload,\n  getNodeType,\n  isTextSelection,\n  maybeRun,\n  OBJECT_REPLACEMENT_CHARACTER,\n  pluginFacet,\n  type PlainExtension,\n  type PluginPayload,\n} from '@prosekit/core'\nimport { keydownHandler } from '@prosekit/pm/keymap'\nimport type { Attrs, NodeType } from '@prosekit/pm/model'\nimport { PluginKey, ProseMirrorPlugin, type Command, type EditorState, type Transaction } from '@prosekit/pm/state'\nimport type { EditorView } from '@prosekit/pm/view'\n\n/**\n * @public\n *\n * Options for {@link EnterRuleHandler}.\n */\nexport interface EnterRuleHandlerOptions {\n  /**\n   * The current editor state.\n   */\n  state: EditorState\n\n  /**\n   * The start position of the matched text.\n   */\n  from: number\n\n  /**\n   * The end position of the matched text.\n   */\n  to: number\n\n  /**\n   * The matched result from the regular expression.\n   */\n  match: RegExpExecArray\n}\n\n/**\n * @public\n */\nexport type EnterRuleHandler = (options: EnterRuleHandlerOptions) => Transaction | null\n\n/**\n * Options for {@link defineEnterRule}.\n *\n * @public\n */\nexport type EnterRuleOptions = {\n  /**\n   * The regular expression to match against. It should end with `$`.\n   */\n  regex: RegExp\n\n  /**\n   * A function to be called when an enter rule is triggered.\n   */\n  handler: EnterRuleHandler\n\n  /**\n   * Whether to stop further handlers from being called if this rule is triggered.\n   *\n   * @default false\n   */\n  stop?: boolean\n}\n\n/**\n * Options for {@link defineTextBlockEnterRule}.\n *\n * @public\n */\nexport interface TextBlockEnterRuleOptions {\n  /**\n   * The regular expression to match against. It should end with `$`.\n   */\n  regex: RegExp\n\n  /**\n   * The node type to replace the matched text with.\n   */\n  type: string | NodeType\n\n  /**\n   * Attributes to set on the node. If a function is provided, it will be called\n   * with the matched result from the regular expression.\n   */\n  attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null)\n\n  /**\n   * Whether to stop further handlers from being called if this rule is triggered.\n   *\n   * @default true\n   */\n  stop?: boolean\n}\n\n/**\n * Defines an enter rule. An enter rule applies when the text directly in front of\n * the cursor matches `regex` and user presses Enter. The `regex` should end\n * with `$`.\n *\n * @param options\n *\n * @public\n */\nexport function defineEnterRule({\n  regex,\n  handler,\n  stop = false,\n}: EnterRuleOptions): PlainExtension {\n  const rule: EnterRule = new EnterRule(regex, handler, stop)\n  return defineFacetPayload(enterRule, [rule]) as PlainExtension\n}\n\n/**\n * Defines an enter rule that replaces the matched text with a block node.\n *\n * See also {@link defineEnterRule}.\n *\n * @param options\n *\n * @public\n */\nexport function defineTextBlockEnterRule({\n  regex,\n  type,\n  attrs,\n  stop = true,\n}: TextBlockEnterRuleOptions): PlainExtension {\n  return defineEnterRule({\n    regex,\n    handler: ({ state, from, to, match }) => {\n      const nodeType = getNodeType(state.schema, type)\n      const $start = state.doc.resolve(from)\n\n      if (\n        !$start\n          .node(-1)\n          .canReplaceWith($start.index(-1), $start.indexAfter(-1), nodeType)\n      ) {\n        return null\n      }\n\n      const nodeAttrs = maybeRun(attrs, match)\n      return state.tr\n        .delete(from, to)\n        .setBlockType(from, from, nodeType, nodeAttrs)\n    },\n    stop,\n  })\n}\n\n/**\n * @internal\n */\nclass EnterRule {\n  constructor(\n    readonly regex: RegExp,\n    readonly handler: EnterRuleHandler,\n    readonly stop: boolean,\n  ) {}\n}\n\nconst enterRule = defineFacet<EnterRule, PluginPayload>({\n  reduce: () => {\n    let rules: EnterRule[] = []\n\n    const command: Command = (state, dispatch, view) => {\n      if (!view) return false\n      return execRules(view, rules, dispatch)\n    }\n    const handler = keydownHandler({ Enter: command })\n    const plugin = new ProseMirrorPlugin({\n      key: new PluginKey('prosekit-enter-rule'),\n      props: { handleKeyDown: handler },\n    })\n\n    return function reducer(inputs) {\n      rules = inputs\n      return plugin\n    }\n  },\n\n  parent: pluginFacet,\n})\n\nfunction execRules(\n  view: EditorView,\n  rules: readonly EnterRule[],\n  dispatch?: (tr: Transaction) => void,\n): boolean {\n  if (view.composing) return false\n  const state = view.state\n  const selection = state.selection\n  if (!isTextSelection(selection)) return false\n  const $cursor = selection.$cursor\n  if (!$cursor || $cursor.parent.type.spec.code) return false\n\n  const textBefore = $cursor.parent.textBetween(\n    Math.max(0, $cursor.parentOffset - MAX_MATCH),\n    $cursor.parentOffset,\n    null,\n    OBJECT_REPLACEMENT_CHARACTER,\n  )\n\n  for (const rule of rules) {\n    rule.regex.lastIndex = 0\n    const match = rule.regex.exec(textBefore)\n    const tr = match\n      && rule.handler({\n        state,\n        from: $cursor.pos - match[0].length,\n        to: $cursor.pos,\n        match,\n      })\n    if (!tr) continue\n    dispatch?.(tr)\n\n    if (rule.stop) {\n      return true\n    }\n  }\n  return false\n}\n\nconst MAX_MATCH = 200\n"],"mappings":";;;;;;;;;;;;;;AA+GA,SAAgB,gBAAgB,EAC9B,OACA,SACA,OAAO,SAC4B;AAEnC,QAAO,mBAAmB,WAAW,CADb,IAAI,UAAU,OAAO,SAAS,KAAK,CAChB,CAAC;;;;;;;;;;;AAY9C,SAAgB,yBAAyB,EACvC,OACA,MACA,OACA,OAAO,QACqC;AAC5C,QAAO,gBAAgB;EACrB;EACA,UAAU,EAAE,OAAO,MAAM,IAAI,YAAY;GACvC,MAAM,WAAW,YAAY,MAAM,QAAQ,KAAK;GAChD,MAAM,SAAS,MAAM,IAAI,QAAQ,KAAK;AAEtC,OACE,CAAC,OACE,KAAK,GAAG,CACR,eAAe,OAAO,MAAM,GAAG,EAAE,OAAO,WAAW,GAAG,EAAE,SAAS,CAEpE,QAAO;GAGT,MAAM,YAAY,SAAS,OAAO,MAAM;AACxC,UAAO,MAAM,GACV,OAAO,MAAM,GAAG,CAChB,aAAa,MAAM,MAAM,UAAU,UAAU;;EAElD;EACD,CAAC;;;;;AAMJ,IAAM,YAAN,MAAgB;CACd,YACE,AAAS,OACT,AAAS,SACT,AAAS,MACT;EAHS;EACA;EACA;;;AAIb,MAAM,YAAY,YAAsC;CACtD,cAAc;EACZ,IAAI,QAAqB,EAAE;EAE3B,MAAM,WAAoB,OAAO,UAAU,SAAS;AAClD,OAAI,CAAC,KAAM,QAAO;AAClB,UAAO,UAAU,MAAM,OAAO,SAAS;;EAEzC,MAAM,UAAU,eAAe,EAAE,OAAO,SAAS,CAAC;EAClD,MAAM,SAAS,IAAI,kBAAkB;GACnC,KAAK,IAAI,UAAU,sBAAsB;GACzC,OAAO,EAAE,eAAe,SAAS;GAClC,CAAC;AAEF,SAAO,SAAS,QAAQ,QAAQ;AAC9B,WAAQ;AACR,UAAO;;;CAIX,QAAQ;CACT,CAAC;AAEF,SAAS,UACP,MACA,OACA,UACS;AACT,KAAI,KAAK,UAAW,QAAO;CAC3B,MAAM,QAAQ,KAAK;CACnB,MAAM,YAAY,MAAM;AACxB,KAAI,CAAC,gBAAgB,UAAU,CAAE,QAAO;CACxC,MAAM,UAAU,UAAU;AAC1B,KAAI,CAAC,WAAW,QAAQ,OAAO,KAAK,KAAK,KAAM,QAAO;CAEtD,MAAM,aAAa,QAAQ,OAAO,YAChC,KAAK,IAAI,GAAG,QAAQ,eAAe,UAAU,EAC7C,QAAQ,cACR,MACA,6BACD;AAED,MAAK,MAAM,QAAQ,OAAO;AACxB,OAAK,MAAM,YAAY;EACvB,MAAM,QAAQ,KAAK,MAAM,KAAK,WAAW;EACzC,MAAM,KAAK,SACN,KAAK,QAAQ;GACd;GACA,MAAM,QAAQ,MAAM,MAAM,GAAG;GAC7B,IAAI,QAAQ;GACZ;GACD,CAAC;AACJ,MAAI,CAAC,GAAI;AACT,aAAW,GAAG;AAEd,MAAI,KAAK,KACP,QAAO;;AAGX,QAAO;;AAGT,MAAM,YAAY"}

package/dist/file-iLVR0eM0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-iLVR0eM0.js","names":["facet","getFiles"],"sources":["../src/file/helpers.ts","../src/file/file-drop-handler.ts","../src/file/file-paste-handler.ts","../src/file/file-upload.ts"],"sourcesContent":["import type { EditorView } from '@prosekit/pm/view'\n\ntype FileHandler<E extends Event> = (options: {\n  view: EditorView\n  event: E\n  file: File\n}) => boolean | void\n\nfunction handleFile<E extends Event>(\n  view: EditorView,\n  event: E,\n  file: File,\n  handlers: FileHandler<E>[],\n) {\n  // The last item in `handlers` should has the highest priority.\n  for (let i = handlers.length - 1; i >= 0; i--) {\n    const handler = handlers[i]\n    if (handler({ view, event, file })) {\n      return true\n    }\n  }\n  return false\n}\n\nexport function handleEvent<E extends Event>(\n  view: EditorView,\n  event: E,\n  handlers: FileHandler<E>[],\n  getFiles: (event: E) => File[],\n): boolean {\n  const files = getFiles(event)\n  let handled = false\n  for (const file of files) {\n    if (handleFile(view, event, file, handlers)) {\n      handled = true\n    }\n  }\n  return handled\n}\n","import {\n  defineFacet,\n  defineFacetPayload,\n  editorEventFacet,\n  type DropHandler,\n  type EditorEventPayload,\n  type PlainExtension,\n} from '@prosekit/core'\nimport type { EditorView } from '@prosekit/pm/view'\n\nimport { handleEvent } from './helpers'\n\nexport interface FileDropHandlerOptions {\n  /**\n   * The editor view.\n   */\n  view: EditorView\n\n  /**\n   * The event that triggered the drop.\n   */\n  event: DragEvent\n\n  /**\n   * The file that was dropped.\n   */\n  file: File\n\n  /**\n   * The position of the document where the file was dropped.\n   */\n  pos: number\n}\n\n/**\n * A function that handles one of the files in a drop event.\n *\n * Returns `true` if the file was handled and thus should not be handled by\n * other handlers.\n */\nexport type FileDropHandler = (\n  options: FileDropHandlerOptions,\n) => boolean | void\n\nexport function defineFileDropHandler(\n  handler: FileDropHandler,\n): PlainExtension {\n  return defineFacetPayload(facet, [handler]) as PlainExtension\n}\n\nfunction getFiles(event: DragEvent) {\n  return Array.from(event.dataTransfer?.files ?? [])\n}\n\nconst facet = defineFacet<FileDropHandler, EditorEventPayload>({\n  parent: editorEventFacet,\n  singleton: true,\n  reducer: (handlers: FileDropHandler[]): EditorEventPayload => {\n    const dropHandler: DropHandler = (view, event): boolean => {\n      const position = view.posAtCoords({ left: event.x, top: event.y })\n      if (!position) {\n        return false\n      }\n      const pos = position.inside > 0 ? position.inside : position.pos\n\n      return handleEvent<DragEvent>(\n        view,\n        event,\n        handlers.map((handler) => (options) => handler({ ...options, pos })),\n        getFiles,\n      )\n    }\n    return ['drop', dropHandler]\n  },\n})\n","import {\n  defineFacet,\n  defineFacetPayload,\n  editorEventFacet,\n  type EditorEventPayload,\n  type PasteHandler,\n  type PlainExtension,\n} from '@prosekit/core'\nimport type { EditorView } from '@prosekit/pm/view'\n\nimport { handleEvent } from './helpers'\n\nexport interface FilePasteHandlerOptions {\n  /**\n   * The editor view.\n   */\n  view: EditorView\n\n  /**\n   * The event that triggered the paste.\n   */\n  event: ClipboardEvent\n\n  /**\n   * The file that was pasted.\n   */\n  file: File\n}\n\n/**\n * A function that handles one of the files in a paste event.\n *\n * Returns `true` if the file was handled and thus should not be handled by\n * other handlers.\n */\nexport type FilePasteHandler = (\n  options: FilePasteHandlerOptions,\n) => boolean | void\n\nexport function defineFilePasteHandler(\n  handler: FilePasteHandler,\n): PlainExtension {\n  return defineFacetPayload(facet, [handler]) as PlainExtension\n}\n\nfunction getFiles(event: ClipboardEvent) {\n  return Array.from(event.clipboardData?.files ?? [])\n}\n\nconst facet = defineFacet<FilePasteHandler, EditorEventPayload>({\n  parent: editorEventFacet,\n  singleton: true,\n  reducer: (handlers: FilePasteHandler[]): EditorEventPayload => {\n    const pasteHandler: PasteHandler = (view, event): boolean => {\n      return handleEvent<ClipboardEvent>(view, event, handlers, getFiles)\n    }\n    return ['paste', pasteHandler]\n  },\n})\n","import { ProseKitError } from '@prosekit/core'\n\n/**\n * An interface representing the upload progress.\n */\nexport interface UploadProgress {\n  // A number representing the amount of work already performed by the\n  // underlying process.\n  loaded: number\n  // A number representing the total amount of work that the underlying\n  // process is in the progress of performing.\n  total: number\n}\n\nexport interface UploaderOptions {\n  /**\n   * The file to be uploaded.\n   */\n  file: File\n\n  /**\n   * A callback function that should be called with the upload progress updates.\n   */\n  onProgress: (progress: UploadProgress) => void\n}\n\n/**\n * The implementation of the actual upload function. You need to implement this\n * function to upload files to your desired destination.\n */\nexport type Uploader<Result> = (options: UploaderOptions) => Promise<Result>\n\n/**\n * A class that represents a upload task.\n */\nexport class UploadTask<Result> {\n  /**\n   * An [object URL](https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL)\n   * representing the file to be uploaded. This URL will be revoked once the\n   * upload is complete successfully.\n   */\n  readonly objectURL: string\n\n  /**\n   * A boolean indicating whether the upload is complete (either successfully or with an error).\n   */\n  protected done = false\n\n  /**\n   * If the upload is complete successfully, this will be the result of the upload.\n   */\n  protected result: Result | undefined\n\n  /**\n   * If the upload is complete with an error, this will be the error that occurred.\n   */\n  protected error: Error | undefined\n\n  /**\n   * A promise that fulfills once the upload is complete, or rejects if an error occurs.\n   */\n  readonly finished: Promise<Result>\n\n  private subscribers: ((progress: UploadProgress) => void)[] = []\n\n  /**\n   * Creates a new upload task. You can find the upload task by its object URL\n   * later using `UploadTask.get()`.\n   *\n   * @param options - The options for the upload task.\n   */\n  constructor({ file, uploader }: { file: File; uploader: Uploader<Result> }) {\n    this.objectURL = URL.createObjectURL(file)\n    this.finished = new Promise((resolve, reject) => {\n      const maybePromise = uploader({\n        file,\n        onProgress: (progress) => {\n          for (const subscriber of this.subscribers) {\n            subscriber(progress)\n          }\n        },\n      })\n      Promise.resolve(maybePromise).then(\n        (result) => {\n          this.done = true\n          URL.revokeObjectURL(this.objectURL)\n          this.result = result\n          resolve(result)\n        },\n        (err) => {\n          this.done = true\n          const error = new ProseKitError('[prosekit] Failed to upload file', { cause: err })\n          this.error = error\n          reject(error)\n        },\n      )\n    })\n    store.set(this.objectURL, this)\n  }\n\n  /**\n   * Subscribes to progress updates. Returns a function to unsubscribe.\n   */\n  public subscribeProgress(\n    callback: (progress: UploadProgress) => void,\n  ): VoidFunction {\n    this.subscribers.push(callback)\n    return () => {\n      this.subscribers = this.subscribers.filter(\n        (subscriber) => subscriber !== callback,\n      )\n    }\n  }\n\n  /**\n   * Finds an upload task from the global store by its object URL.\n   */\n  static get<Result = unknown>(\n    objectURL: string,\n  ): UploadTask<Result> | undefined {\n    return store.get(objectURL) as UploadTask<Result> | undefined\n  }\n\n  /**\n   * Deletes an upload task from the global store by its object URL.\n   */\n  static delete(objectURL: string): void {\n    store.delete(objectURL)\n  }\n}\n\nconst store = new Map<string, UploadTask<unknown>>()\n"],"mappings":";;;AAQA,SAAS,WACP,MACA,OACA,MACA,UACA;AAEA,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;EAC7C,MAAM,UAAU,SAAS;AACzB,MAAI,QAAQ;GAAE;GAAM;GAAO;GAAM,CAAC,CAChC,QAAO;;AAGX,QAAO;;AAGT,SAAgB,YACd,MACA,OACA,UACA,UACS;CACT,MAAM,QAAQ,SAAS,MAAM;CAC7B,IAAI,UAAU;AACd,MAAK,MAAM,QAAQ,MACjB,KAAI,WAAW,MAAM,OAAO,MAAM,SAAS,CACzC,WAAU;AAGd,QAAO;;;;;ACOT,SAAgB,sBACd,SACgB;AAChB,QAAO,mBAAmBA,SAAO,CAAC,QAAQ,CAAC;;AAG7C,SAASC,WAAS,OAAkB;AAClC,QAAO,MAAM,KAAK,MAAM,cAAc,SAAS,EAAE,CAAC;;AAGpD,MAAMD,UAAQ,YAAiD;CAC7D,QAAQ;CACR,WAAW;CACX,UAAU,aAAoD;EAC5D,MAAM,eAA4B,MAAM,UAAmB;GACzD,MAAM,WAAW,KAAK,YAAY;IAAE,MAAM,MAAM;IAAG,KAAK,MAAM;IAAG,CAAC;AAClE,OAAI,CAAC,SACH,QAAO;GAET,MAAM,MAAM,SAAS,SAAS,IAAI,SAAS,SAAS,SAAS;AAE7D,UAAO,YACL,MACA,OACA,SAAS,KAAK,aAAa,YAAY,QAAQ;IAAE,GAAG;IAAS;IAAK,CAAC,CAAC,EACpEC,WACD;;AAEH,SAAO,CAAC,QAAQ,YAAY;;CAE/B,CAAC;;;;ACnCF,SAAgB,uBACd,SACgB;AAChB,QAAO,mBAAmB,OAAO,CAAC,QAAQ,CAAC;;AAG7C,SAAS,SAAS,OAAuB;AACvC,QAAO,MAAM,KAAK,MAAM,eAAe,SAAS,EAAE,CAAC;;AAGrD,MAAM,QAAQ,YAAkD;CAC9D,QAAQ;CACR,WAAW;CACX,UAAU,aAAqD;EAC7D,MAAM,gBAA8B,MAAM,UAAmB;AAC3D,UAAO,YAA4B,MAAM,OAAO,UAAU,SAAS;;AAErE,SAAO,CAAC,SAAS,aAAa;;CAEjC,CAAC;;;;;;;ACvBF,IAAa,aAAb,MAAgC;;;;;;;CAoC9B,YAAY,EAAE,MAAM,YAAwD;cAzB3D;qBAiB6C,EAAE;AAS9D,OAAK,YAAY,IAAI,gBAAgB,KAAK;AAC1C,OAAK,WAAW,IAAI,SAAS,SAAS,WAAW;GAC/C,MAAM,eAAe,SAAS;IAC5B;IACA,aAAa,aAAa;AACxB,UAAK,MAAM,cAAc,KAAK,YAC5B,YAAW,SAAS;;IAGzB,CAAC;AACF,WAAQ,QAAQ,aAAa,CAAC,MAC3B,WAAW;AACV,SAAK,OAAO;AACZ,QAAI,gBAAgB,KAAK,UAAU;AACnC,SAAK,SAAS;AACd,YAAQ,OAAO;OAEhB,QAAQ;AACP,SAAK,OAAO;IACZ,MAAM,QAAQ,IAAI,cAAc,oCAAoC,EAAE,OAAO,KAAK,CAAC;AACnF,SAAK,QAAQ;AACb,WAAO,MAAM;KAEhB;IACD;AACF,QAAM,IAAI,KAAK,WAAW,KAAK;;;;;CAMjC,AAAO,kBACL,UACc;AACd,OAAK,YAAY,KAAK,SAAS;AAC/B,eAAa;AACX,QAAK,cAAc,KAAK,YAAY,QACjC,eAAe,eAAe,SAChC;;;;;;CAOL,OAAO,IACL,WACgC;AAChC,SAAO,MAAM,IAAI,UAAU;;;;;CAM7B,OAAO,OAAO,WAAyB;AACrC,QAAM,OAAO,UAAU;;;AAI3B,MAAM,wBAAQ,IAAI,KAAkC"}

package/dist/index-cp1u4e0e.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-cp1u4e0e.d.ts","names":[],"sources":["../src/file/file-drop-handler.ts","../src/file/file-paste-handler.ts","../src/file/file-upload.ts"],"mappings":";;;;UAYiB,sBAAA;;AAAjB;;EAIE,IAAA,EAAM,UAAA;EAAA;;;EAKN,KAAA,EAAO,SAAA;EAKG;;;EAAV,IAAA,EAAM,IAAA;EALC;;;EAUP,GAAA;AAAA;;AASF;;;;;KAAY,eAAA,IACV,OAAA,EAAS,sBAAA;AAAA,iBAGK,qBAAA,CACd,OAAA,EAAS,eAAA,GACR,cAAA;;;UClCc,uBAAA;;ADAjB;;ECIE,IAAA,EAAM,UAAA;EDAA;;;ECKN,KAAA,EAAO,cAAA;EDKG;;;ECAV,IAAA,EAAM,IAAA;AAAA;;;;;;ADcR;KCLY,gBAAA,IACV,OAAA,EAAS,uBAAA;AAAA,iBAGK,sBAAA,CACd,OAAA,EAAS,gBAAA,GACR,cAAA;;;;;;UCpCc,cAAA;EAGf,MAAA;EAGA,KAAA;AAAA;AAAA,UAGe,eAAA;EFOR;;;EEHP,IAAA,EAAM,IAAA;EFFN;;;EEOA,UAAA,GAAa,QAAA,EAAU,cAAA;AAAA;;;;;KAOb,QAAA,YAAoB,OAAA,EAAS,eAAA,KAAoB,OAAA,CAAQ,MAAA;;;;cAKxD,UAAA;EFSG;;;;;EAAA,SEHL,SAAA;EFKR;;;EAAA,UEAS,IAAA;;;ADlCZ;YCuCY,MAAA,EAAQ,MAAA;;;;YAKR,KAAA,EAAO,KAAA;ED9BP;;;EAAA,SCmCD,QAAA,EAAU,OAAA,CAAQ,MAAA;EAAA,QAEnB,WAAA;ED1CD;;;;;AAcT;;ICoCgB,IAAA;IAAM;EAAA;IAAc,IAAA,EAAM,IAAA;IAAM,QAAA,EAAU,QAAA,CAAS,MAAA;EAAA;EDhCnD;;;ECgEP,iBAAA,CACL,QAAA,GAAW,QAAA,EAAU,cAAA,YACpB,YAAA;EDjEM;;;EAAA,OC6EF,GAAA,kBAAA,CACL,SAAA,WACC,UAAA,CAAW,MAAA;ED9EC;;;EAAA,OCqFR,MAAA,CAAO,SAAA;AAAA"}