Merge tag 'v1.8.5' into deploy-auto

* Add bubble highlight styling ([\element-hq#6582](matrix-org/matrix-react-sdk#6582)). Fixes element-hq#18295 and element-hq#18295. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Create narrow mode for Composer ([\#6682](matrix-org/matrix-react-sdk#6682)). Fixes element-hq#18533 and element-hq#18533.
* Prefer matrix.to alias links over room id in spaces & share ([\element-hq#6745](matrix-org/matrix-react-sdk#6745)). Fixes element-hq#18796 and element-hq#18796.
* Stop automatic playback of voice messages if a non-voice message is encountered ([\element-hq#6728](matrix-org/matrix-react-sdk#6728)). Fixes element-hq#18850 and element-hq#18850.
* Show call length during a call ([\element-hq#6700](matrix-org/matrix-react-sdk#6700)). Fixes element-hq#18566 and element-hq#18566. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Serialize and retry mass-leave when leaving space ([\element-hq#6737](matrix-org/matrix-react-sdk#6737)). Fixes element-hq#18789 and element-hq#18789.
* Improve form handling in and around space creation ([\#6739](matrix-org/matrix-react-sdk#6739)). Fixes element-hq#18775 and element-hq#18775.
* Split autoplay GIFs and videos into different settings ([\element-hq#6726](matrix-org/matrix-react-sdk#6726)). Fixes element-hq#5771 and element-hq#5771. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Add autoplay for voice messages ([\element-hq#6710](matrix-org/matrix-react-sdk#6710)). Fixes element-hq#18804, element-hq#18715, element-hq#18714 element-hq#17961 and element-hq#18804.
* Allow to use basic html to format invite messages ([\#6703](matrix-org/matrix-react-sdk#6703)). Fixes element-hq#15738 and element-hq#15738. Contributed by [skolmer](https://github.com/skolmer).
* Allow widgets, when eligible, to interact with more rooms as per MSC2762 ([\element-hq#6684](matrix-org/matrix-react-sdk#6684)).
* Remove arbitrary limits from send/receive events for widgets ([\element-hq#6719](matrix-org/matrix-react-sdk#6719)). Fixes element-hq#17994 and element-hq#17994.
* Reload suggested rooms if we see the state change down /sync ([\element-hq#6715](matrix-org/matrix-react-sdk#6715)). Fixes element-hq#18761 and element-hq#18761.
* When creating private spaces, make the initial rooms restricted if supported ([\element-hq#6721](matrix-org/matrix-react-sdk#6721)). Fixes element-hq#18722 and element-hq#18722.
* Threading exploration work ([\element-hq#6658](matrix-org/matrix-react-sdk#6658)). Fixes element-hq#18532 and element-hq#18532.
* Default to `Don't leave any` when leaving a space ([\element-hq#6697](matrix-org/matrix-react-sdk#6697)). Fixes element-hq#18592 and element-hq#18592. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Special case redaction event sending from widgets per MSC2762 ([\element-hq#6686](matrix-org/matrix-react-sdk#6686)). Fixes element-hq#18573 and element-hq#18573.
* Add active speaker indicators ([\element-hq#6639](matrix-org/matrix-react-sdk#6639)). Fixes element-hq#17627 and element-hq#17627. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Increase general app performance by optimizing layers ([\element-hq#6644](matrix-org/matrix-react-sdk#6644)). Fixes element-hq#18730 and element-hq#18730. Contributed by [Palid](https://github.com/Palid).
* Fix autocomplete not having y-scroll ([\element-hq#6802](matrix-org/matrix-react-sdk#6802)).
* Fix emoji picker and stickerpicker not appearing correctly when opened ([\element-hq#6801](matrix-org/matrix-react-sdk#6801)).
* Debounce read marker update on scroll ([\element-hq#6774](matrix-org/matrix-react-sdk#6774)).
* Fix Space creation wizard go to my first room button behaviour ([\element-hq#6748](matrix-org/matrix-react-sdk#6748)). Fixes element-hq#18764 and element-hq#18764.
* Fix scroll being stuck at bottom ([\element-hq#6751](matrix-org/matrix-react-sdk#6751)). Fixes element-hq#18903 and element-hq#18903.
* Fix widgets not remembering identity verification when asked to. ([\element-hq#6742](matrix-org/matrix-react-sdk#6742)). Fixes element-hq#15631 and element-hq#15631.
* Add missing pluralisation i18n strings for Spaces ([\element-hq#6738](matrix-org/matrix-react-sdk#6738)). Fixes element-hq#18780 and element-hq#18780.
* Make ForgotPassword UX slightly more user friendly ([\#6636](matrix-org/matrix-react-sdk#6636)). Fixes element-hq#11531 and element-hq#11531. Contributed by [Palid](https://github.com/Palid).
* Don't context switch room on SpaceStore ready as it can break permalinks ([\element-hq#6730](matrix-org/matrix-react-sdk#6730)). Fixes element-hq#17974 and element-hq#17974.
* Fix explore rooms button not working during space creation wizard ([\element-hq#6729](matrix-org/matrix-react-sdk#6729)). Fixes element-hq#18762 and element-hq#18762.
* Fix bug where one party's media would sometimes not be shown ([\element-hq#6731](matrix-org/matrix-react-sdk#6731)).
* Only make the initial space rooms suggested by default ([\element-hq#6714](matrix-org/matrix-react-sdk#6714)). Fixes element-hq#18760 and element-hq#18760.
* Replace fake username in EventTilePreview with a proper loading state ([\element-hq#6702](matrix-org/matrix-react-sdk#6702)). Fixes element-hq#15897 and element-hq#15897. Contributed by [skolmer](https://github.com/skolmer).
* Don't send prehistorical events to widgets during decryption at startup ([\element-hq#6695](matrix-org/matrix-react-sdk#6695)). Fixes element-hq#18060 and element-hq#18060.
* When creating subspaces properly set restricted join rule ([\element-hq#6725](matrix-org/matrix-react-sdk#6725)). Fixes element-hq#18797 and element-hq#18797.
* Fix the Image View not openning for some pinned messages ([\element-hq#6723](matrix-org/matrix-react-sdk#6723)). Fixes element-hq#18422 and element-hq#18422. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Show autocomplete sections vertically ([\element-hq#6722](matrix-org/matrix-react-sdk#6722)). Fixes element-hq#18860 and element-hq#18860. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Fix EmojiPicker filtering to lower case emojibase data strings ([\element-hq#6717](matrix-org/matrix-react-sdk#6717)). Fixes element-hq#18686 and element-hq#18686.
* Clear currentRoomId when viewing home page, fixing document title ([\element-hq#6716](matrix-org/matrix-react-sdk#6716)). Fixes element-hq#18668 and element-hq#18668.
* Fix membership updates to Spaces not applying in real-time ([\element-hq#6713](matrix-org/matrix-react-sdk#6713)). Fixes element-hq#18737 and element-hq#18737.
* Don't show a double stacked invite modals when inviting to Spaces ([\element-hq#6698](matrix-org/matrix-react-sdk#6698)). Fixes element-hq#18745 and element-hq#18745. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Remove non-functional DuckDuckGo Autocomplete Provider ([\element-hq#6712](matrix-org/matrix-react-sdk#6712)). Fixes element-hq#18778 and element-hq#18778.
* Filter members on `MemberList` load ([\element-hq#6708](matrix-org/matrix-react-sdk#6708)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Fix improper voice messages being produced in Firefox and sometimes other browsers. ([\element-hq#6696](matrix-org/matrix-react-sdk#6696)). Fixes element-hq#18587 and element-hq#18587.
* Fix client forgetting which capabilities a widget was approved for ([\element-hq#6685](matrix-org/matrix-react-sdk#6685)). Fixes element-hq#18786 and element-hq#18786.
* Fix left panel widgets not remembering collapsed state ([\element-hq#6687](matrix-org/matrix-react-sdk#6687)). Fixes element-hq#17803 and element-hq#17803.
* Fix changelog link colour back to blue ([\element-hq#6692](matrix-org/matrix-react-sdk#6692)). Fixes element-hq#18726 and element-hq#18726.
* Soften codeblock border color ([\element-hq#6564](matrix-org/matrix-react-sdk#6564)). Fixes element-hq#18367 and element-hq#18367. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Pause ringing more aggressively ([\element-hq#6691](matrix-org/matrix-react-sdk#6691)). Fixes element-hq#18588 and element-hq#18588. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Fix command autocomplete ([\element-hq#6680](matrix-org/matrix-react-sdk#6680)). Fixes element-hq#18670 and element-hq#18670. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Don't re-sort the room-list based on profile/status changes ([\element-hq#6595](matrix-org/matrix-react-sdk#6595)). Fixes #110 and #110. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Fix codeblock formatting with syntax highlighting on ([\element-hq#6681](matrix-org/matrix-react-sdk#6681)). Fixes element-hq#18739 element-hq#18365 and element-hq#18739. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
* Add padding to the Add button in the notification settings ([\element-hq#6665](matrix-org/matrix-react-sdk#6665)). Fixes element-hq#18706 and element-hq#18706. Contributed by [SimonBrandner](https://github.com/SimonBrandner).

.env.example

@@ -0,0 +1,15 @@
+# To enable CSS hot-reload, set the following variable to 1.
+CSS_HOT_RELOAD=1
+# To use the annoying and inconsistent full page error dialog, set this to 1.
+FULL_PAGE_ERRORS=0
+# To use a single theme, uncomment the line with the theme you want to hot-reload.
+MATRIX_THEMES='light'
+#MATRIX_THEMES='dark'
+#MATRIX_THEMES='legacy-light'
+#MATRIX_THEMES='legacy-dark'
+#MATRIX_THEMES='light-custom'
+#MATRIX_THEMES='dark-custom'
+# You can also enable multiple themes by using a comma-separated list.
+# When multiple themes are enabled, switching between them may require a full page reload.
+# Note that compilation times are proportional to the number of enabled themes.
+#MATRIX_THEMES='light,dark'

.eslintrc.js

@@ -1,23 +1,30 @@
 module.exports = {
-    "extends": ["matrix-org", "matrix-org/react"],
-    "env": {
-        "browser": true,
-        "node": true,
+    plugins: ["matrix-org"],
+    extends: [
+        "plugin:matrix-org/babel",
+        "plugin:matrix-org/react",
+    ],
+    env: {
+        browser: true,
+        node: true,
     },
-    "rules": {
+    rules: {
+        // Things we do that break the ideal style
         "quotes": "off",
     },
-    "overrides": [{
-        "files": ["src/**/*.{ts,tsx}"],
-        "extends": ["matrix-org/ts", "matrix-org/react"],
-        "env": {
-            "browser": true,
-        },
-        "rules": {
+    overrides: [{
+        files: ["src/**/*.{ts,tsx}"],
+        extends: [
+            "plugin:matrix-org/typescript",
+            "plugin:matrix-org/react",
+        ],
+        rules: {
+            // Things we do that break the ideal style
+            "prefer-promise-reject-errors": "off",
             "quotes": "off",
-            // While converting to ts we allow this
+
+            // We disable this while we're transitioning
             "@typescript-eslint/no-explicit-any": "off",
-            "prefer-promise-reject-errors": "off",
         },
     }],
 };

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @vector-im/element-web

.github/ISSUE_TEMPLATE/bug-desktop.yml

@@ -0,0 +1,75 @@
+name: Bug report for the Element desktop app (not in a browser)
+description: File a bug report if you are using the desktop Element application.
+labels: [T-Defect]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+
+        Please report security issues by email to security@matrix.org
+  - type: textarea
+    id: reproduction-steps
+    attributes:
+      label: Steps to reproduce
+      description: Please attach screenshots, videos or logs if you can.
+      placeholder: Tell us what you see!
+      value: |
+        1. Where are you starting? What can you see?
+        2. What do you click?
+        3. More steps…
+    validations:
+      required: true
+  - type: textarea
+    id: result
+    attributes:
+      label: What happened?
+      placeholder: Tell us what went wrong
+      value: |
+        ### What did you expect?
+
+        ### What happened?
+    validations:
+      required: true
+  - type: input
+    id: os
+    attributes:
+      label: Operating system
+      placeholder: Windows, macOS, Ubuntu, Arch Linux…
+    validations:
+      required: false
+  - type: input
+    id: version
+    attributes:
+      label: Application version
+      description: You can find the version information in Settings -> Help & About. 
+      placeholder: e.g. Element version 1.7.34, olm version 3.2.3 
+    validations:
+      required: false
+  - type: input
+    id: source
+    attributes:
+      label: How did you install the app?
+      description: Where did you install the app from? Please give a link or a description.
+      placeholder: e.g. From https://element.io/get-started
+    validations:
+      required: false
+  - type: input
+    id: homeserver
+    attributes:
+      label: Homeserver
+      description: Which server is your account registered on?
+      placeholder: e.g. matrix.org
+    validations:
+      required: false
+  - type: dropdown
+    id: rageshake
+    attributes:
+      label: Have you submitted a rageshake?
+      description:  |
+        Did you know that you can send a /rageshake command from your application to submit logs for this issue? Trigger the defect, then type /rageshake into the message entry area followed by a description of the problem and send the command. This will automatically submit anonymous logs to the developers.
+      options:
+        - 'Yes'
+        - 'No'
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/bug-web.yml

@@ -0,0 +1,75 @@
+name: Bug report for Element Web (in browser)
+description: File a bug report if you are using Element in a web browser like Firefox, Chrome, Edge, and so on.
+labels: [T-Defect]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+
+        Please report security issues by email to security@matrix.org
+  - type: textarea
+    id: reproduction-steps
+    attributes:
+      label: Steps to reproduce
+      description: Please attach screenshots, videos or logs if you can.
+      placeholder: Tell us what you see!
+      value: |
+        1. Where are you starting? What can you see?
+        2. What do you click?
+        3. More steps…
+    validations:
+      required: true
+  - type: textarea
+    id: result
+    attributes:
+      label: What happened?
+      placeholder: Tell us what went wrong
+      value: |
+        ### What did you expect?
+
+        ### What happened?
+    validations:
+      required: true
+  - type: input
+    id: os
+    attributes:
+      label: Operating system
+      placeholder: Windows, macOS, Ubuntu, Arch Linux…
+    validations:
+      required: false
+  - type: input
+    id: browser
+    attributes:
+      label: Browser information
+      description: Which browser are you using? Which version? 
+      placeholder: e.g. Chromium Version 92.0.4515.131
+    validations:
+      required: false
+  - type: input
+    id: webapp-url
+    attributes:
+      label: URL for webapp
+      description: Which URL are you using to access the webapp? If a private server, tell us what version of Element Web you are using.
+      placeholder: e.g. develop.element.io, app.element.io
+    validations:
+      required: false
+  - type: input
+    id: homeserver
+    attributes:
+      label: Homeserver
+      description: Which server is your account registered on?
+      placeholder: e.g. matrix.org
+    validations:
+      required: false
+  - type: dropdown
+    id: rageshake
+    attributes:
+      label: Have you submitted a rageshake?
+      description:  |
+        Did you know that you can send a /rageshake command from the web applicaiton to submit logs for this issue? Trigger the defect, then type /rageshake into the message entry area followed by a description of the problem and send the command. This will automatically submit anonymous logs to the developers.
+      options:
+        - 'Yes'
+        - 'No'
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/enhancement.yml

@@ -0,0 +1,36 @@
+name: Enhancement request
+description: Do you have a suggestion or feature request?
+labels: [T-Enhancement]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for taking the time to propose a new feature or make a suggestion.
+  - type: textarea
+    id: usecase
+    attributes:
+      label: Your use case
+      description: What would you like to be able to do? Please feel welcome to include screenshots or mock ups.
+      placeholder: Tell us what you would like to do!
+      value: |
+        #### What would you like to do?
+
+        #### Why would you like to do it?
+
+        #### How would you like to achieve it?
+    validations:
+      required: true
+  - type: textarea
+    id: alternative
+    attributes:
+      label: Have you considered any alternatives?
+      placeholder: A clear and concise description of any alternative solutions or features you've considered.
+    validations:
+      required: false
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      placeholder: Is there anything else you'd like to add?
+    validations:
+      required: false

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,3 +1,11 @@
-<!-- Please read CONTRIBUTING.md before submitting your pull request -->
+<!-- Please read https://github.com/matrix-org/matrix-js-sdk/blob/develop/CONTRIBUTING.md before submitting your pull request -->
 
-<!-- Include a Sign-Off at the end of your Pull Request (as described in CONTRIBUTING.md), or on every commit -->
+<!-- Include a Sign-Off as described in https://github.com/matrix-org/matrix-js-sdk/blob/develop/CONTRIBUTING.md#sign-off -->
+
+<!-- To specify text for the changelog entry (otherwise the PR title will be used):
+Notes:
+
+Changelog entries will also appear in element-desktop. For PRs that *only* affect the desktop version:
+Notes: none
+element-desktop notes: <notes>
+-->