npm - @kerebron/extension-codemirror - Versions diffs - 0.3.2 → 0.4.2 - Mend

@kerebron/extension-codemirror 0.3.2 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/esm/extension-autocomplete/src/types.js ADDED Viewed

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

package/esm/extension-basic-editor/src/ExtensionHtml.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { Fragment, Node, type ParseOptions, Schema } from 'prosemirror-model';
+import { type Converter, type CoreEditor, Extension } from '../../editor/src/mod.js';
+export type CreateNodeFromContentOptions = {
+    parseOptions?: ParseOptions;
+    errorOnInvalidContent?: boolean;
+};
+export declare function getHTMLFromFragment(fragment: Fragment, schema: Schema): string;
+export declare function elementFromString(value: string): HTMLElement;
+export declare function createNodeFromHTML(content: string, schema: Schema, options?: CreateNodeFromContentOptions): Node;
+export declare function createFragmentFromHTML(content: string, schema: Schema, options?: CreateNodeFromContentOptions): Fragment;
+export declare class ExtensionHtml extends Extension {
+    name: string;
+    getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
+}
+//# sourceMappingURL=ExtensionHtml.d.ts.map

package/esm/extension-basic-editor/src/ExtensionHtml.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ExtensionHtml.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/ExtensionHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EACR,IAAI,EACJ,KAAK,YAAY,EACjB,MAAM,EACP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAErF,MAAM,MAAM,4BAA4B,GAAG;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAaR;AAqBD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAQ5D;AA+BD,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,IAAI,CAgBN;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,QAAQ,CAiBV;AAED,qBAAa,aAAc,SAAQ,SAAS;IAC1C,IAAI,SAAU;IAEL,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;CAe7B"}

package/esm/extension-basic-editor/src/ExtensionHtml.js ADDED Viewed

@@ -0,0 +1,108 @@
+import { DOMParser, DOMSerializer, Schema, } from 'prosemirror-model';
+import { Extension } from '../../editor/src/mod.js';
+export function getHTMLFromFragment(fragment, schema) {
+    const document = globalThis.document;
+    const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment, { document });
+    const temporaryDocument = document.implementation.createHTMLDocument();
+    const container = temporaryDocument.createElement('div');
+    container.appendChild(documentFragment);
+    return container.innerHTML;
+}
+const removeWhitespaces = (node) => {
+    const children = node.childNodes;
+    for (let i = children.length - 1; i >= 0; i -= 1) {
+        const child = children[i];
+        if (child.nodeType === 3 && child.nodeValue &&
+            /^(\n\s\s|\n)$/.test(child.nodeValue)) {
+            node.removeChild(child);
+        }
+        else if (child.nodeType === 1) {
+            removeWhitespaces(child);
+        }
+    }
+    return node;
+};
+export function elementFromString(value) {
+    // add a wrapper to preserve leading and trailing whitespace
+    const wrappedValue = `<body>${value}</body>`;
+    const html = new globalThis.DOMParser().parseFromString(wrappedValue, 'text/html').body;
+    return removeWhitespaces(html);
+}
+function prepareContentCheckSchema(schema) {
+    const contentCheckSchema = new Schema({
+        topNode: schema.spec.topNode,
+        marks: schema.spec.marks,
+        // Prosemirror's schemas are executed such that: the last to execute, matches last
+        // This means that we can add a catch-all node at the end of the schema to catch any content that we don't know how to handle
+        nodes: schema.spec.nodes.append({
+            __unknown__catch__all__node: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [
+                    {
+                        tag: '*',
+                        getAttrs: (e) => {
+                            // Try to stringify the element for a more helpful error message
+                            const invalidContent = typeof e === 'string' ? e : e.outerHTML;
+                            throw new Error('Invalid HTML content', {
+                                cause: new Error(`Invalid element found: ${invalidContent}`),
+                            });
+                        },
+                    },
+                ],
+            },
+        }),
+    });
+    return contentCheckSchema;
+}
+export function createNodeFromHTML(content, schema, options) {
+    options = {
+        parseOptions: {},
+        ...options,
+    };
+    if (options.errorOnInvalidContent) {
+        const contentCheckSchema = prepareContentCheckSchema(schema);
+        DOMParser.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
+    }
+    const parser = DOMParser.fromSchema(schema);
+    return parser.parse(elementFromString(content), options.parseOptions);
+}
+export function createFragmentFromHTML(content, schema, options) {
+    options = {
+        parseOptions: {},
+        ...options,
+    };
+    if (options.errorOnInvalidContent) {
+        const contentCheckSchema = prepareContentCheckSchema(schema);
+        DOMParser.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
+    }
+    const parser = DOMParser.fromSchema(schema);
+    return parser.parseSlice(elementFromString(content), options.parseOptions)
+        .content;
+}
+export class ExtensionHtml extends Extension {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'html'
+        });
+    }
+    getConverters(editor, schema) {
+        const config = this.config;
+        return {
+            'text/html': {
+                fromDoc: async (document) => {
+                    const html = getHTMLFromFragment(document.content, editor.schema);
+                    return new TextEncoder().encode(html);
+                },
+                toDoc: async (buffer) => {
+                    const html = new TextDecoder().decode(buffer);
+                    return createNodeFromHTML(html, editor.schema);
+                },
+            },
+        };
+    }
+}

package/esm/extension-basic-editor/src/NodeCodeBlock.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { NodeSpec, NodeType } from 'prosemirror-model';
+import { Node } from '../../editor/src/mod.js';
+import { type InputRule } from '../../editor/src/plugins/input-rules/mod.js';
+export declare class NodeCodeBlock extends Node {
+    name: string;
+    getNodeSpec(): NodeSpec;
+    getInputRules(type: NodeType): InputRule[];
+}
+//# sourceMappingURL=NodeCodeBlock.d.ts.map

package/esm/extension-basic-editor/src/NodeCodeBlock.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NodeCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeCodeBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,6CAA6C,CAAC;AAErD,qBAAa,aAAc,SAAQ,IAAI;IAC5B,IAAI,SAAgB;IAEpB,WAAW,IAAI,QAAQ;IA0CvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;CAOpD"}

package/esm/extension-basic-editor/src/NodeCodeBlock.js ADDED Viewed

@@ -0,0 +1,58 @@
+import { Node } from '../../editor/src/mod.js';
+import { textblockTypeInputRule, } from '../../editor/src/plugins/input-rules/mod.js';
+export class NodeCodeBlock extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'code_block'
+        });
+    }
+    getNodeSpec() {
+        // const langs = this.config.languageWhitelist || LANGS;
+        return {
+            content: 'text*',
+            marks: '',
+            group: 'block',
+            code: true,
+            defining: true,
+            parseDOM: [
+                {
+                    tag: 'pre',
+                    preserveWhitespace: 'full',
+                    getAttrs(dom) {
+                        let lang = dom.getAttribute('lang');
+                        // if (!lang) {
+                        //   for (const className of dom.classList) {
+                        //     if (
+                        //       className.startsWith('lang-') &&
+                        //       langs.indexOf(className.substring('lang-'.length)) > -1
+                        //     ) {
+                        //       lang = className.substring('lang-'.length);
+                        //       break;
+                        //     }
+                        //   }
+                        // }
+                        return {
+                            lang,
+                        };
+                    },
+                },
+            ],
+            attrs: { lang: { default: null } },
+            toDOM(node) {
+                const { lang } = node.attrs;
+                return ['pre', { lang }, ['code', 0]];
+            },
+        };
+    }
+    getInputRules(type) {
+        /// Given a code block node type, returns an input rule that turns a
+        /// textblock starting with three backticks into a code block.
+        return [
+            textblockTypeInputRule(/^```$/, type),
+        ];
+    }
+}

package/esm/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { Plugin } from 'prosemirror-state';
+import { Extension } from '../../../editor/src/mod.js';
+type Color = string;
+export interface SelectionState {
+    clientId: number;
+    user: {
+        name: string;
+        color: Color;
+        colorLight: Color;
+    };
+    cursor?: {
+        anchor: number;
+        head: number;
+    };
+}
+export { remoteSelectionPluginKey } from './remoteSelectionPlugin.js';
+export declare class ExtensionRemoteSelection extends Extension {
+    name: string;
+    private remoteStates;
+    getProseMirrorPlugins(): Plugin[];
+    getRemoteStates(): SelectionState[];
+    setRemoteStates(states: SelectionState[]): void;
+}
+//# sourceMappingURL=ExtensionRemoteSelection.d.ts.map

package/esm/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ExtensionRemoteSelection.d.ts","sourceRoot":"","sources":["../../../../src/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIxE,KAAK,KAAK,GAAG,MAAM,CAAC;AAEpB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,KAAK,CAAC;QACb,UAAU,EAAE,KAAK,CAAC;KACnB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,qBAAa,wBAAyB,SAAQ,SAAS;IAC5C,IAAI,SAAsB;IAEnC,OAAO,CAAC,YAAY,CAAwB;IAEnC,qBAAqB,IAAI,MAAM,EAAE;IAM1C,eAAe,IAAI,cAAc,EAAE;IAInC,eAAe,CAAC,MAAM,EAAE,cAAc,EAAE;CAOzC"}

package/esm/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.js ADDED Viewed

@@ -0,0 +1,35 @@
+import { Extension } from '../../../editor/src/mod.js';
+import { remoteSelectionPlugin } from './remoteSelectionPlugin.js';
+export { remoteSelectionPluginKey } from './remoteSelectionPlugin.js';
+export class ExtensionRemoteSelection extends Extension {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'remote-selection'
+        });
+        Object.defineProperty(this, "remoteStates", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+    }
+    getProseMirrorPlugins() {
+        return [
+            remoteSelectionPlugin(this, this.editor),
+        ];
+    }
+    getRemoteStates() {
+        return this.remoteStates;
+    }
+    setRemoteStates(states) {
+        this.remoteStates = states;
+        const event = new CustomEvent('remoteSelectionChange', {
+            detail: {},
+        });
+        this.editor.dispatchEvent(event);
+    }
+}

package/esm/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { type DecorationAttrs } from 'prosemirror-view';
+import type { CoreEditor } from '../../../editor/src/mod.js';
+import type { ExtensionRemoteSelection } from './ExtensionRemoteSelection.js';
+export declare const remoteSelectionPluginKey: PluginKey<any>;
+/**
+ * Default generator for a cursor element
+ */
+export declare const defaultCursorBuilder: (user: any) => HTMLElement;
+/**
+ * Default generator for the selection attributes
+ */
+export declare const defaultSelectionBuilder: (user: any) => DecorationAttrs;
+export declare const createDecorations: (state: any, extension: ExtensionRemoteSelection, createCursor: (user: {
+    name: string;
+    color: string;
+}, clientId: number) => Element, createSelection: (user: {
+    name: string;
+    color: string;
+}, clientId: number) => DecorationAttrs) => any;
+export declare const remoteSelectionPlugin: (extension: ExtensionRemoteSelection, editor: CoreEditor, { cursorBuilder, selectionBuilder, }?: {
+    cursorBuilder?: (user: any, clientId: number) => HTMLElement;
+    selectionBuilder?: (user: any, clientId: number) => DecorationAttrs;
+}) => Plugin<any>;
+//# sourceMappingURL=remoteSelectionPlugin.d.ts.map

package/esm/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"remoteSelectionPlugin.d.ts","sourceRoot":"","sources":["../../../../src/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,eAAO,MAAM,wBAAwB,gBAAoC,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,MAAM,GAAG,KAAG,WAahD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,MAAM,GAAG,KAAG,eAKnD,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,GAAG,EACV,WAAW,wBAAwB,EACnC,cAAc,CACZ,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACrC,QAAQ,EAAE,MAAM,KACb,OAAO,EACZ,iBAAiB,CACf,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACrC,QAAQ,EAAE,MAAM,KACb,eAAe,KACnB,GAwDF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,WAAW,wBAAwB,EACnC,QAAQ,UAAU,EAClB,uCAGG;IACD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC;CAChE,gBAsCP,CAAC"}

package/esm/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.js ADDED Viewed

@@ -0,0 +1,96 @@
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { Plugin, PluginKey } from 'prosemirror-state';
+export const remoteSelectionPluginKey = new PluginKey('remote-selection');
+/**
+ * Default generator for a cursor element
+ */
+export const defaultCursorBuilder = (user) => {
+    const cursor = document.createElement('span');
+    cursor.classList.add('kb-yjs__cursor');
+    cursor.setAttribute('style', `border-color: ${user.color};`);
+    const userDiv = document.createElement('div');
+    userDiv.setAttribute('style', `background-color: ${user.color}`);
+    userDiv.insertBefore(document.createTextNode(user.name), null);
+    const nonbreakingSpace1 = document.createTextNode('\u2060');
+    const nonbreakingSpace2 = document.createTextNode('\u2060');
+    cursor.insertBefore(nonbreakingSpace1, null);
+    cursor.insertBefore(userDiv, null);
+    cursor.insertBefore(nonbreakingSpace2, null);
+    return cursor;
+};
+/**
+ * Default generator for the selection attributes
+ */
+export const defaultSelectionBuilder = (user) => {
+    return {
+        style: `background-color: ${user.color}70`,
+        class: 'kb-yjs__selection',
+    };
+};
+const rxValidColor = /^#[0-9a-fA-F]{6}$/;
+export const createDecorations = (state, extension, createCursor, createSelection) => {
+    const decorations = [];
+    const remoteStates = extension.getRemoteStates();
+    if (remoteStates.length === 0) {
+        return DecorationSet.create(state.doc, []);
+    }
+    for (const remoteState of remoteStates) {
+        if (remoteState.cursor != null) {
+            const user = remoteState.user || {};
+            if (user.color == null) {
+                user.color = '#ffa500';
+            }
+            else if (!rxValidColor.test(user.color)) {
+                // We only support 6-digit RGB colors in y-prosemirror
+                console.warn('A user uses an unsupported color format', user);
+            }
+            if (user.name == null) {
+                user.name = `User: ${remoteState.clientId}`;
+            }
+            const cursor = remoteState.cursor;
+            let anchor = cursor.anchor || null;
+            let head = cursor.head || null;
+            if (anchor !== null && head !== null) {
+                const maxsize = Math.max(state.doc.content.size - 1, 0);
+                anchor = Math.min(anchor, maxsize);
+                head = Math.min(head, maxsize);
+                decorations.push(Decoration.widget(head, () => createCursor(user, remoteState.clientId), {
+                    key: remoteState.clientId + '',
+                    side: 10,
+                }));
+                const from = Math.min(anchor, head);
+                const to = Math.max(anchor, head);
+                decorations.push(Decoration.inline(from, to, createSelection(user, remoteState.clientId), {
+                    inclusiveEnd: true,
+                    inclusiveStart: false,
+                }));
+            }
+        }
+    }
+    return DecorationSet.create(state.doc, decorations);
+};
+export const remoteSelectionPlugin = (extension, editor, { cursorBuilder = defaultCursorBuilder, selectionBuilder = defaultSelectionBuilder, } = {}) => {
+    return new Plugin({
+        key: remoteSelectionPluginKey,
+        state: {
+            init(_, state) {
+                return createDecorations(state, extension, cursorBuilder, selectionBuilder);
+            },
+            apply(tr, prevState, _oldState, newState) {
+                const remoteCursorState = tr.getMeta(remoteSelectionPluginKey);
+                // TODO validate: isChangeOrigin
+                // const state = remoteSelectionPluginKey.getState(newState);
+                if ((remoteCursorState?.isChangeOrigin) ||
+                    (remoteCursorState?.remotePositionUpdated)) {
+                    return createDecorations(newState, extension, cursorBuilder, selectionBuilder);
+                }
+                return prevState.map(tr.mapping, tr.doc);
+            },
+        },
+        props: {
+            decorations: (state) => {
+                return remoteSelectionPluginKey.getState(state);
+            },
+        },
+    });
+};

package/esm/extension-codemirror/src/ExtensionCodeMirror.d.ts CHANGED Viewed

@@ -1,5 +1,18 @@
-export * from './NodeDocumentCode.js';
+import "../../_dnt.polyfills.js";
+import { Schema } from 'prosemirror-model';
+import { AnyExtensionOrReq, type Converter, type CoreEditor, Extension } from '../../editor/src/mod.js';
+import { NodeCodeMirrorConfig } from './NodeCodeMirror.js';
 export * from './NodeCodeMirror.js';
-export declare class ExtensionCodeMirror {
+export interface ExtensionCodeMirrorConfig {
+    languageWhitelist?: NodeCodeMirrorConfig['languageWhitelist'];
+    theme?: NodeCodeMirrorConfig['theme'];
+    readOnly?: boolean;
+}
+export declare class ExtensionCodeMirror extends Extension {
+    protected config: ExtensionCodeMirrorConfig;
+    name: string;
+    requires: AnyExtensionOrReq[];
+    constructor(config: ExtensionCodeMirrorConfig);
+    getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
 }
 //# sourceMappingURL=ExtensionCodeMirror.d.ts.map

package/esm/extension-codemirror/src/ExtensionCodeMirror.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExtensionCodeMirror.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/ExtensionCodeMirror.ts"],"names":[],"mappings":"AAAA,~~cAAc~~,~~uBAAuB~~,CAAC;~~AACtC~~,cAAc,qBAAqB,CAAC;AAEpC,~~qBAAa~~,mBAAmB;~~CAC/B~~"}
1	+ {"version":3,"file":"ExtensionCodeMirror.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/ExtensionCodeMirror.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAQ,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,iBAAiB,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,SAAS,EACV,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAkB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,cAAc,qBAAqB,CAAC;AAEpC,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,mBAAoB,SAAQ,SAAS;cAIjB,MAAM,EAAE,yBAAyB;IAHvD,IAAI,SAAiB;IAC9B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;gBAEC,MAAM,EAAE,yBAAyB;IAWvD,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;CA+C7B"}

package/esm/extension-codemirror/src/ExtensionCodeMirror.js CHANGED Viewed

@@ -1,4 +1,76 @@
-export * from './NodeDocumentCode.js';
+import "../../_dnt.polyfills.js";
+import { Extension, } from '../../editor/src/mod.js';
+import { createNodeFromObject } from '../../editor/src/utilities/mod.js';
+import { NodeCodeMirror } from './NodeCodeMirror.js';
 export * from './NodeCodeMirror.js';
-export class ExtensionCodeMirror {
+export class ExtensionCodeMirror extends Extension {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: config
+        });
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'code-mirror'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.requires = [
+            new NodeCodeMirror({
+                languageWhitelist: config.languageWhitelist,
+                theme: config.theme,
+            }),
+        ];
+    }
+    getConverters(editor, schema) {
+        return {
+            'text/code-only': {
+                fromDoc: async (document) => {
+                    const retVal = [];
+                    if (document.content) {
+                        for (const node of document.content.toJSON()) {
+                            if ('code_block' === node.type && Array.isArray(node.content)) {
+                                for (const content of node.content) {
+                                    retVal.push(content.text);
+                                }
+                            }
+                        }
+                    }
+                    return new TextEncoder().encode(retVal.join(''));
+                },
+                toDoc: async (buffer) => {
+                    const code = new TextDecoder().decode(buffer);
+                    const content = {
+                        'type': 'doc_code',
+                        'content': [
+                            {
+                                'type': 'code_block',
+                                'attrs': {
+                                    'lang': schema.topNodeType.spec.defaultAttrs?.lang,
+                                },
+                                'content': [
+                                    {
+                                        'type': 'text',
+                                        'text': code,
+                                    },
+                                ],
+                            },
+                        ],
+                    };
+                    return createNodeFromObject(content, schema, {
+                        errorOnInvalidContent: false,
+                    });
+                },
+            },
+        };
+    }
 }

package/esm/extension-codemirror/src/NodeCodeMirror.d.ts CHANGED Viewed

@@ -1,16 +1,20 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
-import type { NodeSpec, NodeType, Schema } from 'prosemirror-model';
-import { Converter, type CoreEditor, Node } from '../../editor/src/mod.js';
+import type { NodeType } from 'prosemirror-model';
+import { type CoreEditor } from '../../editor/src/mod.js';
 import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
-import { type InputRule } from '../../editor/src/plugins/input-rules/mod.js';
+import { NodeCodeBlock } from '../../extension-basic-editor/src/NodeCodeBlock.js';
+import { CodeBlockSettings } from './types.js';
 export declare const codeMirrorBlockKey: PluginKey<any>;
-export declare class NodeCodeMirror extends Node {
-    name: string;
-    getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
-    getNodeSpec(): NodeSpec;
-    getInputRules(type: NodeType): InputRule[];
+export interface NodeCodeMirrorConfig {
+    readOnly?: boolean;
+    languageWhitelist?: CodeBlockSettings['languageWhitelist'];
+    theme?: CodeBlockSettings['theme'];
+}
+export declare class NodeCodeMirror extends NodeCodeBlock {
+    config: NodeCodeMirrorConfig;
+    constructor(config: NodeCodeMirrorConfig);
     getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
     getKeyboardShortcuts(): Partial<CommandShortcuts>;
-    getProseMirrorPlugins(editor: CoreEditor): Plugin[];
+    getProseMirrorPlugins(): Plugin[];
 }
 //# sourceMappingURL=NodeCodeMirror.d.ts.map

package/esm/extension-codemirror/src/NodeCodeMirror.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NodeCodeMirror.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/NodeCodeMirror.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,~~EAAe~~,MAAM,~~EAAE~~,SAAS,~~EAAa~~,MAAM,mBAAmB,CAAC;~~AAC9E~~,OAAO,KAAK,EAAE,QAAQ,EAAE,~~QAAQ,EAAE,~~MAAM,~~EAAE,MAAM,~~mBAAmB,CAAC;~~AAEpE~~,OAAO,EAAE,~~SAAS,EAAE,~~KAAK,UAAU,EAAE,~~IAAI,EAAE,~~MAAM,yBAAyB,CAAC;~~AAC3E~~,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,~~EAEtB~~,MAAM,kCAAkC,CAAC;AAC1C,OAAO,~~EACL~~,~~KAAK~~,~~SAAS~~,~~EAEf~~,MAAM,~~6CAA6C~~,CAAC;~~AAOrD~~,eAAO,MAAM,kBAAkB,gBAAoC,CAAC;~~AAyCpE~~,~~qBAAa~~,~~cAAe~~,~~SAAQ,IAAI~~;~~IAC7B~~,~~IAAI~~,~~SAAgB~~;~~IAGpB~~,~~aAAa~~,~~CACpB~~,~~MAAM,~~EAAE,~~UAAU~~,~~EAClB~~,~~MAAM~~,~~EAAE~~,~~MAAM~~,~~GACb~~,~~MAAM,~~CAAC,~~MAAM,~~EAAE,~~SAAS~~,CAAC~~;IAiDnB~~,~~WAAW~~,~~IAAI~~,~~QAAQ~~;~~IA0CvB~~,aAAa,~~CAAC~~,~~IAAI,~~EAAE,~~QAAQ~~,~~GAAG~~,~~SAAS~~,~~EAAE~~;~~IAQ1C~~,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;~~IAUnB~~,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAUjD,qBAAqB,~~CAAC~~,MAAM,EAAE~~,UAAU,GAAG,MAAM,EAAE~~;~~CA8B7D~~"}
1	+ {"version":3,"file":"NodeCodeMirror.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/NodeCodeMirror.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,MAAM,EACN,SAAS,EAGV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAK/C,eAAO,MAAM,kBAAkB,gBAAoC,CAAC;AA+CpE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC1B,MAAM,EAAE,oBAAoB;gBAA5B,MAAM,EAAE,oBAAoB;IAIxC,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAWnB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAUjD,qBAAqB,IAAI,MAAM,EAAE;CA6B3C"}