@dxos/plugin-markdown 0.6.12 → 0.6.13-main.548ca8d

package/src/extensions.tsx

@@ -2,63 +2,117 @@
 // Copyright 2023 DXOS.org
 //
 
-import { ArrowSquareDown, ArrowSquareOut, type Icon } from '@phosphor-icons/react';
-import React, { type AnchorHTMLAttributes, StrictMode } from 'react';
+import React, { type AnchorHTMLAttributes, type ReactNode, useMemo } from 'react';
 import { createRoot } from 'react-dom/client';
 
-import { type IntentDispatcher, NavigationAction } from '@dxos/app-framework';
+import { type IntentDispatcher, NavigationAction, useIntentDispatcher } from '@dxos/app-framework';
 import { invariant } from '@dxos/invariant';
-import { fullyQualifiedId, type Query } from '@dxos/react-client/echo';
+import { createDocAccessor, fullyQualifiedId, getSpace, type Query } from '@dxos/react-client/echo';
+import { useIdentity } from '@dxos/react-client/halo';
+import { Icon, ThemeProvider } from '@dxos/react-ui';
+import { createDataExtensions, listener, localStorageStateStoreAdapter, state } from '@dxos/react-ui-editor';
 import {
   type AutocompleteResult,
-  type Extension,
   type EditorViewMode,
+  type Extension,
+  InputModeExtensions,
   autocomplete,
   decorateMarkdown,
+  folding,
+  formattingKeymap,
   linkTooltip,
   typewriter,
-  formattingKeymap,
-  InputModeExtensions,
-  folding,
 } from '@dxos/react-ui-editor';
-import { getSize, mx } from '@dxos/react-ui-theme';
-import { isNotFalsy, nonNullable } from '@dxos/util';
+import { defaultTx } from '@dxos/react-ui-theme';
+import { isNotFalsy } from '@dxos/util';
 
-import { type DocumentType, type MarkdownSettingsProps } from './types';
+import { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from './types';
+import { setFallbackName } from './util';
 
-export type ExtensionsOptions = {
-  viewMode?: EditorViewMode;
-  settings?: MarkdownSettingsProps;
-  document?: DocumentType;
-  debug?: boolean;
-  experimental?: boolean;
-  numberedHeadings?: boolean;
-  folding?: boolean;
-  query?: Query<DocumentType>;
+type ExtensionsOptions = {
+  document: DocumentType;
   dispatch?: IntentDispatcher;
+  query?: Query<DocumentType>;
+  settings: MarkdownSettingsProps;
+  viewMode?: EditorViewMode;
 };
 
-/**
- * Create extension instances for editor.
- */
-export const createBaseExtensions = ({
-  viewMode,
-  settings,
+// TODO(burdon): Merge with createBaseExtensions above.
+export const useExtensions = ({
+  extensionProviders,
   document,
-  query,
-  dispatch,
-}: ExtensionsOptions): Extension[] => {
-  const extensions: Extension[] = [];
+  settings,
+  viewMode,
+}: Pick<ExtensionsOptions, 'document' | 'settings' | 'viewMode'> &
+  Pick<MarkdownPluginState, 'extensionProviders'>): Extension[] => {
+  const dispatch = useIntentDispatcher();
+  const identity = useIdentity();
+  const space = getSpace(document);
+
+  // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.
+  // TODO(burdon): Unsubscribe.
+  // const query = space?.db.query(Filter.schema(DocumentType));
+  // query?.subscribe();
+  const baseExtensions = useMemo(
+    () =>
+      createBaseExtensions({
+        document,
+        settings,
+        viewMode,
+        dispatch,
+        // query,
+      }),
+    [document, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings],
+  );
 
   //
-  // Editor mode.
+  // External extensions from other plugins.
   //
-  if (settings?.editorInputMode) {
-    const extension = InputModeExtensions[settings.editorInputMode];
-    if (extension) {
-      extensions.push(extension);
-    }
-  }
+  const pluginExtensions = useMemo<Extension[] | undefined>(
+    () =>
+      extensionProviders?.reduce((acc: Extension[], provider) => {
+        const extension = typeof provider === 'function' ? provider({ document }) : provider;
+        if (extension) {
+          acc.push(extension);
+        }
+
+        return acc;
+      }, []),
+    [extensionProviders],
+  );
+
+  //
+  // Basic plugins.
+  //
+  return useMemo<Extension[]>(
+    () =>
+      [
+        // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
+        createDataExtensions({
+          id: document.id,
+          text: document.content && createDocAccessor(document.content, ['content']),
+          space,
+          identity,
+        }),
+        state(localStorageStateStoreAdapter),
+        listener({
+          onChange: (text) => setFallbackName(document, text),
+        }),
+        baseExtensions,
+        pluginExtensions,
+      ].filter(isNotFalsy),
+    [baseExtensions, pluginExtensions, document, document.content, space, identity],
+  );
+};
+
+/**
+ * Create extension instances for editor.
+ */
+const createBaseExtensions = ({ document, dispatch, settings, query, viewMode }: ExtensionsOptions): Extension[] => {
+  const extensions: Extension[] = [
+    settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
+    settings.folding && folding(),
+  ].filter(isNotFalsy);
 
   //
   // Markdown
@@ -69,7 +123,7 @@ export const createBaseExtensions = ({
         formattingKeymap(),
         decorateMarkdown({
           selectionChangeDelay: 100,
-          numberedHeadings: settings?.numberedHeadings ? { from: 2 } : undefined,
+          numberedHeadings: settings.numberedHeadings ? { from: 2 } : undefined,
           // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
           renderLinkButton:
             dispatch && document
@@ -98,7 +152,6 @@ export const createBaseExtensions = ({
     extensions.push(
       autocomplete({
         onSearch: (text: string) => {
-          // TODO query
           // TODO(burdon): Specify filter (e.g., stack).
           return query.objects
             .map<AutocompleteResult | undefined>((object) =>
@@ -110,29 +163,27 @@ export const createBaseExtensions = ({
                   }
                 : undefined,
             )
-            .filter(nonNullable);
+            .filter(isNotFalsy);
         },
       }),
     );
   }
 
-  extensions.push(
-    ...[
-      //
-      settings?.folding && folding(),
-    ].filter(isNotFalsy),
-  );
-
-  if (settings?.debug) {
-    const items = settings.typewriter ?? '';
-    extensions.push(...[items ? typewriter({ items: items.split(/[,\n]/) }) : undefined].filter(nonNullable));
+  if (settings.debug) {
+    const items = settings.typewriter?.split(/[,\n]/) ?? '';
+    if (items) {
+      extensions.push(typewriter({ items }));
+    }
   }
 
   return extensions;
 };
 
-// TODO(burdon): Factor out style.
-const hover = 'rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';
+// TODO(burdon): Factor out styles.
+const style = {
+  hover: 'rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400',
+  icon: 'inline-block leading-none mis-1 cursor-pointer',
+};
 
 const onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {
   // TODO(burdon): Formalize/document internal link format.
@@ -155,25 +206,31 @@ const onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url
         target: '_blank',
       };
 
-  const LinkIcon: Icon = isInternal ? ArrowSquareDown : ArrowSquareOut;
-
-  createRoot(el).render(
-    <StrictMode>
-      <a {...options} className={hover}>
-        <LinkIcon weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />
-      </a>
-    </StrictMode>,
+  renderRoot(
+    el,
+    <a {...options} className={style.hover}>
+      <Icon
+        icon={isInternal ? 'ph--arrow-square-down--bold' : 'ph--arrow-square-out--bold'}
+        size={4}
+        classNames={style.icon}
+      />
+    </a>,
   );
 };
 
 const renderLinkTooltip = (el: Element, url: string) => {
   const web = new URL(url);
-  createRoot(el).render(
-    <StrictMode>
-      <a href={url} target='_blank' rel='noreferrer' className={hover}>
-        {web.origin}
-        <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />
-      </a>
-    </StrictMode>,
+  renderRoot(
+    el,
+    <a href={url} rel='noreferrer' target='_blank' className={style.hover}>
+      {web.origin}
+      <Icon icon='ph--arrow-square-out--bold' size={4} classNames={style.icon} />
+    </a>,
   );
 };
+
+// TODO(burdon): Remove react rendering; use DOM directly.
+export const renderRoot = <T extends Element>(root: T, node: ReactNode): T => {
+  createRoot(root).render(<ThemeProvider tx={defaultTx}>{node}</ThemeProvider>);
+  return root;
+};

package/src/hooks/index.ts

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

package/src/hooks/useSelectCurrentThread.tsx

@@ -0,0 +1,46 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { EditorView } from '@codemirror/view';
+import { useCallback } from 'react';
+
+import { LayoutAction, useIntentResolver } from '@dxos/app-framework';
+import { Cursor, setSelection } from '@dxos/react-ui-editor';
+
+import { MARKDOWN_PLUGIN } from '../meta';
+
+/**
+ * Handle scrolling and selection of the current thread in a markdown editor.
+ */
+export const useSelectCurrentThread = (editorView: EditorView | undefined, documentId: string) => {
+  const handleScrollIntoView = useCallback(
+    ({ action, data }: { action: string; data?: any }) => {
+      if (action === LayoutAction.SCROLL_INTO_VIEW) {
+        if (editorView && data?.id === documentId && data?.cursor) {
+          // TODO(burdon): We need typed intents.
+          const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);
+          if (range) {
+            const selection = editorView.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;
+            const effects = [
+              // NOTE: This does not use the DOM scrollIntoView function.
+              EditorView.scrollIntoView(range.from, { y: 'start', yMargin: 96 }),
+            ];
+            if (selection) {
+              // Update the editor selection to get bi-directional highlighting.
+              effects.push(setSelection.of({ current: documentId }));
+            }
+
+            editorView.dispatch({
+              effects,
+              selection: selection ? { anchor: range.from } : undefined,
+            });
+          }
+        }
+      }
+    },
+    [documentId, editorView],
+  );
+
+  useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);
+};

package/src/meta.ts

@@ -0,0 +1,15 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type PluginMeta } from '@dxos/app-framework';
+
+export const MARKDOWN_PLUGIN = 'dxos.org/plugin/markdown';
+
+export default {
+  id: MARKDOWN_PLUGIN,
+  name: 'Markdown Editor',
+  description: 'Text editor supporting extended Markdown.',
+  homePage: 'https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown',
+  icon: 'ph--text-aa--regular',
+} satisfies PluginMeta;

package/src/types/document.ts

@@ -15,3 +15,15 @@ export class DocumentType extends TypedObject({ typename: 'dxos.org/type/Documen
   content: ref(TextType),
   threads: S.mutable(S.Array(ref(ThreadType))),
 }) {}
+
+/**
+ * Checks if an object conforms to the interface needed to render an editor.
+ */
+// TODO(burdon): Normalize types (from FilesPlugin).
+export const isEditorModel = (data: any): data is { id: string; text: string } =>
+  data &&
+  typeof data === 'object' &&
+  'id' in data &&
+  typeof data.id === 'string' &&
+  'text' in data &&
+  typeof data.text === 'string';

package/src/types/types.ts

@@ -12,6 +12,7 @@ import type {
   TranslationsProvides,
 } from '@dxos/app-framework';
 import { type SchemaProvides } from '@dxos/plugin-client';
+import { type SpaceInitProvides } from '@dxos/plugin-space';
 import { type Extension, type EditorInputMode, type EditorViewMode } from '@dxos/react-ui-editor';
 
 import { type DocumentType } from './document';
@@ -26,13 +27,15 @@ export enum MarkdownAction {
 
 export type MarkdownProperties = Record<string, any>;
 
-export type ExtensionsProvider = (props: { document?: DocumentType }) => Extension[];
+// TODO(burdon): Async.
+export type MarkdownExtensionProvider = (props: { document?: DocumentType }) => Extension | undefined;
 
 export type OnChange = (text: string) => void;
 
 export type MarkdownExtensionProvides = {
+  // TODO(burdon): Rename.
   markdown: {
-    extensions: ExtensionsProvider;
+    extensions: MarkdownExtensionProvider;
   };
 };
 
@@ -45,11 +48,11 @@ type StackProvides = {
 
 export type MarkdownPluginState = {
   // Codemirror extensions provided by other plugins.
-  extensionProviders: NonNullable<ExtensionsProvider>[];
+  extensionProviders?: MarkdownExtensionProvider[];
 
   // TODO(burdon): Extend view mode per document to include scroll position, etc.
   // View mode per document.
-  viewMode: { [key: string]: EditorViewMode };
+  viewMode: Record<string, EditorViewMode>;
 };
 
 export type MarkdownSettingsProps = {
@@ -64,12 +67,11 @@ export type MarkdownSettingsProps = {
   folding?: boolean;
 };
 
-// TODO(Zan): Move this to the plugin-space plugin or another common location
-// when we implement comments in sheets.
+// TODO(Zan): Move this to the plugin-space plugin or another common location when we implement comments in sheets.
 type ThreadProvides<T> = {
   thread: {
     predicate: (obj: any) => obj is T;
-    createSort: (obj: T) => (anchorA: string, anchorB: string) => number;
+    createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;
   };
 };
 
@@ -81,5 +83,6 @@ export type MarkdownPluginProvides = SurfaceProvides &
   SettingsProvides<MarkdownSettingsProps> &
   TranslationsProvides &
   SchemaProvides &
+  SpaceInitProvides &
   StackProvides &
   ThreadProvides<DocumentType>;

package/dist/lib/browser/DocumentCard-2P4EICBA.mjs

@@ -1,11 +0,0 @@
-import {
-  DocumentCard,
-  DocumentCard_default
-} from "./chunk-RL7QY322.mjs";
-import "./chunk-354DCID5.mjs";
-import "./chunk-4GGD6YJO.mjs";
-export {
-  DocumentCard,
-  DocumentCard_default as default
-};
-//# sourceMappingURL=DocumentCard-2P4EICBA.mjs.map

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

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

package/dist/lib/browser/MarkdownEditor-EKJJQEFL.mjs

@@ -1,10 +0,0 @@
-import {
-  MarkdownEditor,
-  MarkdownEditor_default
-} from "./chunk-VUN4QKTT.mjs";
-import "./chunk-4GGD6YJO.mjs";
-export {
-  MarkdownEditor,
-  MarkdownEditor_default as default
-};
-//# sourceMappingURL=MarkdownEditor-EKJJQEFL.mjs.map

package/dist/lib/browser/MarkdownEditor-EKJJQEFL.mjs.map

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

package/dist/lib/browser/chunk-354DCID5.mjs

@@ -1,117 +0,0 @@
-// packages/plugins/plugin-markdown/src/extensions.tsx
-import { ArrowSquareDown, ArrowSquareOut } from "@phosphor-icons/react";
-import React, { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { NavigationAction } from "@dxos/app-framework";
-import { invariant } from "@dxos/invariant";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
-import { autocomplete, decorateMarkdown, linkTooltip, typewriter, formattingKeymap, InputModeExtensions, folding } from "@dxos/react-ui-editor";
-import { getSize, mx } from "@dxos/react-ui-theme";
-import { isNotFalsy, nonNullable } from "@dxos/util";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
-var createBaseExtensions = ({ viewMode, settings, document, query, dispatch }) => {
-  const extensions = [];
-  if (settings?.editorInputMode) {
-    const extension = InputModeExtensions[settings.editorInputMode];
-    if (extension) {
-      extensions.push(extension);
-    }
-  }
-  if (viewMode !== "source") {
-    extensions.push(...[
-      formattingKeymap(),
-      decorateMarkdown({
-        selectionChangeDelay: 100,
-        numberedHeadings: settings?.numberedHeadings ? {
-          from: 2
-        } : void 0,
-        // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
-        renderLinkButton: dispatch && document ? onRenderLink((id) => {
-          void dispatch({
-            action: NavigationAction.ADD_TO_ACTIVE,
-            data: {
-              id,
-              part: "main",
-              pivotId: fullyQualifiedId(document),
-              scrollIntoView: true
-            }
-          });
-        }) : void 0
-      }),
-      linkTooltip(renderLinkTooltip)
-    ]);
-  }
-  if (query) {
-    extensions.push(autocomplete({
-      onSearch: (text) => {
-        return query.objects.map((object) => object.name?.length && object.id !== document?.id ? {
-          label: object.name,
-          // TODO(burdon): Factor out URL builder.
-          apply: `[${object.name}](/${fullyQualifiedId(object)})`
-        } : void 0).filter(nonNullable);
-      }
-    }));
-  }
-  extensions.push(...[
-    //
-    settings?.folding && folding()
-  ].filter(isNotFalsy));
-  if (settings?.debug) {
-    const items = settings.typewriter ?? "";
-    extensions.push(...[
-      items ? typewriter({
-        items: items.split(/[,\n]/)
-      }) : void 0
-    ].filter(nonNullable));
-  }
-  return extensions;
-};
-var hover = "rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200";
-var onRenderLink = (onSelectObject) => (el, url) => {
-  const isInternal = url.startsWith("/") || // TODO(wittjosiah): This should probably be parsed out on paste?
-  url.startsWith(window.location.origin);
-  const options = isInternal ? {
-    onClick: () => {
-      const qualifiedId = url.split("/").at(-1);
-      invariant(qualifiedId, "Invalid link format.", {
-        F: __dxlog_file,
-        L: 148,
-        S: void 0,
-        A: [
-          "qualifiedId",
-          "'Invalid link format.'"
-        ]
-      });
-      onSelectObject(qualifiedId);
-    }
-  } : {
-    href: url,
-    rel: "noreferrer",
-    target: "_blank"
-  };
-  const LinkIcon = isInternal ? ArrowSquareDown : ArrowSquareOut;
-  createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
-    ...options,
-    className: hover
-  }, /* @__PURE__ */ React.createElement(LinkIcon, {
-    weight: "bold",
-    className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
-  }))));
-};
-var renderLinkTooltip = (el, url) => {
-  const web = new URL(url);
-  createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
-    href: url,
-    target: "_blank",
-    rel: "noreferrer",
-    className: hover
-  }, web.origin, /* @__PURE__ */ React.createElement(ArrowSquareOut, {
-    weight: "bold",
-    className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
-  }))));
-};
-
-export {
-  createBaseExtensions
-};
-//# sourceMappingURL=chunk-354DCID5.mjs.map

package/dist/lib/browser/chunk-354DCID5.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extensions.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ArrowSquareDown, ArrowSquareOut, type Icon } from '@phosphor-icons/react';\nimport React, { type AnchorHTMLAttributes, StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type IntentDispatcher, NavigationAction } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { fullyQualifiedId, type Query } from '@dxos/react-client/echo';\nimport {\n  type AutocompleteResult,\n  type Extension,\n  type EditorViewMode,\n  autocomplete,\n  decorateMarkdown,\n  linkTooltip,\n  typewriter,\n  formattingKeymap,\n  InputModeExtensions,\n  folding,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\n\nexport type ExtensionsOptions = {\n  viewMode?: EditorViewMode;\n  settings?: MarkdownSettingsProps;\n  document?: DocumentType;\n  debug?: boolean;\n  experimental?: boolean;\n  numberedHeadings?: boolean;\n  folding?: boolean;\n  query?: Query<DocumentType>;\n  dispatch?: IntentDispatcher;\n};\n\n/**\n * Create extension instances for editor.\n */\nexport const createBaseExtensions = ({\n  viewMode,\n  settings,\n  document,\n  query,\n  dispatch,\n}: ExtensionsOptions): Extension[] => {\n  const extensions: Extension[] = [];\n\n  //\n  // Editor mode.\n  //\n  if (settings?.editorInputMode) {\n    const extension = InputModeExtensions[settings.editorInputMode];\n    if (extension) {\n      extensions.push(extension);\n    }\n  }\n\n  //\n  // Markdown\n  //\n  if (viewMode !== 'source') {\n    extensions.push(\n      ...[\n        formattingKeymap(),\n        decorateMarkdown({\n          selectionChangeDelay: 100,\n          numberedHeadings: settings?.numberedHeadings ? { from: 2 } : undefined,\n          // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n          renderLinkButton:\n            dispatch && document\n              ? onRenderLink((id: string) => {\n                  void dispatch({\n                    action: NavigationAction.ADD_TO_ACTIVE,\n                    data: {\n                      id,\n                      part: 'main',\n                      pivotId: fullyQualifiedId(document),\n                      scrollIntoView: true,\n                    },\n                  });\n                })\n              : undefined,\n        }),\n        linkTooltip(renderLinkTooltip),\n      ],\n    );\n  }\n\n  //\n  // Autocomplete object links.\n  //\n  if (query) {\n    extensions.push(\n      autocomplete({\n        onSearch: (text: string) => {\n          // TODO query\n          // TODO(burdon): Specify filter (e.g., stack).\n          return query.objects\n            .map<AutocompleteResult | undefined>((object) =>\n              object.name?.length && object.id !== document?.id\n                ? {\n                    label: object.name,\n                    // TODO(burdon): Factor out URL builder.\n                    apply: `[${object.name}](/${fullyQualifiedId(object)})`,\n                  }\n                : undefined,\n            )\n            .filter(nonNullable);\n        },\n      }),\n    );\n  }\n\n  extensions.push(\n    ...[\n      //\n      settings?.folding && folding(),\n    ].filter(isNotFalsy),\n  );\n\n  if (settings?.debug) {\n    const items = settings.typewriter ?? '';\n    extensions.push(...[items ? typewriter({ items: items.split(/[,\\n]/) }) : undefined].filter(nonNullable));\n  }\n\n  return extensions;\n};\n\n// TODO(burdon): Factor out style.\nconst hover = 'rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';\n\nconst onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {\n  // TODO(burdon): Formalize/document internal link format.\n  const isInternal =\n    url.startsWith('/') ||\n    // TODO(wittjosiah): This should probably be parsed out on paste?\n    url.startsWith(window.location.origin);\n\n  const options: AnchorHTMLAttributes<any> = isInternal\n    ? {\n        onClick: () => {\n          const qualifiedId = url.split('/').at(-1);\n          invariant(qualifiedId, 'Invalid link format.');\n          onSelectObject(qualifiedId);\n        },\n      }\n    : {\n        href: url,\n        rel: 'noreferrer',\n        target: '_blank',\n      };\n\n  const LinkIcon: Icon = isInternal ? ArrowSquareDown : ArrowSquareOut;\n\n  createRoot(el).render(\n    <StrictMode>\n      <a {...options} className={hover}>\n        <LinkIcon weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n      </a>\n    </StrictMode>,\n  );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n  const web = new URL(url);\n  createRoot(el).render(\n    <StrictMode>\n      <a href={url} target='_blank' rel='noreferrer' className={hover}>\n        {web.origin}\n        <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n      </a>\n    </StrictMode>,\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["ArrowSquareDown", "ArrowSquareOut", "React", "StrictMode", "createRoot", "NavigationAction", "invariant", "fullyQualifiedId", "autocomplete", "decorateMarkdown", "linkTooltip", "typewriter", "formattingKeymap", "InputModeExtensions", "folding", "getSize", "mx", "isNotFalsy", "nonNullable", "createBaseExtensions", "viewMode", "settings", "document", "query", "dispatch", "extensions", "editorInputMode", "extension", "push", "selectionChangeDelay", "numberedHeadings", "from", "undefined", "renderLinkButton", "onRenderLink", "id", "action", "ADD_TO_ACTIVE", "data", "part", "pivotId", "scrollIntoView", "renderLinkTooltip", "onSearch", "text", "objects", "map", "object", "name", "length", "label", "apply", "filter", "debug", "items", "split", "hover", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "href", "rel", "target", "LinkIcon", "render", "a", "className", "weight", "web", "URL"]
-}

package/dist/lib/browser/chunk-4GGD6YJO.mjs

@@ -1,19 +0,0 @@
-// packages/plugins/plugin-markdown/src/meta.tsx
-import { TextAa } from "@phosphor-icons/react";
-import React from "react";
-import { pluginMeta } from "@dxos/app-framework";
-var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
-var meta_default = pluginMeta({
-  id: MARKDOWN_PLUGIN,
-  name: "Editor",
-  description: "Markdown text editor.",
-  homePage: "https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown",
-  iconComponent: (props) => /* @__PURE__ */ React.createElement(TextAa, props),
-  iconSymbol: "ph--text-aa--regular"
-});
-
-export {
-  MARKDOWN_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-4GGD6YJO.mjs.map

package/dist/lib/browser/chunk-4GGD6YJO.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type IconProps, TextAa } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const MARKDOWN_PLUGIN = 'dxos.org/plugin/markdown';\n\nexport default pluginMeta({\n  id: MARKDOWN_PLUGIN,\n  name: 'Editor',\n  description: 'Markdown text editor.',\n  homePage: 'https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown',\n  iconComponent: (props: IconProps) => <TextAa {...props} />,\n  iconSymbol: 'ph--text-aa--regular',\n});\n"],
-  "mappings": ";AAIA,SAAyBA,cAAc;AACvC,OAAOC,WAAW;AAElB,SAASC,kBAAkB;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,UAAU;EACVC,eAAe,CAACC,UAAqB,sBAAA,cAACC,QAAWD,KAAAA;EACjDE,YAAY;AACd,CAAA;",
-  "names": ["TextAa", "React", "pluginMeta", "MARKDOWN_PLUGIN", "pluginMeta", "id", "name", "description", "homePage", "iconComponent", "props", "TextAa", "iconSymbol"]
-}