@dxos/react-ui-thread 0.4.10-main.bf8d896 → 0.4.10-main.c16d37b
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;AAO5D,OAAO,EAML,KAAK,KAAK,EAMX,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,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;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.c16d37b",
|
|
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,26 +18,27 @@
|
|
|
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/
|
|
24
|
-
"@dxos/react-ui-
|
|
25
|
-
"@dxos/
|
|
21
|
+
"@dxos/react-ui": "0.4.10-main.c16d37b",
|
|
22
|
+
"@dxos/react-ui-editor": "0.4.10-main.c16d37b",
|
|
23
|
+
"@dxos/react-ui-mosaic": "0.4.10-main.c16d37b",
|
|
24
|
+
"@dxos/react-ui-theme": "0.4.10-main.c16d37b",
|
|
25
|
+
"@dxos/util": "0.4.10-main.c16d37b"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@phosphor-icons/react": "^2.
|
|
28
|
+
"@phosphor-icons/react": "^2.1.5",
|
|
29
29
|
"@types/react": "^18.0.21",
|
|
30
30
|
"@types/react-dom": "^18.0.6",
|
|
31
31
|
"react": "^18.2.0",
|
|
32
32
|
"react-dom": "^18.2.0",
|
|
33
|
-
"vite": "^5.
|
|
33
|
+
"vite": "^5.2.9",
|
|
34
34
|
"vite-plugin-turbosnap": "^1.0.2",
|
|
35
|
-
"@braneframe/types": "0.4.10-main.
|
|
36
|
-
"@dxos/echo-
|
|
37
|
-
"@dxos/
|
|
38
|
-
"@dxos/
|
|
39
|
-
"@dxos/
|
|
40
|
-
"@dxos/random": "0.4.10-main.
|
|
35
|
+
"@braneframe/types": "0.4.10-main.c16d37b",
|
|
36
|
+
"@dxos/echo-db": "0.4.10-main.c16d37b",
|
|
37
|
+
"@dxos/echo-schema": "0.4.10-main.c16d37b",
|
|
38
|
+
"@dxos/keys": "0.4.10-main.c16d37b",
|
|
39
|
+
"@dxos/log": "0.4.10-main.c16d37b",
|
|
40
|
+
"@dxos/random": "0.4.10-main.c16d37b",
|
|
41
|
+
"@dxos/storybook-utils": "0.4.10-main.c16d37b"
|
|
41
42
|
},
|
|
42
43
|
"peerDependencies": {
|
|
43
44
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -8,8 +8,8 @@ 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 {
|
|
11
|
+
import { createDocAccessor, createEchoObject } from '@dxos/echo-db';
|
|
12
|
+
import { create } from '@dxos/echo-schema';
|
|
13
13
|
import { PublicKey } from '@dxos/keys';
|
|
14
14
|
import { log } from '@dxos/log';
|
|
15
15
|
import { faker } from '@dxos/random';
|
|
@@ -73,6 +73,7 @@ const Editor: FC<{
|
|
|
73
73
|
createThemeExtensions({ themeMode }),
|
|
74
74
|
automerge(createDocAccessor(item, ['content'])),
|
|
75
75
|
comments({
|
|
76
|
+
id,
|
|
76
77
|
onCreate: onCreateComment,
|
|
77
78
|
onDelete: onDeleteComment,
|
|
78
79
|
onUpdate: onUpdateComment,
|
|
@@ -110,7 +111,7 @@ type StoryCommentThread = {
|
|
|
110
111
|
const StoryMessageBlock = (props: MessageBlockProps<{ content?: TextV0Type }>) => {
|
|
111
112
|
const { themeMode } = useThemeContext();
|
|
112
113
|
const doc = props.block.content?.content;
|
|
113
|
-
const accessor =
|
|
114
|
+
const accessor = createDocAccessor(props.block.content!, ['content']);
|
|
114
115
|
const { parentRef } = useTextEditor(
|
|
115
116
|
() => ({
|
|
116
117
|
doc,
|
|
@@ -161,12 +162,12 @@ const StoryThread: FC<{
|
|
|
161
162
|
|
|
162
163
|
const handleCreateMessage = () => {
|
|
163
164
|
if (messageRef.current?.length) {
|
|
164
|
-
const message =
|
|
165
|
+
const message = create(MessageType, {
|
|
165
166
|
from: { identityKey: authorId },
|
|
166
167
|
blocks: [
|
|
167
168
|
{
|
|
168
169
|
timestamp: new Date().toISOString(),
|
|
169
|
-
content:
|
|
170
|
+
content: create(TextV0Type, { content: messageRef.current }),
|
|
170
171
|
},
|
|
171
172
|
],
|
|
172
173
|
});
|
|
@@ -252,7 +253,7 @@ type StoryProps = {
|
|
|
252
253
|
};
|
|
253
254
|
|
|
254
255
|
const Story = ({ text, autoCreate }: StoryProps) => {
|
|
255
|
-
const [item] = useState(
|
|
256
|
+
const [item] = useState(createEchoObject(create(TextV0Type, { content: text ?? '' })));
|
|
256
257
|
const [threads, setThreads] = useState<StoryCommentThread[]>([]);
|
|
257
258
|
const [selected, setSelected] = useState<string>();
|
|
258
259
|
|
|
@@ -278,7 +279,7 @@ const Story = ({ text, autoCreate }: StoryProps) => {
|
|
|
278
279
|
blocks: [
|
|
279
280
|
{
|
|
280
281
|
timestamp: new Date().toISOString(),
|
|
281
|
-
content:
|
|
282
|
+
content: create(TextV0Type, { content: faker.lorem.sentence() }),
|
|
282
283
|
},
|
|
283
284
|
],
|
|
284
285
|
}),
|