@dxos/plugin-markdown 0.6.13 → 0.6.14-main.1366248

package/dist/lib/browser/{chunk-CQJL4G4X.mjs → chunk-VZAGHNHU.mjs}

@@ -1,6 +1,6 @@
 import {
   MARKDOWN_PLUGIN
-} from "./chunk-4GGD6YJO.mjs";
+} from "./chunk-4X6YX3KU.mjs";
 
 // packages/plugins/plugin-markdown/src/types/document.ts
 import { ref, S, TypedObject } from "@dxos/echo-schema";
@@ -22,6 +22,7 @@ var DocumentType = class extends TypedObject({
   threads: S.mutable(S.Array(ref(ThreadType)))
 }) {
 };
+var isEditorModel = (data) => data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
 
 // packages/plugins/plugin-markdown/src/types/types.ts
 var MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;
@@ -34,6 +35,7 @@ var MarkdownAction;
 export {
   TextType,
   DocumentType,
+  isEditorModel,
   MarkdownAction
 };
-//# sourceMappingURL=chunk-CQJL4G4X.mjs.map
+//# sourceMappingURL=chunk-VZAGHNHU.mjs.map

package/dist/lib/browser/chunk-VZAGHNHU.mjs.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/**\n * Checks if an object conforms to the interface needed to render an editor.\n */\n// TODO(burdon): Normalize types (from FilesPlugin).\nexport const isEditorModel = (data: any): data is { id: string; text: string } =>\n  data &&\n  typeof data === 'object' &&\n  'id' in data &&\n  typeof data.id === 'string' &&\n  'text' in data &&\n  typeof data.text === 'string';\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 SpaceInitProvides } from '@dxos/plugin-space';\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\n// TODO(burdon): Async.\nexport type MarkdownExtensionProvider = (props: { document?: DocumentType }) => Extension | undefined;\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n  // TODO(burdon): Rename.\n  markdown: {\n    extensions: MarkdownExtensionProvider;\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?: MarkdownExtensionProvider[];\n\n  // TODO(burdon): Extend view mode per document to include scroll position, etc.\n  // View mode per document.\n  viewMode: Record<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\n// TODO(Zan): Move this to the plugin-space plugin or another common location when we implement comments in sheets.\ntype ThreadProvides<T> = {\n  thread: {\n    predicate: (obj: any) => obj is T;\n    createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;\n  };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  GraphSerializerProvides &\n  MetadataRecordsProvides &\n  SettingsProvides<MarkdownSettingsProps> &\n  TranslationsProvides &\n  SchemaProvides &\n  SpaceInitProvides &\n  StackProvides &\n  ThreadProvides<DocumentType>;\n"],
+  "mappings": ";;;;;AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAEpB,IAAMC,WAAN,cAAuBC,YAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,EAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,cAA2BN,YAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,EAAEI,SAASJ,EAAEC,MAAM;EACzBI,cAAcL,EAAEI,SAASJ,EAAEC,MAAM;EACjCF,SAASO,IAAIX,QAAAA;EACbY,SAASP,EAAEQ,QAAQR,EAAES,MAAMH,IAAII,UAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;AAMG,IAAMC,gBAAgB,CAACC,SAC5BA,QACA,OAAOA,SAAS,YAChB,QAAQA,QACR,OAAOA,KAAKC,OAAO,YACnB,UAAUD,QACV,OAAOA,KAAKE,SAAS;;;ACRvB,IAAMC,kBAAkB,GAAGC,eAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
+  "names": ["ref", "S", "TypedObject", "ThreadType", "TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "isEditorModel", "data", "id", "text", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
+}

package/dist/lib/browser/index.mjs

@@ -1,123 +1,104 @@
-import "./chunk-RL7QY322.mjs";
 import {
   getFallbackName,
   isMarkdownProperties,
   markdownExtensionPlugins,
   serializer,
   setFallbackName
-} from "./chunk-7AF2JLK4.mjs";
+} from "./chunk-PV4AWYWK.mjs";
 import {
   DocumentType,
   MarkdownAction,
-  TextType
-} from "./chunk-CQJL4G4X.mjs";
-import "./chunk-354DCID5.mjs";
-import "./chunk-VUN4QKTT.mjs";
+  TextType,
+  isEditorModel
+} from "./chunk-VZAGHNHU.mjs";
 import {
   MARKDOWN_PLUGIN,
   meta_default
-} from "./chunk-4GGD6YJO.mjs";
+} from "./chunk-4X6YX3KU.mjs";
 
 // packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx
 import { TextAa } from "@phosphor-icons/react";
-import React5 from "react";
-import { isObject, parseIntentPlugin, resolvePlugin, LayoutAction, NavigationAction } from "@dxos/app-framework";
+import React2 from "react";
+import { parseIntentPlugin, resolvePlugin, LayoutAction, NavigationAction } from "@dxos/app-framework";
 import { create } from "@dxos/echo-schema";
 import { LocalStorageStore } from "@dxos/local-storage";
-import { log } from "@dxos/log";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, isActionGroup } from "@dxos/plugin-graph";
 import { SpaceAction } from "@dxos/plugin-space";
 import { CollectionType } from "@dxos/plugin-space/types";
 import { createDocAccessor, fullyQualifiedId, getRangeFromCursor, isSpace, loadObjectReferences } from "@dxos/react-client/echo";
-import { EditorViewModes as EditorViewModes2, translations as editorTranslations } from "@dxos/react-ui-editor";
-import { isTileComponentProps } from "@dxos/react-ui-mosaic";
+import { EditorViewModes as EditorViewModes2, translations as editorTranslations, createEditorStateStore } from "@dxos/react-ui-editor";
 
 // packages/plugins/plugin-markdown/src/components/index.ts
-import React4 from "react";
-
-// packages/plugins/plugin-markdown/src/components/HeadingMenu.tsx
-import { DotsThreeVertical } from "@phosphor-icons/react";
-import React from "react";
-import { Surface } from "@dxos/app-framework";
-import { Button, DropdownMenu } from "@dxos/react-ui";
-import { fineButtonDimensions, getSize } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-markdown/src/components/Layout.tsx
-import React2 from "react";
-import { Main } from "@dxos/react-ui";
-import { editorWithToolbarLayout } from "@dxos/react-ui-editor";
-import { topbarBlockPaddingStart } from "@dxos/react-ui-theme";
+import { lazy } from "react";
 
 // packages/plugins/plugin-markdown/src/components/MarkdownSettings.tsx
-import React3 from "react";
-import { SettingsValue } from "@dxos/plugin-settings";
+import React from "react";
 import { Input, Select, useTranslation } from "@dxos/react-ui";
+import { DeprecatedFormInput } from "@dxos/react-ui-data";
 import { EditorInputModes, EditorViewModes } from "@dxos/react-ui-editor";
 var MarkdownSettings = ({ settings }) => {
   const { t } = useTranslation(MARKDOWN_PLUGIN);
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(SettingsValue, {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
     label: t("default view mode label")
-  }, /* @__PURE__ */ React3.createElement(Select.Root, {
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
     value: settings.defaultViewMode,
     onValueChange: (value) => {
       settings.defaultViewMode = value;
     }
-  }, /* @__PURE__ */ React3.createElement(Select.TriggerButton, null), /* @__PURE__ */ React3.createElement(Select.Portal, null, /* @__PURE__ */ React3.createElement(Select.Content, null, /* @__PURE__ */ React3.createElement(Select.Viewport, null, EditorViewModes.map((mode) => /* @__PURE__ */ React3.createElement(Select.Option, {
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, null), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorViewModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
     key: mode,
     value: mode
   }, t(`${mode} mode label`, {
     ns: "react-ui-editor"
-  })))))))), /* @__PURE__ */ React3.createElement(SettingsValue, {
+  })))))))), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
     label: t("editor input mode label")
-  }, /* @__PURE__ */ React3.createElement(Select.Root, {
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
     value: settings.editorInputMode ?? "default",
     onValueChange: (value) => {
       settings.editorInputMode = value;
     }
-  }, /* @__PURE__ */ React3.createElement(Select.TriggerButton, {
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
     placeholder: t("select editor input mode placeholder")
-  }), /* @__PURE__ */ React3.createElement(Select.Portal, null, /* @__PURE__ */ React3.createElement(Select.Content, null, /* @__PURE__ */ React3.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React3.createElement(Select.Option, {
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
     key: mode,
     value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ React3.createElement(SettingsValue, {
+  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
     label: t("settings toolbar label")
-  }, /* @__PURE__ */ React3.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
     checked: settings.toolbar,
     onCheckedChange: (checked) => settings.toolbar = !!checked
-  })), /* @__PURE__ */ React3.createElement(SettingsValue, {
+  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
     label: t("settings numbered headings label")
-  }, /* @__PURE__ */ React3.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
     checked: settings.numberedHeadings,
     onCheckedChange: (checked) => settings.numberedHeadings = !!checked
-  })), /* @__PURE__ */ React3.createElement(SettingsValue, {
+  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
     label: t("settings folding label")
-  }, /* @__PURE__ */ React3.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
     checked: settings.folding,
     onCheckedChange: (checked) => settings.folding = !!checked
-  })), /* @__PURE__ */ React3.createElement(SettingsValue, {
+  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
     label: t("settings experimental label")
-  }, /* @__PURE__ */ React3.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
     checked: settings.experimental,
     onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ React3.createElement(SettingsValue, {
+  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
     label: t("settings debug label"),
-    secondary: settings.debug ? /* @__PURE__ */ React3.createElement(Input.Root, null, /* @__PURE__ */ React3.createElement(Input.TextArea, {
+    secondary: settings.debug ? /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextArea, {
       rows: 5,
       value: settings.typewriter,
       onChange: ({ target: { value } }) => settings.typewriter = value,
       placeholder: t("settings debug placeholder")
     })) : void 0
-  }, /* @__PURE__ */ React3.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
     checked: settings.debug,
     onCheckedChange: (checked) => settings.debug = !!checked
   })));
 };
 
 // packages/plugins/plugin-markdown/src/components/index.ts
-var DocumentCard = React4.lazy(() => import("./DocumentCard-2P4EICBA.mjs"));
-var DocumentEditor = React4.lazy(() => import("./DocumentEditor-GPWV3VN3.mjs"));
-var MarkdownEditor = React4.lazy(() => import("./MarkdownEditor-EKJJQEFL.mjs"));
+var MarkdownContainer = lazy(() => import("./MarkdownContainer-J5BZUIVL.mjs"));
 
 // packages/plugins/plugin-markdown/src/translations.ts
 var translations_default = [
@@ -132,7 +113,7 @@ var translations_default = [
         "empty choose markdown from space message": "None available; try creating a new one instead?",
         "chooser done label": "Add selected",
         "create document label": "Create document",
-        "editor placeholder": "New document",
+        "editor placeholder": "",
         "editor input mode label": "Editor input mode",
         "select editor input mode placeholder": "Select editor input mode\u2026",
         "settings editor input mode default label": "Default",
@@ -152,37 +133,30 @@ var translations_default = [
 ];
 
 // packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx";
-var isEditorModel = (data) => {
-  return data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
-};
+var getDoc = (object) => object instanceof DocumentType ? object : void 0;
 var MarkdownPlugin = () => {
   const settings = new LocalStorageStore(MARKDOWN_PLUGIN, {
     defaultViewMode: "preview",
     toolbar: true,
-    folding: false,
+    numberedHeadings: true,
+    folding: true,
     experimental: false
   });
+  const editorStateStore = createEditorStateStore(`${MARKDOWN_PLUGIN}/editor`);
   const state = new LocalStorageStore(MARKDOWN_PLUGIN, {
     extensionProviders: [],
     viewMode: {}
   });
-  const getViewMode = (id) => {
-    return id && state.values.viewMode[id] || settings.values.defaultViewMode;
-  };
-  const setViewMode = (id, nextViewMode) => {
-    state.values.viewMode[id] = nextViewMode;
-  };
+  const getViewMode = (id) => id && state.values.viewMode[id] || settings.values.defaultViewMode;
+  const setViewMode = (id, viewMode) => state.values.viewMode[id] = viewMode;
   return {
     meta: meta_default,
     ready: async (plugins) => {
       settings.prop({
         key: "defaultViewMode",
-        storageKey: "default-view-mode",
         type: LocalStorageStore.enum()
       }).prop({
         key: "editorInputMode",
-        storageKey: "editor-mode",
         type: LocalStorageStore.enum({
           allowUndefined: true
         })
@@ -219,12 +193,11 @@ var MarkdownPlugin = () => {
       });
       state.prop({
         key: "viewMode",
-        storageKey: "view-mode",
         type: LocalStorageStore.json()
       });
       markdownExtensionPlugins(plugins).forEach((plugin) => {
         const { extensions } = plugin.provides.markdown;
-        state.values.extensionProviders.push(extensions);
+        state.values.extensionProviders?.push(extensions);
       });
     },
     provides: {
@@ -232,15 +205,14 @@ var MarkdownPlugin = () => {
       metadata: {
         records: {
           [DocumentType.typename]: {
-            label: (object) => object instanceof DocumentType ? object.name ?? object.fallbackName : void 0,
+            label: (object) => object instanceof DocumentType ? object.name || object.fallbackName : void 0,
             placeholder: [
               "document title placeholder",
               {
                 ns: MARKDOWN_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ React5.createElement(TextAa, props),
-            iconSymbol: "ph--text-aa--regular",
+            icon: "ph--text-aa--regular",
             graphProps: {
               managesAutofocus: true
             },
@@ -263,6 +235,17 @@ var MarkdownPlugin = () => {
           TextType
         ]
       },
+      space: {
+        onSpaceCreate: {
+          label: [
+            "create document label",
+            {
+              ns: MARKDOWN_PLUGIN
+            }
+          ],
+          action: MarkdownAction.CREATE
+        }
+      },
       graph: {
         builder: (plugins) => {
           const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
@@ -309,8 +292,7 @@ var MarkdownPlugin = () => {
                         ns: MARKDOWN_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ React5.createElement(TextAa, props),
-                    iconSymbol: "ph--text-aa--regular",
+                    icon: "ph--text-aa--regular",
                     testId: "markdownPlugin.createObject"
                   }
                 }
@@ -382,7 +364,7 @@ var MarkdownPlugin = () => {
                 ns: MARKDOWN_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ React5.createElement(TextAa, props),
+            icon: (props) => /* @__PURE__ */ React2.createElement(TextAa, props),
             intent: {
               plugin: MARKDOWN_PLUGIN,
               action: MarkdownAction.CREATE
@@ -391,81 +373,57 @@ var MarkdownPlugin = () => {
         ]
       },
       thread: {
-        // TODO(Zan): How to better handle the type predicate?
         predicate: (obj) => obj instanceof DocumentType,
         createSort: (doc) => {
           const accessor = doc.content ? createDocAccessor(doc.content, [
             "content"
           ]) : void 0;
           if (!accessor) {
-            log.warn("No accessor found for document content.", void 0, {
-              F: __dxlog_file,
-              L: 250,
-              S: void 0,
-              C: (f, a) => f(...a)
-            });
             return (_) => 0;
           }
           const getStartPosition = (cursor) => {
             const range = cursor ? getRangeFromCursor(accessor, cursor) : void 0;
             return range?.start ?? Number.MAX_SAFE_INTEGER;
           };
-          return (anchorA, anchorB) => getStartPosition(anchorA) - getStartPosition(anchorB);
+          return (anchorA, anchorB) => {
+            if (anchorA === void 0 || anchorB === void 0) {
+              return 0;
+            }
+            const posA = getStartPosition(anchorA);
+            const posB = getStartPosition(anchorB);
+            return posA - posB;
+          };
         }
       },
       surface: {
-        component: ({ data, role, ...props }, forwardedRef) => {
-          const doc = data.active instanceof DocumentType ? data.active : data.object instanceof DocumentType ? data.object : void 0;
+        component: ({ data, role }) => {
           switch (role) {
             case "section":
             case "article": {
-              if (doc && doc.content) {
-                return /* @__PURE__ */ React5.createElement(DocumentEditor, {
-                  role,
-                  coordinate: data.coordinate,
-                  document: doc,
-                  extensionProviders: state.values.extensionProviders,
-                  settings: settings.values,
-                  scrollPastEnd: true,
-                  viewMode: getViewMode(fullyQualifiedId(doc)),
-                  onViewModeChange: setViewMode
-                });
-              } else if (isEditorModel(data.object)) {
-                return /* @__PURE__ */ React5.createElement(MarkdownEditor, {
-                  id: data.object.id,
-                  role,
-                  coordinate: data.coordinate,
-                  initialValue: data.object.text,
-                  extensionProviders: state.values.extensionProviders,
-                  inputMode: settings.values.editorInputMode,
-                  toolbar: settings.values.toolbar,
-                  scrollPastEnd: true,
-                  viewMode: getViewMode(data.object.id),
-                  onViewModeChange: setViewMode
-                });
+              const doc = getDoc(data.object);
+              const { id, object } = isEditorModel(data.object) ? {
+                id: data.object.id,
+                object: data.object
+              } : doc ? {
+                id: fullyQualifiedId(doc),
+                object: doc
+              } : {};
+              if (!id || !object) {
+                return null;
               }
-              break;
-            }
-            case "card": {
-              if (isObject(data.content) && typeof data.content.id === "string" && data.content.object instanceof DocumentType) {
-                const cardProps = {
-                  ...props,
-                  item: {
-                    id: data.content.id,
-                    object: data.content.object,
-                    color: typeof data.content.color === "string" ? data.content.color : void 0
-                  }
-                };
-                return isTileComponentProps(cardProps) ? /* @__PURE__ */ React5.createElement(DocumentCard, {
-                  ...cardProps,
-                  settings: settings.values,
-                  ref: forwardedRef
-                }) : null;
-              }
-              break;
+              return /* @__PURE__ */ React2.createElement(MarkdownContainer, {
+                id,
+                object,
+                role,
+                settings: settings.values,
+                extensionProviders: state.values.extensionProviders,
+                viewMode: getViewMode(id),
+                editorStateStore,
+                onViewModeChange: setViewMode
+              });
             }
             case "settings": {
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React5.createElement(MarkdownSettings, {
+              return data.plugin === meta_default.id ? /* @__PURE__ */ React2.createElement(MarkdownSettings, {
                 settings: settings.values
               }) : null;
             }
@@ -524,6 +482,7 @@ export {
   TextType,
   src_default as default,
   getFallbackName,
+  isEditorModel,
   isMarkdownProperties,
   markdownExtensionPlugins,
   serializer,