@dxos/react-ui-editor 0.6.13 → 0.6.14-main.2b6a0f3

package/dist/types/src/{extensions → state}/cursor.d.ts

@@ -1,4 +1,4 @@
-import { type EditorState, Facet } from '@codemirror/state';
+import { type EditorState } from '@codemirror/state';
 import { type Range } from './types';
 /**
  * Converts indexes into the text document into stable peer-independent cursors.
@@ -15,7 +15,7 @@ export interface CursorConverter {
     fromCursor(cursor: string): number;
 }
 export declare class Cursor {
-    static readonly converter: Facet<CursorConverter, CursorConverter>;
+    static readonly converter: import("@codemirror/state").Facet<unknown, CursorConverter>;
     static readonly getCursorFromRange: (state: EditorState, range: Range) => string;
     static readonly getRangeFromCursor: (state: EditorState, cursor: string) => {
         from: number;

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

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.d.ts","sourceRoot":"","sources":["../../../../src/state/cursor.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAGrC;;;;;;;;;GASG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/D,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAOD,qBAAa,MAAM;IACjB,MAAM,CAAC,QAAQ,CAAC,SAAS,8DAA4C;IAErE,MAAM,CAAC,QAAQ,CAAC,kBAAkB,UAAW,WAAW,SAAS,KAAK,YAMpE;IAEF,MAAM,CAAC,QAAQ,CAAC,kBAAkB,UAAW,WAAW,UAAU,MAAM;;;kBAOtE;CACH"}

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

@@ -0,0 +1,5 @@
+/**
+ * Currently edited document id as FQ string.
+ */
+export declare const documentId: import("@codemirror/state").Facet<string, string>;
+//# sourceMappingURL=doc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"doc.d.ts","sourceRoot":"","sources":["../../../../src/state/doc.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,UAAU,mDAA6B,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './cursor';
+export * from './doc';
+export * from './state';
+export * from './types';
+export * from './util';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/state/index.ts"],"names":[],"mappings":"AAMA,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/dist/types/src/{extensions → state}/state.d.ts

@@ -1,4 +1,4 @@
-import { type Extension, type TransactionSpec } from '@codemirror/state';
+import { type EditorState, type Extension, type TransactionSpec } from '@codemirror/state';
 export type EditorSelection = {
     anchor: number;
     head?: number;
@@ -12,7 +12,7 @@ export type EditorStateOptions = {
     getState: (id: string) => EditorSelectionState | undefined;
 };
 export declare const localStorageStateStoreAdapter: EditorStateOptions;
-export declare const createEditorStateTransaction: ({ scrollTo, selection }: EditorSelectionState) => TransactionSpec;
+export declare const createEditorStateTransaction: (state: EditorState, { scrollTo, selection }: EditorSelectionState) => TransactionSpec;
 /**
  * Track scrolling and selection state to be restored when switching to document.
  */

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/state/state.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAe,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWxG,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC5D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,oBAAoB,GAAG,SAAS,CAAC;CAC5D,CAAC;AAGF,eAAO,MAAM,6BAA6B,EAAE,kBAW3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAChC,WAAW,2BACO,oBAAoB,KAC5C,eAOF,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,KAAK,4BAA4B,OAAO,CAAC,kBAAkB,CAAC,KAAQ,SAuChF,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/state/types.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAIF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { Facet } from '@codemirror/state';
+export declare const singleValueFacet: <I, O = I>(defaultValue?: O) => Facet<I, O>;
+//# sourceMappingURL=util.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/state/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,gBAMvD,CAAC"}

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

@@ -1,9 +1,8 @@
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export declare const theme: {
-    mark: string;
     code: string;
     codeMark: string;
-    blockquote: string;
+    mark: string;
     heading: (level: HeadingLevel) => string;
 };
 //# sourceMappingURL=markdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/styles/markdown.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAYjD,eAAO,MAAM,KAAK;;;;;qBAMC,YAAY;CAG9B,CAAC"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/styles/markdown.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAYjD,eAAO,MAAM,KAAK;;;;qBAIC,YAAY;CAG9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/styles/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,YAAY,EAAE,WA6M1B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/styles/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,YAAY,EAAE,WA+M1B,CAAC"}

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

@@ -1,7 +1,13 @@
 import type { Transaction } from '@codemirror/state';
+import { type EditorView } from '@codemirror/view';
 /**
  * CodeMirror callbacks swallow errors so wrap handlers.
  */
 export declare const callbackWrapper: <T extends Function>(fn: T) => T;
+/**
+ * Log all changes before dispatching them to the view.
+ * https://codemirror.net/docs/ref/#view.EditorView.dispatch
+ */
+export declare const debugDispatcher: (trs: readonly Transaction[], view: EditorView) => void;
 export declare const logChanges: (trs: readonly Transaction[]) => void;
 //# sourceMappingURL=util.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AAEH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,QAAQ,MAAM,CAAC,KAAG,CAOxC,CAAC;AAErB,eAAO,MAAM,UAAU,QAAS,SAAS,WAAW,EAAE,SAmBrD,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInD;;GAEG;AAEH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,QAAQ,MAAM,CAAC,KAAG,CAOxC,CAAC;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAS,SAAS,WAAW,EAAE,QAAQ,UAAU,SAG5E,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,SAAS,WAAW,EAAE,SAmBrD,CAAC"}

package/package.json

@@ -1,43 +1,61 @@
 {
   "name": "@dxos/react-ui-editor",
-  "version": "0.6.13",
+  "version": "0.6.14-main.2b6a0f3",
   "description": "Document editing experience within a DXOS shell.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
+  "sideEffects": false,
   "exports": {
     ".": {
       "browser": "./dist/lib/browser/index.mjs",
+      "node": {
+        "require": "./dist/lib/node/index.cjs",
+        "default": "./dist/lib/node-esm/index.mjs"
+      },
       "types": "./dist/types/src/index.d.ts"
+    },
+    "./state": {
+      "browser": "./dist/lib/browser/state/index.mjs",
+      "node": {
+        "require": "./dist/lib/node/state/index.cjs",
+        "default": "./dist/lib/node-esm/state/index.mjs"
+      },
+      "types": "./dist/types/src/state/index.d.ts"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
-    "*": {}
+    "*": {
+      "state": [
+        "dist/types/src/state/index.d.ts"
+      ]
+    }
   },
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
-    "@codemirror/autocomplete": "^6.18.0",
-    "@codemirror/commands": "^6.6.0",
+    "@codemirror/autocomplete": "^6.18.1",
+    "@codemirror/commands": "^6.6.2",
     "@codemirror/lang-javascript": "^6.2.2",
-    "@codemirror/lang-markdown": "^6.2.5",
-    "@codemirror/language": "^6.10.2",
+    "@codemirror/lang-markdown": "^6.3.0",
+    "@codemirror/language": "^6.10.3",
     "@codemirror/language-data": "^6.5.1",
-    "@codemirror/lint": "^6.8.1",
+    "@codemirror/lint": "^6.8.2",
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "^6.29.1",
+    "@codemirror/view": "^6.34.1",
     "@fluentui/react-tabster": "^9.19.0",
-    "@lezer/common": "^1.2.1",
-    "@lezer/highlight": "^1.2.0",
-    "@lezer/markdown": "^1.3.0",
+    "@lezer/common": "^1.2.2",
+    "@lezer/generator": "^1.7.1",
+    "@lezer/highlight": "^1.2.1",
+    "@lezer/markdown": "^1.3.1",
     "@radix-ui/react-context": "^1.0.0",
-    "@replit/codemirror-vim": "^6.0.14",
+    "@replit/codemirror-vim": "^6.2.1",
     "@replit/codemirror-vscode-keymap": "^6.0.2",
     "codemirror": "^6.0.1",
     "lib0": "^0.2.65",
@@ -47,26 +65,23 @@
     "lodash.sortby": "^4.7.0",
     "react-dropzone": "^14.2.3",
     "style-mod": "^4.1.0",
-    "@dxos/async": "0.6.13",
-    "@dxos/automerge": "0.6.13",
-    "@dxos/context": "0.6.13",
-    "@dxos/debug": "0.6.13",
-    "@dxos/display-name": "0.6.13",
-    "@dxos/echo-schema": "0.6.13",
-    "@dxos/invariant": "0.6.13",
-    "@dxos/log": "0.6.13",
-    "@dxos/protocols": "0.6.13",
-    "@dxos/react-hooks": "0.6.13",
-    "@dxos/react-ui": "0.6.13",
-    "@dxos/react-ui-theme": "0.6.13",
-    "@dxos/util": "0.6.13"
+    "@dxos/automerge": "0.6.14-main.2b6a0f3",
+    "@dxos/context": "0.6.14-main.2b6a0f3",
+    "@dxos/debug": "0.6.14-main.2b6a0f3",
+    "@dxos/display-name": "0.6.14-main.2b6a0f3",
+    "@dxos/async": "0.6.14-main.2b6a0f3",
+    "@dxos/echo-schema": "0.6.14-main.2b6a0f3",
+    "@dxos/invariant": "0.6.14-main.2b6a0f3",
+    "@dxos/log": "0.6.14-main.2b6a0f3",
+    "@dxos/protocols": "0.6.14-main.2b6a0f3",
+    "@dxos/react-hooks": "0.6.14-main.2b6a0f3",
+    "@dxos/util": "0.6.14-main.2b6a0f3"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "@preact/signals-react": "^1.3.8",
-    "@testing-library/dom": "^8.17.1",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@types/chai": "^4.2.15",
+    "@types/chai-dom": "^1.11.0",
     "@types/lodash.defaultsdeep": "^4.6.6",
     "@types/lodash.get": "^4.4.7",
     "@types/lodash.merge": "^4.6.6",
@@ -74,29 +89,34 @@
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "@types/react-test-renderer": "^17.0.2",
+    "chai": "^4.4.1",
+    "chai-dom": "^1.11.0",
     "happy-dom": "^13.3.1",
     "jsdom": "^24.0.0",
+    "mocha": "^10.6.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "react-test-renderer": "~18.2.0",
-    "vite": "^5.3.4",
+    "vite": "5.4.7",
     "vite-plugin-top-level-await": "^1.4.1",
     "vite-plugin-wasm": "^3.3.0",
-    "@dxos/automerge": "0.6.13",
-    "@dxos/config": "0.6.13",
-    "@dxos/echo-signals": "0.6.13",
-    "@dxos/echo-typegen": "0.6.13",
-    "@dxos/keyboard": "0.6.13",
-    "@dxos/random": "0.6.13",
-    "@dxos/react-client": "0.6.13",
-    "@dxos/react-ui": "0.6.13",
-    "@dxos/storybook-utils": "0.6.13"
+    "@dxos/automerge": "0.6.14-main.2b6a0f3",
+    "@dxos/echo-signals": "0.6.14-main.2b6a0f3",
+    "@dxos/config": "0.6.14-main.2b6a0f3",
+    "@dxos/keyboard": "0.6.14-main.2b6a0f3",
+    "@dxos/random": "0.6.14-main.2b6a0f3",
+    "@dxos/react-ui": "0.6.14-main.2b6a0f3",
+    "@dxos/react-client": "0.6.14-main.2b6a0f3",
+    "@dxos/react-ui-theme": "0.6.14-main.2b6a0f3",
+    "@dxos/storybook-utils": "0.6.14-main.2b6a0f3"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "@dxos/react-client": "0.6.13"
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "@dxos/react-client": "0.6.14-main.2b6a0f3",
+    "@dxos/react-ui": "0.6.14-main.2b6a0f3",
+    "@dxos/react-ui-theme": "0.6.14-main.2b6a0f3"
   },
   "publishConfig": {
     "access": "public"

package/src/InputMode.stories.tsx

@@ -26,7 +26,7 @@ import translations from './translations';
 
 type StoryProps = { placeholder?: string; readonly?: boolean } & UseTextEditorProps;
 
-const Story = ({ autoFocus, initialValue, placeholder, readonly }: StoryProps) => {
+const DefaultStory = ({ autoFocus, initialValue, placeholder, readonly }: StoryProps) => {
   const { themeMode } = useThemeContext();
   const [formattingState, trackFormatting] = useFormattingState();
   const [editorInputMode, setEditorInputMode] = useState<EditorInputMode>('default');
@@ -96,13 +96,6 @@ const EditorInputModeToolbar = ({
   );
 };
 
-export default {
-  title: 'react-ui-editor/InputMode',
-  decorators: [withTheme, withLayout({ fullscreen: true, tooltips: true })],
-  parameters: { translations, layout: 'fullscreen' },
-  render: Story,
-};
-
 export const Default = {
   render: () => {
     const { themeMode } = useThemeContext();
@@ -125,3 +118,10 @@ export const Markdown = {
     initialValue: '# Demo\n\nThis is a document.\n\n',
   },
 };
+
+export default {
+  title: 'ui/react-ui-editor/InputMode',
+  render: DefaultStory,
+  decorators: [withTheme, withLayout({ fullscreen: true, tooltips: true })],
+  parameters: { translations, layout: 'fullscreen' },
+};