@dxos/plugin-space 0.8.3 → 0.8.4-main.f9ba587

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 (174) hide show
  1. package/dist/lib/browser/{app-graph-builder-M2RH72VL.mjs → app-graph-builder-PMDF6PJV.mjs} +9 -9
  2. package/dist/lib/browser/{app-graph-builder-M2RH72VL.mjs.map → app-graph-builder-PMDF6PJV.mjs.map} +3 -3
  3. package/dist/lib/browser/{app-graph-serializer-F7ISRRBV.mjs → app-graph-serializer-UKYMBX4O.mjs} +13 -13
  4. package/dist/lib/browser/app-graph-serializer-UKYMBX4O.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-4ZKSFDXM.mjs → chunk-6VLSHG4A.mjs} +10 -10
  6. package/dist/lib/browser/chunk-6VLSHG4A.mjs.map +7 -0
  7. package/dist/lib/browser/{chunk-YMCZR6EZ.mjs → chunk-C7KGJTAL.mjs} +3 -3
  8. package/dist/lib/browser/{chunk-PTKYMZWO.mjs → chunk-FBCGT5YY.mjs} +2 -2
  9. package/dist/lib/browser/{chunk-NFUKCRGE.mjs → chunk-GVTXQCIW.mjs} +53 -54
  10. package/dist/lib/browser/chunk-GVTXQCIW.mjs.map +7 -0
  11. package/dist/lib/browser/{chunk-TW7O2EPP.mjs → chunk-S6NY637J.mjs} +3 -3
  12. package/dist/lib/browser/{chunk-7Y4M7GXO.mjs → chunk-VLBRSGJ2.mjs} +4 -4
  13. package/dist/lib/browser/{chunk-V24VASAJ.mjs → chunk-WBSEOLEM.mjs} +6 -6
  14. package/dist/lib/browser/chunk-WBSEOLEM.mjs.map +7 -0
  15. package/dist/lib/browser/{chunk-BXNL6SDI.mjs → chunk-XXIPJLJF.mjs} +3 -3
  16. package/dist/lib/browser/{identity-created-PI7TKANR.mjs → identity-created-23XJJV2N.mjs} +4 -4
  17. package/dist/lib/browser/identity-created-23XJJV2N.mjs.map +7 -0
  18. package/dist/lib/browser/index.mjs +13 -13
  19. package/dist/lib/browser/index.mjs.map +3 -3
  20. package/dist/lib/browser/{intent-resolver-RWU6ZE4H.mjs → intent-resolver-WK5WYFH3.mjs} +15 -15
  21. package/dist/lib/browser/intent-resolver-WK5WYFH3.mjs.map +7 -0
  22. package/dist/lib/browser/meta.json +1 -1
  23. package/dist/lib/browser/{react-root-QIKHSNT2.mjs → react-root-7S6FIC5G.mjs} +8 -8
  24. package/dist/lib/browser/{react-surface-W56UD53I.mjs → react-surface-6C3YJNDK.mjs} +12 -12
  25. package/dist/lib/browser/react-surface-6C3YJNDK.mjs.map +7 -0
  26. package/dist/lib/browser/{schema-defs-WREJNMIC.mjs → schema-defs-K3B3OAH4.mjs} +4 -4
  27. package/dist/lib/browser/{schema-tools-ILTVSSS3.mjs → schema-tools-BNP4JTD7.mjs} +3 -3
  28. package/dist/lib/browser/{settings-K54STC5A.mjs → settings-XNWYRWNM.mjs} +4 -4
  29. package/dist/lib/browser/{spaces-ready-3PDRDHPC.mjs → spaces-ready-K7NSNBHM.mjs} +7 -7
  30. package/dist/lib/browser/{state-HRZ4VRXU.mjs → state-522XTUR4.mjs} +4 -4
  31. package/dist/lib/browser/types/index.mjs +2 -2
  32. package/dist/lib/node-esm/{app-graph-builder-BCHVZ4OM.mjs → app-graph-builder-TO72W6MI.mjs} +9 -9
  33. package/dist/lib/node-esm/{app-graph-builder-BCHVZ4OM.mjs.map → app-graph-builder-TO72W6MI.mjs.map} +3 -3
  34. package/dist/lib/node-esm/{app-graph-serializer-TXRGGNP2.mjs → app-graph-serializer-LA3IZDXJ.mjs} +13 -13
  35. package/dist/lib/node-esm/app-graph-serializer-LA3IZDXJ.mjs.map +7 -0
  36. package/dist/lib/node-esm/{chunk-D4QMPPS7.mjs → chunk-2THX6G4C.mjs} +3 -3
  37. package/dist/lib/node-esm/{chunk-3CP67AYY.mjs → chunk-72QMMRKC.mjs} +3 -3
  38. package/dist/lib/node-esm/{chunk-BSLREHIX.mjs → chunk-AT7LGFER.mjs} +3 -3
  39. package/dist/lib/node-esm/{chunk-HO7AIKQS.mjs → chunk-HJJHLWKY.mjs} +6 -6
  40. package/dist/lib/node-esm/chunk-HJJHLWKY.mjs.map +7 -0
  41. package/dist/lib/node-esm/{chunk-MSWEFAPD.mjs → chunk-HWNG4MEU.mjs} +2 -2
  42. package/dist/lib/node-esm/{chunk-LA6AVVH6.mjs → chunk-OUBADVJE.mjs} +53 -54
  43. package/dist/lib/node-esm/chunk-OUBADVJE.mjs.map +7 -0
  44. package/dist/lib/node-esm/{chunk-GH2FGJXH.mjs → chunk-SSLBYZEY.mjs} +4 -4
  45. package/dist/lib/node-esm/{chunk-JBQKU4K5.mjs → chunk-SXD6T2N4.mjs} +10 -10
  46. package/dist/lib/node-esm/chunk-SXD6T2N4.mjs.map +7 -0
  47. package/dist/lib/node-esm/{identity-created-35CTAQWI.mjs → identity-created-IJQO6GCR.mjs} +4 -4
  48. package/dist/lib/node-esm/identity-created-IJQO6GCR.mjs.map +7 -0
  49. package/dist/lib/node-esm/index.mjs +13 -13
  50. package/dist/lib/node-esm/index.mjs.map +3 -3
  51. package/dist/lib/node-esm/{intent-resolver-JO6L2VXC.mjs → intent-resolver-HSR27ME4.mjs} +15 -15
  52. package/dist/lib/node-esm/intent-resolver-HSR27ME4.mjs.map +7 -0
  53. package/dist/lib/node-esm/meta.json +1 -1
  54. package/dist/lib/node-esm/{react-root-YFGL3B4J.mjs → react-root-HUK3ANLV.mjs} +8 -8
  55. package/dist/lib/node-esm/{react-surface-CVAPDLEZ.mjs → react-surface-AGAWX7DD.mjs} +12 -12
  56. package/dist/lib/node-esm/react-surface-AGAWX7DD.mjs.map +7 -0
  57. package/dist/lib/node-esm/{schema-defs-4MEJETVX.mjs → schema-defs-4MCDG4DV.mjs} +4 -4
  58. package/dist/lib/node-esm/{schema-tools-SRLCRZ3B.mjs → schema-tools-KWW5PTML.mjs} +3 -3
  59. package/dist/lib/node-esm/{settings-TD76LTQS.mjs → settings-YGKHGFPH.mjs} +4 -4
  60. package/dist/lib/node-esm/{spaces-ready-FJMGPAVV.mjs → spaces-ready-UM2P3DCR.mjs} +7 -7
  61. package/dist/lib/node-esm/{state-XQNDCN37.mjs → state-C4IOXPZP.mjs} +4 -4
  62. package/dist/lib/node-esm/types/index.mjs +2 -2
  63. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  64. package/dist/types/src/capabilities/app-graph-serializer.d.ts.map +1 -1
  65. package/dist/types/src/capabilities/identity-created.d.ts.map +1 -1
  66. package/dist/types/src/components/CreateDialog/CreateObjectDialog.stories.d.ts +1 -1
  67. package/dist/types/src/components/CreateDialog/CreateObjectDialog.stories.d.ts.map +1 -1
  68. package/dist/types/src/components/MembersContainer.d.ts.map +1 -1
  69. package/dist/types/src/components/MembersContainer.stories.d.ts +1 -1
  70. package/dist/types/src/components/MembersContainer.stories.d.ts.map +1 -1
  71. package/dist/types/src/components/SpacePresence.stories.d.ts +1 -1
  72. package/dist/types/src/components/SpacePresence.stories.d.ts.map +1 -1
  73. package/dist/types/src/components/SpaceSettings/SpaceSettingsContainer.stories.d.ts +1 -1
  74. package/dist/types/src/components/SpaceSettings/SpaceSettingsContainer.stories.d.ts.map +1 -1
  75. package/dist/types/src/components/SyncStatus/SyncStatus.stories.d.ts +1 -1
  76. package/dist/types/src/components/SyncStatus/SyncStatus.stories.d.ts.map +1 -1
  77. package/dist/types/src/translations.d.ts +151 -410
  78. package/dist/types/src/translations.d.ts.map +1 -1
  79. package/dist/types/tsconfig.tsbuildinfo +1 -1
  80. package/package.json +50 -50
  81. package/src/SpacePlugin.ts +3 -3
  82. package/src/capabilities/app-graph-builder.ts +1 -2
  83. package/src/capabilities/app-graph-serializer.ts +6 -6
  84. package/src/capabilities/identity-created.ts +2 -4
  85. package/src/capabilities/intent-resolver.ts +5 -5
  86. package/src/capabilities/react-surface.tsx +3 -3
  87. package/src/components/CreateDialog/CreateObjectDialog.stories.tsx +4 -4
  88. package/src/components/MembersContainer.stories.tsx +4 -4
  89. package/src/components/MembersContainer.tsx +1 -2
  90. package/src/components/SpacePresence.stories.tsx +2 -2
  91. package/src/components/SpaceSettings/SpaceSettingsContainer.stories.tsx +2 -2
  92. package/src/components/SyncStatus/SyncStatus.stories.tsx +8 -15
  93. package/src/components/SyncStatus/save-tracker.ts +3 -3
  94. package/src/translations.ts +9 -7
  95. package/src/util.tsx +1 -1
  96. package/dist/lib/browser/app-graph-serializer-F7ISRRBV.mjs.map +0 -7
  97. package/dist/lib/browser/chunk-4ZKSFDXM.mjs.map +0 -7
  98. package/dist/lib/browser/chunk-NFUKCRGE.mjs.map +0 -7
  99. package/dist/lib/browser/chunk-V24VASAJ.mjs.map +0 -7
  100. package/dist/lib/browser/identity-created-PI7TKANR.mjs.map +0 -7
  101. package/dist/lib/browser/intent-resolver-RWU6ZE4H.mjs.map +0 -7
  102. package/dist/lib/browser/react-surface-W56UD53I.mjs.map +0 -7
  103. package/dist/lib/node/app-graph-builder-6LK5HLLE.cjs +0 -364
  104. package/dist/lib/node/app-graph-builder-6LK5HLLE.cjs.map +0 -7
  105. package/dist/lib/node/app-graph-serializer-HKHBNHA3.cjs +0 -89
  106. package/dist/lib/node/app-graph-serializer-HKHBNHA3.cjs.map +0 -7
  107. package/dist/lib/node/chunk-3X4EA4XL.cjs +0 -37
  108. package/dist/lib/node/chunk-3X4EA4XL.cjs.map +0 -7
  109. package/dist/lib/node/chunk-5WLAXYE3.cjs +0 -125
  110. package/dist/lib/node/chunk-5WLAXYE3.cjs.map +0 -7
  111. package/dist/lib/node/chunk-6P2DB4QQ.cjs +0 -36
  112. package/dist/lib/node/chunk-6P2DB4QQ.cjs.map +0 -7
  113. package/dist/lib/node/chunk-DOC5XEZ4.cjs +0 -184
  114. package/dist/lib/node/chunk-DOC5XEZ4.cjs.map +0 -7
  115. package/dist/lib/node/chunk-NCHF433F.cjs +0 -1921
  116. package/dist/lib/node/chunk-NCHF433F.cjs.map +0 -7
  117. package/dist/lib/node/chunk-NL5Y4EDX.cjs +0 -38
  118. package/dist/lib/node/chunk-NL5Y4EDX.cjs.map +0 -7
  119. package/dist/lib/node/chunk-ULJZPATP.cjs +0 -312
  120. package/dist/lib/node/chunk-ULJZPATP.cjs.map +0 -7
  121. package/dist/lib/node/chunk-XHWVT7LW.cjs +0 -572
  122. package/dist/lib/node/chunk-XHWVT7LW.cjs.map +0 -7
  123. package/dist/lib/node/identity-created-FF4WZ2WY.cjs +0 -42
  124. package/dist/lib/node/identity-created-FF4WZ2WY.cjs.map +0 -7
  125. package/dist/lib/node/index.cjs +0 -278
  126. package/dist/lib/node/index.cjs.map +0 -7
  127. package/dist/lib/node/intent-resolver-AV4CMM3Z.cjs +0 -609
  128. package/dist/lib/node/intent-resolver-AV4CMM3Z.cjs.map +0 -7
  129. package/dist/lib/node/meta.json +0 -1
  130. package/dist/lib/node/react-root-RQUU3A45.cjs +0 -51
  131. package/dist/lib/node/react-root-RQUU3A45.cjs.map +0 -7
  132. package/dist/lib/node/react-surface-AZFJLE72.cjs +0 -351
  133. package/dist/lib/node/react-surface-AZFJLE72.cjs.map +0 -7
  134. package/dist/lib/node/schema-defs-OB2X2HBH.cjs +0 -42
  135. package/dist/lib/node/schema-defs-OB2X2HBH.cjs.map +0 -7
  136. package/dist/lib/node/schema-tools-IYREN4IH.cjs +0 -147
  137. package/dist/lib/node/schema-tools-IYREN4IH.cjs.map +0 -7
  138. package/dist/lib/node/settings-P2EQ7VKQ.cjs +0 -38
  139. package/dist/lib/node/settings-P2EQ7VKQ.cjs.map +0 -7
  140. package/dist/lib/node/spaces-ready-DXPOHYV7.cjs +0 -210
  141. package/dist/lib/node/spaces-ready-DXPOHYV7.cjs.map +0 -7
  142. package/dist/lib/node/state-M35DK75Z.cjs +0 -61
  143. package/dist/lib/node/state-M35DK75Z.cjs.map +0 -7
  144. package/dist/lib/node/types/index.cjs +0 -48
  145. package/dist/lib/node/types/index.cjs.map +0 -7
  146. package/dist/lib/node-esm/app-graph-serializer-TXRGGNP2.mjs.map +0 -7
  147. package/dist/lib/node-esm/chunk-HO7AIKQS.mjs.map +0 -7
  148. package/dist/lib/node-esm/chunk-JBQKU4K5.mjs.map +0 -7
  149. package/dist/lib/node-esm/chunk-LA6AVVH6.mjs.map +0 -7
  150. package/dist/lib/node-esm/identity-created-35CTAQWI.mjs.map +0 -7
  151. package/dist/lib/node-esm/intent-resolver-JO6L2VXC.mjs.map +0 -7
  152. package/dist/lib/node-esm/react-surface-CVAPDLEZ.mjs.map +0 -7
  153. /package/dist/lib/browser/{chunk-YMCZR6EZ.mjs.map → chunk-C7KGJTAL.mjs.map} +0 -0
  154. /package/dist/lib/browser/{chunk-PTKYMZWO.mjs.map → chunk-FBCGT5YY.mjs.map} +0 -0
  155. /package/dist/lib/browser/{chunk-TW7O2EPP.mjs.map → chunk-S6NY637J.mjs.map} +0 -0
  156. /package/dist/lib/browser/{chunk-7Y4M7GXO.mjs.map → chunk-VLBRSGJ2.mjs.map} +0 -0
  157. /package/dist/lib/browser/{chunk-BXNL6SDI.mjs.map → chunk-XXIPJLJF.mjs.map} +0 -0
  158. /package/dist/lib/browser/{react-root-QIKHSNT2.mjs.map → react-root-7S6FIC5G.mjs.map} +0 -0
  159. /package/dist/lib/browser/{schema-defs-WREJNMIC.mjs.map → schema-defs-K3B3OAH4.mjs.map} +0 -0
  160. /package/dist/lib/browser/{schema-tools-ILTVSSS3.mjs.map → schema-tools-BNP4JTD7.mjs.map} +0 -0
  161. /package/dist/lib/browser/{settings-K54STC5A.mjs.map → settings-XNWYRWNM.mjs.map} +0 -0
  162. /package/dist/lib/browser/{spaces-ready-3PDRDHPC.mjs.map → spaces-ready-K7NSNBHM.mjs.map} +0 -0
  163. /package/dist/lib/browser/{state-HRZ4VRXU.mjs.map → state-522XTUR4.mjs.map} +0 -0
  164. /package/dist/lib/node-esm/{chunk-D4QMPPS7.mjs.map → chunk-2THX6G4C.mjs.map} +0 -0
  165. /package/dist/lib/node-esm/{chunk-3CP67AYY.mjs.map → chunk-72QMMRKC.mjs.map} +0 -0
  166. /package/dist/lib/node-esm/{chunk-BSLREHIX.mjs.map → chunk-AT7LGFER.mjs.map} +0 -0
  167. /package/dist/lib/node-esm/{chunk-MSWEFAPD.mjs.map → chunk-HWNG4MEU.mjs.map} +0 -0
  168. /package/dist/lib/node-esm/{chunk-GH2FGJXH.mjs.map → chunk-SSLBYZEY.mjs.map} +0 -0
  169. /package/dist/lib/node-esm/{react-root-YFGL3B4J.mjs.map → react-root-HUK3ANLV.mjs.map} +0 -0
  170. /package/dist/lib/node-esm/{schema-defs-4MEJETVX.mjs.map → schema-defs-4MCDG4DV.mjs.map} +0 -0
  171. /package/dist/lib/node-esm/{schema-tools-SRLCRZ3B.mjs.map → schema-tools-KWW5PTML.mjs.map} +0 -0
  172. /package/dist/lib/node-esm/{settings-TD76LTQS.mjs.map → settings-YGKHGFPH.mjs.map} +0 -0
  173. /package/dist/lib/node-esm/{spaces-ready-FJMGPAVV.mjs.map → spaces-ready-UM2P3DCR.mjs.map} +0 -0
  174. /package/dist/lib/node-esm/{state-XQNDCN37.mjs.map → state-C4IOXPZP.mjs.map} +0 -0
@@ -1,1921 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var chunk_NCHF433F_exports = {};
30
- __export(chunk_NCHF433F_exports, {
31
- AppGraphBuilder: () => AppGraphBuilder,
32
- AppGraphSerializer: () => AppGraphSerializer,
33
- AwaitingObject: () => AwaitingObject,
34
- CREATE_OBJECT_DIALOG: () => CREATE_OBJECT_DIALOG,
35
- CREATE_SPACE_DIALOG: () => CREATE_SPACE_DIALOG,
36
- CollectionMain: () => CollectionMain,
37
- CollectionSection: () => CollectionSection,
38
- CreateObjectDialog: () => CreateObjectDialog,
39
- CreateSpaceDialog: () => CreateSpaceDialog,
40
- FullPresence: () => FullPresence,
41
- IdentityCreated: () => IdentityCreated,
42
- InlineSyncStatus: () => InlineSyncStatus,
43
- IntentResolver: () => IntentResolver,
44
- JOIN_DIALOG: () => JOIN_DIALOG,
45
- JoinDialog: () => JoinDialog,
46
- MembersContainer: () => MembersContainer,
47
- MenuFooter: () => MenuFooter,
48
- ObjectSettingsContainer: () => ObjectSettingsContainer,
49
- POPOVER_RENAME_OBJECT: () => POPOVER_RENAME_OBJECT,
50
- POPOVER_RENAME_SPACE: () => POPOVER_RENAME_SPACE,
51
- PersistenceStatus: () => PersistenceStatus,
52
- PopoverRenameObject: () => PopoverRenameObject,
53
- PopoverRenameSpace: () => PopoverRenameSpace,
54
- ReactRoot: () => ReactRoot,
55
- ReactSurface: () => ReactSurface,
56
- SchemaContainer: () => SchemaContainer,
57
- SchemaDefs: () => SchemaDefs,
58
- SchemaTools: () => SchemaTools,
59
- SmallPresence: () => SmallPresence,
60
- SmallPresenceLive: () => SmallPresenceLive,
61
- SpacePluginSettings: () => SpacePluginSettings,
62
- SpacePresence: () => SpacePresence,
63
- SpaceSettings: () => SpaceSettings,
64
- SpaceSettingsContainer: () => SpaceSettingsContainer,
65
- SpaceState: () => SpaceState,
66
- SpacesReady: () => SpacesReady,
67
- SyncStatus: () => SyncStatus,
68
- SyncStatusIndicator: () => SyncStatusIndicator,
69
- useQuerySpaceSchemas: () => useQuerySpaceSchemas
70
- });
71
- module.exports = __toCommonJS(chunk_NCHF433F_exports);
72
- var import_chunk_5WLAXYE3 = require("./chunk-5WLAXYE3.cjs");
73
- var import_chunk_NL5Y4EDX = require("./chunk-NL5Y4EDX.cjs");
74
- var import_chunk_XHWVT7LW = require("./chunk-XHWVT7LW.cjs");
75
- var import_chunk_ULJZPATP = require("./chunk-ULJZPATP.cjs");
76
- var import_chunk_6P2DB4QQ = require("./chunk-6P2DB4QQ.cjs");
77
- var import_tracking = require("@preact-signals/safe-react/tracking");
78
- var import_react = require("@phosphor-icons/react");
79
- var import_react2 = __toESM(require("react"));
80
- var import_app_framework = require("@dxos/app-framework");
81
- var import_react_client = require("@dxos/react-client");
82
- var import_echo = require("@dxos/react-client/echo");
83
- var import_react_ui = require("@dxos/react-ui");
84
- var import_react_ui_theme = require("@dxos/react-ui-theme");
85
- var import_tracking2 = require("@preact-signals/safe-react/tracking");
86
- var import_effect = require("effect");
87
- var import_react3 = __toESM(require("react"));
88
- var import_app_framework2 = require("@dxos/app-framework");
89
- var import_echo2 = require("@dxos/echo");
90
- var import_invariant = require("@dxos/invariant");
91
- var import_react_client2 = require("@dxos/react-client");
92
- var import_echo3 = require("@dxos/react-client/echo");
93
- var import_react_ui2 = require("@dxos/react-ui");
94
- var import_react_ui_stack = require("@dxos/react-ui-stack");
95
- var import_schema = require("@dxos/schema");
96
- var import_util = require("@dxos/util");
97
- var import_tracking3 = require("@preact-signals/safe-react/tracking");
98
- var import_react4 = __toESM(require("react"));
99
- var import_echo4 = require("@dxos/echo");
100
- var import_echo_schema = require("@dxos/echo-schema");
101
- var import_react_ui3 = require("@dxos/react-ui");
102
- var import_react_ui_form = require("@dxos/react-ui-form");
103
- var import_react_ui_searchlist = require("@dxos/react-ui-searchlist");
104
- var import_react_ui_stack2 = require("@dxos/react-ui-stack");
105
- var import_util2 = require("@dxos/util");
106
- var import_app_framework3 = require("@dxos/app-framework");
107
- var import_tracking4 = require("@preact-signals/safe-react/tracking");
108
- var import_effect2 = require("effect");
109
- var import_react5 = __toESM(require("react"));
110
- var import_app_framework4 = require("@dxos/app-framework");
111
- var import_react_ui4 = require("@dxos/react-ui");
112
- var import_react_ui_form2 = require("@dxos/react-ui-form");
113
- var import_react_ui_stack3 = require("@dxos/react-ui-stack");
114
- var import_tracking5 = require("@preact-signals/safe-react/tracking");
115
- var import_react6 = __toESM(require("react"));
116
- var import_react_ui5 = require("@dxos/react-ui");
117
- var import_react_ui_theme2 = require("@dxos/react-ui-theme");
118
- var import_tracking6 = require("@preact-signals/safe-react/tracking");
119
- var import_react7 = __toESM(require("react"));
120
- var import_react_ui6 = require("@dxos/react-ui");
121
- var import_tracking7 = require("@preact-signals/safe-react/tracking");
122
- var import_react8 = __toESM(require("react"));
123
- var import_app_framework5 = require("@dxos/app-framework");
124
- var import_async = require("@dxos/async");
125
- var import_types = require("@dxos/plugin-observability/types");
126
- var import_react_client3 = require("@dxos/react-client");
127
- var import_react_ui7 = require("@dxos/react-ui");
128
- var import_react9 = require("@dxos/shell/react");
129
- var import_tracking8 = require("@preact-signals/safe-react/tracking");
130
- var import_react10 = require("@phosphor-icons/react");
131
- var import_react11 = __toESM(require("react"));
132
- var import_react_qr_rounded = require("react-qr-rounded");
133
- var import_app_framework6 = require("@dxos/app-framework");
134
- var import_echo5 = require("@dxos/echo");
135
- var import_log = require("@dxos/log");
136
- var import_react_client4 = require("@dxos/react-client");
137
- var import_echo6 = require("@dxos/react-client/echo");
138
- var import_invitations = require("@dxos/react-client/invitations");
139
- var import_react_ui8 = require("@dxos/react-ui");
140
- var import_react_ui_form3 = require("@dxos/react-ui-form");
141
- var import_react_ui_stack4 = require("@dxos/react-ui-stack");
142
- var import_react_ui_theme3 = require("@dxos/react-ui-theme");
143
- var import_schema2 = require("@dxos/schema");
144
- var import_react12 = require("@dxos/shell/react");
145
- var import_util3 = require("@dxos/util");
146
- var import_tracking9 = require("@preact-signals/safe-react/tracking");
147
- var import_react13 = require("@phosphor-icons/react");
148
- var import_react14 = __toESM(require("react"));
149
- var import_echo7 = require("@dxos/client/echo");
150
- var import_react_client5 = require("@dxos/react-client");
151
- var import_react_ui9 = require("@dxos/react-ui");
152
- var import_tracking10 = require("@preact-signals/safe-react/tracking");
153
- var import_react15 = __toESM(require("react"));
154
- var import_app_framework7 = require("@dxos/app-framework");
155
- var import_react_ui10 = require("@dxos/react-ui");
156
- var import_react_ui_stack5 = require("@dxos/react-ui-stack");
157
- var import_tracking11 = require("@preact-signals/safe-react/tracking");
158
- var import_react16 = __toESM(require("react"));
159
- var import_react_ui11 = require("@dxos/react-ui");
160
- var import_tracking12 = require("@preact-signals/safe-react/tracking");
161
- var import_react17 = require("@phosphor-icons/react");
162
- var import_react18 = __toESM(require("react"));
163
- var import_async2 = require("@dxos/async");
164
- var import_react_ui12 = require("@dxos/react-ui");
165
- var import_react_ui_theme4 = require("@dxos/react-ui-theme");
166
- var import_tracking13 = require("@preact-signals/safe-react/tracking");
167
- var import_react19 = __toESM(require("react"));
168
- var import_app_framework8 = require("@dxos/app-framework");
169
- var import_log2 = require("@dxos/log");
170
- var import_react_ui13 = require("@dxos/react-ui");
171
- var import_tracking14 = require("@preact-signals/safe-react/tracking");
172
- var import_react20 = __toESM(require("react"));
173
- var import_app_framework9 = require("@dxos/app-framework");
174
- var import_react_ui14 = require("@dxos/react-ui");
175
- var import_tracking15 = require("@preact-signals/safe-react/tracking");
176
- var import_react21 = __toESM(require("react"));
177
- var import_react_ui15 = require("@dxos/react-ui");
178
- var import_react_ui_form4 = require("@dxos/react-ui-form");
179
- var import_react_ui_stack6 = require("@dxos/react-ui-stack");
180
- var import_tracking16 = require("@preact-signals/safe-react/tracking");
181
- var import_effect3 = require("effect");
182
- var import_react22 = __toESM(require("react"));
183
- var import_app_framework10 = require("@dxos/app-framework");
184
- var import_display_name = require("@dxos/display-name");
185
- var import_react_client6 = require("@dxos/react-client");
186
- var import_echo8 = require("@dxos/react-client/echo");
187
- var import_halo = require("@dxos/react-client/halo");
188
- var import_react_ui16 = require("@dxos/react-ui");
189
- var import_react_ui_attention = require("@dxos/react-ui-attention");
190
- var import_util4 = require("@dxos/util");
191
- var import_tracking17 = require("@preact-signals/safe-react/tracking");
192
- var import_react23 = __toESM(require("react"));
193
- var import_app_framework11 = require("@dxos/app-framework");
194
- var import_react_client7 = require("@dxos/react-client");
195
- var import_echo9 = require("@dxos/react-client/echo");
196
- var import_react_ui17 = require("@dxos/react-ui");
197
- var import_react_ui_form5 = require("@dxos/react-ui-form");
198
- var import_tracking18 = require("@preact-signals/safe-react/tracking");
199
- var import_effect4 = require("effect");
200
- var import_react24 = __toESM(require("react"));
201
- var import_app_framework12 = require("@dxos/app-framework");
202
- var import_log3 = require("@dxos/log");
203
- var import_metadata = require("@dxos/protocols/proto/dxos/echo/metadata");
204
- var import_react_client8 = require("@dxos/react-client");
205
- var import_echo10 = require("@dxos/react-client/echo");
206
- var import_react_ui18 = require("@dxos/react-ui");
207
- var import_react_ui_form6 = require("@dxos/react-ui-form");
208
- var import_react_ui_pickers = require("@dxos/react-ui-pickers");
209
- var import_react_ui_stack7 = require("@dxos/react-ui-stack");
210
- var import_tracking19 = require("@preact-signals/safe-react/tracking");
211
- var import_effect5 = require("effect");
212
- var import_react25 = __toESM(require("react"));
213
- var import_app_framework13 = require("@dxos/app-framework");
214
- var import_services = require("@dxos/protocols/proto/dxos/client/services");
215
- var import_metadata2 = require("@dxos/protocols/proto/dxos/echo/metadata");
216
- var import_react_client9 = require("@dxos/react-client");
217
- var import_echo11 = require("@dxos/react-client/echo");
218
- var import_react_ui19 = require("@dxos/react-ui");
219
- var import_react_ui_attention2 = require("@dxos/react-ui-attention");
220
- var import_tracking20 = require("@preact-signals/safe-react/tracking");
221
- var import_react26 = __toESM(require("react"));
222
- var import_plugin_status_bar = require("@dxos/plugin-status-bar");
223
- var import_react_client10 = require("@dxos/react-client");
224
- var import_echo12 = require("@dxos/react-client/echo");
225
- var import_react_ui20 = require("@dxos/react-ui");
226
- var import_context = require("@dxos/context");
227
- var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
228
- var TOAST_TIMEOUT = 24e4;
229
- var AwaitingObject = ({ id }) => {
230
- var _effect = (0, import_tracking.useSignals)();
231
- try {
232
- const [open, setOpen] = (0, import_react2.useState)(true);
233
- const [waiting, setWaiting] = (0, import_react2.useState)(true);
234
- const [found, setFound] = (0, import_react2.useState)(false);
235
- const { t } = (0, import_react_ui.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
236
- const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
237
- const layout = (0, import_app_framework.useLayout)();
238
- const client = (0, import_react_client.useClient)();
239
- const objects = (0, import_echo.useQuery)(client.spaces, import_echo.Filter.everything());
240
- (0, import_react2.useEffect)(() => {
241
- if (!id) {
242
- return;
243
- }
244
- const timeout = setTimeout(() => {
245
- setWaiting(false);
246
- }, WAIT_FOR_OBJECT_TIMEOUT);
247
- () => clearTimeout(timeout);
248
- }, [
249
- id
250
- ]);
251
- (0, import_react2.useEffect)(() => {
252
- if (objects.findIndex((object) => (0, import_echo.fullyQualifiedId)(object) === id) > -1) {
253
- setFound(true);
254
- if (layout.active.includes(id)) {
255
- setOpen(false);
256
- }
257
- }
258
- }, [
259
- id,
260
- objects,
261
- layout
262
- ]);
263
- const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_ULJZPATP.SpaceAction.WaitForObject, {
264
- id: void 0
265
- })), [
266
- dispatch
267
- ]);
268
- const handleNavigate = (0, import_react2.useCallback)(() => {
269
- void dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.Open, {
270
- part: "main",
271
- subject: [
272
- id
273
- ]
274
- }));
275
- void handleClose();
276
- }, [
277
- id,
278
- handleClose,
279
- dispatch
280
- ]);
281
- return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Root, {
282
- open,
283
- duration: TOAST_TIMEOUT,
284
- onOpenChange: setOpen
285
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Body, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Title, {
286
- classNames: "flex items-center gap-2"
287
- }, found ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react.CheckCircle, {
288
- className: (0, import_react_ui_theme.getSize)(5)
289
- }), /* @__PURE__ */ import_react2.default.createElement("span", null, t("found object label"))) : waiting ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react.CircleNotch, {
290
- className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(5), "animate-spin")
291
- }), /* @__PURE__ */ import_react2.default.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react.CircleDashed, {
292
- className: (0, import_react_ui_theme.getSize)(5)
293
- }), /* @__PURE__ */ import_react2.default.createElement("span", null, t("object not found label")))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Actions, null, found ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Action, {
294
- altText: t("go to object alt"),
295
- asChild: true
296
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
297
- variant: "primary",
298
- onClick: handleNavigate
299
- }, t("go to object label"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Close, {
300
- asChild: true
301
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
302
- onClick: handleClose
303
- }, t("close label", {
304
- ns: "appkit"
305
- })))) : /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Close, {
306
- asChild: true
307
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
308
- onClick: handleClose
309
- }, t(waiting ? "close label" : "confirm label", {
310
- ns: "appkit"
311
- })))));
312
- } finally {
313
- _effect.f();
314
- }
315
- };
316
- var CreateObjectPanel = ({ forms, spaces, typename, target, name: initialName, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
317
- var _effect = (0, import_tracking3.useSignals)();
318
- try {
319
- const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
320
- const form = forms.find((form2) => import_echo4.Type.getTypename(form2.objectSchema) === typename);
321
- const options = forms.map((form2) => (0, import_echo_schema.getTypeAnnotation)(form2.objectSchema)).filter(import_util2.isNonNullable).sort((a, b) => {
322
- const nameA = t("typename label", {
323
- ns: a.typename,
324
- defaultValue: a.typename
325
- });
326
- const nameB = t("typename label", {
327
- ns: b.typename,
328
- defaultValue: b.typename
329
- });
330
- return nameA.localeCompare(nameB);
331
- });
332
- const handleCreateObject = (0, import_react4.useCallback)(async (props) => {
333
- if (!form) {
334
- return;
335
- }
336
- await onCreateObject?.({
337
- form,
338
- data: props
339
- });
340
- }, [
341
- onCreateObject,
342
- form
343
- ]);
344
- const handleSetTypename = (0, import_react4.useCallback)(async (typename2) => {
345
- const form2 = forms.find((form3) => (0, import_echo_schema.getTypeAnnotation)(form3.objectSchema)?.typename === typename2);
346
- if (form2 && !form2.formSchema) {
347
- await onCreateObject?.({
348
- form: form2
349
- });
350
- } else {
351
- onTypenameChange?.(typename2);
352
- }
353
- }, [
354
- forms,
355
- onCreateObject
356
- ]);
357
- const inputSurfaceLookup = (0, import_chunk_5WLAXYE3.useInputSurfaceLookup)({
358
- target
359
- });
360
- return !form ? /* @__PURE__ */ import_react4.default.createElement(SelectSchema, {
361
- options,
362
- resolve,
363
- onChange: handleSetTypename
364
- }) : !target ? /* @__PURE__ */ import_react4.default.createElement(SelectSpace, {
365
- spaces,
366
- defaultSpaceId,
367
- onChange: onTargetChange
368
- }) : form.formSchema ? /* @__PURE__ */ import_react4.default.createElement("div", {
369
- role: "none",
370
- className: import_react_ui_stack2.cardDialogOverflow
371
- }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.Form, {
372
- autoFocus: true,
373
- values: {
374
- name: initialName
375
- },
376
- schema: form.formSchema,
377
- testId: "create-object-form",
378
- onSave: handleCreateObject,
379
- lookupComponent: inputSurfaceLookup,
380
- outerSpacing: "blockStart-0"
381
- })) : null;
382
- } finally {
383
- _effect.f();
384
- }
385
- };
386
- var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
387
- var _effect = (0, import_tracking3.useSignals)();
388
- try {
389
- const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
390
- return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Root, {
391
- label: t("space input label"),
392
- classNames: import_react_ui_stack2.cardDialogSearchListRoot
393
- }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Input, {
394
- autoFocus: true,
395
- "data-testid": "create-object-form.space-input",
396
- placeholder: t("space input placeholder")
397
- }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
398
- classNames: [
399
- import_react_ui_stack2.cardDialogOverflow,
400
- "plb-cardSpacingBlock"
401
- ]
402
- }, spaces.sort((a, b) => {
403
- const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(a, {
404
- personal: a.id === defaultSpaceId
405
- }), t);
406
- const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(b, {
407
- personal: b.id === defaultSpaceId
408
- }), t);
409
- return aName.localeCompare(bName);
410
- }).map((space) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Item, {
411
- key: space.id,
412
- value: (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
413
- personal: space.id === defaultSpaceId
414
- }), t),
415
- onSelect: () => onChange?.(space),
416
- classNames: "flex items-center gap-2"
417
- }, /* @__PURE__ */ import_react4.default.createElement("span", {
418
- className: "grow truncate"
419
- }, (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
420
- personal: space.id === defaultSpaceId
421
- }), t))))));
422
- } finally {
423
- _effect.f();
424
- }
425
- };
426
- var SelectSchema = ({ options, resolve, onChange }) => {
427
- var _effect = (0, import_tracking3.useSignals)();
428
- try {
429
- const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
430
- return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Root, {
431
- label: t("schema input label"),
432
- classNames: import_react_ui_stack2.cardDialogSearchListRoot
433
- }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Input, {
434
- autoFocus: true,
435
- "data-testid": "create-object-form.schema-input",
436
- placeholder: t("schema input placeholder")
437
- }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
438
- classNames: import_react_ui_stack2.cardDialogPaddedOverflow
439
- }, options.map((option) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Item, {
440
- key: option.typename,
441
- value: t("typename label", {
442
- ns: option.typename,
443
- defaultValue: option.typename
444
- }),
445
- onSelect: () => onChange(option.typename),
446
- classNames: "flex items-center gap-2"
447
- }, /* @__PURE__ */ import_react4.default.createElement("span", {
448
- className: "flex gap-2 items-center grow truncate"
449
- }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Icon, {
450
- icon: resolve?.(option.typename).icon ?? "ph--placeholder--regular",
451
- size: 5
452
- }), t("typename label", {
453
- ns: option.typename,
454
- defaultValue: option.typename
455
- }))))));
456
- } finally {
457
- _effect.f();
458
- }
459
- };
460
- var AppGraphBuilder = (0, import_app_framework3.lazy)(() => import("./app-graph-builder-6LK5HLLE.cjs"));
461
- var AppGraphSerializer = (0, import_app_framework3.lazy)(() => import("./app-graph-serializer-HKHBNHA3.cjs"));
462
- var IdentityCreated = (0, import_app_framework3.lazy)(() => import("./identity-created-FF4WZ2WY.cjs"));
463
- var IntentResolver = (0, import_app_framework3.lazy)(() => import("./intent-resolver-AV4CMM3Z.cjs"));
464
- var ReactRoot = (0, import_app_framework3.lazy)(() => import("./react-root-RQUU3A45.cjs"));
465
- var ReactSurface = (0, import_app_framework3.lazy)(() => import("./react-surface-AZFJLE72.cjs"));
466
- var SchemaDefs = (0, import_app_framework3.lazy)(() => import("./schema-defs-OB2X2HBH.cjs"));
467
- var SchemaTools = (0, import_app_framework3.lazy)(() => import("./schema-tools-IYREN4IH.cjs"));
468
- var SpaceSettings = (0, import_app_framework3.lazy)(() => import("./settings-P2EQ7VKQ.cjs"));
469
- var SpaceState = (0, import_app_framework3.lazy)(() => import("./state-M35DK75Z.cjs"));
470
- var SpacesReady = (0, import_app_framework3.lazy)(() => import("./spaces-ready-DXPOHYV7.cjs"));
471
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
472
- var CREATE_OBJECT_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/CreateObjectDialog`;
473
- var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, name, shouldNavigate: _shouldNavigate }) => {
474
- var _effect = (0, import_tracking2.useSignals)();
475
- try {
476
- const closeRef = (0, import_react3.useRef)(null);
477
- const manager = (0, import_app_framework2.usePluginManager)();
478
- const { t } = (0, import_react_ui2.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
479
- const client = (0, import_react_client2.useClient)();
480
- const spaces = (0, import_echo3.useSpaces)();
481
- const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
482
- const forms = (0, import_app_framework2.useCapabilities)(import_chunk_NL5Y4EDX.SpaceCapabilities.ObjectForm);
483
- const [target, setTarget] = (0, import_react3.useState)(initialTarget);
484
- const [typename, setTypename] = (0, import_react3.useState)(initialTypename);
485
- const space = (0, import_echo3.isSpace)(target) ? target : (0, import_echo3.getSpace)(target);
486
- const queryCollections = (0, import_echo3.useQuery)(space, import_echo2.Query.type(import_schema.DataType.QueryCollection));
487
- const hiddenTypenames = queryCollections.map((collection) => collection.query.typename).filter(import_util.isNonNullable);
488
- const resolve = (0, import_react3.useCallback)((typename2) => manager.context.getCapabilities(import_app_framework2.Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
489
- manager
490
- ]);
491
- const handleCreateObject = (0, import_react3.useCallback)(async ({ form, data = {} }) => {
492
- if (!target) {
493
- return;
494
- }
495
- closeRef.current?.click();
496
- const space2 = (0, import_echo3.isSpace)(target) ? target : (0, import_echo3.getSpace)(target);
497
- (0, import_invariant.invariant)(space2, "Missing space", {
498
- F: __dxlog_file,
499
- L: 73,
500
- S: void 0,
501
- A: [
502
- "space",
503
- "'Missing space'"
504
- ]
505
- });
506
- const result = await dispatch(form.getIntent(data, {
507
- space: space2
508
- }));
509
- const object = result.data?.object;
510
- if ((0, import_echo3.isLiveObject)(object)) {
511
- const hidden = form.hidden || hiddenTypenames.includes(import_echo2.Type.getTypename(form.objectSchema));
512
- const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_ULJZPATP.SpaceAction.AddObject, {
513
- target,
514
- object,
515
- hidden
516
- });
517
- const shouldNavigate = _shouldNavigate ?? (() => true);
518
- if (shouldNavigate(object)) {
519
- await dispatch((0, import_effect.pipe)(addObjectIntent, (0, import_app_framework2.chain)(import_app_framework2.LayoutAction.Open, {
520
- part: "main"
521
- })));
522
- } else {
523
- await dispatch(addObjectIntent);
524
- }
525
- }
526
- }, [
527
- dispatch,
528
- target,
529
- resolve,
530
- hiddenTypenames,
531
- _shouldNavigate
532
- ]);
533
- return (
534
- // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
535
- // Consider factoring it out to the tabs package.
536
- /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Content, {
537
- classNames: import_react_ui_stack.cardDialogContent
538
- }, /* @__PURE__ */ import_react3.default.createElement("div", {
539
- role: "none",
540
- className: import_react_ui_stack.cardDialogHeader
541
- }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Title, null, t("create object dialog title", {
542
- object: t("typename label", {
543
- ns: typename,
544
- defaultValue: "Item"
545
- })
546
- })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Close, {
547
- asChild: true
548
- }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Button, {
549
- ref: closeRef,
550
- density: "fine",
551
- variant: "ghost",
552
- autoFocus: true
553
- }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
554
- icon: "ph--x--regular",
555
- size: 4
556
- })))), /* @__PURE__ */ import_react3.default.createElement(CreateObjectPanel, {
557
- forms,
558
- spaces,
559
- target,
560
- typename,
561
- name,
562
- defaultSpaceId: client.spaces.default.id,
563
- resolve,
564
- onTargetChange: setTarget,
565
- onTypenameChange: setTypename,
566
- onCreateObject: handleCreateObject
567
- }))
568
- );
569
- } finally {
570
- _effect.f();
571
- }
572
- };
573
- var CREATE_SPACE_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/CreateSpaceDialog`;
574
- var initialValues = {
575
- edgeReplication: true
576
- };
577
- var CreateSpaceDialog = () => {
578
- var _effect = (0, import_tracking4.useSignals)();
579
- try {
580
- const closeRef = (0, import_react5.useRef)(null);
581
- const { t } = (0, import_react_ui4.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
582
- const { dispatch } = (0, import_app_framework4.useIntentDispatcher)();
583
- const inputSurfaceLookup = (0, import_chunk_5WLAXYE3.useInputSurfaceLookup)();
584
- const handleCreateSpace = (0, import_react5.useCallback)(async (data) => {
585
- const program = import_effect2.Effect.gen(function* () {
586
- const { space } = yield* dispatch((0, import_app_framework4.createIntent)(import_chunk_ULJZPATP.SpaceAction.Create, data));
587
- yield* dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.SwitchWorkspace, {
588
- part: "workspace",
589
- subject: space.id
590
- }));
591
- yield* dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.UpdateDialog, {
592
- part: "dialog",
593
- options: {
594
- state: false
595
- }
596
- }));
597
- });
598
- await import_effect2.Effect.runPromise(program);
599
- }, [
600
- dispatch
601
- ]);
602
- return (
603
- // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
604
- // Consider factoring it out to the tabs package.
605
- /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Content, {
606
- classNames: import_react_ui_stack3.cardDialogContent
607
- }, /* @__PURE__ */ import_react5.default.createElement("div", {
608
- role: "none",
609
- className: import_react_ui_stack3.cardDialogHeader
610
- }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Title, null, t("create space dialog title")), /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Close, {
611
- asChild: true
612
- }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Button, {
613
- ref: closeRef,
614
- density: "fine",
615
- variant: "ghost",
616
- autoFocus: true
617
- }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Icon, {
618
- icon: "ph--x--regular",
619
- size: 4
620
- })))), /* @__PURE__ */ import_react5.default.createElement("div", {
621
- role: "none",
622
- className: "contents"
623
- }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui_form2.Form, {
624
- testId: "create-space-form",
625
- autoFocus: true,
626
- values: initialValues,
627
- schema: import_chunk_ULJZPATP.SpaceForm,
628
- lookupComponent: inputSurfaceLookup,
629
- onSave: handleCreateSpace,
630
- outerSpacing: "scroll-fields"
631
- })))
632
- );
633
- } finally {
634
- _effect.f();
635
- }
636
- };
637
- var CollectionMain = ({ collection }) => {
638
- var _effect = (0, import_tracking5.useSignals)();
639
- try {
640
- const { t } = (0, import_react_ui5.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
641
- return /* @__PURE__ */ import_react6.default.createElement("div", {
642
- role: "none",
643
- className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
644
- "data-testid": "composer.firstRunMessage"
645
- }, /* @__PURE__ */ import_react6.default.createElement("p", {
646
- role: "alert",
647
- className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionMessage, "rounded-md p-8 font-normal text-lg max-is-[24rem] break-words")
648
- }, collection.name ?? t("unnamed collection label")));
649
- } finally {
650
- _effect.f();
651
- }
652
- };
653
- var CollectionSection = ({ collection }) => {
654
- var _effect = (0, import_tracking6.useSignals)();
655
- try {
656
- const { t } = (0, import_react_ui6.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
657
- return /* @__PURE__ */ import_react7.default.createElement("div", {
658
- className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
659
- }, /* @__PURE__ */ import_react7.default.createElement("span", {
660
- className: "truncate"
661
- }, collection.name ?? t("unnamed collection label")));
662
- } finally {
663
- _effect.f();
664
- }
665
- };
666
- var JOIN_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/JoinDialog`;
667
- var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
668
- var _effect = (0, import_tracking7.useSignals)();
669
- try {
670
- const { dispatchPromise: dispatch } = (0, import_app_framework5.useIntentDispatcher)();
671
- const client = (0, import_react_client3.useClient)();
672
- const { graph } = (0, import_app_framework5.useAppGraph)();
673
- const { t } = (0, import_react_ui7.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
674
- const handleDone = (0, import_react8.useCallback)(async (result) => {
675
- const spaceKey = result?.spaceKey;
676
- if (!spaceKey) {
677
- return;
678
- }
679
- await Promise.all([
680
- dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.AddToast, {
681
- part: "toast",
682
- subject: {
683
- id: `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/join-success`,
684
- duration: 5e3,
685
- title: [
686
- "join success label",
687
- {
688
- ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
689
- }
690
- ],
691
- closeLabel: [
692
- "dismiss label",
693
- {
694
- ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
695
- }
696
- ]
697
- }
698
- })),
699
- dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.UpdateDialog, {
700
- part: "dialog",
701
- options: {
702
- state: false
703
- }
704
- }))
705
- ]);
706
- let space = client.spaces.get(spaceKey);
707
- if (!space) {
708
- const trigger = new import_async.Trigger();
709
- client.spaces.subscribe(() => {
710
- const space2 = client.spaces.get(spaceKey);
711
- if (space2) {
712
- trigger.wake(space2);
713
- }
714
- });
715
- space = await trigger.wait();
716
- }
717
- await dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.SwitchWorkspace, {
718
- part: "workspace",
719
- subject: space.id
720
- }));
721
- const target = result?.target || (navigableCollections ? space?.id : void 0);
722
- if (target) {
723
- await graph.waitForPath({
724
- target
725
- }).catch(() => {
726
- });
727
- await Promise.all([
728
- dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.Open, {
729
- part: "main",
730
- subject: [
731
- target
732
- ]
733
- })),
734
- dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.Expose, {
735
- part: "navigation",
736
- subject: target
737
- }))
738
- ]);
739
- }
740
- await onDone?.(result);
741
- if (space) {
742
- await dispatch((0, import_app_framework5.createIntent)(import_types.ObservabilityAction.SendEvent, {
743
- name: "space.join",
744
- properties: {
745
- spaceId: space.id
746
- }
747
- }));
748
- }
749
- }, [
750
- dispatch,
751
- client,
752
- graph
753
- ]);
754
- return /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Content, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Title, {
755
- classNames: "sr-only"
756
- }, t("join space label", {
757
- ns: "os"
758
- })), /* @__PURE__ */ import_react8.default.createElement(import_react9.JoinPanel, {
759
- ...props,
760
- exitActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Close, {
761
- asChild: true
762
- }),
763
- doneActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Close, {
764
- asChild: true
765
- }),
766
- onDone: handleDone
767
- }));
768
- } finally {
769
- _effect.f();
770
- }
771
- };
772
- var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/MembersContainer.tsx";
773
- var activeActionKey = "dxos:react-shell/space-manager/active-action";
774
- var handleInvitationEvent = (invitation, subscription) => {
775
- const invitationCode = import_invitations.InvitationEncoder.encode(invitation);
776
- if (invitation.state === import_invitations.Invitation.State.CONNECTING) {
777
- import_log.log.info(JSON.stringify({
778
- invitationCode,
779
- authCode: invitation.authCode
780
- }), void 0, {
781
- F: __dxlog_file2,
782
- L: 42,
783
- S: void 0,
784
- C: (f, a) => f(...a)
785
- });
786
- subscription.unsubscribe();
787
- }
788
- };
789
- var MembersContainer = ({ space, createInvitationUrl }) => {
790
- var _effect = (0, import_tracking8.useSignals)();
791
- try {
792
- const { t } = (0, import_react_ui8.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
793
- const config = (0, import_react_client4.useConfig)();
794
- const { dispatchPromise: dispatch } = (0, import_app_framework6.useIntentDispatcher)();
795
- const invitations = (0, import_echo6.useSpaceInvitations)(space.key);
796
- const visibleInvitations = invitations?.filter((invitation) => ![
797
- import_invitations.Invitation.State.CANCELLED
798
- ].includes(invitation.get().state));
799
- const [activeAction, setInternalActiveAction] = (0, import_react11.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
800
- const setActiveAction = (nextAction) => {
801
- setInternalActiveAction(nextAction);
802
- localStorage.setItem(activeActionKey, nextAction);
803
- };
804
- const target = space.properties[import_echo5.Type.getTypename(import_schema2.DataType.Collection)]?.target?.objects[0]?.target;
805
- const locked = space.properties[import_chunk_XHWVT7LW.COMPOSER_SPACE_LOCK];
806
- const handleChangeLocked = (0, import_react11.useCallback)(() => {
807
- space.properties[import_chunk_XHWVT7LW.COMPOSER_SPACE_LOCK] = !locked;
808
- }, [
809
- locked,
810
- space
811
- ]);
812
- const inviteActions = (0, import_react11.useMemo)(() => ({
813
- inviteOne: {
814
- label: t("invite one label", {
815
- ns: "os"
816
- }),
817
- description: t("invite one description", {
818
- ns: "os"
819
- }),
820
- icon: () => /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Icon, {
821
- icon: "ph--user-plus--regular",
822
- size: 5
823
- }),
824
- testId: "membersContainer.inviteOne",
825
- onClick: async () => {
826
- const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_ULJZPATP.SpaceAction.Share, {
827
- space,
828
- type: import_invitations.Invitation.Type.INTERACTIVE,
829
- authMethod: import_invitations.Invitation.AuthMethod.SHARED_SECRET,
830
- multiUse: false,
831
- target: target && (0, import_echo6.fullyQualifiedId)(target)
832
- }));
833
- if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
834
- const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
835
- }
836
- }
837
- },
838
- inviteMany: {
839
- label: t("invite many label", {
840
- ns: "os"
841
- }),
842
- description: t("invite many description", {
843
- ns: "os"
844
- }),
845
- icon: () => /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Icon, {
846
- icon: "ph--users-three--regular",
847
- size: 5
848
- }),
849
- testId: "membersContainer.inviteMany",
850
- onClick: async () => {
851
- const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_ULJZPATP.SpaceAction.Share, {
852
- space,
853
- type: import_invitations.Invitation.Type.DELEGATED,
854
- authMethod: import_invitations.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
855
- multiUse: true,
856
- target: target && (0, import_echo6.fullyQualifiedId)(target)
857
- }));
858
- if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
859
- const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
860
- }
861
- }
862
- }
863
- }), [
864
- t,
865
- space,
866
- target
867
- ]);
868
- const [selectedInvitation, setSelectedInvitation] = (0, import_react11.useState)(null);
869
- const handleSend = (event) => {
870
- setSelectedInvitation(event.invitation);
871
- };
872
- const handleBack = () => {
873
- setSelectedInvitation(null);
874
- };
875
- return /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Provider, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_stack4.StackItem.Content, {
876
- classNames: "block overflow-y-auto"
877
- }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlPage, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlSection, {
878
- title: t("members verbose label"),
879
- description: t("members description")
880
- }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrame, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
881
- title: t("members label")
882
- }, /* @__PURE__ */ import_react11.default.createElement(import_react12.SpaceMemberList, {
883
- spaceKey: space.key,
884
- includeSelf: true
885
- })), locked && /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
886
- title: t("invitations label")
887
- }, /* @__PURE__ */ import_react11.default.createElement("p", {
888
- className: "text-description mbe-2"
889
- }, t("locked space description"))), !locked && /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
890
- title: t("invitations label")
891
- }, selectedInvitation && /* @__PURE__ */ import_react11.default.createElement(InvitationSection, {
892
- ...selectedInvitation,
893
- onBack: handleBack
894
- }), !selectedInvitation && /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
895
- className: "text-description mbe-2"
896
- }, t("space invitation description")), /* @__PURE__ */ import_react11.default.createElement(import_react12.InvitationList, {
897
- className: "mb-2",
898
- send: handleSend,
899
- invitations: visibleInvitations ?? [],
900
- onClickRemove: (invitation) => invitation.cancel(),
901
- createInvitationUrl
902
- }), /* @__PURE__ */ import_react11.default.createElement(import_react12.BifurcatedAction, {
903
- actions: inviteActions,
904
- activeAction,
905
- onChangeActiveAction: setActiveAction,
906
- "data-testid": "membersContainer.createInvitation"
907
- })))), /* @__PURE__ */ import_react11.default.createElement("div", {
908
- className: "justify-center gap-4 p-0 mbs-4 container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
909
- }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlItemInput, {
910
- title: t("space locked label"),
911
- description: t("space locked description")
912
- }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Input.Switch, {
913
- checked: locked,
914
- onCheckedChange: handleChangeLocked,
915
- classNames: "justify-self-end"
916
- })))))));
917
- } finally {
918
- _effect.f();
919
- }
920
- };
921
- var InvitationSection = ({ state = import_invitations.Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
922
- var _effect = (0, import_tracking8.useSignals)();
923
- try {
924
- const activeView = state < 0 ? "init" : state >= import_invitations.Invitation.State.CANCELLED ? "complete" : state >= import_invitations.Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
925
- return /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.Root, {
926
- activeView
927
- }, /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.Views, null, /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
928
- id: "init"
929
- }), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
930
- id: "complete"
931
- }, /* @__PURE__ */ import_react11.default.createElement(InvitationComplete, {
932
- statusValue: state
933
- })), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
934
- id: "auth-code"
935
- }, /* @__PURE__ */ import_react11.default.createElement(InvitationAuthCode, {
936
- id: invitationId,
937
- code: authCode ?? "never",
938
- onCancel: onBack
939
- })), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
940
- id: "qr-code"
941
- }, /* @__PURE__ */ import_react11.default.createElement(InvitationQR, {
942
- id: invitationId,
943
- url,
944
- onCancel: onBack
945
- }))));
946
- } finally {
947
- _effect.f();
948
- }
949
- };
950
- var InvitationQR = ({ id, url, onCancel }) => {
951
- var _effect = (0, import_tracking8.useSignals)();
952
- try {
953
- const { t } = (0, import_react_ui8.useTranslation)("os");
954
- const qrLabel = (0, import_react_ui8.useId)("members-container__qr-code");
955
- const emoji = (0, import_util3.hexToEmoji)(id);
956
- return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
957
- className: "text-description"
958
- }, t("qr code description", {
959
- ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
960
- })), /* @__PURE__ */ import_react11.default.createElement("div", {
961
- role: "group",
962
- className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
963
- }, /* @__PURE__ */ import_react11.default.createElement("div", {
964
- role: "none",
965
- className: "is-full aspect-square relative text-description"
966
- }, /* @__PURE__ */ import_react11.default.createElement(import_react_qr_rounded.QR, {
967
- rounding: 100,
968
- backgroundColor: "transparent",
969
- color: "currentColor",
970
- "aria-labelledby": qrLabel,
971
- errorCorrectionLevel: "Q",
972
- cutout: true
973
- }, url ?? "never"), /* @__PURE__ */ import_react11.default.createElement(import_react12.Centered, null, /* @__PURE__ */ import_react11.default.createElement(import_react12.Emoji, {
974
- text: emoji
975
- }))), /* @__PURE__ */ import_react11.default.createElement("span", {
976
- id: qrLabel,
977
- className: "sr-only"
978
- }, t("qr label")), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Button, {
979
- value: url ?? "never"
980
- })), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Button, {
981
- variant: "ghost",
982
- onClick: onCancel
983
- }, t("cancel label")));
984
- } finally {
985
- _effect.f();
986
- }
987
- };
988
- var InvitationAuthCode = ({ id, code, onCancel }) => {
989
- var _effect = (0, import_tracking8.useSignals)();
990
- try {
991
- const { t } = (0, import_react_ui8.useTranslation)("os");
992
- const emoji = (0, import_util3.hexToEmoji)(id);
993
- return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
994
- className: "text-description"
995
- }, t("auth other device emoji message")), emoji && /* @__PURE__ */ import_react11.default.createElement(import_react12.Emoji, {
996
- text: emoji,
997
- className: "mli-auto mlb-2 text-center"
998
- }), /* @__PURE__ */ import_react11.default.createElement("p", {
999
- className: "text-description"
1000
- }, t("auth code message")), /* @__PURE__ */ import_react11.default.createElement(import_react12.AuthCode, {
1001
- code,
1002
- large: true,
1003
- classNames: "mli-auto mlb-2 text-center grow"
1004
- }), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Button, {
1005
- variant: "ghost",
1006
- onClick: onCancel
1007
- }, t("cancel label")));
1008
- } finally {
1009
- _effect.f();
1010
- }
1011
- };
1012
- var InvitationComplete = ({ statusValue }) => {
1013
- var _effect = (0, import_tracking8.useSignals)();
1014
- try {
1015
- return statusValue > 0 ? /* @__PURE__ */ import_react11.default.createElement(import_react10.Check, {
1016
- className: (0, import_react_ui_theme3.mx)("m-1.5", (0, import_react_ui_theme3.getSize)(6))
1017
- }) : /* @__PURE__ */ import_react11.default.createElement(import_react10.X, {
1018
- className: (0, import_react_ui_theme3.mx)("m-1.5", (0, import_react_ui_theme3.getSize)(6))
1019
- });
1020
- } finally {
1021
- _effect.f();
1022
- }
1023
- };
1024
- var MenuFooter = ({ object }) => {
1025
- var _effect = (0, import_tracking9.useSignals)();
1026
- try {
1027
- const { t } = (0, import_react_ui9.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1028
- const client = (0, import_react_client5.useClient)();
1029
- const space = (0, import_echo7.getSpace)(object);
1030
- const spaceName = space ? (0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
1031
- personal: client.spaces.default === space
1032
- }) : "";
1033
- return space ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui9.DropdownMenu.Separator, null), /* @__PURE__ */ import_react14.default.createElement(import_react_ui9.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react14.default.createElement("dl", {
1034
- className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
1035
- }, /* @__PURE__ */ import_react14.default.createElement("dt", {
1036
- className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
1037
- }, t("location label")), /* @__PURE__ */ import_react14.default.createElement("dd", {
1038
- className: "line-clamp-3"
1039
- }, /* @__PURE__ */ import_react14.default.createElement(import_react13.Planet, {
1040
- className: "inline-block mie-1"
1041
- }), (0, import_react_ui9.toLocalizedString)(spaceName, t)))) : null;
1042
- } finally {
1043
- _effect.f();
1044
- }
1045
- };
1046
- var BaseObjectSettings = ({ classNames, children, object }) => {
1047
- var _effect = (0, import_tracking11.useSignals)();
1048
- try {
1049
- const { t } = (0, import_react_ui11.useTranslation)(import_chunk_6P2DB4QQ.meta.id);
1050
- const inputRef = (0, import_react16.useRef)(null);
1051
- return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Root, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Label, null, t("name label")), /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.TextInput, {
1052
- ref: inputRef,
1053
- placeholder: t("name placeholder"),
1054
- // TODO(burdon): Use annotation to get the name field.
1055
- value: object.name ?? "",
1056
- onChange: (event) => {
1057
- object.name = event.target.value;
1058
- },
1059
- onKeyDown: (event) => {
1060
- if (event.key === "Enter") {
1061
- inputRef.current?.blur();
1062
- }
1063
- }
1064
- })), children);
1065
- } finally {
1066
- _effect.f();
1067
- }
1068
- };
1069
- var ObjectSettingsContainer = ({ object, role }) => {
1070
- var _effect = (0, import_tracking10.useSignals)();
1071
- try {
1072
- const data = (0, import_react15.useMemo)(() => ({
1073
- subject: object
1074
- }), [
1075
- object
1076
- ]);
1077
- return /* @__PURE__ */ import_react15.default.createElement(import_react_ui10.Clipboard.Provider, null, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_stack5.StackItem.Content, {
1078
- toolbar: false
1079
- }, /* @__PURE__ */ import_react15.default.createElement("div", {
1080
- role: "none",
1081
- className: "overflow-y-auto pli-cardSpacingInline plb-cardSpacingBlock"
1082
- }, /* @__PURE__ */ import_react15.default.createElement(BaseObjectSettings, {
1083
- object
1084
- }, /* @__PURE__ */ import_react15.default.createElement(import_app_framework7.Surface, {
1085
- role: "base-object-settings",
1086
- data
1087
- })), /* @__PURE__ */ import_react15.default.createElement(import_app_framework7.Surface, {
1088
- role: "object-settings",
1089
- data
1090
- }))));
1091
- } finally {
1092
- _effect.f();
1093
- }
1094
- };
1095
- var PersistenceStatus = ({ db }) => {
1096
- var _effect = (0, import_tracking12.useSignals)();
1097
- try {
1098
- const { t } = (0, import_react_ui12.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1099
- const [displayMessage, setDisplayMessage] = (0, import_react18.useState)(false);
1100
- const [status, naturalSetStatus] = (0, import_react18.useState)(0);
1101
- const [prevStatus, setPrevStatus] = (0, import_react18.useState)(0);
1102
- const _setStatus = (0, import_async2.debounce)(naturalSetStatus, 500);
1103
- (0, import_react18.useEffect)(() => {
1104
- setPrevStatus(status);
1105
- if (prevStatus !== status && status === 0) {
1106
- setDisplayMessage(true);
1107
- const timeout = setTimeout(() => setDisplayMessage(false), 5e3);
1108
- return () => clearTimeout(timeout);
1109
- }
1110
- }, [
1111
- status
1112
- ]);
1113
- switch (status) {
1114
- case 2:
1115
- return /* @__PURE__ */ import_react18.default.createElement("div", {
1116
- className: "flex items-center"
1117
- }, /* @__PURE__ */ import_react18.default.createElement(import_react17.Warning, {
1118
- className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
1119
- }), /* @__PURE__ */ import_react18.default.createElement("span", {
1120
- className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.warningText)
1121
- }, t("persistence error label")));
1122
- case 1:
1123
- return /* @__PURE__ */ import_react18.default.createElement("div", {
1124
- className: "flex items-center"
1125
- }, /* @__PURE__ */ import_react18.default.createElement(import_react17.ArrowsCounterClockwise, {
1126
- className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
1127
- }), /* @__PURE__ */ import_react18.default.createElement("span", {
1128
- className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.staticPlaceholderText)
1129
- }, t("persistence pending label")));
1130
- case 0:
1131
- default:
1132
- return /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Tooltip.Trigger, {
1133
- delayDuration: 400,
1134
- role: "status",
1135
- content: t("persisted locally message"),
1136
- className: "flex items-center"
1137
- }, /* @__PURE__ */ import_react18.default.createElement(import_react17.CheckCircle, {
1138
- className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
1139
- }), displayMessage && /* @__PURE__ */ import_react18.default.createElement("span", {
1140
- className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.staticPlaceholderText)
1141
- }, t("persisted locally label")));
1142
- }
1143
- } finally {
1144
- _effect.f();
1145
- }
1146
- };
1147
- var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
1148
- var POPOVER_RENAME_OBJECT = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameObject`;
1149
- var PopoverRenameObject = ({ object: obj }) => {
1150
- var _effect = (0, import_tracking13.useSignals)();
1151
- try {
1152
- const { t } = (0, import_react_ui13.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1153
- const doneButton = (0, import_react19.useRef)(null);
1154
- const object = obj;
1155
- const [name, setName] = (0, import_react19.useState)(object.name || object.title || "");
1156
- const { dispatchPromise: dispatch } = (0, import_app_framework8.useIntentDispatcher)();
1157
- const handleDone = (0, import_react19.useCallback)(() => {
1158
- try {
1159
- object.name = name;
1160
- } catch {
1161
- try {
1162
- object.title = name;
1163
- } catch (err) {
1164
- import_log2.log.error("Failed to rename object", {
1165
- err
1166
- }, {
1167
- F: __dxlog_file3,
1168
- L: 32,
1169
- S: void 0,
1170
- C: (f, a) => f(...a)
1171
- });
1172
- }
1173
- }
1174
- void dispatch((0, import_app_framework8.createIntent)(import_app_framework8.LayoutAction.UpdatePopover, {
1175
- part: "popover",
1176
- options: {
1177
- variant: "react",
1178
- anchorId: "",
1179
- state: false
1180
- }
1181
- }));
1182
- }, [
1183
- object,
1184
- name
1185
- ]);
1186
- return /* @__PURE__ */ import_react19.default.createElement("div", {
1187
- role: "none",
1188
- className: "p-2 flex gap-2"
1189
- }, /* @__PURE__ */ import_react19.default.createElement("div", {
1190
- role: "none",
1191
- className: "flex-1"
1192
- }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Input.Root, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Input.Label, {
1193
- srOnly: true
1194
- }, t("object name label")), /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Input.TextInput, {
1195
- placeholder: t("object placeholder"),
1196
- value: name,
1197
- "data-testid": "spacePlugin.renameObject.input",
1198
- onChange: ({ target: { value } }) => setName(value),
1199
- onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
1200
- }))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Button, {
1201
- ref: doneButton,
1202
- classNames: "self-stretch",
1203
- onClick: handleDone
1204
- }, t("done label", {
1205
- ns: "os"
1206
- })));
1207
- } finally {
1208
- _effect.f();
1209
- }
1210
- };
1211
- var POPOVER_RENAME_SPACE = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameSpace`;
1212
- var PopoverRenameSpace = ({ space }) => {
1213
- var _effect = (0, import_tracking14.useSignals)();
1214
- try {
1215
- const { t } = (0, import_react_ui14.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1216
- const doneButton = (0, import_react20.useRef)(null);
1217
- const [name, setName] = (0, import_react20.useState)(space.properties.name ?? "");
1218
- const { dispatchPromise: dispatch } = (0, import_app_framework9.useIntentDispatcher)();
1219
- const handleDone = (0, import_react20.useCallback)(() => {
1220
- space.properties.name = name;
1221
- void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
1222
- part: "popover",
1223
- options: {
1224
- variant: "react",
1225
- anchorId: "",
1226
- state: false
1227
- }
1228
- }));
1229
- }, [
1230
- space,
1231
- name
1232
- ]);
1233
- return /* @__PURE__ */ import_react20.default.createElement("div", {
1234
- role: "none",
1235
- className: "p-2 flex gap-2"
1236
- }, /* @__PURE__ */ import_react20.default.createElement("div", {
1237
- role: "none",
1238
- className: "flex-1"
1239
- }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Input.Root, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Input.Label, {
1240
- srOnly: true
1241
- }, t("space name label")), /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Input.TextInput, {
1242
- defaultValue: space.properties.name ?? "",
1243
- placeholder: t("unnamed space label"),
1244
- onChange: ({ target: { value } }) => setName(value),
1245
- // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
1246
- // Currently this is not possible because Radix does not expose the popover context.
1247
- onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
1248
- }))), /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Popover.Close, {
1249
- asChild: true
1250
- }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Button, {
1251
- ref: doneButton,
1252
- classNames: "self-stretch",
1253
- onClick: handleDone
1254
- }, t("done label", {
1255
- ns: "os"
1256
- }))));
1257
- } finally {
1258
- _effect.f();
1259
- }
1260
- };
1261
- var useQuerySpaceSchemas = (space) => {
1262
- const [schemas, setSchemas] = (0, import_react21.useState)([]);
1263
- (0, import_react21.useEffect)(() => {
1264
- const query = space.db.schemaRegistry.query();
1265
- const initialResults = query.runSync();
1266
- setSchemas(initialResults);
1267
- const unsubscribe = query.subscribe(() => setSchemas(query.results));
1268
- return () => unsubscribe();
1269
- }, [
1270
- space
1271
- ]);
1272
- return schemas;
1273
- };
1274
- var SchemaContainer = ({ space }) => {
1275
- var _effect = (0, import_tracking15.useSignals)();
1276
- try {
1277
- const { t } = (0, import_react_ui15.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1278
- const schemas = useQuerySpaceSchemas(space);
1279
- return /* @__PURE__ */ import_react21.default.createElement(import_react_ui_stack6.StackItem.Content, {
1280
- classNames: "block overflow-y-auto"
1281
- }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_form4.ControlPage, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_form4.ControlSection, {
1282
- title: t("schema verbose label"),
1283
- description: t("schema description")
1284
- }, /* @__PURE__ */ import_react21.default.createElement("div", {
1285
- role: "none",
1286
- className: import_react_ui_form4.controlItemClasses
1287
- }, schemas.length === 0 && /* @__PURE__ */ import_react21.default.createElement("div", {
1288
- className: "text-center plb-4"
1289
- }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ import_react21.default.createElement("div", {
1290
- key: schema.id
1291
- }, /* @__PURE__ */ import_react21.default.createElement("div", null, schema.typename)))))));
1292
- } finally {
1293
- _effect.f();
1294
- }
1295
- };
1296
- var REFRESH_INTERVAL = 5e3;
1297
- var ACTIVITY_DURATION = 3e4;
1298
- var noViewers = new import_util4.ComplexMap(import_react_client6.PublicKey.hash);
1299
- var getName = (identity) => identity.profile?.displayName ?? (0, import_display_name.generateName)(identity.identityKey.toHex());
1300
- var SpacePresence = ({ object, spaceKey }) => {
1301
- var _effect = (0, import_tracking16.useSignals)();
1302
- try {
1303
- const spaceState = (0, import_app_framework10.useCapability)(import_chunk_NL5Y4EDX.SpaceCapabilities.MutableState);
1304
- const client = (0, import_react_client6.useClient)();
1305
- const identity = (0, import_halo.useIdentity)();
1306
- const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo8.getSpace)(object);
1307
- const spaceMembers = (0, import_echo8.useMembers)(space?.key);
1308
- const [_moment, setMoment] = (0, import_react22.useState)(Date.now());
1309
- (0, import_react22.useEffect)(() => {
1310
- const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
1311
- return () => clearInterval(interval);
1312
- }, []);
1313
- const memberOnline = (0, import_react22.useCallback)((member) => member.presence === 1, []);
1314
- const memberIsNotSelf = (0, import_react22.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
1315
- identity?.identityKey
1316
- ]);
1317
- if (!identity || !spaceState || !space) {
1318
- return null;
1319
- }
1320
- const currentObjectViewers = spaceState.viewersByObject[(0, import_echo8.fullyQualifiedId)(object)] ?? noViewers;
1321
- const membersForObject = spaceMembers.filter((member) => memberOnline(member) && memberIsNotSelf(member)).filter((member) => currentObjectViewers.has(member.identity.identityKey)).map((member) => {
1322
- const objectView = currentObjectViewers.get(member.identity.identityKey);
1323
- const lastSeen = objectView?.lastSeen ?? -Infinity;
1324
- const currentlyAttended = objectView?.currentlyAttended ?? false;
1325
- return {
1326
- ...member,
1327
- currentlyAttended,
1328
- lastSeen
1329
- };
1330
- }).toSorted((a, b) => a.lastSeen - b.lastSeen);
1331
- return /* @__PURE__ */ import_react22.default.createElement(FullPresence, {
1332
- members: membersForObject
1333
- });
1334
- } finally {
1335
- _effect.f();
1336
- }
1337
- };
1338
- var FullPresence = (props) => {
1339
- var _effect = (0, import_tracking16.useSignals)();
1340
- try {
1341
- const { size = 9, onMemberClick } = props;
1342
- const members = (0, import_react_ui16.useDefaultValue)(props.members, () => []);
1343
- if (members.length === 0) {
1344
- return null;
1345
- }
1346
- return /* @__PURE__ */ import_react22.default.createElement("div", {
1347
- className: "dx-avatar-group",
1348
- "data-testid": "spacePlugin.presence"
1349
- }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Tooltip.Trigger, {
1350
- key: member.identity.identityKey.toHex(),
1351
- side: "bottom",
1352
- content: getName(member.identity),
1353
- className: "grid focus:outline-none"
1354
- }, /* @__PURE__ */ import_react22.default.createElement(PresenceAvatar, {
1355
- identity: member.identity,
1356
- match: member.currentlyAttended,
1357
- index: members.length - i,
1358
- onClick: () => onMemberClick?.(member),
1359
- size
1360
- }))), members.length > 3 && /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Trigger, {
1361
- className: "grid focus:outline-none"
1362
- }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Content, {
1363
- status: "inactive",
1364
- style: {
1365
- zIndex: members.length - 4
1366
- },
1367
- fallback: `+${members.length - 3}`,
1368
- size
1369
- }))), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Portal, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Content, {
1370
- side: "bottom"
1371
- }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Arrow, null), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Viewport, {
1372
- classNames: "max-bs-56"
1373
- }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.List, null, members.map((member) => /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.ListItem.Root, {
1374
- key: member.identity.identityKey.toHex(),
1375
- classNames: "flex gap-2 items-center cursor-pointer mbe-2",
1376
- onClick: () => onMemberClick?.(member),
1377
- "data-testid": "identity-list-item"
1378
- }, /* @__PURE__ */ import_react22.default.createElement(PresenceAvatar, {
1379
- identity: member.identity,
1380
- size,
1381
- showName: true,
1382
- match: member.currentlyAttended
1383
- })))))))));
1384
- } finally {
1385
- _effect.f();
1386
- }
1387
- };
1388
- var PresenceAvatar = /* @__PURE__ */ (0, import_react22.forwardRef)(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
1389
- var _effect = (0, import_tracking16.useSignals)();
1390
- try {
1391
- const status = match ? "current" : "active";
1392
- const fallbackValue = (0, import_util4.keyToFallback)(identity.identityKey);
1393
- return /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Content, {
1394
- status,
1395
- hue: identity.profile?.data?.hue || fallbackValue.hue,
1396
- "data-testid": "spacePlugin.presence.member",
1397
- "data-status": status,
1398
- size,
1399
- ...index ? {
1400
- style: {
1401
- zIndex: index
1402
- }
1403
- } : {},
1404
- onClick,
1405
- fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
1406
- ref: forwardedRef
1407
- }), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Label, {
1408
- classNames: showName ? "text-sm truncate pli-2" : "sr-only"
1409
- }, getName(identity)));
1410
- } finally {
1411
- _effect.f();
1412
- }
1413
- });
1414
- var SmallPresenceLive = ({ id, open, viewers }) => {
1415
- var _effect = (0, import_tracking16.useSignals)();
1416
- try {
1417
- const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention.useAttention)(id);
1418
- const isAttended = hasAttention || isAncestor || isRelated;
1419
- const { graph } = (0, import_app_framework10.useAppGraph)();
1420
- const attended = (0, import_react_ui_attention.useAttended)();
1421
- const startOfAttention = attended.at(-1);
1422
- const path = (0, import_chunk_5WLAXYE3.usePath)(graph, startOfAttention);
1423
- const containsAttended = !open && !isAttended && id && import_effect3.Option.isSome(path) ? path.value.includes(id) : false;
1424
- const getActiveViewers = (viewers2) => {
1425
- const moment = Date.now();
1426
- return Array.from(viewers2.values()).filter((viewer) => moment - viewer.lastSeen < ACTIVITY_DURATION);
1427
- };
1428
- const [activeViewers, setActiveViewers] = (0, import_react22.useState)(viewers ? getActiveViewers(viewers) : []);
1429
- (0, import_react22.useEffect)(() => {
1430
- if (viewers) {
1431
- setActiveViewers(getActiveViewers(viewers));
1432
- const interval = setInterval(() => {
1433
- setActiveViewers(getActiveViewers(viewers));
1434
- }, REFRESH_INTERVAL);
1435
- return () => clearInterval(interval);
1436
- }
1437
- }, [
1438
- viewers
1439
- ]);
1440
- return /* @__PURE__ */ import_react22.default.createElement(SmallPresence, {
1441
- count: activeViewers.length,
1442
- attended: isAttended,
1443
- containsAttended
1444
- });
1445
- } finally {
1446
- _effect.f();
1447
- }
1448
- };
1449
- var SmallPresence = ({ count = 0, attended, containsAttended }) => {
1450
- var _effect = (0, import_tracking16.useSignals)();
1451
- try {
1452
- const { t } = (0, import_react_ui16.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1453
- return /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Tooltip.Trigger, {
1454
- asChild: true,
1455
- content: t("presence label", {
1456
- count
1457
- }),
1458
- side: "bottom"
1459
- }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui_attention.AttentionGlyph, {
1460
- attended,
1461
- containsAttended,
1462
- presence: count > 1 ? "many" : count === 1 ? "one" : "none",
1463
- classNames: "self-center mie-1"
1464
- }));
1465
- } finally {
1466
- _effect.f();
1467
- }
1468
- };
1469
- var SpacePluginSettings = ({ settings }) => {
1470
- var _effect = (0, import_tracking17.useSignals)();
1471
- try {
1472
- const { t } = (0, import_react_ui17.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1473
- const client = (0, import_react_client7.useClient)();
1474
- const spaces = (0, import_echo9.useSpaces)({
1475
- all: settings.showHidden
1476
- });
1477
- const { dispatchPromise: dispatch } = (0, import_app_framework11.useIntentDispatcher)();
1478
- return /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.ControlPage, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.ControlSection, {
1479
- title: t("space settings label"),
1480
- description: t("space settings description")
1481
- }, /* @__PURE__ */ import_react23.default.createElement("div", {
1482
- className: "pli-trimMd container-max-width"
1483
- }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormInput, {
1484
- label: t("show hidden spaces label")
1485
- }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Input.Switch, {
1486
- checked: settings.showHidden,
1487
- onCheckedChange: (checked) => settings.showHidden = !!checked
1488
- }))), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.List, {
1489
- classNames: [
1490
- import_react_ui_form5.controlItemClasses,
1491
- "flex flex-col gap-trimSm"
1492
- ]
1493
- }, spaces.map((space) => /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Root, {
1494
- key: space.id,
1495
- classNames: "is-full items-center"
1496
- }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Heading, {
1497
- classNames: "grow truncate !min-bs-0"
1498
- }, (0, import_react_ui17.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
1499
- personal: space === client.spaces.default
1500
- }), t)), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.IconButton, {
1501
- icon: "ph--faders--regular",
1502
- onClick: () => dispatch((0, import_app_framework11.createIntent)(import_chunk_ULJZPATP.SpaceAction.OpenSettings, {
1503
- space
1504
- })),
1505
- label: t("open space settings label")
1506
- }))))));
1507
- } finally {
1508
- _effect.f();
1509
- }
1510
- };
1511
- var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
1512
- var FormSchema = import_chunk_ULJZPATP.SpaceForm.pipe(import_effect4.Schema.extend(import_effect4.Schema.Struct({
1513
- archived: import_effect4.Schema.Boolean.annotations({
1514
- title: "Archive space"
1515
- })
1516
- })));
1517
- var SpaceSettingsContainer = ({ space }) => {
1518
- var _effect = (0, import_tracking18.useSignals)();
1519
- try {
1520
- const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1521
- const { dispatchPromise: dispatch } = (0, import_app_framework12.useIntentDispatcher)();
1522
- const client = (0, import_react_client8.useClient)();
1523
- const archived = (0, import_react_ui18.useMulticastObservable)(space.state) === import_echo10.SpaceState.SPACE_INACTIVE;
1524
- const [edgeReplication, setEdgeReplication] = (0, import_react24.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
1525
- const toggleEdgeReplication = (0, import_react24.useCallback)(async (next) => {
1526
- setEdgeReplication(next);
1527
- await space?.internal.setEdgeReplicationPreference(next ? import_metadata.EdgeReplicationSetting.ENABLED : import_metadata.EdgeReplicationSetting.DISABLED).catch((err) => {
1528
- import_log3.log.catch(err, void 0, {
1529
- F: __dxlog_file4,
1530
- L: 51,
1531
- S: void 0,
1532
- C: (f, a) => f(...a)
1533
- });
1534
- setEdgeReplication(!next);
1535
- });
1536
- }, [
1537
- space
1538
- ]);
1539
- const handleSave = (0, import_react24.useCallback)((properties) => {
1540
- void toggleEdgeReplication(properties.edgeReplication);
1541
- if (properties.name !== space.properties.name) {
1542
- space.properties.name = properties.name;
1543
- }
1544
- if (properties.icon !== space.properties.icon) {
1545
- space.properties.icon = properties.icon;
1546
- }
1547
- if (properties.hue !== space.properties.hue) {
1548
- space.properties.hue = properties.hue;
1549
- }
1550
- if (properties.archived && !archived) {
1551
- void dispatch((0, import_effect4.pipe)((0, import_app_framework12.createIntent)(import_chunk_ULJZPATP.SpaceAction.Close, {
1552
- space
1553
- }), (0, import_app_framework12.chain)(import_app_framework12.LayoutAction.SwitchWorkspace, {
1554
- part: "workspace",
1555
- subject: client.spaces.default.id
1556
- })));
1557
- } else if (!properties.archived && archived) {
1558
- void dispatch((0, import_app_framework12.createIntent)(import_chunk_ULJZPATP.SpaceAction.Open, {
1559
- space
1560
- }));
1561
- }
1562
- }, [
1563
- space,
1564
- toggleEdgeReplication,
1565
- archived
1566
- ]);
1567
- const values = (0, import_react24.useMemo)(() => ({
1568
- name: space.properties.name,
1569
- icon: space.properties.icon,
1570
- hue: space.properties.hue,
1571
- edgeReplication,
1572
- archived
1573
- }), [
1574
- space.properties.name,
1575
- space.properties.icon,
1576
- space.properties.hue,
1577
- edgeReplication,
1578
- archived
1579
- ]);
1580
- const customElements = (0, import_react24.useMemo)(() => ({
1581
- name: ({ type, label, getValue, onValueChange }) => {
1582
- const handleChange = (0, import_react24.useCallback)(({ target: { value } }) => onValueChange(type, value), [
1583
- onValueChange,
1584
- type
1585
- ]);
1586
- return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItemInput, {
1587
- title: label,
1588
- description: t("display name description")
1589
- }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui18.Input.TextInput, {
1590
- value: getValue(),
1591
- onChange: handleChange,
1592
- placeholder: t("display name input placeholder"),
1593
- classNames: "min-is-64"
1594
- }));
1595
- },
1596
- icon: ({ type, label, getValue, onValueChange }) => {
1597
- const handleChange = (0, import_react24.useCallback)((nextEmoji) => onValueChange(type, nextEmoji), [
1598
- onValueChange,
1599
- type
1600
- ]);
1601
- const handleEmojiReset = (0, import_react24.useCallback)(() => onValueChange(type, void 0), [
1602
- onValueChange,
1603
- type
1604
- ]);
1605
- return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItem, {
1606
- title: label,
1607
- description: t("icon description")
1608
- }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_pickers.IconPicker, {
1609
- value: getValue(),
1610
- onChange: handleChange,
1611
- onReset: handleEmojiReset,
1612
- classNames: "justify-self-end",
1613
- iconSize: 5
1614
- }));
1615
- },
1616
- hue: ({ type, label, getValue, onValueChange }) => {
1617
- const handleChange = (0, import_react24.useCallback)((nextHue) => onValueChange(type, nextHue), [
1618
- onValueChange,
1619
- type
1620
- ]);
1621
- const handleHueReset = (0, import_react24.useCallback)(() => onValueChange(type, void 0), [
1622
- onValueChange,
1623
- type
1624
- ]);
1625
- return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItem, {
1626
- title: label,
1627
- description: t("hue description")
1628
- }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_pickers.HuePicker, {
1629
- value: getValue(),
1630
- onChange: handleChange,
1631
- onReset: handleHueReset,
1632
- classNames: "[--hue-preview-size:1.25rem] justify-self-end"
1633
- }));
1634
- },
1635
- edgeReplication: ({ type, label, getValue, onValueChange }) => {
1636
- const handleChange = (0, import_react24.useCallback)((checked) => onValueChange(type, checked), [
1637
- onValueChange,
1638
- type
1639
- ]);
1640
- return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItemInput, {
1641
- title: label,
1642
- description: t("edge replication description")
1643
- }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui18.Input.Switch, {
1644
- checked: getValue(),
1645
- onCheckedChange: handleChange,
1646
- classNames: "justify-self-end"
1647
- }));
1648
- },
1649
- archived: ({ type, label, getValue, onValueChange }) => {
1650
- const handleChange = (0, import_react24.useCallback)(() => onValueChange(type, !getValue()), [
1651
- onValueChange,
1652
- type,
1653
- getValue
1654
- ]);
1655
- return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItemInput, {
1656
- title: label,
1657
- description: t("archive space description")
1658
- }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui18.Button, {
1659
- disabled: space === client.spaces.default,
1660
- onClick: handleChange
1661
- }, getValue() ? t("unarchive space label") : t("archive space label")));
1662
- }
1663
- }), [
1664
- t,
1665
- space
1666
- ]);
1667
- return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_stack7.StackItem.Content, {
1668
- classNames: "block overflow-y-auto pli-2"
1669
- }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlPage, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlSection, {
1670
- title: t("space properties settings verbose label", {
1671
- ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
1672
- }),
1673
- description: t("space properties settings description", {
1674
- ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
1675
- })
1676
- }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.Form, {
1677
- schema: FormSchema,
1678
- values,
1679
- autoSave: true,
1680
- onSave: handleSave,
1681
- Custom: customElements,
1682
- outerSpacing: false,
1683
- classNames: "container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content] gap-4"
1684
- }))));
1685
- } finally {
1686
- _effect.f();
1687
- }
1688
- };
1689
- var useEdgeStatus = () => {
1690
- const [status, setStatus] = (0, import_react25.useState)(import_services.EdgeStatus.NOT_CONNECTED);
1691
- const client = (0, import_react_client9.useClient)();
1692
- (0, import_react25.useEffect)(() => {
1693
- client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
1694
- setStatus(status2);
1695
- });
1696
- }, [
1697
- client
1698
- ]);
1699
- return status;
1700
- };
1701
- var InlineSyncStatus = ({ space, open }) => {
1702
- var _effect = (0, import_tracking19.useSignals)();
1703
- try {
1704
- const { t } = (0, import_react_ui19.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1705
- const id = space.id;
1706
- const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention2.useAttention)(id);
1707
- const isAttended = hasAttention || isAncestor || isRelated;
1708
- const { graph } = (0, import_app_framework13.useAppGraph)();
1709
- const attended = (0, import_react_ui_attention2.useAttended)();
1710
- const startOfAttention = attended.at(-1);
1711
- const path = (0, import_chunk_5WLAXYE3.usePath)(graph, startOfAttention);
1712
- const containsAttended = !open && !isAttended && id && import_effect5.Option.isSome(path) ? path.value.includes(id) : false;
1713
- const connectedToEdge = useEdgeStatus() === import_services.EdgeStatus.CONNECTED;
1714
- const edgeSyncEnabled = space.internal.data.edgeReplication === import_metadata2.EdgeReplicationSetting.ENABLED;
1715
- const syncState = (0, import_echo11.useSpaceSyncState)(space);
1716
- const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
1717
- return /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Trigger, {
1718
- asChild: true,
1719
- content: t("syncing label"),
1720
- side: "bottom"
1721
- }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui_attention2.AttentionGlyph, {
1722
- syncing,
1723
- attended: isAttended,
1724
- containsAttended,
1725
- classNames: "self-center mie-1"
1726
- }));
1727
- } finally {
1728
- _effect.f();
1729
- }
1730
- };
1731
- var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
1732
- var createClientSaveTracker = (client, cb) => {
1733
- const CleanupFns = {};
1734
- const state = {};
1735
- const install = (spaces) => {
1736
- for (const space of spaces) {
1737
- if (state[space.id]) {
1738
- continue;
1739
- }
1740
- state[space.id] = "saved";
1741
- CleanupFns[space.id] = createSpaceSaveTracker(space, (s) => {
1742
- state[space.id] = s;
1743
- cb(Object.values(state).some((s2) => s2 === "saving") ? "saving" : "saved");
1744
- });
1745
- }
1746
- };
1747
- client.spaces.subscribe((spaces) => {
1748
- install(spaces);
1749
- });
1750
- install(client.spaces.get());
1751
- return () => {
1752
- for (const unsubscribe of Object.values(CleanupFns)) {
1753
- unsubscribe();
1754
- }
1755
- };
1756
- };
1757
- var createSpaceSaveTracker = (space, cb) => {
1758
- const ctx = new import_context.Context(void 0, {
1759
- F: __dxlog_file5,
1760
- L: 40
1761
- });
1762
- void space.waitUntilReady().then(() => {
1763
- if (ctx.disposed) {
1764
- return;
1765
- }
1766
- let hasUnsavedChanges = false;
1767
- let lastFlushPromise;
1768
- space.crud.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {
1769
- hasUnsavedChanges = unsavedDocuments.length > 0;
1770
- });
1771
- space.crud.saveStateChanged.debounce(500).on(ctx, () => {
1772
- if (hasUnsavedChanges) {
1773
- lastFlushPromise = void 0;
1774
- cb("saving");
1775
- } else {
1776
- const flushPromise = space.crud.flush();
1777
- lastFlushPromise = flushPromise;
1778
- void flushPromise.then(() => {
1779
- if (lastFlushPromise === flushPromise) {
1780
- cb("saved");
1781
- }
1782
- });
1783
- }
1784
- });
1785
- });
1786
- return () => {
1787
- void ctx.dispose();
1788
- };
1789
- };
1790
- var getStatus = ({ offline, saved, needsToUpload, needsToDownload }) => {
1791
- if (!saved) {
1792
- return "saving locally";
1793
- } else if (!offline && needsToDownload) {
1794
- return "downloading";
1795
- } else if (!offline && needsToUpload) {
1796
- return "uploading";
1797
- } else if (offline && !needsToUpload && !needsToDownload) {
1798
- return "offline persisted";
1799
- } else {
1800
- return "remote synced";
1801
- }
1802
- };
1803
- var getIcon = (status) => {
1804
- switch (status) {
1805
- case "saving locally":
1806
- return "ph--download--regular";
1807
- case "downloading":
1808
- return "ph--cloud-arrow-down--regular";
1809
- case "uploading":
1810
- return "ph--cloud-arrow-up--regular";
1811
- case "offline persisted":
1812
- return "ph--check-circle--regular";
1813
- case "remote synced":
1814
- return "ph--cloud-check--regular";
1815
- }
1816
- };
1817
- var SYNC_STALLED_TIMEOUT = 5e3;
1818
- var SyncStatus = () => {
1819
- var _effect = (0, import_tracking20.useSignals)();
1820
- try {
1821
- const client = (0, import_react_client10.useClient)();
1822
- const state = (0, import_echo12.useSyncState)();
1823
- const [saved, setSaved] = (0, import_react26.useState)(true);
1824
- (0, import_react26.useEffect)(() => {
1825
- return createClientSaveTracker(client, (state2) => {
1826
- setSaved(state2 === "saved");
1827
- });
1828
- }, []);
1829
- return /* @__PURE__ */ import_react26.default.createElement(SyncStatusIndicator, {
1830
- state,
1831
- saved
1832
- });
1833
- } finally {
1834
- _effect.f();
1835
- }
1836
- };
1837
- var SyncStatusIndicator = ({ state, saved }) => {
1838
- var _effect = (0, import_tracking20.useSignals)();
1839
- try {
1840
- const { t } = (0, import_react_ui20.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
1841
- const summary = (0, import_echo12.getSyncSummary)(state);
1842
- const offline = Object.values(state).length === 0;
1843
- const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
1844
- const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
1845
- const status = getStatus({
1846
- offline,
1847
- saved,
1848
- needsToUpload,
1849
- needsToDownload
1850
- });
1851
- const [classNames, setClassNames] = (0, import_react26.useState)();
1852
- (0, import_react26.useEffect)(() => {
1853
- setClassNames(void 0);
1854
- if (offline || !needsToUpload && !needsToDownload) {
1855
- return;
1856
- }
1857
- const t2 = setTimeout(() => {
1858
- setClassNames("text-orange-500");
1859
- }, SYNC_STALLED_TIMEOUT);
1860
- return () => clearTimeout(t2);
1861
- }, [
1862
- offline,
1863
- needsToUpload,
1864
- needsToDownload
1865
- ]);
1866
- const title = t(`${status} label`);
1867
- const icon = /* @__PURE__ */ import_react26.default.createElement(import_react_ui20.Icon, {
1868
- icon: getIcon(status),
1869
- size: 4,
1870
- classNames
1871
- });
1872
- return /* @__PURE__ */ import_react26.default.createElement(import_plugin_status_bar.StatusBar.Item, {
1873
- title
1874
- }, icon);
1875
- } finally {
1876
- _effect.f();
1877
- }
1878
- };
1879
- // Annotate the CommonJS export names for ESM import in node:
1880
- 0 && (module.exports = {
1881
- AppGraphBuilder,
1882
- AppGraphSerializer,
1883
- AwaitingObject,
1884
- CREATE_OBJECT_DIALOG,
1885
- CREATE_SPACE_DIALOG,
1886
- CollectionMain,
1887
- CollectionSection,
1888
- CreateObjectDialog,
1889
- CreateSpaceDialog,
1890
- FullPresence,
1891
- IdentityCreated,
1892
- InlineSyncStatus,
1893
- IntentResolver,
1894
- JOIN_DIALOG,
1895
- JoinDialog,
1896
- MembersContainer,
1897
- MenuFooter,
1898
- ObjectSettingsContainer,
1899
- POPOVER_RENAME_OBJECT,
1900
- POPOVER_RENAME_SPACE,
1901
- PersistenceStatus,
1902
- PopoverRenameObject,
1903
- PopoverRenameSpace,
1904
- ReactRoot,
1905
- ReactSurface,
1906
- SchemaContainer,
1907
- SchemaDefs,
1908
- SchemaTools,
1909
- SmallPresence,
1910
- SmallPresenceLive,
1911
- SpacePluginSettings,
1912
- SpacePresence,
1913
- SpaceSettings,
1914
- SpaceSettingsContainer,
1915
- SpaceState,
1916
- SpacesReady,
1917
- SyncStatus,
1918
- SyncStatusIndicator,
1919
- useQuerySpaceSchemas
1920
- });
1921
- //# sourceMappingURL=chunk-NCHF433F.cjs.map