@dxos/react-ui-editor 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

package/src/stories/components/EditorStory.tsx

@@ -5,30 +5,27 @@
 import { type EditorView } from '@codemirror/view';
 import React, { type ReactNode, forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 
-import { createDocAccessor, createObject } from '@dxos/client/echo';
-import { Expando } from '@dxos/echo/internal';
-import { live } from '@dxos/echo/internal';
+import { Obj } from '@dxos/echo';
+import { TestSchema } from '@dxos/echo/testing';
 import { invariant } from '@dxos/invariant';
 import { PublicKey } from '@dxos/keys';
 import { log } from '@dxos/log';
 import { useMergeRefs, useThemeContext } from '@dxos/react-ui';
 import { useAttentionAttributes } from '@dxos/react-ui-attention';
 import { JsonFilter } from '@dxos/react-ui-syntax-highlighter';
-import { mx } from '@dxos/react-ui-theme';
-import { isNonNullable } from '@dxos/util';
-
-import { type EditorController, createEditorController } from '../../components';
-import { editorGutter, editorSlots } from '../../defaults';
 import {
   type DebugNode,
   type ThemeExtensionsOptions,
   createBasicExtensions,
-  createDataExtensions,
   createMarkdownExtensions,
   createThemeExtensions,
   debugTree,
-  decorateMarkdown,
-} from '../../extensions';
+  documentSlots,
+} from '@dxos/ui-editor';
+import { mx } from '@dxos/ui-theme';
+import { isNonNullable } from '@dxos/util';
+
+import { type EditorController, createEditorController } from '../../components';
 import { type UseTextEditorProps, useTextEditor } from '../../hooks';
 
 // Type definitions.
@@ -36,40 +33,41 @@ export type DebugMode = 'raw' | 'tree' | 'raw+tree';
 
 const defaultId = 'editor-' + PublicKey.random().toHex().slice(0, 8);
 
-export type StoryProps = Pick<UseTextEditorProps, 'id' | 'scrollTo' | 'selection' | 'extensions'> &
+export type EditorStoryProps = Pick<UseTextEditorProps, 'id' | 'scrollTo' | 'selection' | 'extensions'> &
   Pick<ThemeExtensionsOptions, 'slots'> & {
     debug?: DebugMode;
     debugCustom?: (view: EditorView) => ReactNode;
     text?: string;
-    object?: Expando;
+    object?: Obj.OfShape<TestSchema.Expando>;
     readOnly?: boolean;
     placeholder?: string;
     lineNumbers?: boolean;
+    monospace?: boolean;
     onReady?: (view: EditorView) => void;
   };
 
-export const EditorStory = forwardRef<EditorController, StoryProps>(
-  ({ debug, debugCustom, text, extensions: extensionsParam, ...props }, forwardedRef) => {
+export const EditorStory = forwardRef<EditorController, EditorStoryProps>(
+  ({ debug, debugCustom, text, extensions: extensionsProp, ...props }, forwardedRef) => {
     const controllerRef = useRef<EditorController>(null);
     const mergedRef = useMergeRefs([controllerRef, forwardedRef]);
 
     const attentionAttrs = useAttentionAttributes('test-panel');
     const [tree, setTree] = useState<DebugNode>();
-    const [object] = useState(createObject(live(Expando, { content: text ?? '' })));
+    const [object] = useState(Obj.make(TestSchema.Expando, { content: text ?? '' }));
 
     const extensions = useMemo(
-      () => (debug ? [extensionsParam, debugTree(setTree)].filter(isNonNullable) : extensionsParam),
-      [debug, extensionsParam],
+      () => (debug ? [extensionsProp, debugTree(setTree)].filter(isNonNullable) : extensionsProp),
+      [debug, extensionsProp],
     );
 
     const view = controllerRef.current?.view;
     return (
-      <div className={mx('is-full bs-full grid overflow-hidden', debug && 'grid-cols-2 lg:grid-cols-[1fr_600px]')}>
+      <div className={mx('dx-container grid', debug && 'grid-cols-2 lg:grid-cols-[1fr_600px]')}>
         <EditorComponent ref={mergedRef} object={object} text={text} extensions={extensions} {...props} />
 
         {debug && (
           <div
-            className='grid bs-full auto-rows-fr border-l border-separator divide-y divide-separator overflow-hidden'
+            className='grid h-full auto-rows-fr border-l border-separator divide-y divide-separator overflow-hidden'
             {...attentionAttrs}
           >
             {view && debugCustom?.(view)}
@@ -88,10 +86,8 @@ export const EditorStory = forwardRef<EditorController, StoryProps>(
 
 /**
  * Default story component.
- * @deprecated
  */
-// TODO(burdon): Replace with <Editor.Root>
-export const EditorComponent = forwardRef<EditorController, StoryProps>(
+const EditorComponent = forwardRef<EditorController, EditorStoryProps>(
   (
     {
       id = defaultId,
@@ -100,10 +96,11 @@ export const EditorComponent = forwardRef<EditorController, StoryProps>(
       readOnly,
       placeholder = 'New document.',
       lineNumbers,
+      monospace,
       scrollTo,
       selection,
       extensions,
-      slots = editorSlots,
+      slots = documentSlots,
       onReady,
     },
     forwardedRef,
@@ -118,12 +115,9 @@ export const EditorComponent = forwardRef<EditorController, StoryProps>(
         selection,
         initialValue: text,
         extensions: [
-          createDataExtensions({ id, text: createDocAccessor(object, ['content']) }),
           createBasicExtensions({ readOnly, placeholder, lineNumbers, scrollPastEnd: true, search: true }),
+          createThemeExtensions({ monospace, themeMode, syntaxHighlighting: true, slots }),
           createMarkdownExtensions(),
-          createThemeExtensions({ themeMode, syntaxHighlighting: true, slots }),
-          decorateMarkdown(),
-          editorGutter,
           extensions || [],
         ],
       }),

package/src/stories/components/util.tsx

@@ -4,22 +4,22 @@
 
 import { type Completion } from '@codemirror/autocomplete';
 import { type Extension } from '@codemirror/state';
-import React, { type FC } from 'react';
 
 import { faker } from '@dxos/random';
-import { Icon } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
+import { Domino } from '@dxos/ui';
 import {
   type EditorSelectionState,
+  type RenderCallback,
   decorateMarkdown,
   folding,
   formattingKeymap,
   image,
   linkTooltip,
   table,
-} from '../../extensions';
-import { createRenderer, str } from '../../util';
+} from '@dxos/ui-editor';
+import { safeUrl } from '@dxos/util';
+
+import { str } from '../../util';
 
 export const num = () => faker.number.int({ min: 0, max: 9999 }).toLocaleString();
 
@@ -204,30 +204,27 @@ export const links: Completion[] = [
 export const names = ['adam', 'alice', 'alison', 'bob', 'carol', 'charlie', 'sayuri', 'shoko'];
 
 const hover =
-  'rounded-sm text-baseText text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';
-
-const LinkTooltip: FC<{ url: string }> = ({ url }) => {
-  const web = new URL(url);
-  return (
-    <a href={url} target='_blank' rel='noreferrer' className={mx(hover, 'flex items-center gap-2')}>
-      {web.origin}
-      <Icon icon='ph--arrow-square-out--regular' size={4} />
-    </a>
+  'rounded-xs text-base-surface-text text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';
+
+export const renderLinkTooltip: RenderCallback<{ url: string }> = (el, { url }) => {
+  el.appendChild(
+    Domino.of('a')
+      .attributes({ href: url, target: '_blank', rel: 'noreferrer', 'aria-label': 'Open link' })
+      .classNames(hover, 'flex items-center gap-2')
+      .text(safeUrl(url)?.toString() ?? url)
+      .children(Domino.svg('ph--arrow-square-out--regular')).root,
   );
 };
 
-export const renderLinkTooltip = createRenderer(LinkTooltip);
-
-const LinkButton: FC<{ url: string }> = ({ url }) => {
-  return (
-    <a href={url} target='_blank' rel='noreferrer' className={mx(hover)}>
-      <Icon icon='ph--arrow-square-out--regular' size={4} classNames='inline-block mis-1 mb-[3px]' />
-    </a>
+export const renderLinkButton: RenderCallback<{ url: string }> = (el, { url }) => {
+  el.appendChild(
+    Domino.of('span')
+      .attributes({ 'aria-hidden': 'true' })
+      .classNames(hover, 'ms-1 inline-block align-[-0.125em]')
+      .children(Domino.svg('ph--arrow-square-out--regular')).root,
   );
 };
 
-export const renderLinkButton = createRenderer(LinkButton);
-
 // Shared extensions.
 export const defaultExtensions: Extension[] = [
   decorateMarkdown({ renderLinkButton, selectionChangeDelay: 100 }),

package/src/translations.ts

@@ -4,7 +4,7 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-export const translationKey = 'react-ui-editor';
+export const translationKey = '@dxos/react-ui-editor';
 
 export const translations = [
   {
@@ -29,11 +29,11 @@ export const translations = [
         'heading level label_zero': 'Paragraph',
         'heading level label_one': 'Heading level {{count}}',
         'heading level label_other': 'Heading level {{count}}',
+        'search label': 'Search',
         'view mode label': 'Editor view',
-        'preview mode label': 'Live preview',
+        'preview mode label': 'Markdown',
         'readonly mode label': 'Read only',
-        'search label': 'Search',
-        'source mode label': 'Source',
+        'source mode label': 'Plain text',
       },
     },
   },

package/src/util/index.ts

@@ -1,10 +1,5 @@
 //
-// Copyright 2024 DXOS.org
+// Copyright 2025 DXOS.org
 //
 
-export * from './cursor';
-export * from './decorations';
-export * from './debug';
-export * from './dom';
-export * from './facet';
 export * from './react';

package/src/util/react.tsx

@@ -2,30 +2,25 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { type FC, type ReactNode } from 'react';
+import React, { type FC } from 'react';
 import { createRoot } from 'react-dom/client';
 
 import { ThemeProvider, Tooltip } from '@dxos/react-ui';
-import { defaultTx } from '@dxos/react-ui-theme';
+import { type RenderCallback } from '@dxos/ui-editor';
+import { defaultTx } from '@dxos/ui-theme';
 
-import { type RenderCallback } from '../types';
-
-/** @deprecated */
-// TODO(wittjosiah): Replace with portals which are lighter weight and inherit context from the main react tree.
-export const renderRoot = <T extends Element>(root: T, node: ReactNode): T => {
-  createRoot(root).render(<ThemeProvider tx={defaultTx}>{node}</ThemeProvider>);
-  return root;
-};
+/**
+ * @deprecated Use `trim` from `@dxos/util`.
+ */
+export const str = (...lines: string[]) => lines.join('\n');
 
 /**
- * Utility to create a renderer for a React component.
  * @deprecated
  */
 export const createRenderer =
   <TProps extends object>(Component: FC<TProps>): RenderCallback<TProps> =>
   (el, props) => {
-    renderRoot(
-      el,
+    createRoot(el).render(
       <ThemeProvider tx={defaultTx}>
         <Tooltip.Provider>
           <Component {...props} />

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

@@ -1,22 +0,0 @@
-// src/types/types.ts
-import * as Schema from "effect/Schema";
-var EditorViewModes = [
-  "preview",
-  "readonly",
-  "source"
-];
-var EditorViewMode = Schema.Union(...EditorViewModes.map((mode) => Schema.Literal(mode)));
-var EditorInputModes = [
-  "default",
-  "vim",
-  "vscode"
-];
-var EditorInputMode = Schema.Union(...EditorInputModes.map((mode) => Schema.Literal(mode)));
-
-export {
-  EditorViewModes,
-  EditorViewMode,
-  EditorInputModes,
-  EditorInputMode
-};
-//# sourceMappingURL=chunk-HL3YF6WC.mjs.map

package/dist/lib/browser/chunk-HL3YF6WC.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(...EditorViewModes.map((mode) => Schema.Literal(mode)));\nexport type EditorViewMode = Schema.Schema.Type<typeof EditorViewMode>;\n\nexport const EditorInputModes = ['default', 'vim', 'vscode'] as const;\nexport const EditorInputMode = Schema.Union(...EditorInputModes.map((mode) => Schema.Literal(mode)));\nexport type EditorInputMode = Schema.Schema.Type<typeof EditorInputMode>;\n"],
-  "mappings": ";AAKA,YAAYA,YAAY;AAoBjB,IAAMC,kBAAkB;EAAC;EAAW;EAAY;;AAChD,IAAMC,iBAAwBC,aAAK,GAAIF,gBAAgBG,IAAI,CAACC,SAAgBC,eAAQD,IAAAA,CAAAA,CAAAA;AAGpF,IAAME,mBAAmB;EAAC;EAAW;EAAO;;AAC5C,IAAMC,kBAAyBL,aAAK,GAAII,iBAAiBH,IAAI,CAACC,SAAgBC,eAAQD,IAAAA,CAAAA,CAAAA;",
-  "names": ["Schema", "EditorViewModes", "EditorViewMode", "Union", "map", "mode", "Literal", "EditorInputModes", "EditorInputMode"]
-}

package/dist/lib/browser/types/index.mjs

@@ -1,13 +0,0 @@
-import {
-  EditorInputMode,
-  EditorInputModes,
-  EditorViewMode,
-  EditorViewModes
-} from "../chunk-HL3YF6WC.mjs";
-export {
-  EditorInputMode,
-  EditorInputModes,
-  EditorViewMode,
-  EditorViewModes
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/types/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

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

@@ -1,24 +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(...EditorViewModes.map((mode) => Schema.Literal(mode)));
-var EditorInputModes = [
-  "default",
-  "vim",
-  "vscode"
-];
-var EditorInputMode = Schema.Union(...EditorInputModes.map((mode) => Schema.Literal(mode)));
-
-export {
-  EditorViewModes,
-  EditorViewMode,
-  EditorInputModes,
-  EditorInputMode
-};
-//# sourceMappingURL=chunk-YJZGD3LY.mjs.map

package/dist/lib/node-esm/chunk-YJZGD3LY.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(...EditorViewModes.map((mode) => Schema.Literal(mode)));\nexport type EditorViewMode = Schema.Schema.Type<typeof EditorViewMode>;\n\nexport const EditorInputModes = ['default', 'vim', 'vscode'] as const;\nexport const EditorInputMode = Schema.Union(...EditorInputModes.map((mode) => Schema.Literal(mode)));\nexport type EditorInputMode = Schema.Schema.Type<typeof EditorInputMode>;\n"],
-  "mappings": ";;;AAKA,YAAYA,YAAY;AAoBjB,IAAMC,kBAAkB;EAAC;EAAW;EAAY;;AAChD,IAAMC,iBAAwBC,aAAK,GAAIF,gBAAgBG,IAAI,CAACC,SAAgBC,eAAQD,IAAAA,CAAAA,CAAAA;AAGpF,IAAME,mBAAmB;EAAC;EAAW;EAAO;;AAC5C,IAAMC,kBAAyBL,aAAK,GAAII,iBAAiBH,IAAI,CAACC,SAAgBC,eAAQD,IAAAA,CAAAA,CAAAA;",
-  "names": ["Schema", "EditorViewModes", "EditorViewMode", "Union", "map", "mode", "Literal", "EditorInputModes", "EditorInputMode"]
-}

package/dist/lib/node-esm/types/index.mjs

@@ -1,14 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  EditorInputMode,
-  EditorInputModes,
-  EditorViewMode,
-  EditorViewModes
-} from "../chunk-YJZGD3LY.mjs";
-export {
-  EditorInputMode,
-  EditorInputModes,
-  EditorViewMode,
-  EditorViewModes
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/types/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/types/src/components/EditorContent/EditorContent.stories.d.ts

@@ -1,26 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<{
-        value?: string;
-        onChange?: (value: string) => void;
-    } & Pick<import("@codemirror/state").EditorStateConfig, "extensions"> & {
-        id?: string;
-        doc?: import("@codemirror/state").Text;
-        initialValue?: string;
-        autoFocus?: boolean;
-        scrollTo?: number;
-        selection?: import("../..").EditorSelection;
-        selectionEnd?: boolean;
-        debug?: boolean;
-    }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<import("./controller").EditorController>>;
-    decorators: import("@storybook/react").Decorator[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Automerge: Story;
-//# sourceMappingURL=EditorContent.stories.d.ts.map

package/dist/types/src/components/EditorContent/EditorContent.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorContent.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorContent/EditorContent.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAI4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC"}

package/dist/types/src/components/EditorMenuProvider/util.d.ts

@@ -1,8 +0,0 @@
-import { type EditorView } from '@codemirror/view';
-export declare const insertAtCursor: (view: EditorView, from: number, insert: string) => void;
-/**
- * If the cursor is at the start of a line, insert the text at the cursor.
- * Otherwise, insert the text on a new line.
- */
-export declare const insertAtLineStart: (view: EditorView, from: number, insert: string) => void;
-//# sourceMappingURL=util.d.ts.map

package/dist/types/src/components/EditorMenuProvider/util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorMenuProvider/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInD,eAAO,MAAM,cAAc,GAAI,MAAM,UAAU,EAAE,MAAM,MAAM,EAAE,QAAQ,MAAM,SAK5E,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,UAAU,EAAE,MAAM,MAAM,EAAE,QAAQ,MAAM,SAW/E,CAAC"}

package/dist/types/src/defaults.d.ts

@@ -1,14 +0,0 @@
-import { type ThemeExtensionsOptions } from './extensions';
-/**
- * CodeMirror content width.
- * 40rem = 640px. Corresponds to initial plank width (Google docs, Stashpad, etc.)
- * 50rem = 800px. Maximum content width for solo mode.
- * NOTE: Max width - 4rem = 2rem left/right margin (or 2rem gutter plus 1rem left/right margin).
- */
-export declare const editorWidth = "!mli-auto is-full max-is-[min(50rem,100%-4rem)]";
-export declare const editorSlots: ThemeExtensionsOptions['slots'];
-export declare const editorGutter: import("@codemirror/state").Extension;
-export declare const editorMonospace: import("@codemirror/state").Extension;
-export declare const editorWithToolbarLayout = "grid grid-cols-1 grid-rows-[min-content_1fr] data-[toolbar=disabled]:grid-rows-[1fr] justify-center content-start overflow-hidden";
-export declare const stackItemContentEditorClassNames: (role?: string) => string;
-//# sourceMappingURL=defaults.d.ts.map

package/dist/types/src/defaults.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/defaults.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAG3D;;;;;GAKG;AACH,eAAO,MAAM,WAAW,oDAAoD,CAAC;AAE7E,eAAO,MAAM,WAAW,EAAE,sBAAsB,CAAC,OAAO,CAOvD,CAAC;AAEF,eAAO,MAAM,YAAY,uCAOvB,CAAC;AAEH,eAAO,MAAM,eAAe,uCAI1B,CAAC;AAEH,eAAO,MAAM,uBAAuB,sIACiG,CAAC;AAGtI,eAAO,MAAM,gCAAgC,GAAI,OAAO,MAAM,WAI3D,CAAC"}

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

@@ -1,9 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type AnnotationOptions = {
-    match?: RegExp;
-};
-/**
- *
- */
-export declare const annotations: ({ match }?: AnnotationOptions) => Extension;
-//# sourceMappingURL=annotations.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"annotations.d.ts","sourceRoot":"","sources":["../../../../src/extensions/annotations.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,mBAAmB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,YAAW,iBAAsB,KAAG,SAsC/D,CAAC"}

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

@@ -1,17 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type AutocompleteOptions = {
-    /**
-     * Function that returns a list of suggestions based on the current text.
-     * @param text The current text before the cursor
-     * @returns Array of suggestion strings
-     */
-    onSuggest?: (text: string) => string[];
-};
-/**
- * Creates an autocomplete extension that shows inline suggestions.
- * Pressing Tab will complete the suggestion.
- *
- * @deprecated Use typeahead.
- */
-export declare const autocomplete: ({ onSuggest }?: AutocompleteOptions) => Extension;
-//# sourceMappingURL=autocomplete.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/autocomplete/autocomplete.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,mBAAmB,CAAC;AAWzD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;CACxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,gBAAe,mBAAwB,KAAG,SAuGtE,CAAC"}

package/dist/types/src/extensions/autocomplete/index.d.ts

@@ -1,5 +0,0 @@
-export * from './autocomplete';
-export * from './match';
-export * from './placeholder';
-export * from './typeahead';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/extensions/autocomplete/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/autocomplete/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/types/src/extensions/autocomplete/match.d.ts

@@ -1,13 +0,0 @@
-export type CompoetionContext = {
-    line: string;
-};
-export type CompletionOptions = {
-    default?: string;
-    minLength?: number;
-};
-/**
- * Util to match current line to a static list of completions.
- */
-export declare const staticCompletion: (completions: string[], options?: CompletionOptions) => ({ line }: CompoetionContext) => string | undefined;
-export declare const matchCompletion: (completion: string, str: string, minLength?: number) => string | undefined;
-//# sourceMappingURL=match.d.ts.map

package/dist/types/src/extensions/autocomplete/match.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"match.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/autocomplete/match.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC1B,aAAa,MAAM,EAAE,EAAE,UAAS,iBAAsB,MACtD,UAAU,iBAAiB,uBAiB3B,CAAC;AAEJ,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,EAAE,KAAK,MAAM,EAAE,kBAAa,KAAG,MAAM,GAAG,SAUzF,CAAC"}

package/dist/types/src/extensions/autocomplete/placeholder.d.ts

@@ -1,20 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { EditorView, WidgetType } from '@codemirror/view';
-type Content = string | HTMLElement | ((view: EditorView) => HTMLElement);
-export type PlaceholderOptions = {
-    content: Content;
-    delay?: number;
-};
-/**
- * Shows a transient placeholder at the current cursor position.
- */
-export declare const placeholder: ({ content, delay }: PlaceholderOptions) => Extension;
-export declare class PlaceholderWidget extends WidgetType {
-    readonly content: Content;
-    constructor(content: Content);
-    toDOM(view: EditorView): HTMLSpanElement;
-    coordsAt(dom: HTMLElement): import("../..").Rect | null;
-    ignoreEvent(): boolean;
-}
-export {};
-//# sourceMappingURL=placeholder.d.ts.map

package/dist/types/src/extensions/autocomplete/placeholder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/autocomplete/placeholder.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAc,UAAU,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInG,KAAK,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,WAAW,CAAC,CAAC;AAE1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,oBAA4B,kBAAkB,KAAG,SAiD5E,CAAC;AAEF,qBAAa,iBAAkB,SAAQ,UAAU;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO;gBAAhB,OAAO,EAAE,OAAO;IAIrC,KAAK,CAAC,IAAI,EAAE,UAAU;IAgBb,QAAQ,CAAC,GAAG,EAAE,WAAW;IAqBzB,WAAW;CAGrB"}

package/dist/types/src/extensions/autocomplete/typeahead.d.ts

@@ -1,10 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { type CompoetionContext } from './match';
-export type TypeaheadOptions = {
-    onComplete?: (context: CompoetionContext) => string | undefined;
-};
-/**
- * Shows a completion placeholder.
- */
-export declare const typeahead: ({ onComplete }?: TypeaheadOptions) => Extension;
-//# sourceMappingURL=typeahead.d.ts.map

package/dist/types/src/extensions/autocomplete/typeahead.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/autocomplete/typeahead.ts"],"names":[],"mappings":"AAIA,OAAO,EAAmB,KAAK,SAAS,EAAyB,MAAM,mBAAmB,CAAC;AAW3F,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAC;CACjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,iBAAgB,gBAAqB,KAAG,SA4DjE,CAAC"}

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

@@ -1,4 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { DocAccessor } from '@dxos/client/echo';
-export declare const automerge: (accessor: DocAccessor) => Extension;
-//# sourceMappingURL=automerge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"automerge.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/automerge/automerge.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,mBAAmB,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD,eAAO,MAAM,SAAS,GAAI,UAAU,WAAW,KAAG,SAqFjD,CAAC"}

package/dist/types/src/extensions/automerge/automerge.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"automerge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/automerge/automerge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;AAI/B,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAsGnD,QAAA,MAAM,IAAI;;eAEa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOW,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC"}

package/dist/types/src/extensions/automerge/automerge.test.d.ts

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

package/dist/types/src/extensions/automerge/automerge.test.d.ts.map

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

package/dist/types/src/extensions/automerge/cursor.d.ts

@@ -1,4 +0,0 @@
-import { type DocAccessor } from '@dxos/client/echo';
-import { type CursorConverter } from '../../util';
-export declare const cursorConverter: (accessor: DocAccessor) => CursorConverter;
-//# sourceMappingURL=cursor.d.ts.map

package/dist/types/src/extensions/automerge/cursor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cursor.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/automerge/cursor.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,mBAAmB,CAAC;AAG3E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,eAAO,MAAM,eAAe,GAAI,UAAU,WAAW,KAAG,eAkBtD,CAAC"}

package/dist/types/src/extensions/automerge/defs.d.ts

@@ -1,17 +0,0 @@
-import { type Heads, type Prop } from '@automerge/automerge';
-import { type EditorState, StateEffect, type StateField, type Transaction } from '@codemirror/state';
-export type State = {
-    path: Prop[];
-    lastHeads: Heads;
-    unreconciledTransactions: Transaction[];
-};
-export declare const getPath: (state: EditorState, field: StateField<State>) => Prop[];
-export declare const getLastHeads: (state: EditorState, field: StateField<State>) => Heads;
-export type UpdateHeads = {
-    newHeads: Heads;
-};
-export declare const updateHeadsEffect: import("@codemirror/state").StateEffectType<UpdateHeads>;
-export declare const updateHeads: (newHeads: Heads) => StateEffect<UpdateHeads>;
-export declare const reconcileAnnotation: import("@codemirror/state").AnnotationType<boolean>;
-export declare const isReconcile: (tr: Transaction) => boolean;
-//# sourceMappingURL=defs.d.ts.map

package/dist/types/src/extensions/automerge/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/automerge/defs.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAc,KAAK,WAAW,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjH,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,EAAE,KAAK,CAAC;IACjB,wBAAwB,EAAE,WAAW,EAAE,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,WAAW,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC,KAAG,IAAI,EAA6B,CAAC;AACzG,eAAO,MAAM,YAAY,GAAI,OAAO,WAAW,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC,KAAG,KAAqC,CAAC;AAElH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0DAAsC,CAAC;AAErE,eAAO,MAAM,WAAW,GAAI,UAAU,KAAK,KAAG,WAAW,CAAC,WAAW,CAAuC,CAAC;AAE7G,eAAO,MAAM,mBAAmB,qDAA+B,CAAC;AAEhE,eAAO,MAAM,WAAW,GAAI,IAAI,WAAW,KAAG,OAE7C,CAAC"}

package/dist/types/src/extensions/automerge/index.d.ts

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