@dxos/react-ui-thread 0.4.10-main.b9b4602 → 0.4.10-main.bf8d896
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Comments.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Comments.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAGpB,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"Comments.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Comments.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAGpB,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO5D,OAAO,EAML,KAAK,KAAK,EAMX,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAmE9C,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC,EAAE,CAAC;CACrD,CAAC;AA6IF,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;;;;;;;;;;mBA+He,UAAU;;;;;;;;;;;;;;;;;;;;;AAJ3B,wBAME;AAWF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-thread",
|
|
3
|
-
"version": "0.4.10-main.
|
|
3
|
+
"version": "0.4.10-main.bf8d896",
|
|
4
4
|
"description": "A set of components to use with threads, including comments and messages.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@radix-ui/react-primitive": "^1.0.2",
|
|
20
20
|
"date-fns": "^3.3.1",
|
|
21
|
-
"@dxos/react-ui": "0.4.10-main.
|
|
22
|
-
"@dxos/react-ui-
|
|
23
|
-
"@dxos/util": "0.4.10-main.
|
|
24
|
-
"@dxos/react-ui-
|
|
25
|
-
"@dxos/react-ui-
|
|
21
|
+
"@dxos/react-ui": "0.4.10-main.bf8d896",
|
|
22
|
+
"@dxos/react-ui-mosaic": "0.4.10-main.bf8d896",
|
|
23
|
+
"@dxos/util": "0.4.10-main.bf8d896",
|
|
24
|
+
"@dxos/react-ui-editor": "0.4.10-main.bf8d896",
|
|
25
|
+
"@dxos/react-ui-theme": "0.4.10-main.bf8d896"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
"react-dom": "^18.2.0",
|
|
33
33
|
"vite": "^5.1.7",
|
|
34
34
|
"vite-plugin-turbosnap": "^1.0.2",
|
|
35
|
-
"@braneframe/types": "0.4.10-main.
|
|
36
|
-
"@dxos/
|
|
37
|
-
"@dxos/
|
|
38
|
-
"@dxos/log": "0.4.10-main.
|
|
39
|
-
"@dxos/storybook-utils": "0.4.10-main.
|
|
40
|
-
"@dxos/random": "0.4.10-main.
|
|
35
|
+
"@braneframe/types": "0.4.10-main.bf8d896",
|
|
36
|
+
"@dxos/echo-schema": "0.4.10-main.bf8d896",
|
|
37
|
+
"@dxos/keys": "0.4.10-main.bf8d896",
|
|
38
|
+
"@dxos/log": "0.4.10-main.bf8d896",
|
|
39
|
+
"@dxos/storybook-utils": "0.4.10-main.bf8d896",
|
|
40
|
+
"@dxos/random": "0.4.10-main.bf8d896"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -9,6 +9,7 @@ import React, { type FC, useEffect, useMemo, useRef, useState } from 'react';
|
|
|
9
9
|
|
|
10
10
|
import { MessageType, TextV0Type } from '@braneframe/types';
|
|
11
11
|
import * as E from '@dxos/echo-schema';
|
|
12
|
+
import { createDocAccessor } from '@dxos/echo-schema';
|
|
12
13
|
import { PublicKey } from '@dxos/keys';
|
|
13
14
|
import { log } from '@dxos/log';
|
|
14
15
|
import { faker } from '@dxos/random';
|
|
@@ -63,16 +64,14 @@ const Editor: FC<{
|
|
|
63
64
|
const [selected, setSelected] = useState<string>();
|
|
64
65
|
|
|
65
66
|
const { themeMode } = useThemeContext();
|
|
66
|
-
const doc = item.content;
|
|
67
|
-
const accessor = E.getRawDoc(item, ['content']);
|
|
68
67
|
const { parentRef, view } = useTextEditor(
|
|
69
68
|
() => ({
|
|
70
69
|
id,
|
|
71
|
-
doc,
|
|
70
|
+
doc: item.content,
|
|
72
71
|
extensions: [
|
|
73
72
|
createBasicExtensions(),
|
|
74
73
|
createThemeExtensions({ themeMode }),
|
|
75
|
-
automerge(
|
|
74
|
+
automerge(createDocAccessor(item, ['content'])),
|
|
76
75
|
comments({
|
|
77
76
|
onCreate: onCreateComment,
|
|
78
77
|
onDelete: onDeleteComment,
|
|
@@ -81,7 +80,7 @@ const Editor: FC<{
|
|
|
81
80
|
}),
|
|
82
81
|
],
|
|
83
82
|
}),
|
|
84
|
-
[
|
|
83
|
+
[id, item, themeMode],
|
|
85
84
|
);
|
|
86
85
|
useComments(view, id, commentRanges);
|
|
87
86
|
useEffect(() => {
|
|
@@ -111,7 +110,7 @@ type StoryCommentThread = {
|
|
|
111
110
|
const StoryMessageBlock = (props: MessageBlockProps<{ content?: TextV0Type }>) => {
|
|
112
111
|
const { themeMode } = useThemeContext();
|
|
113
112
|
const doc = props.block.content?.content;
|
|
114
|
-
const accessor = E.
|
|
113
|
+
const accessor = E.createDocAccessor(props.block.content!, ['content']);
|
|
115
114
|
const { parentRef } = useTextEditor(
|
|
116
115
|
() => ({
|
|
117
116
|
doc,
|