@dxos/react-ui-editor 0.3.9-main.35264cb → 0.3.9-main.35e0812

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/Markdown.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,WAAW,EAAE,KAAK,SAAS,EAAc,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEvF,OAAO,EAUL,UAAU,EACX,MAAM,kBAAkB,CAAC;AAI1B,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,WAAW,6BAA8B,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,+FAsK1B,CAAC"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/Markdown.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,WAAW,EAAE,KAAK,SAAS,EAAc,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEvF,OAAO,EAUL,UAAU,EACX,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,WAAW,6BAA8B,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,+FA+I1B,CAAC"}

package/dist/types/src/components/Markdown/Markdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/Markdown.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;AAWxC,wBAGE;AAYF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAIF,eAAO,MAAM,OAAO;;;CA0BnB,CAAC"}
+{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/Markdown.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;AAWxC,wBAGE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAIF,eAAO,MAAM,OAAO;;;CAyBnB,CAAC"}

package/dist/types/src/components/Markdown/markdownTheme.d.ts

@@ -88,13 +88,6 @@ export declare const markdownTheme: {
     '& .cm-yLineSelection': {
         margin: string;
     };
-    '.cm-link': {
-        color: string;
-        textDecorationLine: string;
-        textDecorationThickness: string;
-        textUnderlineOffset: string;
-        borderRadius: string;
-    };
 };
-export declare const markdownHighlightStyle: HighlightStyle;
+export declare const markdownDarkHighlighting: HighlightStyle;
 //# sourceMappingURL=markdownTheme.d.ts.map

package/dist/types/src/components/Markdown/markdownTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdownTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/markdownTheme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,MAAM,YAAY,CAAC;AAEhC,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAE7C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAE3C,eAAO,MAAM,MAAM,YAAY,CAAC;AAQhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,gBA6ElC,CAAC"}
+{"version":3,"file":"markdownTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/markdownTheme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,MAAM,YAAY,CAAC;AAEhC,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAE7C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAE3C,eAAO,MAAM,MAAM,YAAY,CAAC;AAIhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,gBA6EpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAMlB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAC9D,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;yBAND,aAAa,QAAQ,UAAU,KAAK,IAAI;0GAkF7D,CAAC"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAMlB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAC9D,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;yBAND,aAAa,QAAQ,UAAU,KAAK,IAAI;0GAiF7D,CAAC"}

package/dist/types/src/components/TextEditor/TextEditor.stories.d.ts

@@ -1,5 +1,20 @@
 import '@dxosTheme';
+import { HighlightStyle, StreamLanguage } from '@codemirror/language';
 import React from 'react';
+export declare const nameRegex: RegExp;
+/**
+ * Simple Monaco language extension.
+ * https://github.com/codemirror/stream-parser/blob/main/test/test-stream-parser.ts
+ */
+export declare const promptLanguage: StreamLanguage<{
+    count: number;
+}>;
+/**
+ * https://codemirror.net/examples/styling
+ * https://lezer.codemirror.net/docs/ref/#highlight
+ */
+export declare const promptHighlightStyles: HighlightStyle;
+export declare const defaultHyperLinkTooltip: import("@codemirror/state").Extension;
 declare const _default: {
     component: React.ForwardRefExoticComponent<{
         model?: import("../../model").EditorModel | undefined;

package/dist/types/src/components/TextEditor/TextEditor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAGpB,OAAO,KAA+B,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AA0DpD,wBAIE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAWpD,eAAO,MAAM,SAAS,QAAgB,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,cAAc;WAAkC,MAAM;EAcjE,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,qBAAqB,gBAShC,CAAC;AAEH,eAAO,MAAM,uBAAuB,uCAUlC,CAAC;;;;;;;;;;;;;;AAuBH,wBAIE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}

package/dist/types/src/components/TextEditor/extensions/{hyperlinkWidget.d.ts → hyperlink.d.ts}

@@ -5,6 +5,6 @@ export declare function hyperLinkExtension(): ViewPlugin<{
     decorations: DecorationSet;
     update(update: ViewUpdate): void;
 }>;
-export declare const hyperlinkStyle: Extension;
-export declare const hyperlinkWidget: Extension;
-//# sourceMappingURL=hyperlinkWidget.d.ts.map
+export declare const hyperLinkStyle: Extension;
+export declare const hyperlink: Extension;
+//# sourceMappingURL=hyperlink.d.ts.map

package/dist/types/src/components/TextEditor/extensions/hyperlink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyperlink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/hyperlink.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAEL,KAAK,aAAa,EAElB,cAAc,EACd,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AA4C1B,wBAAgB,kBAAkB;wBAGR,cAAc;;mBAOnB,UAAU;GAwB9B;AAED,eAAO,MAAM,cAAc,WAYzB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,SAAkD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/hyperlinkTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hyperlinkTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/hyperlinkTooltip.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAElE;;;;GAIG;AAEH,eAAO,MAAM,sBAAsB,YAAa,gBAAgB,2DA0C5D,CAAC"}
+{"version":3,"file":"hyperlinkTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/hyperlinkTooltip.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,YAAa,gBAAgB,2DA0C5D,CAAC"}

package/dist/types/src/components/TextEditor/extensions/index.d.ts

@@ -1,4 +1,3 @@
-export * from './hyperlinkDecoration';
+export * from './hyperlink';
 export * from './hyperlinkTooltip';
-export * from './hyperlinkWidget';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/TextEditor/extensions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/index.ts"],"names":[],"mappings":"AAIA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}

package/dist/types/src/components/TextEditor/theme.d.ts

@@ -1,6 +1,5 @@
 import { type StyleSpec } from 'style-mod';
 /**
- * Minimal styles.
  * https://codemirror.net/examples/styling
  */
 export declare const defaultStyles: {

package/dist/types/src/components/TextEditor/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAM3C;;;GAGG;AAEH,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAiB/B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAM3C;;GAEG;AAEH,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAgB/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-editor",
-  "version": "0.3.9-main.35264cb",
+  "version": "0.3.9-main.35e0812",
   "description": "Document editing experience within a DXOS shell.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -48,15 +48,15 @@
     "y-prosemirror": "~1.0.20",
     "y-protocols": "^1.0.5",
     "yjs": "^13.6.10",
-    "@dxos/debug": "0.3.9-main.35264cb",
-    "@dxos/log": "0.3.9-main.35264cb",
-    "@dxos/display-name": "0.3.9-main.35264cb",
-    "@dxos/protocols": "0.3.9-main.35264cb",
-    "@dxos/react-ui": "0.3.9-main.35264cb",
-    "@dxos/react-ui-theme": "0.3.9-main.35264cb",
-    "@dxos/react-async": "0.3.9-main.35264cb",
-    "@dxos/util": "0.3.9-main.35264cb",
-    "@dxos/text-model": "0.3.9-main.35264cb"
+    "@dxos/debug": "0.3.9-main.35e0812",
+    "@dxos/display-name": "0.3.9-main.35e0812",
+    "@dxos/log": "0.3.9-main.35e0812",
+    "@dxos/protocols": "0.3.9-main.35e0812",
+    "@dxos/react-async": "0.3.9-main.35e0812",
+    "@dxos/react-ui-theme": "0.3.9-main.35e0812",
+    "@dxos/react-ui": "0.3.9-main.35e0812",
+    "@dxos/text-model": "0.3.9-main.35e0812",
+    "@dxos/util": "0.3.9-main.35e0812"
   },
   "devDependencies": {
     "@codemirror/basic-setup": "^0.20.0",
@@ -67,18 +67,18 @@
     "@types/react-dom": "^18.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@dxos/automerge": "0.3.9-main.35264cb",
-    "@dxos/echo-schema": "0.3.9-main.35264cb",
-    "@dxos/config": "0.3.9-main.35264cb",
-    "@dxos/echo-typegen": "0.3.9-main.35264cb",
-    "@dxos/storybook-utils": "0.3.9-main.35264cb",
-    "@dxos/react-client": "0.3.9-main.35264cb"
+    "@dxos/config": "0.3.9-main.35e0812",
+    "@dxos/automerge": "0.3.9-main.35e0812",
+    "@dxos/echo-typegen": "0.3.9-main.35e0812",
+    "@dxos/echo-schema": "0.3.9-main.35e0812",
+    "@dxos/storybook-utils": "0.3.9-main.35e0812",
+    "@dxos/react-client": "0.3.9-main.35e0812"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@dxos/react-client": "0.3.9-main.35264cb"
+    "@dxos/react-client": "0.3.9-main.35e0812"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Editor/Editor.tsx

@@ -16,6 +16,7 @@ export type EditorProps = UseTextModelOptions & {
 
 /**
  * Memoized editor which depends on DXOS platform.
+ *
  * Determines which editor to render based on the kind of text.
  */
 // NOTE: Without `memo`, if parent component uses `observer` the editor re-renders excessively.
@@ -23,10 +24,6 @@ export type EditorProps = UseTextModelOptions & {
 export const Editor = memo(
   forwardRef<TipTapEditor | MarkdownEditorRef, EditorProps>(({ slots, ...params }, forwardedRef) => {
     const model = useTextModel(params);
-    if (!model) {
-      return null;
-    }
-
     if (model?.content instanceof YXmlFragment) {
       return <RichTextEditor ref={forwardedRef as Ref<TipTapEditor>} model={model} slots={slots} />;
     } else {

package/src/components/Markdown/Markdown.stories.tsx

@@ -20,21 +20,11 @@ export default {
   decorators: [withTheme],
 };
 
-const content = [
-  '',
-  '',
-  'This is all about [DXOS](https://dxos.org); read more [here](https://docs.dxos.org/guide/getting-started.html).',
-  '',
-  'This is a link: https://www.dxos.org',
-  '',
-  '',
-].join('\n');
-
 export const Default = {
   args: {
     model: {
       id: 'editor',
-      content,
+      content: 'Hello, Storybook!',
     },
   },
 };
@@ -64,7 +54,6 @@ export const WithYjs = {
       </main>
     );
   },
-
   // TODO(wittjosiah): Decorator for doing this without clients being initialized?
   decorators: [ClientDecorator({ count: 2 })],
 };

package/src/components/Markdown/Markdown.tsx

@@ -30,7 +30,6 @@ import {
   EditorView,
 } from '@codemirror/view';
 import { useFocusableGroup } from '@fluentui/react-tabster';
-// import { GFM } from '@lezer/markdown';
 import { vim } from '@replit/codemirror-vim';
 import React, {
   type KeyboardEvent,
@@ -49,17 +48,16 @@ import { getColorForValue } from '@dxos/react-ui-theme';
 import { YText } from '@dxos/text-model';
 
 import { markdownTagsExtension } from './markdownTags';
-import { markdownHighlightStyle, markdownTheme } from './markdownTheme';
+import { markdownDarkHighlighting, markdownTheme } from './markdownTheme';
 import { type EditorModel, type EditorSlots } from '../../model';
 
 export const EditorModes = ['default', 'vim'] as const;
 export type EditorMode = (typeof EditorModes)[number];
 
 export type MarkdownEditorProps = {
-  model: EditorModel;
+  model?: EditorModel;
   slots?: EditorSlots;
   editorMode?: EditorMode;
-  showWidgets?: boolean;
   extensions?: Extension[];
   onChange?: (content: string | Text) => void;
 };
@@ -118,73 +116,50 @@ export const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>
       const state = EditorState.create({
         doc: content?.toString(),
         extensions: [
-          // Based on https://github.com/codemirror/dev/issues/44#issuecomment-789093799
+          // Based on https://github.com/codemirror/dev/issues/44#issuecomment-789093799.
           listenChangesExtension,
 
-          // TODO(burdon): Create custom bundle to make this class more reusable and retire simpler TextEditor component.
+          ...(editorMode === 'vim' ? [vim()] : []),
+
           // All of https://github.com/codemirror/basic-setup minus line numbers and fold gutter.
-          // https://codemirror.net/docs/ref/#codemirror.basicSetup
-          autocompletion(),
+          highlightActiveLineGutter(),
+          highlightSpecialChars(),
+          history(),
+          drawSelection(),
+          dropCursor(),
+          EditorState.allowMultipleSelections.of(true),
+          indentOnInput(),
+          syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
           bracketMatching(),
           closeBrackets(),
+          autocompletion(),
+          rectangularSelection(),
           crosshairCursor(),
-          dropCursor(),
-          drawSelection(),
           highlightActiveLine(),
-          highlightActiveLineGutter(),
           highlightSelectionMatches(),
-          highlightSpecialChars(),
-          history(),
-          indentOnInput(),
           placeholder(slots.editor?.placeholder ?? ''), // TODO(burdon): Needs consistent styling.
-          rectangularSelection(),
-          syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
-          EditorState.allowMultipleSelections.of(true),
-          EditorView.lineWrapping,
-
           keymap.of([
             ...closeBracketsKeymap,
-            ...completionKeymap,
             ...defaultKeymap,
-            ...foldKeymap,
+            ...searchKeymap,
             ...historyKeymap,
+            ...foldKeymap,
+            ...completionKeymap,
             ...lintKeymap,
-            ...searchKeymap,
             indentWithTab,
           ]),
+          EditorView.lineWrapping,
 
-          // Main extension.
-          // https://github.com/codemirror/lang-markdown
-          markdown({
-            base: markdownLanguage,
-            codeLanguages: languages,
-            extensions: [
-              // TODO(burdon): This seems to upgrade the parser.
-              // GitHub flavored markdown bundle: Table, TaskList, Strikethrough, and Autolink.
-              // https://github.com/lezer-parser/markdown?tab=readme-ov-file#github-flavored-markdown
-              // https://github.github.com/gfm
-              // GFM,
-
-              // Custom styling.
-              markdownTagsExtension,
-            ],
-          }),
-
-          // Theme.
+          // Themes.
+          markdown({ base: markdownLanguage, codeLanguages: languages, extensions: [markdownTagsExtension] }),
           EditorView.theme({ ...markdownTheme, ...slots.editor?.markdownTheme }),
           ...(themeMode === 'dark'
             ? [syntaxHighlighting(oneDarkHighlightStyle)]
             : [syntaxHighlighting(defaultHighlightStyle)]),
-
           // TODO(thure): All but one rule here apply to both themes; rename or refactor.
-          syntaxHighlighting(markdownHighlightStyle),
-
-          // Settings.
-          ...(editorMode === 'vim' ? [vim()] : []),
+          syntaxHighlighting(markdownDarkHighlighting),
 
-          // TODO(burdon): Move to extensions.
           // Replication and awareness (incl. remote selection).
-          // https://codemirror.net/docs/ref/#collab
           ...(content instanceof YText ? [yCollab(content, provider?.awareness)] : []),
 
           // Custom.

package/src/components/Markdown/markdownTheme.ts

@@ -32,10 +32,6 @@ export const cursor = '#ffffff';
 
 const monospace = get(tokens, 'fontFamily.mono', ['monospace']).join(',');
 
-// TODO(burdon): Subtle difference in layout for documents and stacks.
-// TODO(burdon): On first character, height of editor changes by a few pixels.
-// TODO(burdon): Is the '&' prefix required? If so, document.
-
 export const markdownTheme = {
   // TODO(thure): consider whether these commented-out rules from one-dark-theme should be integrated.
   // '&': {
@@ -168,13 +164,6 @@ export const markdownTheme = {
   '& .cm-yLineSelection': {
     margin: '0',
   },
-  '.cm-link': {
-    color: 'rgb(20 89 208)',
-    textDecorationLine: 'underline',
-    textDecorationThickness: '1px',
-    textUnderlineOffset: '2px',
-    borderRadius: '.125rem',
-  },
   ...Object.keys(get(tokens, 'extend.fontSize', {})).reduce((acc: Record<string, any>, fontSize) => {
     const height = get(tokens, ['extend', 'fontSize', fontSize, 1, 'lineHeight']);
     // TODO(thure): This appears to be the best or only way to set selection caret heights, but it's far more verbose than it needs to be.
@@ -185,7 +174,7 @@ export const markdownTheme = {
   }, {}),
 };
 
-export const markdownHighlightStyle = HighlightStyle.define(
+export const markdownDarkHighlighting = HighlightStyle.define(
   [
     {
       tag: [

package/src/components/TextEditor/TextEditor.stories.tsx

@@ -3,7 +3,9 @@
 //
 
 import '@dxosTheme';
-import { markdown } from '@codemirror/lang-markdown';
+
+import { HighlightStyle, StreamLanguage } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
 import { ArrowCircleUp } from '@phosphor-icons/react';
 import React, { StrictMode, useState } from 'react';
 import { createRoot } from 'react-dom/client';
@@ -13,52 +15,75 @@ import { fixedInsetFlexLayout, getSize, groupSurface, inputSurface, mx } from '@
 import { withTheme } from '@dxos/storybook-utils';
 
 import { TextEditor } from './TextEditor';
-import { createHyperlinkTooltip, hyperlinkDecoration } from './extensions';
+import { createHyperlinkTooltip, hyperlink } from './extensions';
 import { useTextModel } from '../../model';
 
-const text = [
-  '',
-  '',
-  'This is all about [DXOS](https://dxos.org); read more [here](https://docs.dxos.org/guide/getting-started.html).',
-  '',
-  '',
-].join('\n');
+export const nameRegex = /\{([\w_]+)}/;
 
-const hyperLinkTooltip = () =>
-  createHyperlinkTooltip((el, url) => {
-    const web = new URL(url);
-    createRoot(el).render(
-      <StrictMode>
-        <div className='flex gap-1 items-center'>
-          <ArrowCircleUp className={mx(getSize(6), 'text-blue-500')} />
-          <p className='pr-1'>{web.origin}</p>
-        </div>
-      </StrictMode>,
-    );
-  });
+/**
+ * Simple Monaco language extension.
+ * https://github.com/codemirror/stream-parser/blob/main/test/test-stream-parser.ts
+ */
+export const promptLanguage = StreamLanguage.define<{ count: number }>({
+  startState: () => ({ count: 0 }),
+
+  token: (stream, state) => {
+    state.count++;
+    if (stream.eatSpace()) {
+      return null;
+    }
+    if (stream.match(/^(<\w+>)/)) {
+      return 'tagName';
+    }
+    stream.next();
+    return null;
+  },
+});
+
+/**
+ * https://codemirror.net/examples/styling
+ * https://lezer.codemirror.net/docs/ref/#highlight
+ */
+export const promptHighlightStyles = HighlightStyle.define([
+  {
+    tag: tags.tagName,
+    class: mx(
+      'mr-1 p-1',
+      'bg-neutral-100 dark:bg-neutral-900 text-black dark:text-white font-mono text-sm',
+      'rounded border border-neutral-300 dark:border-neutral-700',
+    ),
+  },
+]);
+
+export const defaultHyperLinkTooltip = createHyperlinkTooltip((el, url) => {
+  const web = new URL(url);
+  createRoot(el).render(
+    <StrictMode>
+      <div className='flex gap-1 items-center'>
+        <ArrowCircleUp className={mx(getSize(6), 'text-blue-500')} />
+        <p className='pr-1'>{web.origin}</p>
+      </div>
+    </StrictMode>,
+  );
+});
 
 const Story = () => {
-  const [item] = useState({ text: new TextObject(text) });
+  const [item] = useState({
+    text: new TextObject(
+      '\n\n\nThis is all about [DXOS](https://dxos.org); read more [here](https://docs.dxos.org/guide/getting-started.html).\n\n\n',
+    ),
+  });
+
   const model = useTextModel({ text: item.text });
 
   return (
-    <div className={mx(fixedInsetFlexLayout, groupSurface)}>
-      <div className='flex justify-center p-8'>
-        <div className='w-[800px]'>
-          <TextEditor
-            model={model}
-            extensions={[
-              markdown(),
-              hyperlinkDecoration({ link: false }),
-              hyperLinkTooltip(),
-              // EditorView.domEventHandlers({
-              //   mousedown: (e, view) => {},
-              // }),
-            ]}
-            slots={{ root: { className: mx(inputSurface, 'p-2') } }}
-          />
-        </div>
-      </div>
+    <div className={mx(fixedInsetFlexLayout, groupSurface, 'p-4 gap-4')}>
+      <TextEditor
+        model={model}
+        slots={{ root: { className: mx(inputSurface, 'p-2') } }}
+        extensions={[hyperlink, defaultHyperLinkTooltip]}
+      />
+      <pre>{JSON.stringify(model?.content?.toString(), null, 2)}</pre>
     </div>
   );
 };

package/src/components/TextEditor/TextEditor.tsx

@@ -96,7 +96,6 @@ export const TextEditor = forwardRef<TextEditorRef, TextEditorProps>(
             : [syntaxHighlighting(defaultHighlightStyle)]),
 
           // Replication.
-          // TODO(burdon): Move to default extensions.
           ...(content instanceof YText ? [yCollab(content, undefined)] : []),
 
           // Custom.

package/src/components/TextEditor/extensions/{hyperlinkWidget.tsx → hyperlink.tsx}

@@ -15,20 +15,14 @@ import {
 
 // Notes: Can't edit widget content (or cursor nav through them).
 // - https://discuss.codemirror.net/t/focusing-inputs-within-widgets/5178/7
-//   Widgets intentionally always get set to contenteditable=false,
-//   or they would become part of CodeMirror’s editable content element.
+//   Widgets intentionally always get set to contenteditable=false, or they would become part of CodeMirror’s editable content element.
 //   You should be able to introduce new contenteditable=true child elements inside of them.
 
 const markdownLinkRegexp = /\[([^\]]+)]\(([^)]+)\)(!?)/gi;
 
-/**
- * Custom link decorator.
- * NOTE: The default markdown extension formats links by default.
- * @deprecated
- */
 const linkDecorator = () =>
   new MatchDecorator({
-    regexp: markdownLinkRegexp,
+    regexp: markdownLinkRegexp, // regexp || defaultRegexp,
     decorate: (add, from, to, match, view) => {
       const [_, label, url] = match;
       const p0 = {
@@ -51,21 +45,16 @@ const linkDecorator = () =>
         end: p1.end + 1 + url.length + 2,
       };
 
-      add(
-        p0.start,
-        p0.end,
-        Decoration.mark({ class: 'cm-hyperlink-bracket', _attributes: { style: 'display: none' } }),
-      );
+      // TODO(burdon): Wrap with tagName?
+      add(p0.start, p0.end, Decoration.mark({ class: 'cm-hyperlink-bracket' }));
       add(p1.start, p1.end, Decoration.mark({ class: 'cm-hyperlink-label' }));
-      add(
-        p2.start,
-        p2.end,
-        Decoration.mark({ class: 'cm-hyperlink-bracket', _attributes: { style: 'display: none' } }),
-      );
-      add(p3.start, p3.end, Decoration.mark({ class: 'cm-hyperlink-url', _attributes: { style: 'display: none' } }));
+      add(p2.start, p2.end, Decoration.mark({ class: 'cm-hyperlink-bracket' }));
+      add(p3.start, p3.end, Decoration.mark({ class: 'cm-hyperlink-url', __attributes: { style: 'display: none' } }));
     },
   });
 
+// const anchor = (dom: HTMLAnchorElement) => dom;
+
 export function hyperLinkExtension() {
   return ViewPlugin.fromClass(
     class HyperLinkView {
@@ -102,7 +91,7 @@ export function hyperLinkExtension() {
   );
 }
 
-export const hyperlinkStyle = EditorView.baseTheme({
+export const hyperLinkStyle = EditorView.baseTheme({
   '.cm-hyperlink-label': {
     cursor: 'pointer',
     textDecoration: 'underline',
@@ -116,4 +105,4 @@ export const hyperlinkStyle = EditorView.baseTheme({
   },
 });
 
-export const hyperlinkWidget: Extension = [hyperLinkExtension(), hyperlinkStyle];
+export const hyperlink: Extension = [hyperLinkExtension(), hyperLinkStyle];

package/src/components/TextEditor/extensions/hyperlinkTooltip.tsx

@@ -15,7 +15,6 @@ export type OnHyperlinkHover = (el: Element, url: string) => void;
  * https://codemirror.net/docs/ref/#view.hoverTooltip
  * https://github.com/codemirror/view/blob/main/src/tooltip.ts
  */
-// TODO(burdon): Create config object.
 export const createHyperlinkTooltip = (onHover: OnHyperlinkHover, regexp = markdownLinkRegexp) =>
   hoverTooltip((view, pos) => {
     const { from, text } = view.state.doc.lineAt(pos);

package/src/components/TextEditor/extensions/index.ts

@@ -2,6 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
-export * from './hyperlinkDecoration';
+export * from './hyperlink';
 export * from './hyperlinkTooltip';
-export * from './hyperlinkWidget';

package/src/components/TextEditor/theme.ts

@@ -10,7 +10,6 @@ import { tailwindConfig, type TailwindConfig } from '@dxos/react-ui-theme';
 const tokens: TailwindConfig['theme'] = tailwindConfig({}).theme;
 
 /**
- * Minimal styles.
  * https://codemirror.net/examples/styling
  */
 // TODO(burdon): If given a "theme" suffix, `__docgen` properties are added to the object.
@@ -20,7 +19,10 @@ export const defaultStyles: {
   '&.cm-focused': {
     outline: 'none',
   },
-  '.cm-scroller': {
+  '.cm-placeholder': {
+    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
+  },
+  '& .cm-scroller': {
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
     overflow: 'visible',
   },
@@ -28,8 +30,4 @@ export const defaultStyles: {
     backgroundColor: 'transparent',
     border: 'none',
   },
-  '.cm-link': {
-    color: get(tokens, 'extend.colors.primary.500'),
-    textDecoration: 'underline',
-  },
 };

package/dist/types/src/components/TextEditor/extensions/hyperlinkDecoration.d.ts

@@ -1,11 +0,0 @@
-import { type RangeSet, StateField } from '@codemirror/state';
-type HyperlinkDecorationConfig = {
-    link?: boolean;
-};
-/**
- * Creates a state field to replace AST elements with a hyperlink widget.
- * https://codemirror.net/docs/ref/#state.StateField
- */
-export declare const hyperlinkDecoration: ({ link }?: HyperlinkDecorationConfig) => StateField<RangeSet<any>>;
-export {};
-//# sourceMappingURL=hyperlinkDecoration.d.ts.map