@dxos/react-ui-thread 0.4.10-main.3e35a2f → 0.4.10-main.403e461
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;AAM5D,OAAO,EAML,KAAK,KAAK,EAMX,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAoE9C,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.403e461",
|
|
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-mosaic": "0.4.10-main.
|
|
23
|
-
"@dxos/
|
|
24
|
-
"@dxos/react-ui-
|
|
25
|
-
"@dxos/
|
|
21
|
+
"@dxos/react-ui-editor": "0.4.10-main.403e461",
|
|
22
|
+
"@dxos/react-ui-mosaic": "0.4.10-main.403e461",
|
|
23
|
+
"@dxos/react-ui": "0.4.10-main.403e461",
|
|
24
|
+
"@dxos/react-ui-theme": "0.4.10-main.403e461",
|
|
25
|
+
"@dxos/util": "0.4.10-main.403e461"
|
|
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/echo-schema": "0.4.10-main.
|
|
37
|
-
"@dxos/
|
|
38
|
-
"@dxos/
|
|
39
|
-
"@dxos/
|
|
40
|
-
"@dxos/
|
|
35
|
+
"@braneframe/types": "0.4.10-main.403e461",
|
|
36
|
+
"@dxos/echo-schema": "0.4.10-main.403e461",
|
|
37
|
+
"@dxos/log": "0.4.10-main.403e461",
|
|
38
|
+
"@dxos/random": "0.4.10-main.403e461",
|
|
39
|
+
"@dxos/storybook-utils": "0.4.10-main.403e461",
|
|
40
|
+
"@dxos/keys": "0.4.10-main.403e461"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -8,8 +8,7 @@ import { Check, Trash } from '@phosphor-icons/react';
|
|
|
8
8
|
import React, { type FC, useEffect, useMemo, useRef, useState } from 'react';
|
|
9
9
|
|
|
10
10
|
import { MessageType, TextV0Type } from '@braneframe/types';
|
|
11
|
-
import
|
|
12
|
-
import { createDocAccessor } from '@dxos/echo-schema';
|
|
11
|
+
import { createDocAccessor, create, createEchoReactiveObject } from '@dxos/echo-schema';
|
|
13
12
|
import { PublicKey } from '@dxos/keys';
|
|
14
13
|
import { log } from '@dxos/log';
|
|
15
14
|
import { faker } from '@dxos/random';
|
|
@@ -73,6 +72,7 @@ const Editor: FC<{
|
|
|
73
72
|
createThemeExtensions({ themeMode }),
|
|
74
73
|
automerge(createDocAccessor(item, ['content'])),
|
|
75
74
|
comments({
|
|
75
|
+
id,
|
|
76
76
|
onCreate: onCreateComment,
|
|
77
77
|
onDelete: onDeleteComment,
|
|
78
78
|
onUpdate: onUpdateComment,
|
|
@@ -110,7 +110,7 @@ type StoryCommentThread = {
|
|
|
110
110
|
const StoryMessageBlock = (props: MessageBlockProps<{ content?: TextV0Type }>) => {
|
|
111
111
|
const { themeMode } = useThemeContext();
|
|
112
112
|
const doc = props.block.content?.content;
|
|
113
|
-
const accessor =
|
|
113
|
+
const accessor = createDocAccessor(props.block.content!, ['content']);
|
|
114
114
|
const { parentRef } = useTextEditor(
|
|
115
115
|
() => ({
|
|
116
116
|
doc,
|
|
@@ -161,12 +161,12 @@ const StoryThread: FC<{
|
|
|
161
161
|
|
|
162
162
|
const handleCreateMessage = () => {
|
|
163
163
|
if (messageRef.current?.length) {
|
|
164
|
-
const message =
|
|
164
|
+
const message = create(MessageType, {
|
|
165
165
|
from: { identityKey: authorId },
|
|
166
166
|
blocks: [
|
|
167
167
|
{
|
|
168
168
|
timestamp: new Date().toISOString(),
|
|
169
|
-
content:
|
|
169
|
+
content: create(TextV0Type, { content: messageRef.current }),
|
|
170
170
|
},
|
|
171
171
|
],
|
|
172
172
|
});
|
|
@@ -252,7 +252,7 @@ type StoryProps = {
|
|
|
252
252
|
};
|
|
253
253
|
|
|
254
254
|
const Story = ({ text, autoCreate }: StoryProps) => {
|
|
255
|
-
const [item] = useState(
|
|
255
|
+
const [item] = useState(createEchoReactiveObject(create(TextV0Type, { content: text ?? '' })));
|
|
256
256
|
const [threads, setThreads] = useState<StoryCommentThread[]>([]);
|
|
257
257
|
const [selected, setSelected] = useState<string>();
|
|
258
258
|
|
|
@@ -278,7 +278,7 @@ const Story = ({ text, autoCreate }: StoryProps) => {
|
|
|
278
278
|
blocks: [
|
|
279
279
|
{
|
|
280
280
|
timestamp: new Date().toISOString(),
|
|
281
|
-
content:
|
|
281
|
+
content: create(TextV0Type, { content: faker.lorem.sentence() }),
|
|
282
282
|
},
|
|
283
283
|
],
|
|
284
284
|
}),
|