@kerebron/extension-yjs 0.4.2 → 0.4.4

package/README.md

@@ -1,82 +1,160 @@
-# Kerebron - Prosemirror based online editor kit
+# YJS Extension
 
-## Watch a Demo
+Real-time collaborative editing extension for ProseMirror using [Yjs](https://yjs.dev/).
 
-<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>
+## Features
 
-## Playground Demo
+- **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](https://demo.kerebron.com) - be nice.
+## Installation
 
-## Overview
+```typescript
+import { ExtensionYjs } from '@kerebron/extension-yjs';
+import { WebsocketProvider } from 'y-websocket';
+import * as Y from 'yjs';
+```
 
-Using vanilla Prosemirror modules is often impossible because of
-incompatibilities.
+## 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'),
+    }),
+  ],
+});
+```
 
-Kerebron forks several prosemirror projects into one monorepo in order to keep
-them in sync.
+### Collaboration Status
 
-Project is inspired on https://tiptap.dev/, but instead of building wrapper
-around a wrapper it borrows concept of extension and command manager.
+When using `ExtensionCustomMenu` with `ExtensionYjs`, a collaboration status button is automatically added to the toolbar. This shows:
 
-It has simplified tooling (deno), fewer dependencies and resulting in lower
-number of output npm modules.
+- **Connection Status**: Green dot (connected) or red dot (disconnected)
+- **User Count**: Number of active collaborators
+- **User List**: Dropdown showing all collaborators with their names
 
-**Work in progress**
+#### Automatic Integration
 
+The collaboration status is added automatically when both extensions are present:
 
-## Build
+```typescript
+new Editor({
+  extensions: [
+    ExtensionCustomMenu(), // Auto-detects YJS
+    ExtensionYjs({ ydoc, provider, type }),
+  ],
+});
+```
 
-### Build static examples and `.wasm` files
+#### Manual Integration
 
-```sh
-deno task build
-```
+If you need more control, you can manually add the collaboration status:
 
-## Development
+```typescript
+import { CollaborationStatusElement } from '@kerebron/extension-yjs/CollaborationStatus';
+import '@kerebron/extension-yjs/assets/collaboration-status.css';
 
-To start example server:
+const collabStatus = new CollaborationStatusElement({
+  awareness: provider.awareness,
+  provider: provider,
+});
 
-```sh
-deno task -f server-deno-hono start
+new Editor({
+  extensions: [
+    ExtensionCustomMenu({
+      autoAddCollaborationStatus: false,
+      trailingElements: [collabStatus],
+    }),
+    ExtensionYjs({ ydoc, provider, type }),
+  ],
+});
 ```
 
-## Examples
+#### Disable Collaboration Status
 
-TODO
+To disable the automatic collaboration status:
 
-### NPM packages are generated using DNT
+```typescript
+new Editor({
+  extensions: [
+    ExtensionCustomMenu({ autoAddCollaborationStatus: false }),
+    ExtensionYjs({ ydoc, provider, type }),
+  ],
+});
+```
 
-- 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/
+## Exports
 
-To generate npm packages
+| 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 |
 
-```sh
-deno -A ./build/build_npm.ts
-```
+## CollaborationStatusElement Options
 
-## Run through docker
+| Option | Type | Required | Description |
+|--------|------|----------|-------------|
+| `awareness` | `Awareness` | Yes | Yjs awareness instance |
+| `provider` | `WebsocketProvider` | Yes | WebSocket provider for connection status |
 
-```sh
-docker build . -t editor-test
-docker run -it -p 8000:8000 -v $PWD:/usr/src/app editor-test
-```
-
-## Prerequisites
+## Styling
 
-Install deno
+The collaboration status element supports both light and dark themes via CSS custom properties. Import the styles:
 
-```
-npm install -g deno
+```typescript
+import '@kerebron/extension-yjs/assets/collaboration-status.css';
 ```
 
-Install rust
+Or include via HTML:
 
+```html
+<link rel="stylesheet" href="@kerebron/extension-yjs/assets/collaboration-status.css">
 ```
-curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
-```
+
+### 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)

package/assets/collaboration-status.css

@@ -0,0 +1,172 @@
+/* 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

@@ -0,0 +1,101 @@
+/**
+ * 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

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

package/esm/_dnt.polyfills.js

@@ -0,0 +1,127 @@
+/**
+ * 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.
+ */
+//@ts-ignore
+import { createRequire } from "node:module";
+//@ts-ignore
+import { fileURLToPath, pathToFileURL } from "node:url";
+//@ts-ignore
+import { dirname } from "node:path";
+const defineGlobalPonyfill = (symbolFor, fn) => {
+    if (!Reflect.has(globalThis, Symbol.for(symbolFor))) {
+        Object.defineProperty(globalThis, Symbol.for(symbolFor), {
+            configurable: true,
+            get() {
+                return fn;
+            },
+        });
+    }
+};
+export let import_meta_ponyfill_commonjs = (Reflect.get(globalThis, Symbol.for("import-meta-ponyfill-commonjs")) ??
+    (() => {
+        const moduleImportMetaWM = new WeakMap();
+        return (require, module) => {
+            let importMetaCache = moduleImportMetaWM.get(module);
+            if (importMetaCache == null) {
+                const importMeta = Object.assign(Object.create(null), {
+                    url: pathToFileURL(module.filename).href,
+                    main: require.main == module,
+                    resolve: (specifier, parentURL = importMeta.url) => {
+                        return pathToFileURL((importMeta.url === parentURL
+                            ? require
+                            : createRequire(parentURL))
+                            .resolve(specifier)).href;
+                    },
+                    filename: module.filename,
+                    dirname: module.path,
+                });
+                moduleImportMetaWM.set(module, importMeta);
+                importMetaCache = importMeta;
+            }
+            return importMetaCache;
+        };
+    })());
+defineGlobalPonyfill("import-meta-ponyfill-commonjs", import_meta_ponyfill_commonjs);
+export let import_meta_ponyfill_esmodule = (Reflect.get(globalThis, Symbol.for("import-meta-ponyfill-esmodule")) ??
+    ((importMeta) => {
+        const resolveFunStr = String(importMeta.resolve);
+        const shimWs = new WeakSet();
+        //@ts-ignore
+        const mainUrl = ("file:///" + process.argv[1].replace(/\\/g, "/"))
+            .replace(/\/{3,}/, "///");
+        const commonShim = (importMeta) => {
+            if (typeof importMeta.main !== "boolean") {
+                importMeta.main = importMeta.url === mainUrl;
+            }
+            if (typeof importMeta.filename !== "string") {
+                importMeta.filename = fileURLToPath(importMeta.url);
+                importMeta.dirname = dirname(importMeta.filename);
+            }
+        };
+        if (
+        // v16.2.0+, v14.18.0+: Add support for WHATWG URL object to parentURL parameter.
+        resolveFunStr === "undefined" ||
+            // v20.0.0+, v18.19.0+"" This API now returns a string synchronously instead of a Promise.
+            resolveFunStr.startsWith("async")
+        // enable by --experimental-import-meta-resolve flag
+        ) {
+            import_meta_ponyfill_esmodule = (importMeta) => {
+                if (!shimWs.has(importMeta)) {
+                    shimWs.add(importMeta);
+                    const importMetaUrlRequire = {
+                        url: importMeta.url,
+                        require: createRequire(importMeta.url),
+                    };
+                    importMeta.resolve = function resolve(specifier, parentURL = importMeta.url) {
+                        return pathToFileURL((importMetaUrlRequire.url === parentURL
+                            ? importMetaUrlRequire.require
+                            : createRequire(parentURL)).resolve(specifier)).href;
+                    };
+                    commonShim(importMeta);
+                }
+                return importMeta;
+            };
+        }
+        else {
+            /// native support
+            import_meta_ponyfill_esmodule = (importMeta) => {
+                if (!shimWs.has(importMeta)) {
+                    shimWs.add(importMeta);
+                    commonShim(importMeta);
+                }
+                return importMeta;
+            };
+        }
+        return import_meta_ponyfill_esmodule(importMeta);
+    }));
+defineGlobalPonyfill("import-meta-ponyfill-esmodule", import_meta_ponyfill_esmodule);
+export let import_meta_ponyfill = ((...args) => {
+    const _MODULE = (() => {
+        if (typeof require === "function" && typeof module === "object") {
+            return "commonjs";
+        }
+        else {
+            // eval("typeof import.meta");
+            return "esmodule";
+        }
+    })();
+    if (_MODULE === "commonjs") {
+        //@ts-ignore
+        import_meta_ponyfill = (r, m) => import_meta_ponyfill_commonjs(r, m);
+    }
+    else {
+        //@ts-ignore
+        import_meta_ponyfill = (im) => import_meta_ponyfill_esmodule(im);
+    }
+    //@ts-ignore
+    return import_meta_ponyfill(...args);
+});

package/esm/_dnt.shims.d.ts

@@ -0,0 +1,2 @@
+export declare const dntGlobalThis: Omit<typeof globalThis, never>;
+//# sourceMappingURL=_dnt.shims.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_dnt.shims.d.ts","sourceRoot":"","sources":["../src/_dnt.shims.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,gCAA2C,CAAC"}

package/esm/_dnt.shims.js

@@ -0,0 +1,57 @@
+const dntGlobals = {};
+export const dntGlobalThis = createMergeProxy(globalThis, dntGlobals);
+function createMergeProxy(baseObj, extObj) {
+    return new Proxy(baseObj, {
+        get(_target, prop, _receiver) {
+            if (prop in extObj) {
+                return extObj[prop];
+            }
+            else {
+                return baseObj[prop];
+            }
+        },
+        set(_target, prop, value) {
+            if (prop in extObj) {
+                delete extObj[prop];
+            }
+            baseObj[prop] = value;
+            return true;
+        },
+        deleteProperty(_target, prop) {
+            let success = false;
+            if (prop in extObj) {
+                delete extObj[prop];
+                success = true;
+            }
+            if (prop in baseObj) {
+                delete baseObj[prop];
+                success = true;
+            }
+            return success;
+        },
+        ownKeys(_target) {
+            const baseKeys = Reflect.ownKeys(baseObj);
+            const extKeys = Reflect.ownKeys(extObj);
+            const extKeysSet = new Set(extKeys);
+            return [...baseKeys.filter((k) => !extKeysSet.has(k)), ...extKeys];
+        },
+        defineProperty(_target, prop, desc) {
+            if (prop in extObj) {
+                delete extObj[prop];
+            }
+            Reflect.defineProperty(baseObj, prop, desc);
+            return true;
+        },
+        getOwnPropertyDescriptor(_target, prop) {
+            if (prop in extObj) {
+                return Reflect.getOwnPropertyDescriptor(extObj, prop);
+            }
+            else {
+                return Reflect.getOwnPropertyDescriptor(baseObj, prop);
+            }
+        },
+        has(_target, prop) {
+            return prop in extObj || prop in baseObj;
+        },
+    });
+}

package/esm/editor/src/utilities/getShadowRoot.d.ts

@@ -0,0 +1,2 @@
+export declare function getShadowRoot(element?: Element): ShadowRoot | undefined;
+//# sourceMappingURL=getShadowRoot.d.ts.map

package/esm/editor/src/utilities/getShadowRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowRoot.d.ts","sourceRoot":"","sources":["../../../../src/editor/src/utilities/getShadowRoot.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAiBvE"}