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

package/src/{components/TextEditor/themes → themes}/default.ts

@@ -3,9 +3,11 @@
 //
 
 import get from 'lodash.get';
-import { type StyleSpec } from 'style-mod';
 
-import { tokens } from '../../../styles';
+import { type ThemeStyles, tokens } from '../styles';
+
+// TODO(burdon): Can we erase All of the default CM styles?
+// TODO(burdon): Theme styles seem to be added multiple times?
 
 /**
  * Minimal styles.
@@ -18,19 +20,31 @@ import { tokens } from '../../../styles';
  * NOTE: Use one of '&', '&light', and '&dark' prefix to scope instance.
  * NOTE: `light` and `dark` selectors are preprocessed by CodeMirror and can only be in the base theme.
  */
-export const defaultTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const defaultTheme: ThemeStyles = {
   //
   // Main layout:
-  // <div class=".cm-editor .cm-focused">
-  //   <div class=".cm-scroller">
-  //     <div class=".cm-content" role="textbox" contenteditable="true">
-  //       <div class=".cm-line" />
+  // https://codemirror.net/examples/styling
+  //
+  // <div class="cm-editor [cm-focused] [generated classes]">
+  //   <div class="cm-scroller">
+  //     <div class="cm-gutters">
+  //       <div class="cm-gutter [...]">
+  //         <div class="cm-gutterElement">...</div>
+  //       </div>
+  //     </div>
+  //     <div class="cm-content" role="textbox" contenteditable="true">
+  //       <div class="cm-line"></div>
+  //     </div>
+  //     <div class="cm-selectionLayer">
+  //       <div class="cm-selectionBackground"></div>
+  //     </div>
+  //     <div class="cm-cursorLayer">
+  //       <div class="cm-cursor"></div>
   //     </div>
   //   </div>
   // </div>
   //
+
   '&': {},
   '&.cm-focused': {
     outline: 'none',
@@ -39,9 +53,10 @@ export const defaultTheme: {
     overflow: 'visible',
     fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
   },
+
   '& .cm-content': {
     padding: 0,
-    // Base font size (otherwise defined by HTML tag, which might be different for storybook).
+    // NOTE: Base font size (otherwise defined by HTML tag, which might be different for storybook).
     fontSize: '16px',
   },
   '&light .cm-content': {
@@ -72,31 +87,41 @@ export const defaultTheme: {
   '& .cm-line': {
     paddingInline: 0,
   },
-  '& .cm-line *': {},
   '& .cm-activeLine': {
-    backgroundColor: 'transparent',
+    background: 'inherit',
   },
 
   //
-  // selection
+  // Selection
   //
 
-  '&light .cm-selectionBackground, &light.cm-focused .cm-selectionBackground': {
-    background: get(tokens, 'extend.colors.primary.150', '#00ffff'),
+  '&light .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.100'),
   },
-  '&dark .cm-selectionBackground, &dark.cm-focused .cm-selectionBackground': {
-    background: get(tokens, 'extend.colors.primary.850', '#00ffff'),
+  '&light.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.200'),
   },
-  '&light .cm-selectionMatch': {
-    background: get(tokens, 'extend.colors.primary.250', '#00ffff') + '44',
+  '&dark .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.700'),
   },
-  '&dark .cm-selectionMatch': {
-    background: get(tokens, 'extend.colors.primary.600', '#00ffff') + '44',
+  '&dark.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.600'),
+  },
+
+  //
+  // Search
+  //
+
+  '&light .cm-searchMatch': {
+    backgroundColor: get(tokens, 'extend.colors.yellow.100'),
+  },
+  '&dark .cm-searchMatch': {
+    backgroundColor: get(tokens, 'extend.colors.yellow.700'),
   },
 
   //
   // collaboration
-  // TODO(burdon): Review classnames (YJS dependent?)
+  // TODO(burdon): Review classnames (YJS dependent?) Note: e2e tests depend on this class.
   //
 
   '&light .cm-ySelection, &light .cm-yLineSelection': {
@@ -211,6 +236,7 @@ export const defaultTheme: {
 
   /**
    * Panels
+   * TODO(burdon): Needs styling attention (esp. dark mode).
    * https://github.com/codemirror/search/blob/main/src/search.ts#L745
    *
    * Find/replace panel.
@@ -226,7 +252,6 @@ export const defaultTheme: {
    */
   '& .cm-panels': {
     border: `1px solid ${get(tokens, 'extend.colors.neutral.200')}`,
-    borderBottom: 'none',
   },
   '& .cm-panel': {
     background: get(tokens, 'extend.colors.neutral.50'),
@@ -236,20 +261,22 @@ export const defaultTheme: {
     margin: '4px',
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
     background: get(tokens, 'extend.colors.neutral.100'),
+    backgroundImage: 'none',
     border: 'none',
+    '&:hover': {
+      background: get(tokens, 'extend.colors.neutral.200'),
+    },
+    '&:active': {
+      background: get(tokens, 'extend.colors.neutral.300'),
+      backgroundImage: 'none',
+    },
   },
-
-  '& .cm-searchMatch': {
-    backgroundColor: get(tokens, 'extend.colors.yellow.100'),
-  },
-  '& .cm-searchMatch.cm-searchMatch-selected': {
-    backgroundColor: get(tokens, 'extend.colors.primary.100'),
+  '& .cm-panel input[type=checkbox]': {
+    marginRight: '0.4rem !important',
   },
 };
 
-export const textTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const textTheme: ThemeStyles = {
   '& .cm-scroller': {
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
   },
@@ -258,18 +285,14 @@ export const textTheme: {
   },
 };
 
-export const markdownTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const markdownTheme: ThemeStyles = {
   // NOTE: Must leave base font family as is (i.e., monospace) due to fenced code blocks.
   '& .cm-placeholder': {
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
   },
 };
 
-export const codeTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const codeTheme: ThemeStyles = {
   '& .cm-scroller': {
     fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
   },

package/dist/types/src/components/TextEditor/extensions/autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/autocomplete.ts"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,UAAU,EAGhB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,UAAU,EAAE,CAAC;CAC1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,iBAAkB,mBAAmB,4CAgC7D,CAAC"}

package/dist/types/src/components/TextEditor/extensions/basic.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/basic.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,uDAAwD,kBAAkB,KAAG,SAAS,EAa5E,CAAC"}

package/dist/types/src/components/TextEditor/extensions/blast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blast.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/blast.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,gBAAgB,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,qBAAqB,EAAE;QAAE,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;IACpE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,YAU5B,CAAC;AAEF,eAAO,MAAM,KAAK,aAAa,QAAQ,YAAY,CAAC,KAAoB,SAmEvE,CAAC"}

package/dist/types/src/components/TextEditor/extensions/code.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/code.ts"],"names":[],"mappings":"AAmDA,eAAO,MAAM,IAAI,+CA+ChB,CAAC"}

package/dist/types/src/components/TextEditor/extensions/comments.d.ts

@@ -1,18 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { type Rect } from '@codemirror/view';
-type CommentsInfo = {
-    active?: string;
-    items?: {
-        id: string;
-        pos: number;
-        location: Rect | null;
-    }[];
-};
-export type CommentsOptions = {
-    key?: string;
-    onCreate?: (from: number, to: number) => string | void;
-    onUpdate?: (info: CommentsInfo) => void;
-};
-export declare const comments: (options?: CommentsOptions) => Extension;
-export {};
-//# sourceMappingURL=comments.d.ts.map

package/dist/types/src/components/TextEditor/extensions/comments.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/comments.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAGL,KAAK,IAAI,EAOV,MAAM,kBAAkB,CAAC;AAqC1B,KAAK,YAAY,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,EAAE,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC,CAAC;AAKF,eAAO,MAAM,QAAQ,aAAa,eAAe,KAAQ,SA0GxD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/demo.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;;;GAGG;AACH,eAAO,MAAM,IAAI,sBAA0C,WAAW,KAAQ,SAgD7E,CAAC"}

package/dist/types/src/components/TextEditor/extensions/experimental.d.ts

@@ -1,10 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { type DecorationSet, MatchDecorator, ViewPlugin, type ViewUpdate } from '@codemirror/view';
-export declare const styles: Extension;
-export declare function hyperLinkExtension(): ViewPlugin<{
-    readonly decorator: MatchDecorator;
-    decorations: DecorationSet;
-    update(update: ViewUpdate): void;
-}>;
-export declare const hyperlinkWidget: Extension;
-//# sourceMappingURL=experimental.d.ts.map

package/dist/types/src/components/TextEditor/extensions/experimental.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/experimental.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAEL,KAAK,aAAa,EAElB,cAAc,EACd,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAG1B,eAAO,MAAM,MAAM,WAYjB,CAAC;AAiDH,wBAAgB,kBAAkB;wBAGR,cAAc;;mBAOnB,UAAU;GAwB9B;AAED,eAAO,MAAM,eAAe,EAAE,SAA0C,CAAC"}

package/dist/types/src/components/TextEditor/extensions/highlight.d.ts

@@ -1,24 +0,0 @@
-import { type Extension, StateField } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
-import { type DocumentRange } from '../../../hooks';
-type HighlightRange = DocumentRange & {
-    active?: boolean;
-};
-/**
- * Update field set.
- */
-export declare const useHighlights: (view: EditorView | undefined, ranges?: HighlightRange[]) => void;
-/**
- * State field that tracks highlight ranges.
- */
-export declare const highlightStateField: StateField<HighlightRange[]>;
-/**
- * Decorate ranges.
- */
-export declare const highlightDecorations: Extension;
-export type HighlightOptions = {
-    onChange?: (active?: string) => {};
-};
-export declare const highlight: (options?: HighlightOptions) => Extension;
-export {};
-//# sourceMappingURL=highlight.d.ts.map

package/dist/types/src/components/TextEditor/extensions/highlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/highlight.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAc,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI1D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAsBpD,KAAK,cAAc,GAAG,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAK3D;;GAEG;AAEH,eAAO,MAAM,aAAa,SAAU,UAAU,GAAG,SAAS,WAAU,cAAc,EAAE,SAMnF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,8BAW9B,CAAC;AAEH;;GAEG;AAEH,eAAO,MAAM,oBAAoB,WAiB/B,CAAC;AAoCH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,aAAa,gBAAgB,KAAQ,SAE1D,CAAC"}

package/dist/types/src/components/TextEditor/extensions/image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/image.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,YAAY,GAAG,EAAE,CAAC;AAE9B,eAAO,MAAM,KAAK,aAAa,YAAY,KAAQ,SAMlD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}

package/dist/types/src/components/TextEditor/extensions/link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/link.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,mBAAmB,CAAC;AAO3B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,aAAa,WAAW,KAAQ,SAMhD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/listener.d.ts

@@ -1,9 +0,0 @@
-import { StateField } from '@codemirror/state';
-export type ListenerOptions = {
-    onChange: (text: string) => void;
-};
-/**
- * Based on https://github.com/codemirror/dev/issues/44#issuecomment-789093799
- */
-export declare const listener: ({ onChange }: ListenerOptions) => StateField<null>;
-//# sourceMappingURL=listener.d.ts.map

package/dist/types/src/components/TextEditor/extensions/listener.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/listener.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,QAAQ,iBAAkB,eAAe,qBAWrD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/markdown/bundle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/markdown/bundle.ts"],"names":[],"mappings":"AAUA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAYhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AAEH,eAAO,MAAM,cAAc,wDAIxB,qBAAqB,KAAG,SAAS,EA6CnC,CAAC"}

package/dist/types/src/components/TextEditor/extensions/markdown/highlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/markdown/highlight.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAmB,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAS,MAAM,iBAAiB,CAAC;AAmB7D;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAgBxB,CAAC;AAaF,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAKlD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB,cAAe,OAAO,mBAgIxD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/markdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/markdown/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dist/types/src/components/TextEditor/extensions/mention.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mention.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/mention.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,OAAO,iBAAkB,cAAc,KAAG,SAmBtD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/table.ts"],"names":[],"mappings":"AAKA,OAAO,EAAoB,KAAK,QAAQ,EAAmB,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AAMnH,MAAM,MAAM,YAAY,GAAG,EAAE,CAAC;AAE9B;;;GAGG;AACH,eAAO,MAAM,KAAK,aAAa,YAAY,8BAM1C,CAAC"}

package/dist/types/src/components/TextEditor/extensions/tasklist.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tasklist.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/tasklist.ts"],"names":[],"mappings":"AA+DA,MAAM,MAAM,eAAe,GAAG,EAAE,CAAC;AAEjC,eAAO,MAAM,QAAQ,aAAa,eAAe,4CAuDhD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/tooltip.d.ts

@@ -1,12 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type TooltipOptions = {
-    onHover: (el: Element, url: string) => void;
-    regexp?: RegExp;
-};
-/**
- * https://codemirror.net/examples/tooltip
- * https://codemirror.net/docs/ref/#view.hoverTooltip
- * https://github.com/codemirror/view/blob/main/src/tooltip.ts
- */
-export declare const tooltip: ({ onHover, regexp }: TooltipOptions) => Extension;
-//# sourceMappingURL=tooltip.d.ts.map

package/dist/types/src/components/TextEditor/extensions/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOnD,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,wBAA8C,cAAc,KAAG,SAuC/E,CAAC"}

package/dist/types/src/components/TextEditor/themes/default.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/themes/default.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE;IACzB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAkO/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;IACtB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAQ/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAM/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;IACtB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAQ/B,CAAC"}

package/dist/types/src/components/TextEditor/themes/index.d.ts.map

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

package/dist/types/src/hooks/automerge/PatchSemaphore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PatchSemaphore.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/PatchSemaphore.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAA8E,MAAM,UAAU,CAAC;AAGlH,KAAK,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,KAAK,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;AAE7B,KAAK,QAAQ,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,KAAK,GAAG,SAAS,CAAC;AAE3F;;GAEG;AACH,qBAAa,cAAc;IACzB,MAAM,EAAG,KAAK,CAAC;IACf,YAAY,UAAS;IACrB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAM;gBAEjB,KAAK,CAAC,EAAE,KAAK;IAMzB,SAAS,WAAY,UAAU,QAAQ,UAAU,UA0C/C;CACH"}

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

@@ -1,5 +0,0 @@
-import { type EditorSelection } from '@codemirror/state';
-import { type EditorView } from '@codemirror/view';
-import { type Patch, type Prop } from '@dxos/automerge/automerge';
-export declare const automergeToCodemirror: (view: EditorView, selection: EditorSelection, target: Prop[], patches: Patch[]) => void;
-//# sourceMappingURL=automerge-to-codemirror.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"automerge-to-codemirror.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/automerge/translation/automerge-to-codemirror.ts"],"names":[],"mappings":"AAMA,OAAO,EAA8B,KAAK,eAAe,EAAoB,MAAM,mBAAmB,CAAC;AACvG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,IAAI,EAGV,MAAM,2BAA2B,CAAC;AAInC,eAAO,MAAM,qBAAqB,SAC1B,UAAU,aACL,eAAe,UAClB,IAAI,EAAE,WACL,KAAK,EAAE,SAkBjB,CAAC"}

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

@@ -1,6 +0,0 @@
-import { type EditorState, type Transaction } from '@codemirror/state';
-import { type Heads } from '@dxos/automerge/automerge';
-import { type IDocHandle } from '../handle';
-import { type Field } from '../plugin';
-export declare const codemirrorToAutomerge: (field: Field, handle: IDocHandle, transactions: Transaction[], state: EditorState) => Heads | undefined;
-//# sourceMappingURL=codemirror-to-automerge.d.ts.map

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/comments.ts

@@ -1,173 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Extension } from '@codemirror/state';
-import {
-  keymap,
-  type DecorationSet,
-  type Rect,
-  type ViewUpdate,
-  Decoration,
-  EditorView,
-  MatchDecorator,
-  ViewPlugin,
-  WidgetType,
-} from '@codemirror/view';
-
-import { debounce } from '@dxos/async';
-import { invariant } from '@dxos/invariant';
-
-// TODO(burdon): Reconcile with theme.
-const styles = EditorView.baseTheme({
-  '& .cm-bookmark': {
-    cursor: 'pointer',
-    margin: '4px',
-    padding: '4px',
-    backgroundColor: 'yellow',
-  },
-  '& .cm-bookmark-selected': {
-    backgroundColor: 'orange',
-  },
-});
-
-class BookmarkWidget extends WidgetType {
-  constructor(private readonly _pos: number, private readonly _id: string, private readonly _handleClick: () => void) {
-    super();
-    invariant(this._id);
-  }
-
-  override eq(other: BookmarkWidget) {
-    return this._id === other._id;
-  }
-
-  override toDOM() {
-    const span = document.createElement('span');
-    span.className = 'cm-bookmark';
-    span.textContent = '§';
-    span.onclick = () => this._handleClick();
-    return span;
-  }
-}
-
-type CommentsInfo = {
-  active?: string;
-  items?: { id: string; pos: number; location: Rect | null }[];
-};
-
-export type CommentsOptions = {
-  key?: string;
-  onCreate?: (from: number, to: number) => string | void;
-  onUpdate?: (info: CommentsInfo) => void;
-};
-
-// https://www.markdownguide.org/extended-syntax/#footnotes
-// TODO(burdon): Record span in automerge model?
-// TODO(burdon): Extended markdown: https://www.markdownguide.org/extended-syntax
-export const comments = (options: CommentsOptions = {}): Extension => {
-  let active: string | undefined;
-
-  const bookmarkMatcher = new MatchDecorator({
-    regexp: /\[\^(\w+)\]/g,
-    decoration: (match, view, pos) => {
-      const id = match[1];
-      return Decoration.replace({
-        id,
-        widget: new BookmarkWidget(pos, id, () => handleUpdate({ active: id })),
-      });
-    },
-  });
-
-  const bookmarks = ViewPlugin.fromClass(
-    class {
-      bookmarks: DecorationSet;
-      constructor(view: EditorView) {
-        this.bookmarks = bookmarkMatcher.createDeco(view);
-      }
-
-      update(update: ViewUpdate) {
-        this.bookmarks = bookmarkMatcher.updateDeco(update, this.bookmarks);
-      }
-    },
-    {
-      decorations: (instance) => instance.bookmarks,
-      provide: (plugin) =>
-        EditorView.atomicRanges.of((view) => {
-          return view.plugin(plugin)?.bookmarks || Decoration.none;
-        }),
-    },
-  );
-
-  const handleUpdate = debounce((data: CommentsInfo) => {
-    options.onUpdate?.(data);
-  }, 200);
-
-  return [
-    keymap.of([
-      {
-        key: options?.key ?? 'shift-meta-c',
-        run: (view) => {
-          // Insert footnote.
-          const { from, to, head } = view.state.selection.main;
-          const id = options.onCreate?.(from, to);
-          if (id) {
-            const tag = `[^${id}]`;
-            // TODO(burdon): Add selection.
-            view.dispatch({
-              changes: { from: head, insert: tag },
-              selection: { anchor: head + tag.length },
-            });
-
-            return true;
-          }
-
-          return false;
-        },
-      },
-    ]),
-
-    bookmarks,
-
-    // Monitor cursor movement.
-    EditorView.updateListener.of((update) => {
-      active = undefined;
-      if (!options.onUpdate) {
-        return;
-      }
-
-      const { view, state } = update;
-      const pos = state.selection.main.head;
-
-      const decorations: { from: number; to: number; value: Decoration }[] = [];
-      const rangeSet = view.plugin(bookmarks)?.bookmarks;
-      let closest = Infinity;
-      // TODO(burdon): Handle multiple visible ranges in large documents.
-      const { from, to } = /* view.visibleRanges?.[0] ?? */ { from: 0, to: state.doc.length };
-      rangeSet?.between(from, to, (from, to, value) => {
-        decorations.push({ from, to, value });
-        const d = Math.min(Math.abs(pos - from), Math.abs(pos - to));
-        if (d < closest) {
-          // TODO(burdon): Update class of selected.
-          active = value.spec.id;
-          closest = d;
-        }
-      });
-
-      if (decorations.length) {
-        handleUpdate({
-          active,
-          items: decorations.map(
-            ({
-              from,
-              value: {
-                spec: { id },
-              },
-            }) => ({ id: id as string, pos: from, location: view.coordsAtPos(from) }),
-          ),
-        });
-      }
-    }),
-
-    styles,
-  ];
-};