@dxos/react-ui-editor 0.3.10 → 0.3.11-main.bd26370

package/dist/types/src/hooks/automerge/translation/codemirror-to-automerge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"codemirror-to-automerge.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/automerge/translation/codemirror-to-automerge.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAa,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,eAAO,MAAM,qBAAqB,yBAExB,UAAU,gBACJ,WAAW,EAAE,SACpB,WAAW,KACjB,KAAK,GAAG,SAyBV,CAAC"}

package/dist/types/src/hooks/automerge/translation/index.d.ts

@@ -1,3 +0,0 @@
-export * from './automerge-to-codemirror';
-export * from './codemirror-to-automerge';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/hooks/automerge/translation/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/automerge/translation/index.ts"],"names":[],"mappings":"AAIA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC"}

package/src/components/TextEditor/extensions/experimental.tsx

@@ -1,114 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-// Adapted from: https://github.com/uiwjs/react-codemirror/blob/master/extensions/hyper-link/src/index.ts
-//
-
-import { type Extension } from '@codemirror/state';
-import {
-  Decoration,
-  type DecorationSet,
-  EditorView,
-  MatchDecorator,
-  ViewPlugin,
-  type ViewUpdate,
-} from '@codemirror/view';
-
-// TODO(burdon): Reconcile with theme.
-export const styles = EditorView.baseTheme({
-  '.cm-hyperlink-label': {
-    cursor: 'pointer',
-    textDecoration: 'underline',
-  },
-  '.cm-hyperlink-bracket': {
-    opacity: 0.2,
-  },
-  '.cm-hyperlink-url': {
-    opacity: 0.5,
-    fontFamily: 'monospace',
-  },
-});
-
-const markdownLinkRegexp = /\[([^\]]+)]\(([^)]+)\)(!?)/gi;
-
-/**
- * Custom link decorator.
- * NOTE: The default markdown extension formats links by default.
- * @deprecated
- */
-const linkDecorator = () =>
-  new MatchDecorator({
-    regexp: markdownLinkRegexp,
-    decorate: (add, from, to, match, view) => {
-      const [_, label, url] = match;
-      const p0 = {
-        start: from,
-        end: from + 1,
-      };
-
-      const p1 = {
-        start: from + 1,
-        end: from + 1 + label.length,
-      };
-
-      const p2 = {
-        start: p1.end,
-        end: p1.end + 1,
-      };
-
-      const p3 = {
-        start: p1.end + 1,
-        end: p1.end + 1 + url.length + 2,
-      };
-
-      add(
-        p0.start,
-        p0.end,
-        Decoration.mark({ class: 'cm-hyperlink-bracket', _attributes: { style: 'display: none' } }),
-      );
-      add(p1.start, p1.end, Decoration.mark({ class: 'cm-hyperlink-label' }));
-      add(
-        p2.start,
-        p2.end,
-        Decoration.mark({ class: 'cm-hyperlink-bracket', _attributes: { style: 'display: none' } }),
-      );
-      add(p3.start, p3.end, Decoration.mark({ class: 'cm-hyperlink-url', _attributes: { style: 'display: none' } }));
-    },
-  });
-
-export function hyperLinkExtension() {
-  return ViewPlugin.fromClass(
-    class HyperLinkView {
-      readonly decorator: MatchDecorator;
-      decorations: DecorationSet;
-      constructor(view: EditorView) {
-        this.decorator = linkDecorator();
-        this.decorations = this.decorator.createDeco(view);
-      }
-
-      update(update: ViewUpdate) {
-        if (update.docChanged || update.viewportChanged) {
-          this.decorations = this.decorator.updateDeco(update, this.decorations);
-        }
-      }
-    },
-    {
-      decorations: (value) => value.decorations,
-      eventHandlers: {
-        // TODO(burdon): CLick to expand link.
-        // https://discuss.codemirror.net/t/decorator-iteration-on-click-event/4226/2
-        mousedown: function (event, view) {
-          const pos = view.posAtDOM(event.target as Node);
-          if (pos !== 0) {
-            console.log(this);
-          }
-        },
-        // TODO(burdon): Hide when cursor moves away.
-        keydown: (event, view) => {
-          view.update([]);
-        },
-      },
-    },
-  );
-}
-
-export const hyperlinkWidget: Extension = [hyperLinkExtension(), styles];

package/src/components/TextEditor/extensions/highlight.ts

@@ -1,128 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Extension, StateEffect, StateField } from '@codemirror/state';
-import { Decoration, EditorView } from '@codemirror/view';
-import sortBy from 'lodash.sortby';
-import { useEffect } from 'react';
-
-import { type DocumentRange } from '../../../hooks';
-
-// TODO(burdon): Detect click, or cursor proximity.
-
-// TODO(burdon): Reconcile with theme.
-const styles = EditorView.baseTheme({
-  '& .cm-highlight': {
-    backgroundColor: 'yellow', // TODO(burdon): Reconcile with tailwind theme.
-  },
-  '& .cm-highlight::before': {
-    content: ']',
-  },
-  '& .cm-highlight-active': {
-    backgroundColor: 'lime',
-  },
-});
-
-const marks = {
-  highlight: Decoration.mark({ class: 'cm-highlight' }),
-  HighlightActive: Decoration.mark({ class: 'cm-highlight-active' }),
-};
-
-type HighlightRange = DocumentRange & { active?: boolean };
-
-// TODO(burdon): Make configurable to support multiple layers.
-const setHighlights = StateEffect.define<HighlightRange[]>();
-
-/**
- * Update field set.
- */
-// TODO(burdon): Reconcile range from data model, vs. in-markdown characters.
-export const useHighlights = (view: EditorView | undefined, ranges: HighlightRange[] = []) => {
-  useEffect(() => {
-    view?.dispatch({
-      effects: setHighlights.of(ranges),
-    });
-  }, [view, ranges]);
-};
-
-/**
- * State field that tracks highlight ranges.
- */
-export const highlightStateField = StateField.define<HighlightRange[]>({
-  create: () => [],
-  update: (threads, tr) => {
-    for (const effect of tr.effects) {
-      if (effect.is(setHighlights)) {
-        return effect.value;
-      }
-    }
-
-    return threads;
-  },
-});
-
-/**
- * Decorate ranges.
- */
-// TODO(burdon): Pass in field to make reusable (e.g., comments, search).
-export const highlightDecorations = EditorView.decorations.compute([highlightStateField], (state) => {
-  const selectionRanges = state.field(highlightStateField);
-  const decorations =
-    sortBy(selectionRanges ?? [], (selection) => selection.from)?.flatMap((selection) => {
-      const range = { from: selection.from, to: selection.to + 1 };
-      if (selection.to > selection.from) {
-        if (selection.active) {
-          return marks.HighlightActive.range(range.from, range.to);
-        } else {
-          return marks.highlight.range(range.from, range.to);
-        }
-      } else {
-        return [];
-      }
-    }) ?? [];
-
-  return Decoration.set(decorations);
-});
-
-// TODO(burdon): Use current range to create comment.
-// TODO(burdon): Allow/prevent overlapping?
-
-/**
- * Track cursor entering and existing ranges.
- */
-const listener = (options: HighlightOptions) => {
-  return EditorView.updateListener.of((update) => {
-    const { view, state } = update;
-    const { /* from, to, */ head } = state.selection.main;
-    const ranges = state.field(highlightStateField);
-
-    // TODO(burdon): Modify range if editing.
-    // console.log('::::', update);
-
-    // Set active.
-    let mod = false;
-    const newRanges = ranges.map((range) => {
-      const active = head >= range.from && head <= range.to;
-      if (active !== range.active) {
-        mod = true;
-        return { ...range, active };
-      } else {
-        return range;
-      }
-    });
-
-    if (mod) {
-      view.dispatch({ effects: setHighlights.of(newRanges) });
-      options?.onChange?.(newRanges.find((range) => range.active)?.id);
-    }
-  });
-};
-
-export type HighlightOptions = {
-  onChange?: (active?: string) => {};
-};
-
-export const highlight = (options: HighlightOptions = {}): Extension => {
-  return [highlightStateField, highlightDecorations, listener(options), styles];
-};

package/src/hooks/automerge/translation/index.ts

@@ -1,6 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './automerge-to-codemirror';
-export * from './codemirror-to-automerge';