@dxos/react-ui-editor 0.8.1-staging.9eaf14f → 0.8.2-main.10c050d

package/src/stories/util.tsx

@@ -0,0 +1,326 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type Completion } from '@codemirror/autocomplete';
+import { type Extension } from '@codemirror/state';
+import { type EditorView } from '@codemirror/view';
+import React, { type ReactNode, useEffect, useState, type FC } from 'react';
+
+import { Expando } from '@dxos/echo-schema';
+import { PublicKey } from '@dxos/keys';
+import { live } from '@dxos/live-object';
+import { faker } from '@dxos/random';
+import { createDocAccessor, createObject } from '@dxos/react-client/echo';
+import { useThemeContext, Icon } from '@dxos/react-ui';
+import { JsonFilter } from '@dxos/react-ui-syntax-highlighter';
+import { mx } from '@dxos/react-ui-theme';
+
+import { editorSlots, editorGutter } from '../defaults';
+import {
+  type DebugNode,
+  type EditorSelectionState,
+  createDataExtensions,
+  createBasicExtensions,
+  createMarkdownExtensions,
+  createThemeExtensions,
+  decorateMarkdown,
+  debugTree,
+  folding,
+  formattingKeymap,
+  image,
+  linkTooltip,
+  table,
+  type ThemeExtensionsOptions,
+} from '../extensions';
+import { useTextEditor, type UseTextEditorProps } from '../hooks';
+import { str } from '../testing';
+import { createRenderer } from '../util';
+
+export const num = () => faker.number.int({ min: 0, max: 9999 }).toLocaleString();
+
+export const img = '![dxos](https://dxos.network/dxos-logotype-blue.png)';
+
+export const code = str(
+  '// Code',
+  'const Component = () => {',
+  '  const x = 100;',
+  '',
+  '  return () => <div>Test</div>;',
+  '};',
+);
+
+// Content blocks for stories
+export const content = {
+  tasks: str(
+    //
+    '### TaskList',
+    '',
+    `- [x] ${faker.lorem.sentences()}`,
+    `- [ ] ${faker.lorem.sentences()}`,
+    `  - [ ] ${faker.lorem.sentences()}`,
+    `    - [ ] ${faker.lorem.sentences()}`,
+    `    - [x] ${faker.lorem.sentences()}`,
+    '',
+  ),
+
+  bullets: str(
+    //
+    '### BulletList',
+    '',
+    `- ${faker.lorem.sentences()}`,
+    `- ${faker.lorem.sentences()}`,
+    `  - ${faker.lorem.sentences()}`,
+    `  - ${faker.lorem.sentences()}`,
+    `- ${faker.lorem.sentences()}`,
+    '',
+  ),
+
+  numbered: str(
+    //
+    '### OrderedList (part 1)',
+    '',
+    `1. ${faker.lorem.sentences()}`,
+    `1. ${faker.lorem.sentences()}`,
+    `1. ${faker.lorem.sentences()}`,
+    `    1. ${faker.lorem.sentences()}`,
+    `    1. ${faker.lorem.sentences()}`,
+    `        1. ${faker.lorem.sentences()}`,
+    `1. ${faker.lorem.sentences()}`,
+    '',
+    '### OrderedList (part 2)',
+    '',
+    `1. ${faker.lorem.sentences()}`,
+    '',
+  ),
+
+  typescript: code,
+
+  codeblocks: str('### Code', '', '```bash', '$ ls -las', '```', '', '```tsx', code, '```', ''),
+
+  comment: str('<!--', 'A comment', '-->', '', 'No comment.', 'Partial comment. <!-- comment. -->'),
+
+  links: str(
+    '### Links',
+    '',
+    'This is a naked link https://dxos.org within a sentence.',
+    '',
+    'Take a look at [DXOS](https://dxos.org) and how to [get started](https://docs.dxos.org/guide/getting-started.html).',
+    '',
+    'This is all about https://dxos.org and related technologies.',
+    '',
+  ),
+
+  table: str(
+    '### Tables',
+    '',
+    `| ${faker.lorem.word().padStart(12)} | ${faker.lorem.word().padStart(12)} | ${faker.lorem.word().padStart(12)} |`,
+    `|-${''.padStart(12, '-')}-|-${''.padStart(12, '-')}-|-${''.padStart(12, '-')}-|`,
+    `| ${num().padStart(12)} | ${num().padStart(12)} | ${num().padStart(12)} |`,
+    `| ${num().padStart(12)} | ${num().padStart(12)} | ${num().padStart(12)} |`,
+    `| ${num().padStart(12)} | ${num().padStart(12)} | ${num().padStart(12)} |`,
+    '',
+  ),
+
+  image: str('### Image', '', img),
+
+  headings: str(
+    ...[1, 2, 3, 4, 5, 6].map((level) => ['#'.repeat(level) + ` Heading ${level}`, faker.lorem.sentences(), '']).flat(),
+  ),
+
+  formatting: str('### Formatting', '', 'This this is **bold**, ~~strikethrough~~, _italic_, and `f(INLINE)`.', ''),
+
+  blockquotes: str(
+    '### Blockquotes',
+    '',
+    '> This is a block quote.',
+    '',
+    '> This is a long wrapping block quote. Neque reiciendis ullam quae error labore sit, at, et, nulla, aut at nostrum omnis quas nostrum, at consectetur vitae eos asperiores non omnis ullam in beatae at vitae deserunt asperiores sapiente.',
+    '',
+    '> This is ...',
+    '... a multi-line ...',
+    'block quote.',
+    '',
+  ),
+
+  paragraphs: str(...faker.helpers.multiple(() => [faker.lorem.paragraph(), ''], { count: 3 }).flat()),
+
+  footer: str('', '', '', '', ''),
+};
+
+// Combined text for stories
+export const text = str(
+  '# Markdown',
+  'Composer Markdown Editor',
+  '',
+
+  '---',
+  '## Basics',
+  content.blockquotes,
+  content.formatting,
+  content.links,
+
+  '---',
+  '## Lists',
+  content.bullets,
+  content.tasks,
+  content.numbered,
+
+  '---',
+  '## Misc',
+  content.codeblocks,
+  content.table,
+  content.image,
+  content.footer,
+  '=== LAST LINE ===',
+);
+
+// Shared links for autocomplete
+export const links: Completion[] = [
+  { label: 'DXOS', apply: '[DXOS](https://dxos.org)' },
+  { label: 'GitHub', apply: '[DXOS GitHub](https://github.com/dxos)' },
+  { label: 'Automerge', apply: '[Automerge](https://automerge.org/)' },
+  { label: 'IPFS', apply: '[Protocol Labs](https://docs.ipfs.tech)' },
+  { label: 'StackEdit', apply: '[StackEdit](https://stackedit.io/app)' },
+];
+
+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>
+  );
+};
+
+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 = createRenderer(LinkButton);
+
+// Shared extensions
+export const defaultExtensions: Extension[] = [
+  decorateMarkdown({ renderLinkButton, selectionChangeDelay: 100 }),
+  formattingKeymap(),
+  linkTooltip(renderLinkTooltip),
+];
+
+export const allExtensions: Extension[] = [
+  decorateMarkdown({ renderLinkButton, selectionChangeDelay: 100, numberedHeadings: { from: 2, to: 4 } }),
+  formattingKeymap(),
+  linkTooltip(renderLinkTooltip),
+  image(),
+  table(),
+  folding(),
+];
+
+// Long text for scrolling stories
+export const longText = faker.helpers
+  .multiple(() => faker.lorem.paragraph({ min: 8, max: 16 }), { count: 20 })
+  .join('\n\n');
+
+export const largeWithImages = faker.helpers
+  .multiple(() => [faker.lorem.paragraph({ min: 12, max: 16 }), img], { count: 20 })
+  .flatMap((x) => x)
+  .join('\n\n');
+
+export const headings = str(
+  ...[1, 2, 2, 3, 3, 4, 4, 4, 5, 5, 2, 3, 3, 2, 2, 6, 1]
+    .map((level) => ['#'.repeat(level) + ' ' + faker.lorem.sentence(3), faker.lorem.sentences(), ''])
+    .flat(),
+);
+
+export const global = new Map<string, EditorSelectionState>();
+
+// Type definitions
+export type DebugMode = 'raw' | 'tree' | 'raw+tree';
+
+export type StoryProps = {
+  id?: string;
+  debug?: DebugMode;
+  debugCustom?: (view: EditorView) => ReactNode;
+  text?: string;
+  readOnly?: boolean;
+  placeholder?: string;
+  lineNumbers?: boolean;
+  onReady?: (view: EditorView) => void;
+} & Pick<UseTextEditorProps, 'scrollTo' | 'selection' | 'extensions'> &
+  Pick<ThemeExtensionsOptions, 'slots'>;
+
+// Default story component
+export const EditorStory = ({
+  id = 'editor-' + PublicKey.random().toHex().slice(0, 8),
+  debug,
+  debugCustom,
+  text,
+  readOnly,
+  placeholder = 'New document.',
+  lineNumbers,
+  scrollTo,
+  selection,
+  extensions,
+  slots = editorSlots,
+  onReady,
+}: StoryProps) => {
+  const [object] = useState(createObject(live(Expando, { content: text ?? '' })));
+  const { themeMode } = useThemeContext();
+  const [tree, setTree] = useState<DebugNode>();
+  const { parentRef, focusAttributes, view } = useTextEditor(
+    () => ({
+      id,
+      initialValue: text,
+      extensions: [
+        createDataExtensions({ id, text: createDocAccessor(object, ['content']) }),
+        createBasicExtensions({ readOnly, placeholder, lineNumbers, scrollPastEnd: true }),
+        createMarkdownExtensions({ themeMode }),
+        createThemeExtensions({
+          themeMode,
+          syntaxHighlighting: true,
+          slots,
+        }),
+        editorGutter,
+        extensions || [],
+        debug ? debugTree(setTree) : [],
+      ],
+      scrollTo,
+      selection,
+    }),
+    [object, extensions, themeMode],
+  );
+
+  useEffect(() => {
+    if (view) {
+      onReady?.(view);
+    }
+  }, [view]);
+
+  return (
+    <div className={mx('w-full h-full grid overflow-hidden', debug && 'grid-cols-[1fr_600px]')}>
+      <div role='none' className='flex overflow-hidden' ref={parentRef} {...focusAttributes} />
+      {debug && (
+        <div className='grid h-full auto-rows-fr border-l border-separator divide-y divide-separator overflow-hidden'>
+          {view && debugCustom?.(view)}
+          {(debug === 'raw' || debug === 'raw+tree') && (
+            <pre className='p-1 text-xs text-green-800 dark:text-green-200 overflow-auto'>
+              {view?.state.doc.toString()}
+            </pre>
+          )}
+          {(debug === 'tree' || debug === 'raw+tree') && <JsonFilter data={tree} classNames='p-1 text-xs' />}
+        </div>
+      )}
+    </div>
+  );
+};

package/src/styles/theme.ts

@@ -119,6 +119,9 @@ export const defaultTheme: ThemeStyles = {
   '.cm-selectionBackground': {
     background: 'var(--dx-cmSelection)',
   },
+  '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground': {
+    background: 'var(--dx-cmFocusedSelection)',
+  },
 
   /**
    * Search.
@@ -164,18 +167,25 @@ export const defaultTheme: ThemeStyles = {
   '.cm-tooltip.cm-tooltip-autocomplete': {
     marginTop: '4px',
     marginLeft: '-3px',
+    borderColor: 'var(--dx-separator)',
+    borderTop: 'none',
   },
   '.cm-tooltip.cm-tooltip-autocomplete > ul': {
     maxHeight: '20em',
   },
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {},
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]': {},
+  '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {
+    padding: '4px',
+  },
+  '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]': {
+    background: 'var(--dx-hoverSurface)',
+  },
   '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section': {
     paddingLeft: '4px !important',
     borderBottom: 'none !important',
     color: 'var(--dx-accentText)',
   },
-  '.cm-tooltip.cm-completionInfo': {
+
+  '.cm-completionInfo': {
     width: '360px !important',
     margin: '-10px 1px 0 1px',
     padding: '8px !important',
@@ -226,7 +236,7 @@ export const defaultTheme: ThemeStyles = {
     backgroundColor: 'var(--dx-input)',
   },
   '.cm-panel input:focus, .cm-panel button:focus': {
-    outline: '1px solid var(--dx-accentFocusIndicator)',
+    outline: '1px solid var(--dx-neutralFocusIndicator)',
   },
   '.cm-panel label': {
     display: 'inline-flex',
@@ -239,7 +249,7 @@ export const defaultTheme: ThemeStyles = {
     height: '8px',
     marginRight: '6px !important',
     padding: '2px !important',
-    color: 'var(--dx-accentFocusIndicator)',
+    color: 'var(--dx-neutralFocusIndicator)',
   },
   '.cm-panel button': {
     '&:hover': {

package/src/styles/tokens.ts

@@ -2,9 +2,8 @@
 // Copyright 2023 DXOS.org
 //
 
-import get from 'lodash.get';
-
 import { tokens } from '@dxos/react-ui-theme';
+import { get } from '@dxos/util';
 
 /**
  * Returns the tailwind token value.

package/src/testing/index.ts

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

package/src/testing/util.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export const str = (...lines: string[]) => lines.join('\n');

package/src/types.ts

@@ -2,6 +2,8 @@
 // Copyright 2024 DXOS.org
 //
 
+import { type EditorView } from '@codemirror/view';
+
 // Runtime data structure.
 export type Range = {
   from: number;
@@ -14,3 +16,8 @@ export type Comment = {
   id: string;
   cursor?: string;
 };
+
+/**
+ * Callback that renders into a DOM element within the editor.
+ */
+export type RenderCallback<Props extends object> = (el: HTMLElement, props: Props, view: EditorView) => void;

package/src/util/react.tsx

@@ -2,12 +2,14 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { type ReactNode } from 'react';
+import React, { type FC, type ReactNode } from 'react';
 import { createRoot } from 'react-dom/client';
 
-import { ThemeProvider } from '@dxos/react-ui';
+import { ThemeProvider, Tooltip } from '@dxos/react-ui';
 import { defaultTx } from '@dxos/react-ui-theme';
 
+import { type RenderCallback } from '../types';
+
 // TODO(burdon): Factor out.
 
 export type ElementOptions = {
@@ -32,3 +34,19 @@ export const renderRoot = <T extends Element>(root: T, node: ReactNode): T => {
   createRoot(root).render(<ThemeProvider tx={defaultTx}>{node}</ThemeProvider>);
   return root;
 };
+
+/**
+ * Utility to create a renderer for a React component.
+ */
+export const createRenderer =
+  <Props extends object>(Component: FC<Props>): RenderCallback<Props> =>
+  (el, props) => {
+    renderRoot(
+      el,
+      <ThemeProvider tx={defaultTx}>
+        <Tooltip.Provider>
+          <Component {...props} />
+        </Tooltip.Provider>
+      </ThemeProvider>,
+    );
+  };

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

@@ -1,57 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-import { type UseTextEditorProps } from './hooks';
-type StoryProps = {
-    placeholder?: string;
-    readOnly?: boolean;
-} & UseTextEditorProps;
-export declare const Default: {
-    render: () => React.JSX.Element;
-};
-export declare const Markdown: {
-    args: {
-        autoFocus: boolean;
-        placeholder: string;
-        initialValue: string;
-    };
-};
-declare const _default: {
-    title: string;
-    render: ({ autoFocus, initialValue, placeholder, readOnly }: StoryProps) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        translations: {
-            'en-US': {
-                "react-ui-editor": {
-                    'strong label': string;
-                    'emphasis label': string;
-                    'strikethrough label': string;
-                    'code label': string;
-                    'link label': string;
-                    'list-bullet label': string;
-                    'list-ordered label': string;
-                    'list-task label': string;
-                    'blockquote label': string;
-                    'codeblock label': string;
-                    'comment label': string;
-                    'selection overlaps existing comment label': string;
-                    'select text to comment label': string;
-                    'image label': string;
-                    'heading label': string;
-                    'table label': string;
-                    'heading level label_zero': string;
-                    'heading level label_one': string;
-                    'heading level label_other': string;
-                    'view mode label': string;
-                    'preview mode label': string;
-                    'readonly mode label': string;
-                    'search label': string;
-                    'source mode label': string;
-                };
-            };
-        }[];
-        layout: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=InputMode.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputMode.stories.d.ts","sourceRoot":"","sources":["../../../src/InputMode.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,OAAO,EAAmC,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGnF,KAAK,UAAU,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,kBAAkB,CAAC;AAqEpF,eAAO,MAAM,OAAO;;CAanB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;;;iEAxFwE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FpF,wBAKE"}

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

@@ -1,115 +0,0 @@
-import '@dxos-theme';
-import { type EditorView } from '@codemirror/view';
-import React from 'react';
-import { type Meta } from '@dxos/storybook-utils';
-import { type UseTextEditorProps } from './hooks';
-type DebugMode = 'raw' | 'tree' | 'raw+tree';
-type StoryProps = {
-    id?: string;
-    debug?: DebugMode;
-    text?: string;
-    readOnly?: boolean;
-    placeholder?: string;
-    lineNumbers?: boolean;
-    onReady?: (view: EditorView) => void;
-} & Pick<UseTextEditorProps, 'scrollTo' | 'selection' | 'extensions'>;
-declare const DefaultStory: ({ id, debug, text, extensions, readOnly, placeholder, scrollTo, selection, lineNumbers, onReady, }: StoryProps) => React.JSX.Element;
-declare const meta: Meta<typeof DefaultStory>;
-export default meta;
-export declare const Default: {
-    render: () => React.JSX.Element;
-};
-export declare const Everything: {
-    render: () => React.JSX.Element;
-};
-export declare const Empty: {
-    render: () => React.JSX.Element;
-};
-export declare const Readonly: {
-    render: () => React.JSX.Element;
-};
-export declare const NoExtensions: {
-    render: () => React.JSX.Element;
-};
-export declare const Vim: {
-    render: () => React.JSX.Element;
-};
-export declare const Folding: {
-    render: () => React.JSX.Element;
-};
-export declare const Scrolling: {
-    render: () => React.JSX.Element;
-};
-export declare const ScrollingWithImages: {
-    render: () => React.JSX.Element;
-};
-export declare const ScrollTo: {
-    render: () => React.JSX.Element;
-};
-export declare const Blockquote: {
-    render: () => React.JSX.Element;
-};
-export declare const Headings: {
-    render: () => React.JSX.Element;
-};
-export declare const Links: {
-    render: () => React.JSX.Element;
-};
-export declare const Image: {
-    render: () => React.JSX.Element;
-};
-export declare const Code: {
-    render: () => React.JSX.Element;
-};
-export declare const Lists: {
-    render: () => React.JSX.Element;
-};
-export declare const BulletList: {
-    render: () => React.JSX.Element;
-};
-export declare const OrderedList: {
-    render: () => React.JSX.Element;
-};
-export declare const TaskList: {
-    render: () => React.JSX.Element;
-};
-export declare const Table: {
-    render: () => React.JSX.Element;
-};
-export declare const CommentedOut: {
-    render: () => React.JSX.Element;
-};
-export declare const Typescript: {
-    render: () => React.JSX.Element;
-};
-export declare const Autocomplete: {
-    render: () => React.JSX.Element;
-};
-export declare const Mention: {
-    render: () => React.JSX.Element;
-};
-export declare const Search: {
-    render: () => React.JSX.Element;
-};
-export declare const Command: {
-    render: () => React.JSX.Element;
-};
-export declare const Comments: {
-    render: () => React.JSX.Element;
-};
-export declare const Annotations: {
-    render: () => React.JSX.Element;
-};
-export declare const DND: {
-    render: () => React.JSX.Element;
-};
-export declare const Listener: {
-    render: () => React.JSX.Element;
-};
-export declare const Typewriter: {
-    render: () => React.JSX.Element;
-};
-export declare const Blast: {
-    render: () => React.JSX.Element;
-};
-//# sourceMappingURL=TextEditor.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/TextEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAOrB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInD,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,OAAO,EAAE,KAAK,IAAI,EAAyB,MAAM,uBAAuB,CAAC;AAiCzE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA2MjE,KAAK,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;AAE7C,KAAK,UAAU,GAAG;IAChB,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;AAEtE,QAAA,MAAM,YAAY,uGAWf,UAAU,sBAsDZ,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAOf,CAAC;AAqBF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAUrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CAI/B,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAepB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAIpB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAIjB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAOjB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAIpB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAWxB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAcxB,CAAC;AAMF,eAAO,MAAM,OAAO;;CAWnB,CAAC;AAMF,eAAO,MAAM,MAAM;;CAQlB,CAAC;AAMF,eAAO,MAAM,OAAO;;CA8CnB,CAAC;AAsDF,eAAO,MAAM,QAAQ;;CAsCpB,CAAC;AAMF,eAAO,MAAM,WAAW;;CAIvB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAaf,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAgBpB,CAAC;AAQF,eAAO,MAAM,UAAU;;CAOtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAqBjB,CAAC"}

package/dist/types/src/components/EditorToolbar/comment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorToolbar/comment.ts"],"names":[],"mappings":"AAMA,OAAO,EAAsB,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAarE,eAAO,MAAM,aAAa,UAAW,kBAAkB;;;;;;;;;;;;;;CAGrD,CAAC"}

package/dist/types/src/components/EditorToolbar/viewMode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewMode.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorToolbar/viewMode.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAA+C,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AA6B9F,eAAO,MAAM,cAAc,UAAW,kBAAkB;;;;;;;;;;;;;;CAWvD,CAAC"}

package/dist/types/src/extensions/command/preview.d.ts

@@ -1,12 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type PreviewOptions = {
-    onRenderPreview: (el: HTMLElement, props: {
-        url: string;
-        text: string;
-    }) => void;
-};
-/**
- * Create image decorations.
- */
-export declare const preview: (options: PreviewOptions) => Extension;
-//# sourceMappingURL=preview.d.ts.map

package/dist/types/src/extensions/command/preview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/preview.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,YAAa,cAAc,KAAG,SASjD,CAAC"}

package/dist/types/src/extensions/markdown/editorAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editorAction.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/markdown/editorAction.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAsBhE,MAAM,MAAM,WAAW,GACnB,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,WAAW,GACX,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,GACV,MAAM,GACN,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAE9E,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAE5F,eAAO,MAAM,oBAAoB,EAAE,oBAyDlC,CAAC"}

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

@@ -1,3 +0,0 @@
-export declare const stackItemContentEditorClassNames: (role?: string) => string;
-export declare const stackItemContentToolbarClassNames: (role?: string) => string;
-//# sourceMappingURL=fragments.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fragments.d.ts","sourceRoot":"","sources":["../../../src/fragments.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gCAAgC,UAAW,MAAM,WAI3D,CAAC;AAEJ,eAAO,MAAM,iCAAiC,UAAW,MAAM,WAI5D,CAAC"}