@dxos/react-ui-thread 0.4.10-main.d9dc7ae → 0.4.10-main.e2d2318

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 +12 -12
  3. package/src/Thread/Comments.stories.tsx +9 -11
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;AAM5D,OAAO,EAML,KAAK,KAAK,EAMX,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAqE9C,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;AAM5D,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.d9dc7ae",
3
+ "version": "0.4.10-main.e2d2318",
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.d9dc7ae",
22
- "@dxos/react-ui-editor": "0.4.10-main.d9dc7ae",
23
- "@dxos/react-ui-mosaic": "0.4.10-main.d9dc7ae",
24
- "@dxos/react-ui-theme": "0.4.10-main.d9dc7ae",
25
- "@dxos/util": "0.4.10-main.d9dc7ae"
21
+ "@dxos/react-ui-editor": "0.4.10-main.e2d2318",
22
+ "@dxos/react-ui-theme": "0.4.10-main.e2d2318",
23
+ "@dxos/react-ui-mosaic": "0.4.10-main.e2d2318",
24
+ "@dxos/util": "0.4.10-main.e2d2318",
25
+ "@dxos/react-ui": "0.4.10-main.e2d2318"
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.d9dc7ae",
36
- "@dxos/keys": "0.4.10-main.d9dc7ae",
37
- "@dxos/echo-schema": "0.4.10-main.d9dc7ae",
38
- "@dxos/log": "0.4.10-main.d9dc7ae",
39
- "@dxos/random": "0.4.10-main.d9dc7ae",
40
- "@dxos/storybook-utils": "0.4.10-main.d9dc7ae"
35
+ "@braneframe/types": "0.4.10-main.e2d2318",
36
+ "@dxos/keys": "0.4.10-main.e2d2318",
37
+ "@dxos/log": "0.4.10-main.e2d2318",
38
+ "@dxos/random": "0.4.10-main.e2d2318",
39
+ "@dxos/storybook-utils": "0.4.10-main.e2d2318",
40
+ "@dxos/echo-schema": "0.4.10-main.e2d2318"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@phosphor-icons/react": "^2.0.5",
package/src/Thread/Comments.stories.tsx CHANGED
@@ -8,7 +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 * as E from '@dxos/echo-schema';
11
+ import { createDocAccessor, create } from '@dxos/echo-schema';
12
12
  import { PublicKey } from '@dxos/keys';
13
13
  import { log } from '@dxos/log';
14
14
  import { faker } from '@dxos/random';
@@ -63,16 +63,14 @@ const Editor: FC<{
63
63
  const [selected, setSelected] = useState<string>();
64
64
 
65
65
  const { themeMode } = useThemeContext();
66
- const doc = item.content;
67
- const accessor = E.getRawDoc(item, ['content']);
68
66
  const { parentRef, view } = useTextEditor(
69
67
  () => ({
70
68
  id,
71
- doc,
69
+ doc: item.content,
72
70
  extensions: [
73
71
  createBasicExtensions(),
74
72
  createThemeExtensions({ themeMode }),
75
- automerge(accessor),
73
+ automerge(createDocAccessor(item, ['content'])),
76
74
  comments({
77
75
  onCreate: onCreateComment,
78
76
  onDelete: onDeleteComment,
@@ -81,7 +79,7 @@ const Editor: FC<{
81
79
  }),
82
80
  ],
83
81
  }),
84
- [doc, accessor, themeMode],
82
+ [id, item, themeMode],
85
83
  );
86
84
  useComments(view, id, commentRanges);
87
85
  useEffect(() => {
@@ -111,7 +109,7 @@ type StoryCommentThread = {
111
109
  const StoryMessageBlock = (props: MessageBlockProps<{ content?: TextV0Type }>) => {
112
110
  const { themeMode } = useThemeContext();
113
111
  const doc = props.block.content?.content;
114
- const accessor = E.getRawDoc(props.block.content!, ['content']);
112
+ const accessor = createDocAccessor(props.block.content!, ['content']);
115
113
  const { parentRef } = useTextEditor(
116
114
  () => ({
117
115
  doc,
@@ -162,12 +160,12 @@ const StoryThread: FC<{
162
160
 
163
161
  const handleCreateMessage = () => {
164
162
  if (messageRef.current?.length) {
165
- const message = E.object(MessageType, {
163
+ const message = create(MessageType, {
166
164
  from: { identityKey: authorId },
167
165
  blocks: [
168
166
  {
169
167
  timestamp: new Date().toISOString(),
170
- content: E.object(TextV0Type, { content: messageRef.current }),
168
+ content: create(TextV0Type, { content: messageRef.current }),
171
169
  },
172
170
  ],
173
171
  });
@@ -253,7 +251,7 @@ type StoryProps = {
253
251
  };
254
252
 
255
253
  const Story = ({ text, autoCreate }: StoryProps) => {
256
- const [item] = useState(E.object(TextV0Type, { content: text ?? '' }));
254
+ const [item] = useState(create(TextV0Type, { content: text ?? '' }));
257
255
  const [threads, setThreads] = useState<StoryCommentThread[]>([]);
258
256
  const [selected, setSelected] = useState<string>();
259
257
 
@@ -279,7 +277,7 @@ const Story = ({ text, autoCreate }: StoryProps) => {
279
277
  blocks: [
280
278
  {
281
279
  timestamp: new Date().toISOString(),
282
- content: E.object(TextV0Type, { content: faker.lorem.sentence() }),
280
+ content: create(TextV0Type, { content: faker.lorem.sentence() }),
283
281
  },
284
282
  ],
285
283
  }),