@dxos/react-ui-editor 0.7.5-main.9d2a38b → 0.7.5-main.e94eead

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/lib/browser/index.mjs +27 -17
  2. package/dist/lib/browser/index.mjs.map +3 -3
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node/index.cjs +33 -23
  5. package/dist/lib/node/index.cjs.map +3 -3
  6. package/dist/lib/node/meta.json +1 -1
  7. package/dist/lib/node-esm/index.mjs +27 -17
  8. package/dist/lib/node-esm/index.mjs.map +3 -3
  9. package/dist/lib/node-esm/meta.json +1 -1
  10. package/dist/types/src/InputMode.stories.d.ts +3 -4
  11. package/dist/types/src/InputMode.stories.d.ts.map +1 -1
  12. package/dist/types/src/TextEditor.stories.d.ts +34 -35
  13. package/dist/types/src/TextEditor.stories.d.ts.map +1 -1
  14. package/dist/types/src/components/EditorToolbar/EditorToolbar.d.ts +1 -2
  15. package/dist/types/src/components/EditorToolbar/EditorToolbar.d.ts.map +1 -1
  16. package/dist/types/src/components/EditorToolbar/blocks.d.ts +2 -2
  17. package/dist/types/src/components/EditorToolbar/comment.d.ts +3 -3
  18. package/dist/types/src/components/EditorToolbar/comment.d.ts.map +1 -1
  19. package/dist/types/src/components/EditorToolbar/formatting.d.ts +2 -2
  20. package/dist/types/src/components/EditorToolbar/lists.d.ts +2 -2
  21. package/dist/types/src/components/EditorToolbar/util.d.ts +3 -3
  22. package/dist/types/src/extensions/automerge/automerge.stories.d.ts +5 -6
  23. package/dist/types/src/extensions/automerge/automerge.stories.d.ts.map +1 -1
  24. package/dist/types/src/extensions/factories.d.ts.map +1 -1
  25. package/dist/types/src/styles/theme.d.ts.map +1 -1
  26. package/package.json +30 -29
  27. package/src/components/EditorToolbar/comment.ts +5 -2
  28. package/src/extensions/automerge/automerge.stories.tsx +2 -2
  29. package/src/extensions/comments.ts +4 -4
  30. package/src/extensions/factories.ts +11 -5
  31. package/src/extensions/markdown/decorate.ts +1 -1
  32. package/src/extensions/markdown/formatting.test.ts +7 -6
  33. package/src/styles/markdown.ts +1 -1
  34. package/src/styles/stack-item-content-class-names.ts +1 -1
  35. package/src/styles/theme.ts +2 -3
@@ -4,10 +4,10 @@ export declare const createComment: (state: EditorToolbarState) => {
4
4
  id: string;
5
5
  type: string;
6
6
  cacheable?: string[];
7
- properties: Readonly<import("packages/ui/react-ui-menu/dist/types/src").MenuActionProperties & import("../..").EditorActionPayload>;
8
- data: import("packages/sdk/app-graph/dist/types/src").ActionData;
7
+ properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../..").EditorActionPayload>;
8
+ data: import("@dxos/app-graph").ActionData;
9
9
  }>, "properties"> & {
10
- properties: Readonly<import("packages/ui/react-ui-menu/dist/types/src").MenuActionProperties & import("../..").EditorActionPayload>;
10
+ properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../..").EditorActionPayload>;
11
11
  }>[];
12
12
  edges: {
13
13
  source: string;
@@ -1 +1 @@
1
- {"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorToolbar/comment.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAYrE,eAAO,MAAM,aAAa,UAAW,kBAAkB;;;;;;;;;;;;;;CAGrD,CAAC"}
1
+ {"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorToolbar/comment.ts"],"names":[],"mappings":"AAMA,OAAO,EAAsB,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAarE,eAAO,MAAM,aAAa,UAAW,kBAAkB;;;;;;;;;;;;;;CAGrD,CAAC"}
@@ -5,10 +5,10 @@ export declare const createFormatting: (state: EditorToolbarState) => {
5
5
  id: string;
6
6
  type: string;
7
7
  cacheable?: string[];
8
- properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../../extensions").EditorActionPayload>;
8
+ properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../..").EditorActionPayload>;
9
9
  data: import("@dxos/app-graph").ActionData;
10
10
  }>, "properties"> & {
11
- properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../../extensions").EditorActionPayload>;
11
+ properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../..").EditorActionPayload>;
12
12
  }> | NodeArg<any>)[];
13
13
  edges: {
14
14
  source: string;
@@ -5,10 +5,10 @@ export declare const createLists: (state: EditorToolbarState) => {
5
5
  id: string;
6
6
  type: string;
7
7
  cacheable?: string[];
8
- properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../../extensions").EditorActionPayload>;
8
+ properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../..").EditorActionPayload>;
9
9
  data: import("@dxos/app-graph").ActionData;
10
10
  }>, "properties"> & {
11
- properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../../extensions").EditorActionPayload>;
11
+ properties: Readonly<import("@dxos/react-ui-menu").MenuActionProperties & import("../..").EditorActionPayload>;
12
12
  }> | NodeArg<any>)[];
13
13
  edges: {
14
14
  source: string;
@@ -34,7 +34,7 @@ export declare const createEditorActionGroup: (id: string, props: Omit<ToolbarMe
34
34
  properties: {
35
35
  label: Label;
36
36
  value: string | (string & string[]);
37
- classNames?: import("@dxos/react-ui").ClassNameValue;
37
+ classNames?: import("@dxos/react-ui-types").ClassNameValue;
38
38
  hidden?: boolean | undefined;
39
39
  disabled?: boolean | undefined;
40
40
  checked?: boolean | undefined;
@@ -44,14 +44,14 @@ export declare const createEditorActionGroup: (id: string, props: Omit<ToolbarMe
44
44
  selectCardinality: "single" | "multiple";
45
45
  icon: string | undefined;
46
46
  };
47
- data: typeof import("packages/sdk/app-graph/dist/types/src").actionGroupSymbol;
47
+ data: typeof import("@dxos/app-graph").actionGroupSymbol;
48
48
  };
49
49
  export declare const editorToolbarSearch: Readonly<Omit<Readonly<{
50
50
  id: string;
51
51
  type: string;
52
52
  cacheable?: string[];
53
53
  properties: Readonly<MenuActionProperties & EditorActionPayload>;
54
- data: import("packages/sdk/app-graph/dist/types/src").ActionData;
54
+ data: import("@dxos/app-graph").ActionData;
55
55
  }>, "properties"> & {
56
56
  properties: Readonly<MenuActionProperties & EditorActionPayload>;
57
57
  }>;
@@ -1,6 +1,5 @@
1
1
  import '@dxos-theme';
2
2
  import '@preact/signals-react';
3
- import React from 'react';
4
3
  import { DocAccessor, type Space } from '@dxos/react-client/echo';
5
4
  import { type Identity } from '@dxos/react-client/halo';
6
5
  type EditorProps = {
@@ -11,9 +10,9 @@ type EditorProps = {
11
10
  };
12
11
  declare const _default: {
13
12
  title: string;
14
- component: ({ source, autoFocus, space, identity }: EditorProps) => React.JSX.Element;
15
- decorators: import("@storybook/react/*").Decorator[];
16
- render: () => React.JSX.Element;
13
+ component: ({ source, autoFocus, space, identity }: EditorProps) => import("react/jsx-runtime").JSX.Element;
14
+ decorators: import("@storybook/react").Decorator[];
15
+ render: () => import("react/jsx-runtime").JSX.Element;
17
16
  parameters: {
18
17
  translations: {
19
18
  'en-US': {
@@ -50,7 +49,7 @@ declare const _default: {
50
49
  export default _default;
51
50
  export declare const Default: {};
52
51
  export declare const WithEcho: {
53
- decorators: import("@storybook/react/*").Decorator[];
54
- render: () => React.JSX.Element;
52
+ decorators: import("@storybook/react").Decorator[];
53
+ render: () => import("react/jsx-runtime").JSX.Element;
55
54
  };
56
55
  //# sourceMappingURL=automerge.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"automerge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/automerge/automerge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EACL,WAAW,EAMX,KAAK,KAAK,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAgBrE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;;;wDAEsD,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDnE,wBAME;AAsBF,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;CAmBpB,CAAC"}
1
+ {"version":3,"file":"automerge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/automerge/automerge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,uBAAuB,CAAC;AAM/B,OAAO,EACL,WAAW,EAMX,KAAK,KAAK,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAgBrE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;;;wDAEsD,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDnE,wBAME;AAsBF,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;CAmBpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"factories.d.ts","sourceRoot":"","sources":["../../../../src/extensions/factories.ts"],"names":[],"mappings":"AAQA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAkBhE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAOhD,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,WAAW,CAAC;AAM3D,eAAO,MAAM,cAAc,WAA4E,CAAC;AAExG;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAsBF,eAAO,MAAM,qBAAqB,YAAa,sBAAsB,KAAG,SAuCvE,CAAC;AAMF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE;YACP,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;CACH,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,qBAAqB,oFAK/B,sBAAsB,KAAQ,SAWhC,CAAC;AAMF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC5B,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAAI,CAAC,iCAAiC,mBAAmB,CAAC,CAAC,CAAC,KAAG,SAAS,EA4BxG,CAAC"}
1
+ {"version":3,"file":"factories.d.ts","sourceRoot":"","sources":["../../../../src/extensions/factories.ts"],"names":[],"mappings":"AAQA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAkBhE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAOhD,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,WAAW,CAAC;AAM3D,eAAO,MAAM,cAAc,WAA4E,CAAC;AAExG;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAsBF,eAAO,MAAM,qBAAqB,YAAa,sBAAsB,KAAG,SA8CvE,CAAC;AAMF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE;YACP,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;CACH,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,qBAAqB,oFAK/B,sBAAsB,KAAQ,SAWhC,CAAC;AAMF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC5B,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAAI,CAAC,iCAAiC,mBAAmB,CAAC,CAAC,CAAC,KAAG,SAAS,EA2BxG,CAAC"}
@@ -1 +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,WA+M1B,CAAC"}
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,WA8M1B,CAAC"}
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@dxos/react-ui-editor",
3
- "version": "0.7.5-main.9d2a38b",
3
+ "version": "0.7.5-main.e94eead",
4
4
  "description": "Document editing experience within a DXOS shell.",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
7
7
  "license": "MIT",
8
8
  "author": "DXOS.org",
9
9
  "sideEffects": true,
10
+ "type": "module",
10
11
  "exports": {
11
12
  ".": {
12
13
  "types": "./dist/types/src/index.d.ts",
@@ -34,13 +35,13 @@
34
35
  "@codemirror/state": "^6.4.1",
35
36
  "@codemirror/theme-one-dark": "^6.1.2",
36
37
  "@codemirror/view": "^6.34.1",
37
- "@fluentui/react-tabster": "^9.19.0",
38
+ "@fluentui/react-tabster": "9.23.3",
38
39
  "@lezer/common": "^1.2.2",
39
40
  "@lezer/generator": "^1.7.1",
40
41
  "@lezer/highlight": "^1.2.1",
41
42
  "@lezer/markdown": "^1.3.1",
42
43
  "@preact/signals-react": "^1.3.8",
43
- "@radix-ui/react-context": "^1.0.0",
44
+ "@radix-ui/react-context": "1.1.1",
44
45
  "@replit/codemirror-vim": "^6.2.1",
45
46
  "@replit/codemirror-vscode-keymap": "^6.0.2",
46
47
  "codemirror": "^6.0.1",
@@ -50,20 +51,20 @@
50
51
  "lodash.merge": "^4.6.2",
51
52
  "lodash.sortby": "^4.7.0",
52
53
  "style-mod": "^4.1.0",
53
- "@dxos/app-graph": "0.7.5-main.9d2a38b",
54
- "@dxos/automerge": "0.7.5-main.9d2a38b",
55
- "@dxos/context": "0.7.5-main.9d2a38b",
56
- "@dxos/async": "0.7.5-main.9d2a38b",
57
- "@dxos/debug": "0.7.5-main.9d2a38b",
58
- "@dxos/display-name": "0.7.5-main.9d2a38b",
59
- "@dxos/invariant": "0.7.5-main.9d2a38b",
60
- "@dxos/live-object": "0.7.5-main.9d2a38b",
61
- "@dxos/echo-schema": "0.7.5-main.9d2a38b",
62
- "@dxos/log": "0.7.5-main.9d2a38b",
63
- "@dxos/react-ui-menu": "0.7.5-main.9d2a38b",
64
- "@dxos/util": "0.7.5-main.9d2a38b",
65
- "@dxos/protocols": "0.7.5-main.9d2a38b",
66
- "@dxos/react-hooks": "0.7.5-main.9d2a38b"
54
+ "@dxos/app-graph": "0.7.5-main.e94eead",
55
+ "@dxos/async": "0.7.5-main.e94eead",
56
+ "@dxos/automerge": "0.7.5-main.e94eead",
57
+ "@dxos/context": "0.7.5-main.e94eead",
58
+ "@dxos/debug": "0.7.5-main.e94eead",
59
+ "@dxos/display-name": "0.7.5-main.e94eead",
60
+ "@dxos/echo-schema": "0.7.5-main.e94eead",
61
+ "@dxos/live-object": "0.7.5-main.e94eead",
62
+ "@dxos/invariant": "0.7.5-main.e94eead",
63
+ "@dxos/protocols": "0.7.5-main.e94eead",
64
+ "@dxos/log": "0.7.5-main.e94eead",
65
+ "@dxos/react-hooks": "0.7.5-main.e94eead",
66
+ "@dxos/react-ui-menu": "0.7.5-main.e94eead",
67
+ "@dxos/util": "0.7.5-main.e94eead"
67
68
  },
68
69
  "devDependencies": {
69
70
  "@phosphor-icons/react": "^2.1.5",
@@ -87,23 +88,23 @@
87
88
  "vite": "5.4.7",
88
89
  "vite-plugin-top-level-await": "^1.4.1",
89
90
  "vite-plugin-wasm": "^3.3.0",
90
- "@dxos/automerge": "0.7.5-main.9d2a38b",
91
- "@dxos/config": "0.7.5-main.9d2a38b",
92
- "@dxos/echo-signals": "0.7.5-main.9d2a38b",
93
- "@dxos/keyboard": "0.7.5-main.9d2a38b",
94
- "@dxos/random": "0.7.5-main.9d2a38b",
95
- "@dxos/react-client": "0.7.5-main.9d2a38b",
96
- "@dxos/react-ui": "0.7.5-main.9d2a38b",
97
- "@dxos/storybook-utils": "0.7.5-main.9d2a38b",
98
- "@dxos/react-ui-theme": "0.7.5-main.9d2a38b"
91
+ "@dxos/automerge": "0.7.5-main.e94eead",
92
+ "@dxos/echo-signals": "0.7.5-main.e94eead",
93
+ "@dxos/random": "0.7.5-main.e94eead",
94
+ "@dxos/keyboard": "0.7.5-main.e94eead",
95
+ "@dxos/react-client": "0.7.5-main.e94eead",
96
+ "@dxos/react-ui": "0.7.5-main.e94eead",
97
+ "@dxos/react-ui-theme": "0.7.5-main.e94eead",
98
+ "@dxos/config": "0.7.5-main.e94eead",
99
+ "@dxos/storybook-utils": "0.7.5-main.e94eead"
99
100
  },
100
101
  "peerDependencies": {
101
102
  "@phosphor-icons/react": "^2.1.5",
102
103
  "react": "~18.2.0",
103
104
  "react-dom": "~18.2.0",
104
- "@dxos/react-client": "0.7.5-main.9d2a38b",
105
- "@dxos/react-ui-theme": "0.7.5-main.9d2a38b",
106
- "@dxos/react-ui": "0.7.5-main.9d2a38b"
105
+ "@dxos/react-client": "0.7.5-main.e94eead",
106
+ "@dxos/react-ui": "0.7.5-main.e94eead",
107
+ "@dxos/react-ui-theme": "0.7.5-main.e94eead"
107
108
  },
108
109
  "publishConfig": {
109
110
  "access": "public"
@@ -2,7 +2,10 @@
2
2
  // Copyright 2025 DXOS.org
3
3
  //
4
4
 
5
+ import { type Label } from '@dxos/react-ui';
6
+
5
7
  import { createEditorAction, type EditorToolbarState } from './util';
8
+ import { translationKey } from '../../translations';
6
9
 
7
10
  const commentLabel = (comment?: boolean, selection?: boolean) =>
8
11
  comment
@@ -11,10 +14,10 @@ const commentLabel = (comment?: boolean, selection?: boolean) =>
11
14
  ? 'select text to comment label'
12
15
  : 'comment label';
13
16
 
14
- const createCommentAction = (label: string) =>
17
+ const createCommentAction = (label: Label) =>
15
18
  createEditorAction({ type: 'comment', testId: 'editor.toolbar.comment' }, 'ph--chat-text--regular', label);
16
19
 
17
20
  export const createComment = (state: EditorToolbarState) => ({
18
- nodes: [createCommentAction(commentLabel(state.comment, state.selection))],
21
+ nodes: [createCommentAction([commentLabel(state.comment, state.selection), { ns: translationKey }])],
19
22
  edges: [{ source: 'root', target: 'comment' }],
20
23
  });
@@ -74,12 +74,12 @@ const Story = () => {
74
74
  const repo1 = new Repo({ network: [new BroadcastChannelNetworkAdapter()] });
75
75
  const repo2 = new Repo({ network: [new BroadcastChannelNetworkAdapter()] });
76
76
 
77
- const object1 = repo1.create();
77
+ const object1 = repo1.create<TestObject>();
78
78
  object1.change((doc: TestObject) => {
79
79
  doc.text = initialContent;
80
80
  });
81
81
 
82
- const object2 = repo2.find(object1.url);
82
+ const object2 = repo2.find<TestObject>(object1.url);
83
83
  await object2.whenReady();
84
84
 
85
85
  setObject1({ handle: object1, path: ['text'] });
@@ -27,7 +27,7 @@ import { useEffect, useMemo } from 'react';
27
27
  import { debounce, type UnsubscribeCallback } from '@dxos/async';
28
28
  import { type ReactiveObject } from '@dxos/live-object';
29
29
  import { log } from '@dxos/log';
30
- import { nonNullable } from '@dxos/util';
30
+ import { isNonNullable } from '@dxos/util';
31
31
 
32
32
  import { documentId } from './selection';
33
33
  import { type EditorToolbarState } from '../components';
@@ -87,7 +87,7 @@ export const commentsState = StateField.define<CommentsState>({
87
87
  const range = Cursor.getRangeFromCursor(tr.state, comment.cursor);
88
88
  return range && { comment, range };
89
89
  })
90
- .filter(nonNullable);
90
+ .filter(isNonNullable);
91
91
 
92
92
  return { ...value, comments: commentStates };
93
93
  }
@@ -151,7 +151,7 @@ const commentsDecorations = EditorView.decorations.compute([commentsState], (sta
151
151
  const mark = createCommentMark(comment.comment.id, comment.comment.id === current);
152
152
  return mark.range(range.from, range.to);
153
153
  })
154
- .filter(nonNullable);
154
+ .filter(isNonNullable);
155
155
 
156
156
  return Decoration.set(decorations);
157
157
  });
@@ -507,7 +507,7 @@ export const comments = (options: CommentsOptions = {}): Extension => {
507
507
  }),
508
508
 
509
509
  options.onUpdate && trackPastedComments(options.onUpdate),
510
- ].filter(nonNullable);
510
+ ].filter(isNonNullable);
511
511
  };
512
512
 
513
513
  //
@@ -27,7 +27,7 @@ import { log } from '@dxos/log';
27
27
  import { type DocAccessor, type Space } from '@dxos/react-client/echo';
28
28
  import { type Identity } from '@dxos/react-client/halo';
29
29
  import { type ThemeMode } from '@dxos/react-ui';
30
- import { type HuePalette, hueTokens } from '@dxos/react-ui-theme';
30
+ import { type HuePalette } from '@dxos/react-ui-theme';
31
31
  import { hexToHue, isNotFalsy } from '@dxos/util';
32
32
 
33
33
  import { automerge } from './automerge';
@@ -124,6 +124,13 @@ export const createBasicExtensions = (_props?: BasicExtensionsOptions): Extensio
124
124
  ...(props.history ? historyKeymap : []),
125
125
  // https://codemirror.net/docs/ref/#search.searchKeymap
126
126
  ...(props.search ? searchKeymap : []),
127
+ // Disable bindings that conflict with system shortcuts.
128
+ // TODO(burdon): Catalog global shortcuts.
129
+ {
130
+ key: 'Mod-Shift-k',
131
+ preventDefault: true,
132
+ run: () => true,
133
+ },
127
134
  ].filter(isNotFalsy),
128
135
  ),
129
136
  ].filter(isNotFalsy);
@@ -194,8 +201,7 @@ export const createDataExtensions = <T>({ id, text, space, identity }: DataExten
194
201
 
195
202
  if (space && identity) {
196
203
  const peerId = identity?.identityKey.toHex();
197
- const { cursorLightValue, cursorDarkValue } =
198
- hueTokens[(identity?.profile?.data?.hue as HuePalette | undefined) ?? hexToHue(peerId ?? '0')];
204
+ const hue = (identity?.profile?.data?.hue as HuePalette | undefined) ?? hexToHue(peerId ?? '0');
199
205
 
200
206
  extensions.push(
201
207
  awareness(
@@ -205,8 +211,8 @@ export const createDataExtensions = <T>({ id, text, space, identity }: DataExten
205
211
  peerId: identity.identityKey.toHex(),
206
212
  info: {
207
213
  displayName: identity.profile?.displayName ?? generateName(identity.identityKey.toHex()),
208
- darkColor: cursorDarkValue,
209
- lightColor: cursorLightValue,
214
+ darkColor: `var(--dx-${hue}Cursor)`,
215
+ lightColor: `var(--dx-${hue}Cursor)`,
210
216
  },
211
217
  }),
212
218
  ),
@@ -73,7 +73,7 @@ class CheckboxWidget extends WidgetType {
73
73
 
74
74
  override toDOM(view: EditorView) {
75
75
  const input = document.createElement('input');
76
- input.className = 'cm-task-checkbox ch-checkbox';
76
+ input.className = 'cm-task-checkbox dx-checkbox';
77
77
  input.type = 'checkbox';
78
78
  input.tabIndex = -1;
79
79
  input.checked = this._checked;
@@ -182,12 +182,13 @@ describe('removeStyle', () => {
182
182
 
183
183
  testCommand('can remove code style', 'a `{variable}`', code, 'a {variable}');
184
184
 
185
- testCommand(
186
- 'can remove emphasis across multiple blocks',
187
- '{*one*\n\n# *two*\n\n> 1. *three} four*\n',
188
- em,
189
- '{one\n\n# two\n\n> 1. three} *four*\n',
190
- );
185
+ // TODO(dmaretskyi): Flaky on CI: https://cloud.nx.app/runs/0byxg4Uq5G/task/react-ui-editor%3Atest
186
+ // testCommand(
187
+ // 'can remove emphasis across multiple blocks',
188
+ // '{*one*\n\n# *two*\n\n> 1. *three} four*\n',
189
+ // em,
190
+ // '{one\n\n# two\n\n> 1. three} *four*\n',
191
+ // );
191
192
 
192
193
  testCommand('can shrink existing styles', '*one {two three} four*', em, '*one* {two three} *four*');
193
194
 
@@ -13,7 +13,7 @@ const headings: Record<HeadingLevel, string> = {
13
13
  3: 'text-2xl',
14
14
  4: 'text-xl',
15
15
  5: 'text-lg',
16
- 6: 'text-md',
16
+ 6: '', // TODO(burdon): Should be text-base, but that's a color in our system.
17
17
  };
18
18
 
19
19
  export const theme = {
@@ -6,7 +6,7 @@ import { mx } from '@dxos/react-ui-theme';
6
6
 
7
7
  export const stackItemContentEditorClassNames = (role?: string) =>
8
8
  mx(
9
- 'ch-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface',
9
+ 'dx-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface',
10
10
  role === 'article' ? 'min-bs-0' : '[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24',
11
11
  );
12
12
 
@@ -71,11 +71,10 @@ export const defaultTheme: ThemeStyles = {
71
71
  /**
72
72
  * Gutters
73
73
  * NOTE: Gutters should have the same top margin as the content.
74
- * NOTE: They can't be transparent since the content needs to scroll below.
75
74
  */
76
75
  '.cm-gutters': {
77
- background: 'var(--surface-bg)',
78
76
  borderRight: 'none',
77
+ background: 'transparent',
79
78
  },
80
79
  '.cm-gutter': {},
81
80
  '.cm-gutter.cm-lineNumbers .cm-gutterElement': {
@@ -149,7 +148,7 @@ export const defaultTheme: ThemeStyles = {
149
148
  * Tooltip.
150
149
  */
151
150
  '.cm-tooltip': {
152
- background: 'var(--dx-base)',
151
+ background: 'var(--dx-baseSurface)',
153
152
  },
154
153
  '.cm-tooltip-below': {},
155
154