@prosekit/extensions 0.8.0 → 0.9.0

package/dist/prosekit-extensions-yjs.js

@@ -1,148 +1,105 @@
-// src/yjs/yjs.ts
-import {
-  Priority,
-  union,
-  withPriority
-} from "@prosekit/core";
+import { Priority, defineCommands, defineKeymap, definePlugin, isApple, union, withPriority } from "@prosekit/core";
+import { redoCommand, undoCommand, yCursorPlugin, ySyncPlugin, yUndoPlugin, yUndoPluginKey } from "y-prosemirror";
 
-// src/yjs/yjs-commands.ts
-import {
-  defineCommands
-} from "@prosekit/core";
-
-// src/yjs/yjs-undo-plugin.ts
-import { definePlugin } from "@prosekit/core";
-import {
-  redo as yRedo,
-  undo as yUndo,
-  yUndoPlugin as originalYUndoPlugin,
-  yUndoPluginKey
-} from "y-prosemirror";
-function fixYUndoPlugin(yUndoPluginInstance) {
-  const originalUndoPluginView = yUndoPluginInstance.spec.view;
-  yUndoPluginInstance.spec.view = (view) => {
-    const { undoManager } = yUndoPluginKey.getState(view.state);
-    if (undoManager.restore) {
-      undoManager.restore();
-      undoManager.restore = () => {
-      };
-    }
-    const viewRet = originalUndoPluginView ? originalUndoPluginView(view) : void 0;
-    return {
-      destroy: () => {
-        const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);
-        const observers = undoManager._observers;
-        undoManager.restore = () => {
-          if (hasUndoManSelf) {
-            undoManager.trackedOrigins.add(undoManager);
-          }
-          undoManager.doc.on(
-            "afterTransaction",
-            undoManager.afterTransactionHandler
-          );
-          undoManager._observers = observers;
-        };
-        if (viewRet?.destroy) {
-          viewRet.destroy();
-        }
-      }
-    };
-  };
-}
-function yUndoPlugin(options) {
-  const yUndoPluginInstance = originalYUndoPlugin(options);
-  fixYUndoPlugin(yUndoPluginInstance);
-  return yUndoPluginInstance;
-}
-var undo = (state, dispatch) => {
-  const { undoManager } = yUndoPluginKey.getState(state);
-  if (undoManager.undoStack.length === 0) {
-    return false;
-  }
-  if (!dispatch) {
-    return true;
-  }
-  return yUndo(state);
-};
-var redo = (state, dispatch) => {
-  const { undoManager } = yUndoPluginKey.getState(state);
-  if (undoManager.redoStack.length === 0) {
-    return false;
-  }
-  if (!dispatch) {
-    return true;
-  }
-  return yRedo(state);
-};
-function defineYjsUndoPlugin(options) {
-  return definePlugin(yUndoPlugin(options));
-}
-
-// src/yjs/yjs-commands.ts
-var commands = {
-  undo: () => undo,
-  redo: () => redo
+//#region src/yjs/yjs-commands.ts
+const commands = {
+	undo: () => undoCommand,
+	redo: () => redoCommand
 };
 function defineYjsCommands() {
-  return defineCommands(commands);
+	return defineCommands(commands);
 }
 
-// src/yjs/yjs-cursor-plugin.ts
-import {
-  definePlugin as definePlugin2
-} from "@prosekit/core";
-import { yCursorPlugin } from "y-prosemirror";
+//#endregion
+//#region src/yjs/yjs-cursor-plugin.ts
 function defineYjsCursorPlugin(options) {
-  const { awareness, ...rest } = options;
-  return definePlugin2(yCursorPlugin(awareness, rest));
+	const { awareness,...rest } = options;
+	return definePlugin(yCursorPlugin(awareness, rest));
 }
 
-// src/yjs/yjs-keymap.ts
-import {
-  defineKeymap,
-  isApple
-} from "@prosekit/core";
-var keymap = {
-  "Mod-z": undo,
-  "Shift-Mod-z": redo
+//#endregion
+//#region src/yjs/yjs-keymap.ts
+const keymap = {
+	"Mod-z": undoCommand,
+	"Shift-Mod-z": redoCommand
 };
-if (!isApple) {
-  keymap["Mod-y"] = redo;
-}
+if (!isApple) keymap["Mod-y"] = redoCommand;
 function defineYjsKeymap() {
-  return defineKeymap(keymap);
+	return defineKeymap(keymap);
 }
 
-// src/yjs/yjs-sync-plugin.ts
-import {
-  definePlugin as definePlugin3
-} from "@prosekit/core";
-import { ySyncPlugin } from "y-prosemirror";
+//#endregion
+//#region src/yjs/yjs-sync-plugin.ts
 function defineYjsSyncPlugin(options) {
-  const { fragment, ...rest } = options;
-  return definePlugin3(ySyncPlugin(fragment, rest));
+	const { fragment,...rest } = options;
+	return definePlugin(ySyncPlugin(fragment, rest));
 }
 
-// src/yjs/yjs.ts
+//#endregion
+//#region src/yjs/yjs-undo-plugin.ts
+/**
+* @see https://github.com/yjs/y-prosemirror/issues/114 and https://github.com/yjs/y-prosemirror/issues/102
+*/
+function fixYUndoPlugin(yUndoPluginInstance) {
+	const originalUndoPluginView = yUndoPluginInstance.spec.view;
+	yUndoPluginInstance.spec.view = (view) => {
+		const pluginState = yUndoPluginKey.getState(view.state);
+		if (!pluginState) return {};
+		const undoManager = pluginState.undoManager;
+		if (undoManager.restore) {
+			undoManager.restore();
+			undoManager.restore = () => {};
+		}
+		const viewRet = originalUndoPluginView ? originalUndoPluginView(view) : void 0;
+		return { destroy: () => {
+			const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);
+			const observers = undoManager._observers;
+			undoManager.restore = () => {
+				if (hasUndoManSelf) undoManager.trackedOrigins.add(undoManager);
+				undoManager.doc.on("afterTransaction", undoManager.afterTransactionHandler);
+				undoManager._observers = observers;
+			};
+			if (viewRet?.destroy) viewRet.destroy();
+		} };
+	};
+}
+/**
+* @internal
+*/
+function yUndoPlugin$1(options) {
+	const yUndoPluginInstance = yUndoPlugin(options);
+	fixYUndoPlugin(yUndoPluginInstance);
+	return yUndoPluginInstance;
+}
+/**
+* @internal
+*/
+function defineYjsUndoPlugin(options) {
+	return definePlugin(yUndoPlugin$1(options));
+}
+
+//#endregion
+//#region src/yjs/yjs.ts
+/**
+* @public
+*/
 function defineYjs(options) {
-  const { doc, awareness, sync, undo: undo2, cursor } = options;
-  const fragment = options.fragment ?? doc.getXmlFragment("prosemirror");
-  return withPriority(
-    union([
-      defineYjsKeymap(),
-      defineYjsCommands(),
-      defineYjsCursorPlugin({ ...cursor, awareness }),
-      defineYjsUndoPlugin({ ...undo2 }),
-      defineYjsSyncPlugin({ ...sync, fragment })
-    ]),
-    Priority.high
-  );
+	const { doc, awareness, sync, undo, cursor } = options;
+	const fragment = options.fragment ?? doc.getXmlFragment("prosemirror");
+	return withPriority(union([
+		defineYjsKeymap(),
+		defineYjsCommands(),
+		defineYjsCursorPlugin({
+			...cursor,
+			awareness
+		}),
+		defineYjsUndoPlugin({ ...undo }),
+		defineYjsSyncPlugin({
+			...sync,
+			fragment
+		})
+	]), Priority.high);
 }
-export {
-  defineYjs,
-  defineYjsCommands,
-  defineYjsCursorPlugin,
-  defineYjsKeymap,
-  defineYjsSyncPlugin,
-  defineYjsUndoPlugin
-};
+
+//#endregion
+export { defineYjs, defineYjsCommands, defineYjsCursorPlugin, defineYjsKeymap, defineYjsSyncPlugin, defineYjsUndoPlugin };

package/dist/prosekit-extensions.d.ts

@@ -1 +1 @@
-export {};
+export { };

package/dist/search/style.css

@@ -1,13 +1,13 @@
-/* src/search/style.css */
 .ProseMirror-search-match {
   background-color: #ffff0054;
-  box-shadow: 0 0 0 2px #ffff0054;
   border-radius: 2px;
+  box-shadow: 0 0 0 2px #ffff0054;
 }
-.ProseMirror.ProseMirror-focused .ProseMirror-active-search-match::selection,
-.ProseMirror:not(.ProseMirror-focused) .ProseMirror-active-search-match {
+
+.ProseMirror.ProseMirror-focused .ProseMirror-active-search-match::selection, .ProseMirror:not(.ProseMirror-focused) .ProseMirror-active-search-match {
   background-color: #ff6a0054;
-  box-shadow: 0 0 0 2px #ff6a0054;
   border-radius: 2px;
   scroll-margin: 8px;
+  box-shadow: 0 0 0 2px #ff6a0054;
 }
+

package/dist/shiki-highlighter-chunk-Cd3WeOKL.d.ts

@@ -0,0 +1,19 @@
+import { BundledHighlighterOptions, BundledLanguage, BundledTheme, Highlighter, SpecialLanguage } from "shiki";
+
+//#region src/code-block/shiki-highlighter-chunk.d.ts
+interface ShikiHighlighterOptions extends BundledHighlighterOptions<BundledLanguage, BundledTheme> {}
+interface HighlighterOptions extends Omit<ShikiHighlighterOptions, "langs" | "themes"> {
+  themes: BundledTheme[];
+  langs: (BundledLanguage | SpecialLanguage)[];
+}
+type HighlighterResult = {
+  highlighter: Highlighter;
+  promise?: undefined;
+} | {
+  highlighter?: undefined;
+  promise: Promise<void>;
+};
+declare function createOrGetHighlighter(options: HighlighterOptions): HighlighterResult;
+
+//#endregion
+export { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter };

package/dist/shiki-highlighter-chunk.d.ts

@@ -0,0 +1,2 @@
+import { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter } from "./shiki-highlighter-chunk-Cd3WeOKL.js";
+export { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter };

package/dist/shiki-highlighter-chunk.js

@@ -1,48 +1,41 @@
-// src/code-block/shiki-highlighter-chunk.ts
 import { createHighlighter } from "shiki/bundle/full";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
-var highlighter;
-var loadedLangs = /* @__PURE__ */ new Set();
-var loadedThemes = /* @__PURE__ */ new Set();
-async function createAndCacheHighlighter({
-  ...options
-}) {
-  if (!highlighter) {
-    if (!options.engine) {
-      const engine = createJavaScriptRegexEngine({ forgiving: true });
-      options.engine = engine;
-    }
-    highlighter = await createHighlighter(options);
-  }
+
+//#region src/code-block/shiki-highlighter-chunk.ts
+let highlighter;
+const loadedLangs = new Set();
+const loadedThemes = new Set();
+async function createAndCacheHighlighter({ ...options }) {
+	if (!highlighter) {
+		if (!options.engine) {
+			const engine = createJavaScriptRegexEngine({ forgiving: true });
+			options.engine = engine;
+		}
+		highlighter = await createHighlighter(options);
+	}
 }
 async function loadLanguages(langs) {
-  for (const lang of langs) {
-    if (!highlighter) break;
-    await highlighter.loadLanguage(lang);
-    loadedLangs.add(lang);
-  }
+	for (const lang of langs) {
+		if (!highlighter) break;
+		await highlighter.loadLanguage(lang);
+		loadedLangs.add(lang);
+	}
 }
 async function loadThemes(themes) {
-  for (const theme of themes) {
-    if (!highlighter) break;
-    await highlighter.loadTheme(theme);
-    loadedThemes.add(theme);
-  }
+	for (const theme of themes) {
+		if (!highlighter) break;
+		await highlighter.loadTheme(theme);
+		loadedThemes.add(theme);
+	}
 }
 function createOrGetHighlighter(options) {
-  if (!highlighter) {
-    return { promise: createAndCacheHighlighter(options) };
-  }
-  const langs = options.langs.filter((lang) => !loadedLangs.has(lang));
-  if (langs.length > 0) {
-    return { promise: loadLanguages(langs) };
-  }
-  const themes = options.themes.filter((theme) => !loadedThemes.has(theme));
-  if (themes.length > 0) {
-    return { promise: loadThemes(themes) };
-  }
-  return { highlighter };
+	if (!highlighter) return { promise: createAndCacheHighlighter(options) };
+	const langs = options.langs.filter((lang) => !loadedLangs.has(lang));
+	if (langs.length > 0) return { promise: loadLanguages(langs) };
+	const themes = options.themes.filter((theme) => !loadedThemes.has(theme));
+	if (themes.length > 0) return { promise: loadThemes(themes) };
+	return { highlighter };
 }
-export {
-  createOrGetHighlighter
-};
+
+//#endregion
+export { createOrGetHighlighter };

package/dist/table/style.css

@@ -1,41 +1,42 @@
-/* src/table/style.css */
 .ProseMirror .tableWrapper {
   overflow-x: auto;
 }
+
 .ProseMirror table {
   border-collapse: collapse;
   table-layout: fixed;
   width: 100%;
   overflow: hidden;
 }
-.ProseMirror td,
-.ProseMirror th {
-  vertical-align: top;
+
+.ProseMirror td, .ProseMirror th {
   box-sizing: border-box;
-  position: relative;
+  vertical-align: top;
   border-width: 1px;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  padding-left: .75rem;
+  padding-right: .75rem;
+  position: relative;
 }
+
 .ProseMirror .column-resize-handle {
+  z-index: 20;
+  pointer-events: none;
+  background-color: highlighttext;
+  width: 4px;
   position: absolute;
-  right: -2px;
   top: 0;
   bottom: 0;
-  width: 4px;
-  z-index: 20;
-  background-color: HighlightText;
-  pointer-events: none;
+  right: -2px;
 }
+
 .ProseMirror.resize-cursor {
   cursor: ew-resize;
   cursor: col-resize;
 }
+
 .ProseMirror .selectedCell {
-  --color:
-    210,
-    100%,
-    56%;
-  background-color: hsla(var(--color), 20%);
+  --color: 210, 100%, 56%;
   border: 1px double hsl(var(--color));
+  background-color: hsla(var(--color), 20%);
 }
+