@kerebron/extension-yjs 0.1.2 → 0.2.0

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-yjs/src/userColors.d.ts

@@ -0,0 +1,5 @@
+export declare const userColors: {
+    color: string;
+    light: string;
+}[];
+//# sourceMappingURL=userColors.d.ts.map

package/esm/extension-yjs/src/userColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"userColors.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/userColors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;GAStB,CAAC"}

package/esm/extension-yjs/src/userColors.js

@@ -0,0 +1,10 @@
+export const userColors = [
+    { color: '#30bced', light: '#30bced33' },
+    { color: '#6eeb83', light: '#6eeb8333' },
+    { color: '#ffbc42', light: '#ffbc4233' },
+    { color: '#ecd444', light: '#ecd44433' },
+    { color: '#ee6352', light: '#ee635233' },
+    { color: '#9ac2c9', light: '#9ac2c933' },
+    { color: '#8acb88', light: '#8acb8833' },
+    { color: '#1be7ff', light: '#1be7ff33' },
+];

package/esm/extension-yjs/src/yCursorPlugin.js

@@ -21,8 +21,8 @@ export const defaultAwarenessStateFilter = (currentClientId, userClientId, _user
  */
 export const defaultCursorBuilder = (user) => {
     const cursor = document.createElement('span');
-    cursor.classList.add('ProseMirror-yjs-cursor');
-    cursor.setAttribute('style', `border-color: ${user.color}`);
+    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);
@@ -42,7 +42,7 @@ export const defaultCursorBuilder = (user) => {
 export const defaultSelectionBuilder = (user) => {
     return {
         style: `background-color: ${user.color}70`,
-        class: 'ProseMirror-yjs-selection',
+        class: 'kb-yjs__selection',
     };
 };
 const rxValidColor = /^#[0-9a-fA-F]{6}$/;

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@kerebron/extension-yjs",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "license": "MIT",
   "module": "./esm/extension-yjs/src/ExtensionYjs.js",
   "exports": {
     ".": {
       "import": "./esm/extension-yjs/src/ExtensionYjs.js"
+    },
+    "./userColors": {
+      "import": "./esm/extension-yjs/src/userColors.js"
     }
   },
   "scripts": {},