@dxos/plugin-markdown 0.6.11-staging.e6894a4 → 0.6.12-main.5cc132e

package/dist/lib/browser/DocumentEditor-HOQEHRNG.mjs

@@ -1,11 +0,0 @@
-import {
-  DocumentEditor_default
-} from "./chunk-NSVC456H.mjs";
-import "./chunk-CQJL4G4X.mjs";
-import "./chunk-354DCID5.mjs";
-import "./chunk-CJO5DJVS.mjs";
-import "./chunk-4GGD6YJO.mjs";
-export {
-  DocumentEditor_default as default
-};
-//# sourceMappingURL=DocumentEditor-HOQEHRNG.mjs.map

package/dist/lib/browser/chunk-CJO5DJVS.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({ themeMode, slots: { content: { className: editorContent } } }),\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", "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/chunk-MMYLEP2V.cjs.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({ themeMode, slots: { content: { className: editorContent } } }),\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": ["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", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "filter", "nonNullable", "autoFocus", "layout", "moveToEndOfLine", "useTest", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "React", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
-}