@dxos/react-ui-editor 0.8.2-main.f11618f → 0.8.2-staging.7ac8446

package/dist/types/src/stories/TextEditorSpecial.stories.d.ts

@@ -1,19 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-import { type Meta } from '@dxos/storybook-utils';
-import { DefaultStory } from './story-utils';
-declare const meta: Meta<typeof DefaultStory>;
-export default meta;
-export declare const Listener: {
-    render: () => React.JSX.Element;
-};
-export declare const Typewriter: {
-    render: () => React.JSX.Element;
-};
-export declare const Blast: {
-    render: () => React.JSX.Element;
-};
-export declare const DND: {
-    render: () => React.JSX.Element;
-};
-//# sourceMappingURL=TextEditorSpecial.stories.d.ts.map

package/dist/types/src/stories/TextEditorSpecial.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditorSpecial.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/TextEditorSpecial.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAG3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,QAAQ;;CAgBpB,CAAC;AAQF,eAAO,MAAM,UAAU;;CAOtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAqBjB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAaf,CAAC"}

package/dist/types/src/stories/story-utils.d.ts

@@ -1,53 +0,0 @@
-import { type Completion } from '@codemirror/autocomplete';
-import { type Extension } from '@codemirror/state';
-import { type EditorView } from '@codemirror/view';
-import React from 'react';
-import { type EditorSelectionState } from '../extensions';
-import { type UseTextEditorProps } from '../hooks';
-export declare const str: (...lines: string[]) => string;
-export declare const num: () => string;
-export declare const img = "![dxos](https://dxos.network/dxos-logotype-blue.png)";
-export declare const code: string;
-export declare const content: {
-    tasks: string;
-    bullets: string;
-    numbered: string;
-    typescript: string;
-    codeblocks: string;
-    comment: string;
-    links: string;
-    table: string;
-    image: string;
-    headings: string;
-    formatting: string;
-    blockquotes: string;
-    paragraphs: string;
-    footer: string;
-};
-export declare const text: string;
-export declare const links: Completion[];
-export declare const names: string[];
-export declare const renderLinkTooltip: import("..").RenderCallback<{
-    url: string;
-}>;
-export declare const renderLinkButton: import("..").RenderCallback<{
-    url: string;
-}>;
-export declare const defaultExtensions: Extension[];
-export declare const allExtensions: Extension[];
-export declare const longText: string;
-export declare const largeWithImages: string;
-export declare const headings: string;
-export declare const global: Map<string, EditorSelectionState>;
-export type DebugMode = 'raw' | 'tree' | 'raw+tree';
-export type StoryProps = {
-    id?: string;
-    debug?: DebugMode;
-    text?: string;
-    readOnly?: boolean;
-    placeholder?: string;
-    lineNumbers?: boolean;
-    onReady?: (view: EditorView) => void;
-} & Pick<UseTextEditorProps, 'scrollTo' | 'selection' | 'extensions'>;
-export declare const DefaultStory: ({ id, debug, text, extensions, readOnly, placeholder, scrollTo, selection, lineNumbers, onReady, }: StoryProps) => React.JSX.Element;
-//# sourceMappingURL=story-utils.d.ts.map

package/dist/types/src/stories/story-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"story-utils.d.ts","sourceRoot":"","sources":["../../../../src/stories/story-utils.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EACL,KAAK,oBAAoB,EAQ1B,MAAM,eAAe,CAAC;AAQvB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAIlE,eAAO,MAAM,GAAG,aAAc,MAAM,EAAE,WAAqB,CAAC;AAE5D,eAAO,MAAM,GAAG,cAAiE,CAAC;AAElF,eAAO,MAAM,GAAG,yDAAyD,CAAC;AAE1E,eAAO,MAAM,IAAI,QAOhB,CAAC;AAGF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CA+FnB,CAAC;AAGF,eAAO,MAAM,IAAI,QAwBhB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,UAAU,EAM7B,CAAC;AAEF,eAAO,MAAM,KAAK,UAA4E,CAAC;AAe/F,eAAO,MAAM,iBAAiB;SAVD,MAAM;EAUyB,CAAC;AAU7D,eAAO,MAAM,gBAAgB;SARD,MAAM;EAQwB,CAAC;AAG3D,eAAO,MAAM,iBAAiB,EAAE,SAAS,EAIxC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS,EAOpC,CAAC;AAGF,eAAO,MAAM,QAAQ,QAEN,CAAC;AAEhB,eAAO,MAAM,eAAe,QAGb,CAAC;AAEhB,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAA0C,CAAC;AAG9D,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC;AAGtE,eAAO,MAAM,YAAY,uGAWtB,UAAU,sBAsDZ,CAAC"}

package/dist/types/src/testing/RefPopover.d.ts

@@ -1,21 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type PreviewLinkRef, type PreviewLinkTarget, type PreviewLookup } from '../extensions';
-type RefPopoverValue = Partial<{
-    link: PreviewLinkRef;
-    target: PreviewLinkTarget;
-    pending: boolean;
-}>;
-declare const useRefPopover: (consumerName: string) => Partial<{
-    link: PreviewLinkRef;
-    target: PreviewLinkTarget;
-    pending: boolean;
-}>;
-type RefPopoverProviderProps = PropsWithChildren<{
-    onLookup?: PreviewLookup;
-}>;
-export declare const RefPopover: {
-    Provider: ({ children, onLookup }: RefPopoverProviderProps) => React.JSX.Element;
-};
-export { useRefPopover };
-export type { RefPopoverProviderProps, RefPopoverValue };
-//# sourceMappingURL=RefPopover.d.ts.map

package/dist/types/src/testing/RefPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RefPopover.d.ts","sourceRoot":"","sources":["../../../../src/testing/RefPopover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAA4D,MAAM,OAAO,CAAC;AAMhH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAKhG,KAAK,eAAe,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEtG,QAAA,MAAkC,aAAa;UAFR,cAAc;YAAU,iBAAiB;aAAW,OAAO;EAEA,CAAC;AAEnG,KAAK,uBAAuB,GAAG,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AA+C/E,eAAO,MAAM,UAAU;uCA7C6B,uBAAuB;CA+C1E,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,YAAY,EAAE,uBAAuB,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/src/testing/index.d.ts

@@ -1,2 +0,0 @@
-export * from './RefPopover';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/testing/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

package/src/extensions/command/action.ts

@@ -1,49 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { StateEffect } from '@codemirror/state';
-import { type KeyBinding, type Command, type EditorView } from '@codemirror/view';
-
-import { commandState } from './state';
-
-export type Action =
-  | {
-      type: 'insert';
-      text: string;
-    }
-  | {
-      type: 'cancel';
-    };
-
-export type ActionHandler = (action: Action) => void;
-
-export const openEffect = StateEffect.define<{ pos: number; fullWidth?: boolean }>();
-export const closeEffect = StateEffect.define<null>();
-
-export const openCommand: Command = (view: EditorView) => {
-  if (view.state.field(commandState, false)) {
-    const selection = view.state.selection.main;
-    const line = view.state.doc.lineAt(selection.from);
-    if (line.from === selection.from && line.from === line.to) {
-      view.dispatch({ effects: openEffect.of({ pos: selection.anchor, fullWidth: true }) });
-      return true;
-    }
-  }
-
-  return false;
-};
-
-export const closeCommand: Command = (view: EditorView) => {
-  if (view.state.field(commandState, false)) {
-    view.dispatch({ effects: closeEffect.of(null) });
-    return true;
-  }
-
-  return false;
-};
-
-export const commandKeyBindings: readonly KeyBinding[] = [
-  { key: '/', run: openCommand },
-  { key: 'Escape', run: closeCommand },
-];

package/src/extensions/preview/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './preview';

package/src/extensions/preview/preview.ts

@@ -1,271 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos/lit-ui/dx-ref-tag.pcss';
-
-import { syntaxTree } from '@codemirror/language';
-import {
-  type EditorState,
-  type Extension,
-  type RangeSet,
-  RangeSetBuilder,
-  StateField,
-  type Transaction,
-} from '@codemirror/state';
-import { Decoration, type DecorationSet, EditorView, WidgetType } from '@codemirror/view';
-import { type SyntaxNode } from '@lezer/common';
-
-import { type RenderCallback } from '../../types';
-
-export type PreviewLinkRef = {
-  suggest?: boolean;
-  block?: boolean;
-  label: string;
-  ref: string;
-};
-
-export type PreviewLinkTarget = {
-  label: string;
-  text?: string;
-  object?: any;
-};
-
-export type PreviewAction =
-  | {
-      type: 'insert';
-      link: PreviewLinkRef;
-      target: PreviewLinkTarget;
-    }
-  | {
-      type: 'delete';
-      link: PreviewLinkRef;
-    };
-
-// TODO(burdon): Handle error.
-export type PreviewLookup = (link: PreviewLinkRef) => Promise<PreviewLinkTarget | null | undefined>;
-
-export type PreviewActionHandler = (action: PreviewAction) => void;
-
-export type PreviewRenderProps = {
-  readonly: boolean;
-  link: PreviewLinkRef;
-  onAction: PreviewActionHandler;
-  onLookup?: PreviewLookup;
-};
-
-export type PreviewOptions = {
-  renderBlock?: RenderCallback<PreviewRenderProps>;
-  onLookup?: PreviewLookup;
-};
-
-/**
- * Create preview decorations.
- */
-export const preview = (options: PreviewOptions = {}): Extension => {
-  return [
-    // NOTE: Atomic block decorations must be created from a state field, now a widget, otherwise it results in the following error:
-    // "Block decorations may not be specified via plugins"
-    StateField.define<DecorationSet>({
-      create: (state) => buildDecorations(state, options),
-      update: (_: RangeSet<Decoration>, tr: Transaction) => buildDecorations(tr.state, options),
-      provide: (field) => [
-        EditorView.decorations.from(field),
-        EditorView.atomicRanges.of((view) => view.state.field(field)),
-      ],
-    }),
-
-    EditorView.theme({
-      '.cm-preview-block': {
-        marginLeft: '-1rem',
-        marginRight: '-1rem',
-        padding: '1rem',
-        borderRadius: '0.5rem',
-        background: 'var(--dx-modalSurface)',
-        border: '1px solid var(--dx-separator)',
-      },
-    }),
-  ];
-};
-
-/**
- * Link references.
- *
- *  [Label][dxn:echo:123]    Inline reference
- * ![Label][dxn:echo:123]    Block reference
- * ![Label][?dxn:echo:123]   Suggestion
- */
-const getLinkRef = (state: EditorState, node: SyntaxNode): PreviewLinkRef | undefined => {
-  const mark = node.getChild('LinkMark');
-  const label = node.getChild('LinkLabel');
-  if (mark && label) {
-    const ref = state.sliceDoc(label.from + 1, label.to - 1);
-    return {
-      suggest: ref.startsWith('?'),
-      block: state.sliceDoc(mark.from, mark.from + 1) === '!',
-      label: state.sliceDoc(mark.to, label.from - 1),
-      ref: ref.startsWith('?') ? ref.slice(1) : ref,
-    };
-  }
-};
-
-/**
- * Echo references are represented as markdown reference links.
- * https://www.markdownguide.org/basic-syntax/#reference-style-links
- * [Label|block][dxn:echo:123]
- * [Label|inline][dxn:echo:123]
- */
-const buildDecorations = (state: EditorState, options: PreviewOptions) => {
-  const builder = new RangeSetBuilder<Decoration>();
-
-  syntaxTree(state).iterate({
-    enter: (node) => {
-      switch (node.name) {
-        //
-        // Decoration.
-        // [Label][dxn:echo:123]
-        //
-        case 'Link': {
-          const link = getLinkRef(state, node.node);
-          if (link) {
-            builder.add(
-              node.from,
-              node.to,
-              Decoration.replace({
-                widget: new PreviewInlineWidget(options, link),
-              }),
-            );
-          }
-          break;
-        }
-        //
-        // Block widget.
-        // ![Label][dxn:echo:123]
-        //
-        case 'Image': {
-          const link = getLinkRef(state, node.node);
-          if (options.renderBlock && link) {
-            builder.add(
-              node.from,
-              node.to,
-              Decoration.replace({
-                block: true,
-                // atomic: true,
-                widget: new PreviewBlockWidget(options, link),
-              }),
-            );
-          }
-          break;
-        }
-      }
-    },
-  });
-
-  return builder.finish();
-};
-
-/**
- * Inline widget.
- * [Label][dxn:echo:123]
- */
-class PreviewInlineWidget extends WidgetType {
-  constructor(
-    readonly _options: PreviewOptions,
-    readonly _link: PreviewLinkRef,
-  ) {
-    super();
-  }
-
-  // override ignoreEvent() {
-  //   return false;
-  // }
-
-  override eq(other: this) {
-    return this._link.ref === other._link.ref && this._link.label === other._link.label;
-  }
-
-  override toDOM(view: EditorView) {
-    const root = document.createElement('dx-ref-tag');
-    root.textContent = this._link.label;
-    root.setAttribute('ref', this._link.ref);
-    return root;
-  }
-}
-
-/**
- * Block widget.
- * ![Label][dxn:echo:123]
- */
-class PreviewBlockWidget extends WidgetType {
-  constructor(
-    readonly _options: PreviewOptions,
-    readonly _link: PreviewLinkRef,
-  ) {
-    super();
-  }
-
-  // override ignoreEvent() {
-  //   return true;
-  // }
-
-  override eq(other: this) {
-    return this._link.ref === other._link.ref;
-  }
-
-  override toDOM(view: EditorView) {
-    const root = document.createElement('div');
-    root.classList.add('cm-preview-block');
-
-    // TODO(burdon): Inject handler.
-    const handleAction: PreviewActionHandler = (action) => {
-      const pos = view.posAtDOM(root);
-      const node = syntaxTree(view.state).resolve(pos + 1).node.parent;
-      if (!node) {
-        return;
-      }
-
-      const link = getLinkRef(view.state, node);
-      if (link?.ref !== action.link.ref) {
-        return;
-      }
-
-      switch (action.type) {
-        // TODO(burdon): Should we dispatch to the view or mutate the document? (i.e., handle externally?)
-        // Insert ref text.
-        case 'insert': {
-          view.dispatch({
-            changes: {
-              from: node.from,
-              to: node.to,
-              insert: action.target.text,
-            },
-          });
-          break;
-        }
-        // Remove ref.
-        case 'delete': {
-          view.dispatch({
-            changes: {
-              from: node.from,
-              to: node.to,
-            },
-          });
-          break;
-        }
-      }
-    };
-
-    this._options.renderBlock!(
-      root,
-      {
-        readonly: view.state.readOnly,
-        link: this._link,
-        onAction: handleAction,
-        onLookup: this._options.onLookup,
-      },
-      view,
-    );
-
-    return root;
-  }
-}