@dxos/plugin-markdown 0.7.4 → 0.7.5-feature-compute.4d9d99a

package/dist/lib/browser/index.mjs

@@ -1,475 +1,122 @@
 import {
+  translations_default
+} from "./chunk-YPDWX3WI.mjs";
+import {
+  AppGraphSerializer,
+  IntentResolver,
+  MarkdownSettings,
+  MarkdownState,
+  ReactSurface,
+  Thread,
   getFallbackName,
   isMarkdownProperties,
-  markdownExtensionPlugins,
   serializer,
   setFallbackName
-} from "./chunk-TZN5FGB2.mjs";
+} from "./chunk-ADAYSA5G.mjs";
 import {
   DocumentType,
-  MarkdownAction,
-  TextType,
-  isEditorModel
-} from "./chunk-CMSUKMPM.mjs";
+  MarkdownAction
+} from "./chunk-EMIIXXVX.mjs";
+import {
+  MarkdownCapabilities
+} from "./chunk-FSAYVXSE.mjs";
 import {
   MARKDOWN_PLUGIN,
-  meta_default
-} from "./chunk-4X6YX3KU.mjs";
+  meta
+} from "./chunk-YB2TJFNH.mjs";
 
 // packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx
-import { TextAa } from "@phosphor-icons/react";
-import React2 from "react";
-import { parseIntentPlugin, resolvePlugin, NavigationAction } from "@dxos/app-framework";
-import { create } from "@dxos/live-object";
-import { LocalStorageStore } from "@dxos/local-storage";
-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, createEditorStateStore } from "@dxos/react-ui-editor";
-
-// packages/plugins/plugin-markdown/src/components/index.ts
-import { lazy } from "react";
-
-// packages/plugins/plugin-markdown/src/components/MarkdownSettings.tsx
-import React from "react";
-import { Input, Select, useTranslation } from "@dxos/react-ui";
-import { EditorInputModes, EditorViewModes } from "@dxos/react-ui-editor";
-import { DeprecatedFormInput } from "@dxos/react-ui-form";
-var MarkdownSettings = ({ settings }) => {
-  const { t } = useTranslation(MARKDOWN_PLUGIN);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
-    label: t("default view mode label")
-  }, /* @__PURE__ */ React.createElement(Select.Root, {
-    value: settings.defaultViewMode,
-    onValueChange: (value) => {
-      settings.defaultViewMode = value;
-    }
-  }, /* @__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__ */ React.createElement(DeprecatedFormInput, {
-    label: t("editor input mode label")
-  }, /* @__PURE__ */ React.createElement(Select.Root, {
-    value: settings.editorInputMode ?? "default",
-    onValueChange: (value) => {
-      settings.editorInputMode = value;
-    }
-  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
-    placeholder: t("select editor input mode placeholder")
-  }), /* @__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__ */ React.createElement(DeprecatedFormInput, {
-    label: t("settings toolbar label")
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
-    checked: settings.toolbar,
-    onCheckedChange: (checked) => settings.toolbar = !!checked
-  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
-    label: t("settings numbered headings label")
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
-    checked: settings.numberedHeadings,
-    onCheckedChange: (checked) => settings.numberedHeadings = !!checked
-  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
-    label: t("settings folding label")
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
-    checked: settings.folding,
-    onCheckedChange: (checked) => settings.folding = !!checked
-  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
-    label: t("settings experimental label")
-  }, /* @__PURE__ */ React.createElement(Input.Switch, {
-    checked: settings.experimental,
-    onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
-    label: t("settings debug label"),
-    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__ */ React.createElement(Input.Switch, {
-    checked: settings.debug,
-    onCheckedChange: (checked) => settings.debug = !!checked
-  })));
-};
-
-// packages/plugins/plugin-markdown/src/components/index.ts
-var MarkdownContainer = lazy(() => import("./MarkdownContainer-6OPC5MKP.mjs"));
-
-// packages/plugins/plugin-markdown/src/translations.ts
-var translations_default = [
-  {
-    "en-US": {
-      [DocumentType.typename]: {
-        "typename label": "Document"
-      },
-      [MARKDOWN_PLUGIN]: {
-        "plugin name": "Editor",
-        "create stack section label": "Create document",
-        "document title placeholder": "New document",
-        "choose markdown from space dialog title": "Choose one or more documents to add",
-        // TODO(burdon): Style-guide for user-facing text (e.g., hints, questions, capitalization, etc.)
-        "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": "",
-        "editor input mode label": "Editor input mode",
-        "select editor input mode placeholder": "Select editor input mode\u2026",
-        "settings editor input mode default label": "Default",
-        "settings editor input mode vim label": "Vim",
-        "settings editor input mode vscode label": "VS Code",
-        "settings toolbar label": "Show toolbar",
-        "settings numbered headings label": "Numbered headings",
-        "settings folding label": "Folding",
-        "settings experimental label": "Enable experimental features",
-        "settings debug label": "Enable debugging features",
-        "settings debug placeholder": "Typewriter script...",
-        "toggle view mode label": "Toggle read-only",
-        "default view mode label": "Default view mode"
-      }
-    }
-  }
-];
-
-// packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx
-var getDoc = (object) => object instanceof DocumentType ? object : void 0;
-var MarkdownPlugin = () => {
-  const settings = new LocalStorageStore(MARKDOWN_PLUGIN, {
-    defaultViewMode: "preview",
-    toolbar: true,
-    numberedHeadings: true,
-    folding: true,
-    experimental: false
-  });
-  const editorStateStore = createEditorStateStore(`${MARKDOWN_PLUGIN}/editor`);
-  const state = new LocalStorageStore(MARKDOWN_PLUGIN, {
-    extensionProviders: [],
-    viewMode: {}
-  });
-  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",
-        type: LocalStorageStore.enum()
-      }).prop({
-        key: "editorInputMode",
-        type: LocalStorageStore.enum({
-          allowUndefined: true
-        })
-      }).prop({
-        key: "toolbar",
-        type: LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      }).prop({
-        key: "experimental",
-        type: LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      }).prop({
-        key: "debug",
-        type: LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      }).prop({
-        key: "typewriter",
-        type: LocalStorageStore.string({
-          allowUndefined: true
-        })
-      }).prop({
-        key: "numberedHeadings",
-        type: LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      }).prop({
-        key: "folding",
-        type: LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      });
-      state.prop({
-        key: "viewMode",
-        type: LocalStorageStore.json()
-      });
-      markdownExtensionPlugins(plugins).forEach((plugin) => {
-        const { extensions } = plugin.provides.markdown;
-        state.values.extensionProviders?.push(extensions);
-      });
-    },
-    provides: {
-      settings: settings.values,
+import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events, oneOf } from "@dxos/app-framework";
+import { RefArray } from "@dxos/live-object";
+import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
+import { translations as editorTranslations } from "@dxos/react-ui-editor";
+import { TextType } from "@dxos/schema";
+var MarkdownPlugin = () => definePlugin(meta, [
+  defineModule({
+    id: `${meta.id}/module/settings`,
+    activatesOn: Events.SetupSettings,
+    activate: MarkdownSettings
+  }),
+  defineModule({
+    id: `${meta.id}/module/state`,
+    activatesOn: Events.Startup,
+    activate: MarkdownState
+  }),
+  defineModule({
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, [
+      ...translations_default,
+      ...editorTranslations
+    ])
+  }),
+  defineModule({
+    id: `${meta.id}/module/metadata`,
+    activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
+    activate: () => contributes(Capabilities.Metadata, {
+      id: DocumentType.typename,
       metadata: {
-        records: {
-          [DocumentType.typename]: {
-            createObject: MarkdownAction.CREATE,
-            label: (object) => object instanceof DocumentType ? object.name || object.fallbackName : void 0,
-            placeholder: [
-              "document title placeholder",
-              {
-                ns: MARKDOWN_PLUGIN
-              }
-            ],
-            icon: "ph--text-aa--regular",
-            graphProps: {
-              managesAutofocus: true
-            },
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: (doc) => loadObjectReferences(doc, (doc2) => [
-              doc2.content,
-              ...doc2.threads
-            ]),
-            serializer
+        createObject: (props) => createIntent(MarkdownAction.Create, props),
+        label: (object) => object instanceof DocumentType ? object.name || object.fallbackName : void 0,
+        placeholder: [
+          "document title placeholder",
+          {
+            ns: MARKDOWN_PLUGIN
           }
-        }
-      },
-      translations: [
-        ...translations_default,
-        ...editorTranslations
-      ],
-      echo: {
-        schema: [
-          DocumentType
         ],
-        system: [
-          TextType
-        ]
-      },
-      graph: {
-        builder: (plugins) => {
-          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
-          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;
-          if (!client || !dispatch) {
-            return [];
-          }
-          return createExtension({
-            id: MarkdownAction.CREATE,
-            filter: (node) => isActionGroup(node) && node.id.startsWith(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: `${MARKDOWN_PLUGIN}/create/${node.id}`,
-                  data: async () => {
-                    await dispatch([
-                      {
-                        plugin: MARKDOWN_PLUGIN,
-                        action: MarkdownAction.CREATE
-                      },
-                      {
-                        action: SpaceAction.ADD_OBJECT,
-                        data: {
-                          target
-                        }
-                      },
-                      {
-                        action: NavigationAction.OPEN
-                      }
-                    ]);
-                  },
-                  properties: {
-                    label: [
-                      "create document label",
-                      {
-                        ns: MARKDOWN_PLUGIN
-                      }
-                    ],
-                    icon: "ph--text-aa--regular",
-                    testId: "markdownPlugin.createObject"
-                  }
-                }
-              ];
-            }
-          });
+        icon: "ph--text-aa--regular",
+        graphProps: {
+          managesAutofocus: true
         },
-        serializer: (plugins) => {
-          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;
-          if (!dispatch) {
-            return [];
-          }
-          return [
-            {
-              inputType: DocumentType.typename,
-              outputType: "text/markdown",
-              // Reconcile with metadata serializers.
-              serialize: async (node) => {
-                const doc = node.data;
-                const content = await loadObjectReferences(doc, (doc2) => doc2.content);
-                return {
-                  name: doc.name || doc.fallbackName || translations_default[0]["en-US"][MARKDOWN_PLUGIN]["document title placeholder"],
-                  data: content.content,
-                  type: "text/markdown"
-                };
-              },
-              deserialize: async (data, ancestors) => {
-                const space = ancestors.find(isSpace);
-                const target = ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ?? space?.properties[CollectionType.typename];
-                if (!space || !target) {
-                  return;
-                }
-                const result = await dispatch([
-                  {
-                    plugin: MARKDOWN_PLUGIN,
-                    action: MarkdownAction.CREATE,
-                    data: {
-                      name: data.name,
-                      content: data.data
-                    }
-                  },
-                  {
-                    action: SpaceAction.ADD_OBJECT,
-                    data: {
-                      target
-                    }
-                  }
-                ]);
-                return result?.data.object;
-              }
-            }
-          ];
-        }
-      },
-      stack: {
-        creators: [
-          {
-            id: "create-stack-section-doc",
-            testId: "markdownPlugin.createSection",
-            type: [
-              "plugin name",
-              {
-                ns: MARKDOWN_PLUGIN
-              }
-            ],
-            label: [
-              "create stack section label",
-              {
-                ns: MARKDOWN_PLUGIN
-              }
-            ],
-            icon: (props) => /* @__PURE__ */ React2.createElement(TextAa, props),
-            intent: {
-              plugin: MARKDOWN_PLUGIN,
-              action: MarkdownAction.CREATE
-            }
-          }
-        ]
-      },
-      thread: {
-        predicate: (obj) => obj instanceof DocumentType,
-        createSort: (doc) => {
-          const accessor = doc.content ? createDocAccessor(doc.content, [
-            "content"
-          ]) : void 0;
-          if (!accessor) {
-            return (_) => 0;
-          }
-          const getStartPosition = (cursor) => {
-            const range = cursor ? getRangeFromCursor(accessor, cursor) : void 0;
-            return range?.start ?? Number.MAX_SAFE_INTEGER;
-          };
-          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 }) => {
-          switch (role) {
-            case "section":
-            case "article": {
-              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;
-              }
-              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__ */ React2.createElement(MarkdownSettings, {
-                settings: settings.values
-              }) : null;
-            }
-          }
-          return null;
-        }
-      },
-      intent: {
-        resolver: ({ action, data }) => {
-          switch (action) {
-            case MarkdownAction.CREATE: {
-              const doc = create(DocumentType, {
-                name: data?.name,
-                content: create(TextType, {
-                  content: data?.content ?? ""
-                }),
-                threads: []
-              });
-              return {
-                data: doc
-              };
-            }
-            case MarkdownAction.SET_VIEW_MODE: {
-              const { id, viewMode } = data ?? {};
-              if (typeof id === "string" && EditorViewModes2.includes(viewMode)) {
-                state.values.viewMode[id] = viewMode;
-                return {
-                  data: true
-                };
-              }
-              break;
-            }
-          }
-        }
+        // TODO(wittjosiah): Move out of metadata.
+        loadReferences: async (doc) => await RefArray.loadAll([
+          doc.content,
+          ...doc.threads
+        ]),
+        serializer
       }
-    }
-  };
-};
-
-// packages/plugins/plugin-markdown/src/index.ts
-var src_default = MarkdownPlugin;
+    })
+  }),
+  defineModule({
+    id: `${meta.id}/module/schema`,
+    activatesOn: ClientEvents.SetupClient,
+    activate: () => [
+      contributes(ClientCapabilities.SystemSchema, [
+        TextType
+      ]),
+      contributes(ClientCapabilities.Schema, [
+        DocumentType
+      ])
+    ]
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events.Startup,
+    activate: ReactSurface
+  }),
+  defineModule({
+    id: `${meta.id}/module/intent-resolver`,
+    activatesOn: Events.SetupIntents,
+    activate: IntentResolver
+  }),
+  defineModule({
+    id: `${meta.id}/module/app-graph-serializer`,
+    activatesOn: Events.Startup,
+    activate: AppGraphSerializer
+  }),
+  defineModule({
+    id: `${meta.id}/module/thread`,
+    activatesOn: Events.Startup,
+    activate: Thread
+  })
+]);
 export {
-  DocumentType,
-  MarkdownAction,
+  MARKDOWN_PLUGIN,
+  MarkdownCapabilities,
   MarkdownPlugin,
-  TextType,
-  src_default as default,
   getFallbackName,
-  isEditorModel,
   isMarkdownProperties,
-  markdownExtensionPlugins,
+  meta,
   serializer,
   setFallbackName
 };