New room settings, add customizable power levels and dev tools (#2222)
authorAjay Bura <32841439+ajbura@users.noreply.github.com>
Wed, 19 Mar 2025 12:14:54 +0000 (23:14 +1100)
committerGitHub <noreply@github.com>
Wed, 19 Mar 2025 12:14:54 +0000 (23:14 +1100)
commit286983c833f9d2a3e6b26f2d49ab4c944616aa37
treed095fd38671b049b54e3ffa89f29c7b3174201a8
parent00f3df87193950f521079791daf9646dd7da946e
New room settings, add customizable power levels and dev tools (#2222)

* WIP - add room settings dialog

* join rule setting - WIP

* show emojis & stickers in room settings - WIP

* restyle join rule switcher

* Merge branch 'dev' into new-room-settings

* add join rule hook

* open room settings from global state

* open new room settings from all places

* rearrange settings menu item

* add option for creating new image pack

* room devtools - WIP

* render room state events as list

* add option to open state event

* add option to edit state event

* refactor text area code editor into hook

* add option to send message and state event

* add cutout card component

* add hook for room account data

* display room account data - WIP

* refactor global account data editor component

* add account data editor in room

* fix font style in devtool

* show state events in compact form

* add option to delete room image pack

* add server badge component

* add member tile component

* render members in room settings

* add search in room settings member

* add option to reset member search

* add filter in room members

* fix member virtual item key

* remove color from serve badge in room members

* show room in settings

* fix loading indicator position

* power level tags in room setting - WIP

* generate fallback tag in backward compatible way

* add color picker

* add powers editor - WIP

* add props to stop adding emoji to recent usage

* add beta feature notice badge

* add types for power level tag icon

* refactor image pack rooms code to hook

* option for adding new power levels tags

* remove console log

* refactor power icon

* add option to edit power level tags

* remove power level from powers pill

* fix power level labels

* add option to delete power levels

* fix long power level name shrinks power integer

* room permissions - WIP

* add power level selector component

* add room permissions

* move user default permission setting to other group

* add power permission peek menu

* fix weigh of power switch text

* hide above for max power in permission switcher

* improve beta badge description

* render room profile in room settings

* add option to edit room profile

* make room topic input text area

* add option to enable room encryption in room settings

* add option to change message history visibility

* add option to change join rule

* add option for addresses in room settings

* close encryption dialog after enabling
74 files changed:
package-lock.json
package.json
src/app/components/AccountDataEditor.tsx [new file with mode: 0644]
src/app/components/BetaNoticeBadge.tsx [new file with mode: 0644]
src/app/components/HexColorPickerPopOut.tsx [new file with mode: 0644]
src/app/components/JoinRulesSwitcher.tsx [new file with mode: 0644]
src/app/components/MemberSortMenu.tsx [new file with mode: 0644]
src/app/components/MembershipFilterMenu.tsx [new file with mode: 0644]
src/app/components/cutout-card/CutoutCard.css.ts [new file with mode: 0644]
src/app/components/cutout-card/CutoutCard.tsx [new file with mode: 0644]
src/app/components/cutout-card/index.ts [new file with mode: 0644]
src/app/components/emoji-board/EmojiBoard.tsx
src/app/components/member-tile/MemberTile.tsx [new file with mode: 0644]
src/app/components/member-tile/index.ts [new file with mode: 0644]
src/app/components/member-tile/style.css.ts [new file with mode: 0644]
src/app/components/power/PowerColorBadge.tsx [new file with mode: 0644]
src/app/components/power/PowerIcon.tsx [new file with mode: 0644]
src/app/components/power/PowerSelector.tsx [new file with mode: 0644]
src/app/components/power/index.ts [new file with mode: 0644]
src/app/components/power/style.css.ts [new file with mode: 0644]
src/app/components/server-badge/ServerBadge.tsx [new file with mode: 0644]
src/app/components/server-badge/index.ts [new file with mode: 0644]
src/app/features/lobby/HierarchyItemMenu.tsx
src/app/features/room-nav/RoomNavItem.tsx
src/app/features/room-settings/RoomSettings.tsx [new file with mode: 0644]
src/app/features/room-settings/RoomSettingsRenderer.tsx [new file with mode: 0644]
src/app/features/room-settings/developer-tools/DevelopTools.tsx [new file with mode: 0644]
src/app/features/room-settings/developer-tools/SendRoomEvent.tsx [new file with mode: 0644]
src/app/features/room-settings/developer-tools/StateEventEditor.tsx [new file with mode: 0644]
src/app/features/room-settings/developer-tools/index.ts [new file with mode: 0644]
src/app/features/room-settings/emojis-stickers/EmojisStickers.tsx [new file with mode: 0644]
src/app/features/room-settings/emojis-stickers/RoomPacks.tsx [new file with mode: 0644]
src/app/features/room-settings/emojis-stickers/index.ts [new file with mode: 0644]
src/app/features/room-settings/general/General.tsx [new file with mode: 0644]
src/app/features/room-settings/general/RoomAddress.tsx [new file with mode: 0644]
src/app/features/room-settings/general/RoomEncryption.tsx [new file with mode: 0644]
src/app/features/room-settings/general/RoomHistoryVisibility.tsx [new file with mode: 0644]
src/app/features/room-settings/general/RoomJoinRules.tsx [new file with mode: 0644]
src/app/features/room-settings/general/RoomProfile.tsx [new file with mode: 0644]
src/app/features/room-settings/general/index.ts [new file with mode: 0644]
src/app/features/room-settings/index.ts [new file with mode: 0644]
src/app/features/room-settings/members/Members.tsx [new file with mode: 0644]
src/app/features/room-settings/members/index.ts [new file with mode: 0644]
src/app/features/room-settings/permissions/PermissionGroups.tsx [new file with mode: 0644]
src/app/features/room-settings/permissions/Permissions.tsx [new file with mode: 0644]
src/app/features/room-settings/permissions/Powers.tsx [new file with mode: 0644]
src/app/features/room-settings/permissions/PowersEditor.tsx [new file with mode: 0644]
src/app/features/room-settings/permissions/index.ts [new file with mode: 0644]
src/app/features/room-settings/permissions/usePermissionItems.ts [new file with mode: 0644]
src/app/features/room-settings/styles.css.ts [new file with mode: 0644]
src/app/features/room/MembersDrawer.tsx
src/app/features/room/RoomInput.tsx
src/app/features/room/RoomTimeline.tsx
src/app/features/room/RoomViewHeader.tsx
src/app/features/settings/developer-tools/AccountData.tsx
src/app/features/settings/developer-tools/AccountDataEditor.tsx [deleted file]
src/app/features/settings/developer-tools/DevelopTools.tsx
src/app/features/settings/developer-tools/styles.css.ts [deleted file]
src/app/hooks/useGetRoom.ts [new file with mode: 0644]
src/app/hooks/useImagePackRooms.ts [new file with mode: 0644]
src/app/hooks/useMemberFilter.ts [new file with mode: 0644]
src/app/hooks/useMemberSort.ts [new file with mode: 0644]
src/app/hooks/usePowerLevelTags.ts
src/app/hooks/usePowerLevels.ts
src/app/hooks/useRoomAccountData.ts [new file with mode: 0644]
src/app/hooks/useRoomAliases.ts [new file with mode: 0644]
src/app/hooks/useRoomMeta.ts
src/app/hooks/useRoomState.ts [new file with mode: 0644]
src/app/hooks/useTextAreaCodeEditor.ts [new file with mode: 0644]
src/app/pages/Router.tsx
src/app/state/hooks/roomSettings.ts [new file with mode: 0644]
src/app/state/roomSettings.ts [new file with mode: 0644]
src/app/utils/matrix.ts
src/types/matrix/room.ts