@kerebron/extension-basic-editor 0.6.6 → 0.7.0

package/esm/BasicEditorKit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicEditorKit.d.ts","sourceRoot":"","sources":["../src/BasicEditorKit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoDhE,qBAAa,cAAe,YAAW,SAAS;IAC9C,aAAa,IAAI,iBAAiB,EAAE;CAqDrC"}
+{"version":3,"file":"BasicEditorKit.d.ts","sourceRoot":"","sources":["../src/BasicEditorKit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAqDhE,qBAAa,cAAe,YAAW,SAAS;IAC9C,aAAa,IAAI,iBAAiB,EAAE;CAsDrC"}

package/esm/BasicEditorKit.js

@@ -5,6 +5,7 @@ import { ExtensionGapcursor } from './ExtensionGapcursor.js';
 import { ExtensionHtml } from './ExtensionHtml.js';
 import { ExtensionMediaUpload } from './ExtensionMediaUpload.js';
 import { ExtensionTextAlign } from './ExtensionTextAlign.js';
+import { ExtensionUser } from './ExtensionUser.js';
 import { ExtensionRemoteSelection } from './remote-selection/ExtensionRemoteSelection.js';
 import { ExtensionPairing } from './pairing/ExtensionPairing.js';
 import { MarkLink } from './MarkLink.js';
@@ -57,6 +58,7 @@ export class BasicEditorKit {
             new ExtensionSelection(),
             new ExtensionTextAlign(),
             new ExtensionPairing(),
+            new ExtensionUser(),
             new NodeDocument(),
             new NodeText(),
             new NodeParagraph(),

package/esm/BasicEditorKit.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicEditorKit.js","sourceRoot":"","sources":["../src/BasicEditorKit.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BasicEditorKit.js","sourceRoot":"","sources":["../src/BasicEditorKit.ts"],"names":[],"mappings":"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"}

package/esm/ExtensionBasicCodeEditor.d.ts

@@ -1,5 +1,5 @@
-import { Node } from 'prosemirror-model';
-import { AnyExtensionOrReq, Extension, RawTextResult } from '@kerebron/editor';
+import { Node, Schema } from 'prosemirror-model';
+import { AnyExtensionOrReq, type Converter, type CoreEditor, Extension, RawTextResult } from '@kerebron/editor';
 export declare class ExtensionBasicCodeEditor extends Extension {
     name: string;
     requires: AnyExtensionOrReq[];
@@ -7,5 +7,6 @@ export declare class ExtensionBasicCodeEditor extends Extension {
         lang: string;
     });
     toRawText(doc: Node): RawTextResult;
+    getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
 }
 //# sourceMappingURL=ExtensionBasicCodeEditor.d.ts.map

package/esm/ExtensionBasicCodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionBasicCodeEditor.d.ts","sourceRoot":"","sources":["../src/ExtensionBasicCodeEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EACL,iBAAiB,EACjB,SAAS,EAET,aAAa,EACd,MAAM,kBAAkB,CAAC;AAY1B,qBAAa,wBAAyB,SAAQ,SAAS;IACrD,IAAI,SAAuB;IAC3B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;gBAElB,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;IAgBtC,SAAS,CAAC,GAAG,EAAE,IAAI,GAAG,aAAa;CA4CpC"}
+{"version":3,"file":"ExtensionBasicCodeEditor.d.ts","sourceRoot":"","sources":["../src/ExtensionBasicCodeEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EACL,iBAAiB,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,SAAS,EAET,aAAa,EACd,MAAM,kBAAkB,CAAC;AAc1B,qBAAa,wBAAyB,SAAQ,SAAS;IACrD,IAAI,SAAuB;IAC3B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;gBAElB,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;IAgBtC,SAAS,CAAC,GAAG,EAAE,IAAI,GAAG,aAAa;IA6C1B,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;CA+C7B"}

package/esm/ExtensionBasicCodeEditor.js

@@ -1,4 +1,5 @@
 import { Extension, } from '@kerebron/editor';
+import { createNodeFromObject } from '@kerebron/editor/utilities';
 import { ExtensionSelection } from './ExtensionSelection.js';
 import { ExtensionBaseKeymap } from './ExtensionBaseKeymap.js';
 import { ExtensionDropcursor } from './ExtensionDropcursor.js';
@@ -60,5 +61,47 @@ export class ExtensionBasicCodeEditor extends Extension {
             rawTextMap,
         };
     }
+    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,
+                    });
+                },
+            },
+        };
+    }
 }
 //# sourceMappingURL=ExtensionBasicCodeEditor.js.map

package/esm/ExtensionBasicCodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionBasicCodeEditor.js","sourceRoot":"","sources":["../src/ExtensionBasicCodeEditor.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,GAGV,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,OAAO,wBAAyB,SAAQ,SAAS;IACrD,IAAI,GAAG,mBAAmB,CAAC;IAC3B,QAAQ,CAAsB;IAE9B,YAAY,EAAE,IAAI,EAAoB;QACpC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,GAAG;YACd,IAAI,mBAAmB,EAAE;YACzB,IAAI,mBAAmB,EAAE;YACzB,IAAI,kBAAkB,EAAE;YACxB,IAAI,aAAa,EAAE;YACnB,IAAI,wBAAwB,EAAE;YAC9B,IAAI,kBAAkB,EAAE;YACxB,IAAI,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC;YAC9B,IAAI,aAAa,EAAE;YACnB,IAAI,QAAQ,EAAE;SACf,CAAC;IACJ,CAAC;IAED,SAAS,CAAC,GAAS;QACjB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;QACnD,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAExD,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC3C,CAAC;QAED,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC3C,CAAC;QAED,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElC,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO;aACtC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;aACxB,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAElC,MAAM,UAAU,GAA2B,EAAE,CAAC;QAE9C,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,UAAU,CAAC,IAAI,CAAC;gBACd,OAAO,EAAE,OAAO;gBAChB,SAAS;gBACT,SAAS,EAAE,CAAC;gBACZ,SAAS;aACV,CAAC,CAAC;YAEH,SAAS,EAAE,CAAC;YACZ,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAC7B,OAAO,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7B,CAAC;QAED,OAAO;YACL,OAAO;YACP,UAAU;SACX,CAAC;IACJ,CAAC;CACF"}
+{"version":3,"file":"ExtensionBasicCodeEditor.js","sourceRoot":"","sources":["../src/ExtensionBasicCodeEditor.ts"],"names":[],"mappings":"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"}

package/esm/ExtensionUser.d.ts

@@ -0,0 +1,22 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { CommandFactories, Extension } from '@kerebron/editor';
+import { ColorMapper, User } from '@kerebron/editor/user';
+export declare const userPluginKey: PluginKey<UserPluginState>;
+interface UserPluginState {
+    user: User;
+}
+export interface UserMeta {
+    changeUser?: {
+        user: User;
+    };
+    setColorMapper?: {
+        colorMapper: ColorMapper;
+    };
+}
+export declare class ExtensionUser extends Extension {
+    name: string;
+    getCommandFactories(): Partial<CommandFactories>;
+    getProseMirrorPlugins(): Plugin[];
+}
+export {};
+//# sourceMappingURL=ExtensionUser.d.ts.map

package/esm/ExtensionUser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionUser.d.ts","sourceRoot":"","sources":["../src/ExtensionUser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,EAAE,SAAS,EAAe,MAAM,mBAAmB,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAsB,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE9E,eAAO,MAAM,aAAa,4BAAyC,CAAC;AAEpE,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,MAAM,WAAW,QAAQ;IACvB,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,IAAI,CAAC;KACZ,CAAC;IACF,cAAc,CAAC,EAAE;QACf,WAAW,EAAE,WAAW,CAAC;KAC1B,CAAC;CACH;AAuBD,qBAAa,aAAc,SAAQ,SAAS;IACjC,IAAI,SAAU;IAEd,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAmBhD,qBAAqB,IAAI,MAAM,EAAE;CAK3C"}

package/esm/ExtensionUser.js

@@ -0,0 +1,45 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { Extension } from '@kerebron/editor';
+import { generateRandomUser } from '@kerebron/editor/user';
+export const userPluginKey = new PluginKey('user');
+const createUserPlugin = () => new Plugin({
+    key: userPluginKey,
+    state: {
+        init() {
+            return {
+                user: generateRandomUser(),
+            };
+        },
+        apply: (tr, pluginState) => {
+            const changeUser = tr.getMeta('changeUser');
+            if (changeUser) {
+                pluginState.user = { ...changeUser.user };
+            }
+            return pluginState;
+        },
+    },
+});
+export class ExtensionUser extends Extension {
+    name = 'user';
+    getCommandFactories() {
+        const changeUser = (user) => {
+            return (state, dispatch) => {
+                const tr = state.tr;
+                tr.setMeta('changeUser', { user });
+                if (dispatch) {
+                    dispatch(tr);
+                }
+                return true;
+            };
+        };
+        return {
+            changeUser,
+        };
+    }
+    getProseMirrorPlugins() {
+        return [
+            createUserPlugin(),
+        ];
+    }
+}
+//# sourceMappingURL=ExtensionUser.js.map

package/esm/ExtensionUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionUser.js","sourceRoot":"","sources":["../src/ExtensionUser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,EAAE,SAAS,EAAe,MAAM,mBAAmB,CAAC;AAEhF,OAAO,EAAoB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAe,kBAAkB,EAAQ,MAAM,uBAAuB,CAAC;AAE9E,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,SAAS,CAAkB,MAAM,CAAC,CAAC;AAepE,MAAM,gBAAgB,GAAkC,GAAG,EAAE,CAC3D,IAAI,MAAM,CAAkB;IAC1B,GAAG,EAAE,aAAa;IAClB,KAAK,EAAE;QACL,IAAI;YACF,OAAO;gBACL,IAAI,EAAE,kBAAkB,EAAE;aAC3B,CAAC;QACJ,CAAC;QACD,KAAK,EAAE,CAAC,EAAE,EAAE,WAA4B,EAAE,EAAE;YAC1C,MAAM,UAAU,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YAE5C,IAAI,UAAU,EAAE,CAAC;gBACf,WAAW,CAAC,IAAI,GAAG,EAAE,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;YAC5C,CAAC;YAED,OAAO,WAAW,CAAC;QACrB,CAAC;KACF;CACF,CAAC,CAAC;AAEL,MAAM,OAAO,aAAc,SAAQ,SAAS;IACjC,IAAI,GAAG,MAAM,CAAC;IAEd,mBAAmB;QAC1B,MAAM,UAAU,GAAmB,CAAC,IAAU,EAAE,EAAE;YAChD,OAAO,CAAC,KAAkB,EAAE,QAAoC,EAAE,EAAE;gBAClE,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;gBACpB,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;gBAEnC,IAAI,QAAQ,EAAE,CAAC;oBACb,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACf,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO;YACL,UAAU;SACX,CAAC;IACJ,CAAC;IAEQ,qBAAqB;QAC5B,OAAO;YACL,gBAAgB,EAAE;SACnB,CAAC;IACJ,CAAC;CACF"}

package/esm/remote-selection/ExtensionRemoteSelection.d.ts

@@ -1,13 +1,9 @@
 import { Plugin } from 'prosemirror-state';
 import { Extension } from '@kerebron/editor';
-type Color = string;
+import { type User } from '@kerebron/editor/user';
 export interface SelectionState {
     clientId: number;
-    user: {
-        name: string;
-        color: Color;
-        colorLight: Color;
-    };
+    user: User;
     cursor?: {
         anchor: number;
         head: number;
@@ -16,9 +12,6 @@ export interface SelectionState {
 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/remote-selection/ExtensionRemoteSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionRemoteSelection.d.ts","sourceRoot":"","sources":["../../src/remote-selection/ExtensionRemoteSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI9D,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"}
+{"version":3,"file":"ExtensionRemoteSelection.d.ts","sourceRoot":"","sources":["../../src/remote-selection/ExtensionRemoteSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIlD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,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;IAE1B,qBAAqB,IAAI,MAAM,EAAE;CAK3C"}

package/esm/remote-selection/ExtensionRemoteSelection.js

@@ -3,21 +3,10 @@ import { remoteSelectionPlugin } from './remoteSelectionPlugin.js';
 export { remoteSelectionPluginKey } from './remoteSelectionPlugin.js';
 export class ExtensionRemoteSelection extends Extension {
     name = 'remote-selection';
-    remoteStates = [];
     getProseMirrorPlugins() {
         return [
-            remoteSelectionPlugin(this, this.editor),
+            remoteSelectionPlugin(),
         ];
     }
-    getRemoteStates() {
-        return this.remoteStates;
-    }
-    setRemoteStates(states) {
-        this.remoteStates = states;
-        const event = new CustomEvent('remoteSelectionChange', {
-            detail: {},
-        });
-        this.editor.dispatchEvent(event);
-    }
 }
 //# sourceMappingURL=ExtensionRemoteSelection.js.map

package/esm/remote-selection/ExtensionRemoteSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionRemoteSelection.js","sourceRoot":"","sources":["../../src/remote-selection/ExtensionRemoteSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAiBnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,OAAO,wBAAyB,SAAQ,SAAS;IAC5C,IAAI,GAAG,kBAAkB,CAAC;IAE3B,YAAY,GAAqB,EAAE,CAAC;IAEnC,qBAAqB;QAC5B,OAAO;YACL,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;SACzC,CAAC;IACJ,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,eAAe,CAAC,MAAwB;QACtC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,uBAAuB,EAAE;YACrD,MAAM,EAAE,EAAE;SACX,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;CACF"}
+{"version":3,"file":"ExtensionRemoteSelection.js","sourceRoot":"","sources":["../../src/remote-selection/ExtensionRemoteSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAWnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,OAAO,wBAAyB,SAAQ,SAAS;IAC5C,IAAI,GAAG,kBAAkB,CAAC;IAE1B,qBAAqB;QAC5B,OAAO;YACL,qBAAqB,EAAE;SACxB,CAAC;IACJ,CAAC;CACF"}

package/esm/remote-selection/remoteSelectionPlugin.d.ts

@@ -1,25 +1,26 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { DecorationSet } from 'prosemirror-view';
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
 import { type DecorationAttrs } from 'prosemirror-view';
-import type { CoreEditor } from '@kerebron/editor';
-import type { ExtensionRemoteSelection } from './ExtensionRemoteSelection.js';
-export declare const remoteSelectionPluginKey: PluginKey<any>;
+import { type ColorMapper, type User } from '@kerebron/editor/user';
+import type { SelectionState } from './ExtensionRemoteSelection.js';
+export declare const remoteSelectionPluginKey: PluginKey<RemoteSelectionState>;
+interface RemoteSelectionState {
+    remoteStates: SelectionState[];
+    me: User;
+    colorMapper: ColorMapper;
+}
 /**
  * Default generator for a cursor element
  */
-export declare const defaultCursorBuilder: (user: any) => HTMLElement;
+export declare const defaultCursorBuilder: (user: User, me: User, colorMapper: ColorMapper) => 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>;
+export declare const defaultSelectionBuilder: (user: User, me: User, colorMapper: ColorMapper) => DecorationAttrs;
+export declare const createDecorations: (state: EditorState, pluginState: RemoteSelectionState, createCursor: (user: User, me: User, colorMapper: ColorMapper) => Element, createSelection: (user: User, me: User, colorMapper: ColorMapper) => DecorationAttrs) => DecorationSet;
+export declare const remoteSelectionPlugin: ({ cursorBuilder, selectionBuilder, }?: {
+    cursorBuilder?: (user: User, me: User, colorMapper: ColorMapper) => HTMLElement;
+    selectionBuilder?: (user: User, me: User, colorMapper: ColorMapper) => DecorationAttrs;
+}) => Plugin<RemoteSelectionState>;
+export {};
 //# sourceMappingURL=remoteSelectionPlugin.d.ts.map

package/esm/remote-selection/remoteSelectionPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remoteSelectionPlugin.d.ts","sourceRoot":"","sources":["../../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,kBAAkB,CAAC;AAEnD,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"}
+{"version":3,"file":"remoteSelectionPlugin.d.ts","sourceRoot":"","sources":["../../src/remote-selection/remoteSelectionPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,IAAI,EACV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,eAAO,MAAM,wBAAwB,iCAEpC,CAAC;AAEF,UAAU,oBAAoB;IAC5B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,EAAE,EAAE,IAAI,CAAC;IACT,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,IAAI,EACV,IAAI,IAAI,EACR,aAAa,WAAW,KACvB,WAgBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAClC,MAAM,IAAI,EACV,IAAI,IAAI,EACR,aAAa,WAAW,KACvB,eAQF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,WAAW,EAClB,aAAa,oBAAoB,EACjC,cAAc,CACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,WAAW,EAAE,WAAW,KACrB,OAAO,EACZ,iBAAiB,CACf,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,WAAW,EAAE,WAAW,KACrB,eAAe,KACnB,aA0CF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,uCAGG;IACD,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,WAAW,EAAE,WAAW,KACrB,WAAW,CAAC;IACjB,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,WAAW,EAAE,WAAW,KACrB,eAAe,CAAC;CACjB,iCA6CP,CAAC"}

package/esm/remote-selection/remoteSelectionPlugin.js

@@ -1,15 +1,18 @@
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { Plugin, PluginKey } from 'prosemirror-state';
+import { defaultColorMapper, generateBlankUser, } from '@kerebron/editor/user';
 export const remoteSelectionPluginKey = new PluginKey('remote-selection');
 /**
  * Default generator for a cursor element
  */
-export const defaultCursorBuilder = (user) => {
+export const defaultCursorBuilder = (user, me, colorMapper) => {
+    const colorPair = colorMapper(user, me);
+    const color = colorPair.light;
     const cursor = document.createElement('span');
     cursor.classList.add('kb-yjs__cursor');
-    cursor.setAttribute('style', `border-color: ${user.color};`);
+    cursor.setAttribute('style', `border-color: ${color};`);
     const userDiv = document.createElement('div');
-    userDiv.setAttribute('style', `background-color: ${user.color}`);
+    userDiv.setAttribute('style', `background-color: ${color}`);
     userDiv.insertBefore(document.createTextNode(user.name), null);
     const nonbreakingSpace1 = document.createTextNode('\u2060');
     const nonbreakingSpace2 = document.createTextNode('\u2060');
@@ -21,32 +24,20 @@ export const defaultCursorBuilder = (user) => {
 /**
  * Default generator for the selection attributes
  */
-export const defaultSelectionBuilder = (user) => {
+export const defaultSelectionBuilder = (user, me, colorMapper) => {
+    const colorPair = colorMapper(user, me);
+    const color = colorPair.light;
     return {
-        style: `background-color: ${user.color}70`,
+        style: `background-color: ${color}70`,
         class: 'kb-yjs__selection',
     };
 };
-const rxValidColor = /^#[0-9a-fA-F]{6}$/;
-export const createDecorations = (state, extension, createCursor, createSelection) => {
+export const createDecorations = (state, pluginState, createCursor, createSelection) => {
     const decorations = [];
-    const remoteStates = extension.getRemoteStates();
-    if (remoteStates.length === 0) {
-        return DecorationSet.create(state.doc, []);
-    }
+    const remoteStates = pluginState.remoteStates;
     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 user = remoteState.user;
             const cursor = remoteState.cursor;
             let anchor = cursor.anchor || null;
             let head = cursor.head || null;
@@ -54,13 +45,13 @@ export const createDecorations = (state, extension, createCursor, createSelectio
                 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 + '',
+                decorations.push(Decoration.widget(head, () => createCursor(user, pluginState.me, pluginState.colorMapper), {
+                    key: remoteState.clientId + user.id + user.name,
                     side: 10,
                 }));
                 const from = Math.min(anchor, head);
                 const to = Math.max(anchor, head);
-                decorations.push(Decoration.inline(from, to, createSelection(user, remoteState.clientId), {
+                decorations.push(Decoration.inline(from, to, createSelection(user, pluginState.me, pluginState.colorMapper), {
                     inclusiveEnd: true,
                     inclusiveStart: false,
                 }));
@@ -69,27 +60,40 @@ export const createDecorations = (state, extension, createCursor, createSelectio
     }
     return DecorationSet.create(state.doc, decorations);
 };
-export const remoteSelectionPlugin = (extension, editor, { cursorBuilder = defaultCursorBuilder, selectionBuilder = defaultSelectionBuilder, } = {}) => {
+export const remoteSelectionPlugin = ({ cursorBuilder = defaultCursorBuilder, selectionBuilder = defaultSelectionBuilder, } = {}) => {
     return new Plugin({
         key: remoteSelectionPluginKey,
         state: {
-            init(_, state) {
-                return createDecorations(state, extension, cursorBuilder, selectionBuilder);
+            init() {
+                return {
+                    remoteStates: [],
+                    me: generateBlankUser(),
+                    colorMapper: defaultColorMapper,
+                };
             },
-            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);
+            apply(tr, pluginState) {
+                const changeUser = tr.getMeta('changeUser');
+                if (changeUser) {
+                    pluginState.me = { ...changeUser.user };
                 }
-                return prevState.map(tr.mapping, tr.doc);
+                const setColorMapper = tr.getMeta('setColorMapper');
+                if (setColorMapper) {
+                    pluginState.colorMapper = setColorMapper.colorMapper;
+                }
+                const remoteSelectionChange = tr.getMeta('remoteSelectionChange');
+                if (remoteSelectionChange) {
+                    pluginState.remoteStates = [...remoteSelectionChange.remoteStates];
+                }
+                return pluginState;
             },
         },
         props: {
-            decorations: (state) => {
-                return remoteSelectionPluginKey.getState(state);
+            decorations(state) {
+                const pluginState = this.getState(state);
+                if (!pluginState) {
+                    return DecorationSet.empty;
+                }
+                return createDecorations(state, pluginState, cursorBuilder, selectionBuilder);
             },
         },
     });

package/esm/remote-selection/remoteSelectionPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"remoteSelectionPlugin.js","sourceRoot":"","sources":["../../src/remote-selection/remoteSelectionPlugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"remoteSelectionPlugin.js","sourceRoot":"","sources":["../../src/remote-selection/remoteSelectionPlugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-basic-editor",
-  "version": "0.6.6",
+  "version": "0.7.0",
   "license": "MIT",
   "module": "./esm/BasicEditorKit.js",
   "exports": {
@@ -40,6 +40,9 @@
     "./ExtensionTextAlign": {
       "import": "./esm/ExtensionTextAlign.js"
     },
+    "./ExtensionUser": {
+      "import": "./esm/ExtensionUser.js"
+    },
     "./NodeDocument": {
       "import": "./esm/NodeDocument.js"
     },
@@ -124,7 +127,7 @@
     "assets"
   ],
   "dependencies": {
-    "@kerebron/editor": "0.6.6",
+    "@kerebron/editor": "0.7.0",
     "prosemirror-history": "1.4.1",
     "prosemirror-model": "1.25.3",
     "prosemirror-state": "1.4.3",

package/src/BasicEditorKit.ts

@@ -7,6 +7,7 @@ import { ExtensionGapcursor } from './ExtensionGapcursor.js';
 import { ExtensionHtml } from './ExtensionHtml.js';
 import { ExtensionMediaUpload } from './ExtensionMediaUpload.js';
 import { ExtensionTextAlign } from './ExtensionTextAlign.js';
+import { ExtensionUser } from './ExtensionUser.js';
 import { ExtensionRemoteSelection } from './remote-selection/ExtensionRemoteSelection.js';
 import { ExtensionPairing } from './pairing/ExtensionPairing.js';
 
@@ -62,6 +63,7 @@ export class BasicEditorKit implements EditorKit {
       new ExtensionSelection(),
       new ExtensionTextAlign(),
       new ExtensionPairing(),
+      new ExtensionUser(),
       new NodeDocument(),
       new NodeText(),
       new NodeParagraph(),

package/src/ExtensionBasicCodeEditor.ts

@@ -1,12 +1,16 @@
-import { Node } from 'prosemirror-model';
+import { Node, Schema } from 'prosemirror-model';
 
 import {
   AnyExtensionOrReq,
+  type Converter,
+  type CoreEditor,
   Extension,
   RawTextMapEntry,
   RawTextResult,
 } from '@kerebron/editor';
 
+import { createNodeFromObject } from '@kerebron/editor/utilities';
+
 import { ExtensionSelection } from './ExtensionSelection.js';
 import { ExtensionBaseKeymap } from './ExtensionBaseKeymap.js';
 import { ExtensionDropcursor } from './ExtensionDropcursor.js';
@@ -81,4 +85,55 @@ export class ExtensionBasicCodeEditor extends Extension {
       rawTextMap,
     };
   }
+
+  override getConverters(
+    editor: CoreEditor,
+    schema: Schema,
+  ): Record<string, Converter> {
+    return {
+      'text/code-only': {
+        fromDoc: async (document: Node): Promise<Uint8Array> => {
+          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: Uint8Array): Promise<Node> => {
+          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/src/ExtensionUser.ts

@@ -0,0 +1,70 @@
+import { EditorState, Plugin, PluginKey, Transaction } from 'prosemirror-state';
+
+import { CommandFactories, Extension } from '@kerebron/editor';
+import { CommandFactory } from '@kerebron/editor/commands';
+import { ColorMapper, generateRandomUser, User } from '@kerebron/editor/user';
+
+export const userPluginKey = new PluginKey<UserPluginState>('user');
+
+interface UserPluginState {
+  user: User;
+}
+
+export interface UserMeta {
+  changeUser?: {
+    user: User;
+  };
+  setColorMapper?: {
+    colorMapper: ColorMapper;
+  };
+}
+
+const createUserPlugin: () => Plugin<UserPluginState> = () =>
+  new Plugin<UserPluginState>({
+    key: userPluginKey,
+    state: {
+      init() {
+        return {
+          user: generateRandomUser(),
+        };
+      },
+      apply: (tr, pluginState: UserPluginState) => {
+        const changeUser = tr.getMeta('changeUser');
+
+        if (changeUser) {
+          pluginState.user = { ...changeUser.user };
+        }
+
+        return pluginState;
+      },
+    },
+  });
+
+export class ExtensionUser extends Extension {
+  override name = 'user';
+
+  override getCommandFactories(): Partial<CommandFactories> {
+    const changeUser: CommandFactory = (user: User) => {
+      return (state: EditorState, dispatch?: (tr: Transaction) => void) => {
+        const tr = state.tr;
+        tr.setMeta('changeUser', { user });
+
+        if (dispatch) {
+          dispatch(tr);
+        }
+
+        return true;
+      };
+    };
+
+    return {
+      changeUser,
+    };
+  }
+
+  override getProseMirrorPlugins(): Plugin[] {
+    return [
+      createUserPlugin(),
+    ];
+  }
+}

package/src/remote-selection/ExtensionRemoteSelection.ts

@@ -1,17 +1,12 @@
 import { Plugin } from 'prosemirror-state';
-import { type CoreEditor, Extension } from '@kerebron/editor';
+import { Extension } from '@kerebron/editor';
+import { type User } from '@kerebron/editor/user';
 
 import { remoteSelectionPlugin } from './remoteSelectionPlugin.js';
 
-type Color = string;
-
 export interface SelectionState {
   clientId: number;
-  user: {
-    name: string;
-    color: Color;
-    colorLight: Color;
-  };
+  user: User;
   cursor?: {
     anchor: number;
     head: number;
@@ -23,23 +18,9 @@ export { remoteSelectionPluginKey } from './remoteSelectionPlugin.js';
 export class ExtensionRemoteSelection extends Extension {
   override name = 'remote-selection';
 
-  private remoteStates: SelectionState[] = [];
-
   override getProseMirrorPlugins(): Plugin[] {
     return [
-      remoteSelectionPlugin(this, this.editor),
+      remoteSelectionPlugin(),
     ];
   }
-
-  getRemoteStates(): SelectionState[] {
-    return this.remoteStates;
-  }
-
-  setRemoteStates(states: SelectionState[]) {
-    this.remoteStates = states;
-    const event = new CustomEvent('remoteSelectionChange', {
-      detail: {},
-    });
-    this.editor.dispatchEvent(event);
-  }
 }

package/src/remote-selection/remoteSelectionPlugin.ts

@@ -1,22 +1,42 @@
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
 import { type DecorationAttrs } from 'prosemirror-view';
 
-import type { CoreEditor } from '@kerebron/editor';
+import {
+  type ColorMapper,
+  defaultColorMapper,
+  generateBlankUser,
+  type User,
+} from '@kerebron/editor/user';
 
-import type { ExtensionRemoteSelection } from './ExtensionRemoteSelection.js';
+import type { SelectionState } from './ExtensionRemoteSelection.js';
 
-export const remoteSelectionPluginKey = new PluginKey('remote-selection');
+export const remoteSelectionPluginKey = new PluginKey<RemoteSelectionState>(
+  'remote-selection',
+);
+
+interface RemoteSelectionState {
+  remoteStates: SelectionState[];
+  me: User;
+  colorMapper: ColorMapper;
+}
 
 /**
  * Default generator for a cursor element
  */
-export const defaultCursorBuilder = (user: any): HTMLElement => {
+export const defaultCursorBuilder = (
+  user: User,
+  me: User,
+  colorMapper: ColorMapper,
+): HTMLElement => {
+  const colorPair = colorMapper(user, me);
+  const color = colorPair.light;
+
   const cursor = document.createElement('span');
   cursor.classList.add('kb-yjs__cursor');
-  cursor.setAttribute('style', `border-color: ${user.color};`);
+  cursor.setAttribute('style', `border-color: ${color};`);
   const userDiv = document.createElement('div');
-  userDiv.setAttribute('style', `background-color: ${user.color}`);
+  userDiv.setAttribute('style', `background-color: ${color}`);
   userDiv.insertBefore(document.createTextNode(user.name), null);
   const nonbreakingSpace1 = document.createTextNode('\u2060');
   const nonbreakingSpace2 = document.createTextNode('\u2060');
@@ -29,47 +49,40 @@ export const defaultCursorBuilder = (user: any): HTMLElement => {
 /**
  * Default generator for the selection attributes
  */
-export const defaultSelectionBuilder = (user: any): DecorationAttrs => {
+export const defaultSelectionBuilder = (
+  user: User,
+  me: User,
+  colorMapper: ColorMapper,
+): DecorationAttrs => {
+  const colorPair = colorMapper(user, me);
+  const color = colorPair.light;
+
   return {
-    style: `background-color: ${user.color}70`,
+    style: `background-color: ${color}70`,
     class: 'kb-yjs__selection',
   };
 };
 
-const rxValidColor = /^#[0-9a-fA-F]{6}$/;
-
 export const createDecorations = (
-  state: any,
-  extension: ExtensionRemoteSelection,
+  state: EditorState,
+  pluginState: RemoteSelectionState,
   createCursor: (
-    user: { name: string; color: string },
-    clientId: number,
+    user: User,
+    me: User,
+    colorMapper: ColorMapper,
   ) => Element,
   createSelection: (
-    user: { name: string; color: string },
-    clientId: number,
+    user: User,
+    me: User,
+    colorMapper: ColorMapper,
   ) => DecorationAttrs,
-): any => {
+): DecorationSet => {
   const decorations: Decoration[] = [];
 
-  const remoteStates = extension.getRemoteStates();
-  if (remoteStates.length === 0) {
-    return DecorationSet.create(state.doc, []);
-  }
-
+  const remoteStates = pluginState.remoteStates;
   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 user = remoteState.user;
       const cursor = remoteState.cursor;
       let anchor = cursor.anchor || null;
       let head = cursor.head || null;
@@ -81,9 +94,9 @@ export const createDecorations = (
         decorations.push(
           Decoration.widget(
             head,
-            () => createCursor(user, remoteState.clientId),
+            () => createCursor(user, pluginState.me, pluginState.colorMapper),
             {
-              key: remoteState.clientId + '',
+              key: remoteState.clientId + user.id + user.name,
               side: 10,
             },
           ),
@@ -94,7 +107,7 @@ export const createDecorations = (
           Decoration.inline(
             from,
             to,
-            createSelection(user, remoteState.clientId),
+            createSelection(user, pluginState.me, pluginState.colorMapper),
             {
               inclusiveEnd: true,
               inclusiveStart: false,
@@ -108,49 +121,62 @@ export const createDecorations = (
 };
 
 export const remoteSelectionPlugin = (
-  extension: ExtensionRemoteSelection,
-  editor: CoreEditor,
   {
     cursorBuilder = defaultCursorBuilder,
     selectionBuilder = defaultSelectionBuilder,
   }: {
-    cursorBuilder?: (user: any, clientId: number) => HTMLElement;
-    selectionBuilder?: (user: any, clientId: number) => DecorationAttrs;
+    cursorBuilder?: (
+      user: User,
+      me: User,
+      colorMapper: ColorMapper,
+    ) => HTMLElement;
+    selectionBuilder?: (
+      user: User,
+      me: User,
+      colorMapper: ColorMapper,
+    ) => DecorationAttrs;
   } = {},
 ) => {
-  return new Plugin({
+  return new Plugin<RemoteSelectionState>({
     key: remoteSelectionPluginKey,
     state: {
-      init(_, state) {
-        return createDecorations(
-          state,
-          extension,
-          cursorBuilder,
-          selectionBuilder,
-        );
+      init() {
+        return {
+          remoteStates: [],
+          me: generateBlankUser(),
+          colorMapper: defaultColorMapper,
+        };
       },
-      apply(tr, prevState, _oldState, newState) {
-        const remoteCursorState = tr.getMeta(remoteSelectionPluginKey);
-        // TODO validate: isChangeOrigin
-        // const state = remoteSelectionPluginKey.getState(newState);
+      apply(tr, pluginState) {
+        const changeUser = tr.getMeta('changeUser');
+        if (changeUser) {
+          pluginState.me = { ...changeUser.user };
+        }
+        const setColorMapper = tr.getMeta('setColorMapper');
+        if (setColorMapper) {
+          pluginState.colorMapper = setColorMapper.colorMapper;
+        }
 
-        if (
-          (remoteCursorState?.isChangeOrigin) ||
-          (remoteCursorState?.remotePositionUpdated)
-        ) {
-          return createDecorations(
-            newState,
-            extension,
-            cursorBuilder,
-            selectionBuilder,
-          );
+        const remoteSelectionChange = tr.getMeta('remoteSelectionChange');
+        if (remoteSelectionChange) {
+          pluginState.remoteStates = [...remoteSelectionChange.remoteStates];
         }
-        return prevState.map(tr.mapping, tr.doc);
+
+        return pluginState;
       },
     },
     props: {
-      decorations: (state) => {
-        return remoteSelectionPluginKey.getState(state);
+      decorations(state) {
+        const pluginState = this.getState(state);
+        if (!pluginState) {
+          return DecorationSet.empty;
+        }
+        return createDecorations(
+          state,
+          pluginState,
+          cursorBuilder,
+          selectionBuilder,
+        );
       },
     },
   });