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

package/dist/lib/node/{chunk-VWQH4WC2.cjs → chunk-BHPFK7YI.cjs}

@@ -16,14 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_VWQH4WC2_exports = {};
-__export(chunk_VWQH4WC2_exports, {
+var chunk_BHPFK7YI_exports = {};
+__export(chunk_BHPFK7YI_exports, {
   DocumentType: () => DocumentType,
   MarkdownAction: () => MarkdownAction,
-  TextType: () => TextType
+  TextType: () => TextType,
+  isEditorModel: () => isEditorModel
 });
-module.exports = __toCommonJS(chunk_VWQH4WC2_exports);
-var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
+module.exports = __toCommonJS(chunk_BHPFK7YI_exports);
+var import_chunk_PHHIPRJC = require("./chunk-PHHIPRJC.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)({
@@ -43,7 +44,8 @@ var DocumentType = class extends (0, import_echo_schema.TypedObject)({
   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 isEditorModel = (data) => data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
+var MARKDOWN_ACTION = `${import_chunk_PHHIPRJC.MARKDOWN_PLUGIN}/action`;
 var MarkdownAction;
 (function(MarkdownAction2) {
   MarkdownAction2[MarkdownAction2["CREATE"] = `${MARKDOWN_ACTION}/create`] = "CREATE";
@@ -53,6 +55,7 @@ var MarkdownAction;
 0 && (module.exports = {
   DocumentType,
   MarkdownAction,
-  TextType
+  TextType,
+  isEditorModel
 });
-//# sourceMappingURL=chunk-VWQH4WC2.cjs.map
+//# sourceMappingURL=chunk-BHPFK7YI.cjs.map

package/dist/lib/node/chunk-BHPFK7YI.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/**\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,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;AAMG,IAAMC,gBAAgB,CAACC,SAC5BA,QACA,OAAOA,SAAS,YAChB,QAAQA,QACR,OAAOA,KAAKC,OAAO,YACnB,UAAUD,QACV,OAAOA,KAAKE,SAAS;ACRvB,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", "isEditorModel", "data", "id", "text", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
+}

package/dist/lib/node/{DocumentCard-EHJDDSRY.cjs → chunk-PHHIPRJC.cjs}

@@ -16,17 +16,23 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DocumentCard_EHJDDSRY_exports = {};
-__export(DocumentCard_EHJDDSRY_exports, {
-  DocumentCard: () => import_chunk_Q4ZSCBQE.DocumentCard,
-  default: () => import_chunk_Q4ZSCBQE.DocumentCard_default
+var chunk_PHHIPRJC_exports = {};
+__export(chunk_PHHIPRJC_exports, {
+  MARKDOWN_PLUGIN: () => MARKDOWN_PLUGIN,
+  meta_default: () => meta_default
 });
-module.exports = __toCommonJS(DocumentCard_EHJDDSRY_exports);
-var import_chunk_Q4ZSCBQE = require("./chunk-Q4ZSCBQE.cjs");
-var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
+module.exports = __toCommonJS(chunk_PHHIPRJC_exports);
+var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
+var meta_default = {
+  id: MARKDOWN_PLUGIN,
+  name: "Markdown",
+  description: "Text editor supporting extended Markdown.",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-markdown",
+  icon: "ph--text-aa--regular"
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DocumentCard
+  MARKDOWN_PLUGIN,
+  meta_default
 });
-//# sourceMappingURL=DocumentCard-EHJDDSRY.cjs.map
+//# sourceMappingURL=chunk-PHHIPRJC.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const MARKDOWN_PLUGIN = 'dxos.org/plugin/markdown';\n\nexport default {\n  id: MARKDOWN_PLUGIN,\n  name: 'Markdown',\n  description: 'Text editor supporting extended Markdown.',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-markdown',\n  icon: 'ph--text-aa--regular',\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,QAAQ;EACRC,MAAM;AACR;",
+  "names": ["MARKDOWN_PLUGIN", "id", "name", "description", "source", "icon"]
+}

package/dist/lib/node/index.cjs

@@ -28,117 +28,102 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  DocumentType: () => import_chunk_VWQH4WC2.DocumentType,
-  MarkdownAction: () => import_chunk_VWQH4WC2.MarkdownAction,
+  DocumentType: () => import_chunk_BHPFK7YI.DocumentType,
+  MarkdownAction: () => import_chunk_BHPFK7YI.MarkdownAction,
   MarkdownPlugin: () => MarkdownPlugin,
-  TextType: () => import_chunk_VWQH4WC2.TextType,
+  TextType: () => import_chunk_BHPFK7YI.TextType,
   default: () => src_default,
-  getFallbackName: () => import_chunk_RVGN72IX.getFallbackName,
-  isMarkdownProperties: () => import_chunk_RVGN72IX.isMarkdownProperties,
-  markdownExtensionPlugins: () => import_chunk_RVGN72IX.markdownExtensionPlugins,
-  serializer: () => import_chunk_RVGN72IX.serializer,
-  setFallbackName: () => import_chunk_RVGN72IX.setFallbackName
+  getFallbackName: () => import_chunk_2A5P424C.getFallbackName,
+  isEditorModel: () => import_chunk_BHPFK7YI.isEditorModel,
+  isMarkdownProperties: () => import_chunk_2A5P424C.isMarkdownProperties,
+  markdownExtensionPlugins: () => import_chunk_2A5P424C.markdownExtensionPlugins,
+  serializer: () => import_chunk_2A5P424C.serializer,
+  setFallbackName: () => import_chunk_2A5P424C.setFallbackName
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_Q4ZSCBQE = require("./chunk-Q4ZSCBQE.cjs");
-var import_chunk_RVGN72IX = require("./chunk-RVGN72IX.cjs");
-var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
-var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
-var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
+var import_chunk_2A5P424C = require("./chunk-2A5P424C.cjs");
+var import_chunk_BHPFK7YI = require("./chunk-BHPFK7YI.cjs");
+var import_chunk_PHHIPRJC = require("./chunk-PHHIPRJC.cjs");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_local_storage = require("@dxos/local-storage");
-var import_log = require("@dxos/log");
 var import_plugin_client = require("@dxos/plugin-client");
 var import_plugin_graph = require("@dxos/plugin-graph");
 var import_plugin_space = require("@dxos/plugin-space");
 var import_types = require("@dxos/plugin-space/types");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_mosaic = require("@dxos/react-ui-mosaic");
-var import_react3 = __toESM(require("react"));
-var import_react4 = require("@phosphor-icons/react");
-var import_react5 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
+var import_react3 = require("react");
+var import_react4 = __toESM(require("react"));
 var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react6 = __toESM(require("react"));
-var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_data = require("@dxos/react-ui-data");
 var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react7 = __toESM(require("react"));
-var import_plugin_settings = require("@dxos/plugin-settings");
-var import_react_ui3 = require("@dxos/react-ui");
-var import_react_ui_editor3 = require("@dxos/react-ui-editor");
 var MarkdownSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN);
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_PHHIPRJC.MARKDOWN_PLUGIN);
+  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("default view mode label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
     value: settings.defaultViewMode,
     onValueChange: (value) => {
       settings.defaultViewMode = value;
     }
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.TriggerButton, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Viewport, null, import_react_ui_editor3.EditorViewModes.map((mode) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Option, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, null), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorViewModes.map((mode) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
   }, t(`${mode} mode label`, {
     ns: "react-ui-editor"
-  })))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })))))))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("editor input mode label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
     value: settings.editorInputMode ?? "default",
     onValueChange: (value) => {
       settings.editorInputMode = value;
     }
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.TriggerButton, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, {
     placeholder: t("select editor input mode placeholder")
-  }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Viewport, null, import_react_ui_editor3.EditorInputModes.map((mode) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Option, {
+  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorInputModes.map((mode) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("settings toolbar label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.toolbar,
     onCheckedChange: (checked) => settings.toolbar = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("settings numbered headings label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.numberedHeadings,
     onCheckedChange: (checked) => settings.numberedHeadings = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("settings folding label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.folding,
     onCheckedChange: (checked) => settings.folding = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("settings experimental label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.experimental,
     onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("settings debug label"),
-    secondary: settings.debug ? /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.TextArea, {
+    secondary: settings.debug ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.TextArea, {
       rows: 5,
       value: settings.typewriter,
       onChange: ({ target: { value } }) => settings.typewriter = value,
       placeholder: t("settings debug placeholder")
     })) : void 0
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.debug,
     onCheckedChange: (checked) => settings.debug = !!checked
   })));
 };
-var DocumentCard = import_react3.default.lazy(() => import("./DocumentCard-EHJDDSRY.cjs"));
-var DocumentEditor = import_react3.default.lazy(() => import("./DocumentEditor-I5GCRBKU.cjs"));
-var MarkdownEditor = import_react3.default.lazy(() => import("./MarkdownEditor-UE23H75V.cjs"));
+var MarkdownContainer = (0, import_react3.lazy)(() => import("./MarkdownContainer-UYBYWCRU.cjs"));
 var translations_default = [
   {
     "en-US": {
-      [import_chunk_TGMR2CKU.MARKDOWN_PLUGIN]: {
+      [import_chunk_PHHIPRJC.MARKDOWN_PLUGIN]: {
         "plugin name": "Editor",
         "create stack section label": "Create document",
         "document title placeholder": "New document",
@@ -147,7 +132,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",
@@ -165,37 +150,30 @@ var translations_default = [
     }
   }
 ];
-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 import_chunk_BHPFK7YI.DocumentType ? object : void 0;
 var MarkdownPlugin = () => {
-  const settings = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
+  const settings = new import_local_storage.LocalStorageStore(import_chunk_PHHIPRJC.MARKDOWN_PLUGIN, {
     defaultViewMode: "preview",
     toolbar: true,
-    folding: false,
+    numberedHeadings: true,
+    folding: true,
     experimental: false
   });
-  const state = new import_local_storage.LocalStorageStore(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, {
+  const editorStateStore = (0, import_react_ui_editor.createEditorStateStore)(`${import_chunk_PHHIPRJC.MARKDOWN_PLUGIN}/editor`);
+  const state = new import_local_storage.LocalStorageStore(import_chunk_PHHIPRJC.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: import_chunk_TGMR2CKU.meta_default,
+    meta: import_chunk_PHHIPRJC.meta_default,
     ready: async (plugins) => {
       settings.prop({
         key: "defaultViewMode",
-        storageKey: "default-view-mode",
         type: import_local_storage.LocalStorageStore.enum()
       }).prop({
         key: "editorInputMode",
-        storageKey: "editor-mode",
         type: import_local_storage.LocalStorageStore.enum({
           allowUndefined: true
         })
@@ -232,28 +210,26 @@ var MarkdownPlugin = () => {
       });
       state.prop({
         key: "viewMode",
-        storageKey: "view-mode",
         type: import_local_storage.LocalStorageStore.json()
       });
-      (0, import_chunk_RVGN72IX.markdownExtensionPlugins)(plugins).forEach((plugin) => {
+      (0, import_chunk_2A5P424C.markdownExtensionPlugins)(plugins).forEach((plugin) => {
         const { extensions } = plugin.provides.markdown;
-        state.values.extensionProviders.push(extensions);
+        state.values.extensionProviders?.push(extensions);
       });
     },
     provides: {
       settings: settings.values,
       metadata: {
         records: {
-          [import_chunk_VWQH4WC2.DocumentType.typename]: {
-            label: (object) => object instanceof import_chunk_VWQH4WC2.DocumentType ? object.name ?? object.fallbackName : void 0,
+          [import_chunk_BHPFK7YI.DocumentType.typename]: {
+            label: (object) => object instanceof import_chunk_BHPFK7YI.DocumentType ? object.name || object.fallbackName : void 0,
             placeholder: [
               "document title placeholder",
               {
-                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
-            iconSymbol: "ph--text-aa--regular",
+            icon: "ph--text-aa--regular",
             graphProps: {
               managesAutofocus: true
             },
@@ -262,7 +238,7 @@ var MarkdownPlugin = () => {
               doc2.content,
               ...doc2.threads
             ]),
-            serializer: import_chunk_RVGN72IX.serializer
+            serializer: import_chunk_2A5P424C.serializer
           }
         }
       },
@@ -272,10 +248,21 @@ var MarkdownPlugin = () => {
       ],
       echo: {
         schema: [
-          import_chunk_VWQH4WC2.DocumentType,
-          import_chunk_VWQH4WC2.TextType
+          import_chunk_BHPFK7YI.DocumentType,
+          import_chunk_BHPFK7YI.TextType
         ]
       },
+      space: {
+        onSpaceCreate: {
+          label: [
+            "create document label",
+            {
+              ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
+            }
+          ],
+          action: import_chunk_BHPFK7YI.MarkdownAction.CREATE
+        }
+      },
       graph: {
         builder: (plugins) => {
           const client = (0, import_app_framework.resolvePlugin)(plugins, import_plugin_client.parseClientPlugin)?.provides.client;
@@ -284,7 +271,7 @@ var MarkdownPlugin = () => {
             return [];
           }
           return (0, import_plugin_graph.createExtension)({
-            id: import_chunk_VWQH4WC2.MarkdownAction.CREATE,
+            id: import_chunk_BHPFK7YI.MarkdownAction.CREATE,
             filter: (node) => (0, import_plugin_graph.isActionGroup)(node) && node.id.startsWith(import_plugin_space.SpaceAction.ADD_OBJECT),
             actions: ({ node }) => {
               const id = node.id.split("/").at(-1);
@@ -297,12 +284,12 @@ var MarkdownPlugin = () => {
               }
               return [
                 {
-                  id: `${import_chunk_TGMR2CKU.MARKDOWN_PLUGIN}/create/${node.id}`,
+                  id: `${import_chunk_PHHIPRJC.MARKDOWN_PLUGIN}/create/${node.id}`,
                   data: async () => {
                     await dispatch([
                       {
-                        plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
-                        action: import_chunk_VWQH4WC2.MarkdownAction.CREATE
+                        plugin: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
+                        action: import_chunk_BHPFK7YI.MarkdownAction.CREATE
                       },
                       {
                         action: import_plugin_space.SpaceAction.ADD_OBJECT,
@@ -319,11 +306,10 @@ var MarkdownPlugin = () => {
                     label: [
                       "create document label",
                       {
-                        ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                        ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
-                    iconSymbol: "ph--text-aa--regular",
+                    icon: "ph--text-aa--regular",
                     testId: "markdownPlugin.createObject"
                   }
                 }
@@ -338,14 +324,14 @@ var MarkdownPlugin = () => {
           }
           return [
             {
-              inputType: import_chunk_VWQH4WC2.DocumentType.typename,
+              inputType: import_chunk_BHPFK7YI.DocumentType.typename,
               outputType: "text/markdown",
               // Reconcile with metadata serializers.
               serialize: async (node) => {
                 const doc = node.data;
                 const content = await (0, import_echo.loadObjectReferences)(doc, (doc2) => doc2.content);
                 return {
-                  name: doc.name || doc.fallbackName || translations_default[0]["en-US"][import_chunk_TGMR2CKU.MARKDOWN_PLUGIN]["document title placeholder"],
+                  name: doc.name || doc.fallbackName || translations_default[0]["en-US"][import_chunk_PHHIPRJC.MARKDOWN_PLUGIN]["document title placeholder"],
                   data: content.content,
                   type: "text/markdown"
                 };
@@ -358,8 +344,8 @@ var MarkdownPlugin = () => {
                 }
                 const result = await dispatch([
                   {
-                    plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
-                    action: import_chunk_VWQH4WC2.MarkdownAction.CREATE,
+                    plugin: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
+                    action: import_chunk_BHPFK7YI.MarkdownAction.CREATE,
                     data: {
                       name: data.name,
                       content: data.data
@@ -386,99 +372,75 @@ var MarkdownPlugin = () => {
             type: [
               "plugin name",
               {
-                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
               }
             ],
             label: [
               "create stack section label",
               {
-                ns: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN
+                ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
               }
             ],
             icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
             intent: {
-              plugin: import_chunk_TGMR2CKU.MARKDOWN_PLUGIN,
-              action: import_chunk_VWQH4WC2.MarkdownAction.CREATE
+              plugin: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
+              action: import_chunk_BHPFK7YI.MarkdownAction.CREATE
             }
           }
         ]
       },
       thread: {
-        // TODO(Zan): How to better handle the type predicate?
-        predicate: (obj) => obj instanceof import_chunk_VWQH4WC2.DocumentType,
+        predicate: (obj) => obj instanceof import_chunk_BHPFK7YI.DocumentType,
         createSort: (doc) => {
           const accessor = doc.content ? (0, import_echo.createDocAccessor)(doc.content, [
             "content"
           ]) : void 0;
           if (!accessor) {
-            import_log.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 ? (0, import_echo.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 import_chunk_VWQH4WC2.DocumentType ? data.active : data.object instanceof import_chunk_VWQH4WC2.DocumentType ? data.object : void 0;
+        component: ({ data, role }) => {
           switch (role) {
             case "section":
             case "article": {
-              if (doc && doc.content) {
-                return /* @__PURE__ */ import_react2.default.createElement(DocumentEditor, {
-                  role,
-                  coordinate: data.coordinate,
-                  document: doc,
-                  extensionProviders: state.values.extensionProviders,
-                  settings: settings.values,
-                  scrollPastEnd: true,
-                  viewMode: getViewMode((0, import_echo.fullyQualifiedId)(doc)),
-                  onViewModeChange: setViewMode
-                });
-              } else if (isEditorModel(data.object)) {
-                return /* @__PURE__ */ import_react2.default.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
-                });
-              }
-              break;
-            }
-            case "card": {
-              if ((0, import_app_framework.isObject)(data.content) && typeof data.content.id === "string" && data.content.object instanceof import_chunk_VWQH4WC2.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 (0, import_react_ui_mosaic.isTileComponentProps)(cardProps) ? /* @__PURE__ */ import_react2.default.createElement(DocumentCard, {
-                  ...cardProps,
-                  settings: settings.values,
-                  ref: forwardedRef
-                }) : null;
+              const doc = getDoc(data.object);
+              const { id, object } = (0, import_chunk_BHPFK7YI.isEditorModel)(data.object) ? {
+                id: data.object.id,
+                object: data.object
+              } : doc ? {
+                id: (0, import_echo.fullyQualifiedId)(doc),
+                object: doc
+              } : {};
+              if (!id || !object) {
+                return null;
               }
-              break;
+              return /* @__PURE__ */ import_react2.default.createElement(MarkdownContainer, {
+                id,
+                object,
+                role,
+                settings: settings.values,
+                extensionProviders: state.values.extensionProviders,
+                viewMode: getViewMode(id),
+                editorStateStore,
+                onViewModeChange: setViewMode
+              });
             }
             case "settings": {
-              return data.plugin === import_chunk_TGMR2CKU.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
+              return data.plugin === import_chunk_PHHIPRJC.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
                 settings: settings.values
               }) : null;
             }
@@ -489,10 +451,10 @@ var MarkdownPlugin = () => {
       intent: {
         resolver: ({ action, data }) => {
           switch (action) {
-            case import_chunk_VWQH4WC2.MarkdownAction.CREATE: {
-              const doc = (0, import_echo_schema.create)(import_chunk_VWQH4WC2.DocumentType, {
+            case import_chunk_BHPFK7YI.MarkdownAction.CREATE: {
+              const doc = (0, import_echo_schema.create)(import_chunk_BHPFK7YI.DocumentType, {
                 name: data?.name,
-                content: (0, import_echo_schema.create)(import_chunk_VWQH4WC2.TextType, {
+                content: (0, import_echo_schema.create)(import_chunk_BHPFK7YI.TextType, {
                   content: data?.content ?? ""
                 }),
                 threads: []
@@ -511,7 +473,7 @@ var MarkdownPlugin = () => {
                 ]
               };
             }
-            case import_chunk_VWQH4WC2.MarkdownAction.SET_VIEW_MODE: {
+            case import_chunk_BHPFK7YI.MarkdownAction.SET_VIEW_MODE: {
               const { id, viewMode } = data ?? {};
               if (typeof id === "string" && import_react_ui_editor.EditorViewModes.includes(viewMode)) {
                 state.values.viewMode[id] = viewMode;
@@ -535,6 +497,7 @@ var src_default = MarkdownPlugin;
   MarkdownPlugin,
   TextType,
   getFallbackName,
+  isEditorModel,
   isMarkdownProperties,
   markdownExtensionPlugins,
   serializer,