@prosekit/extensions 0.2.0 → 0.2.2

package/dist/_tsup-dts-rollup.d.ts

@@ -1,15 +1,24 @@
+import { Attrs } from '@prosekit/pm/model';
+import type { BundledTheme } from 'shikiji';
+import type { Command } from '@prosekit/pm/state';
 import { CommandArgs } from '@prosekit/core';
+import type { ContentMatch } from '@prosekit/pm/model';
 import { DedentListOptions } from 'prosemirror-flat-list';
 import { EditorState } from '@prosekit/pm/state';
 import { Extension } from '@prosekit/core';
 import { ExtensionTyping } from '@prosekit/core';
 import { IndentListOptions } from 'prosemirror-flat-list';
+import { InputRule } from '@prosekit/pm/inputrules';
 import { ListAttributes } from 'prosemirror-flat-list';
 import { NodeRange } from 'prosemirror-model';
+import { NodeType } from '@prosekit/pm/model';
+import { NodeType as NodeType_2 } from 'prosemirror-model';
 import { Options } from 'tsup';
 import { Parser } from 'prosemirror-highlight';
 import { Plugin as Plugin_2 } from '@prosekit/pm/state';
 import { PluginKey } from '@prosekit/pm/state';
+import { ProseMirrorNode } from '@prosekit/pm/model';
+import type { Selection as Selection_2 } from '@prosekit/pm/state';
 import { ToggleCollapsedOptions } from 'prosemirror-flat-list';
 import { Transaction } from '@prosekit/pm/state';
 import { UnwrapListOptions } from 'prosemirror-flat-list';
@@ -56,6 +65,8 @@ export declare const default_alias_1: {
     };
 };
 
+export declare function defaultBlockAt(match: ContentMatch): NodeType_2 | null;
+
 export declare function defaultCanMatch({ state }: {
     state: EditorState;
 }): boolean;
@@ -110,6 +121,8 @@ toggleCode: [];
  *
  * - {@link defineCodeBlockSpec}
  * - {@link defineCodeBlockInputRule}
+ * - {@link defineCodeBlockEnterRule}
+ * - {@link defineCodeBlockKeymap}
  * - {@link defineCodeBlockCommands}.
  *
  * @public
@@ -134,6 +147,15 @@ setCodeBlockLanguage: [language: string];
 export { defineCodeBlockCommands }
 export { defineCodeBlockCommands as defineCodeBlockCommands_alias_1 }
 
+/**
+ * Adds enter rules for `codeBlock` nodes.
+ *
+ * @public
+ */
+declare function defineCodeBlockEnterRule(): Extension<ExtensionTyping<string, string, CommandArgs>>;
+export { defineCodeBlockEnterRule }
+export { defineCodeBlockEnterRule as defineCodeBlockEnterRule_alias_1 }
+
 /**
  * Adds syntax highlighting to code blocks. This function requires a `Parser`
  * instance from the `prosemirror-highlight` package. See the
@@ -157,6 +179,27 @@ declare function defineCodeBlockInputRule(): Extension<ExtensionTyping<string, s
 export { defineCodeBlockInputRule }
 export { defineCodeBlockInputRule as defineCodeBlockInputRule_alias_1 }
 
+/**
+ * Defines the keymap for code blocks.
+ */
+export declare function defineCodeBlockKeymap(): Extension<ExtensionTyping<string, string, CommandArgs>>;
+
+/**
+ * Adds syntax highlighting to code blocks using the [shikiji](https://github.com/antfu/shikiji) package.
+ *
+ * @public
+ */
+declare function defineCodeBlockShikiji(options?: {
+    /**
+     * The shikiji theme to use.
+     *
+     * @default 'github-light'
+     */
+    theme?: BundledTheme;
+}): Extension;
+export { defineCodeBlockShikiji }
+export { defineCodeBlockShikiji as defineCodeBlockShikiji_alias_1 }
+
 /**
  * Defines the `codeBlock` node spec.
  *
@@ -181,6 +224,15 @@ export declare function defineCodeSpec(): Extension<    {
 MARKS: "code";
 }>;
 
+/**
+ * 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 `$`.
+ *
+ * @public
+ */
+export declare function defineEnterRule({ regex, handler, }: EnterRuleOptions): Extension;
+
 /**
  * @public
  */
@@ -229,6 +281,15 @@ export declare function defineImageSpec(): Extension<    {
 NODES: "image";
 }>;
 
+/**
+ * Defines an input rule extension.
+ *
+ * @param rule - The ProseMirror input rule to add.
+ *
+ * @public
+ */
+export declare function defineInputRule(rule: InputRule): Extension;
+
 /**
  * @public
  */
@@ -278,36 +339,36 @@ MARKS: "link";
 /**
  * @public
  */
-export declare function defineList(): Extension<    {
-NODES: "list";
-COMMAND_ARGS: {
-dedentList: [options?: DedentListOptions | undefined];
-indentList: [options?: IndentListOptions | undefined];
-moveList: [direction: "up" | "down"];
-splitList: [];
-toggleCollapsed: [(ToggleCollapsedOptions | undefined)?];
-toggleList: [attrs: ListAttributes];
-unwrapList: [options?: UnwrapListOptions | undefined];
-wrapInList: [getAttrs: ListAttributes | ((range: NodeRange) => ListAttributes | null)];
-insertList: [attrs?: ListAttributes | undefined];
-};
+export declare function defineList(): Extension<{
+    NODES: "list";
+    COMMAND_ARGS: {
+        dedentList: [options?: DedentListOptions | undefined];
+        indentList: [options?: IndentListOptions | undefined];
+        moveList: [direction: "up" | "down"];
+        splitList: [];
+        toggleCollapsed: [(ToggleCollapsedOptions | undefined)?];
+        toggleList: [attrs: ListAttributes];
+        unwrapList: [options?: UnwrapListOptions | undefined];
+        wrapInList: [getAttrs: ListAttributes | ((range: NodeRange) => ListAttributes | null)];
+        insertList: [attrs?: ListAttributes | undefined];
+    };
 }>;
 
-export declare function defineListCommands(): Extension<    {
-COMMAND_ARGS: {
-dedentList: [options?: DedentListOptions | undefined];
-indentList: [options?: IndentListOptions | undefined];
-moveList: [direction: "up" | "down"];
-splitList: [];
-toggleCollapsed: [(ToggleCollapsedOptions | undefined)?];
-toggleList: [attrs: ListAttributes];
-unwrapList: [options?: UnwrapListOptions | undefined];
-wrapInList: [getAttrs: ListAttributes | ((range: NodeRange) => ListAttributes | null)];
-insertList: [attrs?: ListAttributes | undefined];
-};
+export declare function defineListCommands(): Extension<{
+    COMMAND_ARGS: {
+        dedentList: [options?: DedentListOptions | undefined];
+        indentList: [options?: IndentListOptions | undefined];
+        moveList: [direction: "up" | "down"];
+        splitList: [];
+        toggleCollapsed: [(ToggleCollapsedOptions | undefined)?];
+        toggleList: [attrs: ListAttributes];
+        unwrapList: [options?: UnwrapListOptions | undefined];
+        wrapInList: [getAttrs: ListAttributes | ((range: NodeRange) => ListAttributes | null)];
+        insertList: [attrs?: ListAttributes | undefined];
+    };
 }>;
 
-export declare function defineListInputRules(): Extension<ExtensionTyping<string, string, CommandArgs>>;
+export declare function defineListInputRules(): Extension;
 
 /**
  * Returns a extension that adds key bindings for list.
@@ -318,8 +379,8 @@ export declare function defineListKeymap(): Extension<ExtensionTyping<string, st
 
 export declare function defineListPlugins(): Extension<ExtensionTyping<string, string, CommandArgs>>;
 
-export declare function defineListSpec(): Extension<    {
-NODES: "list";
+export declare function defineListSpec(): Extension<{
+    NODES: "list";
 }>;
 
 /**
@@ -378,6 +439,37 @@ export declare function defineStrikeSpec(): Extension<    {
 MARKS: "strike";
 }>;
 
+/**
+ * Defines an enter rule that replaces the matched text with a block node.
+ *
+ * See also {@link defineEnterRule}.
+ *
+ * @public
+ */
+export declare function defineTextBlockEnterRule({ regex, type, attrs, }: TextBlockEnterRuleOptions): Extension;
+
+/**
+ * Defines an input rule that changes the type of a textblock when the matched
+ * text is typed into it.
+ *
+ * See also [textblockTypeInputRule](https://prosemirror.net/docs/ref/#inputrules.textblockTypeInputRule)
+ */
+export declare function defineTextBlockInputRule({ regex, type, attrs, }: {
+    /**
+     * The regular expression to match against. You'll usually want to start it
+     * with `^` to that it is only matched at the start of a textblock.
+     */
+    regex: RegExp;
+    /**
+     * The node type to replace the matched text with.
+     */
+    type: string | NodeType;
+    /**
+     * Attributes to set on the node.
+     */
+    attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null);
+}): Extension;
+
 /**
  * @public
  */
@@ -400,6 +492,63 @@ export declare function defineUnderlineSpec(): Extension<    {
 MARKS: "underline";
 }>;
 
+/**
+ * Defines an input rule for automatically wrapping a textblock when a given
+ * string is typed.
+ *
+ * See also [wrappingInputRule](https://prosemirror.net/docs/ref/#inputrules.wrappingInputRule)
+ */
+export declare function defineWrappingInputRule({ regex, type, attrs, join, }: {
+    /**
+     * The regular expression to match against. You'll usually want to start it
+     * with `^` to that it is only matched at the start of a textblock.
+     */
+    regex: RegExp;
+    /**
+     * The type of node to wrap in.
+     */
+    type: string | NodeType;
+    /**
+     * Attributes to set on the node.
+     */
+    attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null);
+    /**
+     * By default, if there's a node with the same type above the newly wrapped
+     * node, the rule will try to
+     * [join](https://prosemirror.net/docs/ref/#transform.Transform.join) those
+     * two nodes. You can pass a join predicate, which takes a regular expression
+     * match and the node before the wrapped node, and can return a boolean to
+     * indicate whether a join should happen.
+     */
+    join?: (match: RegExpMatchArray, node: ProseMirrorNode) => boolean;
+}): Extension;
+
+/**
+ * @public
+ */
+export declare type EnterRuleHandler = (options: {
+    state: EditorState;
+    from: number;
+    to: number;
+    match: RegExpExecArray;
+}) => Transaction | null;
+
+/**
+ * Options for {@link createEnterRule}.
+ *
+ * @public
+ */
+export declare type EnterRuleOptions = {
+    /**
+     * The regular expression to match against. It should end with `$`.
+     */
+    regex: RegExp;
+    /**
+     * A handler function to be called when an enter rule is triggered.
+     */
+    handler: EnterRuleHandler;
+};
+
 export declare function getPluginState(state: EditorState): PredictionPluginState | undefined;
 
 export declare function getTrMeta(tr: Transaction): PredictionPluginState;
@@ -421,6 +570,8 @@ export declare interface ImageAttrs {
     src?: string | null;
 }
 
+export declare function isInCodeBlock(selection: Selection_2): boolean | undefined;
+
 /**
  * @public
  */
@@ -445,7 +596,9 @@ export declare interface MentionAttrs {
     value: string;
 }
 
-export declare const OBJECT_REPLACEMENT = "\uFFFC";
+export declare const NO_BREAK_SPACE = "\u00A0";
+
+export declare const OBJECT_REPLACEMENT_CHARACTER = "\uFFFC";
 
 export declare interface PlaceholderOptions {
     /**
@@ -477,4 +630,26 @@ export declare interface PredictionPluginState {
 
 export declare function setTrMeta(tr: Transaction, meta: PredictionPluginState): Transaction;
 
+/**
+ * Options for {@link createTextBlockEnterRule}.
+ *
+ * @public
+ */
+export declare type 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.
+     */
+    attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null);
+};
+
+export declare function withSkipCodeBlock(command: Command): Command;
+
 export { }

package/dist/chunk-DI46QWLX.js

@@ -0,0 +1,9 @@
+// src/utils/is-in-code-block.ts
+function isInCodeBlock(selection) {
+  const type = selection.$from.parent.type;
+  return type.spec.code && type.isBlock;
+}
+
+export {
+  isInCodeBlock
+};

package/dist/chunk-DYFRBXUX.js

@@ -0,0 +1,56 @@
+// src/input-rule/index.ts
+import {
+  Facet,
+  getNodeType,
+  pluginFacet
+} from "@prosekit/core";
+import {
+  inputRules,
+  textblockTypeInputRule,
+  wrappingInputRule
+} from "@prosekit/pm/inputrules";
+import "@prosekit/pm/model";
+import "@prosekit/pm/state";
+function defineInputRule(rule) {
+  return inputRuleFacet.extension([() => rule]);
+}
+function defineTextBlockInputRule({
+  regex,
+  type,
+  attrs
+}) {
+  return inputRuleFacet.extension([
+    ({ schema }) => {
+      const nodeType = getNodeType(schema, type);
+      return textblockTypeInputRule(regex, nodeType, attrs);
+    }
+  ]);
+}
+function defineWrappingInputRule({
+  regex,
+  type,
+  attrs,
+  join
+}) {
+  return inputRuleFacet.extension([
+    ({ schema }) => {
+      const nodeType = getNodeType(schema, type);
+      return wrappingInputRule(regex, nodeType, attrs, join);
+    }
+  ]);
+}
+var inputRuleFacet = Facet.define({
+  convert: (inputs) => {
+    return (context) => {
+      const rules = inputs.flatMap((callback) => callback(context));
+      return [inputRules({ rules })];
+    };
+  },
+  next: pluginFacet
+});
+
+export {
+  defineInputRule,
+  defineTextBlockInputRule,
+  defineWrappingInputRule
+};

package/dist/chunk-HQZORKGY.js

@@ -0,0 +1,6 @@
+// src/utils/unicode.ts
+var OBJECT_REPLACEMENT_CHARACTER = "\uFFFC";
+
+export {
+  OBJECT_REPLACEMENT_CHARACTER
+};

package/dist/prosekit-extensions-autocomplete.js

@@ -1,3 +1,7 @@
+import {
+  OBJECT_REPLACEMENT_CHARACTER
+} from "./chunk-HQZORKGY.js";
+
 // src/autocomplete/index.ts
 import {
   Facet,
@@ -22,7 +26,6 @@ function isInsideCode($pos) {
   }
   return $pos.marks().some((mark) => mark.type.name === "code");
 }
-var OBJECT_REPLACEMENT = "\uFFFC";
 function getPluginState(state) {
   return pluginKey.getState(state);
 }
@@ -75,10 +78,14 @@ function createAutocompletePlugin({
           const textContent = view.state.doc.textBetween(
             from,
             to,
-            OBJECT_REPLACEMENT
+            OBJECT_REPLACEMENT_CHARACTER
           );
           const deleteMatch = () => {
-            if (view.state.doc.textBetween(from, to, OBJECT_REPLACEMENT) === textContent) {
+            if (view.state.doc.textBetween(
+              from,
+              to,
+              OBJECT_REPLACEMENT_CHARACTER
+            ) === textContent) {
               view.dispatch(view.state.tr.delete(from, to));
             }
           };
@@ -125,7 +132,7 @@ function calcPluginState(state, rules) {
     Math.max(0, parentOffset - MAX_MATCH),
     parentOffset,
     null,
-    OBJECT_REPLACEMENT
+    OBJECT_REPLACEMENT_CHARACTER
   );
   for (const rule of rules) {
     if (!rule.canMatch({ state })) {

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

@@ -1,7 +1,9 @@
 export { defineCodeBlock } from './_tsup-dts-rollup';
 export { defineCodeBlockCommands_alias_1 as defineCodeBlockCommands } from './_tsup-dts-rollup';
+export { defineCodeBlockEnterRule_alias_1 as defineCodeBlockEnterRule } from './_tsup-dts-rollup';
 export { defineCodeBlockHighlight_alias_1 as defineCodeBlockHighlight } from './_tsup-dts-rollup';
 export { defineCodeBlockInputRule_alias_1 as defineCodeBlockInputRule } from './_tsup-dts-rollup';
+export { defineCodeBlockShikiji_alias_1 as defineCodeBlockShikiji } from './_tsup-dts-rollup';
 export { defineCodeBlockSpec_alias_1 as defineCodeBlockSpec } from './_tsup-dts-rollup';
 export { CodeBlockAttrs_alias_1 as CodeBlockAttrs } from './_tsup-dts-rollup';
 export { HighlightParser_alias_1 as HighlightParser } from './_tsup-dts-rollup';

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

@@ -1,3 +1,10 @@
+import {
+  OBJECT_REPLACEMENT_CHARACTER
+} from "./chunk-HQZORKGY.js";
+import {
+  defineTextBlockInputRule
+} from "./chunk-DYFRBXUX.js";
+
 // src/code-block/index.ts
 import { union } from "@prosekit/core";
 
@@ -30,18 +37,216 @@ function defineCodeBlockHighlight({
   );
 }
 
+// src/enter-rule/index.ts
+import {
+  Facet,
+  getNodeType,
+  isTextSelection,
+  keymapFacet
+} from "@prosekit/core";
+function defineEnterRule({
+  regex,
+  handler
+}) {
+  const rule = new EnterRule(regex, handler);
+  return inputRuleFacet.extension([rule]);
+}
+function defineTextBlockEnterRule({
+  regex,
+  type,
+  attrs
+}) {
+  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 = attrs && typeof attrs === "function" ? attrs(match) : attrs;
+      return state.tr.delete(from, to).setBlockType(from, from, nodeType, nodeAttrs);
+    }
+  });
+}
+var EnterRule = class {
+  constructor(regex, handler) {
+    this.regex = regex;
+    this.handler = handler;
+  }
+};
+var inputRuleFacet = Facet.define({
+  convert: (inputs) => {
+    return {
+      Enter: (state, dispatch, view) => {
+        if (!view)
+          return false;
+        return execRules(view, inputs, dispatch);
+      }
+    };
+  },
+  next: keymapFacet
+});
+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 == null ? void 0 : dispatch(tr);
+    return true;
+  }
+  return false;
+}
+var MAX_MATCH = 200;
+
 // src/code-block/code-block-input-rule.ts
-import { defineInputRule, getNodeType } from "@prosekit/core";
-import { textblockTypeInputRule } from "@prosekit/pm/inputrules";
 function defineCodeBlockInputRule() {
-  return defineInputRule(({ schema }) => {
-    const nodeType = getNodeType(schema, "codeBlock");
-    const getAttrs = (match) => {
-      return { language: match[1] || "" };
-    };
-    return textblockTypeInputRule(/^```(\S*)\s$/, nodeType, getAttrs);
+  return defineTextBlockInputRule({
+    regex: /^```(\S*)\s$/,
+    type: "codeBlock",
+    attrs: getAttrs
   });
 }
+function defineCodeBlockEnterRule() {
+  return defineTextBlockEnterRule({
+    regex: /^```(\S*)$/,
+    type: "codeBlock",
+    attrs: getAttrs
+  });
+}
+function getAttrs(match) {
+  return { language: match[1] || "" };
+}
+
+// src/code-block/code-block-keymap.ts
+import { defineKeymap } from "@prosekit/core";
+import { TextSelection } from "@prosekit/pm/state";
+
+// src/utils/default-block-at.ts
+function defaultBlockAt(match) {
+  for (let i = 0; i < match.edgeCount; i++) {
+    const { type } = match.edge(i);
+    if (type.isTextblock && !type.hasRequiredAttrs())
+      return type;
+  }
+  return null;
+}
+
+// src/code-block/code-block-keymap.ts
+function defineCodeBlockKeymap() {
+  return defineKeymap({
+    Enter: existCodeBlock
+  });
+}
+var existCodeBlock = (state, dispatch) => {
+  if (!state.selection.empty) {
+    return false;
+  }
+  const { $head } = state.selection;
+  const parent = $head.parent;
+  if (parent.isTextblock && parent.type.spec.code && $head.parentOffset === parent.content.size && parent.textContent.endsWith("\n\n")) {
+    const grandParent = $head.node(-1);
+    const insertIndex = $head.indexAfter(-1);
+    const type = defaultBlockAt(grandParent.contentMatchAt(insertIndex));
+    if (!type || !grandParent.canReplaceWith(insertIndex, insertIndex, type)) {
+      return false;
+    }
+    if (dispatch) {
+      const { tr } = state;
+      tr.delete($head.pos - 2, $head.pos);
+      const pos = tr.selection.$head.after();
+      const node = type.createAndFill();
+      if (node) {
+        tr.replaceWith(pos, pos, node);
+        tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1));
+        dispatch(tr.scrollIntoView());
+      }
+    }
+    return true;
+  }
+  return false;
+};
+
+// src/code-block/code-block-shikiji.ts
+import { createParser } from "prosemirror-highlight/shikiji";
+function createHighlighterLoader() {
+  let shikijiImport;
+  let highlighter;
+  const languages = /* @__PURE__ */ new Set();
+  const themes = /* @__PURE__ */ new Set();
+  return function highlighterLoader(lang, theme) {
+    if (!shikijiImport) {
+      shikijiImport = import("shikiji").then(async ({ getHighlighter }) => {
+        const fallbackLang = "md";
+        highlighter = await getHighlighter({
+          langs: [fallbackLang],
+          themes: []
+        });
+      });
+      return { promise: shikijiImport };
+    }
+    if (!highlighter) {
+      return { promise: shikijiImport };
+    }
+    if (!languages.has(lang)) {
+      const promise = highlighter.loadLanguage(lang).then(() => {
+        languages.add(lang);
+      }).catch(() => {
+      });
+      return { promise };
+    }
+    if (!themes.has(theme)) {
+      const promise = highlighter.loadTheme(theme).then(() => {
+        themes.add(theme);
+      }).catch(() => {
+      });
+      return { promise };
+    }
+    return { highlighter };
+  };
+}
+function createLazyParser(theme) {
+  let parser;
+  const highlighterLoader = createHighlighterLoader();
+  return function lazyParser(options) {
+    const language = options.language || "";
+    const { highlighter, promise } = highlighterLoader(language, theme);
+    if (!highlighter) {
+      return promise || [];
+    }
+    if (!parser) {
+      parser = createParser(highlighter);
+    }
+    return parser(options);
+  };
+}
+function defineCodeBlockShikiji(options) {
+  const theme = (options == null ? void 0 : options.theme) || "github-light";
+  const parser = createLazyParser(theme);
+  return defineCodeBlockHighlight({ parser });
+}
 
 // src/code-block/code-block-spec.ts
 import { defineNodeSpec } from "@prosekit/core";
@@ -65,12 +270,7 @@ function defineCodeBlockSpec() {
     ],
     toDOM(node) {
       const attrs = node.attrs;
-      return [
-        "pre",
-        // TODO: remove class 'hljs'
-        { "data-language": attrs.language, class: "hljs" },
-        ["code", 0]
-      ];
+      return ["pre", { "data-language": attrs.language }, ["code", 0]];
     }
   });
 }
@@ -80,13 +280,17 @@ function defineCodeBlock() {
   return union([
     defineCodeBlockSpec(),
     defineCodeBlockInputRule(),
+    defineCodeBlockEnterRule(),
+    defineCodeBlockKeymap(),
     defineCodeBlockCommands()
   ]);
 }
 export {
   defineCodeBlock,
   defineCodeBlockCommands,
+  defineCodeBlockEnterRule,
   defineCodeBlockHighlight,
   defineCodeBlockInputRule,
+  defineCodeBlockShikiji,
   defineCodeBlockSpec
 };

package/dist/prosekit-extensions-heading.js

@@ -1,16 +1,32 @@
+import {
+  isInCodeBlock
+} from "./chunk-DI46QWLX.js";
+import {
+  defineTextBlockInputRule
+} from "./chunk-DYFRBXUX.js";
+
 // src/heading/index.ts
 import {
   defineCommands,
-  defineInputRule,
   defineKeymap,
   defineNodeSpec,
-  getNodeType,
   insertNode,
   setBlockType,
   toggleNode,
   union
 } from "@prosekit/core";
-import { textblockTypeInputRule } from "@prosekit/pm/inputrules";
+
+// src/utils/with-skip-code-block.ts
+function withSkipCodeBlock(command) {
+  return (state, dispatch, view) => {
+    if (isInCodeBlock(state.selection)) {
+      return false;
+    }
+    return command(state, dispatch, view);
+  };
+}
+
+// src/heading/index.ts
 function defineHeadingSpec() {
   return defineNodeSpec({
     name: "heading",
@@ -33,22 +49,26 @@ function defineHeadingSpec() {
 }
 function defineHeadingKeymap() {
   return defineKeymap({
-    "mod-1": toggleNode({ type: "heading", attrs: { level: 1 } }),
-    "mod-2": toggleNode({ type: "heading", attrs: { level: 2 } }),
-    "mod-3": toggleNode({ type: "heading", attrs: { level: 3 } }),
-    "mod-4": toggleNode({ type: "heading", attrs: { level: 4 } }),
-    "mod-5": toggleNode({ type: "heading", attrs: { level: 5 } }),
-    "mod-6": toggleNode({ type: "heading", attrs: { level: 6 } })
+    "mod-1": toggleHeadingKeybinding(1),
+    "mod-2": toggleHeadingKeybinding(2),
+    "mod-3": toggleHeadingKeybinding(3),
+    "mod-4": toggleHeadingKeybinding(4),
+    "mod-5": toggleHeadingKeybinding(5),
+    "mod-6": toggleHeadingKeybinding(6)
   });
 }
+function toggleHeadingKeybinding(level) {
+  return withSkipCodeBlock(toggleNode({ type: "heading", attrs: { level } }));
+}
 function defineHeadingInputRule() {
-  return defineInputRule(({ schema }) => {
-    const nodeSpec = getNodeType(schema, "heading");
-    return textblockTypeInputRule(/^(#{1,6})\s/, nodeSpec, (match) => {
+  return defineTextBlockInputRule({
+    regex: /^(#{1,6})\s$/,
+    type: "heading",
+    attrs: (match) => {
       var _a, _b;
       const level = (_b = (_a = match[1]) == null ? void 0 : _a.length) != null ? _b : 1;
       return { level };
-    });
+    }
   });
 }
 function defineHeadingCommands() {

package/dist/prosekit-extensions-input-rule.d.ts

@@ -0,0 +1,3 @@
+export { defineInputRule } from './_tsup-dts-rollup';
+export { defineTextBlockInputRule } from './_tsup-dts-rollup';
+export { defineWrappingInputRule } from './_tsup-dts-rollup';

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

@@ -0,0 +1,10 @@
+import {
+  defineInputRule,
+  defineTextBlockInputRule,
+  defineWrappingInputRule
+} from "./chunk-DYFRBXUX.js";
+export {
+  defineInputRule,
+  defineTextBlockInputRule,
+  defineWrappingInputRule
+};

package/dist/prosekit-extensions-list.js

@@ -1,8 +1,11 @@
+import {
+  defineInputRule
+} from "./chunk-DYFRBXUX.js";
+
 // src/list/index.ts
 import {
   Priority,
   defineCommands,
-  defineInputRule,
   defineKeymap,
   defineNodeSpec,
   definePlugin,
@@ -34,7 +37,7 @@ function defineListKeymap() {
   return defineKeymap(listKeymap);
 }
 function defineListInputRules() {
-  return defineInputRule(() => listInputRules);
+  return union(listInputRules.map(defineInputRule));
 }
 function defineListCommands() {
   return defineCommands({

package/dist/prosekit-extensions-placeholder.js

@@ -1,3 +1,7 @@
+import {
+  isInCodeBlock
+} from "./chunk-DI46QWLX.js";
+
 // src/placeholder/index.ts
 import { definePlugin } from "@prosekit/core";
 import "@prosekit/pm/model";
@@ -14,6 +18,9 @@ function createPlaceholderPlugin(options) {
         if (options.strategy === "doc" && !isDocEmpty(state.doc)) {
           return null;
         }
+        if (isInCodeBlock(state.selection)) {
+          return null;
+        }
         const placeholderText = options.placeholder;
         const deco = createPlaceholderDecoration(state, placeholderText);
         if (!deco) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -65,6 +65,11 @@
       "import": "./dist/prosekit-extensions-image.js",
       "default": "./dist/prosekit-extensions-image.js"
     },
+    "./input-rule": {
+      "types": "./dist/prosekit-extensions-input-rule.d.ts",
+      "import": "./dist/prosekit-extensions-input-rule.js",
+      "default": "./dist/prosekit-extensions-input-rule.js"
+    },
     "./italic": {
       "types": "./dist/prosekit-extensions-italic.d.ts",
       "import": "./dist/prosekit-extensions-italic.js",
@@ -116,16 +121,25 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.2.0",
+    "@prosekit/core": "^0.2.2",
     "@prosekit/pm": "^0.1.1",
     "prosemirror-flat-list": "^0.4.5",
-    "prosemirror-highlight": "^0.3.3"
+    "prosemirror-highlight": "^0.4.0"
+  },
+  "peerDependencies": {
+    "shikiji": ">= 0.9.0"
+  },
+  "peerDependenciesMeta": {
+    "shikiji": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@prosekit/dev": "*",
+    "shikiji": "^0.9.16",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.1.0"
+    "vitest": "^1.1.1"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -158,6 +172,9 @@
       "image": [
         "./dist/prosekit-extensions-image.d.ts"
       ],
+      "input-rule": [
+        "./dist/prosekit-extensions-input-rule.d.ts"
+      ],
       "italic": [
         "./dist/prosekit-extensions-italic.d.ts"
       ],