@dxos/react-ui-thread 0.4.10-main.3e35a2f → 0.4.10-main.3f5e2d2

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 (3) hide show
  1. package/dist/types/src/Thread/Comments.stories.d.ts.map +1 -1
  2. package/package.json +16 -15
  3. package/src/Thread/Comments.stories.tsx +8 -7
package/dist/types/src/Thread/Comments.stories.d.ts.map CHANGED
@@ -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;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"}
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.3e35a2f",
3
+ "version": "0.4.10-main.3f5e2d2",
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,29 +18,30 @@
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.3e35a2f",
22
- "@dxos/react-ui-mosaic": "0.4.10-main.3e35a2f",
23
- "@dxos/util": "0.4.10-main.3e35a2f",
24
- "@dxos/react-ui-editor": "0.4.10-main.3e35a2f",
25
- "@dxos/react-ui-theme": "0.4.10-main.3e35a2f"
21
+ "@dxos/react-ui-editor": "0.4.10-main.3f5e2d2",
22
+ "@dxos/react-ui": "0.4.10-main.3f5e2d2",
23
+ "@dxos/react-ui-mosaic": "0.4.10-main.3f5e2d2",
24
+ "@dxos/util": "0.4.10-main.3f5e2d2",
25
+ "@dxos/react-ui-theme": "0.4.10-main.3f5e2d2"
26
26
  },
27
27
  "devDependencies": {
28
- "@phosphor-icons/react": "^2.0.5",
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.1.7",
33
+ "vite": "^5.2.9",
34
34
  "vite-plugin-turbosnap": "^1.0.2",
35
- "@braneframe/types": "0.4.10-main.3e35a2f",
36
- "@dxos/echo-schema": "0.4.10-main.3e35a2f",
37
- "@dxos/random": "0.4.10-main.3e35a2f",
38
- "@dxos/log": "0.4.10-main.3e35a2f",
39
- "@dxos/keys": "0.4.10-main.3e35a2f",
40
- "@dxos/storybook-utils": "0.4.10-main.3e35a2f"
35
+ "@braneframe/types": "0.4.10-main.3f5e2d2",
36
+ "@dxos/echo-db": "0.4.10-main.3f5e2d2",
37
+ "@dxos/keys": "0.4.10-main.3f5e2d2",
38
+ "@dxos/log": "0.4.10-main.3f5e2d2",
39
+ "@dxos/echo-schema": "0.4.10-main.3f5e2d2",
40
+ "@dxos/storybook-utils": "0.4.10-main.3f5e2d2",
41
+ "@dxos/random": "0.4.10-main.3f5e2d2"
41
42
  },
42
43
  "peerDependencies": {
43
- "@phosphor-icons/react": "^2.0.5",
44
+ "@phosphor-icons/react": "^2.1.5",
44
45
  "react": "^18.2.0",
45
46
  "react-dom": "^18.2.0"
46
47
  },
package/src/Thread/Comments.stories.tsx CHANGED
@@ -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 * as E from '@dxos/echo-schema';
12
- import { createDocAccessor } from '@dxos/echo-schema';
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 = E.createDocAccessor(props.block.content!, ['content']);
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 = E.object(MessageType, {
165
+ const message = create(MessageType, {
165
166
  from: { identityKey: authorId },
166
167
  blocks: [
167
168
  {
168
169
  timestamp: new Date().toISOString(),
169
- content: E.object(TextV0Type, { content: messageRef.current }),
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(E.object(TextV0Type, { content: text ?? '' }));
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: E.object(TextV0Type, { content: faker.lorem.sentence() }),
282
+ content: create(TextV0Type, { content: faker.lorem.sentence() }),
282
283
  },
283
284
  ],
284
285
  }),