@kerebron/extension-codemirror 0.2.0 → 0.3.0

package/esm/extension-codemirror/src/languages.js

@@ -0,0 +1,110 @@
+export var CodeBlockLanguages;
+(function (CodeBlockLanguages) {
+    CodeBlockLanguages["javascript"] = "javascript";
+    CodeBlockLanguages["html"] = "html";
+    CodeBlockLanguages["css"] = "css";
+    CodeBlockLanguages["sql"] = "sql";
+    CodeBlockLanguages["python"] = "python";
+    CodeBlockLanguages["rust"] = "rust";
+    CodeBlockLanguages["xml"] = "xml";
+    CodeBlockLanguages["json"] = "json";
+    CodeBlockLanguages["markdown"] = "markdown";
+    CodeBlockLanguages["java"] = "java";
+    CodeBlockLanguages["cpp"] = "cpp";
+    CodeBlockLanguages["lezer"] = "lezer";
+    CodeBlockLanguages["php"] = "php";
+    CodeBlockLanguages["wast"] = "wast";
+})(CodeBlockLanguages || (CodeBlockLanguages = {}));
+export var LegacyLanguages;
+(function (LegacyLanguages) {
+    LegacyLanguages["apl"] = "apl";
+    LegacyLanguages["asciiarmor"] = "asciiarmor";
+    LegacyLanguages["asn1"] = "asn1";
+    LegacyLanguages["asterisk"] = "asterisk";
+    LegacyLanguages["brainfuck"] = "brainfuck";
+    LegacyLanguages["clike"] = "clike";
+    LegacyLanguages["clojure"] = "clojure";
+    LegacyLanguages["cmake"] = "cmake";
+    LegacyLanguages["cobol"] = "cobol";
+    LegacyLanguages["coffeescript"] = "coffeescript";
+    LegacyLanguages["commonlisp"] = "commonlisp";
+    LegacyLanguages["crystal"] = "crystal";
+    LegacyLanguages["cypher"] = "cypher";
+    LegacyLanguages["d"] = "d";
+    LegacyLanguages["diff"] = "diff";
+    LegacyLanguages["dockerfile"] = "dockerfile";
+    LegacyLanguages["dtd"] = "dtd";
+    LegacyLanguages["dylan"] = "dylan";
+    LegacyLanguages["ebnf"] = "ebnf";
+    LegacyLanguages["ecl"] = "ecl";
+    LegacyLanguages["eiffel"] = "eiffel";
+    LegacyLanguages["elm"] = "elm";
+    LegacyLanguages["erlang"] = "erlang";
+    LegacyLanguages["factor"] = "factor";
+    LegacyLanguages["fcl"] = "fcl";
+    LegacyLanguages["forth"] = "forth";
+    LegacyLanguages["fortran"] = "fortran";
+    LegacyLanguages["gas"] = "gas";
+    LegacyLanguages["gherkin"] = "gherkin";
+    LegacyLanguages["go"] = "go";
+    LegacyLanguages["groovy"] = "groovy";
+    LegacyLanguages["haskell"] = "haskell";
+    LegacyLanguages["haxe"] = "haxe";
+    LegacyLanguages["http"] = "http";
+    LegacyLanguages["idl"] = "idl";
+    LegacyLanguages["jinja2"] = "jinja2";
+    LegacyLanguages["julia"] = "julia";
+    LegacyLanguages["livescript"] = "livescript";
+    LegacyLanguages["lua"] = "lua";
+    LegacyLanguages["mathematica"] = "mathematica";
+    LegacyLanguages["mbox"] = "mbox";
+    LegacyLanguages["mirc"] = "mirc";
+    LegacyLanguages["mllike"] = "mllike";
+    LegacyLanguages["modelica"] = "modelica";
+    LegacyLanguages["mscgen"] = "mscgen";
+    LegacyLanguages["mumps"] = "mumps";
+    LegacyLanguages["nginx"] = "nginx";
+    LegacyLanguages["nsis"] = "nsis";
+    LegacyLanguages["ntriples"] = "ntriples";
+    LegacyLanguages["octave"] = "octave";
+    LegacyLanguages["oz"] = "oz";
+    LegacyLanguages["pascal"] = "pascal";
+    LegacyLanguages["perl"] = "perl";
+    LegacyLanguages["pig"] = "pig";
+    LegacyLanguages["powershell"] = "powershell";
+    LegacyLanguages["properties"] = "properties";
+    LegacyLanguages["protobuf"] = "protobuf";
+    LegacyLanguages["puppet"] = "puppet";
+    LegacyLanguages["q"] = "q";
+    LegacyLanguages["r"] = "r";
+    LegacyLanguages["rpm"] = "rpm";
+    LegacyLanguages["ruby"] = "ruby";
+    LegacyLanguages["sas"] = "sas";
+    LegacyLanguages["scheme"] = "scheme";
+    LegacyLanguages["shell"] = "shell";
+    LegacyLanguages["smalltalk"] = "smalltalk";
+    LegacyLanguages["solr"] = "solr";
+    LegacyLanguages["sparql"] = "sparql";
+    LegacyLanguages["spreadsheet"] = "spreadsheet";
+    LegacyLanguages["stex"] = "stex";
+    LegacyLanguages["stylus"] = "stylus";
+    LegacyLanguages["swift"] = "swift";
+    LegacyLanguages["tcl"] = "tcl";
+    LegacyLanguages["textile"] = "textile";
+    LegacyLanguages["tiddlywiki"] = "tiddlywiki";
+    LegacyLanguages["tiki"] = "tiki";
+    LegacyLanguages["toml"] = "toml";
+    LegacyLanguages["troff"] = "troff";
+    LegacyLanguages["ttcn"] = "ttcn";
+    LegacyLanguages["turtle"] = "turtle";
+    LegacyLanguages["vb"] = "vb";
+    LegacyLanguages["vbscript"] = "vbscript";
+    LegacyLanguages["velocity"] = "velocity";
+    LegacyLanguages["verilog"] = "verilog";
+    LegacyLanguages["vhdl"] = "vhdl";
+    LegacyLanguages["webidl"] = "webidl";
+    LegacyLanguages["xquery"] = "xquery";
+    LegacyLanguages["yacas"] = "yacas";
+    LegacyLanguages["yaml"] = "yaml";
+    LegacyLanguages["z80"] = "z80";
+})(LegacyLanguages || (LegacyLanguages = {}));

package/esm/extension-codemirror/src/types.d.ts

@@ -0,0 +1,30 @@
+import { EditorState, Transaction } from 'prosemirror-state';
+import { EditorView as CodemirrorView } from '@codemirror/view';
+import { Node } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { LanguageSupport } from '@codemirror/language';
+import { Extension } from '@codemirror/state';
+export type LanguageLoaders = Record<string, () => Promise<LanguageSupport>>;
+export type ThemeItem = {
+    extension: Extension;
+    name: string;
+};
+export type CodeBlockSettings = {
+    provider?: any;
+    createSelect: (settings: CodeBlockSettings, dom: HTMLElement, node: Node, view: EditorView, getPos: (() => number) | boolean) => () => void;
+    updateSelect: (settings: CodeBlockSettings, dom: HTMLElement, node: Node, view: EditorView, getPos: (() => number) | boolean, oldNode: Node) => void;
+    createCopyButton: (settings: CodeBlockSettings, dom: HTMLElement, node: Node, view: EditorView, codeMirrorView: CodemirrorView, getPos: (() => number) | boolean) => () => void;
+    stopEvent: (e: Event, node: Node, getPos: (() => number) | boolean, view: EditorView, dom: HTMLElement) => boolean;
+    languageLoaders?: LanguageLoaders;
+    languageNameMap?: Record<string, string>;
+    languageWhitelist?: string[];
+    undo?: (state: EditorState, dispatch: (tr: Transaction) => void) => void;
+    redo?: (state: EditorState, dispatch: (tr: Transaction) => void) => void;
+    theme?: Extension[];
+    readOnly: boolean;
+    themes: ThemeItem[];
+    getCurrentTheme?: () => string;
+    codeBlockName?: string;
+    shadowRoot?: ShadowRoot;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/extension-codemirror/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG;IAAE,SAAS,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,CACZ,QAAQ,EAAE,iBAAiB,EAC3B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,KAC7B,MAAM,IAAI,CAAC;IAChB,YAAY,EAAE,CACZ,QAAQ,EAAE,iBAAiB,EAC3B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,EAChC,OAAO,EAAE,IAAI,KACV,IAAI,CAAC;IACV,gBAAgB,EAAE,CAChB,QAAQ,EAAE,iBAAiB,EAC3B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,KAC7B,MAAM,IAAI,CAAC;IAChB,SAAS,EAAE,CACT,CAAC,EAAE,KAAK,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,EAChC,IAAI,EAAE,UAAU,EAChB,GAAG,EAAE,WAAW,KACb,OAAO,CAAC;IACb,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC"}

package/esm/extension-codemirror/src/types.js

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

package/esm/extension-codemirror/src/utils.d.ts

@@ -0,0 +1,39 @@
+import { Command, EditorState, TextSelection, Transaction } from 'prosemirror-state';
+import { EditorView as PMEditorView } from 'prosemirror-view';
+import { Node } from 'prosemirror-model';
+import { EditorView } from '@codemirror/view';
+import { Compartment } from '@codemirror/state';
+import { CodeBlockSettings, ThemeItem } from './types.js';
+export declare const CodeBlockNodeName = "code_block";
+export declare function computeChange(oldVal: string, newVal: string): {
+    from: number;
+    to: number;
+    text: string;
+} | null;
+export declare const asProseMirrorSelection: (pmDoc: Node, cmView: EditorView, getPos: (() => number) | boolean) => TextSelection;
+export declare const forwardSelection: (cmView: EditorView, pmView: PMEditorView, getPos: (() => number) | boolean) => void;
+export declare const valueChanged: (textUpdate: string, node: Node, getPos: (() => number) | boolean, view: PMEditorView) => void;
+export declare const maybeEscape: (unit: "char" | "line", dir: -1 | 1, cm: EditorView, view: PMEditorView, getPos: boolean | (() => number)) => boolean;
+export declare const backspaceHandler: (pmView: PMEditorView, view: EditorView) => boolean;
+export declare const setMode: (lang: string, cmView: EditorView, settings: CodeBlockSettings, languageConf: Compartment) => Promise<void>;
+export declare const setTheme: (cmView: EditorView, themeConfig: Compartment, theme: Array<ThemeItem | undefined>) => Promise<void>;
+export declare const createCodeBlock: (state: EditorState, dispatch: ((tr: Transaction) => void) | undefined, attributes: object) => boolean;
+export declare const removeCodeBlock: (state: EditorState, dispatch: ((tr: Transaction) => void) | undefined) => boolean;
+export declare const toggleCodeBlock: (state: EditorState, dispatch: ((tr: Transaction) => void) | undefined, attributes: object) => boolean;
+export declare const codeBlockArrowHandlers: {
+    ArrowLeft: Command;
+    ArrowRight: Command;
+    ArrowUp: Command;
+    ArrowDown: Command;
+};
+export declare const codeBlockToggleShortcut: {
+    'Mod-Alt-c': Command;
+};
+export declare const codeBlockKeymap: {
+    ArrowLeft: Command;
+    ArrowRight: Command;
+    ArrowUp: Command;
+    ArrowDown: Command;
+    'Mod-Alt-c': Command;
+};
+//# sourceMappingURL=utils.d.ts.map

package/esm/extension-codemirror/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,WAAW,EAEX,aAAa,EACb,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE1D,eAAO,MAAM,iBAAiB,eAAe,CAAC;AAM9C,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;;;;SAoB3D;AAED,eAAO,MAAM,sBAAsB,GACjC,OAAO,IAAI,EACX,QAAQ,UAAU,EAClB,QAAQ,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,kBAMjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,UAAU,EAClB,QAAQ,YAAY,EACpB,QAAQ,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,SAOjC,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,YAAY,MAAM,EAClB,MAAM,IAAI,EACV,QAAQ,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,EAChC,MAAM,YAAY,SAenB,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,MAAM,GAAG,MAAM,EACrB,KAAK,CAAC,CAAC,GAAG,CAAC,EACX,IAAI,UAAU,EACd,MAAM,YAAY,EAClB,QAAQ,OAAO,GAAG,CAAC,MAAM,MAAM,CAAC,YAqBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,YAAY,EAAE,MAAM,UAAU,YAWtE,CAAC;AAEF,eAAO,MAAM,OAAO,GAClB,MAAM,MAAM,EACZ,QAAQ,UAAU,EAClB,UAAU,iBAAiB,EAC3B,cAAc,WAAW,kBAQ1B,CAAC;AAcF,eAAO,MAAM,QAAQ,GACnB,QAAQ,UAAU,EAClB,aAAa,WAAW,EACxB,OAAO,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,kBAOpC,CAAC;AA2BF,eAAO,MAAM,eAAe,GAC1B,OAAO,WAAW,EAClB,UAAU,CAAC,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,EACjD,YAAY,MAAM,YA4DnB,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,WAAW,EAClB,UAAU,CAAC,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,YAwBlD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,WAAW,EAClB,UAAU,CAAC,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,EACjD,YAAY,MAAM,YAanB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;CAKlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;iBACF,OAAO;CACxC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;iBAHM,OAAO;CAMxC,CAAC"}

package/esm/extension-codemirror/src/utils.js

@@ -0,0 +1,199 @@
+// From prosemirror guide
+import { Selection, TextSelection, } from 'prosemirror-state';
+import { setBlockType } from '../../editor/src/commands/mod.js';
+export const CodeBlockNodeName = 'code_block';
+function nonEmpty(value) {
+    return value !== null && value !== undefined;
+}
+export function computeChange(oldVal, newVal) {
+    if (oldVal === newVal)
+        return null;
+    let start = 0;
+    let oldEnd = oldVal.length;
+    let newEnd = newVal.length;
+    while (start < oldEnd &&
+        oldVal.charCodeAt(start) === newVal.charCodeAt(start)) {
+        start += 1;
+    }
+    while (oldEnd > start &&
+        newEnd > start &&
+        oldVal.charCodeAt(oldEnd - 1) === newVal.charCodeAt(newEnd - 1)) {
+        oldEnd -= 1;
+        newEnd -= 1;
+    }
+    return { from: start, to: oldEnd, text: newVal.slice(start, newEnd) };
+}
+export const asProseMirrorSelection = (pmDoc, cmView, getPos) => {
+    const offset = (typeof getPos === 'function' ? getPos() || 0 : 0) + 1;
+    const anchor = cmView.state.selection.main.from + offset;
+    const head = cmView.state.selection.main.to + offset;
+    return TextSelection.create(pmDoc, anchor, head);
+};
+export const forwardSelection = (cmView, pmView, getPos) => {
+    if (!cmView.hasFocus)
+        return;
+    const selection = asProseMirrorSelection(pmView.state.doc, cmView, getPos);
+    if (!selection.eq(pmView.state.selection)) {
+        pmView.dispatch(pmView.state.tr.setSelection(selection));
+    }
+};
+export const valueChanged = (textUpdate, node, getPos, view) => {
+    const change = computeChange(node.textContent, textUpdate);
+    if (change && typeof getPos === 'function') {
+        const start = getPos() + 1;
+        let pmTr = view.state.tr;
+        pmTr = pmTr.replaceWith(start + change.from, start + change.to, change.text ? view.state.schema.text(change.text) : []);
+        view.dispatch(pmTr);
+    }
+};
+export const maybeEscape = (unit, dir, cm, view, getPos) => {
+    const sel = cm.state.selection.main;
+    const line = cm.state.doc.lineAt(sel.from);
+    const lastLine = cm.state.doc.lines;
+    if (sel.to !== sel.from ||
+        line.number !== (dir < 0 ? 1 : lastLine) ||
+        (unit === 'char' && sel.from !== (dir < 0 ? 0 : line.to)) ||
+        typeof getPos !== 'function') {
+        return false;
+    }
+    view.focus();
+    const node = view.state.doc.nodeAt(getPos());
+    if (!node)
+        return false;
+    const targetPos = getPos() + (dir < 0 ? 0 : node.nodeSize);
+    const selection = Selection.near(view.state.doc.resolve(targetPos), dir);
+    view.dispatch(view.state.tr.setSelection(selection).scrollIntoView());
+    view.focus();
+    return true;
+};
+export const backspaceHandler = (pmView, view) => {
+    const { selection } = view.state;
+    if (selection.main.empty && selection.main.from === 0) {
+        setBlockType(pmView.state.schema.nodes.paragraph)(pmView.state, pmView.dispatch);
+        setTimeout(() => pmView.focus(), 20);
+        return true;
+    }
+    return false;
+};
+export const setMode = async (lang, cmView, settings, languageConf) => {
+    const support = await settings.languageLoaders?.[lang]?.();
+    if (support) {
+        cmView.dispatch({
+            effects: languageConf.reconfigure(support),
+        });
+    }
+};
+const isTheme = (theme) => {
+    if (!Array.isArray(theme)) {
+        return false;
+    }
+    return theme.every((item) => item !== undefined &&
+        typeof item.extension === 'object' && // or whatever type Extension is
+        typeof item.name === 'string');
+};
+export const setTheme = async (cmView, themeConfig, theme) => {
+    if (isTheme(theme)) {
+        cmView.dispatch({
+            effects: themeConfig.reconfigure(theme),
+        });
+    }
+};
+const arrowHandler = (dir) => (state, dispatch, view) => {
+    if (state.selection.empty && view?.endOfTextblock(dir)) {
+        const side = dir === 'left' || dir === 'up' ? -1 : 1;
+        const { $head } = state.selection;
+        const nextPos = Selection.near(state.doc.resolve(side > 0 ? $head.after() : $head.before()), side);
+        if (nextPos.$head &&
+            nextPos.$head.parent.type.name === CodeBlockNodeName) {
+            dispatch?.(state.tr.setSelection(nextPos));
+            return true;
+        }
+    }
+    return false;
+};
+export const createCodeBlock = (state, dispatch, attributes) => {
+    const { $from, $to } = state.selection;
+    //if we are in a CodeBlock node we do nothing
+    const parentNode = $from.node($from.depth);
+    if (parentNode && parentNode.type.name === CodeBlockNodeName) {
+        return false;
+    }
+    //if from and to in the same paragraph
+    if ($from.parentOffset === $to.parentOffset &&
+        $from.parent.type.name === 'paragraph') {
+        const text = $from.parent.textContent;
+        const tr = state.tr;
+        const newNode = state.schema.nodes[CodeBlockNodeName].createAndFill(attributes, text ? [state.schema.text($from.parent.textContent)] : []);
+        if (newNode && dispatch) {
+            const pos = $from.before($from.depth);
+            tr.delete(pos, pos + $from.parent.nodeSize - 1);
+            tr.insert(pos, newNode);
+            tr.setSelection(TextSelection.create(tr.doc, $from.pos));
+            dispatch(tr);
+        }
+        return true;
+    }
+    if (dispatch) {
+        const tr = state.tr;
+        const slice = state.doc.slice($from.before($from.depth), $to.after($to.depth), true);
+        const content = slice.content.textBetween(0, slice.content.size, '\n');
+        const newNode = state.schema.nodes[CodeBlockNodeName].createAndFill(attributes, state.schema.text(content));
+        if (newNode) {
+            tr.delete($from.before(slice.openStart + 1), $to.after(slice.openEnd + 1));
+            tr.insert($from.before(slice.openStart + 1), newNode);
+            tr.setSelection(TextSelection.create(tr.doc, $from.pos, $from.pos + newNode.nodeSize - 2));
+            dispatch(tr);
+        }
+    }
+    return true;
+};
+export const removeCodeBlock = (state, dispatch) => {
+    const { $from } = state.selection;
+    const parentNode = $from.node($from.depth);
+    if (parentNode && parentNode.type.name === CodeBlockNodeName) {
+        const children = [];
+        parentNode.forEach((child) => {
+            children.push(child);
+        });
+        const childrenNodes = children
+            .map((child) => {
+            return state.schema.nodes.paragraph.createAndFill({}, [child]);
+        })
+            .filter(nonEmpty);
+        const tr = state.tr;
+        const pos = $from.before($from.depth);
+        tr.delete(pos, pos + parentNode.nodeSize - 1);
+        tr.insert(pos, childrenNodes);
+        tr.setSelection(TextSelection.create(tr.doc, $from.pos - 1));
+        if (dispatch) {
+            dispatch(tr.scrollIntoView());
+        }
+    }
+    return false;
+};
+export const toggleCodeBlock = (state, dispatch, attributes) => {
+    const { $from } = state.selection;
+    if ($from.pos === 0) {
+        return false;
+    }
+    const parentNode = $from.node($from.depth);
+    if (parentNode && parentNode.type.name === CodeBlockNodeName) {
+        return removeCodeBlock(state, dispatch);
+    }
+    else {
+        return createCodeBlock(state, dispatch, attributes);
+    }
+};
+export const codeBlockArrowHandlers = {
+    ArrowLeft: arrowHandler('left'),
+    ArrowRight: arrowHandler('right'),
+    ArrowUp: arrowHandler('up'),
+    ArrowDown: arrowHandler('down'),
+};
+export const codeBlockToggleShortcut = {
+    'Mod-Alt-c': toggleCodeBlock,
+};
+export const codeBlockKeymap = {
+    ...codeBlockToggleShortcut,
+    ...codeBlockArrowHandlers,
+};

package/esm/extension-codemirror/src/y-remote-selections.d.ts

@@ -0,0 +1,15 @@
+import * as cmView from '@codemirror/view';
+import * as cmState from '@codemirror/state';
+import { YSyncConfig } from './y-sync.js';
+export declare const yRemoteSelectionsTheme: cmState.Extension;
+export declare class YRemoteSelectionsPluginValue {
+    conf: YSyncConfig;
+    private _listener;
+    private _awareness;
+    decorations: cmView.DecorationSet;
+    constructor(view: cmView.EditorView);
+    destroy(): void;
+    update(update: cmView.ViewUpdate): void;
+}
+export declare const yRemoteSelections: cmView.ViewPlugin<YRemoteSelectionsPluginValue, undefined>;
+//# sourceMappingURL=y-remote-selections.d.ts.map

package/esm/extension-codemirror/src/y-remote-selections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"y-remote-selections.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/y-remote-selections.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAO7C,OAAO,EAAE,WAAW,EAAc,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,sBAAsB,mBAuDjC,CAAC;AA8CH,qBAAa,4BAA4B;IACvC,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,SAAS,CAQP;IACV,OAAO,CAAC,UAAU,CAA8B;IAChD,WAAW,EAAE,MAAM,CAAC,aAAa,CAAC;gBAEtB,IAAI,EAAE,MAAM,CAAC,UAAU;IAiBnC,OAAO;IAIP,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU;CAmIjC;AAED,eAAO,MAAM,iBAAiB,4DAK7B,CAAC"}