@dxos/plugin-markdown 0.6.8-main.046e6cf

package/dist/lib/node/chunk-TGMR2CKU.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_TGMR2CKU_exports = {};
+__export(chunk_TGMR2CKU_exports, {
+  MARKDOWN_PLUGIN: () => MARKDOWN_PLUGIN,
+  meta_default: () => meta_default
+});
+module.exports = __toCommonJS(chunk_TGMR2CKU_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
+var meta_default = (0, import_app_framework.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__ */ import_react2.default.createElement(import_react.TextAa, props),
+  iconSymbol: "ph--text-aa--regular"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MARKDOWN_PLUGIN,
+  meta_default
+});
+//# sourceMappingURL=chunk-TGMR2CKU.cjs.map

package/dist/lib/node/chunk-TGMR2CKU.cjs.map

@@ -0,0 +1,7 @@
+{
+  "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,mBAAuC;AACvC,IAAAA,gBAAkB;AAElB,2BAA2B;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,mBAAeC,iCAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,UAAU;EACVC,eAAe,CAACC,UAAqB,8BAAAC,QAAA,cAACC,qBAAWF,KAAAA;EACjDG,YAAY;AACd,CAAA;",
+  "names": ["import_react", "MARKDOWN_PLUGIN", "pluginMeta", "id", "name", "description", "homePage", "iconComponent", "props", "React", "TextAa", "iconSymbol"]
+}

package/dist/lib/node/chunk-TO3FCKT7.cjs

@@ -0,0 +1,202 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_TO3FCKT7_exports = {};
+__export(chunk_TO3FCKT7_exports, {
+  MarkdownEditor: () => MarkdownEditor,
+  MarkdownEditor_default: () => MarkdownEditor_default
+});
+module.exports = __toCommonJS(chunk_TO3FCKT7_exports);
+var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_plugin_attention = require("@dxos/plugin-attention");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_stack = require("@dxos/react-ui-stack");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_util = require("@dxos/util");
+var attentionFragment = (0, import_react_ui_theme.mx)("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:separator-separator");
+var DEFAULT_VIEW_MODE = "preview";
+var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollTo, scrollPastEnd, selection, toolbar, viewMode, onCommentSelect, onFileUpload, onViewModeChange }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN);
+  const { themeMode } = (0, import_react_ui.useThemeContext)();
+  const attentionPlugin = (0, import_app_framework.useResolvePlugin)(import_plugin_attention.parseAttentionPlugin);
+  const layoutPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseLayoutPlugin);
+  const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);
+  const isDirectlyAttended = attended.length === 1 && attended[0] === id;
+  const [formattingState, formattingObserver] = (0, import_react_ui_editor.useFormattingState)();
+  const providerExtensions = (0, import_react.useMemo)(() => extensionProviders?.map((provider) => provider({})), [
+    extensionProviders
+  ]);
+  const [commentsState, commentObserver] = (0, import_react_ui_editor.useCommentState)();
+  const commentClickObserver = (0, import_react_ui_editor.useCommentClickListener)((id2) => {
+    onCommentSelect?.(id2);
+  });
+  (0, import_app_framework.useIntentResolver)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, ({ action, data }) => {
+    switch (action) {
+      case import_app_framework.LayoutAction.SCROLL_INTO_VIEW: {
+        if (editorView) {
+          (0, import_react_ui_editor.scrollThreadIntoView)(editorView, data?.id);
+          if (data?.id === id) {
+            editorView.scrollDOM.closest("[data-attendable-id]")?.scrollIntoView({
+              behavior: "smooth",
+              inline: "center",
+              block: "start"
+            });
+          }
+          return void 0;
+        }
+        break;
+      }
+    }
+  });
+  const { parentRef, view: editorView, focusAttributes } = (0, import_react_ui_editor.useTextEditor)(() => ({
+    initialValue,
+    extensions: [
+      formattingObserver,
+      commentObserver,
+      commentClickObserver,
+      (0, import_react_ui_editor.createBasicExtensions)({
+        readonly: viewMode === "readonly",
+        placeholder: t("editor placeholder"),
+        scrollPastEnd: role === "section" ? false : scrollPastEnd
+      }),
+      (0, import_react_ui_editor.createMarkdownExtensions)({
+        themeMode
+      }),
+      (0, import_react_ui_editor.createThemeExtensions)({
+        themeMode,
+        slots: {
+          content: {
+            className: import_react_ui_editor.editorContent
+          }
+        }
+      }),
+      import_react_ui_editor.editorGutter,
+      role !== "section" && onFileUpload ? (0, import_react_ui_editor.dropFile)({
+        onDrop: handleDrop
+      }) : [],
+      providerExtensions,
+      extensions
+    ].filter(import_util.nonNullable),
+    ...role !== "section" && {
+      id,
+      selection,
+      scrollTo,
+      // TODO(wittjosiah): Autofocus based on layout is racey.
+      autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
+      moveToEndOfLine: true
+    }
+  }), [
+    id,
+    initialValue,
+    formattingObserver,
+    viewMode,
+    themeMode,
+    extensions,
+    providerExtensions
+  ]);
+  useTest(editorView);
+  const handleToolbarAction = (0, import_react_ui_editor.useActionHandler)(editorView);
+  const handleAction = (action) => {
+    if (action.type === "view-mode") {
+      onViewModeChange?.(id, action.data);
+    }
+    handleToolbarAction?.(action);
+  };
+  const handleDrop = async (view, { files }) => {
+    const file = files[0];
+    const info = file && onFileUpload ? await onFileUpload(file) : void 0;
+    if (info) {
+      (0, import_react_ui_editor.processAction)(view, {
+        type: "image",
+        data: info.url
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    ...role === "section" ? {
+      className: "flex flex-col"
+    } : {
+      className: "contents group/editor",
+      ...isDirectlyAttended && {
+        "aria-current": "location"
+      }
+    }
+  }, toolbar && /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme.mx)("flex shrink-0 justify-center", attentionFragment)
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Root, {
+    classNames: role === "section" ? [
+      "z-[2] group-focus-within/section:visible",
+      !attended && "invisible",
+      import_react_ui_stack.sectionToolbarLayout
+    ] : [
+      import_react_ui_theme.textBlockWidth,
+      "group-focus-within/editor:separator-separator group-[[aria-current]]/editor:separator-separator"
+    ],
+    state: formattingState && {
+      ...formattingState,
+      ...commentsState
+    },
+    onAction: handleAction
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Custom, {
+    onUpload: onFileUpload
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Separator, null), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.View, {
+    mode: viewMode ?? DEFAULT_VIEW_MODE
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Actions, null))), /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    ref: parentRef,
+    "data-testid": "composer.markdownRoot",
+    "data-toolbar": toolbar ? "enabled" : "disabled",
+    className: (
+      // TODO(burdon): Factor out margin for focus.
+      role === "section" ? (0, import_react_ui_theme.mx)("flex flex-col flex-1 min-bs-[12rem] mt-[2px]", import_react_ui_theme.focusRing) : (0, import_react_ui_theme.mx)("flex is-full bs-full overflow-hidden", import_react_ui_theme.focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2")
+    ),
+    ...focusAttributes
+  }));
+};
+var useTest = (view) => {
+  (0, import_react.useEffect)(() => {
+    const composer = window.composer;
+    if (composer) {
+      composer.editorView = view;
+    }
+  }, [
+    view
+  ]);
+};
+var MarkdownEditor_default = MarkdownEditor;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MarkdownEditor,
+  MarkdownEditor_default
+});
+//# sourceMappingURL=chunk-TO3FCKT7.cjs.map

package/dist/lib/node/chunk-TO3FCKT7.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/MarkdownEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect } from 'react';\n\nimport {\n  LayoutAction,\n  useResolvePlugin,\n  useIntentResolver,\n  parseLayoutPlugin,\n  type FileInfo,\n  type LayoutCoordinate,\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  scrollThreadIntoView,\n  useActionHandler,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\n  editorContent,\n  editorGutter,\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:separator-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  onCommentSelect?: (id: string) => void;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'selection' | 'scrollTo' | 'extensions'> &\n  Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\nexport const MarkdownEditor = ({\n  id,\n  role = 'article',\n  initialValue,\n  extensions,\n  extensionProviders,\n  scrollTo,\n  scrollPastEnd,\n  selection,\n  toolbar,\n  viewMode,\n  onCommentSelect,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProps) => {\n  const { t } = useTranslation(MARKDOWN_PLUGIN);\n  const { themeMode } = useThemeContext();\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 commentClickObserver = useCommentClickListener((id) => {\n    onCommentSelect?.(id);\n  });\n\n  // Focus comment.\n  useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {\n    switch (action) {\n      case LayoutAction.SCROLL_INTO_VIEW: {\n        if (editorView) {\n          // TODO(Zan): Try catch this. Fails when thread plugin not present?\n          scrollThreadIntoView(editorView, data?.id);\n          if (data?.id === id) {\n            editorView.scrollDOM\n              .closest('[data-attendable-id]')\n              ?.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'start' });\n          }\n          return undefined;\n        }\n        break;\n      }\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        selection,\n        scrollTo,\n        // TODO(wittjosiah): Autofocus based on layout is racey.\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    if (action.type === 'view-mode') {\n      onViewModeChange?.(id, action.data);\n    }\n\n    handleToolbarAction?.(action);\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  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', attentionFragment)}>\n          <Toolbar.Root\n            classNames={\n              role === 'section'\n                ? ['z-[2] group-focus-within/section:visible', !attended && 'invisible', sectionToolbarLayout]\n                : [\n                    textBlockWidth,\n                    'group-focus-within/editor:separator-separator group-[[aria-current]]/editor:separator-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          // TODO(burdon): Factor out margin for focus.\n          role === 'section'\n            ? mx('flex flex-col flex-1 min-bs-[12rem] mt-[2px]', 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", "scrollTo", "scrollPastEnd", "selection", "toolbar", "viewMode", "onCommentSelect", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "attentionPlugin", "useResolvePlugin", "parseAttentionPlugin", "layoutPlugin", "parseLayoutPlugin", "attended", "Array", "from", "provides", "attention", "isDirectlyAttended", "length", "formattingState", "formattingObserver", "useFormattingState", "providerExtensions", "useMemo", "map", "provider", "commentsState", "commentObserver", "useCommentState", "commentClickObserver", "useCommentClickListener", "useIntentResolver", "action", "data", "LayoutAction", "SCROLL_INTO_VIEW", "editorView", "scrollThreadIntoView", "scrollDOM", "closest", "scrollIntoView", "behavior", "inline", "block", "undefined", "parentRef", "view", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "handleDrop", "filter", "nonNullable", "autoFocus", "layout", "moveToEndOfLine", "useTest", "handleToolbarAction", "useActionHandler", "handleAction", "type", "files", "file", "info", "processAction", "url", "React", "div", "Toolbar", "Root", "classNames", "sectionToolbarLayout", "textBlockWidth", "state", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
+}

package/dist/lib/node/chunk-TZDYK4MV.cjs

@@ -0,0 +1,151 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_TZDYK4MV_exports = {};
+__export(chunk_TZDYK4MV_exports, {
+  createBaseExtensions: () => createBaseExtensions
+});
+module.exports = __toCommonJS(chunk_TZDYK4MV_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = __toESM(require("react"));
+var import_client = require("react-dom/client");
+var import_app_framework = require("@dxos/app-framework");
+var import_invariant = require("@dxos/invariant");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_util = require("@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 = [
+    //
+    // Common.
+    //
+    ...viewMode === "source" ? [] : [
+      (0, import_react_ui_editor.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: import_app_framework.NavigationAction.ADD_TO_ACTIVE,
+            data: {
+              id,
+              part: "main",
+              pivotId: (0, import_echo.fullyQualifiedId)(document),
+              scrollIntoView: true
+            }
+          });
+        }) : void 0
+      }),
+      settings?.folding && (0, import_react_ui_editor.folding)()
+    ].filter(import_util.isNotFalsy),
+    (0, import_react_ui_editor.formattingKeymap)(),
+    (0, import_react_ui_editor.linkTooltip)(renderLinkTooltip)
+  ];
+  if (settings?.editorInputMode) {
+    const extension = import_react_ui_editor.InputModeExtensions[settings.editorInputMode];
+    if (extension) {
+      extensions.push(extension);
+    }
+  }
+  if (query) {
+    extensions.push((0, import_react_ui_editor.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}](/${(0, import_echo.fullyQualifiedId)(object)})`
+        } : void 0).filter(import_util.nonNullable);
+      }
+    }));
+  }
+  if (settings?.debug) {
+    const items = settings.typewriter ?? "";
+    extensions.push(...[
+      items ? (0, import_react_ui_editor.typewriter)({
+        items: items.split(/[,\n]/)
+      }) : void 0
+    ].filter(import_util.nonNullable));
+  }
+  if (settings?.experimental) {
+    extensions.push(...[].filter(import_util.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);
+      (0, import_invariant.invariant)(qualifiedId, "Invalid link format.", {
+        F: __dxlog_file,
+        L: 144,
+        S: void 0,
+        A: [
+          "qualifiedId",
+          "'Invalid link format.'"
+        ]
+      });
+      onSelectObject(qualifiedId);
+    }
+  } : {
+    href: url,
+    rel: "noreferrer",
+    target: "_blank"
+  };
+  const LinkIcon = isInternal ? import_react.ArrowSquareDown : import_react.ArrowSquareOut;
+  (0, import_client.createRoot)(el).render(/* @__PURE__ */ import_react2.default.createElement(import_react2.StrictMode, null, /* @__PURE__ */ import_react2.default.createElement("a", {
+    ...options,
+    className: hover
+  }, /* @__PURE__ */ import_react2.default.createElement(LinkIcon, {
+    weight: "bold",
+    className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(4), "inline-block leading-none mis-1 cursor-pointer")
+  }))));
+};
+var renderLinkTooltip = (el, url) => {
+  const web = new URL(url);
+  (0, import_client.createRoot)(el).render(/* @__PURE__ */ import_react2.default.createElement(import_react2.StrictMode, null, /* @__PURE__ */ import_react2.default.createElement("a", {
+    href: url,
+    target: "_blank",
+    rel: "noreferrer",
+    className: hover
+  }, web.origin, /* @__PURE__ */ import_react2.default.createElement(import_react.ArrowSquareOut, {
+    weight: "bold",
+    className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(4), "inline-block leading-none mis-1 cursor-pointer")
+  }))));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createBaseExtensions
+});
+//# sourceMappingURL=chunk-TZDYK4MV.cjs.map

package/dist/lib/node/chunk-TZDYK4MV.cjs.map

@@ -0,0 +1,7 @@
+{
+  "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    // Common.\n    //\n    ...(viewMode === 'source'\n      ? []\n      : [\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          settings?.folding && folding(),\n        ].filter(isNotFalsy)),\n    formattingKeymap(),\n    linkTooltip(renderLinkTooltip),\n  ];\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  // 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  if (settings?.debug) {\n    const items = settings.typewriter ?? '';\n    extensions.push(...[items ? typewriter({ items: items.split(/[,\\n]/) }) : undefined].filter(nonNullable));\n  }\n\n  if (settings?.experimental) {\n    extensions.push(...[].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": ["import_react", "createBaseExtensions", "viewMode", "settings", "document", "query", "dispatch", "extensions", "decorateMarkdown", "selectionChangeDelay", "numberedHeadings", "from", "undefined", "renderLinkButton", "onRenderLink", "id", "action", "NavigationAction", "ADD_TO_ACTIVE", "data", "part", "pivotId", "fullyQualifiedId", "scrollIntoView", "folding", "filter", "isNotFalsy", "formattingKeymap", "linkTooltip", "renderLinkTooltip", "editorInputMode", "extension", "InputModeExtensions", "push", "autocomplete", "onSearch", "text", "objects", "map", "object", "name", "length", "label", "apply", "nonNullable", "debug", "items", "typewriter", "split", "experimental", "hover", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "invariant", "href", "rel", "target", "LinkIcon", "ArrowSquareDown", "ArrowSquareOut", "createRoot", "render", "React", "StrictMode", "a", "className", "weight", "mx", "getSize", "web", "URL"]
+}

package/dist/lib/node/chunk-VYLYUDDI.cjs

@@ -0,0 +1,58 @@
+"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 chunk_VYLYUDDI_exports = {};
+__export(chunk_VYLYUDDI_exports, {
+  DocumentType: () => DocumentType,
+  MarkdownAction: () => MarkdownAction,
+  TextType: () => TextType
+});
+module.exports = __toCommonJS(chunk_VYLYUDDI_exports);
+var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
+var import_echo_schema = require("@dxos/echo-schema");
+var import_types = require("@dxos/plugin-space/types");
+var TextType = class extends (0, import_echo_schema.TypedObject)({
+  typename: "dxos.org/type/Text",
+  version: "0.1.0"
+})({
+  content: import_echo_schema.S.String
+}) {
+};
+var DocumentType = class extends (0, import_echo_schema.TypedObject)({
+  typename: "dxos.org/type/Document",
+  version: "0.1.0"
+})({
+  name: import_echo_schema.S.optional(import_echo_schema.S.String),
+  fallbackName: import_echo_schema.S.optional(import_echo_schema.S.String),
+  content: (0, import_echo_schema.ref)(TextType),
+  threads: import_echo_schema.S.mutable(import_echo_schema.S.Array((0, import_echo_schema.ref)(import_types.ThreadType)))
+}) {
+};
+var MARKDOWN_ACTION = `${import_chunk_TGMR2CKU.MARKDOWN_PLUGIN}/action`;
+var MarkdownAction;
+(function(MarkdownAction2) {
+  MarkdownAction2[MarkdownAction2["CREATE"] = `${MARKDOWN_ACTION}/create`] = "CREATE";
+  MarkdownAction2[MarkdownAction2["SET_VIEW_MODE"] = `${MARKDOWN_ACTION}/set-view-mode`] = "SET_VIEW_MODE";
+})(MarkdownAction || (MarkdownAction = {}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DocumentType,
+  MarkdownAction,
+  TextType
+});
+//# sourceMappingURL=chunk-VYLYUDDI.cjs.map

package/dist/lib/node/chunk-VYLYUDDI.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/document.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space/types';\n\nexport class TextType extends TypedObject({ typename: 'dxos.org/type/Text', version: '0.1.0' })({\n  content: S.String,\n}) {}\n\nexport class DocumentType extends TypedObject({ typename: 'dxos.org/type/Document', version: '0.1.0' })({\n  name: S.optional(S.String),\n  fallbackName: S.optional(S.String),\n  content: ref(TextType),\n  threads: S.mutable(S.Array(ref(ThreadType))),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  GraphSerializerProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SettingsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type Extension, type EditorInputMode, type EditorViewMode } from '@dxos/react-ui-editor';\n\nimport { type DocumentType } from './document';\nimport { MARKDOWN_PLUGIN } from '../meta';\n\nconst MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;\n\nexport enum MarkdownAction {\n  CREATE = `${MARKDOWN_ACTION}/create`,\n  SET_VIEW_MODE = `${MARKDOWN_ACTION}/set-view-mode`,\n}\n\nexport type MarkdownProperties = Record<string, any>;\n\nexport type ExtensionsProvider = (props: { document?: DocumentType }) => Extension[];\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n  markdown: {\n    extensions: ExtensionsProvider;\n  };\n};\n\n// TODO(wittjosiah): Factor out to graph plugin?\ntype StackProvides = {\n  stack: {\n    creators?: Record<string, any>[];\n  };\n};\n\nexport type MarkdownPluginState = {\n  // Codemirror extensions provided by other plugins.\n  extensionProviders: NonNullable<ExtensionsProvider>[];\n\n  // TODO(burdon): Extend view mode per document to include scroll position, etc.\n  // View mode per document.\n  viewMode: { [key: string]: EditorViewMode };\n};\n\nexport type MarkdownSettingsProps = {\n  defaultViewMode: EditorViewMode;\n  editorInputMode?: EditorInputMode;\n  experimental?: boolean;\n  debug?: boolean;\n  toolbar?: boolean;\n  typewriter?: string;\n  // TODO(burdon): Per document settings.\n  numberedHeadings?: boolean;\n  folding?: boolean;\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  GraphSerializerProvides &\n  MetadataRecordsProvides &\n  SettingsProvides<MarkdownSettingsProps> &\n  TranslationsProvides &\n  SchemaProvides &\n  StackProvides;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAAoC;AACpC,mBAA2B;AAEpB,IAAMA,WAAN,kBAAuBC,gCAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,qBAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,kBAA2BN,gCAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,qBAAEI,SAASJ,qBAAEC,MAAM;EACzBI,cAAcL,qBAAEI,SAASJ,qBAAEC,MAAM;EACjCF,aAASO,wBAAIX,QAAAA;EACbY,SAASP,qBAAEQ,QAAQR,qBAAES,UAAMH,wBAAII,uBAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;ACGJ,IAAMC,kBAAkB,GAAGC,qCAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
+  "names": ["TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
+}