@neo4j-cypher/react-codemirror 2.0.0-next.4 → 2.0.0-next.41

package/dist/src/e2e_tests/syntaxValidation.spec.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { testData } from '@neo4j-cypher/language-support';
+import { expect, test } from '@playwright/experimental-ct-react';
+import { CypherEditor } from '../CypherEditor';
+import { CypherEditorPage } from './e2eUtils';
+test.use({ viewport: { width: 1000, height: 500 } });
+test('Prop lint set to false disables syntax validation', async ({ page, mount, }) => {
+    const query = 'METCH (n) RETURN n';
+    await mount(_jsx(CypherEditor, { value: query, lint: false }));
+    await expect(page.locator('.cm-lintRange-error').last()).not.toBeVisible({
+        timeout: 10000,
+    });
+});
+test('Can turn linting back on', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = 'METCH (n) RETURN n';
+    const component = await mount(_jsx(CypherEditor, { value: query, lint: false }));
+    await expect(page.locator('.cm-lintRange-error').last()).not.toBeVisible({
+        timeout: 10000,
+    });
+    await component.update(_jsx(CypherEditor, { value: query, lint: true }));
+    await editorPage.getEditor().fill('METCH (n) RETURN n');
+    await editorPage.checkErrorMessage('METCH', `Invalid input 'METCH': expected 'ALTER', 'ORDER BY', 'CALL', 'USING PERIODIC COMMIT', 'CREATE', 'LOAD CSV', 'START DATABASE', 'STOP DATABASE', 'DEALLOCATE', 'DELETE', 'DENY', 'DETACH', 'DROP', 'DRYRUN', 'FINISH', 'FOREACH', 'GRANT', 'INSERT', 'LIMIT', 'MATCH', 'MERGE', 'NODETACH', 'OFFSET', 'OPTIONAL', 'REALLOCATE', 'REMOVE', 'RENAME', 'RETURN', 'REVOKE', 'ENABLE SERVER', 'SET', 'SHOW', 'SKIP', 'TERMINATE', 'UNWIND', 'USE' or 'WITH'`);
+});
+test('Syntactic errors are surfaced', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = 'METCH (n) RETURN n';
+    await mount(_jsx(CypherEditor, { value: query }));
+    await editorPage.checkErrorMessage('METCH', `Invalid input 'METCH': expected 'ALTER', 'ORDER BY', 'CALL', 'USING PERIODIC COMMIT', 'CREATE', 'LOAD CSV', 'START DATABASE', 'STOP DATABASE', 'DEALLOCATE', 'DELETE', 'DENY', 'DETACH', 'DROP', 'DRYRUN', 'FINISH', 'FOREACH', 'GRANT', 'INSERT', 'LIMIT', 'MATCH', 'MERGE', 'NODETACH', 'OFFSET', 'OPTIONAL', 'REALLOCATE', 'REMOVE', 'RENAME', 'RETURN', 'REVOKE', 'ENABLE SERVER', 'SET', 'SHOW', 'SKIP', 'TERMINATE', 'UNWIND', 'USE' or 'WITH'`);
+});
+test('Does not trigger syntax errors for backticked parameters in parameter creation', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = ':param x => "abc"';
+    await mount(_jsx(CypherEditor, { value: query }));
+    await editorPage.checkNoNotificationMessage('error');
+});
+test('Errors for undefined labels are surfaced', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = 'MATCH (n: Person) RETURN n';
+    await mount(_jsx(CypherEditor, { value: query, schema: { labels: ['Movie'], relationshipTypes: [] } }));
+    await editorPage.checkWarningMessage('Person', "Label Person is not present in the database. Make sure you didn't misspell it or that it is available when you run this statement in your application");
+});
+test('Errors for multiline undefined labels are highlighted correctly', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `MATCH (n:\`Foo
+    Bar\`) RETURN n`;
+    const expectedMsg = `Label \`Foo
+    Bar\` is not present in the database. Make sure you didn't misspell it or that it is available when you run this statement in your application`;
+    await mount(_jsx(CypherEditor, { value: query, schema: { labels: ['Movie'], relationshipTypes: [] } }));
+    await editorPage.checkWarningMessage('`Foo', expectedMsg);
+    await editorPage.checkWarningMessage('Bar`', expectedMsg);
+});
+test('Semantic errors work in firefox', async ({ browserName, page, mount, }) => {
+    test.skip(browserName !== 'firefox');
+    const editorPage = new CypherEditorPage(page);
+    const query = 'MATCH (n:OperationalPoint)--(m:OperationalPoint) RETURN s,m,n';
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema }));
+    await editorPage.checkErrorMessage('s,m,n', 'Variable `s` not defined');
+});
+test('Semantic errors are surfaced when there are no syntactic errors', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = 'MATCH (n) RETURN m';
+    await mount(_jsx(CypherEditor, { value: query }));
+    await editorPage.checkErrorMessage('m', 'Variable `m` not defined');
+});
+test('Semantic errors are correctly accumulated', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = 'CALL { MATCH (n) } IN TRANSACTIONS OF -1 ROWS';
+    await mount(_jsx(CypherEditor, { value: query }));
+    await editorPage.checkErrorMessage('-1', "Invalid input. '-1' is not a valid value. Must be a positive integer.");
+});
+test('Multiline errors are correctly placed', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `CALL { 
+    MATCH (n) 
+  } IN TRANSACTIONS 
+  OF -1 ROWS`;
+    await mount(_jsx(CypherEditor, { value: query }));
+    await editorPage.checkErrorMessage('-1', "Invalid input. '-1' is not a valid value. Must be a positive integer.");
+});
+test('Validation errors are correctly overlapped', async ({ page, mount }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `CALL { MATCH (n)
+    RETURN n
+  } IN TRANSACTIONS 
+  OF -1 ROWS`;
+    await mount(_jsx(CypherEditor, { value: query }));
+    await editorPage.checkErrorMessage('-1', "Invalid input. '-1' is not a valid value. Must be a positive integer.");
+});
+test('Syntax highlighting works as expected with multiple separate linting messages', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `MATCH (n)--(m) CALL (n) {RETURN id(n) AS b} RETURN apoc.create.uuid(), a`;
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema }));
+    await expect(editorPage.page.locator('.cm-deprecated-element').last()).toBeVisible({
+        timeout: 10000,
+    });
+    await editorPage.checkWarningMessage('id', 'Function id is deprecated.');
+    await editorPage.checkWarningMessage('id', `The query used a deprecated function. ('id' has been replaced by 'elementId or consider using an application-generated id')`);
+    await editorPage.checkWarningMessage('apoc.create.uuid', 'Function apoc.create.uuid is deprecated. Alternative: Neo4j randomUUID() function');
+    await editorPage.checkErrorMessage('a', 'Variable `a` not defined');
+});
+test('Strikethroughs are shown for deprecated functions', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `RETURN id(1)`;
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema }));
+    await expect(editorPage.page.locator('.cm-deprecated-element').last()).toBeVisible({
+        timeout: 10000,
+    });
+    await editorPage.checkWarningMessage('id', 'Function id is deprecated.');
+});
+test('Strikethroughs are shown for deprecated procedures', async ({ page, mount, }) => {
+    const editorPage = new CypherEditorPage(page);
+    const query = `CALL apoc.create.uuids(5)`;
+    await mount(_jsx(CypherEditor, { value: query, schema: testData.mockSchema }));
+    await expect(editorPage.page.locator('.cm-deprecated-element').last()).toBeVisible({
+        timeout: 10000,
+    });
+    await editorPage.checkWarningMessage('apoc.create.uuids', "Procedure apoc.create.uuids is deprecated. Alternative: Neo4j's randomUUID() function can be used as a replacement, for example: `UNWIND range(0,$count) AS row RETURN row, randomUUID() AS uuid`");
+});
+test('Syntax validation depends on the Cypher version', async ({ page, mount, }) => {
+    await mount(_jsx(CypherEditor, { schema: testData.mockSchema }));
+    const editorPage = new CypherEditorPage(page);
+    const textField = page.getByRole('textbox');
+    await textField.fill('CYPHER 5 CALL apoc.create.uuids(5)');
+    await editorPage.checkWarningMessage('apoc.create.uuids', "Procedure apoc.create.uuids is deprecated. Alternative: Neo4j's randomUUID() function can be used as a replacement, for example: `UNWIND range(0,$count) AS row RETURN row, randomUUID() AS uuid`");
+    await textField.fill('CYPHER 25 CALL apoc.create.uuids(5)');
+    await editorPage.checkErrorMessage('apoc.create.uuids', `Procedure apoc.create.uuids is not present in the database. Make sure you didn't misspell it or that it is available when you run this statement in your application`);
+});
+//# sourceMappingURL=syntaxValidation.spec.js.map

package/dist/src/e2e_tests/syntaxValidation.spec.js.map

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

package/dist/src/editorActions.d.ts

@@ -0,0 +1,17 @@
+import { StateEffect, type Extension } from '@codemirror/state';
+import type { HostPortalCallbacks } from './hostCallbacks';
+/** Lifecycle callbacks for the editor action buttons. See {@link HostPortalCallbacks}. */
+export type EditorActionsCallbacks = HostPortalCallbacks;
+export type EditorActionsController = {
+    /** CodeMirror extension to register on the editor. */
+    extension: Extension;
+    /**
+     * Drive the action buttons from the host's state: pass callbacks to mount
+     * them, or `null` to unmount. Returns the effect for the host to dispatch.
+     *
+     * Visibility is purely a function of whether callbacks exist — there's no
+     * separate show/hide toggle.
+     */
+    set: (callbacks: EditorActionsCallbacks | null) => StateEffect<boolean>;
+};
+export declare function createEditorActionsController(): EditorActionsController;

package/dist/src/editorActions.js

@@ -0,0 +1,259 @@
+import { StateEffect, StateField } from '@codemirror/state';
+import { Decoration, EditorView, ViewPlugin, WidgetType, } from '@codemirror/view';
+/**
+ * Renders a host-provided cluster of action buttons at the top-right corner
+ * of the editor.
+ *
+ * The cluster is split into two cooperating pieces so it can both reserve
+ * space *and* stay pinned — which a single element can't do (reserving needs
+ * to be in flow, pinning needs to be out of it):
+ *
+ *  - A **spacer**: an empty, floated inline widget at the very start of the
+ *    document. Being in flow, it makes the first line's text wrap around it —
+ *    and because it's a float, the browser handles arbitrary cluster heights.
+ *    It carries no content; it only reserves the footprint.
+ *  - An **overlay**: the real, host-rendered buttons in a container pinned
+ *    `absolute` on the editor element (which does not scroll). It never moves
+ *    when the document grows, when an inline panel opens above the first line,
+ *    or when the content scrolls — content simply scrolls behind it.
+ *
+ * The overlay is measured against the scroller's visible box rather than
+ * against the spacer or the content: the spacer moves down the document
+ * whenever something renders above the first line (an inline panel, the
+ * deleted lines of a diff), and the content reaches past the right edge as
+ * soon as it overflows.
+ * Vertically the cluster is centred on the first line.
+ */
+const SPACER_BOTTOM_GAP = 2;
+const SPACER_LEFT_GAP = 4;
+/**
+ * Floor for the overlay's inset from the visible right edge, so it stays off
+ * the content's last pixel even if a theme zeroes `.cm-line`'s right padding
+ * (the base theme's 2px, which is what normally provides the inset).
+ */
+const MIN_OVERLAY_RIGHT_INSET = 2;
+export function createEditorActionsController() {
+    const setActiveEffect = StateEffect.define();
+    let callbacksRef = null;
+    const activeField = StateField.define({
+        create: () => false,
+        update(active, transaction) {
+            for (const effect of transaction.effects) {
+                if (effect.is(setActiveEffect)) {
+                    active = effect.value;
+                }
+            }
+            return active;
+        },
+    });
+    class SpacerWidget extends WidgetType {
+        toDOM() {
+            const spacer = document.createElement('div');
+            spacer.className = 'cm-editor-actions-spacer';
+            spacer.setAttribute('aria-hidden', 'true');
+            return spacer;
+        }
+        eq() {
+            return true;
+        }
+        /**
+         * The spacer floats right, so CodeMirror's default — the widget's own box —
+         * puts the caret at the right edge of the cluster whenever the spacer is
+         * the only thing it can measure on the first line (an empty document).
+         * Report the start of the line's inline content instead: the node after
+         * the spacer (text, a placeholder, or CodeMirror's trailing `<br>`).
+         */
+        coordsAt(dom) {
+            const next = dom.nextSibling;
+            if (!next) {
+                return null;
+            }
+            let rects;
+            if (next instanceof Element) {
+                rects = next.getClientRects();
+            }
+            else {
+                const range = document.createRange();
+                range.selectNodeContents(next);
+                rects = range.getClientRects();
+            }
+            const rect = rects[0];
+            if (!rect) {
+                return null;
+            }
+            return {
+                left: rect.left,
+                right: rect.left,
+                top: rect.top,
+                bottom: rect.bottom,
+            };
+        }
+        ignoreEvent() {
+            return true;
+        }
+    }
+    const spacer = EditorView.decorations.compute(['doc', activeField], (state) => {
+        if (!state.field(activeField)) {
+            return Decoration.none;
+        }
+        return Decoration.set([
+            Decoration.widget({
+                widget: new SpacerWidget(),
+                side: -1,
+            }).range(0),
+        ]);
+    });
+    const overlay = ViewPlugin.fromClass(class {
+        dom = null;
+        resizeObserver = null;
+        mounted = null;
+        constructor(view) {
+            if (view.state.field(activeField)) {
+                this.mount(view);
+            }
+        }
+        update(update) {
+            const isActive = update.state.field(activeField);
+            if (isActive && !this.dom) {
+                this.mount(update.view);
+            }
+            else if (!isActive && this.dom) {
+                this.unmount();
+            }
+            else if (this.dom &&
+                (update.geometryChanged ||
+                    update.docChanged ||
+                    update.viewportChanged)) {
+                this.align(update.view);
+            }
+        }
+        destroy() {
+            this.unmount();
+        }
+        mount(view) {
+            const container = document.createElement('div');
+            container.className = 'cm-editor-actions';
+            view.dom.appendChild(container);
+            this.resizeObserver = new ResizeObserver(() => {
+                view.dom.style.setProperty('--cm-editor-actions-width', `${container.offsetWidth}px`);
+                view.dom.style.setProperty('--cm-editor-actions-reserved-width', `${container.offsetWidth + SPACER_LEFT_GAP}px`);
+                // The spacer's height follows the overlay's position, so `align`
+                // owns it.
+                this.align(view);
+            });
+            this.resizeObserver.observe(container);
+            this.dom = container;
+            this.mounted = callbacksRef;
+            callbacksRef?.onMount(container);
+            this.align(view);
+        }
+        align(view) {
+            view.requestMeasure({
+                read: () => {
+                    if (!this.dom) {
+                        return null;
+                    }
+                    const editorRect = view.dom.getBoundingClientRect();
+                    const scrollerRect = view.scrollDOM.getBoundingClientRect();
+                    const style = window.getComputedStyle(view.contentDOM);
+                    const visibleRight = scrollerRect.left + view.scrollDOM.clientWidth;
+                    // Match the inset `.cm-line`'s right padding gives the spacer, so
+                    // the overlay lands on the space the spacer reserves and stays off
+                    // `contentRect.right - 1`, the pixel CodeMirror hit-tests to
+                    // measure a wrapped line's selection. Cover it and the first
+                    // line's highlight collapses to zero width — hence the floor.
+                    const line = view.contentDOM.querySelector('.cm-line');
+                    const lineRightPadding = line
+                        ? parseFloat(window.getComputedStyle(line).paddingRight) || 0
+                        : 0;
+                    const contentPaddingTop = parseFloat(style.paddingTop) || 0;
+                    const height = this.dom.offsetHeight;
+                    // How far the cluster has to rise above the first line's top to
+                    // sit centred on it, limited to the padding it can rise into.
+                    const lift = Math.min(Math.max((height - view.defaultLineHeight) / 2, 0), contentPaddingTop);
+                    return {
+                        top: scrollerRect.top - editorRect.top + contentPaddingTop - lift,
+                        right: editorRect.right -
+                            visibleRight +
+                            (parseFloat(style.paddingRight) || 0) +
+                            Math.max(lineRightPadding, MIN_OVERLAY_RIGHT_INSET),
+                        // The spacer starts at the first line's top, so it only needs to
+                        // clear the part of the cluster that hangs below it.
+                        spacerHeight: height - lift,
+                        // A floor under the content, so an empty document is still tall
+                        // enough to hold the overlay.
+                        contentMinHeight: contentPaddingTop - lift + height,
+                    };
+                },
+                write: (pos) => {
+                    if (!pos || !this.dom) {
+                        return;
+                    }
+                    view.dom.style.setProperty('--cm-editor-actions-top', `${pos.top}px`);
+                    view.dom.style.setProperty('--cm-editor-actions-right', `${pos.right}px`);
+                    view.dom.style.setProperty('--cm-editor-actions-height', `${pos.spacerHeight}px`);
+                    view.dom.style.setProperty('--cm-editor-actions-content-min-height', `${pos.contentMinHeight}px`);
+                },
+            });
+        }
+        unmount() {
+            if (!this.dom) {
+                return;
+            }
+            this.resizeObserver?.disconnect();
+            this.resizeObserver = null;
+            this.mounted?.onUnmount();
+            this.mounted = null;
+            const root = this.dom?.parentElement;
+            if (root) {
+                root.style.removeProperty('--cm-editor-actions-width');
+                root.style.removeProperty('--cm-editor-actions-height');
+                root.style.removeProperty('--cm-editor-actions-content-min-height');
+                root.style.removeProperty('--cm-editor-actions-reserved-width');
+                root.style.removeProperty('--cm-editor-actions-top');
+                root.style.removeProperty('--cm-editor-actions-right');
+            }
+            this.dom?.remove();
+            this.dom = null;
+        }
+    });
+    const theme = EditorView.theme({
+        '.cm-content': {
+            minHeight: 'var(--cm-editor-actions-content-min-height, 0px)',
+        },
+        '.cm-editor-actions-spacer': {
+            float: 'right',
+            boxSizing: 'content-box',
+            width: 'var(--cm-editor-actions-width, 0px)',
+            height: 'var(--cm-editor-actions-height, 0px)',
+            paddingLeft: `${SPACER_LEFT_GAP}px`,
+            paddingBottom: `${SPACER_BOTTOM_GAP}px`,
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+            pointerEvents: 'none',
+        },
+        // The spacer only clears the first line, so a panel above it makes its own room.
+        '.cm-inline-panel': {
+            paddingRight: 'var(--cm-editor-actions-reserved-width, 0px)',
+        },
+        '.cm-placeholder': {
+            display: 'inline',
+        },
+        '.cm-editor-actions': {
+            position: 'absolute',
+            top: 'var(--cm-editor-actions-top, 0px)',
+            right: 'var(--cm-editor-actions-right, 0px)',
+            zIndex: '2',
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+        },
+    });
+    return {
+        extension: [activeField, spacer, overlay, theme],
+        set: (callbacks) => {
+            callbacksRef = callbacks;
+            return setActiveEffect.of(callbacks !== null);
+        },
+    };
+}
+//# sourceMappingURL=editorActions.js.map

package/dist/src/editorActions.js.map

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

package/dist/{types/history-navigation.d.ts → src/historyNavigation.d.ts}

@@ -1,4 +1,4 @@
-import { Extension } from '@codemirror/state';
+import type { Extension } from '@codemirror/state';
 export declare const replaceHistory: import("@codemirror/state").StateEffectType<string[]>;
 type ReplProps = {
     history?: string[];

package/dist/src/historyNavigation.js

@@ -0,0 +1,163 @@
+import { StateEffect } from '@codemirror/state';
+import { keymap } from '@codemirror/view';
+import { StateField } from '@codemirror/state';
+const DRAFT_ENTRY_INDEX = -1;
+const historyInitialState = {
+    history: [],
+    index: DRAFT_ENTRY_INDEX,
+    documentUpdate: null,
+    draft: '',
+};
+const historyState = StateField.define({
+    create() {
+        return historyInitialState;
+    },
+    toJSON(value) {
+        return JSON.stringify(value);
+    },
+    update(value, transaction) {
+        for (const effect of transaction.effects) {
+            if (effect.is(moveInHistory)) {
+                if (value.history.length === 0) {
+                    return {
+                        ...value,
+                        documentUpdate: null,
+                    };
+                }
+                const currentHistoryIndex = value.index;
+                if (effect.value === 'BACK') {
+                    const newHistoryIndex = currentHistoryIndex + 1;
+                    if (newHistoryIndex === value.history.length) {
+                        return {
+                            ...value,
+                            documentUpdate: null,
+                        };
+                    }
+                    let draft = value.draft;
+                    if (currentHistoryIndex === DRAFT_ENTRY_INDEX) {
+                        draft = transaction.state.doc.toString();
+                    }
+                    return {
+                        ...value,
+                        draft,
+                        index: newHistoryIndex,
+                        documentUpdate: value.history[newHistoryIndex],
+                    };
+                }
+                else if (effect.value === 'FORWARDS') {
+                    const newHistoryIndex = currentHistoryIndex - 1;
+                    if (currentHistoryIndex === DRAFT_ENTRY_INDEX) {
+                        return { ...value, documentUpdate: null };
+                    }
+                    if (newHistoryIndex === DRAFT_ENTRY_INDEX) {
+                        return {
+                            ...value,
+                            index: newHistoryIndex,
+                            documentUpdate: value.draft,
+                        };
+                    }
+                    else {
+                        return {
+                            ...value,
+                            index: newHistoryIndex,
+                            documentUpdate: value.history[newHistoryIndex],
+                        };
+                    }
+                }
+            }
+            else if (effect.is(replaceHistory)) {
+                return {
+                    ...value,
+                    index: DRAFT_ENTRY_INDEX,
+                    history: effect.value,
+                };
+            }
+        }
+        return value;
+    },
+});
+const moveInHistory = StateEffect.define();
+export const replaceHistory = StateEffect.define();
+function navigateHistory(view, direction) {
+    view.dispatch(view.state.update({
+        effects: moveInHistory.of(direction),
+        selection: { anchor: direction === 'BACK' ? 0 : view.state.doc.length },
+    }));
+    const updatedHistory = view.state.field(historyState, false);
+    if (updatedHistory.documentUpdate !== null) {
+        view.dispatch(view.state.update({
+            changes: {
+                from: 0,
+                to: view.state.doc.length,
+                insert: updatedHistory.documentUpdate,
+            },
+        }));
+    }
+}
+export const replMode = ({ history }) => {
+    return [
+        historyState.init(() => ({
+            ...historyInitialState,
+            history,
+        })),
+        keymap.of([
+            {
+                key: 'ArrowUp',
+                preventDefault: true,
+                run: (view) => {
+                    // If text is selected or cursor is not at top of document, do nothing
+                    const { empty, head } = view.state.selection.main;
+                    if (!empty || head !== 0) {
+                        return false;
+                    }
+                    navigateHistory(view, 'BACK');
+                    return true;
+                },
+            },
+            {
+                mac: 'Cmd-ArrowUp',
+                win: 'Ctrl-ArrowUp',
+                linux: 'Ctrl-ArrowUp',
+                preventDefault: true,
+                run: (view) => {
+                    // If text is selected or cursor is not at top of document, do nothing
+                    const { empty, head } = view.state.selection.main;
+                    if (!empty || head !== 0) {
+                        return false;
+                    }
+                    navigateHistory(view, 'BACK');
+                    return true;
+                },
+            },
+            {
+                key: 'ArrowDown',
+                preventDefault: true,
+                run: (view) => {
+                    const { empty, head } = view.state.selection.main;
+                    // If text is selected or cursor is not at end of document, do nothing
+                    if (!empty || head !== view.state.doc.length) {
+                        return false;
+                    }
+                    navigateHistory(view, 'FORWARDS');
+                    return true;
+                },
+            },
+            {
+                mac: 'Cmd-ArrowDown',
+                win: 'Ctrl-ArrowDown',
+                linux: 'Ctrl-ArrowDown',
+                preventDefault: true,
+                run: (view) => {
+                    const { empty, head } = view.state.selection.main;
+                    // If text is selected or cursor is not at end of document, do nothing
+                    if (!empty || head !== view.state.doc.length) {
+                        return false;
+                    }
+                    navigateHistory(view, 'FORWARDS');
+                    return true;
+                },
+            },
+        ]),
+    ];
+};
+//# sourceMappingURL=historyNavigation.js.map

package/dist/src/historyNavigation.js.map

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

package/dist/src/hostCallbacks.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Lifecycle callbacks for host-rendered overlay content (inline panels, editor
+ * action buttons, …). The host renders into the provided DOM container (e.g.
+ * via React `createPortal`) and is expected to clean up on unmount.
+ */
+export type HostPortalCallbacks = {
+    onMount: (container: HTMLElement) => void;
+    onUnmount: () => void;
+};

package/dist/src/hostCallbacks.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hostCallbacks.js.map

package/dist/src/hostCallbacks.js.map

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

package/dist/{types → src}/icons.d.ts

@@ -1,2 +1,2 @@
-export type CompletionItemIcons = 'Text' | 'Method' | 'Function' | 'Constructor' | 'Field' | 'Variable' | 'Class' | 'Interface' | 'Module' | 'Property' | 'Unit' | 'Value' | 'Enum' | 'Keyword' | 'Snippet' | 'Color' | 'File' | 'Reference' | 'Folder' | 'EnumMember' | 'Constant' | 'Struct' | 'Event' | 'Operator' | 'TypeParameter';
+export type CompletionItemIcons = 'Text' | 'Method' | 'Function' | 'Constructor' | 'Field' | 'Variable' | 'Class' | 'Interface' | 'Module' | 'Property' | 'Unit' | 'Value' | 'Enum' | 'Keyword' | 'Snippet' | 'Color' | 'File' | 'Reference' | 'Folder' | 'EnumMember' | 'Constant' | 'Struct' | 'Event' | 'Operator' | 'Console' | 'TypeParameter';
 export declare function getIconForType(iconTypeString?: string, isDarkTheme?: boolean): string;