@kerebron/extension-codemirror 0.1.3 → 0.2.0

package/assets/codemirror.css

@@ -0,0 +1,80 @@
+.codeblock-select {
+  position: absolute;
+  right: 0;
+  z-index: 100;
+  opacity: 0;
+  transition: all 0.3s ease;
+  margin: 6px 14px;
+}
+
+.codeblock-root {
+  position: relative;
+}
+
+.codeblock-root:hover .codeblock-select {
+  opacity: 1;
+}
+
+/* Code block mobile optimization */
+@media (max-width: 767px) {
+  .kb-editor pre {
+    font-size: var(--kb-text-sm);
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .codeblock-select {
+    opacity: 1;
+    position: static;
+    margin: var(--kb-space-sm);
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .codeblock-select select {
+    min-height: var(--kb-touch-target-min);
+    padding: var(--kb-space-sm);
+    border: 1px solid var(--kb-color-border);
+    border-radius: var(--kb-radius-sm);
+    background: var(--kb-color-surface);
+    color: var(--kb-color-text);
+  }
+}
+
+.kb-yjs__cursor {
+  position: fixed;
+  margin-left: -1px;
+  margin-right: -1px;
+  /*border-left: 1px solid black;*/
+  /*border-right: 1px solid black;*/
+  /*border-color: orange;*/
+  word-break: normal;
+  pointer-events: none;
+}
+
+/* This renders the username above the caret */
+.kb-yjs__cursor > div {
+  position: absolute;
+  top: -1.05em;
+  left: -1px;
+  font-size: 13px;
+  background-color: rgb(250, 129, 0);
+  font-family: serif;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  user-select: none;
+  color: white;
+  padding-left: 2px;
+  padding-right: 2px;
+  white-space: nowrap;
+}
+
+/* Collaborative cursor optimization for mobile */
+@media (max-width: 767px) {
+  .kb-yjs__cursor > div {
+    font-size: var(--kb-text-xs);
+    padding: 1px var(--kb-space-xs);
+    border-radius: var(--kb-radius-sm);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-codemirror",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "license": "MIT",
   "module": "./esm/extension-codemirror/src/ExtensionCodeMirror.js",
   "exports": {
@@ -12,6 +12,9 @@
     }
   },
   "scripts": {},
+  "files": [
+    "assets/*.css"
+  ],
   "dependencies": {
     "@codemirror/autocomplete": "6.18.6",
     "@codemirror/commands": "6.8.1",
@@ -32,13 +35,12 @@
     "@codemirror/language": "6.11.0",
     "@codemirror/search": "6.5.10",
     "@codemirror/state": "6.5.2",
-    "@codemirror/view": "6.36.5",
+    "@codemirror/view": "6.38.1",
     "prosemirror-keymap": "1.2.2",
     "prosemirror-model": "1.25.1",
     "prosemirror-state": "1.4.3",
     "prosemirror-transform": "1.10.4",
-    "prosemirror-view": "1.40.0",
-    "thememirror": "2.0.1"
+    "prosemirror-view": "1.40.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.0"

package/esm/editor/src/CoreEditor.d.ts

@@ -1,25 +0,0 @@
-import { EditorView } from 'prosemirror-view';
-import { Node as ProseMirrorNode, type Schema } from 'prosemirror-model';
-import type { EditorOptions, JSONContent } from './types.js';
-import { EditorState, Transaction } from 'prosemirror-state';
-import { ChainedCommands } from './commands/CommandManager.js';
-export declare class CoreEditor extends EventTarget {
-    readonly options: Partial<EditorOptions>;
-    private extensionManager;
-    private commandManager;
-    view: EditorView;
-    state: EditorState;
-    constructor(options?: Partial<EditorOptions>);
-    get schema(): Schema<any, any>;
-    chain(): ChainedCommands;
-    can(): ChainedCommands;
-    private createView;
-    dispatchTransaction(transaction: Transaction): void;
-    private setupPlugins;
-    setDocument(content?: any, mediaType?: string): void;
-    getDocument(mediaType?: string): void | ProseMirrorNode | JSONContent;
-    getJSON(): JSONContent;
-    clone(options?: Partial<EditorOptions>): CoreEditor;
-    debug(doc?: ProseMirrorNode): void;
-}
-//# sourceMappingURL=CoreEditor.d.ts.map

package/esm/editor/src/CoreEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CoreEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/src/CoreEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGzE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAgC/E,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAgB,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAG7C;IACF,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAiB;IAChC,IAAI,EAAG,UAAU,CAAC;IAClB,KAAK,EAAG,WAAW,CAAC;gBAEf,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM;IAyBhD,IAAW,MAAM,qBAEhB;IAEM,KAAK,IAAI,eAAe;IAIxB,GAAG,IAAI,eAAe;IAI7B,OAAO,CAAC,UAAU;IAaX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAcnD,OAAO,CAAC,YAAY;IAcb,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM;IAwC7C,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM;IAkB9B,OAAO,IAAI,WAAW;IAItB,KAAK,CAAC,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,UAAU;IAOvD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;CAMnC"}

package/esm/editor/src/CoreEditor.js

@@ -1,194 +0,0 @@
-import { EditorView } from 'prosemirror-view';
-import { Node as ProseMirrorNode } from 'prosemirror-model';
-import { ExtensionManager } from './ExtensionManager.js';
-import { EditorState } from 'prosemirror-state';
-import { createNodeFromContent } from './utilities/createNodeFromContent.js';
-import { CommandManager } from './commands/CommandManager.js';
-import { nodeToTreeString } from './nodeToTreeString.js';
-function ensureDocSchema(doc, schema) {
-    if (doc.type.schema != schema) {
-        const findNode = (nodeName) => {
-            if (!schema.nodes[nodeName]) {
-                throw new Error(`Not able to rewrite schema for node '${nodeName}'`);
-            }
-            return schema.nodes[nodeName];
-        };
-        const findMark = (markName) => {
-            if (!schema.marks[markName]) {
-                throw new Error(`Not able to rewrite schema for mark '${markName}'`);
-            }
-            return schema.marks[markName];
-        };
-        // TODO fix readonly warnings
-        doc.type = findNode(doc.type.name);
-        doc.marks.forEach((mark) => {
-            mark.type = findMark(mark.type.name);
-        });
-        doc.descendants((node) => {
-            node.type = findNode(node.type.name);
-            node.marks.forEach((mark) => {
-                mark.type = findMark(mark.type.name);
-            });
-        });
-    }
-}
-export class CoreEditor extends EventTarget {
-    constructor(options = {}) {
-        super();
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                element: null, // document.createElement('div'),
-                extensions: [],
-            }
-        });
-        Object.defineProperty(this, "extensionManager", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "commandManager", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "view", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.options = {
-            ...this.options,
-            ...options,
-        };
-        this.extensionManager = new ExtensionManager(this.options.extensions, this);
-        // const content = this.options.content ? this.options.content : {
-        //   type: this.extensionManager.schema.topNodeType.name,
-        //   content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC,
-        // };
-        const content = this.options.content
-            ? this.options.content
-            : this.extensionManager.schema.topNodeType.spec.EMPTY_DOC;
-        this.createView(content);
-        this.commandManager = new CommandManager(this, this.extensionManager.commandConstructors);
-        this.setupPlugins();
-    }
-    get schema() {
-        return this.extensionManager.schema;
-    }
-    chain() {
-        return this.commandManager.chain();
-    }
-    can() {
-        return this.commandManager.can();
-    }
-    createView(content) {
-        const doc = createNodeFromContent(content, this.schema);
-        this.state = EditorState.create({ doc });
-        if (this.options.element) {
-            this.view = new EditorView(this.options.element, {
-                state: this.state,
-                dispatchTransaction: (tx) => this.dispatchTransaction(tx),
-            });
-        }
-    }
-    dispatchTransaction(transaction) {
-        this.state = this.state.apply(transaction);
-        if (this.view) {
-            this.view.updateState(this.state);
-            const event = new CustomEvent('transaction', {
-                detail: {
-                    editor: this,
-                    transaction,
-                },
-            });
-            this.dispatchEvent(event);
-        }
-    }
-    setupPlugins() {
-        this.state = this.state.reconfigure({
-            plugins: this.extensionManager.plugins,
-        });
-        if (this.view) {
-            this.view.updateState(this.state);
-            this.view.setProps({
-                nodeViews: this.extensionManager.nodeViews,
-            });
-        }
-    }
-    setDocument(content, mediaType) {
-        if (!content) {
-            content = {
-                type: this.extensionManager.schema.topNodeType.name,
-                content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC.content,
-            };
-            mediaType = undefined;
-        }
-        let doc;
-        if (mediaType) {
-            const converter = this.extensionManager.converters[mediaType];
-            if (converter) {
-                doc = converter.toDoc(content);
-            }
-        }
-        else {
-            doc = createNodeFromContent(content, this.schema);
-        }
-        ensureDocSchema(doc, this.schema);
-        this.state = EditorState.create({
-            doc,
-            plugins: this.state.plugins,
-            storedMarks: this.state.storedMarks,
-        });
-        if (this.view) {
-            this.view.updateState(this.state);
-        }
-        const event = new CustomEvent('doc:loaded', {
-            detail: {
-                editor: this,
-                doc,
-            },
-        });
-        this.dispatchEvent(event);
-    }
-    getDocument(mediaType) {
-        if (mediaType) {
-            const converter = this.extensionManager.converters[mediaType];
-            if (converter) {
-                const json = this.state.doc.toJSON();
-                const clonedDoc = ProseMirrorNode.fromJSON(this.state.schema, json);
-                return converter.fromDoc(clonedDoc);
-            }
-            if (mediaType === 'text/json') {
-                return this.getJSON();
-            }
-        }
-        return this.state.doc;
-    }
-    getJSON() {
-        return this.state.doc.toJSON();
-    }
-    clone(options = {}) {
-        return new CoreEditor({
-            ...options,
-            extensions: [...this.options.extensions],
-        });
-    }
-    debug(doc) {
-        if (!doc) {
-            doc = this.state.doc;
-        }
-        console.debug(nodeToTreeString(doc));
-    }
-}

package/esm/editor/src/Extension.d.ts

@@ -1,26 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-import { type CoreEditor } from './CoreEditor.js';
-import { InputRule } from './plugins/input-rules/InputRulesPlugin.js';
-import { Commands, CommandShortcuts } from './commands/mod.js';
-import { Schema, type SchemaSpec } from 'prosemirror-model';
-export interface ExtensionConfig {
-    [key: string]: any;
-    requires: Array<Extension | string>;
-}
-export interface Converter {
-    fromDoc(document: unknown): void;
-    toDoc(content: unknown): any;
-}
-export declare abstract class Extension {
-    protected config: Partial<ExtensionConfig>;
-    readonly type = "extension";
-    abstract name: string;
-    protected constructor(config?: Partial<ExtensionConfig>);
-    getInputRules(): InputRule[];
-    getProseMirrorPlugins(editor: CoreEditor, schema: Schema): Plugin[];
-    getCommands(editor: CoreEditor): Partial<Commands>;
-    getKeyboardShortcuts(): Partial<CommandShortcuts>;
-    getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
-    setupSpec(spec: SchemaSpec): void;
-}
-//# sourceMappingURL=Extension.d.ts.map

package/esm/editor/src/Extension.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Extension.d.ts","sourceRoot":"","sources":["../../../src/editor/src/Extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,eAAe;IAE9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,OAAO,EAAE,OAAO,GAAG,GAAG,CAAC;CAC9B;AAED,8BAAsB,SAAS;IAIP,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC;IAHhE,QAAQ,CAAC,IAAI,eAAe;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,SAAS,aAAuB,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAGrE,aAAa,IAAI,SAAS,EAAE;IAI5B,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;IAInE,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC;IAIlD,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAIjD,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IAI5E,SAAS,CAAC,IAAI,EAAE,UAAU;CAE3B"}

package/esm/editor/src/Extension.js

@@ -1,33 +0,0 @@
-export class Extension {
-    constructor(config = {}) {
-        Object.defineProperty(this, "config", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: config
-        });
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'extension'
-        });
-    }
-    getInputRules() {
-        return [];
-    }
-    getProseMirrorPlugins(editor, schema) {
-        return [];
-    }
-    getCommands(editor) {
-        return {};
-    }
-    getKeyboardShortcuts() {
-        return {};
-    }
-    getConverters(editor, schema) {
-        return {};
-    }
-    setupSpec(spec) {
-    }
-}

package/esm/editor/src/ExtensionManager.d.ts

@@ -1,32 +0,0 @@
-import { Schema } from 'prosemirror-model';
-import { Plugin } from 'prosemirror-state';
-import { NodeViewConstructor } from 'prosemirror-view';
-import { Extension } from './Extension.js';
-import { AnyExtension } from './types.js';
-import { CoreEditor } from './CoreEditor.js';
-import { Mark } from './Mark.js';
-import { Node } from './Node.js';
-import { type Command } from 'prosemirror-state';
-export declare function findDuplicates(items: any[]): any[];
-export declare function splitExtensions(extensions: Iterable<AnyExtension>): {
-    baseExtensions: Extension[];
-    nodeExtensions: Node[];
-    markExtensions: Mark[];
-};
-export declare class ExtensionManager {
-    private editor;
-    readonly schema: Schema;
-    private extensions;
-    readonly plugins: Plugin[];
-    readonly nodeViews: Record<string, NodeViewConstructor>;
-    readonly commandConstructors: {
-        [key: string]: () => Command;
-    };
-    private converters;
-    private debug;
-    constructor(extensions: Set<AnyExtension>, editor: CoreEditor);
-    private getPlugins;
-    private setupExtensions;
-    getSchemaByResolvedExtensions(editor: CoreEditor): Schema;
-}
-//# sourceMappingURL=ExtensionManager.d.ts.map

package/esm/editor/src/ExtensionManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtensionManager.d.ts","sourceRoot":"","sources":["../../../src/editor/src/ExtensionManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAa,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAMjC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGjD,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,CAIlD;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC;;;;EAgBjE;AAED,qBAAa,gBAAgB;IAYgB,OAAO,CAAC,MAAM;IAXzD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAE/B,OAAO,CAAC,UAAU,CAAgC;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAM;IAE7D,QAAQ,CAAC,mBAAmB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,OAAO,CAAA;KAAE,CAAM;IACpE,OAAO,CAAC,UAAU,CAAiC;IAEnD,OAAO,CAAC,KAAK,CAAQ;gBAET,UAAU,EAAE,GAAG,CAAC,YAAY,CAAC,EAAU,MAAM,EAAE,UAAU;IAcrE,OAAO,CAAC,UAAU;IAkIlB,OAAO,CAAC,eAAe;IA6DvB,6BAA6B,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM;CA6C1D"}