@kerebron/extension-menu 0.4.3 → 0.4.4

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

@@ -0,0 +1,286 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+const CSS_PREFIX = 'kb-collab-status';
+/**
+ * Plugin key for accessing collaboration status state
+ */
+export const collaborationStatusPluginKey = new PluginKey('collaboration-status');
+/**
+ * Creates a ProseMirror plugin that tracks collaboration status and user presence.
+ * This plugin maintains state that can be accessed by other components.
+ */
+export function collaborationStatusPlugin(awareness, options = {}) {
+    return new Plugin({
+        key: collaborationStatusPluginKey,
+        state: {
+            init() {
+                return {
+                    status: 'connecting',
+                    users: getUsers(awareness),
+                };
+            },
+            apply(tr, value) {
+                const meta = tr.getMeta(collaborationStatusPluginKey);
+                if (meta) {
+                    return { ...value, ...meta };
+                }
+                return value;
+            },
+        },
+        view(editorView) {
+            const updateUsers = () => {
+                const users = getUsers(awareness);
+                editorView.dispatch(editorView.state.tr.setMeta(collaborationStatusPluginKey, { users }));
+            };
+            awareness.on('change', updateUsers);
+            return {
+                destroy() {
+                    awareness.off('change', updateUsers);
+                },
+            };
+        },
+    });
+}
+function getUsers(awareness) {
+    const users = [];
+    awareness.getStates().forEach((state, clientId) => {
+        if (state.user) {
+            users.push({
+                clientId,
+                name: state.user.name || `User ${clientId}`,
+                color: state.user.color || '#888888',
+                colorLight: state.user.colorLight,
+            });
+        }
+    });
+    return users;
+}
+/**
+ * A menu element that displays collaboration status, user count, and a dropdown of users.
+ */
+export class CollaborationStatusElement {
+    constructor(options) {
+        Object.defineProperty(this, "awareness", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "provider", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dom", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "statusDot", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "userCount", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "dropdown", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "userList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "isOpen", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "status", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'connecting'
+        });
+        this.awareness = options.awareness;
+        this.provider = options.provider;
+    }
+    render(view) {
+        // Create main container
+        this.dom = document.createElement('div');
+        this.dom.className = `${CSS_PREFIX}`;
+        this.dom.setAttribute('role', 'button');
+        this.dom.setAttribute('aria-haspopup', 'true');
+        this.dom.setAttribute('aria-expanded', 'false');
+        // Create status indicator button
+        const button = document.createElement('button');
+        button.type = 'button';
+        button.className = `${CSS_PREFIX}__button`;
+        button.title = 'Collaboration status';
+        button.setAttribute('aria-label', 'Collaboration status');
+        // Status dot
+        this.statusDot = document.createElement('span');
+        this.statusDot.className =
+            `${CSS_PREFIX}__dot ${CSS_PREFIX}__dot--connecting`;
+        button.appendChild(this.statusDot);
+        // User count badge
+        this.userCount = document.createElement('span');
+        this.userCount.className = `${CSS_PREFIX}__count`;
+        this.userCount.textContent = '0';
+        button.appendChild(this.userCount);
+        // Dropdown chevron
+        const chevron = document.createElement('span');
+        chevron.className = `${CSS_PREFIX}__chevron`;
+        chevron.innerHTML =
+            `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>`;
+        button.appendChild(chevron);
+        this.dom.appendChild(button);
+        // Create dropdown
+        this.dropdown = document.createElement('div');
+        this.dropdown.className = `${CSS_PREFIX}__dropdown`;
+        this.dropdown.style.display = 'none';
+        // Dropdown header
+        const header = document.createElement('div');
+        header.className = `${CSS_PREFIX}__header`;
+        header.textContent = 'Collaborators';
+        this.dropdown.appendChild(header);
+        // User list
+        this.userList = document.createElement('div');
+        this.userList.className = `${CSS_PREFIX}__users`;
+        this.dropdown.appendChild(this.userList);
+        this.dom.appendChild(this.dropdown);
+        // Event handlers
+        button.addEventListener('click', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            this.toggleDropdown();
+        });
+        // Close on outside click
+        const closeHandler = (e) => {
+            if (this.isOpen && this.dom && !this.dom.contains(e.target)) {
+                this.closeDropdown();
+            }
+        };
+        document.addEventListener('click', closeHandler);
+        // Listen for awareness changes
+        const awarenessChangeHandler = () => {
+            this.updateUserList();
+        };
+        this.awareness.on('change', awarenessChangeHandler);
+        // Listen for provider status changes
+        if (this.provider && typeof this.provider.on === 'function') {
+            this.provider.on('status', (event) => {
+                this.setStatus(event.status);
+            });
+        }
+        // Initial update
+        this.updateUserList();
+        const update = (_state) => {
+            // Always visible
+            return true;
+        };
+        return { dom: this.dom, update };
+    }
+    setStatus(status) {
+        this.status = status;
+        if (this.statusDot) {
+            this.statusDot.className =
+                `${CSS_PREFIX}__dot ${CSS_PREFIX}__dot--${status}`;
+        }
+        if (this.dom) {
+            this.dom.setAttribute('data-status', status);
+            const button = this.dom.querySelector('button');
+            if (button) {
+                const statusLabels = {
+                    connected: 'Connected',
+                    connecting: 'Connecting...',
+                    disconnected: 'Disconnected',
+                };
+                button.title = `${statusLabels[status]} - Click to see collaborators`;
+            }
+        }
+    }
+    updateUserList() {
+        if (!this.userList || !this.userCount)
+            return;
+        const users = getUsers(this.awareness);
+        const currentClientId = this.awareness.clientID;
+        // Update count (including self)
+        this.userCount.textContent = String(users.length);
+        // Clear and rebuild user list
+        this.userList.innerHTML = '';
+        if (users.length === 0) {
+            const emptyMessage = document.createElement('div');
+            emptyMessage.className = `${CSS_PREFIX}__empty`;
+            emptyMessage.textContent = 'No users connected';
+            this.userList.appendChild(emptyMessage);
+            return;
+        }
+        // Sort users: current user first, then alphabetically
+        const sortedUsers = [...users].sort((a, b) => {
+            if (a.clientId === currentClientId)
+                return -1;
+            if (b.clientId === currentClientId)
+                return 1;
+            return a.name.localeCompare(b.name);
+        });
+        sortedUsers.forEach((user) => {
+            const userItem = document.createElement('div');
+            userItem.className = `${CSS_PREFIX}__user`;
+            // Color indicator
+            const colorDot = document.createElement('span');
+            colorDot.className = `${CSS_PREFIX}__user-color`;
+            colorDot.style.backgroundColor = user.color;
+            userItem.appendChild(colorDot);
+            // User name
+            const userName = document.createElement('span');
+            userName.className = `${CSS_PREFIX}__user-name`;
+            userName.textContent = user.name;
+            userItem.appendChild(userName);
+            // "You" badge for current user
+            if (user.clientId === currentClientId) {
+                const youBadge = document.createElement('span');
+                youBadge.className = `${CSS_PREFIX}__you-badge`;
+                youBadge.textContent = '(you)';
+                userItem.appendChild(youBadge);
+            }
+            this.userList.appendChild(userItem);
+        });
+    }
+    toggleDropdown() {
+        if (this.isOpen) {
+            this.closeDropdown();
+        }
+        else {
+            this.openDropdown();
+        }
+    }
+    openDropdown() {
+        if (!this.dropdown || !this.dom)
+            return;
+        this.isOpen = true;
+        this.dropdown.style.display = 'block';
+        this.dom.setAttribute('aria-expanded', 'true');
+        this.dom.classList.add(`${CSS_PREFIX}--open`);
+        this.updateUserList(); // Refresh on open
+    }
+    closeDropdown() {
+        if (!this.dropdown || !this.dom)
+            return;
+        this.isOpen = false;
+        this.dropdown.style.display = 'none';
+        this.dom.setAttribute('aria-expanded', 'false');
+        this.dom.classList.remove(`${CSS_PREFIX}--open`);
+    }
+}

package/esm/tree-sitter-shim/src/main.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Compatibility shim for deno_tree_sitter -> web-tree-sitter
+ * This provides the same createParser API that deno_tree_sitter exports
+ */
+import Parser from 'web-tree-sitter';
+/**
+ * Creates a tree-sitter parser from WASM binary data.
+ * Compatible with deno_tree_sitter's createParser API.
+ *
+ * @param wasmBinary - The WASM binary data (Uint8Array or ArrayBuffer)
+ * @returns A configured Parser instance with the language set
+ */
+export declare function createParser(wasmBinary: Uint8Array | ArrayBuffer): Promise<Parser>;
+export { Parser };
+//# sourceMappingURL=main.d.ts.map

package/esm/tree-sitter-shim/src/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/tree-sitter-shim/src/main.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC;;;;;;GAMG;AACH,wBAAsB,YAAY,CAChC,UAAU,EAAE,UAAU,GAAG,WAAW,GACnC,OAAO,CAAC,MAAM,CAAC,CAWjB;AAGD,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/esm/tree-sitter-shim/src/main.js

@@ -0,0 +1,25 @@
+/**
+ * Compatibility shim for deno_tree_sitter -> web-tree-sitter
+ * This provides the same createParser API that deno_tree_sitter exports
+ */
+import Parser from 'web-tree-sitter';
+let initialized = false;
+/**
+ * Creates a tree-sitter parser from WASM binary data.
+ * Compatible with deno_tree_sitter's createParser API.
+ *
+ * @param wasmBinary - The WASM binary data (Uint8Array or ArrayBuffer)
+ * @returns A configured Parser instance with the language set
+ */
+export async function createParser(wasmBinary) {
+    if (!initialized) {
+        await Parser.init();
+        initialized = true;
+    }
+    const parser = new Parser();
+    const language = await Parser.Language.load(wasmBinary);
+    parser.setLanguage(language);
+    return parser;
+}
+// Re-export other items from main.js for compatibility
+export { Parser };

package/esm/tree-sitter-shim/src/tree_sitter/node.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Compatibility shim for deno_tree_sitter Node type -> web-tree-sitter
+ */
+import type Parser from 'web-tree-sitter';
+export type Node = Parser.SyntaxNode;
+//# sourceMappingURL=node.d.ts.map

package/esm/tree-sitter-shim/src/tree_sitter/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../../src/tree-sitter-shim/src/tree_sitter/node.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAE1C,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC"}

package/esm/tree-sitter-shim/src/tree_sitter/node.js

@@ -0,0 +1 @@
+export {};

package/esm/tree-sitter-shim/src/tree_sitter/parser.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Compatibility shim for deno_tree_sitter parser types -> web-tree-sitter
+ */
+import Parser from 'web-tree-sitter';
+export { Parser };
+export type { Parser };
+//# sourceMappingURL=parser.d.ts.map

package/esm/tree-sitter-shim/src/tree_sitter/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../../src/tree-sitter-shim/src/tree_sitter/parser.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,MAAM,EAAE,CAAC"}

package/esm/tree-sitter-shim/src/tree_sitter/parser.js

@@ -0,0 +1,5 @@
+/**
+ * Compatibility shim for deno_tree_sitter parser types -> web-tree-sitter
+ */
+import Parser from 'web-tree-sitter';
+export { Parser };

package/esm/tree-sitter-shim/src/tree_sitter/tree.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Compatibility shim for deno_tree_sitter Tree type -> web-tree-sitter
+ */
+import type Parser from 'web-tree-sitter';
+export type Tree = Parser.Tree;
+//# sourceMappingURL=tree.d.ts.map

package/esm/tree-sitter-shim/src/tree_sitter/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../../src/tree-sitter-shim/src/tree_sitter/tree.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAE1C,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC"}

package/esm/tree-sitter-shim/src/tree_sitter/tree.js

@@ -0,0 +1 @@
+export {};

package/esm/wasm/src/mod.d.ts

@@ -0,0 +1,12 @@
+import manifest from '../wasm.js';
+export declare function getLangsList(): string[];
+export declare function getLangTreeSitter(lang: string, cdnUrl?: string): {
+    lang: string;
+    repo: string;
+    files: string[];
+    queries: any;
+};
+export declare function fetchWasm(wasmUrl: string): Promise<Uint8Array>;
+export declare function fetchTextResource(url: string): Promise<string>;
+export { manifest };
+//# sourceMappingURL=mod.d.ts.map

package/esm/wasm/src/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../src/wasm/src/mod.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAIlC,wBAAgB,YAAY,IAAI,MAAM,EAAE,CAMvC;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,MAAM,SAAgC;;;;;EAuBvC;AAED,wBAAsB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAWpE;AAED,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAapE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/esm/wasm/src/mod.js

@@ -0,0 +1,48 @@
+import * as dntShim from "../../_dnt.shims.js";
+import manifest from '../wasm.js';
+const __dirname = globalThis[Symbol.for("import-meta-ponyfill-esmodule")](import.meta).dirname;
+export function getLangsList() {
+    return manifest
+        .map((item) => item.repo.split('-').pop())
+        .filter((item) => 'string' === typeof item);
+}
+export function getLangTreeSitter(lang, cdnUrl = 'http://localhost:8000/wasm/') {
+    const langManifest = manifest.find((item) => item.repo.endsWith('-' + lang));
+    if (!langManifest) {
+        throw new Error('No grammar for: ' + lang);
+    }
+    if (!cdnUrl.endsWith('/')) {
+        cdnUrl += '/';
+    }
+    const dir = langManifest.repo.split('/')[1];
+    cdnUrl += dir + '/';
+    const queries = Object.entries(langManifest.queries)
+        .map((entry) => [entry[0], cdnUrl + entry[0]]);
+    return {
+        lang,
+        repo: langManifest.repo,
+        files: langManifest.files.map((file) => cdnUrl + file),
+        queries: Object.fromEntries(queries),
+    };
+}
+export async function fetchWasm(wasmUrl) {
+    if ('Deno' in dntShim.dntGlobalThis) { // Test or server-side
+        return globalThis.Deno.readFileSync(__dirname + '/../files' + wasmUrl);
+    }
+    const response = await fetch(wasmUrl);
+    if (response.status >= 400) {
+        throw new Error(`Error fetching ${response.status}`);
+    }
+    return new Uint8Array(await response.arrayBuffer());
+}
+export async function fetchTextResource(url) {
+    if ('Deno' in dntShim.dntGlobalThis) {
+        return new TextDecoder().decode(globalThis.Deno.readFileSync(__dirname + '/../files' + url));
+    }
+    const responseScm = await fetch(url);
+    if (responseScm.status >= 400) {
+        throw new Error(`Error fetching ${responseScm.status}`);
+    }
+    return await responseScm.text();
+}
+export { manifest };

package/esm/wasm/wasm.d.ts

@@ -0,0 +1,138 @@
+declare const _default: ({
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "injections.scm": string;
+        "highlights-inline.scm": string;
+        "injections-inline.scm": string;
+        "highlights-dtd.scm"?: undefined;
+        "tags.scm"?: undefined;
+        "locals.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "injections.scm"?: undefined;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "highlights-dtd.scm"?: undefined;
+        "tags.scm"?: undefined;
+        "locals.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "highlights-dtd.scm": string;
+        "injections.scm"?: undefined;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "tags.scm"?: undefined;
+        "locals.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "injections.scm": string;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "highlights-dtd.scm"?: undefined;
+        "tags.scm"?: undefined;
+        "locals.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "injections.scm": string;
+        "tags.scm": string;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "highlights-dtd.scm"?: undefined;
+        "locals.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "locals.scm": string;
+        "tags.scm": string;
+        "injections.scm"?: undefined;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "highlights-dtd.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "tags.scm": string;
+        "injections.scm"?: undefined;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "highlights-dtd.scm"?: undefined;
+        "locals.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    version: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "highlights-jsx.scm": string;
+        "highlights-params.scm": string;
+        "injections.scm": string;
+        "locals.scm": string;
+        "tags.scm": string;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "highlights-dtd.scm"?: undefined;
+    };
+} | {
+    repo: string;
+    files: string[];
+    queries: {
+        "highlights.scm": string;
+        "injections.scm"?: undefined;
+        "highlights-inline.scm"?: undefined;
+        "injections-inline.scm"?: undefined;
+        "highlights-dtd.scm"?: undefined;
+        "tags.scm"?: undefined;
+        "locals.scm"?: undefined;
+        "highlights-jsx.scm"?: undefined;
+        "highlights-params.scm"?: undefined;
+    };
+    version?: undefined;
+})[];
+export default _default;
+//# sourceMappingURL=wasm.d.ts.map

package/esm/wasm/wasm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wasm.d.ts","sourceRoot":"","sources":["../../src/wasm/wasm.js"],"names":[],"mappings":""}