@dxos/plugin-thread 0.8.3-staging.0fa589b → 0.8.4-main.2e9d522

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 (247) hide show
  1. package/dist/lib/browser/ChannelContainer-IY2UIRLF.mjs +16 -0
  2. package/dist/lib/browser/ChatContainer-AIGIWAUG.mjs +15 -0
  3. package/dist/lib/browser/{app-graph-builder-OY7R7EJP.mjs → app-graph-builder-N7BE5TYW.mjs} +6 -6
  4. package/dist/lib/browser/{call-manager-APQAZWHT.mjs → call-manager-NIPDYUVD.mjs} +6 -5
  5. package/dist/lib/browser/chunk-4OYAYON2.mjs +21 -0
  6. package/dist/lib/browser/chunk-6NSMBO3B.mjs +56 -0
  7. package/dist/lib/browser/chunk-6NSMBO3B.mjs.map +7 -0
  8. package/dist/lib/browser/{chunk-5P5BH5GE.mjs → chunk-ERWASUQK.mjs} +66 -5
  9. package/dist/lib/browser/chunk-ERWASUQK.mjs.map +7 -0
  10. package/dist/lib/browser/{chunk-IIUTBDVB.mjs → chunk-EV4JWI7L.mjs} +2 -2
  11. package/dist/lib/browser/{chunk-AEXWNS6Z.mjs → chunk-GCLD5ESP.mjs} +14 -5
  12. package/dist/lib/browser/chunk-GCLD5ESP.mjs.map +7 -0
  13. package/dist/lib/browser/{chunk-JKQUJOTX.mjs → chunk-GERVMFQW.mjs} +2 -2
  14. package/dist/lib/browser/{chunk-XZKBN3NS.mjs → chunk-KWPRNHTK.mjs} +32 -31
  15. package/dist/lib/browser/chunk-KWPRNHTK.mjs.map +7 -0
  16. package/dist/lib/browser/{chunk-R5MDLUPC.mjs → chunk-LGSDKXPF.mjs} +3 -3
  17. package/dist/lib/browser/chunk-VUWC4IJM.mjs +479 -0
  18. package/dist/lib/browser/chunk-VUWC4IJM.mjs.map +7 -0
  19. package/dist/lib/browser/chunk-XLPJXUKO.mjs +367 -0
  20. package/dist/lib/browser/chunk-XLPJXUKO.mjs.map +7 -0
  21. package/dist/lib/browser/{chunk-4H4A264L.mjs → chunk-ZE7KWN36.mjs} +85 -124
  22. package/dist/lib/browser/chunk-ZE7KWN36.mjs.map +7 -0
  23. package/dist/lib/browser/index.mjs +35 -41
  24. package/dist/lib/browser/index.mjs.map +3 -3
  25. package/dist/lib/browser/{intent-resolver-FK2MDVDT.mjs → intent-resolver-JFGLZ6VI.mjs} +30 -14
  26. package/dist/lib/browser/intent-resolver-JFGLZ6VI.mjs.map +7 -0
  27. package/dist/lib/browser/{markdown-TE5SWWNJ.mjs → markdown-GEXBVJYN.mjs} +7 -7
  28. package/dist/lib/browser/meta.json +1 -1
  29. package/dist/lib/browser/react-root-X4UIVGTX.mjs +28 -0
  30. package/dist/lib/browser/{react-surface-VXUJKSOG.mjs → react-surface-YCYEFBPM.mjs} +12 -11
  31. package/dist/lib/browser/{settings-RB2RSLXV.mjs → settings-E32MTL7A.mjs} +4 -4
  32. package/dist/lib/browser/{state-RKL5MSDP.mjs → state-H6CYONWE.mjs} +4 -4
  33. package/dist/lib/browser/types/index.mjs +2 -2
  34. package/dist/lib/node-esm/ChannelContainer-DET6T5N2.mjs +17 -0
  35. package/dist/lib/node-esm/{ChatContainer-F6CSADV7.mjs → ChatContainer-IQUWU426.mjs} +6 -5
  36. package/dist/lib/node-esm/{app-graph-builder-BAHBHYWI.mjs → app-graph-builder-VCW76Z6V.mjs} +6 -6
  37. package/dist/lib/node-esm/{call-manager-UUYXLF4T.mjs → call-manager-D6O5ZJJ4.mjs} +6 -5
  38. package/dist/lib/{browser/call-manager-APQAZWHT.mjs.map → node-esm/call-manager-D6O5ZJJ4.mjs.map} +1 -1
  39. package/dist/lib/node-esm/{chunk-O3V45YJP.mjs → chunk-25ABSYP2.mjs} +65 -5
  40. package/dist/lib/node-esm/chunk-25ABSYP2.mjs.map +7 -0
  41. package/dist/lib/node-esm/chunk-2MFNK53T.mjs +480 -0
  42. package/dist/lib/node-esm/chunk-2MFNK53T.mjs.map +7 -0
  43. package/dist/lib/node-esm/{chunk-PGRP3O4O.mjs → chunk-57XR3LEF.mjs} +2 -2
  44. package/dist/lib/node-esm/{chunk-K4KAUOKT.mjs → chunk-75RJ5DJI.mjs} +3 -3
  45. package/dist/lib/node-esm/{chunk-2RNIPFDA.mjs → chunk-C3XFMUAY.mjs} +32 -31
  46. package/dist/lib/node-esm/chunk-C3XFMUAY.mjs.map +7 -0
  47. package/dist/lib/node-esm/{chunk-ESQC6SYE.mjs → chunk-GRLRWTRU.mjs} +2 -2
  48. package/dist/lib/node-esm/chunk-GW37AAM4.mjs +23 -0
  49. package/dist/lib/node-esm/{chunk-WXNPD542.mjs → chunk-IHDNQLLR.mjs} +84 -124
  50. package/dist/lib/node-esm/chunk-IHDNQLLR.mjs.map +7 -0
  51. package/dist/lib/node-esm/chunk-J4NSON5Q.mjs +368 -0
  52. package/dist/lib/node-esm/chunk-J4NSON5Q.mjs.map +7 -0
  53. package/dist/lib/node-esm/chunk-OU5BYIDO.mjs +58 -0
  54. package/dist/lib/node-esm/chunk-OU5BYIDO.mjs.map +7 -0
  55. package/dist/lib/node-esm/{chunk-UJMPYKT3.mjs → chunk-TDFHTCZZ.mjs} +14 -5
  56. package/dist/lib/node-esm/chunk-TDFHTCZZ.mjs.map +7 -0
  57. package/dist/lib/node-esm/index.mjs +35 -41
  58. package/dist/lib/node-esm/index.mjs.map +3 -3
  59. package/dist/lib/node-esm/{intent-resolver-BU73VYW3.mjs → intent-resolver-OXGNQ44Y.mjs} +30 -14
  60. package/dist/lib/node-esm/intent-resolver-OXGNQ44Y.mjs.map +7 -0
  61. package/dist/lib/node-esm/{markdown-HJUWNBLS.mjs → markdown-LIJZDK2J.mjs} +7 -7
  62. package/dist/lib/node-esm/meta.json +1 -1
  63. package/dist/lib/node-esm/{react-root-RUXOAQNW.mjs → react-root-M7J6PZVW.mjs} +12 -11
  64. package/dist/lib/{browser/react-root-NK3A4VG7.mjs.map → node-esm/react-root-M7J6PZVW.mjs.map} +1 -1
  65. package/dist/lib/node-esm/{react-surface-ELXFYKP6.mjs → react-surface-IRSEKM42.mjs} +12 -11
  66. package/dist/lib/{browser/react-surface-VXUJKSOG.mjs.map → node-esm/react-surface-IRSEKM42.mjs.map} +1 -1
  67. package/dist/lib/node-esm/{settings-EA7DFSM6.mjs → settings-SJ24YG7M.mjs} +4 -4
  68. package/dist/lib/node-esm/{state-6AUTNROZ.mjs → state-D7WNDT3N.mjs} +4 -4
  69. package/dist/lib/node-esm/types/index.mjs +2 -2
  70. package/dist/types/src/ThreadPlugin.d.ts.map +1 -1
  71. package/dist/types/src/calls/call-manager.d.ts +1 -1
  72. package/dist/types/src/calls/call-manager.d.ts.map +1 -1
  73. package/dist/types/src/calls/media-manager.d.ts.map +1 -1
  74. package/dist/types/src/calls/util/calls-service.d.ts +4 -1
  75. package/dist/types/src/calls/util/calls-service.d.ts.map +1 -1
  76. package/dist/types/src/calls/util/stub-media-streams.d.ts.map +1 -1
  77. package/dist/types/src/calls-service.stories.d.ts +22 -0
  78. package/dist/types/src/calls-service.stories.d.ts.map +1 -0
  79. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
  80. package/dist/types/src/components/ChannelContainer.d.ts.map +1 -1
  81. package/dist/types/src/components/ChannelContainer.stories.d.ts +2 -2
  82. package/dist/types/src/components/ChannelContainer.stories.d.ts.map +1 -1
  83. package/dist/types/src/components/Chat.stories.d.ts +3 -2
  84. package/dist/types/src/components/Chat.stories.d.ts.map +1 -1
  85. package/dist/types/src/components/ChatContainer.d.ts +2 -2
  86. package/dist/types/src/components/ChatContainer.d.ts.map +1 -1
  87. package/dist/types/src/components/Comments.stories.d.ts +1 -1
  88. package/dist/types/src/components/Comments.stories.d.ts.map +1 -1
  89. package/dist/types/src/components/CommentsContainer.d.ts +4 -4
  90. package/dist/types/src/components/CommentsContainer.d.ts.map +1 -1
  91. package/dist/types/src/components/CommentsThreadContainer.d.ts +14 -0
  92. package/dist/types/src/components/CommentsThreadContainer.d.ts.map +1 -0
  93. package/dist/types/src/components/Media/VideoObject.stories.d.ts +1 -1
  94. package/dist/types/src/components/Media/VideoObject.stories.d.ts.map +1 -1
  95. package/dist/types/src/components/MessageContainer.d.ts.map +1 -1
  96. package/dist/types/src/components/ResponsiveGrid/ResponsiveContainer.stories.d.ts +1 -1
  97. package/dist/types/src/components/ResponsiveGrid/ResponsiveContainer.stories.d.ts.map +1 -1
  98. package/dist/types/src/components/ResponsiveGrid/ResponsiveGrid.stories.d.ts +1 -1
  99. package/dist/types/src/components/ResponsiveGrid/ResponsiveGrid.stories.d.ts.map +1 -1
  100. package/dist/types/src/components/index.d.ts +1 -1
  101. package/dist/types/src/components/index.d.ts.map +1 -1
  102. package/dist/types/src/hooks/index.d.ts +2 -0
  103. package/dist/types/src/hooks/index.d.ts.map +1 -1
  104. package/dist/types/src/hooks/useInaudibleAudioStreamTrack.d.ts +2 -0
  105. package/dist/types/src/hooks/useInaudibleAudioStreamTrack.d.ts.map +1 -0
  106. package/dist/types/src/hooks/useVideoStreamTrack.d.ts +3 -0
  107. package/dist/types/src/hooks/useVideoStreamTrack.d.ts.map +1 -0
  108. package/dist/types/src/testing/stories.d.ts.map +1 -1
  109. package/dist/types/src/translations.d.ts +74 -194
  110. package/dist/types/src/translations.d.ts.map +1 -1
  111. package/dist/types/src/types/schema.d.ts +50 -21
  112. package/dist/types/src/types/schema.d.ts.map +1 -1
  113. package/dist/types/src/types/types.d.ts +68 -22
  114. package/dist/types/src/types/types.d.ts.map +1 -1
  115. package/dist/types/src/util.d.ts +17 -2
  116. package/dist/types/src/util.d.ts.map +1 -1
  117. package/dist/types/tsconfig.tsbuildinfo +1 -1
  118. package/package.json +47 -48
  119. package/src/ThreadPlugin.tsx +7 -22
  120. package/src/calls/call-manager.ts +6 -2
  121. package/src/calls/media-manager.ts +11 -4
  122. package/src/calls/util/calls-service.ts +8 -5
  123. package/src/calls/util/stub-media-streams.ts +3 -6
  124. package/src/calls-service.stories.tsx +216 -0
  125. package/src/capabilities/intent-resolver.ts +22 -4
  126. package/src/components/Call/Call.tsx +1 -1
  127. package/src/components/Call/Toolbar.tsx +3 -3
  128. package/src/components/CallDebugPanel.tsx +2 -2
  129. package/src/components/ChannelContainer.stories.tsx +5 -5
  130. package/src/components/ChannelContainer.tsx +6 -5
  131. package/src/components/Chat.stories.tsx +4 -4
  132. package/src/components/ChatContainer.tsx +12 -11
  133. package/src/components/Comments.stories.tsx +22 -15
  134. package/src/components/CommentsContainer.tsx +16 -11
  135. package/src/components/{CommentContainer.tsx → CommentsThreadContainer.tsx} +49 -80
  136. package/src/components/Media/VideoObject.stories.tsx +1 -1
  137. package/src/components/MessageContainer.tsx +29 -45
  138. package/src/components/ResponsiveGrid/ResponsiveContainer.stories.tsx +2 -2
  139. package/src/components/ResponsiveGrid/ResponsiveGrid.stories.tsx +3 -3
  140. package/src/components/ResponsiveGrid/ResponsiveGridItem.tsx +2 -2
  141. package/src/components/ThreadComplementary.tsx +2 -2
  142. package/src/components/ThreadSettings.tsx +2 -2
  143. package/src/components/index.ts +1 -1
  144. package/src/components/testing.ts +2 -2
  145. package/src/hooks/index.ts +2 -0
  146. package/src/hooks/useInaudibleAudioStreamTrack.tsx +27 -0
  147. package/src/hooks/useVideoStreamTrack.tsx +33 -0
  148. package/src/testing/stories.ts +5 -1
  149. package/src/translations.ts +11 -8
  150. package/src/types/types.ts +9 -1
  151. package/dist/lib/browser/ChannelContainer-PKFBVENP.mjs +0 -15
  152. package/dist/lib/browser/ChatContainer-RSOKYAMK.mjs +0 -14
  153. package/dist/lib/browser/chunk-4H4A264L.mjs.map +0 -7
  154. package/dist/lib/browser/chunk-5P5BH5GE.mjs.map +0 -7
  155. package/dist/lib/browser/chunk-6NBVNXTM.mjs +0 -21
  156. package/dist/lib/browser/chunk-AEXWNS6Z.mjs.map +0 -7
  157. package/dist/lib/browser/chunk-PG5CTFKK.mjs +0 -550
  158. package/dist/lib/browser/chunk-PG5CTFKK.mjs.map +0 -7
  159. package/dist/lib/browser/chunk-TAFSCSUR.mjs +0 -351
  160. package/dist/lib/browser/chunk-TAFSCSUR.mjs.map +0 -7
  161. package/dist/lib/browser/chunk-XZKBN3NS.mjs.map +0 -7
  162. package/dist/lib/browser/intent-resolver-FK2MDVDT.mjs.map +0 -7
  163. package/dist/lib/browser/react-root-NK3A4VG7.mjs +0 -27
  164. package/dist/lib/node/ChannelContainer-YS5YT2ML.cjs +0 -36
  165. package/dist/lib/node/ChannelContainer-YS5YT2ML.cjs.map +0 -7
  166. package/dist/lib/node/ChatContainer-GCOM3M56.cjs +0 -35
  167. package/dist/lib/node/ChatContainer-GCOM3M56.cjs.map +0 -7
  168. package/dist/lib/node/app-graph-builder-PBHJNDQY.cjs +0 -179
  169. package/dist/lib/node/app-graph-builder-PBHJNDQY.cjs.map +0 -7
  170. package/dist/lib/node/call-manager-HV2XJW5O.cjs +0 -37
  171. package/dist/lib/node/call-manager-HV2XJW5O.cjs.map +0 -7
  172. package/dist/lib/node/chunk-44I33JDT.cjs +0 -1731
  173. package/dist/lib/node/chunk-44I33JDT.cjs.map +0 -7
  174. package/dist/lib/node/chunk-4YSNVPWU.cjs +0 -37
  175. package/dist/lib/node/chunk-4YSNVPWU.cjs.map +0 -7
  176. package/dist/lib/node/chunk-E3WBZTTI.cjs +0 -371
  177. package/dist/lib/node/chunk-E3WBZTTI.cjs.map +0 -7
  178. package/dist/lib/node/chunk-ERG7G6FF.cjs +0 -59
  179. package/dist/lib/node/chunk-ERG7G6FF.cjs.map +0 -7
  180. package/dist/lib/node/chunk-FUXJAVFZ.cjs +0 -108
  181. package/dist/lib/node/chunk-FUXJAVFZ.cjs.map +0 -7
  182. package/dist/lib/node/chunk-HLMCEE5K.cjs +0 -41
  183. package/dist/lib/node/chunk-HLMCEE5K.cjs.map +0 -7
  184. package/dist/lib/node/chunk-IP533AMV.cjs +0 -554
  185. package/dist/lib/node/chunk-IP533AMV.cjs.map +0 -7
  186. package/dist/lib/node/chunk-LR5NENBE.cjs +0 -54
  187. package/dist/lib/node/chunk-LR5NENBE.cjs.map +0 -7
  188. package/dist/lib/node/chunk-UM36TPCT.cjs +0 -984
  189. package/dist/lib/node/chunk-UM36TPCT.cjs.map +0 -7
  190. package/dist/lib/node/chunk-ZGDN3XBR.cjs +0 -149
  191. package/dist/lib/node/chunk-ZGDN3XBR.cjs.map +0 -7
  192. package/dist/lib/node/index.cjs +0 -310
  193. package/dist/lib/node/index.cjs.map +0 -7
  194. package/dist/lib/node/intent-resolver-SYSJ5SJG.cjs +0 -363
  195. package/dist/lib/node/intent-resolver-SYSJ5SJG.cjs.map +0 -7
  196. package/dist/lib/node/markdown-GQIPJS2F.cjs +0 -178
  197. package/dist/lib/node/markdown-GQIPJS2F.cjs.map +0 -7
  198. package/dist/lib/node/meta.json +0 -1
  199. package/dist/lib/node/react-root-6HHDMULJ.cjs +0 -51
  200. package/dist/lib/node/react-root-6HHDMULJ.cjs.map +0 -7
  201. package/dist/lib/node/react-surface-NBH42NN2.cjs +0 -122
  202. package/dist/lib/node/react-surface-NBH42NN2.cjs.map +0 -7
  203. package/dist/lib/node/settings-4LQSFEDK.cjs +0 -36
  204. package/dist/lib/node/settings-4LQSFEDK.cjs.map +0 -7
  205. package/dist/lib/node/state-IY5XX3H2.cjs +0 -50
  206. package/dist/lib/node/state-IY5XX3H2.cjs.map +0 -7
  207. package/dist/lib/node/types/index.cjs +0 -38
  208. package/dist/lib/node/types/index.cjs.map +0 -7
  209. package/dist/lib/node-esm/ChannelContainer-O4QJII2P.mjs +0 -16
  210. package/dist/lib/node-esm/chunk-2RNIPFDA.mjs.map +0 -7
  211. package/dist/lib/node-esm/chunk-O3V45YJP.mjs.map +0 -7
  212. package/dist/lib/node-esm/chunk-O63QJPQX.mjs +0 -23
  213. package/dist/lib/node-esm/chunk-P6RLFCNT.mjs +0 -352
  214. package/dist/lib/node-esm/chunk-P6RLFCNT.mjs.map +0 -7
  215. package/dist/lib/node-esm/chunk-UJMPYKT3.mjs.map +0 -7
  216. package/dist/lib/node-esm/chunk-UZWVVFT3.mjs +0 -551
  217. package/dist/lib/node-esm/chunk-UZWVVFT3.mjs.map +0 -7
  218. package/dist/lib/node-esm/chunk-WXNPD542.mjs.map +0 -7
  219. package/dist/lib/node-esm/intent-resolver-BU73VYW3.mjs.map +0 -7
  220. package/dist/types/src/components/CommentContainer.d.ts +0 -13
  221. package/dist/types/src/components/CommentContainer.d.ts.map +0 -1
  222. package/dist/types/src/peers.stories.d.ts +0 -11
  223. package/dist/types/src/peers.stories.d.ts.map +0 -1
  224. package/src/peers.stories.tsx +0 -189
  225. /package/dist/lib/browser/{ChannelContainer-PKFBVENP.mjs.map → ChannelContainer-IY2UIRLF.mjs.map} +0 -0
  226. /package/dist/lib/browser/{ChatContainer-RSOKYAMK.mjs.map → ChatContainer-AIGIWAUG.mjs.map} +0 -0
  227. /package/dist/lib/browser/{app-graph-builder-OY7R7EJP.mjs.map → app-graph-builder-N7BE5TYW.mjs.map} +0 -0
  228. /package/dist/lib/{node-esm/call-manager-UUYXLF4T.mjs.map → browser/call-manager-NIPDYUVD.mjs.map} +0 -0
  229. /package/dist/lib/browser/{chunk-6NBVNXTM.mjs.map → chunk-4OYAYON2.mjs.map} +0 -0
  230. /package/dist/lib/browser/{chunk-IIUTBDVB.mjs.map → chunk-EV4JWI7L.mjs.map} +0 -0
  231. /package/dist/lib/browser/{chunk-JKQUJOTX.mjs.map → chunk-GERVMFQW.mjs.map} +0 -0
  232. /package/dist/lib/browser/{chunk-R5MDLUPC.mjs.map → chunk-LGSDKXPF.mjs.map} +0 -0
  233. /package/dist/lib/browser/{markdown-TE5SWWNJ.mjs.map → markdown-GEXBVJYN.mjs.map} +0 -0
  234. /package/dist/lib/{node-esm/react-root-RUXOAQNW.mjs.map → browser/react-root-X4UIVGTX.mjs.map} +0 -0
  235. /package/dist/lib/{node-esm/react-surface-ELXFYKP6.mjs.map → browser/react-surface-YCYEFBPM.mjs.map} +0 -0
  236. /package/dist/lib/browser/{settings-RB2RSLXV.mjs.map → settings-E32MTL7A.mjs.map} +0 -0
  237. /package/dist/lib/browser/{state-RKL5MSDP.mjs.map → state-H6CYONWE.mjs.map} +0 -0
  238. /package/dist/lib/node-esm/{ChannelContainer-O4QJII2P.mjs.map → ChannelContainer-DET6T5N2.mjs.map} +0 -0
  239. /package/dist/lib/node-esm/{ChatContainer-F6CSADV7.mjs.map → ChatContainer-IQUWU426.mjs.map} +0 -0
  240. /package/dist/lib/node-esm/{app-graph-builder-BAHBHYWI.mjs.map → app-graph-builder-VCW76Z6V.mjs.map} +0 -0
  241. /package/dist/lib/node-esm/{chunk-PGRP3O4O.mjs.map → chunk-57XR3LEF.mjs.map} +0 -0
  242. /package/dist/lib/node-esm/{chunk-K4KAUOKT.mjs.map → chunk-75RJ5DJI.mjs.map} +0 -0
  243. /package/dist/lib/node-esm/{chunk-ESQC6SYE.mjs.map → chunk-GRLRWTRU.mjs.map} +0 -0
  244. /package/dist/lib/node-esm/{chunk-O63QJPQX.mjs.map → chunk-GW37AAM4.mjs.map} +0 -0
  245. /package/dist/lib/node-esm/{markdown-HJUWNBLS.mjs.map → markdown-LIJZDK2J.mjs.map} +0 -0
  246. /package/dist/lib/node-esm/{settings-EA7DFSM6.mjs.map → settings-SJ24YG7M.mjs.map} +0 -0
  247. /package/dist/lib/node-esm/{state-6AUTNROZ.mjs.map → state-D7WNDT3N.mjs.map} +0 -0
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/ChatContainer.tsx", "../../../src/components/MessageContainer.tsx", "../../../src/components/command-extension.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Obj, Ref } from '@dxos/echo';\nimport { fullyQualifiedId, type Space, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ScrollArea, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport {\n MessageTextbox,\n type MessageTextboxProps,\n Thread,\n ThreadFooter,\n threadLayout,\n type ThreadProps,\n} from '@dxos/react-ui-thread';\nimport { DataType } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { MessageContainer } from './MessageContainer';\nimport { command } from './command-extension';\nimport { useStatus } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ThreadType } from '../types';\nimport { getMessageMetadata } from '../util';\n\nexport const ChatHeading = ({ attendableId }: { attendableId?: string }) => {\n const { t } = useTranslation(THREAD_PLUGIN);\n return (\n <div role='none' className='flex items-center'>\n <StackItem.SigilButton attendableId={attendableId}>\n <Icon icon='ph--chat--regular' size={5} />\n </StackItem.SigilButton>\n <StackItem.HeadingLabel attendableId={attendableId}>{t('chat heading')}</StackItem.HeadingLabel>\n </div>\n );\n};\n\nexport type ChatContainerProps = {\n space: Space;\n thread: ThreadType;\n context?: Obj.Any;\n autoFocusTextbox?: boolean;\n} & Pick<ThreadProps, 'current'>;\n\nexport const ChatContainer = ({ space, thread, context, current, autoFocusTextbox }: ChatContainerProps) => {\n const id = fullyQualifiedId(thread);\n const identity = useIdentity()!;\n const members = useMembers(space?.key);\n const activity = useStatus(space, id);\n const { t } = useTranslation(THREAD_PLUGIN);\n // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n const [_count, _setCount] = useState(0);\n const rerenderEditor = () => _setCount((count) => count + 1);\n const [autoFocus, setAutoFocus] = useState(autoFocusTextbox);\n const threadScrollRef = useRef<HTMLDivElement | null>(null);\n const { themeMode } = useThemeContext();\n\n const textboxMetadata = getMessageMetadata(id, identity);\n const messageRef = useRef('');\n const extensions = useMemo(\n () => [\n createBasicExtensions({ placeholder: t('message placeholder') }),\n createThemeExtensions({ themeMode }),\n listener({ onChange: (text) => (messageRef.current = text) }),\n command,\n ],\n [themeMode, _count],\n );\n\n // TODO(thure): Factor out.\n // TODO(thure): `flex-col-reverse` does not work to start the container scrolled to the end while also using\n // `ScrollArea`. This is the least-bad way I found to scroll to the end on mount. Note that 0ms was insufficient\n // for the desired effect; this is likely hardware-dependent and should be reevaluated.\n const scrollToEnd = (behavior: ScrollBehavior) =>\n setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n useLayoutEffect(() => {\n scrollToEnd('instant');\n }, []);\n\n // TODO(burdon): Change to model.\n const handleCreate: MessageTextboxProps['onSend'] = () => {\n if (!messageRef.current?.length) {\n return false;\n }\n\n thread.messages.push(\n Ref.make(\n Obj.make(DataType.Message, {\n sender: { identityDid: identity.did },\n created: new Date().toISOString(),\n blocks: [{ type: 'text', text: messageRef.current }],\n properties: context ? { context: Ref.make(context) } : undefined,\n }),\n ),\n );\n\n messageRef.current = '';\n setAutoFocus(true);\n scrollToEnd('smooth');\n rerenderEditor();\n return true;\n };\n\n return (\n <Thread\n current={current}\n id={id}\n classNames='bs-full grid-rows-[1fr_min-content_min-content] overflow-hidden transition-[padding-block-end] [[data-sidebar-inline-start-state=open]_&]:lg:pbe-0'\n >\n <ScrollArea.Root classNames='col-span-2'>\n <ScrollArea.Viewport classNames='overflow-anchored after:overflow-anchor after:block after:bs-px after:-mbs-px [&>div]:min-bs-full [&>div]:!grid [&>div]:grid-rows-[1fr_0]'>\n <div role='none' className={mx(threadLayout, 'place-self-end')}>\n {thread.messages\n .map((message) => message.target)\n .filter(isNonNullable)\n .map((message) => (\n <MessageContainer key={message.id} message={message} members={members} />\n ))}\n </div>\n {/* NOTE(thure): This can’t also be the `overflow-anchor` because `ScrollArea` injects an interceding node that contains this necessary ref’d element. */}\n <div role='none' className='bs-px -mbs-px' ref={threadScrollRef} />\n <ScrollArea.Scrollbar>\n <ScrollArea.Thumb />\n </ScrollArea.Scrollbar>\n </ScrollArea.Viewport>\n </ScrollArea.Root>\n <MessageTextbox extensions={extensions} autoFocus={autoFocus} onSend={handleCreate} {...textboxMetadata} />\n <ThreadFooter activity={activity}>{t('activity message')}</ThreadFooter>\n </Thread>\n );\n};\n\nexport default ChatContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { Check, PencilSimple, X } from '@phosphor-icons/react';\nimport React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { type Obj, type Type } from '@dxos/echo';\nimport { RefArray } from '@dxos/live-object';\nimport { PublicKey } from '@dxos/react-client';\nimport { type SpaceMember } from '@dxos/react-client/echo';\nimport { useIdentity, type Identity } from '@dxos/react-client/halo';\nimport { Button, ButtonGroup, Tooltip, useOnTransition, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, useTextEditor } from '@dxos/react-ui-editor';\nimport {\n getSize,\n hoverableControlItem,\n hoverableControls,\n hoverableFocusedWithinControls,\n mx,\n} from '@dxos/react-ui-theme';\nimport { MessageHeading, MessageRoot } from '@dxos/react-ui-thread';\nimport { type DataType } from '@dxos/schema';\n\nimport { command } from './command-extension';\nimport { useOnEditAnalytics } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\n// TODO(thure): #8149\nconst messageControlClassNames = ['!p-1 !min-bs-0 transition-opacity', hoverableControlItem];\n\nexport type MessageContainerProps = {\n message: DataType.Message;\n members: SpaceMember[];\n editable?: boolean;\n onDelete?: (id: string) => void;\n};\n\nexport const MessageContainer = ({ message, members, editable = false, onDelete }: MessageContainerProps) => {\n const senderIdentity = members.find(\n (member) =>\n (message.sender.identityDid && member.identity.did === message.sender.identityDid) ||\n (message.sender.identityKey && PublicKey.equals(member.identity.identityKey, message.sender.identityKey)),\n )?.identity;\n const messageMetadata = getMessageMetadata(message.id, senderIdentity);\n const userIsAuthor = useIdentity()?.did === messageMetadata.authorId;\n const [editing, setEditing] = useState(false);\n const handleDelete = useCallback(() => onDelete?.(message.id), [message, onDelete]);\n const { t } = useTranslation(THREAD_PLUGIN);\n const editLabel = t(editing ? 'save message label' : 'edit message label');\n const deleteLabel = t('delete message label');\n const textBlock = message.blocks.find((block) => block.type === 'text');\n const references = message.blocks.filter((block) => block.type === 'reference').map((block) => block.reference);\n\n useOnEditAnalytics(message, textBlock, !!editing);\n\n return (\n <MessageRoot {...messageMetadata} classNames={[hoverableControls, hoverableFocusedWithinControls]}>\n <MessageHeading authorName={messageMetadata.authorName} timestamp={messageMetadata.timestamp}>\n <ButtonGroup classNames='mie-1'>\n {userIsAuthor && editable && (\n <Tooltip.Trigger asChild content={editLabel}>\n <Button\n variant='ghost'\n data-testid={editing ? 'thread.message.save' : 'thread.message.edit'}\n classNames={messageControlClassNames}\n onClick={() => setEditing((editing) => !editing)}\n >\n <span className='sr-only'>{editLabel}</span>\n {editing ? <Check className={getSize(4)} /> : <PencilSimple className={getSize(4)} />}\n </Button>\n </Tooltip.Trigger>\n )}\n {onDelete && (\n <Tooltip.Trigger asChild content={deleteLabel}>\n <Button\n variant='ghost'\n data-testid='thread.message.delete'\n classNames={messageControlClassNames}\n onClick={() => handleDelete()}\n >\n <span className='sr-only'>{deleteLabel}</span>\n <X className={getSize(4)} />\n </Button>\n </Tooltip.Trigger>\n )}\n </ButtonGroup>\n </MessageHeading>\n {textBlock && <TextboxBlock block={textBlock} isAuthor={userIsAuthor} editing={editing} />}\n {RefArray.targets(references).map((reference, index) => (\n <MessagePart key={index} part={reference} />\n ))}\n </MessageRoot>\n );\n};\n\nconst MessagePart = ({ part }: { part: Type.Expando }) => {\n return <MessageBlockObjectTile subject={part} />;\n};\n\nconst TextboxBlock = ({\n block,\n isAuthor,\n editing,\n}: {\n block: DataType.MessageBlock.Text;\n editing?: boolean;\n isAuthor?: boolean;\n identity?: Identity;\n}) => {\n const { themeMode } = useThemeContext();\n const inMemoryContentRef = useRef(block.text);\n\n const handleDocumentChange = useCallback((newState: string) => {\n inMemoryContentRef.current = newState;\n }, []);\n\n const saveDocumentChange = useCallback(() => {\n block.text = inMemoryContentRef.current;\n }, [block]);\n\n useOnTransition(editing, true, false, saveDocumentChange);\n\n const { parentRef, focusAttributes, view } = useTextEditor(\n () => ({\n initialValue: block.text,\n extensions: [\n createBasicExtensions({ readOnly: !isAuthor || !editing }),\n createThemeExtensions({ themeMode }),\n command,\n EditorView.updateListener.of((update) => {\n if (update.docChanged) {\n handleDocumentChange(update.state.doc.toString());\n }\n }),\n ],\n }),\n [block.text, editing, isAuthor, themeMode, handleDocumentChange],\n );\n\n useEffect(() => {\n editing && view?.focus();\n }, [editing, view]);\n\n return <div role='none' ref={parentRef} className='mie-4' {...focusAttributes} />;\n};\n\nconst MessageBlockObjectTile = forwardRef<HTMLDivElement, { subject: Obj.Any }>(({ subject }, forwardedRef) => {\n // TODO(burdon): Use annotation to get title.\n let title = (subject as any).name ?? (subject as any).title ?? (subject as any).type ?? 'Object';\n if (typeof title !== 'string') {\n title = title?.content ?? '';\n }\n\n return (\n <div\n role='group'\n className={mx('grid col-span-3 py-1 pr-4', hoverableControls, hoverableFocusedWithinControls)}\n ref={forwardedRef}\n >\n <Surface role='card' limit={1} data={{ subject }} fallback={title} />\n </div>\n );\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { StreamLanguage, HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\n\nimport { tags } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\n * https://github.com/codemirror/stream-parser/blob/main/test/test-stream-parser.ts\n */\nconst parser = StreamLanguage.define<{ count: number }>({\n startState: () => ({ count: 0 }),\n token: (stream, state) => {\n state.count++;\n if (stream.eatSpace()) {\n return null;\n }\n if (state.count === 1 && stream.match(/^(\\/\\w+)/)) {\n return 'tagName';\n }\n stream.next();\n return null;\n },\n});\n\nconst styles = HighlightStyle.define([\n { tag: tags.tagName, class: mx('dx-tag dx-tag--indigo text-baseText font-medium') },\n]);\n\nexport const command: Extension = [parser, syntaxHighlighting(styles)];\n"],
5
- "mappings": "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",
6
- "names": ["React", "useLayoutEffect", "useMemo", "useRef", "useState", "Obj", "Ref", "fullyQualifiedId", "useMembers", "useIdentity", "Icon", "ScrollArea", "useThemeContext", "useTranslation", "createBasicExtensions", "createThemeExtensions", "listener", "StackItem", "mx", "MessageTextbox", "Thread", "ThreadFooter", "threadLayout", "DataType", "isNonNullable", "EditorView", "Check", "PencilSimple", "X", "React", "forwardRef", "useCallback", "useEffect", "useRef", "useState", "Surface", "RefArray", "PublicKey", "useIdentity", "Button", "ButtonGroup", "Tooltip", "useOnTransition", "useThemeContext", "useTranslation", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "getSize", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "MessageHeading", "MessageRoot", "StreamLanguage", "HighlightStyle", "syntaxHighlighting", "tags", "mx", "parser", "StreamLanguage", "define", "startState", "count", "token", "stream", "state", "eatSpace", "match", "next", "styles", "HighlightStyle", "tag", "tags", "tagName", "class", "mx", "command", "syntaxHighlighting", "messageControlClassNames", "hoverableControlItem", "MessageContainer", "message", "members", "editable", "onDelete", "senderIdentity", "find", "member", "sender", "identityDid", "identity", "did", "identityKey", "PublicKey", "equals", "messageMetadata", "getMessageMetadata", "id", "userIsAuthor", "useIdentity", "authorId", "editing", "setEditing", "useState", "handleDelete", "useCallback", "t", "useTranslation", "THREAD_PLUGIN", "editLabel", "deleteLabel", "textBlock", "blocks", "block", "type", "references", "filter", "map", "reference", "useOnEditAnalytics", "MessageRoot", "classNames", "hoverableControls", "hoverableFocusedWithinControls", "MessageHeading", "authorName", "timestamp", "ButtonGroup", "Tooltip", "Trigger", "asChild", "content", "Button", "variant", "data-testid", "onClick", "span", "className", "Check", "getSize", "PencilSimple", "X", "TextboxBlock", "isAuthor", "RefArray", "targets", "index", "MessagePart", "key", "part", "MessageBlockObjectTile", "subject", "themeMode", "useThemeContext", "inMemoryContentRef", "useRef", "text", "handleDocumentChange", "newState", "current", "saveDocumentChange", "useOnTransition", "parentRef", "focusAttributes", "view", "useTextEditor", "initialValue", "extensions", "createBasicExtensions", "readOnly", "createThemeExtensions", "command", "EditorView", "updateListener", "of", "update", "docChanged", "state", "doc", "toString", "useEffect", "focus", "div", "role", "ref", "forwardRef", "forwardedRef", "title", "name", "mx", "Surface", "limit", "data", "fallback", "ChatHeading", "attendableId", "t", "useTranslation", "THREAD_PLUGIN", "React", "div", "role", "className", "StackItem", "SigilButton", "Icon", "icon", "size", "HeadingLabel", "ChatContainer", "space", "thread", "context", "current", "autoFocusTextbox", "id", "fullyQualifiedId", "identity", "useIdentity", "members", "useMembers", "key", "activity", "useStatus", "_count", "_setCount", "useState", "rerenderEditor", "count", "autoFocus", "setAutoFocus", "threadScrollRef", "useRef", "themeMode", "useThemeContext", "textboxMetadata", "getMessageMetadata", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "useLayoutEffect", "handleCreate", "length", "messages", "push", "Ref", "make", "Obj", "DataType", "Message", "sender", "identityDid", "did", "created", "Date", "toISOString", "blocks", "type", "properties", "undefined", "Thread", "classNames", "ScrollArea", "Root", "Viewport", "mx", "threadLayout", "map", "message", "target", "filter", "isNonNullable", "MessageContainer", "ref", "Scrollbar", "Thumb", "MessageTextbox", "onSend", "ThreadFooter"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/schema.ts", "../../../src/types/types.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { Type } from '@dxos/echo';\nimport { DataType } from '@dxos/schema';\n\nexport const ThreadStatus = Schema.Union(\n Schema.Literal('staged'),\n Schema.Literal('active'),\n Schema.Literal('resolved'),\n);\n\nconst _ThreadType = Schema.Struct({\n name: Schema.optional(Schema.String),\n status: Schema.optional(ThreadStatus),\n messages: Schema.mutable(Schema.Array(Type.Ref(DataType.Message))),\n}).pipe(Type.Obj({ typename: 'dxos.org/type/Thread', version: '0.1.0' }));\nexport interface ThreadType extends Schema.Schema.Type<typeof _ThreadType> {}\nexport const ThreadType: Type.obj<Schema.Schema<ThreadType, Schema.Schema.Encoded<typeof _ThreadType>, never>> =\n _ThreadType;\n\nconst _ChannelType = Schema.Struct({\n name: Schema.optional(Schema.String),\n defaultThread: Type.Ref(ThreadType),\n // TODO(wittjosiah): Should be an \"ordered collection\".\n threads: Schema.mutable(Schema.Array(Type.Ref(ThreadType))),\n}).pipe(Type.Obj({ typename: 'dxos.org/type/Channel', version: '0.1.0' }));\nexport interface ChannelType extends Schema.Schema.Type<typeof _ChannelType> {}\nexport const ChannelType: Type.obj<Schema.Schema<ChannelType, Schema.Schema.Encoded<typeof _ChannelType>, never>> =\n _ChannelType;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { Type } from '@dxos/echo';\nimport { EchoObjectSchema } from '@dxos/react-client/echo';\nimport { AnchoredTo, DataType } from '@dxos/schema';\n\nimport { ChannelType, ThreadType } from './schema';\nimport { THREAD_PLUGIN } from '../meta';\n\nexport namespace ThreadAction {\n const THREAD_ACTION = `${THREAD_PLUGIN}/action`;\n\n export class CreateChannel extends Schema.TaggedClass<CreateChannel>()(`${THREAD_ACTION}/create-channel`, {\n input: Schema.Struct({\n spaceId: Type.SpaceId,\n name: Schema.optional(Schema.String),\n }),\n output: Schema.Struct({\n object: ChannelType,\n }),\n }) {}\n\n export class CreateChannelThread extends Schema.TaggedClass<CreateChannelThread>()(\n `${THREAD_ACTION}/create-channel-thread`,\n {\n input: Schema.Struct({\n channel: ChannelType,\n }),\n output: Schema.Struct({\n object: ThreadType,\n }),\n },\n ) {}\n\n export class Create extends Schema.TaggedClass<Create>()(`${THREAD_ACTION}/create`, {\n input: Schema.Struct({\n name: Schema.optional(Schema.String),\n anchor: Schema.optional(Schema.String),\n subject: EchoObjectSchema,\n }),\n output: Schema.Void,\n }) {}\n\n export class Delete extends Schema.TaggedClass<Delete>()(`${THREAD_ACTION}/delete`, {\n input: Schema.Struct({\n anchor: AnchoredTo,\n subject: EchoObjectSchema,\n thread: Schema.optional(ThreadType),\n }),\n output: Schema.Void,\n }) {}\n\n export class Select extends Schema.TaggedClass<Select>()(`${THREAD_ACTION}/select`, {\n input: Schema.Struct({\n current: Schema.String,\n }),\n output: Schema.Void,\n }) {}\n\n export class ToggleResolved extends Schema.TaggedClass<ToggleResolved>()(`${THREAD_ACTION}/toggle-resolved`, {\n input: Schema.Struct({\n thread: ThreadType,\n }),\n output: Schema.Void,\n }) {}\n\n export class AddMessage extends Schema.TaggedClass<AddMessage>()(`${THREAD_ACTION}/add-message`, {\n input: Schema.Struct({\n subject: EchoObjectSchema,\n anchor: AnchoredTo,\n sender: DataType.Actor,\n text: Schema.String,\n }),\n output: Schema.Void,\n }) {}\n\n export class DeleteMessage extends Schema.TaggedClass<DeleteMessage>()(`${THREAD_ACTION}/delete-message`, {\n input: Schema.Struct({\n anchor: AnchoredTo,\n subject: EchoObjectSchema,\n messageId: Schema.String,\n message: Schema.optional(DataType.Message),\n messageIndex: Schema.optional(Schema.Number),\n }),\n output: Schema.Void,\n }) {}\n}\n\nexport const ThreadSettingsSchema = Schema.mutable(Schema.Struct({}));\nexport type ThreadSettingsProps = Schema.Schema.Type<typeof ThreadSettingsSchema>;\n\nexport interface ThreadModel {\n root: ThreadType;\n}\n\ntype SubjectId = string;\nexport type ViewState = { showResolvedThreads: boolean };\nexport type ViewStore = Record<SubjectId, ViewState>;\n\nexport type ThreadState = {\n /** Object toolbar state. */\n toolbar: Record<string, boolean>;\n /** In-memory draft threads. */\n drafts: Record<string, AnchoredTo[]>;\n current?: string | undefined;\n};\n"],
5
- "mappings": "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",
6
- "names": ["Schema", "Type", "DataType", "ThreadStatus", "Schema", "Union", "Literal", "_ThreadType", "Struct", "name", "optional", "String", "status", "messages", "mutable", "Array", "Type", "Ref", "DataType", "Message", "pipe", "Obj", "typename", "version", "ThreadType", "_ChannelType", "defaultThread", "threads", "ChannelType", "Schema", "Type", "EchoObjectSchema", "AnchoredTo", "DataType", "ThreadAction", "THREAD_ACTION", "THREAD_PLUGIN", "CreateChannel", "Schema", "TaggedClass", "input", "Struct", "spaceId", "Type", "SpaceId", "name", "optional", "String", "output", "object", "ChannelType", "CreateChannelThread", "channel", "ThreadType", "Create", "anchor", "subject", "EchoObjectSchema", "Void", "Delete", "AnchoredTo", "thread", "Select", "current", "ToggleResolved", "AddMessage", "sender", "DataType", "Actor", "text", "DeleteMessage", "messageId", "message", "Message", "messageIndex", "Number", "ThreadSettingsSchema", "mutable"]
7
- }
@@ -1,551 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- ThreadAction,
4
- ThreadType
5
- } from "./chunk-UJMPYKT3.mjs";
6
- import {
7
- ChannelContainer
8
- } from "./chunk-2RNIPFDA.mjs";
9
- import {
10
- ThreadCapabilities
11
- } from "./chunk-K4KAUOKT.mjs";
12
- import {
13
- MessageContainer,
14
- command
15
- } from "./chunk-P6RLFCNT.mjs";
16
- import {
17
- useStatus
18
- } from "./chunk-O3V45YJP.mjs";
19
- import {
20
- getMessageMetadata
21
- } from "./chunk-PGRP3O4O.mjs";
22
- import {
23
- THREAD_PLUGIN
24
- } from "./chunk-ESQC6SYE.mjs";
25
-
26
- // packages/plugins/plugin-thread/src/components/CallDebugPanel.tsx
27
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
28
- import { WebRTCStats } from "@peermetrics/webrtc-stats";
29
- import React, { useEffect, useMemo, useState } from "react";
30
- import { Panel } from "@dxos/devtools";
31
- import { log } from "@dxos/log";
32
- import { Input, useTranslation } from "@dxos/react-ui";
33
- import { Json } from "@dxos/react-ui-syntax-highlighter";
34
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-thread/src/components/CallDebugPanel.tsx";
35
- var CallDebugPanel = ({ state }) => {
36
- var _effect = _useSignals();
37
- try {
38
- const users = state?.call?.users;
39
- const self = state?.call?.self;
40
- const { t } = useTranslation(THREAD_PLUGIN);
41
- const [open, setOpen] = useState(false);
42
- const handleToggle = () => setOpen(!open);
43
- const [showDetailedWebRTCStats, setShowDetailedWebRTCStats] = useState(false);
44
- const handleShowDetailedWebRTCStats = () => setShowDetailedWebRTCStats(!showDetailedWebRTCStats);
45
- const webrtcStats = useMemo(() => new WebRTCStats({
46
- getStatsInterval: 1e3
47
- }), []);
48
- const [stats, setStats] = useState({});
49
- useEffect(() => {
50
- const pc = state?.media.peer?.session?.peerConnection;
51
- const handleStats = (stats2) => setStats(stats2.data);
52
- let added = false;
53
- if (pc && showDetailedWebRTCStats) {
54
- webrtcStats.addConnection({
55
- pc,
56
- peerId: 1,
57
- connectionId: "1"
58
- });
59
- webrtcStats.on("stats", handleStats);
60
- added = true;
61
- }
62
- return () => {
63
- try {
64
- if (pc && added) {
65
- webrtcStats.removeConnection({
66
- pc
67
- });
68
- webrtcStats.removeListener("stats", handleStats);
69
- }
70
- } catch (error) {
71
- log.error("error removing webrtc stats", {
72
- error,
73
- pc,
74
- peerId: 1,
75
- connectionId: "1"
76
- }, {
77
- F: __dxlog_file,
78
- L: 55,
79
- S: void 0,
80
- C: (f, a) => f(...a)
81
- });
82
- }
83
- };
84
- }, [
85
- state?.media.peer?.session?.peerConnection,
86
- showDetailedWebRTCStats
87
- ]);
88
- return /* @__PURE__ */ React.createElement(Panel, {
89
- id: "meeting-status",
90
- icon: "ph--video-conference--regular",
91
- open,
92
- onToggle: handleToggle,
93
- title: t("meeting status title"),
94
- maxHeight: false,
95
- info: /* @__PURE__ */ React.createElement("div", {
96
- className: "flex items-center gap-2"
97
- }, /* @__PURE__ */ React.createElement("span", {
98
- title: "Joined"
99
- }, self?.joined ? "Active" : "Inactive"), users?.length !== void 0 && /* @__PURE__ */ React.createElement("span", {
100
- title: "Users"
101
- }, users?.length ?? 0, " User(s)"))
102
- }, /* @__PURE__ */ React.createElement("div", {
103
- className: "flex flex-col gap-2 overflow-y-auto"
104
- }, /* @__PURE__ */ React.createElement("div", {
105
- className: "flex items-row gap-2"
106
- }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
107
- classNames: "text-sm"
108
- }, t("show webrtc stats title")), /* @__PURE__ */ React.createElement(Input.Checkbox, {
109
- checked: showDetailedWebRTCStats,
110
- onCheckedChange: handleShowDetailedWebRTCStats
111
- }))), /* @__PURE__ */ React.createElement(Json, {
112
- classNames: "text-sm",
113
- data: {
114
- users,
115
- activities: state?.call?.activities,
116
- ...showDetailedWebRTCStats ? {
117
- webrtc: {
118
- connectionState: state?.media.peer?.session?.peerConnection.connectionState,
119
- iceConnectionState: state?.media.peer?.session?.peerConnection.iceConnectionState,
120
- stats
121
- }
122
- } : {},
123
- tracks: state?.media.peer?.session?.peerConnection.getTransceivers().map((transceiver) => {
124
- const track = transceiver.direction === "recvonly" ? transceiver.receiver.track : transceiver.sender.track;
125
- return {
126
- id: track?.id,
127
- kind: track?.kind,
128
- direction: transceiver.direction,
129
- enabled: track?.enabled,
130
- muted: track?.muted,
131
- readyState: track?.readyState,
132
- settings: track?.getSettings()
133
- };
134
- }),
135
- callsServiceHistory: state?.media.peer?.history.get()
136
- }
137
- })));
138
- } finally {
139
- _effect.f();
140
- }
141
- };
142
-
143
- // packages/plugins/plugin-thread/src/components/CallSidebar.tsx
144
- import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
145
- import React2 from "react";
146
- import { useCapability } from "@dxos/app-framework";
147
- var CallSidebar = () => {
148
- var _effect = _useSignals2();
149
- try {
150
- const call = useCapability(ThreadCapabilities.CallManager);
151
- return /* @__PURE__ */ React2.createElement(ChannelContainer, {
152
- roomId: call.roomId
153
- });
154
- } finally {
155
- _effect.f();
156
- }
157
- };
158
-
159
- // packages/plugins/plugin-thread/src/components/ThreadComplementary.tsx
160
- import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
161
- import React6, { useCallback as useCallback2, useMemo as useMemo3 } from "react";
162
- import { Capabilities, LayoutAction, createIntent, useCapability as useCapability2, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
163
- import { Filter, Obj, Query, Relation as Relation3 } from "@dxos/echo";
164
- import { fullyQualifiedId as fullyQualifiedId3, getSpace as getSpace2, useQuery } from "@dxos/react-client/echo";
165
- import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
166
- import { useThemeContext as useThemeContext2, useTranslation as useTranslation4 } from "@dxos/react-ui";
167
- import { useAttended } from "@dxos/react-ui-attention";
168
- import { StackItem } from "@dxos/react-ui-stack";
169
- import { Tabs } from "@dxos/react-ui-tabs";
170
- import { AnchoredTo } from "@dxos/schema";
171
-
172
- // packages/plugins/plugin-thread/src/components/index.ts
173
- import { lazy } from "react";
174
-
175
- // packages/plugins/plugin-thread/src/components/CommentContainer.tsx
176
- import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
177
- import { CheckCircle, X } from "@phosphor-icons/react";
178
- import React3, { useCallback, useMemo as useMemo2, useRef, useState as useState2 } from "react";
179
- import { Relation } from "@dxos/echo";
180
- import { RefArray } from "@dxos/live-object";
181
- import { fullyQualifiedId, getSpace, useMembers } from "@dxos/react-client/echo";
182
- import { useIdentity } from "@dxos/react-client/halo";
183
- import { Button, Tag, Tooltip, useThemeContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
184
- import { createBasicExtensions, createThemeExtensions, listener } from "@dxos/react-ui-editor";
185
- import { getSize, hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from "@dxos/react-ui-theme";
186
- import { MessageTextbox, Thread, ThreadFooter, ThreadHeading } from "@dxos/react-ui-thread";
187
- import { isNonNullable } from "@dxos/util";
188
- var sizeClass = getSize(4);
189
- var commentControlClassNames = "!p-1 !min-bs-0 transition-opacity";
190
- var ToggleResolvedButton = ({ isResolved, onResolve }) => {
191
- var _effect = _useSignals3();
192
- try {
193
- const { t } = useTranslation2(THREAD_PLUGIN);
194
- const label = t(isResolved ? "mark as unresolved label" : "mark as resolved label");
195
- return /* @__PURE__ */ React3.createElement(Tooltip.Trigger, {
196
- asChild: true,
197
- content: label
198
- }, /* @__PURE__ */ React3.createElement(Button, {
199
- variant: "ghost",
200
- "data-testid": "thread.toggle-resolved",
201
- onClick: onResolve,
202
- classNames: [
203
- commentControlClassNames,
204
- !isResolved && hoverableControlItem
205
- ]
206
- }, /* @__PURE__ */ React3.createElement("span", {
207
- className: "sr-only"
208
- }, label), isResolved ? /* @__PURE__ */ React3.createElement(CheckCircle, {
209
- className: sizeClass,
210
- weight: "fill"
211
- }) : /* @__PURE__ */ React3.createElement(CheckCircle, {
212
- className: sizeClass
213
- })));
214
- } finally {
215
- _effect.f();
216
- }
217
- };
218
- var DeleteThreadButton = ({ onDelete }) => {
219
- var _effect = _useSignals3();
220
- try {
221
- const { t } = useTranslation2(THREAD_PLUGIN);
222
- const label = t("delete thread label");
223
- return /* @__PURE__ */ React3.createElement(Tooltip.Trigger, {
224
- asChild: true,
225
- content: label
226
- }, /* @__PURE__ */ React3.createElement(Button, {
227
- variant: "ghost",
228
- "data-testid": "thread.delete",
229
- onClick: onDelete,
230
- classNames: [
231
- commentControlClassNames,
232
- hoverableControlItem
233
- ]
234
- }, /* @__PURE__ */ React3.createElement("span", {
235
- className: "sr-only"
236
- }, label), /* @__PURE__ */ React3.createElement(X, {
237
- className: sizeClass
238
- })));
239
- } finally {
240
- _effect.f();
241
- }
242
- };
243
- var CommentContainer = ({ anchor, current, onAttend, onComment, onResolve, onMessageDelete, onThreadDelete }) => {
244
- var _effect = _useSignals3();
245
- try {
246
- const identity = useIdentity();
247
- const space = getSpace(anchor);
248
- const members = useMembers(space?.key);
249
- const detached = !anchor.anchor;
250
- const thread = Relation.getSource(anchor);
251
- const activity = useStatus(space, fullyQualifiedId(thread));
252
- const { t } = useTranslation2(THREAD_PLUGIN);
253
- const threadScrollRef = useRef(null);
254
- const { themeMode } = useThemeContext();
255
- const textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);
256
- const [_count, _setCount] = useState2(0);
257
- const rerenderEditor = () => _setCount((count) => count + 1);
258
- const messageRef = useRef("");
259
- const extensions = useMemo2(() => [
260
- createBasicExtensions({
261
- placeholder: t("message placeholder")
262
- }),
263
- createThemeExtensions({
264
- themeMode
265
- }),
266
- listener({
267
- onChange: (text) => messageRef.current = text
268
- }),
269
- command
270
- ], [
271
- _count
272
- ]);
273
- const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
274
- behavior,
275
- block: "end"
276
- }), 10);
277
- const handleAttend = useCallback(() => onAttend?.(anchor), [
278
- onAttend,
279
- anchor
280
- ]);
281
- const handleResolve = useCallback(() => onResolve?.(anchor), [
282
- onResolve,
283
- anchor
284
- ]);
285
- const handleMessageDelete = useCallback((id) => onMessageDelete?.(anchor, id), [
286
- onMessageDelete,
287
- anchor
288
- ]);
289
- const handleThreadDelete = useCallback(() => onThreadDelete?.(anchor), [
290
- onThreadDelete,
291
- anchor
292
- ]);
293
- const handleComment = useCallback(() => {
294
- if (!messageRef.current) {
295
- return false;
296
- }
297
- onComment?.(anchor, messageRef.current);
298
- messageRef.current = "";
299
- scrollToEnd("instant");
300
- rerenderEditor();
301
- return true;
302
- }, [
303
- anchor,
304
- identity
305
- ]);
306
- return /* @__PURE__ */ React3.createElement(Thread, {
307
- onClickCapture: handleAttend,
308
- onFocusCapture: handleAttend,
309
- current,
310
- id: fullyQualifiedId(thread)
311
- }, /* @__PURE__ */ React3.createElement("div", {
312
- role: "none",
313
- className: mx("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", hoverableControls, hoverableFocusedWithinControls)
314
- }, detached ? /* @__PURE__ */ React3.createElement(Tooltip.Trigger, {
315
- asChild: true,
316
- content: t("detached thread label"),
317
- side: "top"
318
- }, /* @__PURE__ */ React3.createElement(ThreadHeading, {
319
- detached: true
320
- }, thread.name)) : /* @__PURE__ */ React3.createElement(ThreadHeading, null, thread.name), /* @__PURE__ */ React3.createElement("div", {
321
- className: "flex flex-row items-center pli-1"
322
- }, thread.status === "staged" && /* @__PURE__ */ React3.createElement(Tag, {
323
- palette: "neutral"
324
- }, t("draft button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ React3.createElement(ToggleResolvedButton, {
325
- isResolved: thread?.status === "resolved",
326
- onResolve: handleResolve
327
- }), onThreadDelete && /* @__PURE__ */ React3.createElement(DeleteThreadButton, {
328
- onDelete: handleThreadDelete
329
- }))), RefArray.targets(thread.messages?.filter(isNonNullable) ?? []).map((message) => /* @__PURE__ */ React3.createElement(MessageContainer, {
330
- key: message.id,
331
- editable: true,
332
- message,
333
- members,
334
- onDelete: handleMessageDelete
335
- })), /* @__PURE__ */ React3.createElement(MessageTextbox, {
336
- extensions,
337
- onSend: handleComment,
338
- ...textboxMetadata
339
- }), /* @__PURE__ */ React3.createElement(ThreadFooter, {
340
- activity
341
- }, t("activity message")), /* @__PURE__ */ React3.createElement("div", {
342
- role: "none",
343
- className: "bs-px -mbs-px",
344
- ref: threadScrollRef
345
- }));
346
- } finally {
347
- _effect.f();
348
- }
349
- };
350
-
351
- // packages/plugins/plugin-thread/src/components/CommentsContainer.tsx
352
- import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
353
- import React4, { useEffect as useEffect2 } from "react";
354
- import { Relation as Relation2 } from "@dxos/echo";
355
- import { fullyQualifiedId as fullyQualifiedId2 } from "@dxos/react-client/echo";
356
- import { Callout, Icon, Trans, useTranslation as useTranslation3 } from "@dxos/react-ui";
357
- var CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...props }) => {
358
- var _effect = _useSignals4();
359
- try {
360
- const { t } = useTranslation3(THREAD_PLUGIN);
361
- const filteredAnchors = showResolvedThreads ? anchors.filter((anchor) => !!Relation2.getSource(anchor)) : anchors.filter((anchor) => {
362
- const thread = Relation2.getSource(anchor);
363
- return thread && thread.status !== "resolved";
364
- });
365
- useEffect2(() => {
366
- if (currentId) {
367
- document.getElementById(currentId)?.scrollIntoView({
368
- behavior: "smooth",
369
- block: "end"
370
- });
371
- }
372
- }, [
373
- currentId
374
- ]);
375
- if (filteredAnchors.length === 0) {
376
- return /* @__PURE__ */ React4.createElement("div", {
377
- role: "none",
378
- className: "plb-cardSpacingBlock pli-cardSpacingInline"
379
- }, /* @__PURE__ */ React4.createElement(Callout.Root, null, /* @__PURE__ */ React4.createElement(Callout.Title, null, /* @__PURE__ */ React4.createElement(Trans, {
380
- t,
381
- i18nKey: "no comments message",
382
- components: {
383
- commentIcon: /* @__PURE__ */ React4.createElement(Icon, {
384
- icon: "ph--chat-text--regular",
385
- size: 4,
386
- classNames: "inline-block"
387
- })
388
- }
389
- }))));
390
- }
391
- return filteredAnchors.map((anchor) => {
392
- const thread = Relation2.getSource(anchor);
393
- const threadId = fullyQualifiedId2(thread);
394
- return /* @__PURE__ */ React4.createElement(CommentContainer, {
395
- key: threadId,
396
- anchor,
397
- current: currentId === threadId,
398
- ...props
399
- });
400
- });
401
- } finally {
402
- _effect.f();
403
- }
404
- };
405
-
406
- // packages/plugins/plugin-thread/src/components/ThreadSettings.tsx
407
- import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
408
- import React5 from "react";
409
- import { DeprecatedFormContainer } from "@dxos/react-ui-form";
410
- var ThreadSettings = ({ settings }) => {
411
- var _effect = _useSignals5();
412
- try {
413
- return /* @__PURE__ */ React5.createElement(DeprecatedFormContainer, null);
414
- } finally {
415
- _effect.f();
416
- }
417
- };
418
-
419
- // packages/plugins/plugin-thread/src/components/index.ts
420
- var ChannelContainer2 = lazy(() => import("./ChannelContainer-O4QJII2P.mjs"));
421
- var ChatContainer = lazy(() => import("./ChatContainer-F6CSADV7.mjs"));
422
-
423
- // packages/plugins/plugin-thread/src/components/ThreadComplementary.tsx
424
- var ThreadComplementary = ({ subject }) => {
425
- var _effect = _useSignals6();
426
- try {
427
- const { dispatchPromise: dispatch } = useIntentDispatcher();
428
- const identity = useIdentity2();
429
- const { t } = useTranslation4(THREAD_PLUGIN);
430
- const { tx } = useThemeContext2();
431
- const subjectId = fullyQualifiedId3(subject);
432
- const { state, getViewState } = useCapability2(ThreadCapabilities.MutableState);
433
- const drafts = state.drafts[subjectId];
434
- const viewState = useMemo3(() => getViewState(subjectId), [
435
- getViewState,
436
- subjectId
437
- ]);
438
- const { showResolvedThreads } = viewState;
439
- const onChangeViewState = useCallback2((nextValue) => {
440
- viewState.showResolvedThreads = nextValue === "all";
441
- }, [
442
- viewState
443
- ]);
444
- const anchorSorts = useCapabilities(Capabilities.AnchorSort);
445
- const sort = useMemo3(() => anchorSorts.find(({ key }) => key === Obj.getTypename(subject))?.sort, [
446
- anchorSorts,
447
- subject
448
- ]);
449
- const space = getSpace2(subject);
450
- const objectsAnchoredTo = useQuery(space, Query.select(Filter.ids(subject.id)).targetOf(AnchoredTo));
451
- const anchors = objectsAnchoredTo.toSorted((a, b) => sort?.(a, b) ?? 0).filter((anchor) => Obj.instanceOf(ThreadType, Relation3.getSource(anchor))).concat(drafts ?? []);
452
- const attended = useAttended();
453
- const handleAttend = useCallback2((anchor) => {
454
- const thread = Relation3.getSource(anchor);
455
- const threadId = fullyQualifiedId3(thread);
456
- if (state.current !== threadId) {
457
- state.current = threadId;
458
- void dispatch(createIntent(LayoutAction.ScrollIntoView, {
459
- part: "current",
460
- subject: fullyQualifiedId3(subject),
461
- options: {
462
- cursor: anchor.anchor,
463
- ref: threadId
464
- }
465
- }));
466
- }
467
- }, [
468
- state.current,
469
- dispatch,
470
- subject
471
- ]);
472
- const handleComment = useCallback2(async (anchor, text) => {
473
- await dispatch(createIntent(ThreadAction.AddMessage, {
474
- anchor,
475
- subject,
476
- sender: {
477
- identityDid: identity?.did
478
- },
479
- text
480
- }));
481
- const thread = Relation3.getSource(anchor);
482
- state.current = fullyQualifiedId3(thread);
483
- }, [
484
- dispatch,
485
- identity,
486
- subject
487
- ]);
488
- const handleResolve = useCallback2((anchor) => dispatch(createIntent(ThreadAction.ToggleResolved, {
489
- thread: Relation3.getSource(anchor)
490
- })), [
491
- dispatch
492
- ]);
493
- const handleThreadDelete = useCallback2((anchor) => dispatch(createIntent(ThreadAction.Delete, {
494
- anchor,
495
- subject
496
- })), [
497
- dispatch,
498
- subject
499
- ]);
500
- const handleMessageDelete = useCallback2((anchor, messageId) => dispatch(createIntent(ThreadAction.DeleteMessage, {
501
- anchor,
502
- subject,
503
- messageId
504
- })), [
505
- dispatch,
506
- subject
507
- ]);
508
- const comments = /* @__PURE__ */ React6.createElement(CommentsContainer, {
509
- anchors,
510
- currentId: attended.includes(subjectId) ? state.current : void 0,
511
- showResolvedThreads,
512
- onAttend: handleAttend,
513
- onComment: handleComment,
514
- onResolve: handleResolve,
515
- onMessageDelete: handleMessageDelete,
516
- onThreadDelete: handleThreadDelete
517
- });
518
- return /* @__PURE__ */ React6.createElement(StackItem.Content, {
519
- toolbar: true
520
- }, /* @__PURE__ */ React6.createElement(Tabs.Root, {
521
- value: showResolvedThreads ? "all" : "unresolved",
522
- orientation: "horizontal",
523
- classNames: 'contents [&_[role="tabpanel"]]:min-bs-0 [&_[role="tabpanel"]]:overflow-y-auto [&_[role="tabpanel"]]:scrollbar-thin',
524
- onValueChange: onChangeViewState
525
- }, /* @__PURE__ */ React6.createElement(Tabs.Tablist, {
526
- classNames: tx("toolbar.root", "toolbar", {})
527
- }, /* @__PURE__ */ React6.createElement(Tabs.Tab, {
528
- value: "unresolved",
529
- classNames: "text-sm"
530
- }, t("show unresolved label")), /* @__PURE__ */ React6.createElement(Tabs.Tab, {
531
- value: "all",
532
- classNames: "text-sm"
533
- }, t("show all label"))), /* @__PURE__ */ React6.createElement(Tabs.Tabpanel, {
534
- value: "all"
535
- }, showResolvedThreads && comments), /* @__PURE__ */ React6.createElement(Tabs.Tabpanel, {
536
- value: "unresolved"
537
- }, !showResolvedThreads && comments)));
538
- } finally {
539
- _effect.f();
540
- }
541
- };
542
-
543
- export {
544
- CallDebugPanel,
545
- CallSidebar,
546
- ThreadComplementary,
547
- ThreadSettings,
548
- ChannelContainer2 as ChannelContainer,
549
- ChatContainer
550
- };
551
- //# sourceMappingURL=chunk-UZWVVFT3.mjs.map