@kerebron/extension-yjs 0.4.5 → 0.4.6

package/README.md

@@ -1,160 +1,82 @@
-# YJS Extension
+# Kerebron - Prosemirror based online editor kit
 
-Real-time collaborative editing extension for ProseMirror using [Yjs](https://yjs.dev/).
+## Watch a Demo
 
-## Features
+<a href="https://youtube.com/shorts/OdJjhAPj-wA?feature=share" target="_blank">
+  <img src="https://github.com/user-attachments/assets/b63ec84a-0ed2-4f98-920c-76f6d3215168" alt="Alt Text" width="200">
+</a>
 
-- **Real-time Collaboration**: Multiple users can edit the same document simultaneously
-- **Awareness Protocol**: See other users' cursors and selections
-- **Collaboration Status UI**: Built-in toolbar element showing connection status and active collaborators
-- **User Colors**: Automatic color assignment for collaborators
+## Playground Demo
 
-## Installation
+[playground](https://demo.kerebron.com) - be nice.
 
-```typescript
-import { ExtensionYjs } from '@kerebron/extension-yjs';
-import { WebsocketProvider } from 'y-websocket';
-import * as Y from 'yjs';
-```
+## Overview
 
-## Usage
-
-### Basic Setup
-
-```typescript
-import { Editor } from '@kerebron/editor';
-import { ExtensionYjs } from '@kerebron/extension-yjs';
-import { ExtensionCustomMenu } from '@kerebron/extension-menu';
-import { WebsocketProvider } from 'y-websocket';
-import * as Y from 'yjs';
-
-// Create Yjs document and provider
-const ydoc = new Y.Doc();
-const provider = new WebsocketProvider('ws://localhost:1234', 'my-room', ydoc);
-
-// Set user info for awareness
-provider.awareness.setLocalStateField('user', {
-  name: 'User Name',
-  color: '#ff0000',
-});
-
-// Create editor with YJS support
-const editor = new Editor({
-  extensions: [
-    ExtensionCustomMenu(), // Automatically shows collaboration status
-    ExtensionYjs({
-      ydoc,
-      provider,
-      type: ydoc.getXmlFragment('prosemirror'),
-    }),
-  ],
-});
-```
+Using vanilla Prosemirror modules is often impossible because of
+incompatibilities.
 
-### Collaboration Status
+Kerebron forks several prosemirror projects into one monorepo in order to keep
+them in sync.
 
-When using `ExtensionCustomMenu` with `ExtensionYjs`, a collaboration status button is automatically added to the toolbar. This shows:
+Project is inspired on https://tiptap.dev/, but instead of building wrapper
+around a wrapper it borrows concept of extension and command manager.
 
-- **Connection Status**: Green dot (connected) or red dot (disconnected)
-- **User Count**: Number of active collaborators
-- **User List**: Dropdown showing all collaborators with their names
+It has simplified tooling (deno), fewer dependencies and resulting in lower
+number of output npm modules.
 
-#### Automatic Integration
+**Work in progress**
 
-The collaboration status is added automatically when both extensions are present:
 
-```typescript
-new Editor({
-  extensions: [
-    ExtensionCustomMenu(), // Auto-detects YJS
-    ExtensionYjs({ ydoc, provider, type }),
-  ],
-});
-```
+## Build
 
-#### Manual Integration
+### Build static examples and `.wasm` files
 
-If you need more control, you can manually add the collaboration status:
+```sh
+deno task build
+```
 
-```typescript
-import { CollaborationStatusElement } from '@kerebron/extension-yjs/CollaborationStatus';
-import '@kerebron/extension-yjs/assets/collaboration-status.css';
+## Development
 
-const collabStatus = new CollaborationStatusElement({
-  awareness: provider.awareness,
-  provider: provider,
-});
+To start example server:
 
-new Editor({
-  extensions: [
-    ExtensionCustomMenu({
-      autoAddCollaborationStatus: false,
-      trailingElements: [collabStatus],
-    }),
-    ExtensionYjs({ ydoc, provider, type }),
-  ],
-});
+```sh
+deno task -f server-deno-hono start
 ```
 
-#### Disable Collaboration Status
+## Examples
 
-To disable the automatic collaboration status:
+TODO
 
-```typescript
-new Editor({
-  extensions: [
-    ExtensionCustomMenu({ autoAddCollaborationStatus: false }),
-    ExtensionYjs({ ydoc, provider, type }),
-  ],
-});
-```
+### NPM packages are generated using DNT
 
-## Exports
+- https://deno.com/blog/publish-esm-cjs-module-dnt - the easiest way to publish
+  a hybrid npm module for ESM and CommonJS
+- https://github.com/denoland/dnt
+- https://gaubee.com/article/Publishing-Your-Deno-Project-as-a-Monorepo-using-dnt/
 
-| Export | Description |
-|--------|-------------|
-| `@kerebron/extension-yjs` | Main extension class |
-| `@kerebron/extension-yjs/userColors` | User color utilities |
-| `@kerebron/extension-yjs/CollaborationStatus` | Collaboration status UI element |
-| `@kerebron/extension-yjs/assets/collaboration-status.css` | Styles for collaboration status |
+To generate npm packages
 
-## CollaborationStatusElement Options
+```sh
+deno -A ./build/build_npm.ts
+```
 
-| Option | Type | Required | Description |
-|--------|------|----------|-------------|
-| `awareness` | `Awareness` | Yes | Yjs awareness instance |
-| `provider` | `WebsocketProvider` | Yes | WebSocket provider for connection status |
+## Run through docker
 
-## Styling
+```sh
+docker build . -t editor-test
+docker run -it -p 8000:8000 -v $PWD:/usr/src/app editor-test
+```
+
+## Prerequisites
 
-The collaboration status element supports both light and dark themes via CSS custom properties. Import the styles:
+Install deno
 
-```typescript
-import '@kerebron/extension-yjs/assets/collaboration-status.css';
+```
+npm install -g deno
 ```
 
-Or include via HTML:
+Install rust
 
-```html
-<link rel="stylesheet" href="@kerebron/extension-yjs/assets/collaboration-status.css">
 ```
-
-### CSS Classes
-
-| Class | Description |
-|-------|-------------|
-| `.kb-collab-status` | Main container |
-| `.kb-collab-status__trigger` | Button that shows status and count |
-| `.kb-collab-status__dot` | Connection status indicator |
-| `.kb-collab-status__dot--connected` | Green dot for connected state |
-| `.kb-collab-status__dot--disconnected` | Red dot for disconnected state |
-| `.kb-collab-status__count` | User count badge |
-| `.kb-collab-status__dropdown` | User list dropdown |
-| `.kb-collab-status__user` | Individual user item |
-| `.kb-collab-status__user--self` | Current user indicator |
-
-## Related
-
-- [ExtensionCustomMenu](../extension-menu/README.md) - Toolbar with auto YJS integration
-- [Yjs Documentation](https://docs.yjs.dev/)
-- [y-websocket](https://github.com/yjs/y-websocket)
+curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
+```

package/esm/{extension-yjs/src/ExtensionYjs.d.ts → ExtensionYjs.d.ts}

@@ -1,8 +1,7 @@
-import "../../_dnt.polyfills.js";
 import type { Plugin } from 'prosemirror-state';
 import * as awarenessProtocol from 'y-protocols/awareness';
-import { Extension } from '../../editor/src/mod.js';
-import type { CommandFactories, CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { Extension } from '@kerebron/editor';
+import type { CommandFactories, CommandShortcuts } from '@kerebron/editor/commands';
 export interface YjsProvider {
     on(eventName: string, callback: (event: any) => void): void;
     awareness: awarenessProtocol.Awareness;

package/esm/ExtensionYjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionYjs.d.ts","sourceRoot":"","sources":["../src/ExtensionYjs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAMnC,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IAC5D,SAAS,EAAE,iBAAiB,CAAC,SAAS,CAAC;CACxC;AAED,qBAAa,YAAa,SAAQ,SAAS;IACzC,IAAI,SAAS;IAEJ,SAAS,WAAe;IACjC,QAAQ,WAAwB;IAGvB,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAOhD,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAOjD,qBAAqB,IAAI,MAAM,EAAE;CAY3C"}

package/esm/{extension-yjs/src/ExtensionYjs.js → ExtensionYjs.js}

@@ -1,5 +1,4 @@
-import "../../_dnt.polyfills.js";
-import { Extension } from '../../editor/src/mod.js';
+import { Extension } from '@kerebron/editor';
 import { ySyncPlugin } from './ySyncPlugin.js';
 import { yPositionPlugin } from './yPositionPlugin.js';
 import { redo, undo, yUndoPlugin } from './yUndoPlugin.js';

package/esm/convertUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertUtils.d.ts","sourceRoot":"","sources":["../src/convertUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EACL,eAAe,EAIhB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,eAAe,QAAO,eAGjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iCAAiC,GAC5C,cAAc,CAAC,CAAC,WAAW,EAC3B,QAAQ,MAAM,aAUf,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC,GAC5C,cAAc,CAAC,CAAC,WAAW,EAC3B,QAAQ,MAAM,SAKb,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAC7B,cAAc,CAAC,CAAC,WAAW,EAC3B,QAAQ,MAAM;;;;CAef,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,IAAI,EACT,WAAW,GAAE,MAAsB,GAClC,CAAC,CAAC,GAAG,CAUP;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,IAAI,EACT,WAAW,EAAE,CAAC,CAAC,WAAW,GACzB,CAAC,CAAC,WAAW,CAOf;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,GAAG,EACV,WAAW,GAAE,MAAsB,GAClC,CAAC,CAAC,GAAG,CAGP;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,CAAC,CAAC,WAAW,GACzB,CAAC,CAAC,WAAW,CAGf"}

package/esm/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../src/keys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,cAAc,gBAA0B,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,eAAe,CAErD,CAAC"}

package/esm/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAI9C;;GAEG;AACH,KAAK,kBAAkB,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;AA2BzD,eAAO,MAAM,OAAO,GAAI,MAAM,UAAU,EAAE,QAAG,EAAE,UAAK,SAYnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kCAAkC,GAC7C,KAAK,MAAM,EACX,MAAM,CAAC,CAAC,WAAW,EACnB,SAAS,kBAAkB,KAC1B,GA+FF,CAAC;AAaF,eAAO,MAAM,kCAAkC,GAC7C,MAAM,CAAC,CAAC,GAAG,EACX,cAAc,CAAC,CAAC,WAAW,EAC3B,QAAQ,GAAG,EACX,SAAS,kBAAkB,KAC1B,IAAI,GAAG,MA2DT,CAAC"}

package/esm/{extension-yjs/src/userColors.d.ts → userColors.d.ts}

@@ -1,4 +1,3 @@
-import "../../_dnt.polyfills.js";
 export declare const userColors: {
     color: string;
     light: string;

package/esm/userColors.d.ts.map

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

package/esm/{extension-yjs/src/userColors.js → userColors.js}

@@ -1,4 +1,3 @@
-import "../../_dnt.polyfills.js";
 export const userColors = [
     { color: '#30bced', light: '#30bced33' },
     { color: '#6eeb83', light: '#6eeb8333' },

package/esm/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,GAAI,MAAM,GAAG,WAC0B,CAAC"}

package/esm/{extension-yjs/src/yPositionPlugin.d.ts → yPositionPlugin.d.ts}

@@ -1,6 +1,6 @@
 import * as awarenessProtocol from 'y-protocols/awareness';
 import { Plugin, PluginKey } from 'prosemirror-state';
-import type { CoreEditor } from '../../editor/src/mod.js';
+import type { CoreEditor } from '@kerebron/editor';
 export declare const yPositionPluginKey: PluginKey<any>;
 interface PositionPluginConfig {
     getSelection?: (arg0: any) => any;

package/esm/yPositionPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yPositionPlugin.d.ts","sourceRoot":"","sources":["../src/yPositionPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAe,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAcnD,eAAO,MAAM,kBAAkB,gBAAgC,CAAC;AAYhE,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,GACtC,iBAAiB,MAAM,EACvB,cAAc,MAAM,EACpB,OAAO,GAAG,KACT,OAA2C,CAAC;AAE/C,eAAO,MAAM,eAAe,GAC1B,WAAW,iBAAiB,CAAC,SAAS,EACtC,QAAQ,UAAU,EAClB,oBAEG,oBAAyB,EAC5B,mBAAkB,MAAiB,gBAiLpC,CAAC"}

package/esm/{extension-yjs/src/yPositionPlugin.js → yPositionPlugin.js}

@@ -1,6 +1,6 @@
 import * as Y from 'yjs';
 import { Plugin, PluginKey } from 'prosemirror-state';
-import { remoteSelectionPluginKey } from '../../extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.js';
+import { remoteSelectionPluginKey } from '@kerebron/extension-basic-editor/ExtensionRemoteSelection';
 import { absolutePositionToRelativePosition, relativePositionToAbsolutePosition, setMeta, } from './lib.js';
 import { ySyncPluginKey } from './keys.js';
 export const yPositionPluginKey = new PluginKey('yjs-position');

package/esm/ySyncPlugin.d.ts.map

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

package/esm/{extension-yjs/src/ySyncPlugin.js → ySyncPlugin.js}

@@ -13,7 +13,7 @@ import * as environment from 'lib0/environment';
 import * as dom from 'lib0/dom';
 import * as eventloop from 'lib0/eventloop';
 import * as map from 'lib0/map';
-import { remoteSelectionPluginKey } from '../../extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.js';
+import { remoteSelectionPluginKey } from '@kerebron/extension-basic-editor/ExtensionRemoteSelection';
 import { ySyncPluginKey, yUndoPluginKey } from './keys.js';
 import * as utils from './utils.js';
 import { absolutePositionToRelativePosition, relativePositionToAbsolutePosition, } from './lib.js';

package/esm/yUndoPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yUndoPlugin.d.ts","sourceRoot":"","sources":["../src/yUndoPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAA2B,WAAW,EAAc,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGxD,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;IACxD,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,WAAW,KAAG,OACmB,CAAC;AAE9D,eAAO,MAAM,IAAI,GAAI,OAAO,WAAW,KAAG,OACmB,CAAC;AAE9D,eAAO,MAAM,WAAW,EAAE,OAGT,CAAC;AAElB,eAAO,MAAM,WAAW,EAAE,OAGT,CAAC;AAElB,eAAO,MAAM,qBAAqB,aAAyB,CAAC;AAE5D,eAAO,MAAM,mBAAmB,GAC9B,MAAM,OAAO,KAAK,EAAE,IAAI,EACxB,gBAAgB,GAAG,CAAC,MAAM,CAAC,KAC1B,OAM8B,CAAC;AAElC,eAAO,MAAM,WAAW,GAAI,mDAIzB;IACD,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3C,gBAuEF,CAAC"}

package/package.json

@@ -1,27 +1,25 @@
 {
   "name": "@kerebron/extension-yjs",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "license": "MIT",
-  "module": "./esm/extension-yjs/src/ExtensionYjs.js",
+  "module": "./esm/ExtensionYjs.js",
   "exports": {
     ".": {
-      "import": "./esm/extension-yjs/src/ExtensionYjs.js"
+      "import": "./esm/ExtensionYjs.js"
     },
     "./userColors": {
-      "import": "./esm/extension-yjs/src/userColors.js"
-    },
-    "./CollaborationStatus": {
-      "import": "./esm/extension-yjs/src/CollaborationStatus.js"
+      "import": "./esm/userColors.js"
     }
   },
   "scripts": {},
   "dependencies": {
+    "@kerebron/editor": "0.4.6",
+    "@kerebron/extension-basic-editor": "0.4.6",
+    "lib0": "0.2.109",
     "prosemirror-model": "1.25.3",
     "prosemirror-state": "1.4.3",
-    "prosemirror-transform": "1.10.4",
     "prosemirror-view": "1.40.0",
-    "vscode-languageserver-protocol": "3.17.5",
-    "web-tree-sitter": "0.24.7",
+    "y-protocols": "1.0.6",
     "yjs": "13.6.24"
   },
   "devDependencies": {

package/assets/collaboration-status.css

@@ -1,172 +0,0 @@
-/* Collaboration Status Menu Element */
-.kb-collab-status {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-}
-
-.kb-collab-status__button {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.35rem;
-  padding: 0.35rem 0.6rem;
-  border: 1px solid var(--kb-border, #444);
-  border-radius: 4px;
-  background: var(--kb-surface, #2a2a2a);
-  color: var(--kb-text, #e8e8e8);
-  cursor: pointer;
-  font-size: 0.85rem;
-  transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-
-.kb-collab-status__button:hover {
-  background: var(--kb-bg, #1a1a1a);
-  border-color: var(--kb-accent, #7dd3fc);
-}
-
-.kb-collab-status--open .kb-collab-status__button {
-  border-color: var(--kb-accent, #7dd3fc);
-}
-
-/* Status dot indicator */
-.kb-collab-status__dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-.kb-collab-status__dot--connected {
-  background-color: #22c55e;
-  box-shadow: 0 0 4px rgba(34, 197, 94, 0.5);
-}
-
-.kb-collab-status__dot--connecting {
-  background-color: #eab308;
-  box-shadow: 0 0 4px rgba(234, 179, 8, 0.5);
-  animation: pulse 1.5s ease-in-out infinite;
-}
-
-.kb-collab-status__dot--disconnected {
-  background-color: #ef4444;
-  box-shadow: 0 0 4px rgba(239, 68, 68, 0.5);
-}
-
-@keyframes pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-
-/* User count badge */
-.kb-collab-status__count {
-  min-width: 1.2em;
-  padding: 0 0.25em;
-  font-weight: 600;
-  font-size: 0.8rem;
-  text-align: center;
-}
-
-/* Dropdown chevron */
-.kb-collab-status__chevron {
-  display: flex;
-  align-items: center;
-  transition: transform 0.15s ease;
-}
-
-.kb-collab-status__chevron svg {
-  width: 14px;
-  height: 14px;
-}
-
-.kb-collab-status--open .kb-collab-status__chevron {
-  transform: rotate(180deg);
-}
-
-/* Dropdown panel */
-.kb-collab-status__dropdown {
-  position: absolute;
-  top: calc(100% + 4px);
-  right: 0;
-  min-width: 180px;
-  max-width: 280px;
-  background: var(--kb-surface, #2a2a2a);
-  border: 1px solid var(--kb-border, #444);
-  border-radius: 6px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-  z-index: 1000;
-  overflow: hidden;
-}
-
-.kb-collab-status__header {
-  padding: 0.6rem 0.8rem;
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--kb-text-muted, #9a9a9a);
-  border-bottom: 1px solid var(--kb-border, #444);
-  background: var(--kb-bg, #1a1a1a);
-}
-
-.kb-collab-status__users {
-  max-height: 240px;
-  overflow-y: auto;
-  padding: 0.4rem 0;
-}
-
-.kb-collab-status__user {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.8rem;
-  transition: background-color 0.1s ease;
-}
-
-.kb-collab-status__user:hover {
-  background: var(--kb-bg, #1a1a1a);
-}
-
-.kb-collab-status__user-color {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  border: 1px solid rgba(255, 255, 255, 0.2);
-}
-
-.kb-collab-status__user-name {
-  flex: 1;
-  font-size: 0.85rem;
-  color: var(--kb-text, #e8e8e8);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.kb-collab-status__you-badge {
-  font-size: 0.7rem;
-  color: var(--kb-text-muted, #9a9a9a);
-  font-style: italic;
-}
-
-.kb-collab-status__empty {
-  padding: 1rem 0.8rem;
-  text-align: center;
-  color: var(--kb-text-muted, #9a9a9a);
-  font-size: 0.85rem;
-}
-
-/* Light mode overrides */
-.light-mode .kb-collab-status__dropdown,
-.app-container.light-mode .kb-collab-status__dropdown {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.light-mode .kb-collab-status__user-color,
-.app-container.light-mode .kb-collab-status__user-color {
-  border-color: rgba(0, 0, 0, 0.2);
-}

package/esm/_dnt.polyfills.d.ts

@@ -1,101 +0,0 @@
-/**
- * Based on [import-meta-ponyfill](https://github.com/gaubee/import-meta-ponyfill),
- * but instead of using npm to install additional dependencies,
- * this approach manually consolidates cjs/mjs/d.ts into a single file.
- *
- * Note that this code might be imported multiple times
- * (for example, both dnt.test.polyfills.ts and dnt.polyfills.ts contain this code;
- *  or Node.js might dynamically clear the cache and then force a require).
- * Therefore, it's important to avoid redundant writes to global objects.
- * Additionally, consider that commonjs is used alongside esm,
- * so the two ponyfill functions are stored independently in two separate global objects.
- */
-import { createRequire } from "node:module";
-import { type URL } from "node:url";
-declare global {
-    interface ImportMeta {
-        /** A string representation of the fully qualified module URL. When the
-         * module is loaded locally, the value will be a file URL (e.g.
-         * `file:///path/module.ts`).
-         *
-         * You can also parse the string as a URL to determine more information about
-         * how the current module was loaded. For example to determine if a module was
-         * local or not:
-         *
-         * ```ts
-         * const url = new URL(import.meta.url);
-         * if (url.protocol === "file:") {
-         *   console.log("this module was loaded locally");
-         * }
-         * ```
-         */
-        url: string;
-        /**
-         * A function that returns resolved specifier as if it would be imported
-         * using `import(specifier)`.
-         *
-         * ```ts
-         * console.log(import.meta.resolve("./foo.js"));
-         * // file:///dev/foo.js
-         * ```
-         *
-         * @param specifier The module specifier to resolve relative to `parent`.
-         * @param parent The absolute parent module URL to resolve from.
-         * @returns The absolute (`file:`) URL string for the resolved module.
-         */
-        resolve(specifier: string, parent?: string | URL | undefined): string;
-        /** A flag that indicates if the current module is the main module that was
-         * called when starting the program under Deno.
-         *
-         * ```ts
-         * if (import.meta.main) {
-         *   // this was loaded as the main module, maybe do some bootstrapping
-         * }
-         * ```
-         */
-        main: boolean;
-        /** The absolute path of the current module.
-         *
-         * This property is only provided for local modules (ie. using `file://` URLs).
-         *
-         * Example:
-         * ```
-         * // Unix
-         * console.log(import.meta.filename); // /home/alice/my_module.ts
-         *
-         * // Windows
-         * console.log(import.meta.filename); // C:\alice\my_module.ts
-         * ```
-         */
-        filename: string;
-        /** The absolute path of the directory containing the current module.
-         *
-         * This property is only provided for local modules (ie. using `file://` URLs).
-         *
-         * * Example:
-         * ```
-         * // Unix
-         * console.log(import.meta.dirname); // /home/alice
-         *
-         * // Windows
-         * console.log(import.meta.dirname); // C:\alice
-         * ```
-         */
-        dirname: string;
-    }
-}
-type NodeRequest = ReturnType<typeof createRequire>;
-type NodeModule = NonNullable<NodeRequest["main"]>;
-interface ImportMetaPonyfillCommonjs {
-    (require: NodeRequest, module: NodeModule): ImportMeta;
-}
-interface ImportMetaPonyfillEsmodule {
-    (importMeta: ImportMeta): ImportMeta;
-}
-interface ImportMetaPonyfill extends ImportMetaPonyfillCommonjs, ImportMetaPonyfillEsmodule {
-}
-export declare let import_meta_ponyfill_commonjs: ImportMetaPonyfillCommonjs;
-export declare let import_meta_ponyfill_esmodule: ImportMetaPonyfillEsmodule;
-export declare let import_meta_ponyfill: ImportMetaPonyfill;
-export {};
-//# sourceMappingURL=_dnt.polyfills.d.ts.map

package/esm/_dnt.polyfills.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_dnt.polyfills.d.ts","sourceRoot":"","sources":["../src/_dnt.polyfills.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAgC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB;;;;;;;;;;;;;;WAcG;QACH,GAAG,EAAE,MAAM,CAAC;QACZ;;;;;;;;;;;;WAYG;QACH,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,MAAM,CAAC;QACtE;;;;;;;;WAQG;QACH,IAAI,EAAE,OAAO,CAAC;QAEd;;;;;;;;;;;;WAYG;QACH,QAAQ,EAAE,MAAM,CAAC;QAEjB;;;;;;;;;;;;WAYG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB;CACF;AAED,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACpD,KAAK,UAAU,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;AACnD,UAAU,0BAA0B;IAClC,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC;CACxD;AACD,UAAU,0BAA0B;IAClC,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC;CACtC;AACD,UAAU,kBACR,SAAQ,0BAA0B,EAAE,0BAA0B;CAC/D;AAiBD,eAAO,IAAI,6BAA6B,EA2BnC,0BAA0B,CAAC;AAMhC,eAAO,IAAI,6BAA6B,EA4DnC,0BAA0B,CAAC;AAMhC,eAAO,IAAI,oBAAoB,EAoB1B,kBAAkB,CAAC"}