@dxos/react-ui-thread 0.8.4-main.72ec0f3 → 0.8.4-main.7ace549
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-thread",
|
|
3
|
-
"version": "0.8.4-main.
|
|
3
|
+
"version": "0.8.4-main.7ace549",
|
|
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",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"@preact-signals/safe-react": "^0.9.0",
|
|
28
28
|
"@radix-ui/react-primitive": "2.0.2",
|
|
29
29
|
"date-fns": "^3.3.1",
|
|
30
|
-
"@dxos/react-ui-editor": "0.8.4-main.
|
|
31
|
-
"@dxos/util": "0.8.4-main.
|
|
30
|
+
"@dxos/react-ui-editor": "0.8.4-main.7ace549",
|
|
31
|
+
"@dxos/util": "0.8.4-main.7ace549"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react": "~19.2.2",
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
"react": "~19.2.0",
|
|
37
37
|
"react-dom": "~19.2.0",
|
|
38
38
|
"vite": "7.1.9",
|
|
39
|
-
"@dxos/echo": "0.8.4-main.
|
|
40
|
-
"@dxos/
|
|
41
|
-
"@dxos/keys": "0.8.4-main.
|
|
42
|
-
"@dxos/
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/react-ui
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/storybook-utils": "0.8.4-main.
|
|
39
|
+
"@dxos/echo": "0.8.4-main.7ace549",
|
|
40
|
+
"@dxos/echo-db": "0.8.4-main.7ace549",
|
|
41
|
+
"@dxos/keys": "0.8.4-main.7ace549",
|
|
42
|
+
"@dxos/live-object": "0.8.4-main.7ace549",
|
|
43
|
+
"@dxos/log": "0.8.4-main.7ace549",
|
|
44
|
+
"@dxos/random": "0.8.4-main.7ace549",
|
|
45
|
+
"@dxos/react-ui": "0.8.4-main.7ace549",
|
|
46
|
+
"@dxos/react-ui-theme": "0.8.4-main.7ace549",
|
|
47
|
+
"@dxos/storybook-utils": "0.8.4-main.7ace549"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"react": "^19.0.0",
|
|
51
51
|
"react-dom": "^19.0.0",
|
|
52
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
53
|
-
"@dxos/react-ui-theme": "0.8.4-main.
|
|
52
|
+
"@dxos/react-ui": "0.8.4-main.7ace549",
|
|
53
|
+
"@dxos/react-ui-theme": "0.8.4-main.7ace549"
|
|
54
54
|
},
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
@@ -6,8 +6,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
|
6
6
|
import React, { type FC, useEffect, useMemo, useRef, useState } from 'react';
|
|
7
7
|
|
|
8
8
|
import { Expando } from '@dxos/echo/internal';
|
|
9
|
-
import { live } from '@dxos/echo/internal';
|
|
10
|
-
import { createDocAccessor, createObject } from '@dxos/echo-db';
|
|
11
9
|
import { PublicKey } from '@dxos/keys';
|
|
12
10
|
import { log } from '@dxos/log';
|
|
13
11
|
import { faker } from '@dxos/random';
|
|
@@ -17,7 +15,6 @@ import {
|
|
|
17
15
|
type Comment,
|
|
18
16
|
type CommentsOptions,
|
|
19
17
|
type Range,
|
|
20
|
-
automerge,
|
|
21
18
|
comments,
|
|
22
19
|
createBasicExtensions,
|
|
23
20
|
createThemeExtensions,
|
|
@@ -28,6 +25,7 @@ import {
|
|
|
28
25
|
} from '@dxos/react-ui-editor';
|
|
29
26
|
import { hoverableControls, hoverableFocusedWithinControls } from '@dxos/react-ui-theme';
|
|
30
27
|
|
|
28
|
+
import { Obj } from '../../../../core/echo/echo/src';
|
|
31
29
|
import { MessageBody, MessageHeading, MessageRoot, MessageTextbox } from '../Message';
|
|
32
30
|
import { type MessageEntity } from '../testing';
|
|
33
31
|
import { translations } from '../translations';
|
|
@@ -71,7 +69,6 @@ const Editor: FC<{
|
|
|
71
69
|
extensions: [
|
|
72
70
|
createBasicExtensions(),
|
|
73
71
|
createThemeExtensions({ themeMode }),
|
|
74
|
-
automerge(createDocAccessor(item, ['content'])),
|
|
75
72
|
comments({
|
|
76
73
|
id,
|
|
77
74
|
onCreate: onCreateComment,
|
|
@@ -144,7 +141,7 @@ const StoryThread: FC<{
|
|
|
144
141
|
|
|
145
142
|
const handleCreateMessage = () => {
|
|
146
143
|
if (messageRef.current?.length) {
|
|
147
|
-
const message =
|
|
144
|
+
const message = Obj.make(Expando, {
|
|
148
145
|
timestamp: new Date().toISOString(),
|
|
149
146
|
sender: { identityKey: authorId },
|
|
150
147
|
text: messageRef.current,
|
|
@@ -239,7 +236,7 @@ type StoryProps = {
|
|
|
239
236
|
};
|
|
240
237
|
|
|
241
238
|
const DefaultStory = ({ text, autoCreate }: StoryProps) => {
|
|
242
|
-
const [item] = useState(
|
|
239
|
+
const [item] = useState(() => Obj.make(Expando, { content: text ?? '' }));
|
|
243
240
|
const [threads, setThreads] = useState<StoryCommentThread[]>([]);
|
|
244
241
|
const [selected, setSelected] = useState<string>();
|
|
245
242
|
|