@dxos/plugin-space 0.8.3 → 0.8.4-main.28f8d3d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/CollectionMain-D2B75XBS.mjs +31 -0
- package/dist/lib/browser/CollectionMain-D2B75XBS.mjs.map +7 -0
- package/dist/lib/browser/ObjectDetailsPanel-SY6FYTYC.mjs +88 -0
- package/dist/lib/browser/ObjectDetailsPanel-SY6FYTYC.mjs.map +7 -0
- package/dist/lib/browser/RecordMain-TEBGAVSL.mjs +68 -0
- package/dist/lib/browser/RecordMain-TEBGAVSL.mjs.map +7 -0
- package/dist/lib/browser/{app-graph-builder-M2RH72VL.mjs → app-graph-builder-VZW75QPJ.mjs} +178 -30
- package/dist/lib/browser/app-graph-builder-VZW75QPJ.mjs.map +7 -0
- package/dist/lib/browser/{app-graph-serializer-F7ISRRBV.mjs → app-graph-serializer-YPHYVZAP.mjs} +13 -13
- package/dist/lib/browser/app-graph-serializer-YPHYVZAP.mjs.map +7 -0
- package/dist/lib/browser/{chunk-TW7O2EPP.mjs → chunk-3UFG6LQQ.mjs} +59 -5
- package/dist/lib/browser/chunk-3UFG6LQQ.mjs.map +7 -0
- package/dist/lib/browser/{chunk-YMCZR6EZ.mjs → chunk-CBYL62HG.mjs} +5 -4
- package/dist/lib/browser/chunk-CBYL62HG.mjs.map +7 -0
- package/dist/lib/browser/{chunk-7Y4M7GXO.mjs → chunk-DYKFFVN6.mjs} +5 -5
- package/dist/lib/browser/{chunk-7Y4M7GXO.mjs.map → chunk-DYKFFVN6.mjs.map} +3 -3
- package/dist/lib/browser/{chunk-PTKYMZWO.mjs → chunk-FBCGT5YY.mjs} +2 -2
- package/dist/lib/browser/{chunk-NFUKCRGE.mjs → chunk-PSIBVBTA.mjs} +419 -353
- package/dist/lib/browser/chunk-PSIBVBTA.mjs.map +7 -0
- package/dist/lib/browser/{chunk-BXNL6SDI.mjs → chunk-Q5EEPP3S.mjs} +4 -3
- package/dist/lib/browser/chunk-Q5EEPP3S.mjs.map +7 -0
- package/dist/lib/browser/{chunk-V24VASAJ.mjs → chunk-SMB4DGYO.mjs} +133 -29
- package/dist/lib/browser/chunk-SMB4DGYO.mjs.map +7 -0
- package/dist/lib/browser/{chunk-4ZKSFDXM.mjs → chunk-WAXS2ZVX.mjs} +77 -16
- package/dist/lib/browser/chunk-WAXS2ZVX.mjs.map +7 -0
- package/dist/lib/browser/{identity-created-PI7TKANR.mjs → identity-created-T6ZNVE7S.mjs} +5 -5
- package/dist/lib/browser/identity-created-T6ZNVE7S.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +108 -17
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/{intent-resolver-RWU6ZE4H.mjs → intent-resolver-TS6CCKST.mjs} +172 -22
- package/dist/lib/browser/intent-resolver-TS6CCKST.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-root-QIKHSNT2.mjs → react-root-RQGTZ2ZO.mjs} +8 -8
- package/dist/lib/browser/{react-root-QIKHSNT2.mjs.map → react-root-RQGTZ2ZO.mjs.map} +2 -2
- package/dist/lib/browser/{react-surface-W56UD53I.mjs → react-surface-V3ARS2BP.mjs} +54 -22
- package/dist/lib/browser/react-surface-V3ARS2BP.mjs.map +7 -0
- package/dist/lib/browser/{schema-defs-WREJNMIC.mjs → schema-defs-5LBA43X5.mjs} +4 -4
- package/dist/lib/browser/schema-defs-5LBA43X5.mjs.map +7 -0
- package/dist/lib/browser/{schema-tools-ILTVSSS3.mjs → schema-tools-LPL35WOJ.mjs} +13 -13
- package/dist/lib/browser/schema-tools-LPL35WOJ.mjs.map +7 -0
- package/dist/lib/browser/{settings-K54STC5A.mjs → settings-FLLBP5KI.mjs} +4 -4
- package/dist/lib/browser/{spaces-ready-3PDRDHPC.mjs → spaces-ready-FXEP6XEW.mjs} +17 -15
- package/dist/lib/browser/spaces-ready-FXEP6XEW.mjs.map +7 -0
- package/dist/lib/browser/{state-HRZ4VRXU.mjs → state-K3UBPKYP.mjs} +4 -4
- package/dist/lib/{node-esm/state-XQNDCN37.mjs.map → browser/state-K3UBPKYP.mjs.map} +2 -2
- package/dist/lib/browser/types/index.mjs +2 -2
- package/dist/lib/node-esm/CollectionMain-ZJIFCWKZ.mjs +32 -0
- package/dist/lib/node-esm/CollectionMain-ZJIFCWKZ.mjs.map +7 -0
- package/dist/lib/node-esm/ObjectDetailsPanel-3MYLTMXN.mjs +89 -0
- package/dist/lib/node-esm/ObjectDetailsPanel-3MYLTMXN.mjs.map +7 -0
- package/dist/lib/node-esm/RecordMain-WLYJMYER.mjs +70 -0
- package/dist/lib/node-esm/RecordMain-WLYJMYER.mjs.map +7 -0
- package/dist/lib/node-esm/{app-graph-builder-BCHVZ4OM.mjs → app-graph-builder-XNVQOJLE.mjs} +178 -30
- package/dist/lib/node-esm/app-graph-builder-XNVQOJLE.mjs.map +7 -0
- package/dist/lib/node-esm/{app-graph-serializer-TXRGGNP2.mjs → app-graph-serializer-PKVLWV6V.mjs} +13 -13
- package/dist/lib/node-esm/app-graph-serializer-PKVLWV6V.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-BSLREHIX.mjs → chunk-7MZ3J3LI.mjs} +4 -3
- package/dist/lib/node-esm/chunk-7MZ3J3LI.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-HO7AIKQS.mjs → chunk-CTQMR7E3.mjs} +133 -29
- package/dist/lib/node-esm/chunk-CTQMR7E3.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-3CP67AYY.mjs → chunk-FJZNSJC4.mjs} +5 -4
- package/dist/lib/node-esm/chunk-FJZNSJC4.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-MSWEFAPD.mjs → chunk-HWNG4MEU.mjs} +2 -2
- package/dist/lib/node-esm/{chunk-JBQKU4K5.mjs → chunk-HYIZVPOA.mjs} +77 -16
- package/dist/lib/node-esm/chunk-HYIZVPOA.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-GH2FGJXH.mjs → chunk-KLG4Y4GY.mjs} +5 -5
- package/dist/lib/node-esm/{chunk-GH2FGJXH.mjs.map → chunk-KLG4Y4GY.mjs.map} +3 -3
- package/dist/lib/node-esm/{chunk-LA6AVVH6.mjs → chunk-KYUHPPRN.mjs} +419 -353
- package/dist/lib/node-esm/chunk-KYUHPPRN.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-D4QMPPS7.mjs → chunk-S7MKRQHY.mjs} +59 -5
- package/dist/lib/node-esm/chunk-S7MKRQHY.mjs.map +7 -0
- package/dist/lib/node-esm/{identity-created-35CTAQWI.mjs → identity-created-AL7NNCKH.mjs} +5 -5
- package/dist/lib/node-esm/identity-created-AL7NNCKH.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +108 -17
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/{intent-resolver-JO6L2VXC.mjs → intent-resolver-W6P27SCF.mjs} +172 -22
- package/dist/lib/node-esm/intent-resolver-W6P27SCF.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-root-YFGL3B4J.mjs → react-root-N27KETKT.mjs} +8 -8
- package/dist/lib/node-esm/{react-root-YFGL3B4J.mjs.map → react-root-N27KETKT.mjs.map} +2 -2
- package/dist/lib/node-esm/{react-surface-CVAPDLEZ.mjs → react-surface-TNPAUQCM.mjs} +54 -22
- package/dist/lib/node-esm/react-surface-TNPAUQCM.mjs.map +7 -0
- package/dist/lib/node-esm/{schema-defs-4MEJETVX.mjs → schema-defs-TPWZPDCR.mjs} +4 -4
- package/dist/lib/node-esm/schema-defs-TPWZPDCR.mjs.map +7 -0
- package/dist/lib/node-esm/{schema-tools-SRLCRZ3B.mjs → schema-tools-PJE2FKWH.mjs} +13 -13
- package/dist/lib/node-esm/schema-tools-PJE2FKWH.mjs.map +7 -0
- package/dist/lib/node-esm/{settings-TD76LTQS.mjs → settings-WKUWY3P6.mjs} +4 -4
- package/dist/lib/node-esm/{spaces-ready-FJMGPAVV.mjs → spaces-ready-PQLLIO5W.mjs} +17 -15
- package/dist/lib/node-esm/spaces-ready-PQLLIO5W.mjs.map +7 -0
- package/dist/lib/node-esm/{state-XQNDCN37.mjs → state-4M5A6OSB.mjs} +4 -4
- package/dist/lib/node-esm/state-4M5A6OSB.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +2 -2
- package/dist/types/src/SpacePlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-serializer.d.ts.map +1 -1
- package/dist/types/src/capabilities/capabilities.d.ts +9 -3
- package/dist/types/src/capabilities/capabilities.d.ts.map +1 -1
- package/dist/types/src/capabilities/identity-created.d.ts.map +1 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-root.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/capabilities/schema-defs.d.ts.map +1 -1
- package/dist/types/src/capabilities/schema-tools.d.ts.map +1 -1
- package/dist/types/src/capabilities/spaces-ready.d.ts.map +1 -1
- package/dist/types/src/capabilities/state.d.ts.map +1 -1
- package/dist/types/src/components/AwaitingObject.d.ts.map +1 -1
- package/dist/types/src/components/CollectionMain.d.ts +1 -0
- package/dist/types/src/components/CollectionMain.d.ts.map +1 -1
- package/dist/types/src/components/CreateDialog/CreateObjectDialog.d.ts +3 -2
- package/dist/types/src/components/CreateDialog/CreateObjectDialog.d.ts.map +1 -1
- package/dist/types/src/components/CreateDialog/CreateObjectDialog.stories.d.ts +1 -1
- package/dist/types/src/components/CreateDialog/CreateObjectDialog.stories.d.ts.map +1 -1
- package/dist/types/src/components/CreateDialog/CreateObjectPanel.d.ts +1 -1
- package/dist/types/src/components/CreateDialog/CreateObjectPanel.d.ts.map +1 -1
- package/dist/types/src/components/MembersContainer.d.ts.map +1 -1
- package/dist/types/src/components/MembersContainer.stories.d.ts +1 -1
- package/dist/types/src/components/MembersContainer.stories.d.ts.map +1 -1
- package/dist/types/src/components/MenuFooter.d.ts.map +1 -1
- package/dist/types/src/components/ObjectDetailsPanel.d.ts +9 -0
- package/dist/types/src/components/ObjectDetailsPanel.d.ts.map +1 -0
- package/dist/types/src/components/ObjectSettings/AdvancedObjectSettings.d.ts.map +1 -1
- package/dist/types/src/components/PersistenceStatus.d.ts.map +1 -1
- package/dist/types/src/components/PopoverRenameObject.d.ts +1 -1
- package/dist/types/src/components/PopoverRenameObject.d.ts.map +1 -1
- package/dist/types/src/components/RecordMain.d.ts +7 -0
- package/dist/types/src/components/RecordMain.d.ts.map +1 -0
- package/dist/types/src/components/SpacePresence.d.ts.map +1 -1
- package/dist/types/src/components/SpacePresence.stories.d.ts +1 -1
- package/dist/types/src/components/SpacePresence.stories.d.ts.map +1 -1
- package/dist/types/src/components/SpaceSettings/SpaceSettingsContainer.d.ts.map +1 -1
- package/dist/types/src/components/SpaceSettings/SpaceSettingsContainer.stories.d.ts +1 -1
- package/dist/types/src/components/SpaceSettings/SpaceSettingsContainer.stories.d.ts.map +1 -1
- package/dist/types/src/components/SyncStatus/SyncStatus.d.ts +1 -1
- package/dist/types/src/components/SyncStatus/SyncStatus.d.ts.map +1 -1
- package/dist/types/src/components/SyncStatus/SyncStatus.stories.d.ts +1 -1
- package/dist/types/src/components/SyncStatus/SyncStatus.stories.d.ts.map +1 -1
- package/dist/types/src/components/SyncStatus/status.d.ts +5 -5
- package/dist/types/src/components/ViewEditor.d.ts +8 -0
- package/dist/types/src/components/ViewEditor.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +11 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/events.d.ts +1 -0
- package/dist/types/src/events.d.ts.map +1 -1
- package/dist/types/src/hooks/useActiveSpace.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +212 -410
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +82 -2
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/dist/types/src/util.d.ts +31 -5
- package/dist/types/src/util.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +52 -52
- package/src/SpacePlugin.ts +91 -8
- package/src/capabilities/app-graph-builder.ts +211 -14
- package/src/capabilities/app-graph-serializer.ts +6 -6
- package/src/capabilities/capabilities.ts +8 -3
- package/src/capabilities/identity-created.ts +3 -5
- package/src/capabilities/intent-resolver.ts +123 -13
- package/src/capabilities/react-root.tsx +2 -1
- package/src/capabilities/react-surface.tsx +69 -18
- package/src/capabilities/schema-defs.ts +3 -2
- package/src/capabilities/schema-tool.test.ts +1 -1
- package/src/capabilities/schema-tools.ts +11 -11
- package/src/capabilities/spaces-ready.ts +10 -7
- package/src/capabilities/state.ts +3 -2
- package/src/components/AwaitingObject.tsx +5 -7
- package/src/components/CollectionMain.tsx +2 -0
- package/src/components/CreateDialog/CreateObjectDialog.stories.tsx +5 -4
- package/src/components/CreateDialog/CreateObjectDialog.tsx +32 -27
- package/src/components/CreateDialog/CreateObjectPanel.tsx +3 -3
- package/src/components/CreateDialog/CreateSpaceDialog.tsx +1 -1
- package/src/components/JoinDialog.tsx +1 -1
- package/src/components/MembersContainer.stories.tsx +6 -5
- package/src/components/MembersContainer.tsx +8 -7
- package/src/components/MenuFooter.tsx +2 -3
- package/src/components/ObjectDetailsPanel.tsx +77 -0
- package/src/components/ObjectSettings/AdvancedObjectSettings.tsx +2 -1
- package/src/components/PersistenceStatus.tsx +5 -6
- package/src/components/PopoverRenameObject.tsx +7 -13
- package/src/components/PopoverRenameSpace.tsx +1 -1
- package/src/components/RecordMain.tsx +43 -0
- package/src/components/SchemaContainer.tsx +2 -2
- package/src/components/SpacePluginSettings.tsx +2 -2
- package/src/components/SpacePresence.stories.tsx +4 -3
- package/src/components/SpacePresence.tsx +7 -7
- package/src/components/SpaceSettings/SpaceSettingsContainer.stories.tsx +3 -2
- package/src/components/SpaceSettings/SpaceSettingsContainer.tsx +6 -6
- package/src/components/SyncStatus/SyncStatus.stories.tsx +9 -15
- package/src/components/SyncStatus/SyncStatus.tsx +4 -3
- package/src/components/SyncStatus/save-tracker.ts +3 -3
- package/src/components/SyncStatus/status.ts +4 -4
- package/src/components/ViewEditor.tsx +64 -0
- package/src/components/index.ts +7 -1
- package/src/events.ts +2 -1
- package/src/hooks/useActiveSpace.ts +1 -1
- package/src/hooks/useInputSurfaceLookup.tsx +1 -1
- package/src/translations.ts +75 -11
- package/src/types/types.ts +56 -3
- package/src/util.tsx +127 -26
- package/dist/lib/browser/app-graph-builder-M2RH72VL.mjs.map +0 -7
- package/dist/lib/browser/app-graph-serializer-F7ISRRBV.mjs.map +0 -7
- package/dist/lib/browser/chunk-4ZKSFDXM.mjs.map +0 -7
- package/dist/lib/browser/chunk-BXNL6SDI.mjs.map +0 -7
- package/dist/lib/browser/chunk-NFUKCRGE.mjs.map +0 -7
- package/dist/lib/browser/chunk-TW7O2EPP.mjs.map +0 -7
- package/dist/lib/browser/chunk-V24VASAJ.mjs.map +0 -7
- package/dist/lib/browser/chunk-YMCZR6EZ.mjs.map +0 -7
- package/dist/lib/browser/identity-created-PI7TKANR.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-RWU6ZE4H.mjs.map +0 -7
- package/dist/lib/browser/react-surface-W56UD53I.mjs.map +0 -7
- package/dist/lib/browser/schema-defs-WREJNMIC.mjs.map +0 -7
- package/dist/lib/browser/schema-tools-ILTVSSS3.mjs.map +0 -7
- package/dist/lib/browser/spaces-ready-3PDRDHPC.mjs.map +0 -7
- package/dist/lib/browser/state-HRZ4VRXU.mjs.map +0 -7
- package/dist/lib/node/app-graph-builder-6LK5HLLE.cjs +0 -364
- package/dist/lib/node/app-graph-builder-6LK5HLLE.cjs.map +0 -7
- package/dist/lib/node/app-graph-serializer-HKHBNHA3.cjs +0 -89
- package/dist/lib/node/app-graph-serializer-HKHBNHA3.cjs.map +0 -7
- package/dist/lib/node/chunk-3X4EA4XL.cjs +0 -37
- package/dist/lib/node/chunk-3X4EA4XL.cjs.map +0 -7
- package/dist/lib/node/chunk-5WLAXYE3.cjs +0 -125
- package/dist/lib/node/chunk-5WLAXYE3.cjs.map +0 -7
- package/dist/lib/node/chunk-6P2DB4QQ.cjs +0 -36
- package/dist/lib/node/chunk-6P2DB4QQ.cjs.map +0 -7
- package/dist/lib/node/chunk-DOC5XEZ4.cjs +0 -184
- package/dist/lib/node/chunk-DOC5XEZ4.cjs.map +0 -7
- package/dist/lib/node/chunk-NCHF433F.cjs +0 -1921
- package/dist/lib/node/chunk-NCHF433F.cjs.map +0 -7
- package/dist/lib/node/chunk-NL5Y4EDX.cjs +0 -38
- package/dist/lib/node/chunk-NL5Y4EDX.cjs.map +0 -7
- package/dist/lib/node/chunk-ULJZPATP.cjs +0 -312
- package/dist/lib/node/chunk-ULJZPATP.cjs.map +0 -7
- package/dist/lib/node/chunk-XHWVT7LW.cjs +0 -572
- package/dist/lib/node/chunk-XHWVT7LW.cjs.map +0 -7
- package/dist/lib/node/identity-created-FF4WZ2WY.cjs +0 -42
- package/dist/lib/node/identity-created-FF4WZ2WY.cjs.map +0 -7
- package/dist/lib/node/index.cjs +0 -278
- package/dist/lib/node/index.cjs.map +0 -7
- package/dist/lib/node/intent-resolver-AV4CMM3Z.cjs +0 -609
- package/dist/lib/node/intent-resolver-AV4CMM3Z.cjs.map +0 -7
- package/dist/lib/node/meta.json +0 -1
- package/dist/lib/node/react-root-RQUU3A45.cjs +0 -51
- package/dist/lib/node/react-root-RQUU3A45.cjs.map +0 -7
- package/dist/lib/node/react-surface-AZFJLE72.cjs +0 -351
- package/dist/lib/node/react-surface-AZFJLE72.cjs.map +0 -7
- package/dist/lib/node/schema-defs-OB2X2HBH.cjs +0 -42
- package/dist/lib/node/schema-defs-OB2X2HBH.cjs.map +0 -7
- package/dist/lib/node/schema-tools-IYREN4IH.cjs +0 -147
- package/dist/lib/node/schema-tools-IYREN4IH.cjs.map +0 -7
- package/dist/lib/node/settings-P2EQ7VKQ.cjs +0 -38
- package/dist/lib/node/settings-P2EQ7VKQ.cjs.map +0 -7
- package/dist/lib/node/spaces-ready-DXPOHYV7.cjs +0 -210
- package/dist/lib/node/spaces-ready-DXPOHYV7.cjs.map +0 -7
- package/dist/lib/node/state-M35DK75Z.cjs +0 -61
- package/dist/lib/node/state-M35DK75Z.cjs.map +0 -7
- package/dist/lib/node/types/index.cjs +0 -48
- package/dist/lib/node/types/index.cjs.map +0 -7
- package/dist/lib/node-esm/app-graph-builder-BCHVZ4OM.mjs.map +0 -7
- package/dist/lib/node-esm/app-graph-serializer-TXRGGNP2.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-3CP67AYY.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-BSLREHIX.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-D4QMPPS7.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-HO7AIKQS.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-JBQKU4K5.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-LA6AVVH6.mjs.map +0 -7
- package/dist/lib/node-esm/identity-created-35CTAQWI.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-JO6L2VXC.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-CVAPDLEZ.mjs.map +0 -7
- package/dist/lib/node-esm/schema-defs-4MEJETVX.mjs.map +0 -7
- package/dist/lib/node-esm/schema-tools-SRLCRZ3B.mjs.map +0 -7
- package/dist/lib/node-esm/spaces-ready-FJMGPAVV.mjs.map +0 -7
- /package/dist/lib/browser/{chunk-PTKYMZWO.mjs.map → chunk-FBCGT5YY.mjs.map} +0 -0
- /package/dist/lib/browser/{settings-K54STC5A.mjs.map → settings-FLLBP5KI.mjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-MSWEFAPD.mjs.map → chunk-HWNG4MEU.mjs.map} +0 -0
- /package/dist/lib/node-esm/{settings-TD76LTQS.mjs.map → settings-WKUWY3P6.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
|