@dxos/plugin-markdown 0.7.4-staging.f7e8224 → 0.7.5-main.499c70c

package/dist/lib/node/{chunk-KEPAM4JP.cjs → chunk-SXQAPZZU.cjs}

@@ -16,16 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_KEPAM4JP_exports = {};
-__export(chunk_KEPAM4JP_exports, {
+var chunk_SXQAPZZU_exports = {};
+__export(chunk_SXQAPZZU_exports, {
   getFallbackName: () => getFallbackName,
   isMarkdownProperties: () => isMarkdownProperties,
   markdownExtensionPlugins: () => markdownExtensionPlugins,
   serializer: () => serializer,
   setFallbackName: () => setFallbackName
 });
-module.exports = __toCommonJS(chunk_KEPAM4JP_exports);
-var import_chunk_YGMWZIIJ = require("./chunk-YGMWZIIJ.cjs");
+module.exports = __toCommonJS(chunk_SXQAPZZU_exports);
+var import_chunk_CQMXZ54Z = require("./chunk-CQMXZ54Z.cjs");
 var import_async = require("@dxos/async");
 var import_echo = require("@dxos/react-client/echo");
 var isMarkdownProperties = (data) => (0, import_echo.isEchoObject)(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
@@ -48,17 +48,17 @@ var serializer = {
     return JSON.stringify({
       name: object.name,
       fallbackName: object.fallbackName,
-      content: content.content
+      content: content.target?.content
     });
   },
   deserialize: async ({ content: serialized }) => {
     const { name, fallbackName, content } = JSON.parse(serialized);
-    return (0, import_echo.createObject)((0, import_echo.create)(import_chunk_YGMWZIIJ.DocumentType, {
+    return (0, import_echo.createObject)((0, import_echo.create)(import_chunk_CQMXZ54Z.DocumentType, {
       name,
       fallbackName,
-      content: (0, import_echo.create)(import_chunk_YGMWZIIJ.TextType, {
+      content: (0, import_echo.makeRef)((0, import_echo.create)(import_chunk_CQMXZ54Z.TextType, {
         content
-      }),
+      })),
       threads: []
     }));
   }
@@ -71,4 +71,4 @@ var serializer = {
   serializer,
   setFallbackName
 });
-//# sourceMappingURL=chunk-KEPAM4JP.cjs.map
+//# sourceMappingURL=chunk-SXQAPZZU.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space/types';\nimport { create, createObject, isEchoObject, loadObjectReferences, makeRef } from '@dxos/react-client/echo';\n\nimport { DocumentType, type MarkdownProperties, type MarkdownExtensionProvides, TextType } from './types';\n\nexport const isMarkdownProperties = (data: unknown): data is MarkdownProperties =>\n  isEchoObject(data)\n    ? true\n    : data && typeof data === 'object'\n      ? 'title' in data && typeof data.title === 'string'\n      : false;\n\ntype MarkdownExtensionPlugin = Plugin<MarkdownExtensionProvides>;\n\nexport const markdownExtensionPlugins = (plugins: Plugin[]): MarkdownExtensionPlugin[] => {\n  return (plugins as MarkdownExtensionPlugin[]).filter((plugin) => Boolean(plugin.provides?.markdown));\n};\n\nconst nonTitleChars = /[^\\w ]/g;\n\nexport const getFallbackName = (content: string) => {\n  return content.substring(0, 31).split('\\n')[0].replaceAll(nonTitleChars, '').trim();\n};\n\nexport const setFallbackName = debounce((doc: DocumentType, content: string) => {\n  const name = getFallbackName(content);\n  if (doc.fallbackName !== name) {\n    doc.fallbackName = name;\n  }\n}, 200);\n\nexport const serializer: TypedObjectSerializer<DocumentType> = {\n  serialize: async ({ object }): Promise<string> => {\n    const content = await loadObjectReferences(object, (doc) => doc.content);\n    return JSON.stringify({ name: object.name, fallbackName: object.fallbackName, content: content.target?.content });\n  },\n\n  deserialize: async ({ content: serialized }) => {\n    const { name, fallbackName, content } = JSON.parse(serialized);\n    return createObject(\n      create(DocumentType, { name, fallbackName, content: makeRef(create(TextType, { content })), threads: [] }),\n    );\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,mBAAyB;AAEzB,kBAAkF;AAI3E,IAAMA,uBAAuB,CAACC,aACnCC,0BAAaD,IAAAA,IACT,OACAA,QAAQ,OAAOA,SAAS,WACtB,WAAWA,QAAQ,OAAOA,KAAKE,UAAU,WACzC;AAID,IAAMC,2BAA2B,CAACC,YAAAA;AACvC,SAAQA,QAAsCC,OAAO,CAACC,WAAWC,QAAQD,OAAOE,UAAUC,QAAAA,CAAAA;AAC5F;AAEA,IAAMC,gBAAgB;AAEf,IAAMC,kBAAkB,CAACC,YAAAA;AAC9B,SAAOA,QAAQC,UAAU,GAAG,EAAA,EAAIC,MAAM,IAAA,EAAM,CAAA,EAAGC,WAAWL,eAAe,EAAA,EAAIM,KAAI;AACnF;AAEO,IAAMC,sBAAkBC,uBAAS,CAACC,KAAmBP,YAAAA;AAC1D,QAAMQ,OAAOT,gBAAgBC,OAAAA;AAC7B,MAAIO,IAAIE,iBAAiBD,MAAM;AAC7BD,QAAIE,eAAeD;EACrB;AACF,GAAG,GAAA;AAEI,IAAME,aAAkD;EAC7DC,WAAW,OAAO,EAAEC,OAAM,MAAE;AAC1B,UAAMZ,UAAU,UAAMa,kCAAqBD,QAAQ,CAACL,QAAQA,IAAIP,OAAO;AACvE,WAAOc,KAAKC,UAAU;MAAEP,MAAMI,OAAOJ;MAAMC,cAAcG,OAAOH;MAAcT,SAASA,QAAQgB,QAAQhB;IAAQ,CAAA;EACjH;EAEAiB,aAAa,OAAO,EAAEjB,SAASkB,WAAU,MAAE;AACzC,UAAM,EAAEV,MAAMC,cAAcT,QAAO,IAAKc,KAAKK,MAAMD,UAAAA;AACnD,eAAOE,8BACLC,oBAAOC,oCAAc;MAAEd;MAAMC;MAAcT,aAASuB,yBAAQF,oBAAOG,gCAAU;QAAExB;MAAQ,CAAA,CAAA;MAAKyB,SAAS,CAAA;IAAG,CAAA,CAAA;EAE5G;AACF;",
+  "names": ["isMarkdownProperties", "data", "isEchoObject", "title", "markdownExtensionPlugins", "plugins", "filter", "plugin", "Boolean", "provides", "markdown", "nonTitleChars", "getFallbackName", "content", "substring", "split", "replaceAll", "trim", "setFallbackName", "debounce", "doc", "name", "fallbackName", "serializer", "serialize", "object", "loadObjectReferences", "JSON", "stringify", "target", "deserialize", "serialized", "parse", "createObject", "create", "DocumentType", "makeRef", "TextType", "threads"]
+}

package/dist/lib/node/index.cjs

@@ -28,102 +28,100 @@ 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_YGMWZIIJ.DocumentType,
-  MarkdownAction: () => import_chunk_YGMWZIIJ.MarkdownAction,
+  DocumentType: () => import_chunk_CQMXZ54Z.DocumentType,
+  MarkdownAction: () => import_chunk_CQMXZ54Z.MarkdownAction,
   MarkdownPlugin: () => MarkdownPlugin,
-  TextType: () => import_chunk_YGMWZIIJ.TextType,
+  TextType: () => import_chunk_CQMXZ54Z.TextType,
   default: () => src_default,
-  getFallbackName: () => import_chunk_KEPAM4JP.getFallbackName,
-  isEditorModel: () => import_chunk_YGMWZIIJ.isEditorModel,
-  isMarkdownProperties: () => import_chunk_KEPAM4JP.isMarkdownProperties,
-  markdownExtensionPlugins: () => import_chunk_KEPAM4JP.markdownExtensionPlugins,
-  serializer: () => import_chunk_KEPAM4JP.serializer,
-  setFallbackName: () => import_chunk_KEPAM4JP.setFallbackName
+  getFallbackName: () => import_chunk_SXQAPZZU.getFallbackName,
+  isEditorModel: () => import_chunk_CQMXZ54Z.isEditorModel,
+  isMarkdownProperties: () => import_chunk_SXQAPZZU.isMarkdownProperties,
+  markdownExtensionPlugins: () => import_chunk_SXQAPZZU.markdownExtensionPlugins,
+  serializer: () => import_chunk_SXQAPZZU.serializer,
+  setFallbackName: () => import_chunk_SXQAPZZU.setFallbackName
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_KEPAM4JP = require("./chunk-KEPAM4JP.cjs");
-var import_chunk_YGMWZIIJ = require("./chunk-YGMWZIIJ.cjs");
+var import_chunk_SXQAPZZU = require("./chunk-SXQAPZZU.cjs");
+var import_chunk_CQMXZ54Z = require("./chunk-CQMXZ54Z.cjs");
 var import_chunk_PHHIPRJC = require("./chunk-PHHIPRJC.cjs");
-var import_react = require("@phosphor-icons/react");
-var import_react2 = __toESM(require("react"));
+var import_effect = require("effect");
+var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_live_object = require("@dxos/live-object");
 var import_local_storage = require("@dxos/local-storage");
-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_react3 = require("react");
-var import_react4 = __toESM(require("react"));
+var import_react2 = require("react");
+var import_react3 = __toESM(require("react"));
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_editor2 = require("@dxos/react-ui-editor");
 var import_react_ui_form = require("@dxos/react-ui-form");
 var MarkdownSettings = ({ settings }) => {
   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_form.DeprecatedFormInput, {
+  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("default view mode label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Root, {
     value: settings.defaultViewMode,
     onValueChange: (value) => {
       settings.defaultViewMode = value;
     }
-  }, /* @__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, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.TriggerButton, null), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorViewModes.map((mode) => /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
   }, t(`${mode} mode label`, {
     ns: "react-ui-editor"
-  })))))))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+  })))))))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("editor input mode label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Root, {
     value: settings.editorInputMode ?? "default",
     onValueChange: (value) => {
       settings.editorInputMode = value;
     }
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.TriggerButton, {
     placeholder: t("select editor input mode placeholder")
-  }), /* @__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, {
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorInputModes.map((mode) => /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("settings toolbar label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.toolbar,
     onCheckedChange: (checked) => settings.toolbar = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("settings numbered headings label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.numberedHeadings,
     onCheckedChange: (checked) => settings.numberedHeadings = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("settings folding label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.folding,
     onCheckedChange: (checked) => settings.folding = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("settings experimental label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.experimental,
     onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.DeprecatedFormInput, {
     label: t("settings debug label"),
-    secondary: settings.debug ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.TextArea, {
+    secondary: settings.debug ? /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react3.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_react4.default.createElement(import_react_ui.Input.Switch, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.debug,
     onCheckedChange: (checked) => settings.debug = !!checked
   })));
 };
-var MarkdownContainer = (0, import_react3.lazy)(() => import("./MarkdownContainer-6OKJOHTZ.cjs"));
+var MarkdownContainer = (0, import_react2.lazy)(() => import("./MarkdownContainer-EX6YDF6J.cjs"));
 var translations_default = [
   {
     "en-US": {
-      [import_chunk_YGMWZIIJ.DocumentType.typename]: {
+      [import_chunk_CQMXZ54Z.DocumentType.typename]: {
         "typename label": "Document"
       },
       [import_chunk_PHHIPRJC.MARKDOWN_PLUGIN]: {
@@ -153,7 +151,6 @@ var translations_default = [
     }
   }
 ];
-var getDoc = (object) => object instanceof import_chunk_YGMWZIIJ.DocumentType ? object : void 0;
 var MarkdownPlugin = () => {
   const settings = new import_local_storage.LocalStorageStore(import_chunk_PHHIPRJC.MARKDOWN_PLUGIN, {
     defaultViewMode: "preview",
@@ -171,7 +168,7 @@ var MarkdownPlugin = () => {
   const setViewMode = (id, viewMode) => state.values.viewMode[id] = viewMode;
   return {
     meta: import_chunk_PHHIPRJC.meta_default,
-    ready: async (plugins) => {
+    ready: async ({ plugins }) => {
       settings.prop({
         key: "defaultViewMode",
         type: import_local_storage.LocalStorageStore.enum()
@@ -215,7 +212,7 @@ var MarkdownPlugin = () => {
         key: "viewMode",
         type: import_local_storage.LocalStorageStore.json()
       });
-      (0, import_chunk_KEPAM4JP.markdownExtensionPlugins)(plugins).forEach((plugin) => {
+      (0, import_chunk_SXQAPZZU.markdownExtensionPlugins)(plugins).forEach((plugin) => {
         const { extensions } = plugin.provides.markdown;
         state.values.extensionProviders?.push(extensions);
       });
@@ -224,9 +221,9 @@ var MarkdownPlugin = () => {
       settings: settings.values,
       metadata: {
         records: {
-          [import_chunk_YGMWZIIJ.DocumentType.typename]: {
-            createObject: import_chunk_YGMWZIIJ.MarkdownAction.CREATE,
-            label: (object) => object instanceof import_chunk_YGMWZIIJ.DocumentType ? object.name || object.fallbackName : void 0,
+          [import_chunk_CQMXZ54Z.DocumentType.typename]: {
+            createObject: (props) => (0, import_app_framework.createIntent)(import_chunk_CQMXZ54Z.MarkdownAction.Create, props),
+            label: (object) => object instanceof import_chunk_CQMXZ54Z.DocumentType ? object.name || object.fallbackName : void 0,
             placeholder: [
               "document title placeholder",
               {
@@ -238,11 +235,11 @@ var MarkdownPlugin = () => {
               managesAutofocus: true
             },
             // TODO(wittjosiah): Move out of metadata.
-            loadReferences: (doc) => (0, import_echo.loadObjectReferences)(doc, (doc2) => [
-              doc2.content,
-              ...doc2.threads
+            loadReferences: async (doc) => await import_live_object.RefArray.loadAll([
+              doc.content,
+              ...doc.threads
             ]),
-            serializer: import_chunk_KEPAM4JP.serializer
+            serializer: import_chunk_SXQAPZZU.serializer
           }
         }
       },
@@ -252,79 +249,26 @@ var MarkdownPlugin = () => {
       ],
       echo: {
         schema: [
-          import_chunk_YGMWZIIJ.DocumentType
+          import_chunk_CQMXZ54Z.DocumentType
         ],
         system: [
-          import_chunk_YGMWZIIJ.TextType
+          import_chunk_CQMXZ54Z.TextType
         ]
       },
       graph: {
-        builder: (plugins) => {
-          const client = (0, import_app_framework.resolvePlugin)(plugins, import_plugin_client.parseClientPlugin)?.provides.client;
-          const dispatch = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin)?.provides.intent.dispatch;
-          if (!client || !dispatch) {
-            return [];
-          }
-          return (0, import_plugin_graph.createExtension)({
-            id: import_chunk_YGMWZIIJ.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);
-              const [spaceId, objectId] = id?.split(":") ?? [];
-              const space = client.spaces.get().find((space2) => space2.id === spaceId);
-              const object = objectId && space?.db.getObjectById(objectId);
-              const target = objectId ? object : space;
-              if (!target) {
-                return;
-              }
-              return [
-                {
-                  id: `${import_chunk_PHHIPRJC.MARKDOWN_PLUGIN}/create/${node.id}`,
-                  data: async () => {
-                    await dispatch([
-                      {
-                        plugin: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
-                        action: import_chunk_YGMWZIIJ.MarkdownAction.CREATE
-                      },
-                      {
-                        action: import_plugin_space.SpaceAction.ADD_OBJECT,
-                        data: {
-                          target
-                        }
-                      },
-                      {
-                        action: import_app_framework.NavigationAction.OPEN
-                      }
-                    ]);
-                  },
-                  properties: {
-                    label: [
-                      "create document label",
-                      {
-                        ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
-                      }
-                    ],
-                    icon: "ph--text-aa--regular",
-                    testId: "markdownPlugin.createObject"
-                  }
-                }
-              ];
-            }
-          });
-        },
         serializer: (plugins) => {
-          const dispatch = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin)?.provides.intent.dispatch;
+          const dispatch = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin)?.provides.intent.dispatchPromise;
           if (!dispatch) {
             return [];
           }
           return [
             {
-              inputType: import_chunk_YGMWZIIJ.DocumentType.typename,
+              inputType: import_chunk_CQMXZ54Z.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);
+                const content = await doc.content.load();
                 return {
                   name: doc.name || doc.fallbackName || translations_default[0]["en-US"][import_chunk_PHHIPRJC.MARKDOWN_PLUGIN]["document title placeholder"],
                   data: content.content,
@@ -333,61 +277,26 @@ var MarkdownPlugin = () => {
               },
               deserialize: async (data, ancestors) => {
                 const space = ancestors.find(import_echo.isSpace);
-                const target = ancestors.findLast((ancestor) => ancestor instanceof import_types.CollectionType) ?? space?.properties[import_types.CollectionType.typename];
+                const target = ancestors.findLast((ancestor) => ancestor instanceof import_types.CollectionType) ?? space?.properties[import_types.CollectionType.typename]?.target;
                 if (!space || !target) {
                   return;
                 }
-                const result = await dispatch([
-                  {
-                    plugin: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
-                    action: import_chunk_YGMWZIIJ.MarkdownAction.CREATE,
-                    data: {
-                      name: data.name,
-                      content: data.data
-                    }
-                  },
-                  {
-                    action: import_plugin_space.SpaceAction.ADD_OBJECT,
-                    data: {
-                      target
-                    }
-                  }
-                ]);
-                return result?.data.object;
+                const result = await dispatch((0, import_effect.pipe)((0, import_app_framework.createIntent)(import_chunk_CQMXZ54Z.MarkdownAction.Create, {
+                  name: data.name,
+                  content: data.data
+                }), (0, import_app_framework.chain)(import_plugin_space.SpaceAction.AddObject, {
+                  target
+                })));
+                return result.data?.object;
               }
             }
           ];
         }
       },
-      stack: {
-        creators: [
-          {
-            id: "create-stack-section-doc",
-            testId: "markdownPlugin.createSection",
-            type: [
-              "plugin name",
-              {
-                ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
-              }
-            ],
-            label: [
-              "create stack section label",
-              {
-                ns: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN
-              }
-            ],
-            icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
-            intent: {
-              plugin: import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
-              action: import_chunk_YGMWZIIJ.MarkdownAction.CREATE
-            }
-          }
-        ]
-      },
       thread: {
-        predicate: (obj) => obj instanceof import_chunk_YGMWZIIJ.DocumentType,
+        predicate: (obj) => obj instanceof import_chunk_CQMXZ54Z.DocumentType,
         createSort: (doc) => {
-          const accessor = doc.content ? (0, import_echo.createDocAccessor)(doc.content, [
+          const accessor = doc.content.target ? (0, import_echo.createDocAccessor)(doc.content.target, [
             "content"
           ]) : void 0;
           if (!accessor) {
@@ -408,68 +317,73 @@ var MarkdownPlugin = () => {
         }
       },
       surface: {
-        component: ({ data, role }) => {
-          switch (role) {
-            case "section":
-            case "article": {
-              const doc = getDoc(data.object);
-              const { id, object } = (0, import_chunk_YGMWZIIJ.isEditorModel)(data.object) ? {
-                id: data.object.id,
-                object: data.object
-              } : doc ? {
-                id: (0, import_echo.fullyQualifiedId)(doc),
-                object: doc
-              } : {};
-              if (!id || !object) {
-                return null;
-              }
-              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_PHHIPRJC.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
-                settings: settings.values
-              }) : null;
-            }
-          }
-          return null;
-        }
+        definitions: () => [
+          (0, import_app_framework.createSurface)({
+            id: `${import_chunk_PHHIPRJC.MARKDOWN_PLUGIN}/document`,
+            role: [
+              "article",
+              "section"
+            ],
+            filter: (data) => data.subject instanceof import_chunk_CQMXZ54Z.DocumentType,
+            component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(MarkdownContainer, {
+              id: (0, import_echo.fullyQualifiedId)(data.subject),
+              object: data.subject,
+              role,
+              settings: settings.values,
+              extensionProviders: state.values.extensionProviders,
+              viewMode: getViewMode((0, import_echo.fullyQualifiedId)(data.subject)),
+              editorStateStore,
+              onViewModeChange: setViewMode
+            })
+          }),
+          (0, import_app_framework.createSurface)({
+            id: `${import_chunk_PHHIPRJC.MARKDOWN_PLUGIN}/editor`,
+            role: [
+              "article",
+              "section"
+            ],
+            filter: (data) => (0, import_chunk_CQMXZ54Z.isEditorModel)(data.subject),
+            component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(MarkdownContainer, {
+              id: data.subject.id,
+              object: data.subject,
+              role,
+              settings: settings.values,
+              extensionProviders: state.values.extensionProviders,
+              viewMode: getViewMode(data.subject.id),
+              editorStateStore,
+              onViewModeChange: setViewMode
+            })
+          }),
+          (0, import_app_framework.createSurface)({
+            id: `${import_chunk_PHHIPRJC.MARKDOWN_PLUGIN}/settings`,
+            role: "settings",
+            filter: (data) => data.subject === import_chunk_PHHIPRJC.MARKDOWN_PLUGIN,
+            component: () => /* @__PURE__ */ import_react.default.createElement(MarkdownSettings, {
+              settings: settings.values
+            })
+          })
+        ]
       },
       intent: {
-        resolver: ({ action, data }) => {
-          switch (action) {
-            case import_chunk_YGMWZIIJ.MarkdownAction.CREATE: {
-              const doc = (0, import_live_object.create)(import_chunk_YGMWZIIJ.DocumentType, {
-                name: data?.name,
-                content: (0, import_live_object.create)(import_chunk_YGMWZIIJ.TextType, {
-                  content: data?.content ?? ""
-                }),
-                threads: []
-              });
-              return {
-                data: doc
-              };
-            }
-            case import_chunk_YGMWZIIJ.MarkdownAction.SET_VIEW_MODE: {
-              const { id, viewMode } = data ?? {};
-              if (typeof id === "string" && import_react_ui_editor.EditorViewModes.includes(viewMode)) {
-                state.values.viewMode[id] = viewMode;
-                return {
-                  data: true
-                };
+        resolvers: () => [
+          (0, import_app_framework.createResolver)(import_chunk_CQMXZ54Z.MarkdownAction.Create, ({ name, content }) => {
+            const doc = (0, import_live_object.create)(import_chunk_CQMXZ54Z.DocumentType, {
+              name,
+              content: (0, import_live_object.makeRef)((0, import_live_object.create)(import_chunk_CQMXZ54Z.TextType, {
+                content: content ?? ""
+              })),
+              threads: []
+            });
+            return {
+              data: {
+                object: doc
               }
-              break;
-            }
-          }
-        }
+            };
+          }),
+          (0, import_app_framework.createResolver)(import_chunk_CQMXZ54Z.MarkdownAction.SetViewMode, ({ id, viewMode }) => {
+            state.values.viewMode[id] = viewMode;
+          })
+        ]
       }
     }
   };