@prosekit/extensions 0.14.2 → 0.16.0-beta.0

package/dist/commit/style.css

@@ -2,9 +2,7 @@
   background-color: #e5534b80;
   text-decoration: line-through;
 }
+
 .prosekit-commit-addition {
   background-color: #53e54b80;
 }
-
-
-/*# sourceMappingURL=style.css.map*/

package/dist/{drop-indicator-DJq8pF92.js → drop-indicator.js}

@@ -1,7 +1,6 @@
 import { defineFacet, defineFacetPayload, pluginFacet } from "@prosekit/core";
 import { isNotNullish } from "@ocavue/utils";
 import { createDropIndicatorPlugin } from "prosemirror-drop-indicator";
-
 //#region src/drop-indicator/drop-indicator-facet.ts
 /**
 * @internal
@@ -34,7 +33,6 @@ const dropIndicatorFacet = defineFacet({
 		});
 	}
 });
-
 //#endregion
 //#region src/drop-indicator/drop-indicator.ts
 /**
@@ -53,7 +51,7 @@ const dropIndicatorFacet = defineFacet({
 function defineDropIndicator(options) {
 	return defineDropIndicatorPayload(options ?? {});
 }
-
 //#endregion
 export { defineDropIndicator as t };
-//# sourceMappingURL=drop-indicator-DJq8pF92.js.map
+
+//# sourceMappingURL=drop-indicator.js.map

package/dist/drop-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicator.js","names":[],"sources":["../src/drop-indicator/drop-indicator-facet.ts","../src/drop-indicator/drop-indicator.ts"],"sourcesContent":["import { isNotNullish } from '@ocavue/utils'\nimport { defineFacet, defineFacetPayload, pluginFacet, type PlainExtension, type PluginPayload } from '@prosekit/core'\nimport type { DragEventHandler, DropIndicatorPluginOptions, ShowHandler } from 'prosemirror-drop-indicator'\nimport { createDropIndicatorPlugin } from 'prosemirror-drop-indicator'\n\n/**\n * @internal\n */\nexport function defineDropIndicatorPayload(\n  payload: DropIndicatorPluginOptions,\n): PlainExtension {\n  return defineFacetPayload(dropIndicatorFacet, [payload]) as PlainExtension\n}\n\nconst dropIndicatorFacet = defineFacet<DropIndicatorPluginOptions, PluginPayload>({\n  parent: pluginFacet,\n  singleton: true,\n  reducer: (payloads: DropIndicatorPluginOptions[]): PluginPayload => {\n    const showHandlers = payloads.map(p => p.onShow).filter(isNotNullish)\n    const hideHandlers = payloads.map(p => p.onHide).filter(isNotNullish)\n    const dragHandlers = payloads.map(p => p.onDrag).filter(isNotNullish)\n\n    const showHandler: ShowHandler = (options) => {\n      for (const fn of showHandlers) {\n        fn(options)\n      }\n    }\n\n    const hideHandler: VoidFunction = () => {\n      for (const fn of hideHandlers) {\n        fn()\n      }\n    }\n\n    const dragHandler: DragEventHandler = (options): boolean => {\n      for (const fn of dragHandlers) {\n        if (fn(options) === false) return false\n      }\n      return true\n    }\n\n    if (showHandlers.length === 0) {\n      // No `onShow` event handler, so we don't need to create a plugin.\n      return []\n    }\n\n    return createDropIndicatorPlugin({\n      onDrag: dragHandler,\n      onShow: showHandler,\n      onHide: hideHandler,\n    })\n  },\n})\n","import type { PlainExtension } from '@prosekit/core'\nimport type { DropIndicatorPluginOptions } from 'prosemirror-drop-indicator'\n\nimport { defineDropIndicatorPayload } from './drop-indicator-facet.ts'\n\n/**\n * @internal\n */\nexport type DropIndicatorExtension = PlainExtension\n\n/**\n * Defines an extension that controls the behavior of the drop indicator.\n *\n * This extension itself doesn't draw the drop indicator, but it provides the\n * necessary callbacks to do so. You probably don't want to use this extension\n * directly, but rather use the `<DropIndicator>` component.\n *\n * You can add this extension multiple times. If any extension has `onDrag`\n * callback defined, and it returns `false`, then the drop point will be\n * discarded.\n *\n * @public\n */\nexport function defineDropIndicator(\n  options?: DropIndicatorOptions,\n): DropIndicatorExtension {\n  return defineDropIndicatorPayload(options ?? {})\n}\n\n/**\n * Options for {@link defineDropIndicator}.\n *\n * @public\n */\nexport interface DropIndicatorOptions extends DropIndicatorPluginOptions {}\n"],"mappings":";;;;;;;AAQA,SAAgB,2BACd,SACgB;AAChB,QAAO,mBAAmB,oBAAoB,CAAC,QAAQ,CAAC;;AAG1D,MAAM,qBAAqB,YAAuD;CAChF,QAAQ;CACR,WAAW;CACX,UAAU,aAA0D;EAClE,MAAM,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,OAAO,aAAa;EACrE,MAAM,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,OAAO,aAAa;EACrE,MAAM,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,OAAO,aAAa;EAErE,MAAM,eAA4B,YAAY;AAC5C,QAAK,MAAM,MAAM,aACf,IAAG,QAAQ;;EAIf,MAAM,oBAAkC;AACtC,QAAK,MAAM,MAAM,aACf,KAAI;;EAIR,MAAM,eAAiC,YAAqB;AAC1D,QAAK,MAAM,MAAM,aACf,KAAI,GAAG,QAAQ,KAAK,MAAO,QAAO;AAEpC,UAAO;;AAGT,MAAI,aAAa,WAAW,EAE1B,QAAO,EAAE;AAGX,SAAO,0BAA0B;GAC/B,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT,CAAC;;CAEL,CAAC;;;;;;;;;;;;;;;;AC7BF,SAAgB,oBACd,SACwB;AACxB,QAAO,2BAA2B,WAAW,EAAE,CAAC"}

package/dist/{file-upload-I9m1EJAM.js → file.js}

@@ -1,5 +1,4 @@
 import { ProseKitError, defineFacet, defineFacetPayload, editorEventFacet } from "@prosekit/core";
-
 //#region src/file/helpers.ts
 function handleFile(view, event, file, handlers) {
 	for (let i = handlers.length - 1; i >= 0; i--) {
@@ -18,7 +17,6 @@ function handleEvent(view, event, handlers, getFiles) {
 	for (const file of files) if (handleFile(view, event, file, handlers)) handled = true;
 	return handled;
 }
-
 //#endregion
 //#region src/file/file-drop-handler.ts
 function defineFileDropHandler(handler) {
@@ -46,7 +44,6 @@ const facet$1 = defineFacet({
 		return ["drop", dropHandler];
 	}
 });
-
 //#endregion
 //#region src/file/file-paste-handler.ts
 function defineFilePasteHandler(handler) {
@@ -65,7 +62,6 @@ const facet = defineFacet({
 		return ["paste", pasteHandler];
 	}
 });
-
 //#endregion
 //#region src/file/file-upload.ts
 /**
@@ -126,7 +122,7 @@ var UploadTask = class {
 	}
 };
 const store = /* @__PURE__ */ new Map();
-
 //#endregion
 export { defineFilePasteHandler as n, defineFileDropHandler as r, UploadTask as t };
-//# sourceMappingURL=file-upload-I9m1EJAM.js.map
+
+//# sourceMappingURL=file.js.map

package/dist/file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.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.ts'\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.ts'\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,kBACE,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/gap-cursor/style.css

@@ -1,17 +1,17 @@
 .ProseMirror-gapcursor {
+  pointer-events: none;
   display: none;
   position: relative;
-  pointer-events: none;
 }
 
 .ProseMirror-gapcursor:after {
+  content: "";
+  border-top: 1px solid;
+  width: 20px;
+  animation: 1.1s steps(2, start) infinite ProseMirror-cursor-blink;
   display: block;
   position: absolute;
   top: -2px;
-  width: 20px;
-  border-top: 1px solid currentColor;
-  content: "";
-  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
 }
 
 @keyframes ProseMirror-cursor-blink {
@@ -23,6 +23,3 @@
 .ProseMirror-focused .ProseMirror-gapcursor {
   display: block;
 }
-
-
-/*# sourceMappingURL=style.css.map*/

package/dist/{file-upload-dr3IXUty.d.ts → index.d.ts}

@@ -131,4 +131,4 @@ declare class UploadTask<Result> {
 }
 //#endregion
 export { FilePasteHandler as a, FileDropHandler as c, UploaderOptions as i, FileDropHandlerOptions as l, UploadTask as n, FilePasteHandlerOptions as o, Uploader as r, defineFilePasteHandler as s, UploadProgress as t, defineFileDropHandler as u };
-//# sourceMappingURL=file-upload-dr3IXUty.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.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"}

package/dist/list/style.css

@@ -5,127 +5,96 @@
 }
 
 .prosemirror-flat-list {
-  & {
-    position: relative;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: relative;
+}
 
-  & > .list-marker {
-    position: absolute;
-    width: 1.5em;
-    width: 1lh;
-    height: 1.5em;
-    height: 1lh;
-    inset-inline-start: 0;
-    text-align: center;
-  }
+.prosemirror-flat-list > .list-marker {
+  width: 1.5em;
+  width: 1lh;
+  height: 1.5em;
+  text-align: center;
+  height: 1lh;
+  position: absolute;
+  inset-inline-start: 0;
+}
 
-  & > .list-content {
-    margin-inline-start: 1.5em;
-    margin-inline-start: 1lh;
-  }
+.prosemirror-flat-list > .list-content {
+  margin-inline-start: 1.5em;
+  margin-inline-start: 1lh;
+}
 
-  &[data-list-kind="bullet"] > .list-marker,
-  &[data-list-kind="toggle"] > .list-marker {
-    background-color: currentColor;
-    mask-position: center;
-    mask-repeat: no-repeat;
-    mask-size: contain;
-  }
+.prosemirror-flat-list[data-list-kind="bullet"] > .list-marker, .prosemirror-flat-list[data-list-kind="toggle"] > .list-marker {
+  background-color: currentColor;
+  mask-position: center;
+  mask-size: contain;
+  mask-repeat: no-repeat;
+}
 
-  &[data-list-kind="bullet"] {
-    & > .list-marker {
-      mask-image: var(--prosekit-list-bullet-icon);
-    }
-  }
+.prosemirror-flat-list[data-list-kind="bullet"] > .list-marker {
+  mask-image: var(--prosekit-list-bullet-icon);
+}
 
-  &[data-list-kind="toggle"] {
-    & > .list-marker {
-      mask-image: var(--prosekit-list-toggle-open-icon);
-    }
+.prosemirror-flat-list[data-list-kind="toggle"] > .list-marker {
+  mask-image: var(--prosekit-list-toggle-open-icon);
+}
 
-    &[data-list-collapsable][data-list-collapsed] > .list-marker {
-      mask-image: var(--prosekit-list-toggle-closed-icon);
-    }
-  }
+.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-marker {
+  mask-image: var(--prosekit-list-toggle-closed-icon);
+}
 
-  &[data-list-kind="ordered"] {
-    /*
-      Ensure that the counters in children don't escape, so that the sub lists
-      won't affect the counter of the parent list.
-  
-      See also https://github.com/ocavue/prosemirror-flat-list/issues/23
-      */
-    & > * {
-      contain: style;
-    }
-
-    &::before {
-      position: absolute;
-      inset-inline-end: calc(100% - 1.5em);
-      inset-inline-end: calc(100% - 1lh);
-      content: counter(prosemirror-flat-list-counter, decimal) ". ";
-      font-variant-numeric: tabular-nums;
-    }
-    counter-increment: prosemirror-flat-list-counter;
-
-    /* 
-      Reset the counter for the first list node in the sequence.
-      */
-    &:first-child,
-    :not(&) + & {
-      counter-reset: prosemirror-flat-list-counter;
-
-      /* 
-        If the first list node has a custom order number, set the counter to that value.
-        */
-      &[data-list-order] {
-        @supports (counter-set: prosemirror-flat-list-counter 1) {
-          counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
-        }
-
-        /* 
-          Safari older than version 17.2 doesn't support `counter-set` 
-          */
-        @supports not (counter-set: prosemirror-flat-list-counter 1) {
-          counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
-        }
-      }
-    }
-  }
+.prosemirror-flat-list[data-list-kind="ordered"] > * {
+  contain: style;
+}
+
+.prosemirror-flat-list[data-list-kind="ordered"]:before {
+  inset-inline-end: calc(100% - 1.5em);
+  content: counter(prosemirror-flat-list-counter, decimal) ". ";
+  font-variant-numeric: tabular-nums;
+  position: absolute;
+  inset-inline-end: calc(100% - 1lh);
+}
+
+.prosemirror-flat-list[data-list-kind="ordered"] {
+  counter-increment: prosemirror-flat-list-counter;
+}
+
+.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"] {
+  counter-reset: prosemirror-flat-list-counter;
+}
 
-  &[data-list-kind="task"] {
-    & > .list-marker {
-      &,
-      & * {
-        /* Make sure that the checkbox is at the center */
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin: 0;
-        padding: 0;
-        cursor: pointer;
-      }
-    }
+@supports (counter-set: prosemirror-flat-list-counter 1) {
+  :is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
+    counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
   }
+}
 
-  &[data-list-kind="toggle"] {
-    &[data-list-collapsable] > .list-marker {
-      cursor: pointer;
-    }
-    &:not([data-list-collapsable]) > .list-marker {
-      opacity: 40%;
-      pointer-events: none;
-    }
-
-    /* If collapsed, hide the second and futher children */
-    &[data-list-collapsable][data-list-collapsed] > .list-content > *:nth-child(n+2) {
-      display: none;
-    }
+@supports not (counter-set: prosemirror-flat-list-counter 1) {
+  :is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
+    counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
   }
 }
 
+.prosemirror-flat-list[data-list-kind="task"] > .list-marker, .prosemirror-flat-list[data-list-kind="task"] > .list-marker * {
+  cursor: pointer;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable] > .list-marker {
+  cursor: pointer;
+}
 
-/*# sourceMappingURL=style.css.map*/
+.prosemirror-flat-list[data-list-kind="toggle"]:not([data-list-collapsable]) > .list-marker {
+  opacity: .4;
+  pointer-events: none;
+}
+
+.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-content > :nth-child(n+2) {
+  display: none;
+}

package/dist/loro/style.css

@@ -2,35 +2,32 @@
   margin-top: 16px;
 }
 
-/* This gives the remote user caret. The colors are automatically overwritten */
 .ProseMirror-loro-cursor {
-  position: relative;
-  margin-right: -1px;
-  margin-left: -1px;
-  border-right: 1px solid black;
-  border-left: 1px solid black;
-  border-color: orange;
   word-break: normal;
   pointer-events: none;
+  border-color: orange;
+  border-left-style: solid;
+  border-left-width: 1px;
+  border-right-style: solid;
+  border-right-width: 1px;
+  margin-left: -1px;
+  margin-right: -1px;
+  position: relative;
 }
 
-/* This renders the username above the caret */
 .ProseMirror-loro-cursor > div {
-  position: absolute;
-  top: -1.05em;
-  left: -1px;
-  padding-right: 2px;
+  color: #fff;
+  white-space: nowrap;
+  user-select: none;
+  background-color: #fa8100;
   padding-left: 2px;
-  background-color: rgb(250, 129, 0);
-  color: white;
+  padding-right: 2px;
+  font-family: serif;
+  font-size: 13px;
   font-style: normal;
   font-weight: normal;
-  font-size: 13px;
   line-height: normal;
-  font-family: serif;
-  white-space: nowrap;
-  user-select: none;
+  position: absolute;
+  top: -1.05em;
+  left: -1px;
 }
-
-
-/*# sourceMappingURL=style.css.map*/

package/dist/{mark-rule-Bqdm49Eq.js → mark-rule.js}

@@ -1,6 +1,5 @@
 import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
 import { OBJECT_REPLACEMENT_CHARACTER, defineFacet, defineFacetPayload, getMarkType, maybeRun, pluginFacet } from "@prosekit/core";
-
 //#region src/mark-rule/range.ts
 function getSpanTextRanges($from, $to) {
 	const nodeRange = $from.blockRange($to);
@@ -57,7 +56,6 @@ function getCheckRanges(transactions, oldState, newState) {
 	const [from, to] = getMapRange(transactions, oldState, newState);
 	return getTextRanges(newState.doc, from, to);
 }
-
 //#endregion
 //#region src/mark-rule/apply.ts
 function getExpectedMarkings(rules, doc, from, to) {
@@ -128,7 +126,6 @@ function applyMarkRules(rules, transactions, oldState, newState) {
 	for (const [from, to, mark] of toCreate) tr.addMark(from, to, mark);
 	return tr;
 }
-
 //#endregion
 //#region src/mark-rule/mark-rule.ts
 /**
@@ -154,7 +151,7 @@ const markRuleFacet = defineFacet({
 	},
 	parent: pluginFacet
 });
-
 //#endregion
 export { defineMarkRule as t };
-//# sourceMappingURL=mark-rule-Bqdm49Eq.js.map
+
+//# sourceMappingURL=mark-rule.js.map

package/dist/mark-rule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark-rule.js","names":[],"sources":["../src/mark-rule/range.ts","../src/mark-rule/apply.ts","../src/mark-rule/mark-rule.ts"],"sourcesContent":["import type { ProseMirrorNode, ResolvedPos } from '@prosekit/pm/model'\nimport type { EditorState, Transaction } from '@prosekit/pm/state'\nimport type { ProsemirrorNode } from 'prosemirror-flat-list'\n\nfunction getSpanTextRanges($from: ResolvedPos, $to: ResolvedPos) {\n  const nodeRange = $from.blockRange($to)\n  if (!nodeRange) {\n    return []\n  }\n\n  const stack: Array<[start: number, node: ProseMirrorNode]> = []\n  let start = nodeRange.start\n\n  for (let i = nodeRange.startIndex; i < nodeRange.endIndex; i++) {\n    const child = nodeRange.parent.child(i)\n    stack.push([start, child])\n    start += child.nodeSize\n  }\n\n  const ranges: Array<[number, number]> = []\n\n  while (stack.length > 0) {\n    const [start, node] = stack.pop()!\n    if (node.type.spec.code) {\n      continue\n    }\n\n    if (node.type.isTextblock) {\n      ranges.push([start + 1, start + 1 + node.content.size])\n      continue\n    }\n\n    node.forEach((child, offset) => {\n      stack.push([start + offset + 1, child])\n    })\n  }\n\n  return ranges\n}\n\nfunction getInlineTextRange(\n  $from: ResolvedPos,\n  $to: ResolvedPos,\n): [number, number] {\n  return [$from.start(), $to.end()]\n}\n\nfunction getTextRanges(\n  doc: ProsemirrorNode,\n  from: number,\n  to: number,\n): Array<[number, number]> {\n  const $from = doc.resolve(from)\n  const $to = doc.resolve(to)\n\n  if ($from.sameParent($to) && $from.parent.isTextblock) {\n    return [getInlineTextRange($from, $to)]\n  } else {\n    const nodeRange = $from.blockRange($to)\n    if (!nodeRange) {\n      return []\n    }\n\n    return getSpanTextRanges($from, $to)\n  }\n}\n\nfunction getMapRange(\n  transactions: readonly Transaction[],\n  oldState: EditorState,\n  newState: EditorState,\n) {\n  let lo = oldState.selection.from\n  let hi = oldState.selection.to\n\n  for (const tr of transactions) {\n    for (const map of tr.mapping.maps) {\n      lo = map.map(lo)\n      hi = map.map(hi)\n\n      map.forEach((_oldStart, _oldEnd, newStart, newEnd) => {\n        lo = Math.min(lo, hi, newStart)\n        hi = Math.max(lo, hi, newEnd)\n      })\n    }\n  }\n\n  lo = Math.min(lo, hi, newState.selection.from)\n  hi = Math.min(lo, hi, newState.selection.to)\n\n  return [lo, hi] as const\n}\n\nexport function getCheckRanges(\n  transactions: readonly Transaction[],\n  oldState: EditorState,\n  newState: EditorState,\n): Array<[number, number]> {\n  const [from, to] = getMapRange(transactions, oldState, newState)\n  return getTextRanges(newState.doc, from, to)\n}\n","import { getMarkType, maybeRun, OBJECT_REPLACEMENT_CHARACTER } from '@prosekit/core'\nimport type { Mark, ProseMirrorNode } from '@prosekit/pm/model'\nimport type { EditorState, Transaction } from '@prosekit/pm/state'\n\nimport { getCheckRanges } from './range.ts'\nimport type { MarkRuleOptions } from './types.ts'\n\ntype MarkRange = [from: number, to: number, mark: Mark]\n\nfunction getExpectedMarkings(\n  rules: MarkRuleOptions[],\n  doc: ProseMirrorNode,\n  from: number,\n  to: number,\n): MarkRange[] {\n  const text = doc.textBetween(from, to, null, OBJECT_REPLACEMENT_CHARACTER)\n  const ranges: MarkRange[] = []\n\n  for (const rule of rules) {\n    rule.regex.lastIndex = 0\n    const matches = text.matchAll(rule.regex)\n    const markType = getMarkType(doc.type.schema, rule.type)\n\n    for (const match of matches) {\n      const index = match.index\n      if (index == null) continue\n      const attrs = maybeRun(rule.attrs, match)\n      const mark = markType.create(attrs)\n      ranges.push([from + index, from + index + match[0].length, mark])\n    }\n  }\n\n  // Sort by start position. If start positions are equal, the longer match\n  // should be prioritized.\n  ranges.sort((a, b) => a[0] - b[0] || b[1] - a[1])\n\n  // Remove overlapped marks.\n  const result: MarkRange[] = []\n  let freeIndex = 0\n\n  for (const range of ranges) {\n    if (range[0] >= freeIndex) {\n      result.push(range)\n      freeIndex = range[1]\n    }\n  }\n\n  return result\n}\n\nfunction getReceivedMarkings(\n  rules: MarkRuleOptions[],\n  doc: ProseMirrorNode,\n  from: number,\n  to: number,\n): MarkRange[] {\n  const result: MarkRange[] = []\n  const schema = doc.type.schema\n  const markTypes = rules.map((rule) => getMarkType(schema, rule.type))\n\n  doc.nodesBetween(from, to, (node, pos) => {\n    if (!node.isInline) {\n      return\n    }\n\n    for (const markType of markTypes) {\n      const mark = node.marks.find((mark) => mark.type === markType)\n      if (mark) {\n        result.push([pos, pos + node.nodeSize, mark])\n      }\n    }\n  })\n  return result\n}\n\nfunction markRangeEquals(a: MarkRange, b: MarkRange): boolean {\n  return a[0] === b[0] && a[1] === b[1] && a[2].eq(b[2])\n}\n\nfunction markRangeDiffs(a: MarkRange[], b: MarkRange[]): MarkRange[] {\n  return a.filter((x) => !b.some((y) => markRangeEquals(x, y)))\n}\n\nexport function applyMarkRules(\n  rules: MarkRuleOptions[],\n  transactions: readonly Transaction[],\n  oldState: EditorState,\n  newState: EditorState,\n): Transaction | null {\n  if (transactions.length === 0 || transactions.every((tr) => !tr.docChanged)) {\n    return null\n  }\n\n  const ranges = getCheckRanges(transactions, oldState, newState)\n\n  const toRemove: MarkRange[] = []\n  const toCreate: MarkRange[] = []\n\n  for (const [from, to] of ranges) {\n    const expected = getExpectedMarkings(rules, newState.doc, from, to)\n    const received = getReceivedMarkings(rules, newState.doc, from, to)\n\n    toRemove.push(...markRangeDiffs(received, expected))\n    toCreate.push(...markRangeDiffs(expected, received))\n  }\n\n  if (toCreate.length === 0 && toRemove.length === 0) {\n    return null\n  }\n\n  const tr = newState.tr\n  for (const [from, to, mark] of toRemove) {\n    tr.removeMark(from, to, mark)\n  }\n  for (const [from, to, mark] of toCreate) {\n    tr.addMark(from, to, mark)\n  }\n  return tr\n}\n","import { defineFacet, defineFacetPayload, pluginFacet, type PlainExtension, type PluginPayload } from '@prosekit/core'\nimport { PluginKey, ProseMirrorPlugin, type EditorState, type Transaction } from '@prosekit/pm/state'\n\nimport { applyMarkRules } from './apply.ts'\nimport type { MarkRuleOptions } from './types.ts'\n\n/**\n * A mark rule is something that can automatically apply marks to text if it\n * matches a certain pattern, and remove them if it doesn't match anymore.\n */\nexport function defineMarkRule(options: MarkRuleOptions): PlainExtension {\n  return defineFacetPayload(markRuleFacet, [options]) as PlainExtension\n}\n\nconst markRuleFacet = defineFacet<MarkRuleOptions, PluginPayload>({\n  reduce: () => {\n    let rules: MarkRuleOptions[] = []\n\n    const plugin = new ProseMirrorPlugin({\n      key: new PluginKey('prosekit-mark-rule'),\n      appendTransaction: (\n        transactions: readonly Transaction[],\n        oldState: EditorState,\n        newState: EditorState,\n      ) => {\n        return applyMarkRules(rules, transactions, oldState, newState)\n      },\n    })\n\n    return function reducer(input) {\n      rules = input\n      return plugin\n    }\n  },\n\n  parent: pluginFacet,\n})\n"],"mappings":";;;AAIA,SAAS,kBAAkB,OAAoB,KAAkB;CAC/D,MAAM,YAAY,MAAM,WAAW,IAAI;AACvC,KAAI,CAAC,UACH,QAAO,EAAE;CAGX,MAAM,QAAuD,EAAE;CAC/D,IAAI,QAAQ,UAAU;AAEtB,MAAK,IAAI,IAAI,UAAU,YAAY,IAAI,UAAU,UAAU,KAAK;EAC9D,MAAM,QAAQ,UAAU,OAAO,MAAM,EAAE;AACvC,QAAM,KAAK,CAAC,OAAO,MAAM,CAAC;AAC1B,WAAS,MAAM;;CAGjB,MAAM,SAAkC,EAAE;AAE1C,QAAO,MAAM,SAAS,GAAG;EACvB,MAAM,CAAC,OAAO,QAAQ,MAAM,KAAK;AACjC,MAAI,KAAK,KAAK,KAAK,KACjB;AAGF,MAAI,KAAK,KAAK,aAAa;AACzB,UAAO,KAAK,CAAC,QAAQ,GAAG,QAAQ,IAAI,KAAK,QAAQ,KAAK,CAAC;AACvD;;AAGF,OAAK,SAAS,OAAO,WAAW;AAC9B,SAAM,KAAK,CAAC,QAAQ,SAAS,GAAG,MAAM,CAAC;IACvC;;AAGJ,QAAO;;AAGT,SAAS,mBACP,OACA,KACkB;AAClB,QAAO,CAAC,MAAM,OAAO,EAAE,IAAI,KAAK,CAAC;;AAGnC,SAAS,cACP,KACA,MACA,IACyB;CACzB,MAAM,QAAQ,IAAI,QAAQ,KAAK;CAC/B,MAAM,MAAM,IAAI,QAAQ,GAAG;AAE3B,KAAI,MAAM,WAAW,IAAI,IAAI,MAAM,OAAO,YACxC,QAAO,CAAC,mBAAmB,OAAO,IAAI,CAAC;MAClC;AAEL,MAAI,CADc,MAAM,WAAW,IAAI,CAErC,QAAO,EAAE;AAGX,SAAO,kBAAkB,OAAO,IAAI;;;AAIxC,SAAS,YACP,cACA,UACA,UACA;CACA,IAAI,KAAK,SAAS,UAAU;CAC5B,IAAI,KAAK,SAAS,UAAU;AAE5B,MAAK,MAAM,MAAM,aACf,MAAK,MAAM,OAAO,GAAG,QAAQ,MAAM;AACjC,OAAK,IAAI,IAAI,GAAG;AAChB,OAAK,IAAI,IAAI,GAAG;AAEhB,MAAI,SAAS,WAAW,SAAS,UAAU,WAAW;AACpD,QAAK,KAAK,IAAI,IAAI,IAAI,SAAS;AAC/B,QAAK,KAAK,IAAI,IAAI,IAAI,OAAO;IAC7B;;AAIN,MAAK,KAAK,IAAI,IAAI,IAAI,SAAS,UAAU,KAAK;AAC9C,MAAK,KAAK,IAAI,IAAI,IAAI,SAAS,UAAU,GAAG;AAE5C,QAAO,CAAC,IAAI,GAAG;;AAGjB,SAAgB,eACd,cACA,UACA,UACyB;CACzB,MAAM,CAAC,MAAM,MAAM,YAAY,cAAc,UAAU,SAAS;AAChE,QAAO,cAAc,SAAS,KAAK,MAAM,GAAG;;;;AC1F9C,SAAS,oBACP,OACA,KACA,MACA,IACa;CACb,MAAM,OAAO,IAAI,YAAY,MAAM,IAAI,MAAM,6BAA6B;CAC1E,MAAM,SAAsB,EAAE;AAE9B,MAAK,MAAM,QAAQ,OAAO;AACxB,OAAK,MAAM,YAAY;EACvB,MAAM,UAAU,KAAK,SAAS,KAAK,MAAM;EACzC,MAAM,WAAW,YAAY,IAAI,KAAK,QAAQ,KAAK,KAAK;AAExD,OAAK,MAAM,SAAS,SAAS;GAC3B,MAAM,QAAQ,MAAM;AACpB,OAAI,SAAS,KAAM;GACnB,MAAM,QAAQ,SAAS,KAAK,OAAO,MAAM;GACzC,MAAM,OAAO,SAAS,OAAO,MAAM;AACnC,UAAO,KAAK;IAAC,OAAO;IAAO,OAAO,QAAQ,MAAM,GAAG;IAAQ;IAAK,CAAC;;;AAMrE,QAAO,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;CAGjD,MAAM,SAAsB,EAAE;CAC9B,IAAI,YAAY;AAEhB,MAAK,MAAM,SAAS,OAClB,KAAI,MAAM,MAAM,WAAW;AACzB,SAAO,KAAK,MAAM;AAClB,cAAY,MAAM;;AAItB,QAAO;;AAGT,SAAS,oBACP,OACA,KACA,MACA,IACa;CACb,MAAM,SAAsB,EAAE;CAC9B,MAAM,SAAS,IAAI,KAAK;CACxB,MAAM,YAAY,MAAM,KAAK,SAAS,YAAY,QAAQ,KAAK,KAAK,CAAC;AAErE,KAAI,aAAa,MAAM,KAAK,MAAM,QAAQ;AACxC,MAAI,CAAC,KAAK,SACR;AAGF,OAAK,MAAM,YAAY,WAAW;GAChC,MAAM,OAAO,KAAK,MAAM,MAAM,SAAS,KAAK,SAAS,SAAS;AAC9D,OAAI,KACF,QAAO,KAAK;IAAC;IAAK,MAAM,KAAK;IAAU;IAAK,CAAC;;GAGjD;AACF,QAAO;;AAGT,SAAS,gBAAgB,GAAc,GAAuB;AAC5D,QAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,GAAG,EAAE,GAAG;;AAGxD,SAAS,eAAe,GAAgB,GAA6B;AACnE,QAAO,EAAE,QAAQ,MAAM,CAAC,EAAE,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC,CAAC;;AAG/D,SAAgB,eACd,OACA,cACA,UACA,UACoB;AACpB,KAAI,aAAa,WAAW,KAAK,aAAa,OAAO,OAAO,CAAC,GAAG,WAAW,CACzE,QAAO;CAGT,MAAM,SAAS,eAAe,cAAc,UAAU,SAAS;CAE/D,MAAM,WAAwB,EAAE;CAChC,MAAM,WAAwB,EAAE;AAEhC,MAAK,MAAM,CAAC,MAAM,OAAO,QAAQ;EAC/B,MAAM,WAAW,oBAAoB,OAAO,SAAS,KAAK,MAAM,GAAG;EACnE,MAAM,WAAW,oBAAoB,OAAO,SAAS,KAAK,MAAM,GAAG;AAEnE,WAAS,KAAK,GAAG,eAAe,UAAU,SAAS,CAAC;AACpD,WAAS,KAAK,GAAG,eAAe,UAAU,SAAS,CAAC;;AAGtD,KAAI,SAAS,WAAW,KAAK,SAAS,WAAW,EAC/C,QAAO;CAGT,MAAM,KAAK,SAAS;AACpB,MAAK,MAAM,CAAC,MAAM,IAAI,SAAS,SAC7B,IAAG,WAAW,MAAM,IAAI,KAAK;AAE/B,MAAK,MAAM,CAAC,MAAM,IAAI,SAAS,SAC7B,IAAG,QAAQ,MAAM,IAAI,KAAK;AAE5B,QAAO;;;;;;;;AC3GT,SAAgB,eAAe,SAA0C;AACvE,QAAO,mBAAmB,eAAe,CAAC,QAAQ,CAAC;;AAGrD,MAAM,gBAAgB,YAA4C;CAChE,cAAc;EACZ,IAAI,QAA2B,EAAE;EAEjC,MAAM,SAAS,IAAI,kBAAkB;GACnC,KAAK,IAAI,UAAU,qBAAqB;GACxC,oBACE,cACA,UACA,aACG;AACH,WAAO,eAAe,OAAO,cAAc,UAAU,SAAS;;GAEjE,CAAC;AAEF,SAAO,SAAS,QAAQ,OAAO;AAC7B,WAAQ;AACR,UAAO;;;CAIX,QAAQ;CACT,CAAC"}

package/dist/page/style.css

@@ -0,0 +1,43 @@
+.ProseMirror pm-page-chunk {
+  box-sizing: border-box;
+  width: var(--page-width, 100%);
+  padding-top: 0;
+  padding-right: var(--page-margin-right, 0);
+  padding-bottom: 0;
+  padding-left: var(--page-margin-left, 0);
+  margin: 0;
+  display: flow-root;
+  position: relative;
+}
+
+.ProseMirror pm-page-chunk ~ pm-page-chunk[data-page-head] {
+  margin-top: 50px;
+}
+
+@media print {
+  .ProseMirror pm-page-chunk ~ pm-page-chunk[data-page-head] {
+    margin-top: 0;
+  }
+}
+
+.ProseMirror pm-page-chunk[data-page-head]:before {
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--page-height);
+  content: "";
+  pointer-events: none;
+  outline: 1px solid canvastext;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+@media print {
+  .ProseMirror pm-page-chunk[data-page-head]:before {
+    outline-color: #0000;
+  }
+}
+
+.ProseMirror pm-page-chunk[data-page-tail] {
+  break-after: page;
+}

package/dist/{mark-paste-rule--F1QPUcU.js → paste-rule.js}

@@ -1,7 +1,6 @@
 import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
 import { defineFacet, defineFacetPayload, getMarkType, pluginFacet } from "@prosekit/core";
 import { Fragment, Slice } from "@prosekit/pm/model";
-
 //#region src/paste-rule/paste-rule-plugin.ts
 /**
 * @internal
@@ -35,7 +34,6 @@ const pasteRuleFacet = defineFacet({
 function definePasteRulePlugin(payload) {
 	return defineFacetPayload(pasteRuleFacet, [payload]);
 }
-
 //#endregion
 //#region src/paste-rule/paste-rule.ts
 /**
@@ -49,7 +47,6 @@ function definePasteRulePlugin(payload) {
 function definePasteRule({ handler }) {
 	return definePasteRulePlugin(handler);
 }
-
 //#endregion
 //#region src/paste-rule/split-text-by-regex.ts
 /**
@@ -76,7 +73,6 @@ function splitTextByRegex(text, regex) {
 	regex.lastIndex = 0;
 	return matched ? chunks : void 0;
 }
-
 //#endregion
 //#region src/paste-rule/mark-paste-rule.ts
 /**
@@ -156,7 +152,7 @@ function replaceMarkInInlineNode(options, node) {
 	}
 	return nodes;
 }
-
 //#endregion
 export { definePasteRule as n, defineMarkPasteRule as t };
-//# sourceMappingURL=mark-paste-rule--F1QPUcU.js.map
+
+//# sourceMappingURL=paste-rule.js.map

package/dist/paste-rule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-rule.js","names":[],"sources":["../src/paste-rule/paste-rule-plugin.ts","../src/paste-rule/paste-rule.ts","../src/paste-rule/split-text-by-regex.ts","../src/paste-rule/mark-paste-rule.ts"],"sourcesContent":["import { defineFacet, defineFacetPayload, pluginFacet, type PlainExtension, type PluginPayload } from '@prosekit/core'\nimport type { Slice } from '@prosekit/pm/model'\nimport { PluginKey, ProseMirrorPlugin } from '@prosekit/pm/state'\nimport type { EditorView } from '@prosekit/pm/view'\n\ntype PasteRulePayload = (options: { slice: Slice; view: EditorView; plain: boolean }) => Slice\n\n/**\n * @internal\n */\nconst pasteRuleFacet = defineFacet<PasteRulePayload, PluginPayload>({\n  reduce: () => {\n    let handlers: PasteRulePayload[] = []\n\n    const transformPasted = (slice: Slice, view: EditorView, plain: boolean): Slice => {\n      for (const handler of handlers) {\n        slice = handler({ slice, view, plain })\n      }\n      return slice\n    }\n\n    const plugin = new ProseMirrorPlugin({\n      key: new PluginKey('prosekit-paste-rule'),\n      props: {\n        transformPasted,\n      },\n    })\n\n    return (inputs: PasteRulePayload[]) => {\n      // Last added rule (highest priority) is applied first\n      handlers = [...inputs].reverse()\n      return plugin\n    }\n  },\n  singleton: true,\n  parent: pluginFacet,\n})\n\n/**\n * @internal\n */\nexport function definePasteRulePlugin(payload: PasteRulePayload): PlainExtension {\n  return defineFacetPayload(pasteRuleFacet, [payload]) as PlainExtension\n}\n","import type { PlainExtension } from '@prosekit/core'\nimport type { Slice } from '@prosekit/pm/model'\nimport type { EditorView } from '@prosekit/pm/view'\n\nimport { definePasteRulePlugin } from './paste-rule-plugin.ts'\n\n/**\n * @public\n *\n * Options for {@link PasteRuleHandler}.\n */\nexport interface PasteRuleHandlerOptions {\n  /**\n   * The slice to be pasted.\n   */\n  slice: Slice\n\n  /**\n   * The editor view.\n   */\n  view: EditorView\n\n  /**\n   * Whether the pasted content is treated as plain text. This is true when the\n   * `Shift` key is held when pasting.\n   */\n  plain: boolean\n}\n\n/**\n * @public\n *\n * Can be used to transform pasted or dragged-and-dropped content before it is\n * applied to the document.\n */\nexport type PasteRuleHandler = (options: PasteRuleHandlerOptions) => Slice\n\n/**\n * Options for {@link definePasteRule}.\n *\n * @public\n */\nexport interface PasteRuleOptions {\n  /**\n   * A function to be called when a paste rule is triggered.\n   */\n  handler: PasteRuleHandler\n}\n\n/**\n * Defines a paste rule. This rule allows you to modify pasted or dragged\n * content before it is inserted into the document.\n *\n * @param options\n *\n * @public\n */\nexport function definePasteRule({ handler }: PasteRuleOptions): PlainExtension {\n  return definePasteRulePlugin(handler)\n}\n","/**\n * Splits text into chunks based on regex matches, preserving both matched and unmatched segments.\n * Returns an array of tuples where each tuple contains a text segment and either the match data\n * (for matched segments) or undefined (for unmatched segments).\n */\nexport function splitTextByRegex(\n  text: string,\n  regex: RegExp,\n): Array<[string, RegExpExecArray | undefined]> | undefined {\n  regex.lastIndex = 0\n\n  const chunks: Array<[string, RegExpExecArray | undefined]> = []\n  let lastIndex = 0\n  let match: RegExpExecArray | null\n  let matched = false\n\n  while ((match = regex.exec(text))) {\n    const start = match.index\n    const end = regex.lastIndex\n\n    // Push the unmatched prefix, if any.\n    if (start > lastIndex) {\n      chunks.push([text.slice(lastIndex, start), undefined])\n    }\n\n    // Push the matched segment.\n    chunks.push([text.slice(start, end), match])\n    matched = true\n\n    if (lastIndex === end) {\n      // Safeguard against zero-width matches that would otherwise cause an infinite loop.\n      return\n    }\n    lastIndex = end\n  }\n\n  if (matched && lastIndex < text.length) {\n    chunks.push([text.slice(lastIndex), undefined])\n  }\n\n  regex.lastIndex = 0\n\n  return matched ? chunks : undefined\n}\n","import { getMarkType, type PlainExtension } from '@prosekit/core'\nimport type { Attrs, MarkType, ProseMirrorNode } from '@prosekit/pm/model'\nimport { Fragment, Slice } from '@prosekit/pm/model'\n\nimport { definePasteRule } from './paste-rule.ts'\nimport { splitTextByRegex } from './split-text-by-regex.ts'\n\n/**\n * The options for {@link defineMarkPasteRule}.\n *\n * @public\n */\nexport interface MarkPasteRuleOptions {\n  /**\n   * The regular expression to match against. It must have a `g` flag to match\n   * all instances of the mark.\n   */\n  regex: RegExp\n\n  /**\n   * The mark type to apply to the matched text.\n   */\n  type: string | MarkType\n\n  /**\n   * A function used to compute attributes to set on the mark created by this\n   * rule. When it returns `false`, the rule won't match. When it returns `null`\n   * or `undefined`, that is interpreted as an empty/default set of attributes.\n   * @default null\n   */\n  getAttrs?: (match: RegExpExecArray) => Attrs | null | undefined | false\n\n  /**\n   * Optional function to determine if a text node should be skipped.\n   * Default behavior: skip code nodes and nodes that already have the target mark.\n   */\n  shouldSkip?: (node: ProseMirrorNode) => boolean\n}\n\n/**\n * Defines a paste rule that applies marks based on regex patterns.\n *\n * @public\n */\nexport function defineMarkPasteRule(options: MarkPasteRuleOptions): PlainExtension {\n  return definePasteRule({\n    handler: ({ slice, view, plain }) => {\n      if (plain) {\n        return slice\n      }\n\n      const markType = getMarkType(view.state.schema, options.type)\n\n      return replaceMarkInSlice({\n        markType,\n        regex: options.regex,\n        getAttrs: options.getAttrs,\n        shouldSkip: options.shouldSkip,\n      }, slice)\n    },\n  })\n}\n\ninterface MarkPasteRuleHandlerOptions {\n  markType: MarkType\n  regex: RegExp\n  getAttrs?: (match: RegExpExecArray) => Attrs | null | undefined | false\n  shouldSkip?: (node: ProseMirrorNode) => boolean\n}\n\nfunction replaceMarkInSlice(options: MarkPasteRuleHandlerOptions, slice: Slice): Slice {\n  const newFragment = replaceMarkInFragment(options, slice.content)\n  if (!newFragment) {\n    return slice\n  }\n  return new Slice(newFragment, slice.openStart, slice.openEnd)\n}\n\nfunction replaceMarkInFragment(options: MarkPasteRuleHandlerOptions, fragment: Fragment): Fragment | undefined {\n  let changed = false\n  const children: ProseMirrorNode[] = []\n\n  for (const child of fragment.content) {\n    const newChild = replaceMarkInNode(options, child)\n    if (newChild) {\n      changed = true\n    }\n    children.push(newChild || child)\n  }\n\n  if (changed) {\n    return Fragment.from(children)\n  }\n\n  return\n}\n\nfunction replaceMarkInNode(options: MarkPasteRuleHandlerOptions, node: ProseMirrorNode): ProseMirrorNode | undefined {\n  if (node.type.spec.code) {\n    return\n  }\n  if (node.type.isInline) {\n    return\n  }\n  if (node.type.isTextblock) {\n    return replaceMarkInTextblockNode(options, node)\n  }\n\n  const newChildren = replaceMarkInFragment(options, node.content)\n  if (!newChildren) {\n    return\n  }\n  return node.copy(newChildren)\n}\n\nfunction replaceMarkInTextblockNode(options: MarkPasteRuleHandlerOptions, node: ProseMirrorNode): ProseMirrorNode | undefined {\n  const newChildren: ProseMirrorNode[] = []\n  let changed = false\n\n  for (const inlineNode of node.content.content) {\n    const newInlineNodes = replaceMarkInInlineNode(options, inlineNode)\n    if (newInlineNodes) {\n      changed = true\n      newChildren.push(...newInlineNodes)\n    } else {\n      newChildren.push(inlineNode)\n    }\n  }\n  if (changed) {\n    return node.copy(Fragment.from(newChildren))\n  }\n  return\n}\n\nfunction replaceMarkInInlineNode(options: MarkPasteRuleHandlerOptions, node: ProseMirrorNode): ProseMirrorNode[] | undefined {\n  const text = node.text\n  if (!text) {\n    return\n  }\n\n  const { markType, shouldSkip } = options\n\n  // Use custom skip logic if provided, otherwise use default\n  if (shouldSkip) {\n    if (shouldSkip(node)) {\n      return\n    }\n  } else {\n    // Default skip logic: skip if already has the target mark or has code mark\n    if (node.marks.some((mark) => mark.type === markType)) {\n      return\n    }\n    if (node.marks.some((mark) => mark.type.spec.code)) {\n      return\n    }\n  }\n\n  const chunks = splitTextByRegex(text, options.regex)\n  if (!chunks) {\n    return\n  }\n\n  const schema = node.type.schema\n  const nodes: ProseMirrorNode[] = []\n\n  for (const [text, match] of chunks) {\n    if (!text) {\n      continue\n    }\n    if (match) {\n      const attrs = options.getAttrs?.(match) ?? null\n      if (attrs !== false) {\n        const mark = markType.create(attrs)\n        nodes.push(schema.text(text, [...node.marks, mark]))\n      } else {\n        nodes.push(schema.text(text, node.marks))\n      }\n    } else {\n      nodes.push(schema.text(text, node.marks))\n    }\n  }\n\n  return nodes\n}\n"],"mappings":"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"}

package/dist/placeholder/style.css

@@ -1,10 +1,7 @@
-.prosekit-placeholder::before {
-  position: absolute;
-  height: 0;
+.prosekit-placeholder:before {
   content: attr(data-placeholder);
-  opacity: 30%;
+  opacity: .3;
   pointer-events: none;
+  height: 0;
+  position: absolute;
 }
-
-
-/*# sourceMappingURL=style.css.map*/

package/dist/prosekit-extensions-autocomplete.js

@@ -1,7 +1,6 @@
 import { Plugin, PluginKey } from "@prosekit/pm/state";
 import { OBJECT_REPLACEMENT_CHARACTER, defineFacet, defineFacetPayload, pluginFacet } from "@prosekit/core";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";
-
 //#region src/autocomplete/autocomplete-helpers.ts
 function defaultCanMatch({ state }) {
 	const $pos = state.selection.$from;
@@ -25,7 +24,6 @@ function setTrMeta(tr, meta) {
 	return tr.setMeta(pluginKey, meta);
 }
 const pluginKey = new PluginKey("prosekit-autocomplete");
-
 //#endregion
 //#region src/autocomplete/autocomplete-rule.ts
 /**
@@ -41,7 +39,6 @@ var AutocompleteRule = class {
 		this.canMatch = options.canMatch ?? defaultCanMatch;
 	}
 };
-
 //#endregion
 //#region src/autocomplete/autocomplete-plugin.ts
 /**
@@ -226,7 +223,6 @@ function mapMatching(matching, mapping) {
 		to: mapping.map(matching.to, -1)
 	};
 }
-
 //#endregion
 //#region src/autocomplete/autocomplete.ts
 /**
@@ -253,7 +249,7 @@ const autocompleteFacet = defineFacet({
 	parent: pluginFacet,
 	singleton: true
 });
-
 //#endregion
 export { AutocompleteRule, defineAutocomplete };
+
 //# sourceMappingURL=prosekit-extensions-autocomplete.js.map