@kerebron/extension-codemirror 0.1.3 → 0.2.1

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/esm/editor/src/CoreEditor.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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;IAgBX,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

@@ -99,6 +99,9 @@ export class CoreEditor extends EventTarget {
         if (this.options.element) {
             this.view = new EditorView(this.options.element, {
                 state: this.state,
+                attributes: {
+                    class: 'kb-editor',
+                },
                 dispatchTransaction: (tx) => this.dispatchTransaction(tx),
             });
         }

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

@@ -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,QAAQ,EACb,KAAK,gBAAgB,EAEtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,6CAA6C,CAAC;AAQrD,eAAO,MAAM,kBAAkB,gBAAoC,CAAC;AAoBpE,qBAAa,cAAe,SAAQ,IAAI;IAC7B,IAAI,SAAgB;IAG7B,SAAS;;;;;;;;;;MAMP;IAEO,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IAgDnB,WAAW,IAAI,QAAQ;IA0BvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAQ1C,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAUlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAUjD,qBAAqB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,EAAE;CAkD7D"}
+{"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,QAAQ,EACb,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;IAG7B,SAAS;;;;;;;;;;MAMP;IAEO,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IAgDnB,WAAW,IAAI,QAAQ;IA0CvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAQ1C,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAUlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAUjD,qBAAqB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,EAAE;CA8B7D"}

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

@@ -5,7 +5,6 @@ import { textblockTypeInputRule, } from '../../editor/src/plugins/input-rules/mo
 import { codeMirrorBlockNodeView } from './codeMirrorBlockNodeView.js';
 import { defaultSettings } from './defaults.js';
 import languageLoaders, { legacyLanguageLoaders } from './languageLoaders.js';
-import { dracula } from 'thememirror';
 import { createNodeFromObject } from '../../editor/src/utilities/mod.js';
 export const codeMirrorBlockKey = new PluginKey('codemirror-block');
 function arrowHandler(dir) {
@@ -22,6 +21,26 @@ function arrowHandler(dir) {
         return false;
     };
 }
+const LANGS = [
+    'diff',
+    'dockerfile',
+    'http',
+    'nginx',
+    'properties',
+    'shell',
+    'toml',
+    'yaml',
+    'sql',
+    'javascript',
+    'cpp',
+    'css',
+    'xml',
+    'java',
+    'json',
+    'markdown',
+    'rust',
+    'html',
+];
 export class NodeCodeMirror extends Node {
     constructor() {
         super(...arguments);
@@ -88,6 +107,7 @@ export class NodeCodeMirror extends Node {
         };
     }
     getNodeSpec() {
+        const langs = this.config.languageWhitelist || LANGS;
         return {
             content: 'text*',
             marks: '',
@@ -99,8 +119,18 @@ export class NodeCodeMirror extends Node {
                     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: dom.getAttribute('lang'),
+                            lang,
                         };
                     },
                 },
@@ -146,30 +176,11 @@ export class NodeCodeMirror extends Node {
                 },
             },
         });
-        const LANGS = [
-            'diff',
-            'dockerfile',
-            'http',
-            'nginx',
-            'properties',
-            'shell',
-            'toml',
-            'yaml',
-            'sql',
-            'javascript',
-            'cpp',
-            'css',
-            'xml',
-            'java',
-            'json',
-            'markdown',
-            'rust',
-            'html',
-        ];
         return [
             codeMirrorBlockPlugin({
                 provider: this.config.provider,
                 languageWhitelist: this.config.languageWhitelist || LANGS,
+                shadowRoot: this.config.shadowRoot,
                 ...defaultSettings,
                 readOnly: this.config.readOnly,
                 languageLoaders: { ...languageLoaders, ...legacyLanguageLoaders },
@@ -179,7 +190,7 @@ export class NodeCodeMirror extends Node {
                 redo: () => {
                     editor.chain().redo().run();
                 },
-                theme: [dracula],
+                theme: [...(this.config.theme || [])],
             }),
             // keymap(codeBlockKeymap),
         ];

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

@@ -1 +1 @@
-{"version":3,"file":"codeMirrorBlockNodeView.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/codeMirrorBlockNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAEL,UAAU,IAAI,YAAY,EAC1B,QAAQ,EACT,MAAM,kBAAkB,CAAC;AA0C1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAO/C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAM,CAAC;AAuQjE,eAAO,MAAM,uBAAuB,EAAE,CACpC,QAAQ,EAAE,iBAAiB,KACxB,CACH,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,KAC7B,QAQJ,CAAC"}
+{"version":3,"file":"codeMirrorBlockNodeView.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/codeMirrorBlockNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAEL,UAAU,IAAI,YAAY,EAC1B,QAAQ,EACT,MAAM,kBAAkB,CAAC;AA0C1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAO/C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAM,CAAC;AA0QjE,eAAO,MAAM,uBAAuB,EAAE,CACpC,QAAQ,EAAE,iBAAiB,KACxB,CACH,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,KAC7B,QAQJ,CAAC"}

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

@@ -179,8 +179,10 @@ class CodeMirrorBlockNodeView {
             ],
             doc: node.textContent,
         });
+        const root = settings.shadowRoot || document;
         this.codeMirrorView = new CodeMirror({
             state,
+            root,
             dispatch: (tr) => {
                 this.codeMirrorView.update([tr]);
                 if (!this.updating) {

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

@@ -25,5 +25,6 @@ export type CodeBlockSettings = {
     themes: ThemeItem[];
     getCurrentTheme?: () => string;
     codeBlockName?: string;
+    shadowRoot?: ShadowRoot;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +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;CACxB,CAAC"}
+{"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/y-remote-selections.d.ts

@@ -11,5 +11,5 @@ export declare class YRemoteSelectionsPluginValue {
     destroy(): void;
     update(update: cmView.ViewUpdate): void;
 }
-export declare const yRemoteSelections: cmView.ViewPlugin<YRemoteSelectionsPluginValue>;
+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

@@ -1 +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,iDAK7B,CAAC"}
+{"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"}

package/esm/extension-codemirror/src/y-remote-selections.js

@@ -79,8 +79,8 @@ class YRemoteCaretWidget extends cmView.WidgetType {
     }
     toDOM() {
         return (dom.element('span', [
-            pair.create('class', 'ProseMirror-yjs-cursor ProseMirror-widget'),
-            pair.create('style', `border-color: ${this.color}; position: fixed;`),
+            pair.create('class', 'kb-yjs__cursor kb-widget'),
+            pair.create('style', `border-color: ${this.color};`),
         ], [
             dom.text('\u2060'),
             dom.element('div', [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-codemirror",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "license": "MIT",
   "module": "./esm/extension-codemirror/src/ExtensionCodeMirror.js",
   "exports": {
@@ -32,13 +32,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"