@dxos/plugin-markdown 0.6.13-main.ed424a1 → 0.6.13-staging.1e988a3

package/dist/types/src/extensions.d.ts

@@ -1,16 +1,20 @@
-import { type ReactNode } from 'react';
 import { type IntentDispatcher } from '@dxos/app-framework';
 import { type Query } from '@dxos/react-client/echo';
-import { type EditorViewMode, type Extension } from '@dxos/react-ui-editor';
-import { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from './types';
-type ExtensionsOptions = {
-    document: DocumentType;
-    dispatch?: IntentDispatcher;
-    query?: Query<DocumentType>;
-    settings: MarkdownSettingsProps;
+import { type Extension, type EditorViewMode } from '@dxos/react-ui-editor';
+import { type DocumentType, type MarkdownSettingsProps } from './types';
+export type ExtensionsOptions = {
     viewMode?: EditorViewMode;
+    settings?: MarkdownSettingsProps;
+    document?: DocumentType;
+    debug?: boolean;
+    experimental?: boolean;
+    numberedHeadings?: boolean;
+    folding?: boolean;
+    query?: Query<DocumentType>;
+    dispatch?: IntentDispatcher;
 };
-export declare const useExtensions: ({ extensionProviders, document, settings, viewMode, }: Pick<ExtensionsOptions, "document" | "settings" | "viewMode"> & Pick<MarkdownPluginState, "extensionProviders">) => Extension[];
-export declare const renderRoot: <T extends Element>(root: T, node: ReactNode) => T;
-export {};
+/**
+ * Create extension instances for editor.
+ */
+export declare const createBaseExtensions: ({ viewMode, settings, document, query, dispatch, }: ExtensionsOptions) => Extension[];
 //# sourceMappingURL=extensions.d.ts.map

package/dist/types/src/extensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/extensions.tsx"],"names":[],"mappings":"AAIA,OAAc,EAA6B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGlF,OAAO,EAAE,KAAK,gBAAgB,EAAyC,MAAM,qBAAqB,CAAC;AAEnG,OAAO,EAAiD,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAIpG,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGlG,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAGF,eAAO,MAAM,aAAa,0DAKvB,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,GAC9D,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,KAAG,SAAS,EA2D5D,CAAC;AA+HF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,QAAQ,CAAC,QAAQ,SAAS,KAAG,CAGxE,CAAC"}
+{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/extensions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,gBAAgB,EAAoB,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,cAAc,EAQpB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,uDAM9B,iBAAiB,KAAG,SAAS,EAkF/B,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,10 +1,15 @@
+import { type IconProps } from '@phosphor-icons/react';
+import React from 'react';
 export declare const MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
 declare const _default: {
     id: string;
-    name: string;
-    description: string;
-    homePage: string;
-    icon: string;
+    shortId?: string;
+    name?: string;
+    description?: string;
+    homePage?: string;
+    tags?: string[];
+    iconComponent?: React.FC<IconProps>;
+    iconSymbol?: string;
 };
 export default _default;
 //# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;;;;;;;;AAE1D,wBAMuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,eAAe,6BAA6B,CAAC;;;;;;;;;;;AAE1D,wBAOG"}

package/dist/types/src/types/document.d.ts

@@ -9,12 +9,12 @@ declare const TextType_base: import("@dxos/echo-schema").AbstractTypedObject<{
 export declare class TextType extends TextType_base {
 }
 declare const DocumentType_base: import("@dxos/echo-schema").AbstractTypedObject<{
+    name?: string | undefined;
     content: import("@dxos/echo-schema").Ref<{
         content: string;
     } & {
         id: string;
     }>;
-    name?: string | undefined;
     fallbackName?: string | undefined;
     threads: import("@dxos/echo-schema").Ref<{
         name?: string | undefined;
@@ -23,7 +23,6 @@ declare const DocumentType_base: import("@dxos/echo-schema").AbstractTypedObject
         messages: import("@dxos/echo-schema").Ref<{
             text: string;
             timestamp: string;
-            state?: import("@dxos/plugin-space/types").MessageState | undefined;
             sender: {
                 name?: string | undefined;
                 contact?: import("@dxos/echo-schema").Ref<{
@@ -66,7 +65,6 @@ declare const DocumentType_base: import("@dxos/echo-schema").AbstractTypedObject
         messages: import("@dxos/echo-schema").Ref<{
             text: string;
             timestamp: string;
-            state?: import("@dxos/plugin-space/types").MessageState | undefined;
             sender: {
                 name?: string | undefined;
                 contact?: import("@dxos/echo-schema").Ref<{
@@ -95,12 +93,5 @@ declare const DocumentType_base: import("@dxos/echo-schema").AbstractTypedObject
 }>>;
 export declare class DocumentType extends DocumentType_base {
 }
-/**
- * Checks if an object conforms to the interface needed to render an editor.
- */
-export declare const isEditorModel: (data: any) => data is {
-    id: string;
-    text: string;
-};
 export {};
 //# sourceMappingURL=document.d.ts.map

package/dist/types/src/types/document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../../../../src/types/document.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;;;;;;;;AAGxD,qBAAa,QAAS,SAAQ,aAE5B;CAAG;;;;;;;;;;;;;;;;iBAoBshF,CAAC;;oBAA8D,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;iBAAvoB,CAAC;;oBAA8D,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;AAlBlqG,qBAAa,YAAa,SAAQ,iBAKhC;CAAG;AAEL;;GAEG;AAEH,eAAO,MAAM,aAAa,SAAU,GAAG,KAAG,IAAI,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAM7C,CAAC"}
+{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../../../../src/types/document.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;;;;;;;;AAGxD,qBAAa,QAAS,SAAQ,aAE5B;CAAG;;;;;;;;;;;;;;;;;oBAQ+rF,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;oBAAxkB,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;AAN5wG,qBAAa,YAAa,SAAQ,iBAKhC;CAAG"}

package/dist/types/src/types/types.d.ts

@@ -1,6 +1,5 @@
 import type { GraphBuilderProvides, GraphSerializerProvides, IntentResolverProvides, MetadataRecordsProvides, SettingsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';
 import { type SchemaProvides } from '@dxos/plugin-client';
-import { type SpaceInitProvides } from '@dxos/plugin-space';
 import { type Extension, type EditorInputMode, type EditorViewMode } from '@dxos/react-ui-editor';
 import { type DocumentType } from './document';
 export declare enum MarkdownAction {
@@ -8,13 +7,13 @@ export declare enum MarkdownAction {
     SET_VIEW_MODE = "dxos.org/plugin/markdown/action/set-view-mode"
 }
 export type MarkdownProperties = Record<string, any>;
-export type MarkdownExtensionProvider = (props: {
+export type ExtensionsProvider = (props: {
     document?: DocumentType;
-}) => Extension | undefined;
+}) => Extension[];
 export type OnChange = (text: string) => void;
 export type MarkdownExtensionProvides = {
     markdown: {
-        extensions: MarkdownExtensionProvider;
+        extensions: ExtensionsProvider;
     };
 };
 type StackProvides = {
@@ -23,8 +22,10 @@ type StackProvides = {
     };
 };
 export type MarkdownPluginState = {
-    extensionProviders?: MarkdownExtensionProvider[];
-    viewMode: Record<string, EditorViewMode>;
+    extensionProviders: NonNullable<ExtensionsProvider>[];
+    viewMode: {
+        [key: string]: EditorViewMode;
+    };
 };
 export type MarkdownSettingsProps = {
     defaultViewMode: EditorViewMode;
@@ -39,9 +40,9 @@ export type MarkdownSettingsProps = {
 type ThreadProvides<T> = {
     thread: {
         predicate: (obj: any) => obj is T;
-        createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;
+        createSort: (obj: T) => (anchorA: string, anchorB: string) => number;
     };
 };
-export type MarkdownPluginProvides = SurfaceProvides & IntentResolverProvides & GraphBuilderProvides & GraphSerializerProvides & MetadataRecordsProvides & SettingsProvides<MarkdownSettingsProps> & TranslationsProvides & SchemaProvides & SpaceInitProvides & StackProvides & ThreadProvides<DocumentType>;
+export type MarkdownPluginProvides = SurfaceProvides & IntentResolverProvides & GraphBuilderProvides & GraphSerializerProvides & MetadataRecordsProvides & SettingsProvides<MarkdownSettingsProps> & TranslationsProvides & SchemaProvides & StackProvides & ThreadProvides<DocumentType>;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/types/src/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAElG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAK/C,oBAAY,cAAc;IACxB,MAAM,2CAA8B;IACpC,aAAa,kDAAqC;CACnD;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAGrD,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,YAAY,CAAA;CAAE,KAAK,SAAS,GAAG,SAAS,CAAC;AAEtG,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG;IAEtC,QAAQ,EAAE;QACR,UAAU,EAAE,yBAAyB,CAAC;KACvC,CAAC;CACH,CAAC;AAGF,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;KAClC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAEhC,kBAAkB,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAIjD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;QAClC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC;KAC9F,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,sBAAsB,GACtB,oBAAoB,GACpB,uBAAuB,GACvB,uBAAuB,GACvB,gBAAgB,CAAC,qBAAqB,CAAC,GACvC,oBAAoB,GACpB,cAAc,GACd,iBAAiB,GACjB,aAAa,GACb,cAAc,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAElG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAK/C,oBAAY,cAAc;IACxB,MAAM,2CAA8B;IACpC,aAAa,kDAAqC;CACnD;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,YAAY,CAAA;CAAE,KAAK,SAAS,EAAE,CAAC;AAErF,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE;QACR,UAAU,EAAE,kBAAkB,CAAC;KAChC,CAAC;CACH,CAAC;AAGF,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;KAClC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAEhC,kBAAkB,EAAE,WAAW,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAItD,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAA;KAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;QAClC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;KACtE,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,sBAAsB,GACtB,oBAAoB,GACpB,uBAAuB,GACvB,uBAAuB,GACvB,gBAAgB,CAAC,qBAAqB,CAAC,GACvC,oBAAoB,GACpB,cAAc,GACd,aAAa,GACb,cAAc,CAAC,YAAY,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-markdown",
-  "version": "0.6.13-main.ed424a1",
+  "version": "0.6.13-staging.1e988a3",
   "description": "DXOS Surface plugin for interacting with Markdown",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,24 +10,21 @@
     ".": {
       "browser": "./dist/lib/browser/index.mjs",
       "node": {
-        "require": "./dist/lib/node/index.cjs",
-        "default": "./dist/lib/node-esm/index.mjs"
+        "default": "./dist/lib/node/index.cjs"
       },
       "types": "./dist/types/src/index.d.ts"
     },
     "./meta": {
       "browser": "./dist/lib/browser/meta.mjs",
       "node": {
-        "require": "./dist/lib/node/meta.cjs",
-        "default": "./dist/lib/node-esm/meta.mjs"
+        "default": "./dist/lib/node/meta.cjs"
       },
       "types": "./dist/types/src/meta.d.ts"
     },
     "./types": {
       "browser": "./dist/lib/browser/types/index.mjs",
       "node": {
-        "require": "./dist/lib/node/types/index.cjs",
-        "default": "./dist/lib/node-esm/types/index.mjs"
+        "default": "./dist/lib/node/types/index.cjs"
       },
       "types": "./dist/types/src/types/index.d.ts"
     }
@@ -49,31 +46,29 @@
   ],
   "dependencies": {
     "@codemirror/search": "^6.5.6",
-    "@codemirror/view": "^6.34.1",
-    "@effect/schema": "^0.75.1",
+    "@codemirror/view": "^6.29.1",
     "@preact/signals-core": "^1.6.0",
-    "@dxos/app-framework": "0.6.13-main.ed424a1",
-    "@dxos/async": "0.6.13-main.ed424a1",
-    "@dxos/echo-schema": "0.6.13-main.ed424a1",
-    "@dxos/invariant": "0.6.13-main.ed424a1",
-    "@dxos/keys": "0.6.13-main.ed424a1",
-    "@dxos/local-storage": "0.6.13-main.ed424a1",
-    "@dxos/log": "0.6.13-main.ed424a1",
-    "@dxos/plugin-attention": "0.6.13-main.ed424a1",
-    "@dxos/plugin-client": "0.6.13-main.ed424a1",
-    "@dxos/plugin-graph": "0.6.13-main.ed424a1",
-    "@dxos/plugin-space": "0.6.13-main.ed424a1",
-    "@dxos/plugin-settings": "0.6.13-main.ed424a1",
-    "@dxos/plugin-theme": "0.6.13-main.ed424a1",
-    "@dxos/react-client": "0.6.13-main.ed424a1",
-    "@dxos/react-hooks": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-attention": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-card": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-deck": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-editor": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-stack": "0.6.13-main.ed424a1",
-    "@dxos/util": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-mosaic": "0.6.13-main.ed424a1"
+    "@dxos/app-framework": "0.6.13-staging.1e988a3",
+    "@dxos/async": "0.6.13-staging.1e988a3",
+    "@dxos/echo-schema": "0.6.13-staging.1e988a3",
+    "@dxos/keys": "0.6.13-staging.1e988a3",
+    "@dxos/local-storage": "0.6.13-staging.1e988a3",
+    "@dxos/invariant": "0.6.13-staging.1e988a3",
+    "@dxos/log": "0.6.13-staging.1e988a3",
+    "@dxos/plugin-attention": "0.6.13-staging.1e988a3",
+    "@dxos/plugin-client": "0.6.13-staging.1e988a3",
+    "@dxos/plugin-graph": "0.6.13-staging.1e988a3",
+    "@dxos/plugin-space": "0.6.13-staging.1e988a3",
+    "@dxos/plugin-theme": "0.6.13-staging.1e988a3",
+    "@dxos/plugin-settings": "0.6.13-staging.1e988a3",
+    "@dxos/react-client": "0.6.13-staging.1e988a3",
+    "@dxos/react-hooks": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui-deck": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui-card": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui-editor": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui-mosaic": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui-stack": "0.6.13-staging.1e988a3",
+    "@dxos/util": "0.6.13-staging.1e988a3"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -81,18 +76,18 @@
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "vite": "5.4.7",
-    "@dxos/react-ui": "0.6.13-main.ed424a1",
-    "@dxos/random": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-theme": "0.6.13-main.ed424a1",
-    "@dxos/storybook-utils": "0.6.13-main.ed424a1"
+    "vite": "^5.3.4",
+    "@dxos/random": "0.6.13-staging.1e988a3",
+    "@dxos/storybook-utils": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui-theme": "0.6.13-staging.1e988a3"
   },
-  "peerDependencies": {
+  "optionalDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.6.13-main.ed424a1",
-    "@dxos/react-ui-theme": "0.6.13-main.ed424a1"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@dxos/react-ui": "0.6.13-staging.1e988a3",
+    "@dxos/react-ui-theme": "0.6.13-staging.1e988a3"
   },
   "publishConfig": {
     "access": "public"

package/src/MarkdownPlugin.tsx

@@ -2,10 +2,11 @@
 // Copyright 2023 DXOS.org
 //
 
-import { TextAa } from '@phosphor-icons/react';
-import React from 'react';
+import { type IconProps, TextAa } from '@phosphor-icons/react';
+import React, { type Ref } from 'react';
 
 import {
+  isObject,
   parseIntentPlugin,
   resolvePlugin,
   LayoutAction,
@@ -15,6 +16,7 @@ import {
 } 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 { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';
 import { SpaceAction } from '@dxos/plugin-space';
@@ -32,11 +34,12 @@ import {
   EditorViewModes,
   translations as editorTranslations,
 } from '@dxos/react-ui-editor';
+import { isTileComponentProps } from '@dxos/react-ui-mosaic';
 
-import { MarkdownContainer, MarkdownSettings } from './components';
+import { type DocumentItemProps, DocumentCard, DocumentEditor, MarkdownEditor, MarkdownSettings } from './components';
 import meta, { MARKDOWN_PLUGIN } from './meta';
 import translations from './translations';
-import { DocumentType, isEditorModel, TextType } from './types';
+import { DocumentType, TextType } from './types';
 import {
   type MarkdownPluginProvides,
   type MarkdownSettingsProps,
@@ -45,22 +48,37 @@ import {
 } from './types';
 import { markdownExtensionPlugins, serializer } from './util';
 
-// TODO(burdon): Normalize active/object.
-const getDoc = (object: any) => (object instanceof DocumentType ? object : undefined);
+/**
+ * Checks if an object conforms to the interface needed to render an editor.
+ */
+const isEditorModel = (data: any): data is { id: string; text: string } => {
+  return (
+    data &&
+    typeof data === 'object' &&
+    'id' in data &&
+    typeof data.id === 'string' &&
+    'text' in data &&
+    typeof data.text === 'string'
+  );
+};
 
 export const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {
   const settings = new LocalStorageStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN, {
     defaultViewMode: 'preview',
     toolbar: true,
-    numberedHeadings: true,
     folding: false,
     experimental: false,
   });
 
   const state = new LocalStorageStore<MarkdownPluginState>(MARKDOWN_PLUGIN, { extensionProviders: [], viewMode: {} });
 
-  const getViewMode = (id: string) => (id && state.values.viewMode[id]) || settings.values.defaultViewMode;
-  const setViewMode = (id: string, viewMode: EditorViewMode) => (state.values.viewMode[id] = viewMode);
+  const getViewMode = (id?: string) => {
+    return (id && state.values.viewMode[id]) || settings.values.defaultViewMode;
+  };
+
+  const setViewMode = (id: string, nextViewMode: EditorViewMode) => {
+    state.values.viewMode[id] = nextViewMode;
+  };
 
   return {
     meta,
@@ -91,7 +109,7 @@ export const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {
 
       markdownExtensionPlugins(plugins).forEach((plugin) => {
         const { extensions } = plugin.provides.markdown;
-        state.values.extensionProviders?.push(extensions);
+        state.values.extensionProviders.push(extensions);
       });
     },
     provides: {
@@ -99,9 +117,10 @@ export const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {
       metadata: {
         records: {
           [DocumentType.typename]: {
-            label: (object: any) => (object instanceof DocumentType ? object.name || object.fallbackName : undefined),
+            label: (object: any) => (object instanceof DocumentType ? object.name ?? object.fallbackName : undefined),
             placeholder: ['document title placeholder', { ns: MARKDOWN_PLUGIN }],
-            icon: 'ph--text-aa--regular',
+            icon: (props: IconProps) => <TextAa {...props} />,
+            iconSymbol: 'ph--text-aa--regular',
             graphProps: {
               managesAutofocus: true,
             },
@@ -115,12 +134,6 @@ export const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {
       echo: {
         schema: [DocumentType, TextType],
       },
-      space: {
-        onSpaceCreate: {
-          label: ['create document label', { ns: MARKDOWN_PLUGIN }],
-          action: MarkdownAction.CREATE,
-        },
-      },
       graph: {
         builder: (plugins) => {
           const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
@@ -154,7 +167,8 @@ export const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {
                   },
                   properties: {
                     label: ['create document label', { ns: MARKDOWN_PLUGIN }],
-                    icon: 'ph--text-aa--regular',
+                    icon: (props: IconProps) => <TextAa {...props} />,
+                    iconSymbol: 'ph--text-aa--regular',
                     testId: 'markdownPlugin.createObject',
                   },
                 },
@@ -227,10 +241,13 @@ export const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {
         ],
       },
       thread: {
+        // TODO(Zan): How to better handle the type predicate?
         predicate: (obj) => obj instanceof DocumentType,
         createSort: (doc: DocumentType) => {
           const accessor = doc.content ? createDocAccessor(doc.content, ['content']) : undefined;
+
           if (!accessor) {
+            log.warn('No accessor found for document content.');
             return (_) => 0;
           }
 
@@ -239,45 +256,75 @@ export const MarkdownPlugin = (): PluginDefinition<MarkdownPluginProvides> => {
             return range?.start ?? Number.MAX_SAFE_INTEGER;
           };
 
-          return (anchorA: string | undefined, anchorB: string | undefined): number => {
-            if (anchorA === undefined || anchorB === undefined) {
-              return 0;
-            }
-            const posA = getStartPosition(anchorA);
-            const posB = getStartPosition(anchorB);
-            return posA - posB;
-          };
+          return (anchorA: string, anchorB: string) => getStartPosition(anchorA) - getStartPosition(anchorB);
         },
       },
       surface: {
-        component: ({ data, role }) => {
+        component: ({ data, role, ...props }, forwardedRef) => {
+          const doc =
+            data.active instanceof DocumentType
+              ? data.active
+              : data.object instanceof DocumentType
+                ? data.object
+                : undefined;
+
           switch (role) {
             case 'section':
             case 'article': {
-              // TODO(burdon): Normalize types (from FilesPlugin).
-              const doc = getDoc(data.active) ?? 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;
+              if (doc && doc.content) {
+                return (
+                  <DocumentEditor
+                    role={role}
+                    coordinate={data.coordinate as LayoutCoordinate}
+                    document={doc}
+                    extensionProviders={state.values.extensionProviders}
+                    settings={settings.values}
+                    scrollPastEnd
+                    viewMode={getViewMode(fullyQualifiedId(doc))}
+                    onViewModeChange={setViewMode}
+                  />
+                );
+              } else if (isEditorModel(data.object)) {
+                return (
+                  <MarkdownEditor
+                    id={data.object.id}
+                    role={role}
+                    coordinate={data.coordinate as LayoutCoordinate}
+                    initialValue={data.object.text}
+                    extensionProviders={state.values.extensionProviders}
+                    inputMode={settings.values.editorInputMode}
+                    toolbar={settings.values.toolbar}
+                    scrollPastEnd
+                    viewMode={getViewMode(data.object.id)}
+                    onViewModeChange={setViewMode}
+                  />
+                );
               }
+              break;
+            }
 
-              return (
-                <MarkdownContainer
-                  id={id}
-                  object={object}
-                  role={role}
-                  coordinate={data.coordinate as LayoutCoordinate}
-                  settings={settings.values}
-                  extensionProviders={state.values.extensionProviders}
-                  viewMode={getViewMode(id)}
-                  onViewModeChange={setViewMode}
-                />
-              );
+            case 'card': {
+              if (
+                isObject(data.content) &&
+                typeof data.content.id === 'string' &&
+                data.content.object instanceof DocumentType
+              ) {
+                // isTileComponentProps is a type guard for these props.
+                // `props` will not pass this guard without transforming `data` into `item`.
+                const cardProps = {
+                  ...props,
+                  item: {
+                    id: data.content.id,
+                    object: data.content.object,
+                    color: typeof data.content.color === 'string' ? data.content.color : undefined,
+                  } as DocumentItemProps,
+                };
+
+                return isTileComponentProps(cardProps) ? (
+                  <DocumentCard {...cardProps} settings={settings.values} ref={forwardedRef as Ref<HTMLDivElement>} />
+                ) : null;
+              }
+              break;
             }
 
             case 'settings': {

package/src/components/DocumentCard.tsx

@@ -0,0 +1,107 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React, { forwardRef } from 'react';
+
+import { createDocAccessor } from '@dxos/react-client/echo';
+import { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';
+import { Card } from '@dxos/react-ui-card';
+import {
+  createBasicExtensions,
+  createDataExtensions,
+  createThemeExtensions,
+  useTextEditor,
+} from '@dxos/react-ui-editor';
+import type { MosaicTileComponent } from '@dxos/react-ui-mosaic';
+import { focusRing, mx } from '@dxos/react-ui-theme';
+
+import { createBaseExtensions } from '../extensions';
+import { MARKDOWN_PLUGIN } from '../meta';
+import { type DocumentType, type MarkdownSettingsProps } from '../types';
+
+export type DocumentItemProps = {
+  id: string;
+  object: DocumentType;
+  color?: string;
+};
+
+export type DocumentCardProps = {
+  settings: MarkdownSettingsProps;
+};
+
+/**
+ * @deprecated
+ */
+// TODO(wittjosiah): Unify with DocumentEditor.
+export const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(
+  (
+    {
+      classNames,
+      isDragging,
+      draggableStyle,
+      draggableProps,
+      item: { id, object, color },
+      grow,
+      settings,
+      onSelect,
+      onAction,
+    },
+    forwardRef,
+  ) => {
+    const { t } = useTranslation(MARKDOWN_PLUGIN);
+    const { themeMode } = useThemeContext();
+    const { parentRef, focusAttributes } = useTextEditor(
+      () => ({
+        initialValue: object.content?.content,
+        extensions: [
+          createBasicExtensions({ placeholder: t('editor placeholder') }),
+          createThemeExtensions({ themeMode }),
+          createDataExtensions({
+            id: object.id,
+            text: object.content && createDocAccessor(object.content, ['content']),
+          }),
+          createBaseExtensions({
+            document: object,
+            debug: settings.debug,
+            experimental: settings.experimental,
+          }),
+        ],
+      }),
+      [object, object.content, themeMode],
+    );
+
+    return (
+      <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>
+        <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>
+          <Card.Header onDoubleClick={() => onSelect?.()}>
+            <Card.DragHandle {...draggableProps} />
+            <Input.Root>
+              <Input.TextInput
+                variant='subdued'
+                classNames='p-0'
+                placeholder={t('document title placeholder')}
+                value={object.name}
+                onChange={(event) => (object.name = event.target.value)}
+              />
+            </Input.Root>
+            <Card.Menu>
+              {/* TODO(burdon): Handle events/intents? */}
+              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>
+                <span className='grow'>Delete</span>
+              </DropdownMenu.Item>
+              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>
+                <span className='grow'>Change color</span>
+              </DropdownMenu.Item>
+            </Card.Menu>
+          </Card.Header>
+          <Card.Body>
+            <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />
+          </Card.Body>
+        </Card.Root>
+      </div>
+    );
+  },
+);
+
+export default DocumentCard;