@dxos/ui-editor 0.8.4-main.fcfe5033a5 → 0.9.0

package/dist/lib/browser/chunk-D724USEC.mjs

@@ -1,34 +0,0 @@
-// src/types/types.ts
-import * as Schema from "effect/Schema";
-var EditorViewModes = [
-  "preview",
-  "readonly",
-  "source"
-];
-var EditorViewMode = Schema.Union(Schema.Literal("preview").annotations({
-  title: "Preview"
-}), Schema.Literal("readonly").annotations({
-  title: "Read-only"
-}), Schema.Literal("source").annotations({
-  title: "Source"
-}));
-var EditorInputModes = [
-  "default",
-  "vim",
-  "vscode"
-];
-var EditorInputMode = Schema.Union(Schema.Literal("default").annotations({
-  title: "Default"
-}), Schema.Literal("vim").annotations({
-  title: "Vim"
-}), Schema.Literal("vscode").annotations({
-  title: "VS Code"
-}));
-
-export {
-  EditorViewModes,
-  EditorViewMode,
-  EditorInputModes,
-  EditorInputMode
-};
-//# sourceMappingURL=chunk-D724USEC.mjs.map

package/dist/lib/browser/chunk-D724USEC.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport * as Schema from 'effect/Schema';\n\n// Runtime data structure.\nexport type Range = {\n  from: number;\n  to: number;\n};\n\n// Persistent data structure.\n// TODO(burdon): Rename annotation?\nexport type Comment = {\n  id: string;\n  cursor?: string;\n};\n\n/**\n * Callback that renders into a DOM element within the editor.\n */\nexport type RenderCallback<Props extends object> = (el: HTMLElement, props: Props, view: EditorView) => void;\n\nexport const EditorViewModes = ['preview', 'readonly', 'source'] as const;\nexport const EditorViewMode = Schema.Union(\n  Schema.Literal('preview').annotations({ title: 'Preview' }),\n  Schema.Literal('readonly').annotations({ title: 'Read-only' }),\n  Schema.Literal('source').annotations({ title: 'Source' }),\n);\nexport type EditorViewMode = Schema.Schema.Type<typeof EditorViewMode>;\n\nexport const EditorInputModes = ['default', 'vim', 'vscode'] as const;\nexport const EditorInputMode = Schema.Union(\n  Schema.Literal('default').annotations({ title: 'Default' }),\n  Schema.Literal('vim').annotations({ title: 'Vim' }),\n  Schema.Literal('vscode').annotations({ title: 'VS Code' }),\n);\nexport type EditorInputMode = Schema.Schema.Type<typeof EditorInputMode>;\n"],
-  "mappings": ";AAKA,YAAYA,YAAY;AAoBjB,IAAMC,kBAAkB;EAAC;EAAW;EAAY;;AAChD,IAAMC,iBAAwBC,aAC5BC,eAAQ,SAAA,EAAWC,YAAY;EAAEC,OAAO;AAAU,CAAA,GAClDF,eAAQ,UAAA,EAAYC,YAAY;EAAEC,OAAO;AAAY,CAAA,GACrDF,eAAQ,QAAA,EAAUC,YAAY;EAAEC,OAAO;AAAS,CAAA,CAAA;AAIlD,IAAMC,mBAAmB;EAAC;EAAW;EAAO;;AAC5C,IAAMC,kBAAyBL,aAC7BC,eAAQ,SAAA,EAAWC,YAAY;EAAEC,OAAO;AAAU,CAAA,GAClDF,eAAQ,KAAA,EAAOC,YAAY;EAAEC,OAAO;AAAM,CAAA,GAC1CF,eAAQ,QAAA,EAAUC,YAAY;EAAEC,OAAO;AAAU,CAAA,CAAA;",
-  "names": ["Schema", "EditorViewModes", "EditorViewMode", "Union", "Literal", "annotations", "title", "EditorInputModes", "EditorInputMode"]
-}

package/dist/lib/node-esm/chunk-JRVJWKQF.mjs

@@ -1,36 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/types/types.ts
-import * as Schema from "effect/Schema";
-var EditorViewModes = [
-  "preview",
-  "readonly",
-  "source"
-];
-var EditorViewMode = Schema.Union(Schema.Literal("preview").annotations({
-  title: "Preview"
-}), Schema.Literal("readonly").annotations({
-  title: "Read-only"
-}), Schema.Literal("source").annotations({
-  title: "Source"
-}));
-var EditorInputModes = [
-  "default",
-  "vim",
-  "vscode"
-];
-var EditorInputMode = Schema.Union(Schema.Literal("default").annotations({
-  title: "Default"
-}), Schema.Literal("vim").annotations({
-  title: "Vim"
-}), Schema.Literal("vscode").annotations({
-  title: "VS Code"
-}));
-
-export {
-  EditorViewModes,
-  EditorViewMode,
-  EditorInputModes,
-  EditorInputMode
-};
-//# sourceMappingURL=chunk-JRVJWKQF.mjs.map

package/dist/lib/node-esm/chunk-JRVJWKQF.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport * as Schema from 'effect/Schema';\n\n// Runtime data structure.\nexport type Range = {\n  from: number;\n  to: number;\n};\n\n// Persistent data structure.\n// TODO(burdon): Rename annotation?\nexport type Comment = {\n  id: string;\n  cursor?: string;\n};\n\n/**\n * Callback that renders into a DOM element within the editor.\n */\nexport type RenderCallback<Props extends object> = (el: HTMLElement, props: Props, view: EditorView) => void;\n\nexport const EditorViewModes = ['preview', 'readonly', 'source'] as const;\nexport const EditorViewMode = Schema.Union(\n  Schema.Literal('preview').annotations({ title: 'Preview' }),\n  Schema.Literal('readonly').annotations({ title: 'Read-only' }),\n  Schema.Literal('source').annotations({ title: 'Source' }),\n);\nexport type EditorViewMode = Schema.Schema.Type<typeof EditorViewMode>;\n\nexport const EditorInputModes = ['default', 'vim', 'vscode'] as const;\nexport const EditorInputMode = Schema.Union(\n  Schema.Literal('default').annotations({ title: 'Default' }),\n  Schema.Literal('vim').annotations({ title: 'Vim' }),\n  Schema.Literal('vscode').annotations({ title: 'VS Code' }),\n);\nexport type EditorInputMode = Schema.Schema.Type<typeof EditorInputMode>;\n"],
-  "mappings": ";;;AAKA,YAAYA,YAAY;AAoBjB,IAAMC,kBAAkB;EAAC;EAAW;EAAY;;AAChD,IAAMC,iBAAwBC,aAC5BC,eAAQ,SAAA,EAAWC,YAAY;EAAEC,OAAO;AAAU,CAAA,GAClDF,eAAQ,UAAA,EAAYC,YAAY;EAAEC,OAAO;AAAY,CAAA,GACrDF,eAAQ,QAAA,EAAUC,YAAY;EAAEC,OAAO;AAAS,CAAA,CAAA;AAIlD,IAAMC,mBAAmB;EAAC;EAAW;EAAO;;AAC5C,IAAMC,kBAAyBL,aAC7BC,eAAQ,SAAA,EAAWC,YAAY;EAAEC,OAAO;AAAU,CAAA,GAClDF,eAAQ,KAAA,EAAOC,YAAY;EAAEC,OAAO;AAAM,CAAA,GAC1CF,eAAQ,QAAA,EAAUC,YAAY;EAAEC,OAAO;AAAU,CAAA,CAAA;",
-  "names": ["Schema", "EditorViewModes", "EditorViewMode", "Union", "Literal", "annotations", "title", "EditorInputModes", "EditorInputMode"]
-}

package/dist/types/src/extensions/auto-scroll.d.ts

@@ -1,8 +0,0 @@
-/** Enable or disable autoscroll. */
-export declare const autoScrollEffect: import("@codemirror/state").StateEffectType<boolean>;
-export type AutoScrollProps = {};
-/**
- * Extension that supports pinning the scroll position and automatically scrolls to the bottom when content is added.
- */
-export declare const autoScroll: (_?: AutoScrollProps) => import("@codemirror/state").Extension[];
-//# sourceMappingURL=auto-scroll.d.ts.map

package/dist/types/src/extensions/auto-scroll.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-scroll.d.ts","sourceRoot":"","sources":["../../../../src/extensions/auto-scroll.ts"],"names":[],"mappings":"AAaA,oCAAoC;AACpC,eAAO,MAAM,gBAAgB,sDAAgC,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,EAAE,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,IAAG,eAAoB,4CAuIjD,CAAC"}

package/dist/types/src/extensions/scroll-past-end.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-past-end.d.ts","sourceRoot":"","sources":["../../../../src/extensions/scroll-past-end.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAwBnD,eAAO,MAAM,aAAa,QAAO,SAGhC,CAAC"}

package/dist/types/src/extensions/scroller.d.ts

@@ -1,63 +0,0 @@
-import { EditorView } from '@codemirror/view';
-/**
- * Parameters for the scroll to line effect.
- */
-export type ScrollToProps = {
-    /**
-     * Zero-based line number; -1 for end of document.
-     * NOTE: view.state.doc.lineAt() uses 1-based line numbers.
-     */
-    line: number;
-    /**
-     * Additional offset from the target line in pixels.
-     * Positive values scroll past the line, negative values stop before it.
-     * @default 0
-     */
-    offset?: number;
-    /**
-     * Position of the target line in the viewport.
-     * - 'start': Line appears at the start (top) of the screen
-     * - 'end': Line appears at the end (bottom) of the screen
-     * @default 'start'
-     */
-    position?: 'start' | 'end';
-    /**
-     * Whether to use smooth scrolling.
-     * @default 'instant'
-     */
-    behavior?: ScrollBehavior;
-};
-/** Scroll to a specific line. */
-export declare const scrollerLineEffect: import("@codemirror/state").StateEffectType<ScrollToProps>;
-/** Start/stop crawling the end of the document. */
-export declare const scrollerCrawlEffect: import("@codemirror/state").StateEffectType<boolean>;
-/**
- * Helper function to scroll to a specific line.
- * This is a convenience function that can be used directly with an EditorView.
- */
-export declare const scrollToLine: (view: EditorView, options: ScrollToProps) => void;
-export type ScrollerOptions = {
-    /** Threshold in px to trigger scroll from bottom. */
-    overScroll?: number;
-};
-/**
- * Extension that provides smooth scrolling to specific lines in the editor.
- */
-export declare const scroller: ({ overScroll }?: ScrollerOptions) => import("@codemirror/state").Extension[];
-/**
- * Creates a smooth crawler that follows the live bottom of a CodeMirror 6 EditorView.
- *
- * Uses a velocity-based approach with easing:
- * - Accelerates smoothly when content starts arriving.
- * - Maintains a steady cruise velocity during continuous streaming.
- * - Decelerates smoothly when content stops arriving.
- *
- * @param accel Acceleration in px/frame^2 for ease-in/ease-out.
- * @param maxVelocity Maximum scroll velocity in px/frame.
- * @param snapThreshold Snap-to-target threshold in px.
- */
-export declare function createCrawler(view: EditorView, accel?: number, maxVelocity?: number, snapThreshold?: number): {
-    scroll: () => void;
-    cancel: () => void;
-};
-//# sourceMappingURL=scroller.d.ts.map

package/dist/types/src/extensions/scroller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroller.d.ts","sourceRoot":"","sources":["../../../../src/extensions/scroller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAc,MAAM,kBAAkB,CAAC;AAI1D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,kBAAkB,4DAAsC,CAAC;AAEtE,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,sDAAgC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,MAAM,UAAU,EAAE,SAAS,aAAa,SAIpE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,iBAAoB,eAAoB,4CAgHhE,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,SAAO,EAAE,WAAW,SAAI,EAAE,aAAa,SAAM;;;EAqDjG"}

package/dist/types/src/extensions/tags/wire.d.ts

@@ -1,23 +0,0 @@
-import { type Extension } from '@codemirror/state';
-/** Annotate a transaction to bypass the wire buffer (content appears immediately). */
-export declare const wireBypass: import("@codemirror/state").AnnotationType<boolean>;
-export type WireOptions = {
-    /** Characters per second. */
-    rate?: number;
-    /** Show a blinking cursor at the insertion point while streaming. */
-    cursor?: boolean;
-    /** Tag names whose inner content should be streamed (not buffered until close). */
-    streamingTags?: Set<string>;
-};
-/**
- * Extension that intercepts appended text and inserts it one character at a time,
- * except for XML tags, links, and images which are flushed atomically.
- */
-export declare const wire: (options?: WireOptions) => Extension;
-/**
- * Returns the length of a complete XML element at the start of the buffer, or 0 if the element is incomplete.
- * Handles self-closing tags, closing tags, and opening tags with nested content.
- * E.g., `<foo>content<bar />more</foo>` returns the full length.
- */
-export declare const xmlElementLength: (buffer: string) => number;
-//# sourceMappingURL=wire.d.ts.map

package/dist/types/src/extensions/tags/wire.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wire.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/tags/wire.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,SAAS,EAIf,MAAM,mBAAmB,CAAC;AAG3B,sFAAsF;AACtF,eAAO,MAAM,UAAU,qDAA+B,CAAC;AASvD,MAAM,MAAM,WAAW,GAAG;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mFAAmF;IACnF,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,SAqJhD,CAAC;AA4LF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,KAAG,MAkDjD,CAAC"}

package/dist/types/src/extensions/tags/wire.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=wire.test.d.ts.map

package/dist/types/src/extensions/tags/wire.test.d.ts.map

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

package/dist/types/src/extensions/typewriter.d.ts

@@ -1,10 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type DemoOptions = {
-    delay?: number;
-    items?: string[];
-};
-/**
- * Configurable plugin that let's user cycle through pre-configured input script.
- */
-export declare const typewriter: ({ delay, items }?: DemoOptions) => Extension;
-//# sourceMappingURL=typewriter.d.ts.map

package/dist/types/src/extensions/typewriter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../../../src/extensions/typewriter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKnD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,mBAAsC,WAAgB,KAAG,SAgDnF,CAAC"}

package/src/extensions/auto-scroll.ts

@@ -1,179 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { StateEffect } from '@codemirror/state';
-import { EditorView, ViewPlugin } from '@codemirror/view';
-
-import { addEventListener, combine, throttle } from '@dxos/async';
-import { Domino } from '@dxos/ui';
-import { getSize } from '@dxos/ui-theme';
-
-import { scrollerCrawlEffect, scrollerLineEffect } from './scroller';
-
-/** Enable or disable autoscroll. */
-export const autoScrollEffect = StateEffect.define<boolean>();
-
-export type AutoScrollProps = {};
-
-/**
- * Extension that supports pinning the scroll position and automatically scrolls to the bottom when content is added.
- */
-export const autoScroll = (_: AutoScrollProps = {}) => {
-  let buttonContainer: HTMLDivElement | undefined;
-  let isPinned = true;
-  let jumpPending = false;
-  let enabled = true;
-  let firstUpdate = true;
-
-  const setPinned = (pinned: boolean) => {
-    buttonContainer?.classList.toggle('opacity-0', pinned);
-    isPinned = pinned;
-  };
-
-  return [
-    // Update listener for scrolling when content changes.
-    EditorView.updateListener.of((update) => {
-      const { view, heightChanged, state, startState } = update;
-
-      // Handle enable/disable effect.
-      for (const tr of update.transactions) {
-        for (const effect of tr.effects) {
-          if (effect.is(autoScrollEffect)) {
-            enabled = effect.value;
-            if (enabled) {
-              setPinned(true);
-              view.dispatch({
-                effects: scrollerCrawlEffect.of(true),
-              });
-            } else {
-              view.dispatch({
-                effects: scrollerCrawlEffect.of(false),
-              });
-            }
-          }
-        }
-      }
-
-      if (!enabled) {
-        return;
-      }
-
-      // Jump to bottom instantly when content first appears (either inserted into
-      // an empty doc, or present as initialValue when the editor is created).
-      if (isPinned && (firstUpdate || startState.doc.length === 0) && state.doc.length > 0) {
-        firstUpdate = false;
-        jumpPending = true;
-        requestAnimationFrame(() => {
-          view.scrollDOM.scrollTop = view.scrollDOM.scrollHeight;
-          jumpPending = false;
-        });
-        return;
-      }
-      firstUpdate = false;
-
-      // Suppress crawl while the initial jump is pending.
-      if (jumpPending) {
-        return;
-      }
-
-      // Maybe scroll if doc changed and pinned.
-      // NOTE: Geometry changed is triggered when widgets change height (e.g., toggle tool block).
-      if (heightChanged) {
-        if (isPinned) {
-          // NOTE: Use scroll geometry instead of coordsAtPos to avoid forced layout/scroll side-effects.
-          const { scrollTop, scrollHeight, clientHeight } = view.scrollDOM;
-          const delta = scrollHeight - scrollTop - clientHeight;
-          if (delta > 0) {
-            setPinned(true);
-            view.dispatch({
-              effects: scrollerCrawlEffect.of(true),
-            });
-          } else if (delta < -1) {
-            setPinned(false);
-          }
-        } else {
-          // TODO(burdon): Should re-pin if content shrinks.
-          if (state.doc.length === 0) {
-            setPinned(true);
-          }
-        }
-      }
-    }),
-
-    // Detect user scroll and unpin (or re-pin if scrolled to the bottom).
-    ViewPlugin.fromClass(
-      class {
-        private readonly cleanup: () => void;
-        constructor(view: EditorView) {
-          this.cleanup = createUserScrollDetector(
-            view.scrollDOM,
-            throttle(() => {
-              requestAnimationFrame(() => {
-                const { scrollTop, scrollHeight, clientHeight } = view.scrollDOM;
-                const delta = scrollHeight - scrollTop - clientHeight;
-                const pinned = delta === 0;
-                setPinned(pinned);
-                if (!pinned) {
-                  view.dispatch({ effects: scrollerCrawlEffect.of(false) });
-                }
-              });
-            }, 500),
-          );
-        }
-        destroy() {
-          this.cleanup();
-        }
-      },
-    ),
-
-    // Scroll button.
-    ViewPlugin.fromClass(
-      class {
-        constructor(view: EditorView) {
-          const icon = Domino.of('dx-icon' as any)
-            .classNames(getSize(4))
-            .attributes({ icon: 'ph--arrow-down--regular' });
-          const button = Domino.of('button')
-            .classNames('dx-button bg-accent-surface')
-            .attributes({ 'data-density': 'fine' })
-            .append(icon)
-            .on('click', () => {
-              setPinned(true);
-              view.dispatch({
-                effects: scrollerLineEffect.of({ line: -1, position: 'end', behavior: 'smooth' }),
-              });
-            });
-
-          buttonContainer = Domino.of('div')
-            .classNames('cm-scroll-button transition-opacity duration-300 opacity-0')
-            .append(button).root as HTMLDivElement;
-
-          view.scrollDOM.parentElement!.appendChild(buttonContainer);
-        }
-      },
-    ),
-  ];
-};
-
-/**
- * Attaches listeners to detect genuine user-initiated scrolling on an element.
- * Two sources are covered:
- *   - `wheel`: fires only from physical mouse wheel / trackpad gestures.
- *   - `pointerdown` on the scrollbar gutter: detected by comparing clientX to
- *     the element's clientWidth (the content area, excluding the scrollbar).
- * Returns a cleanup function that removes the listeners.
- */
-// TODO(burdon): Still jumps when widgets are rendered.
-// - Track position of specific element/line in document and scroll relative to that.
-function createUserScrollDetector(element: HTMLElement, onUserScroll: () => void): () => void {
-  return combine(
-    addEventListener(element, 'wheel', () => onUserScroll(), { passive: true }),
-    addEventListener(element, 'pointerdown', (event) => {
-      // If the pointer lands beyond the content width it hit the scrollbar gutter.
-      if (event.clientX > element.getBoundingClientRect().right - (element.offsetWidth - element.clientWidth)) {
-        onUserScroll();
-      }
-    }),
-  );
-}