@dxos/plugin-markdown 0.6.13 → 0.6.14-main.69511f5

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

@@ -1,86 +0,0 @@
-import {
-  createBaseExtensions
-} from "./chunk-354DCID5.mjs";
-import {
-  MARKDOWN_PLUGIN
-} from "./chunk-4GGD6YJO.mjs";
-
-// packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
-import React, { forwardRef } from "react";
-import { createDocAccessor } from "@dxos/react-client/echo";
-import { DropdownMenu, Input, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { Card } from "@dxos/react-ui-card";
-import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
-import { focusRing, mx } from "@dxos/react-ui-theme";
-var DocumentCard = /* @__PURE__ */ forwardRef(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
-  const { t } = useTranslation(MARKDOWN_PLUGIN);
-  const { themeMode } = useThemeContext();
-  const { parentRef, focusAttributes } = useTextEditor(() => ({
-    initialValue: object.content?.content,
-    extensions: [
-      createBasicExtensions({
-        placeholder: t("editor placeholder")
-      }),
-      createThemeExtensions({
-        themeMode
-      }),
-      createDataExtensions({
-        id: object.id,
-        text: object.content && createDocAccessor(object.content, [
-          "content"
-        ])
-      }),
-      createBaseExtensions({
-        document: object,
-        debug: settings.debug,
-        experimental: settings.experimental
-      })
-    ]
-  }), [
-    object,
-    object.content,
-    themeMode
-  ]);
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    ref: forwardRef2,
-    className: "flex w-full",
-    style: draggableStyle
-  }, /* @__PURE__ */ React.createElement(Card.Root, {
-    classNames: mx("w-full snap-center", color, isDragging && "opacity-20", classNames),
-    grow
-  }, /* @__PURE__ */ React.createElement(Card.Header, {
-    onDoubleClick: () => onSelect?.()
-  }, /* @__PURE__ */ React.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
-    variant: "subdued",
-    classNames: "p-0",
-    placeholder: t("document title placeholder"),
-    value: object.name,
-    onChange: (event) => object.name = event.target.value
-  })), /* @__PURE__ */ React.createElement(Card.Menu, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
-    onClick: () => onAction?.({
-      id,
-      action: "delete"
-    })
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "grow"
-  }, "Delete")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
-    onClick: () => onAction?.({
-      id,
-      action: "set-color"
-    })
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "grow"
-  }, "Change color")))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement("div", {
-    ...focusAttributes,
-    ref: parentRef,
-    className: mx(focusRing, "rounded-sm h-full p-1 text-sm")
-  }))));
-});
-var DocumentCard_default = DocumentCard;
-
-export {
-  DocumentCard,
-  DocumentCard_default
-};
-//# sourceMappingURL=chunk-RL7QY322.mjs.map

package/dist/lib/browser/chunk-RL7QY322.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DocumentCard.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-card';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport type { MosaicTileComponent } from '@dxos/react-ui-mosaic';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\n\nimport { createBaseExtensions } from '../extensions';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type DocumentType, type MarkdownSettingsProps } from '../types';\n\nexport type DocumentItemProps = {\n  id: string;\n  object: DocumentType;\n  color?: string;\n};\n\nexport type DocumentCardProps = {\n  settings: MarkdownSettingsProps;\n};\n\n/**\n * @deprecated\n */\n// TODO(wittjosiah): Unify with DocumentEditor.\nexport const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(\n  (\n    {\n      classNames,\n      isDragging,\n      draggableStyle,\n      draggableProps,\n      item: { id, object, color },\n      grow,\n      settings,\n      onSelect,\n      onAction,\n    },\n    forwardRef,\n  ) => {\n    const { t } = useTranslation(MARKDOWN_PLUGIN);\n    const { themeMode } = useThemeContext();\n    const { parentRef, focusAttributes } = useTextEditor(\n      () => ({\n        initialValue: object.content?.content,\n        extensions: [\n          createBasicExtensions({ placeholder: t('editor placeholder') }),\n          createThemeExtensions({ themeMode }),\n          createDataExtensions({\n            id: object.id,\n            text: object.content && createDocAccessor(object.content, ['content']),\n          }),\n          createBaseExtensions({\n            document: object,\n            debug: settings.debug,\n            experimental: settings.experimental,\n          }),\n        ],\n      }),\n      [object, object.content, themeMode],\n    );\n\n    return (\n      <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>\n        <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>\n          <Card.Header onDoubleClick={() => onSelect?.()}>\n            <Card.DragHandle {...draggableProps} />\n            <Input.Root>\n              <Input.TextInput\n                variant='subdued'\n                classNames='p-0'\n                placeholder={t('document title placeholder')}\n                value={object.name}\n                onChange={(event) => (object.name = event.target.value)}\n              />\n            </Input.Root>\n            <Card.Menu>\n              {/* TODO(burdon): Handle events/intents? */}\n              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>\n                <span className='grow'>Delete</span>\n              </DropdownMenu.Item>\n              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>\n                <span className='grow'>Change color</span>\n              </DropdownMenu.Item>\n            </Card.Menu>\n          </Card.Header>\n          <Card.Body>\n            <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />\n          </Card.Body>\n        </Card.Root>\n      </div>\n    );\n  },\n);\n\nexport default DocumentCard;\n"],
-  "mappings": ";;;;;;;;AAIA,OAAOA,SAASC,kBAAkB;AAElC,SAASC,yBAAyB;AAClC,SAASC,cAAcC,OAAOC,iBAAiBC,sBAAsB;AACrE,SAASC,YAAY;AACrB,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AAEP,SAASC,WAAWC,UAAU;AAoBvB,IAAMC,eAA0FC,2BACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;MACVC,sBAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;MAC7Da,sBAAsB;QAAEV;MAAU,CAAA;MAClCW,qBAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,WAAWO,kBAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;MACAQ,qBAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,sBAAA,cAACkB,OAAAA;IAAIC,MAAK;IAAOC,KAAKpC;IAAYqC,WAAU;IAAcC,OAAOnC;KAC/D,sBAAA,cAACoC,KAAKC,MAAI;IAACvC,YAAYwC,GAAG,sBAAsBjC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,sBAAA,cAAC8B,KAAKG,QAAM;IAACC,eAAe,MAAMhC,WAAAA;KAChC,sBAAA,cAAC4B,KAAKK,YAAexC,cAAAA,GACrB,sBAAA,cAACyC,MAAML,MAAI,MACT,sBAAA,cAACK,MAAMC,WAAS;IACdC,SAAQ;IACR9C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfmC,OAAOzC,OAAO0C;IACdC,UAAU,CAACC,UAAW5C,OAAO0C,OAAOE,MAAMC,OAAOJ;OAGrD,sBAAA,cAACT,KAAKc,MAAI,MAER,sBAAA,cAACC,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAS,CAAA;KAClE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,sBAAA,cAACiB,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAY,CAAA;KACrE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,sBAAA,cAACE,KAAKoB,MAAI,MACR,sBAAA,cAACzB,OAAAA;IAAK,GAAGf;IAAiBiB,KAAKlB;IAAWmB,WAAWI,GAAGmB,WAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe7D;",
-  "names": ["React", "forwardRef", "createDocAccessor", "DropdownMenu", "Input", "useThemeContext", "useTranslation", "Card", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "focusRing", "mx", "DocumentCard", "forwardRef", "classNames", "isDragging", "draggableStyle", "draggableProps", "item", "id", "object", "color", "grow", "settings", "onSelect", "onAction", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "content", "extensions", "createBasicExtensions", "placeholder", "createThemeExtensions", "createDataExtensions", "text", "createDocAccessor", "createBaseExtensions", "document", "debug", "experimental", "div", "role", "ref", "className", "style", "Card", "Root", "mx", "Header", "onDoubleClick", "DragHandle", "Input", "TextInput", "variant", "value", "name", "onChange", "event", "target", "Menu", "DropdownMenu", "Item", "onClick", "action", "span", "Body", "focusRing"]
-}

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

@@ -1,208 +0,0 @@
-import {
-  MARKDOWN_PLUGIN
-} from "./chunk-4GGD6YJO.mjs";
-
-// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
-import { openSearchPanel } from "@codemirror/search";
-import { EditorView } from "@codemirror/view";
-import React, { useMemo, useEffect, useCallback } from "react";
-import { LayoutAction, useResolvePlugin, useIntentResolver, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
-import { parseAttentionPlugin } from "@dxos/plugin-attention";
-import { useThemeContext, useTranslation } from "@dxos/react-ui";
-import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter, Cursor, setSelection } from "@dxos/react-ui-editor";
-import { sectionToolbarLayout } from "@dxos/react-ui-stack";
-import { textBlockWidth, focusRing, mx } from "@dxos/react-ui-theme";
-import { nonNullable } from "@dxos/util";
-var attentionFragment = mx("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
-var DEFAULT_VIEW_MODE = "preview";
-var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
-  const { t } = useTranslation(MARKDOWN_PLUGIN);
-  const { themeMode } = useThemeContext();
-  const dispatch = useIntentDispatcher();
-  const attentionPlugin = useResolvePlugin(parseAttentionPlugin);
-  const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
-  const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);
-  const isDirectlyAttended = attended.length === 1 && attended[0] === id;
-  const [formattingState, formattingObserver] = useFormattingState();
-  const providerExtensions = useMemo(() => extensionProviders?.map((provider) => provider({})), [
-    extensionProviders
-  ]);
-  const [commentsState, commentObserver] = useCommentState();
-  const onCommentClick = useCallback(() => {
-    void dispatch({
-      action: LayoutAction.SET_LAYOUT,
-      data: {
-        element: "complementary",
-        state: true
-      }
-    });
-  }, [
-    dispatch
-  ]);
-  const commentClickObserver = useCommentClickListener(onCommentClick);
-  useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {
-    switch (action) {
-      // TODO(burdon): Use fully qualified ids everywhere.
-      case LayoutAction.SCROLL_INTO_VIEW: {
-        if (editorView && data?.id === id && data?.cursor) {
-          const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);
-          if (range) {
-            const selection2 = editorView.state.selection.main.from !== range.from ? {
-              anchor: range.from
-            } : void 0;
-            const effects = [
-              // NOTE: This does not use the DOM scrollIntoView function.
-              EditorView.scrollIntoView(range.from, {
-                y: "start",
-                yMargin: 96
-              })
-            ];
-            if (selection2) {
-              effects.push(setSelection.of({
-                current: id
-              }));
-            }
-            editorView.dispatch({
-              effects,
-              selection: selection2 ? {
-                anchor: range.from
-              } : void 0
-            });
-          }
-        }
-        break;
-      }
-    }
-  });
-  const handleDrop = async (view, { files }) => {
-    const file = files[0];
-    const info = file && onFileUpload ? await onFileUpload(file) : void 0;
-    if (info) {
-      processAction(view, {
-        type: "image",
-        data: info.url
-      });
-    }
-  };
-  const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
-    initialValue,
-    extensions: [
-      formattingObserver,
-      commentObserver,
-      commentClickObserver,
-      createBasicExtensions({
-        readonly: viewMode === "readonly",
-        placeholder: t("editor placeholder"),
-        scrollPastEnd: role === "section" ? false : scrollPastEnd
-      }),
-      createMarkdownExtensions({
-        themeMode
-      }),
-      createThemeExtensions({
-        themeMode,
-        syntaxHighlighting: true,
-        slots: {
-          content: {
-            className: editorContent
-          }
-        }
-      }),
-      editorGutter,
-      role !== "section" && onFileUpload ? dropFile({
-        onDrop: handleDrop
-      }) : [],
-      providerExtensions,
-      extensions
-    ].filter(nonNullable),
-    ...role !== "section" && {
-      id,
-      scrollTo,
-      selection,
-      // TODO(wittjosiah): Autofocus based on layout is racy.
-      autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
-      moveToEndOfLine: true
-    }
-  }), [
-    id,
-    initialValue,
-    formattingObserver,
-    viewMode,
-    themeMode,
-    extensions,
-    providerExtensions
-  ]);
-  useTest(editorView);
-  const handleToolbarAction = useActionHandler(editorView);
-  const handleAction = (action) => {
-    switch (action.type) {
-      case "search": {
-        if (editorView) {
-          openSearchPanel(editorView);
-        }
-        return;
-      }
-      case "view-mode": {
-        onViewModeChange?.(id, action.data);
-        return;
-      }
-    }
-    handleToolbarAction?.(action);
-  };
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    ...role === "section" ? {
-      className: "flex flex-col"
-    } : {
-      className: "contents group/editor",
-      ...isDirectlyAttended && {
-        "aria-current": "location"
-      }
-    }
-  }, toolbar && /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: mx("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
-  }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
-    classNames: role === "section" ? [
-      textBlockWidth,
-      "z-[2] group-focus-within/section:visible",
-      !isDirectlyAttended && "invisible",
-      sectionToolbarLayout
-    ] : [
-      textBlockWidth,
-      "group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
-    ],
-    state: formattingState && {
-      ...formattingState,
-      ...commentsState
-    },
-    onAction: handleAction
-  }, /* @__PURE__ */ React.createElement(Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ React.createElement(Toolbar.Custom, {
-    onUpload: onFileUpload
-  }), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
-    mode: viewMode ?? DEFAULT_VIEW_MODE
-  }), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    ref: parentRef,
-    "data-testid": "composer.markdownRoot",
-    "data-toolbar": toolbar ? "enabled" : "disabled",
-    className: role === "section" ? mx("flex flex-col flex-1 min-bs-[12rem]", focusRing) : mx("flex is-full bs-full overflow-hidden", focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2"),
-    ...focusAttributes
-  }));
-};
-var useTest = (view) => {
-  useEffect(() => {
-    const composer = window.composer;
-    if (composer) {
-      composer.editorView = view;
-    }
-  }, [
-    view
-  ]);
-};
-var MarkdownEditor_default = MarkdownEditor;
-
-export {
-  MarkdownEditor,
-  MarkdownEditor_default
-};
-//# sourceMappingURL=chunk-VUN4QKTT.mjs.map

package/dist/lib/browser/chunk-VUN4QKTT.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/MarkdownEditor.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\n\nimport {\n  type FileInfo,\n  LayoutAction,\n  type LayoutCoordinate,\n  useResolvePlugin,\n  useIntentResolver,\n  parseLayoutPlugin,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { parseAttentionPlugin } from '@dxos/plugin-attention';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type Action,\n  type DNDOptions,\n  type EditorViewMode,\n  type EditorInputMode,\n  type UseTextEditorProps,\n  Toolbar,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  processAction,\n  useActionHandler,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\n  editorContent,\n  editorGutter,\n  Cursor,\n  setSelection,\n} from '@dxos/react-ui-editor';\nimport { sectionToolbarLayout } from '@dxos/react-ui-stack';\nimport { textBlockWidth, focusRing, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport type { MarkdownPluginState } from '../types';\n\nconst attentionFragment = mx(\n  'group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface',\n  'group-focus-within/editor:border-separator',\n);\n\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n  id: string;\n  coordinate?: LayoutCoordinate;\n  inputMode?: EditorInputMode;\n  role?: string;\n  scrollPastEnd?: boolean;\n  toolbar?: boolean;\n  viewMode?: EditorViewMode;\n  onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'scrollTo' | 'selection' | 'extensions'> &\n  Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\nexport const MarkdownEditor = ({\n  id,\n  role = 'article',\n  initialValue,\n  extensions,\n  extensionProviders,\n  scrollPastEnd,\n  scrollTo,\n  selection,\n  toolbar,\n  viewMode,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProps) => {\n  const { t } = useTranslation(MARKDOWN_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const dispatch = useIntentDispatcher();\n  const attentionPlugin = useResolvePlugin(parseAttentionPlugin);\n  const layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n  const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);\n  const isDirectlyAttended = attended.length === 1 && attended[0] === id;\n  const [formattingState, formattingObserver] = useFormattingState();\n\n  // Extensions from other plugins.\n  const providerExtensions = useMemo(() => extensionProviders?.map((provider) => provider({})), [extensionProviders]);\n\n  // TODO(Zan): Move these into thread plugin as well?\n  const [commentsState, commentObserver] = useCommentState();\n  const onCommentClick = useCallback(() => {\n    void dispatch({ action: LayoutAction.SET_LAYOUT, data: { element: 'complementary', state: true } });\n  }, [dispatch]);\n  const commentClickObserver = useCommentClickListener(onCommentClick);\n\n  // Focus the space that references the comment.\n  useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {\n    switch (action) {\n      // TODO(burdon): Use fully qualified ids everywhere.\n      case LayoutAction.SCROLL_INTO_VIEW: {\n        if (editorView && data?.id === id && data?.cursor) {\n          // TODO(burdon): We need typed intents.\n          const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);\n          if (range) {\n            const selection = editorView.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;\n            const effects = [\n              // NOTE: This does not use the DOM scrollIntoView function.\n              EditorView.scrollIntoView(range.from, { y: 'start', yMargin: 96 }),\n            ];\n            if (selection) {\n              // Update the editor selection to get bi-directional highlighting.\n              effects.push(setSelection.of({ current: id }));\n            }\n\n            editorView.dispatch({\n              effects,\n              selection: selection ? { anchor: range.from } : undefined,\n            });\n          }\n        }\n        break;\n      }\n    }\n  });\n\n  // Drag files.\n  const handleDrop: DNDOptions['onDrop'] = async (view, { files }) => {\n    const file = files[0];\n    const info = file && onFileUpload ? await onFileUpload(file) : undefined;\n    if (info) {\n      processAction(view, { type: 'image', data: info.url });\n    }\n  };\n\n  const {\n    parentRef,\n    view: editorView,\n    focusAttributes,\n  } = useTextEditor(\n    () => ({\n      initialValue,\n      extensions: [\n        formattingObserver,\n        commentObserver,\n        commentClickObserver,\n        createBasicExtensions({\n          readonly: viewMode === 'readonly',\n          placeholder: t('editor placeholder'),\n          scrollPastEnd: role === 'section' ? false : scrollPastEnd,\n        }),\n        createMarkdownExtensions({ themeMode }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: { content: { className: editorContent } },\n        }),\n        editorGutter,\n        role !== 'section' && onFileUpload ? dropFile({ onDrop: handleDrop }) : [],\n        providerExtensions,\n        extensions,\n      ].filter(nonNullable),\n      ...(role !== 'section' && {\n        id,\n        scrollTo,\n        selection,\n        // TODO(wittjosiah): Autofocus based on layout is racy.\n        autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,\n        moveToEndOfLine: true,\n      }),\n    }),\n    [id, initialValue, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n  );\n\n  useTest(editorView);\n\n  // Toolbar handler.\n  const handleToolbarAction = useActionHandler(editorView);\n  const handleAction = (action: Action) => {\n    switch (action.type) {\n      case 'search': {\n        if (editorView) {\n          openSearchPanel(editorView);\n        }\n        return;\n      }\n      case 'view-mode': {\n        onViewModeChange?.(id, action.data);\n        return;\n      }\n    }\n\n    handleToolbarAction?.(action);\n  };\n\n  return (\n    <div\n      role='none'\n      // TODO(burdon): Move role logic out of here (see sheet, table, sketch, etc.)\n      {...(role === 'section'\n        ? { className: 'flex flex-col' }\n        : {\n            className: 'contents group/editor',\n            ...(isDirectlyAttended && { 'aria-current': 'location' }),\n          })}\n    >\n      {toolbar && (\n        <div role='none' className={mx('flex shrink-0 justify-center overflow-x-auto', attentionFragment)}>\n          <Toolbar.Root\n            classNames={\n              role === 'section'\n                ? [\n                    textBlockWidth,\n                    'z-[2] group-focus-within/section:visible',\n                    !isDirectlyAttended && 'invisible',\n                    sectionToolbarLayout,\n                  ]\n                : [\n                    textBlockWidth,\n                    'group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator',\n                  ]\n            }\n            state={formattingState && { ...formattingState, ...commentsState }}\n            onAction={handleAction}\n          >\n            <Toolbar.Markdown />\n            {onFileUpload && <Toolbar.Custom onUpload={onFileUpload} />}\n            <Toolbar.Separator />\n            <Toolbar.View mode={viewMode ?? DEFAULT_VIEW_MODE} />\n            <Toolbar.Actions />\n          </Toolbar.Root>\n        </div>\n      )}\n      <div\n        role='none'\n        ref={parentRef}\n        data-testid='composer.markdownRoot'\n        data-toolbar={toolbar ? 'enabled' : 'disabled'}\n        className={\n          role === 'section'\n            ? mx('flex flex-col flex-1 min-bs-[12rem]', focusRing)\n            : mx(\n                'flex is-full bs-full overflow-hidden',\n                focusRing,\n                attentionFragment,\n                'focus-visible:ring-inset',\n                'data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2',\n              )\n        }\n        {...focusAttributes}\n      />\n    </div>\n  );\n};\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view?: EditorView) => {\n  useEffect(() => {\n    const composer = (window as any).composer;\n    if (composer) {\n      composer.editorView = view;\n    }\n  }, [view]);\n};\n\nexport default MarkdownEditor;\n"],
-  "mappings": "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",
-  "names": ["openSearchPanel", "EditorView", "React", "useMemo", "useEffect", "useCallback", "LayoutAction", "useResolvePlugin", "useIntentResolver", "parseLayoutPlugin", "useIntentDispatcher", "parseAttentionPlugin", "useThemeContext", "useTranslation", "Toolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "processAction", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "editorContent", "editorGutter", "Cursor", "setSelection", "sectionToolbarLayout", "textBlockWidth", "focusRing", "mx", "nonNullable", "attentionFragment", "mx", "DEFAULT_VIEW_MODE", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "selection", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatch", "useIntentDispatcher", "attentionPlugin", "useResolvePlugin", "parseAttentionPlugin", "layoutPlugin", "parseLayoutPlugin", "attended", "Array", "from", "provides", "attention", "isDirectlyAttended", "length", "formattingState", "formattingObserver", "useFormattingState", "providerExtensions", "useMemo", "map", "provider", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "action", "LayoutAction", "SET_LAYOUT", "data", "element", "state", "commentClickObserver", "useCommentClickListener", "useIntentResolver", "SCROLL_INTO_VIEW", "editorView", "cursor", "range", "Cursor", "getRangeFromCursor", "main", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "handleDrop", "view", "files", "file", "info", "processAction", "type", "url", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "filter", "nonNullable", "autoFocus", "layout", "moveToEndOfLine", "useTest", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
-}

package/dist/lib/node/DocumentCard-EHJDDSRY.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["DocumentCard-EHJDDSRY.cjs"],
-  "sourcesContent": ["import {\n  DocumentCard,\n  DocumentCard_default\n} from \"./chunk-Q4ZSCBQE.cjs\";\nimport \"./chunk-KTYIOXL5.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n  DocumentCard,\n  DocumentCard_default as default\n};\n//# sourceMappingURL=DocumentCard-EHJDDSRY.cjs.map\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;AACP,4BAAO;",
-  "names": []
-}

package/dist/lib/node/DocumentEditor-I5GCRBKU.cjs

@@ -1,29 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DocumentEditor_I5GCRBKU_exports = {};
-__export(DocumentEditor_I5GCRBKU_exports, {
-  default: () => import_chunk_RVGN72IX.DocumentEditor_default
-});
-module.exports = __toCommonJS(DocumentEditor_I5GCRBKU_exports);
-var import_chunk_RVGN72IX = require("./chunk-RVGN72IX.cjs");
-var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
-var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
-var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
-//# sourceMappingURL=DocumentEditor-I5GCRBKU.cjs.map

package/dist/lib/node/DocumentEditor-I5GCRBKU.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["DocumentEditor-I5GCRBKU.cjs"],
-  "sourcesContent": ["import {\n  DocumentEditor_default\n} from \"./chunk-RVGN72IX.cjs\";\nimport \"./chunk-VWQH4WC2.cjs\";\nimport \"./chunk-KTYIOXL5.cjs\";\nimport \"./chunk-7XIBNEI7.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n  DocumentEditor_default as default\n};\n//# sourceMappingURL=DocumentEditor-I5GCRBKU.cjs.map\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAEO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;",
-  "names": []
-}

package/dist/lib/node/MarkdownEditor-UE23H75V.cjs

@@ -1,31 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var MarkdownEditor_UE23H75V_exports = {};
-__export(MarkdownEditor_UE23H75V_exports, {
-  MarkdownEditor: () => import_chunk_7XIBNEI7.MarkdownEditor,
-  default: () => import_chunk_7XIBNEI7.MarkdownEditor_default
-});
-module.exports = __toCommonJS(MarkdownEditor_UE23H75V_exports);
-var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
-var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MarkdownEditor
-});
-//# sourceMappingURL=MarkdownEditor-UE23H75V.cjs.map

package/dist/lib/node/MarkdownEditor-UE23H75V.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["MarkdownEditor-UE23H75V.cjs"],
-  "sourcesContent": ["import {\n  MarkdownEditor,\n  MarkdownEditor_default\n} from \"./chunk-7XIBNEI7.cjs\";\nimport \"./chunk-TGMR2CKU.cjs\";\nexport {\n  MarkdownEditor,\n  MarkdownEditor_default as default\n};\n//# sourceMappingURL=MarkdownEditor-UE23H75V.cjs.map\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;",
-  "names": []
-}