@dxos/react-ui-editor 0.8.4-main.406dc2a → 0.8.4-main.4a85c3132b

package/src/stories/components/util.tsx

@@ -4,29 +4,29 @@
 
 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 { str } from '../../testing';
-import { createRenderer } 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();
 
 export const img = '![dxos](https://dxos.network/dxos-logotype-blue.png)';
 
 export const code = str(
+  // prettier-ignore
   '// Code',
   'const Component = () => {',
   '  const x = 100;',
@@ -38,7 +38,7 @@ export const code = str(
 // Content blocks for stories
 export const content = {
   tasks: str(
-    //
+    // prettier-ignore
     '### TaskList',
     '',
     `- [x] ${faker.lorem.sentences()}`,
@@ -50,7 +50,7 @@ export const content = {
   ),
 
   bullets: str(
-    //
+    // prettier-ignore
     '### BulletList',
     '',
     `- ${faker.lorem.sentences()}`,
@@ -62,7 +62,7 @@ export const content = {
   ),
 
   numbered: str(
-    //
+    // prettier-ignore
     '### OrderedList (part 1)',
     '',
     `1. ${faker.lorem.sentences()}`,
@@ -81,11 +81,34 @@ export const content = {
 
   typescript: code,
 
-  codeblocks: str('### Code', '', '```bash', '$ ls -las', '```', '', '```tsx', code, '```', ''),
+  codeblocks: str(
+    // prettier-ignore
+    '### Code',
+    '',
+    '```bash',
+    '$ ls -las',
+    '```',
+    '',
+    '```tsx',
+    code,
+    '```',
+    '',
+  ),
 
-  comment: str('<!--', 'A comment', '-->', '', 'No comment.', 'Partial comment. <!-- comment. -->'),
+  comment: str(
+    // prettier-ignore
+    '### Comment',
+    '',
+    '<!--',
+    'A comment',
+    '-->',
+    '',
+    'Partial comment. <!-- comment. -->',
+    '',
+  ),
 
   links: str(
+    // prettier-ignore
     '### Links',
     '',
     'This is a naked link https://dxos.org within a sentence.',
@@ -97,6 +120,7 @@ export const content = {
   ),
 
   table: str(
+    // prettier-ignore
     '### Tables',
     '',
     `| ${faker.lorem.word().padStart(12)} | ${faker.lorem.word().padStart(12)} | ${faker.lorem.word().padStart(12)} |`,
@@ -113,9 +137,16 @@ export const content = {
     ...[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)`.', ''),
+  formatting: str(
+    // prettier-ignore
+    '### Formatting',
+    '',
+    'This this is **bold**, ~~strikethrough~~, _italic_, and `f(INLINE)`.',
+    '',
+  ),
 
   blockquotes: str(
+    // prettier-ignore
     '### Blockquotes',
     '',
     '> This is a block quote.',
@@ -154,6 +185,7 @@ export const text = str(
   '---',
   '## Misc',
   content.codeblocks,
+  content.comment,
   content.table,
   content.image,
   content.footer,
@@ -172,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)?.origin ?? 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('a')
+      .attributes({ href: url, target: '_blank', rel: 'noreferrer', 'aria-label': 'Open link' })
+      .classNames(hover, 'inline-block ms-1 align-[-0.125em]') // Center icon.
+      .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/testing/index.mjs

@@ -1,76 +0,0 @@
-// src/testing/util.ts
-var str = (...lines) => lines.join("\n");
-
-// src/testing/PreviewPopover.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { createContext } from "@radix-ui/react-context";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { addEventListener } from "@dxos/async";
-import { Popover } from "@dxos/react-ui";
-var [PreviewPopoverContextProvider, usePreviewPopover] = createContext("PreviewPopover", {});
-var PreviewPopoverProvider = ({ children, onLookup }) => {
-  var _effect = _useSignals();
-  try {
-    const trigger = useRef(null);
-    const [value, setValue] = useState({});
-    const [open, setOpen] = useState(false);
-    const handleDxAnchorActivate = useCallback((event) => {
-      const { refId, label, trigger: dxTrigger } = event;
-      setValue((value2) => ({
-        ...value2,
-        link: {
-          label,
-          ref: refId
-        },
-        pending: true
-      }));
-      trigger.current = dxTrigger;
-      queueMicrotask(() => setOpen(true));
-      void onLookup?.({
-        label,
-        ref: refId
-      }).then((target) => setValue((value2) => ({
-        ...value2,
-        target: target ?? void 0,
-        pending: false
-      })));
-    }, [
-      onLookup
-    ]);
-    const [rootRef, setRootRef] = useState(null);
-    useEffect(() => {
-      if (!rootRef || !handleDxAnchorActivate) {
-        return;
-      }
-      return addEventListener(rootRef, "dx-anchor-activate", handleDxAnchorActivate, {
-        capture: true,
-        passive: false
-      });
-    }, [
-      rootRef,
-      handleDxAnchorActivate
-    ]);
-    return /* @__PURE__ */ React.createElement(PreviewPopoverContextProvider, {
-      pending: value.pending,
-      link: value.link,
-      target: value.target
-    }, /* @__PURE__ */ React.createElement(Popover.Root, {
-      open,
-      onOpenChange: setOpen
-    }, /* @__PURE__ */ React.createElement(Popover.VirtualTrigger, {
-      virtualRef: trigger
-    }), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "contents",
-      ref: setRootRef
-    }, children)));
-  } finally {
-    _effect.f();
-  }
-};
-export {
-  PreviewPopoverProvider,
-  str,
-  usePreviewPopover
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/testing/util.ts", "../../../../src/testing/PreviewPopover.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\n/** deprecated Replace with @dxos/util trim */\n// TODO(burdon): Remove\nexport const str = (...lines: string[]) => lines.join('\\n');\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { addEventListener } from '@dxos/async';\nimport { type DxAnchorActivate, Popover } from '@dxos/react-ui';\n\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '../extensions';\n\ntype PreviewLookup = (link: PreviewLinkRef) => Promise<PreviewLinkTarget | null | undefined>;\n\ntype PreviewPopoverValue = Partial<{\n  link: PreviewLinkRef;\n  target: PreviewLinkTarget;\n  pending: boolean;\n}>;\n\nconst [PreviewPopoverContextProvider, usePreviewPopover] = createContext<PreviewPopoverValue>('PreviewPopover', {});\n\ntype PopoverLookupProviderProps = PropsWithChildren<{\n  onLookup?: PreviewLookup;\n}>;\n\n// TOOD(burdon): Reconcile with PreviewPlugin?\nconst PreviewPopoverProvider = ({ children, onLookup }: PopoverLookupProviderProps) => {\n  const trigger = useRef<HTMLElement | null>(null);\n  const [value, setValue] = useState<PreviewPopoverValue>({});\n  const [open, setOpen] = useState(false);\n\n  const handleDxAnchorActivate = useCallback(\n    (event: DxAnchorActivate) => {\n      const { refId, label, trigger: dxTrigger } = event;\n      setValue((value) => ({\n        ...value,\n        link: { label, ref: refId },\n        pending: true,\n      }));\n      trigger.current = dxTrigger;\n      queueMicrotask(() => setOpen(true));\n      void onLookup?.({ label, ref: refId }).then((target) =>\n        setValue((value) => ({\n          ...value,\n          target: target ?? undefined,\n          pending: false,\n        })),\n      );\n    },\n    [onLookup],\n  );\n\n  const [rootRef, setRootRef] = useState<HTMLDivElement | null>(null);\n  useEffect(() => {\n    if (!rootRef || !handleDxAnchorActivate) {\n      return;\n    }\n\n    return addEventListener(rootRef, 'dx-anchor-activate' as any, handleDxAnchorActivate, {\n      capture: true,\n      passive: false,\n    });\n  }, [rootRef, handleDxAnchorActivate]);\n\n  return (\n    <PreviewPopoverContextProvider pending={value.pending} link={value.link} target={value.target}>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.VirtualTrigger virtualRef={trigger as unknown as RefObject<HTMLButtonElement>} />\n        <div role='none' className='contents' ref={setRootRef}>\n          {children}\n        </div>\n      </Popover.Root>\n    </PreviewPopoverContextProvider>\n  );\n};\n\nexport { PreviewPopoverProvider, usePreviewPopover };\n\nexport type { PopoverLookupProviderProps, PreviewPopoverValue };\n"],
-  "mappings": ";AAMO,IAAMA,MAAM,IAAIC,UAAoBA,MAAMC,KAAK,IAAA;;;;ACFtD,SAASC,qBAAqB;AAC9B,OAAOC,SAAiDC,aAAaC,WAAWC,QAAQC,gBAAgB;AAExG,SAASC,wBAAwB;AACjC,SAAgCC,eAAe;AAY/C,IAAM,CAACC,+BAA+BC,iBAAAA,IAAqBC,cAAmC,kBAAkB,CAAC,CAAA;AAOjH,IAAMC,yBAAyB,CAAC,EAAEC,UAAUC,SAAQ,MAA8B;;;AAChF,UAAMC,UAAUC,OAA2B,IAAA;AAC3C,UAAM,CAACC,OAAOC,QAAAA,IAAYC,SAA8B,CAAC,CAAA;AACzD,UAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAS,KAAA;AAEjC,UAAMG,yBAAyBC,YAC7B,CAACC,UAAAA;AACC,YAAM,EAAEC,OAAOC,OAAOX,SAASY,UAAS,IAAKH;AAC7CN,eAAS,CAACD,YAAW;QACnB,GAAGA;QACHW,MAAM;UAAEF;UAAOG,KAAKJ;QAAM;QAC1BK,SAAS;MACX,EAAA;AACAf,cAAQgB,UAAUJ;AAClBK,qBAAe,MAAMX,QAAQ,IAAA,CAAA;AAC7B,WAAKP,WAAW;QAAEY;QAAOG,KAAKJ;MAAM,CAAA,EAAGQ,KAAK,CAACC,WAC3ChB,SAAS,CAACD,YAAW;QACnB,GAAGA;QACHiB,QAAQA,UAAUC;QAClBL,SAAS;MACX,EAAA,CAAA;IAEJ,GACA;MAAChB;KAAS;AAGZ,UAAM,CAACsB,SAASC,UAAAA,IAAclB,SAAgC,IAAA;AAC9DmB,cAAU,MAAA;AACR,UAAI,CAACF,WAAW,CAACd,wBAAwB;AACvC;MACF;AAEA,aAAOiB,iBAAiBH,SAAS,sBAA6Bd,wBAAwB;QACpFkB,SAAS;QACTC,SAAS;MACX,CAAA;IACF,GAAG;MAACL;MAASd;KAAuB;AAEpC,WACE,sBAAA,cAACb,+BAAAA;MAA8BqB,SAASb,MAAMa;MAASF,MAAMX,MAAMW;MAAMM,QAAQjB,MAAMiB;OACrF,sBAAA,cAACQ,QAAQC,MAAI;MAACvB;MAAYwB,cAAcvB;OACtC,sBAAA,cAACqB,QAAQG,gBAAc;MAACC,YAAY/B;QACpC,sBAAA,cAACgC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;MAAWpB,KAAKQ;OACxCxB,QAAAA,CAAAA,CAAAA;;;;AAKX;",
-  "names": ["str", "lines", "join", "createContext", "React", "useCallback", "useEffect", "useRef", "useState", "addEventListener", "Popover", "PreviewPopoverContextProvider", "usePreviewPopover", "createContext", "PreviewPopoverProvider", "children", "onLookup", "trigger", "useRef", "value", "setValue", "useState", "open", "setOpen", "handleDxAnchorActivate", "useCallback", "event", "refId", "label", "dxTrigger", "link", "ref", "pending", "current", "queueMicrotask", "then", "target", "undefined", "rootRef", "setRootRef", "useEffect", "addEventListener", "capture", "passive", "Popover", "Root", "onOpenChange", "VirtualTrigger", "virtualRef", "div", "role", "className"]
-}

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/testing/index.mjs

@@ -1,78 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/testing/util.ts
-var str = (...lines) => lines.join("\n");
-
-// src/testing/PreviewPopover.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { createContext } from "@radix-ui/react-context";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { addEventListener } from "@dxos/async";
-import { Popover } from "@dxos/react-ui";
-var [PreviewPopoverContextProvider, usePreviewPopover] = createContext("PreviewPopover", {});
-var PreviewPopoverProvider = ({ children, onLookup }) => {
-  var _effect = _useSignals();
-  try {
-    const trigger = useRef(null);
-    const [value, setValue] = useState({});
-    const [open, setOpen] = useState(false);
-    const handleDxAnchorActivate = useCallback((event) => {
-      const { refId, label, trigger: dxTrigger } = event;
-      setValue((value2) => ({
-        ...value2,
-        link: {
-          label,
-          ref: refId
-        },
-        pending: true
-      }));
-      trigger.current = dxTrigger;
-      queueMicrotask(() => setOpen(true));
-      void onLookup?.({
-        label,
-        ref: refId
-      }).then((target) => setValue((value2) => ({
-        ...value2,
-        target: target ?? void 0,
-        pending: false
-      })));
-    }, [
-      onLookup
-    ]);
-    const [rootRef, setRootRef] = useState(null);
-    useEffect(() => {
-      if (!rootRef || !handleDxAnchorActivate) {
-        return;
-      }
-      return addEventListener(rootRef, "dx-anchor-activate", handleDxAnchorActivate, {
-        capture: true,
-        passive: false
-      });
-    }, [
-      rootRef,
-      handleDxAnchorActivate
-    ]);
-    return /* @__PURE__ */ React.createElement(PreviewPopoverContextProvider, {
-      pending: value.pending,
-      link: value.link,
-      target: value.target
-    }, /* @__PURE__ */ React.createElement(Popover.Root, {
-      open,
-      onOpenChange: setOpen
-    }, /* @__PURE__ */ React.createElement(Popover.VirtualTrigger, {
-      virtualRef: trigger
-    }), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "contents",
-      ref: setRootRef
-    }, children)));
-  } finally {
-    _effect.f();
-  }
-};
-export {
-  PreviewPopoverProvider,
-  str,
-  usePreviewPopover
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/testing/util.ts", "../../../../src/testing/PreviewPopover.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\n/** deprecated Replace with @dxos/util trim */\n// TODO(burdon): Remove\nexport const str = (...lines: string[]) => lines.join('\\n');\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { addEventListener } from '@dxos/async';\nimport { type DxAnchorActivate, Popover } from '@dxos/react-ui';\n\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '../extensions';\n\ntype PreviewLookup = (link: PreviewLinkRef) => Promise<PreviewLinkTarget | null | undefined>;\n\ntype PreviewPopoverValue = Partial<{\n  link: PreviewLinkRef;\n  target: PreviewLinkTarget;\n  pending: boolean;\n}>;\n\nconst [PreviewPopoverContextProvider, usePreviewPopover] = createContext<PreviewPopoverValue>('PreviewPopover', {});\n\ntype PopoverLookupProviderProps = PropsWithChildren<{\n  onLookup?: PreviewLookup;\n}>;\n\n// TOOD(burdon): Reconcile with PreviewPlugin?\nconst PreviewPopoverProvider = ({ children, onLookup }: PopoverLookupProviderProps) => {\n  const trigger = useRef<HTMLElement | null>(null);\n  const [value, setValue] = useState<PreviewPopoverValue>({});\n  const [open, setOpen] = useState(false);\n\n  const handleDxAnchorActivate = useCallback(\n    (event: DxAnchorActivate) => {\n      const { refId, label, trigger: dxTrigger } = event;\n      setValue((value) => ({\n        ...value,\n        link: { label, ref: refId },\n        pending: true,\n      }));\n      trigger.current = dxTrigger;\n      queueMicrotask(() => setOpen(true));\n      void onLookup?.({ label, ref: refId }).then((target) =>\n        setValue((value) => ({\n          ...value,\n          target: target ?? undefined,\n          pending: false,\n        })),\n      );\n    },\n    [onLookup],\n  );\n\n  const [rootRef, setRootRef] = useState<HTMLDivElement | null>(null);\n  useEffect(() => {\n    if (!rootRef || !handleDxAnchorActivate) {\n      return;\n    }\n\n    return addEventListener(rootRef, 'dx-anchor-activate' as any, handleDxAnchorActivate, {\n      capture: true,\n      passive: false,\n    });\n  }, [rootRef, handleDxAnchorActivate]);\n\n  return (\n    <PreviewPopoverContextProvider pending={value.pending} link={value.link} target={value.target}>\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.VirtualTrigger virtualRef={trigger as unknown as RefObject<HTMLButtonElement>} />\n        <div role='none' className='contents' ref={setRootRef}>\n          {children}\n        </div>\n      </Popover.Root>\n    </PreviewPopoverContextProvider>\n  );\n};\n\nexport { PreviewPopoverProvider, usePreviewPopover };\n\nexport type { PopoverLookupProviderProps, PreviewPopoverValue };\n"],
-  "mappings": ";;;AAMO,IAAMA,MAAM,IAAIC,UAAoBA,MAAMC,KAAK,IAAA;;;;ACFtD,SAASC,qBAAqB;AAC9B,OAAOC,SAAiDC,aAAaC,WAAWC,QAAQC,gBAAgB;AAExG,SAASC,wBAAwB;AACjC,SAAgCC,eAAe;AAY/C,IAAM,CAACC,+BAA+BC,iBAAAA,IAAqBC,cAAmC,kBAAkB,CAAC,CAAA;AAOjH,IAAMC,yBAAyB,CAAC,EAAEC,UAAUC,SAAQ,MAA8B;;;AAChF,UAAMC,UAAUC,OAA2B,IAAA;AAC3C,UAAM,CAACC,OAAOC,QAAAA,IAAYC,SAA8B,CAAC,CAAA;AACzD,UAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAS,KAAA;AAEjC,UAAMG,yBAAyBC,YAC7B,CAACC,UAAAA;AACC,YAAM,EAAEC,OAAOC,OAAOX,SAASY,UAAS,IAAKH;AAC7CN,eAAS,CAACD,YAAW;QACnB,GAAGA;QACHW,MAAM;UAAEF;UAAOG,KAAKJ;QAAM;QAC1BK,SAAS;MACX,EAAA;AACAf,cAAQgB,UAAUJ;AAClBK,qBAAe,MAAMX,QAAQ,IAAA,CAAA;AAC7B,WAAKP,WAAW;QAAEY;QAAOG,KAAKJ;MAAM,CAAA,EAAGQ,KAAK,CAACC,WAC3ChB,SAAS,CAACD,YAAW;QACnB,GAAGA;QACHiB,QAAQA,UAAUC;QAClBL,SAAS;MACX,EAAA,CAAA;IAEJ,GACA;MAAChB;KAAS;AAGZ,UAAM,CAACsB,SAASC,UAAAA,IAAclB,SAAgC,IAAA;AAC9DmB,cAAU,MAAA;AACR,UAAI,CAACF,WAAW,CAACd,wBAAwB;AACvC;MACF;AAEA,aAAOiB,iBAAiBH,SAAS,sBAA6Bd,wBAAwB;QACpFkB,SAAS;QACTC,SAAS;MACX,CAAA;IACF,GAAG;MAACL;MAASd;KAAuB;AAEpC,WACE,sBAAA,cAACb,+BAAAA;MAA8BqB,SAASb,MAAMa;MAASF,MAAMX,MAAMW;MAAMM,QAAQjB,MAAMiB;OACrF,sBAAA,cAACQ,QAAQC,MAAI;MAACvB;MAAYwB,cAAcvB;OACtC,sBAAA,cAACqB,QAAQG,gBAAc;MAACC,YAAY/B;QACpC,sBAAA,cAACgC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;MAAWpB,KAAKQ;OACxCxB,QAAAA,CAAAA,CAAAA;;;;AAKX;",
-  "names": ["str", "lines", "join", "createContext", "React", "useCallback", "useEffect", "useRef", "useState", "addEventListener", "Popover", "PreviewPopoverContextProvider", "usePreviewPopover", "createContext", "PreviewPopoverProvider", "children", "onLookup", "trigger", "useRef", "value", "setValue", "useState", "open", "setOpen", "handleDxAnchorActivate", "useCallback", "event", "refId", "label", "dxTrigger", "link", "ref", "pending", "current", "queueMicrotask", "then", "target", "undefined", "rootRef", "setRootRef", "useEffect", "addEventListener", "capture", "passive", "Popover", "Root", "onOpenChange", "VirtualTrigger", "virtualRef", "div", "role", "className"]
-}

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/EditorToolbar/lists.d.ts

@@ -1,19 +0,0 @@
-import { type EditorView } from '@codemirror/view';
-import { type NodeArg } from '@dxos/app-graph';
-import { type EditorToolbarState } from './util';
-export declare const createLists: (state: EditorToolbarState, getView: () => EditorView) => {
-    nodes: (Readonly<Omit<Readonly<{
-        id: string;
-        type: string;
-        cacheable?: string[];
-        properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties>;
-        data: import("@dxos/app-graph").ActionData;
-    }>, "properties"> & {
-        properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties>;
-    }> | NodeArg<any>)[];
-    edges: {
-        source: string;
-        target: string;
-    }[];
-};
-//# sourceMappingURL=lists.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"lists.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorToolbar/lists.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAK/C,OAAO,EAAE,KAAK,kBAAkB,EAA+C,MAAM,QAAQ,CAAC;AAiC9F,eAAO,MAAM,WAAW,GAAI,OAAO,kBAAkB,EAAE,SAAS,MAAM,UAAU;;;;;;;;;;;;;;CAW/E,CAAC"}

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

@@ -1,51 +0,0 @@
-import { type EditorView } from '@codemirror/view';
-import { type Rx } from '@effect-rx/rx-react';
-import { type Action } from '@dxos/app-graph';
-import { type Live } from '@dxos/live-object';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { type ActionGraphProps, type MenuActionProperties, type MenuItemGroup, type MenuSeparator, type ToolbarMenuActionGroupProperties } from '@dxos/react-ui-menu';
-import type { EditorAction, Formatting } from '../../extensions';
-import { type EditorViewMode } from '../../types';
-export type EditorToolbarState = Formatting & Partial<{
-    viewMode: EditorViewMode;
-}>;
-export declare const useEditorToolbarState: (initialState?: Partial<EditorToolbarState>) => Live<EditorToolbarState>;
-export type EditorToolbarFeatureFlags = Partial<{
-    headings: boolean;
-    formatting: boolean;
-    lists: boolean;
-    blocks: boolean;
-    search: boolean;
-    image: () => void;
-    viewMode: (mode: EditorViewMode) => void;
-}>;
-export type EditorToolbarActionGraphProps = {
-    state: Live<EditorToolbarState>;
-    getView: () => EditorView;
-    customActions?: Rx.Rx<ActionGraphProps>;
-};
-export type EditorToolbarProps = ThemedClassName<EditorToolbarActionGraphProps & EditorToolbarFeatureFlags & {
-    attendableId?: string;
-    role?: string;
-}>;
-export type EditorToolbarItem = EditorAction | MenuItemGroup | MenuSeparator;
-export declare const createEditorAction: (id: string, props: Partial<MenuActionProperties>, invoke: () => void) => Action<MenuActionProperties>;
-export declare const createEditorActionGroup: (id: string, props: Omit<ToolbarMenuActionGroupProperties, "icon">, icon?: string) => {
-    id: string;
-    type: string;
-    properties: {
-        value: string | (string & string[]);
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        hidden?: boolean | undefined;
-        variant: "dropdownMenu" | "toggleGroup";
-        disabled?: boolean | undefined;
-        iconOnly: boolean;
-        testId?: string | undefined;
-        checked?: boolean | undefined;
-        selectCardinality: "single" | "multiple";
-        label: import("@dxos/react-ui").Label;
-        icon: string | undefined;
-    };
-    data: typeof import("@dxos/app-graph").actionGroupSymbol;
-};
-//# sourceMappingURL=util.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorToolbar/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,gCAAgC,EAGtC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,OAAO,CAAC;IAAE,QAAQ,EAAE,cAAc,CAAA;CAAE,CAAC,CAAC;AAEpF,eAAO,MAAM,qBAAqB,GAAI,eAAc,OAAO,CAAC,kBAAkB,CAAM,6BAEnF,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C,CAAC,CAAC;AAEH,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,UAAU,CAAC;IAE1B,aAAa,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAC9C,6BAA6B,GAAG,yBAAyB,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CACrG,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC;AAE7E,eAAO,MAAM,kBAAkB,GAAI,IAAI,MAAM,EAAE,OAAO,OAAO,CAAC,oBAAoB,CAAC,EAAE,QAAQ,MAAM,IAAI,KAK/F,MAAM,CAAC,oBAAoB,CAClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,IAAI,MAAM,EACV,OAAO,IAAI,CAAC,gCAAgC,EAAE,MAAM,CAAC,EACrD,OAAO,MAAM;;;;;;;;;;;;;;;;;CASd,CAAC"}