Refactor state & Custom editor (#1190)
authorAjay Bura <32841439+ajbura@users.noreply.github.com>
Mon, 12 Jun 2023 11:15:23 +0000 (21:15 +1000)
committerGitHub <noreply@github.com>
Mon, 12 Jun 2023 11:15:23 +0000 (16:45 +0530)
commit0b06bed1db9fee695407ad8088500e7266921751
tree61c74455cdb78e6919ac01b6fd91fcc8b5f713f7
parent2055d7a07fdd0a1faf25deb3be040f6de7932023
Refactor state & Custom editor (#1190)

* Fix eslint

* Enable ts strict mode

* install folds, jotai & immer

* Enable immer map/set

* change cross-signing alert anim to 30 iteration

* Add function to access matrix client

* Add new types

* Add disposable util

* Add room utils

* Add mDirect list atom

* Add invite list atom

* add room list atom

* add utils for jotai atoms

* Add room id to parents atom

* Add mute list atom

* Add room to unread atom

* Use hook to bind atoms with sdk

* Add settings atom

* Add settings hook

* Extract set settings hook

* Add Sidebar components

* WIP

* Add bind atoms hook

* Fix init muted room list atom

* add navigation atoms

* Add custom editor

* Fix hotkeys

* Update folds

* Add editor output function

* Add matrix client context

* Add tooltip to editor toolbar items

* WIP - Add editor to room input

* Refocus editor on toolbar item click

* Add Mentions - WIP

* update folds

* update mention focus outline

* rename emoji element type

* Add auto complete menu

* add autocomplete query functions

* add index file for editor

* fix bug in getPrevWord function

* Show room mention autocomplete

* Add async search function

* add use async search hook

* use async search in room mention autocomplete

* remove folds prefer font for now

* allow number array in async search

* reset search with empty query

* Autocomplete unknown room mention

* Autocomplete first room mention on tab

* fix roomAliasFromQueryText

* change mention color to primary

* add isAlive hook

* add getMxIdLocalPart to mx utils

* fix getRoomAvatarUrl size

* fix types

* add room members hook

* fix bug in room mention

* add user mention autocomplete

* Fix async search giving prev result after no match

* update folds

* add twemoji font

* add use state provider hook

* add prevent scroll with arrow key util

* add ts to custom-emoji and emoji files

* add types

* add hook for emoji group labels

* add hook for emoji group icons

* add emoji board with basic emoji

* add emojiboard in room input

* select multiple emoji with shift press

* display custom emoji in emojiboard

* Add emoji preview

* focus element on hover

* update folds

* position emojiboard properly

* convert recent-emoji.js to ts

* add use recent emoji hook

* add io.element.recent_emoji to account data evt

* Render recent emoji in emoji board

* show custom emoji from parent spaces

* show room emoji

* improve emoji sidebar

* update folds

* fix pack avatar and name fallback in emoji board

* add stickers to emoji board

* fix bug in emoji preview

* Add sticker icon in room input

* add debounce hook

* add search in emoji board

* Optimize emoji board

* fix emoji board sidebar divider

* sync emojiboard sidebar with scroll & update ui

* Add use throttle hook

* support custom emoji in editor

* remove duplicate emoji selection function

* fix emoji and mention spacing

* add emoticon autocomplete in editor

* fix string

* makes emoji size relative to font size in editor

* add option to render link element

* add spoiler in editor

* fix sticker in emoji board search using wrong type

* render custom placeholder

* update hotkey for block quote and block code

* add terminate search function in async search

* add getImageInfo to matrix utils

* send stickers

* add resize observer hook

* move emoji board component hooks in hooks dir

* prevent editor expand hides room timeline

* send typing notifications

* improve emoji style and performance

* fix imports

* add on paste param to editor

* add selectFile utils

* add file picker hook

* add file paste handler hook

* add file drop handler

* update folds

* Add file upload card

* add bytes to size util

* add blurHash util

* add await to js lib

* add browser-encrypt-attachment types

* add list atom

* convert mimetype file to ts

* add matrix types

* add matrix file util

* add file related dom utils

* add common utils

* add upload atom

* add room input draft atom

* add upload card renderer component

* add upload board component

* add support for file upload in editor

* send files with message / enter

* fix circular deps

* store editor toolbar state in local store

* move msg content util to separate file

* store msg draft on room switch

* fix following member not updating on msg sent

* add theme for folds component

* fix system default theme

* Add reply support in editor

* prevent initMatrix to init multiple time

* add state event hooks

* add async callback hook

* Show tombstone info for tombstone room

* fix room tombstone component border

* add power level hook

* Add room input placeholder component

* Show input placeholder for muted member
128 files changed:
.eslintrc.js
index.html
package-lock.json
package.json
public/font/Twemoji.Mozilla.v.7.0.woff2 [new file with mode: 0644]
public/font/Twemoji.Mozilla.v0.7.0.ttf [new file with mode: 0644]
src/app/components/UseStateProvider.tsx [new file with mode: 0644]
src/app/components/editor/Editor.css.ts [new file with mode: 0644]
src/app/components/editor/Editor.preview.tsx [new file with mode: 0644]
src/app/components/editor/Editor.tsx [new file with mode: 0644]
src/app/components/editor/Elements.css.ts [new file with mode: 0644]
src/app/components/editor/Elements.tsx [new file with mode: 0644]
src/app/components/editor/Toolbar.tsx [new file with mode: 0644]
src/app/components/editor/autocomplete/AutocompleteMenu.css.tsx [new file with mode: 0644]
src/app/components/editor/autocomplete/AutocompleteMenu.tsx [new file with mode: 0644]
src/app/components/editor/autocomplete/EmoticonAutocomplete.tsx [new file with mode: 0644]
src/app/components/editor/autocomplete/RoomMentionAutocomplete.tsx [new file with mode: 0644]
src/app/components/editor/autocomplete/UserMentionAutocomplete.tsx [new file with mode: 0644]
src/app/components/editor/autocomplete/autocompleteQuery.ts [new file with mode: 0644]
src/app/components/editor/autocomplete/index.ts [new file with mode: 0644]
src/app/components/editor/common.ts [new file with mode: 0644]
src/app/components/editor/index.ts [new file with mode: 0644]
src/app/components/editor/keyboard.ts [new file with mode: 0644]
src/app/components/editor/output.ts [new file with mode: 0644]
src/app/components/editor/slate.d.ts [new file with mode: 0644]
src/app/components/emoji-board/EmojiBoard.css.tsx [new file with mode: 0644]
src/app/components/emoji-board/EmojiBoard.tsx [new file with mode: 0644]
src/app/components/emoji-board/index.ts [new file with mode: 0644]
src/app/components/emoji-board/useEmojiGroupIcons.ts [new file with mode: 0644]
src/app/components/emoji-board/useEmojiGroupLabels.ts [new file with mode: 0644]
src/app/components/sidebar/Sidebar.css.ts [new file with mode: 0644]
src/app/components/sidebar/Sidebar.tsx [new file with mode: 0644]
src/app/components/sidebar/SidebarAvatar.tsx [new file with mode: 0644]
src/app/components/sidebar/SidebarContent.tsx [new file with mode: 0644]
src/app/components/sidebar/SidebarStack.tsx [new file with mode: 0644]
src/app/components/sidebar/SidebarStackSeparator.tsx [new file with mode: 0644]
src/app/components/sidebar/index.ts [new file with mode: 0644]
src/app/components/upload-board/UploadBoard.css.ts [new file with mode: 0644]
src/app/components/upload-board/UploadBoard.tsx [new file with mode: 0644]
src/app/components/upload-board/index.ts [new file with mode: 0644]
src/app/components/upload-card/UploadCard.css.ts [new file with mode: 0644]
src/app/components/upload-card/UploadCard.tsx [new file with mode: 0644]
src/app/components/upload-card/UploadCardRenderer.tsx [new file with mode: 0644]
src/app/components/upload-card/index.ts [new file with mode: 0644]
src/app/hooks/useAlive.ts [new file with mode: 0644]
src/app/hooks/useAsyncCallback.ts [new file with mode: 0644]
src/app/hooks/useAsyncSearch.ts [new file with mode: 0644]
src/app/hooks/useDebounce.ts [new file with mode: 0644]
src/app/hooks/useFileDrop.ts [new file with mode: 0644]
src/app/hooks/useFilePasteHandler.ts [new file with mode: 0644]
src/app/hooks/useFilePicker.ts [new file with mode: 0644]
src/app/hooks/useForceUpdate.ts [new file with mode: 0644]
src/app/hooks/useImagePacks.ts [new file with mode: 0644]
src/app/hooks/useKeyDown.ts [new file with mode: 0644]
src/app/hooks/useMatrixClient.ts [new file with mode: 0644]
src/app/hooks/usePowerLevels.ts [new file with mode: 0644]
src/app/hooks/useRecentEmoji.ts [new file with mode: 0644]
src/app/hooks/useResizeObserver.ts [new file with mode: 0644]
src/app/hooks/useRoomMembers.ts [new file with mode: 0644]
src/app/hooks/useStateEvent.ts [new file with mode: 0644]
src/app/hooks/useStateEventCallback.ts [new file with mode: 0644]
src/app/hooks/useStateEvents.ts [new file with mode: 0644]
src/app/hooks/useThrottle.ts [new file with mode: 0644]
src/app/hooks/useTypingStatusUpdater.ts [new file with mode: 0644]
src/app/molecules/following-members/FollowingMembers.jsx
src/app/organisms/drag-drop/DragDrop.jsx [deleted file]
src/app/organisms/drag-drop/DragDrop.scss [deleted file]
src/app/organisms/navigation/SideBar.scss
src/app/organisms/navigation/Sidebar1.tsx [new file with mode: 0644]
src/app/organisms/room/Room.jsx
src/app/organisms/room/RoomInput.tsx [new file with mode: 0644]
src/app/organisms/room/RoomInputPlaceholder.css.ts [new file with mode: 0644]
src/app/organisms/room/RoomInputPlaceholder.tsx [new file with mode: 0644]
src/app/organisms/room/RoomTombstone.css.ts [new file with mode: 0644]
src/app/organisms/room/RoomTombstone.tsx [new file with mode: 0644]
src/app/organisms/room/RoomView.jsx
src/app/organisms/room/RoomView.scss
src/app/organisms/room/RoomViewContent.jsx
src/app/organisms/room/msgContent.ts [new file with mode: 0644]
src/app/pages/App.jsx
src/app/plugins/custom-emoji.ts [new file with mode: 0644]
src/app/plugins/emoji.ts [new file with mode: 0644]
src/app/plugins/recent-emoji.ts [new file with mode: 0644]
src/app/state/hooks/inviteList.ts [new file with mode: 0644]
src/app/state/hooks/roomList.ts [new file with mode: 0644]
src/app/state/hooks/settings.ts [new file with mode: 0644]
src/app/state/hooks/useBindAtoms.ts [new file with mode: 0644]
src/app/state/inviteList.ts [new file with mode: 0644]
src/app/state/list.ts [new file with mode: 0644]
src/app/state/mDirectList.ts [new file with mode: 0644]
src/app/state/mutedRoomList.ts [new file with mode: 0644]
src/app/state/roomInputDrafts.ts [new file with mode: 0644]
src/app/state/roomList.ts [new file with mode: 0644]
src/app/state/roomToParents.ts [new file with mode: 0644]
src/app/state/roomToUnread.ts [new file with mode: 0644]
src/app/state/selectedRoom.ts [new file with mode: 0644]
src/app/state/selectedTab.ts [new file with mode: 0644]
src/app/state/settings.ts [new file with mode: 0644]
src/app/state/tabToRoom.ts [new file with mode: 0644]
src/app/state/upload.ts [new file with mode: 0644]
src/app/state/utils.ts [new file with mode: 0644]
src/app/templates/client/Client.jsx
src/app/utils/AsyncSearch.ts [new file with mode: 0644]
src/app/utils/blurHash.ts [new file with mode: 0644]
src/app/utils/common.ts [new file with mode: 0644]
src/app/utils/disposable.ts [new file with mode: 0644]
src/app/utils/dom.ts [new file with mode: 0644]
src/app/utils/key-symbol.ts [new file with mode: 0644]
src/app/utils/keyboard.ts [new file with mode: 0644]
src/app/utils/matrix.ts [new file with mode: 0644]
src/app/utils/mimeTypes.ts [new file with mode: 0644]
src/app/utils/room.ts [new file with mode: 0644]
src/app/utils/sanitize.ts [new file with mode: 0644]
src/app/utils/user-agent.ts [new file with mode: 0644]
src/client/initMatrix.js
src/client/mx.ts [new file with mode: 0644]
src/client/state/RoomList.js
src/client/state/settings.js
src/colors.css.ts [new file with mode: 0644]
src/ext.d.ts [new file with mode: 0644]
src/index.jsx
src/index.scss
src/types/matrix/accountData.ts [new file with mode: 0644]
src/types/matrix/common.ts [new file with mode: 0644]
src/types/matrix/room.ts [new file with mode: 0644]
src/util/sanitize.js
tsconfig.json
vite.config.js