diff --git a/.env.example b/.env.example deleted file mode 100644 index e2ac444dd0c..00000000000 --- a/.env.example +++ /dev/null @@ -1,16 +0,0 @@ -# To enable CSS hot-reload, set the following variable to 1. -CSS_HOT_RELOAD=1 -# To use the full page error dialog, set this to 1. Please report false positives to -# the issue tracker for handling. -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' diff --git a/CHANGELOG.md b/CHANGELOG.md index ef18822d38b..c78e5379d1b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,35 @@ +Changes in [1.11.82](https://github.com/element-hq/element-web/releases/tag/v1.11.82) (2024-10-22) +================================================================================================== +## ✨ Features + +* Deduplicate more icons using Compound Design Tokens ([#132](https://github.com/element-hq/matrix-react-sdk/pull/132)). Contributed by @t3chguy. +* Always show link new device flow even if unsupported ([#147](https://github.com/element-hq/matrix-react-sdk/pull/147)). Contributed by @t3chguy. +* Update design of files list in right panel ([#144](https://github.com/element-hq/matrix-react-sdk/pull/144)). Contributed by @t3chguy. +* Remove feature\_dehydration ([#138](https://github.com/element-hq/matrix-react-sdk/pull/138)). Contributed by @florianduros. +* Upgrade emojibase-bindings and remove local handling of emoticon variations ([#127](https://github.com/element-hq/matrix-react-sdk/pull/127)). Contributed by @langleyd. +* Add support for rendering media captions ([#43](https://github.com/element-hq/matrix-react-sdk/pull/43)). Contributed by @tulir. +* Replace composer icons with Compound variants ([#123](https://github.com/element-hq/matrix-react-sdk/pull/123)). Contributed by @t3chguy. +* Tweak default right panel size to be 320px except for maximised widgets at 420px ([#110](https://github.com/element-hq/matrix-react-sdk/pull/110)). Contributed by @t3chguy. +* Add a pinned message badge under a pinned message ([#118](https://github.com/element-hq/matrix-react-sdk/pull/118)). Contributed by @florianduros. +* Ditch right panel tabs and re-add close button ([#99](https://github.com/element-hq/matrix-react-sdk/pull/99)). Contributed by @t3chguy. +* Force verification even for refreshed clients ([#44](https://github.com/element-hq/matrix-react-sdk/pull/44)). Contributed by @dbkr. +* Update emoji text, border and background colour in timeline ([#119](https://github.com/element-hq/matrix-react-sdk/pull/119)). Contributed by @florianduros. +* Disable ICE fallback based on well-known configuration ([#111](https://github.com/element-hq/matrix-react-sdk/pull/111)). Contributed by @t3chguy. +* Remove legacy room header and promote beta room header ([#105](https://github.com/element-hq/matrix-react-sdk/pull/105)). Contributed by @t3chguy. +* Respect `io.element.jitsi` `useFor1To1Calls` in well-known ([#112](https://github.com/element-hq/matrix-react-sdk/pull/112)). Contributed by @t3chguy. +* Use Compound close icon in favour of mishmash of x/close icons ([#108](https://github.com/element-hq/matrix-react-sdk/pull/108)). Contributed by @t3chguy. + +## 🐛 Bug Fixes + +* Correct typo in option documentation ([#28148](https://github.com/element-hq/element-web/pull/28148)). Contributed by @AndrewKvalheim. +* Revert #124 and #135 ([#139](https://github.com/element-hq/matrix-react-sdk/pull/139)). Contributed by @dbkr. +* Add aria-label to e2e icon ([#136](https://github.com/element-hq/matrix-react-sdk/pull/136)). Contributed by @florianduros. +* Fix bell icons on room list hover being black squares ([#135](https://github.com/element-hq/matrix-react-sdk/pull/135)). Contributed by @dbkr. +* Fix vertical overflow on the mobile register screen ([#137](https://github.com/element-hq/matrix-react-sdk/pull/137)). Contributed by @langleyd. +* Allow to unpin redacted event ([#98](https://github.com/element-hq/matrix-react-sdk/pull/98)). Contributed by @florianduros. + + + Changes in [1.11.81](https://github.com/element-hq/element-web/releases/tag/v1.11.81) (2024-10-15) ================================================================================================== This release fixes High severity vulnerability CVE-2024-47771 / GHSA-963w-49j9-gxj6 diff --git a/README.md b/README.md index 19875e083d8..deab264f861 100644 --- a/README.md +++ b/README.md @@ -206,10 +206,6 @@ internet. So please don't depend on resources (JS libs, CSS, images, fonts) hosted by external CDNs or servers but instead please package all dependencies into Element itself. -CSS hot-reload is available as an opt-in development feature. You can enable it -by defining a `CSS_HOT_RELOAD` environment variable, in a `.env` file in the root -of the repository. See `.env.example` for documentation and an example. - # Setting up a dev environment Much of the functionality in Element is actually in the `matrix-react-sdk` and diff --git a/docs/config.md b/docs/config.md index af24d94819e..a6eb83bd297 100644 --- a/docs/config.md +++ b/docs/config.md @@ -154,7 +154,7 @@ complete re-branding/private labeling, a more personalised experience can be ach 2. `description`: Required. The description to use for the notice. 3. `show_once`: Optional. If true then the notice will only be shown once per device. 18. `help_url`: The URL to point users to for help with the app, defaults to `https://element.io/help`. -19. `help_encrption_url`: The URL to point users to for help with encryption, defaults to `https://element.io/help#encryption`. +19. `help_encryption_url`: The URL to point users to for help with encryption, defaults to `https://element.io/help#encryption`. 20. `force_verification`: If true, users must verify new logins (eg. with another device / their security key) ### `desktop_builds` and `mobile_builds` diff --git a/docs/labs.md b/docs/labs.md index 4c373248bca..481541c3cc9 100644 --- a/docs/labs.md +++ b/docs/labs.md @@ -110,10 +110,6 @@ This is useful while we experiment with encryption and to make calling compatibl Enables rendering of MD / HTML in room topics. -## New room header & details (`feature_new_room_decoration_ui`) [In Development] - -Refactors visually the room header and room sidebar - ## Enable the notifications panel in the room header (`feature_notifications`) Unreliable in encrypted rooms. diff --git a/element.io/develop/config.json b/element.io/develop/config.json index 91b7edc610b..aaee51afd0d 100644 --- a/element.io/develop/config.json +++ b/element.io/develop/config.json @@ -49,7 +49,6 @@ "privacy_policy_url": "https://element.io/cookie-policy", "features": { "threadsActivityCentre": true, - "feature_new_room_decoration_ui": true, "feature_video_rooms": true, "feature_group_calls": true, "feature_element_call_video_rooms": true diff --git a/package.json b/package.json index 80325f101f3..e20201d9e18 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "element-web", - "version": "1.11.81", + "version": "1.11.82", "description": "A feature-rich client for Matrix.org", "author": "New Vector Ltd.", "repository": { @@ -70,7 +70,7 @@ "@types/react-dom": "17.0.25", "@types/react": "17.0.82", "@vector-im/compound-design-tokens": "1.8.0", - "@vector-im/compound-web": "5.5.0", + "@vector-im/compound-web": "7.0.0", "@floating-ui/react": "0.26.11", "@radix-ui/react-id": "1.1.0" }, @@ -78,12 +78,12 @@ "@formatjs/intl-segmenter": "^11.5.7", "@matrix-org/react-sdk-module-api": "^2.3.0", "@vector-im/compound-design-tokens": "^1.8.0", - "@vector-im/compound-web": "^5.5.0", + "@vector-im/compound-web": "^7.0.0", "jsrsasign": "^11.0.0", "katex": "^0.16.0", "lodash": "^4.17.21", - "matrix-js-sdk": "34.8.0", - "matrix-react-sdk": "3.113.0", + "matrix-js-sdk": "34.9.0", + "matrix-react-sdk": "3.114.0", "matrix-widget-api": "^1.8.2", "react": "17.0.2", "react-dom": "17.0.2", @@ -198,8 +198,6 @@ "raw-loader": "^4.0.2", "rimraf": "^6.0.0", "semver": "^7.5.2", - "string-replace-loader": "3", - "style-loader": "4", "stylelint": "^16.1.0", "stylelint-config-standard": "^36.0.0", "stylelint-scss": "^6.0.0", diff --git a/src/vector/devcss.ts b/src/vector/devcss.ts deleted file mode 100644 index 38cca75ba3a..00000000000 --- a/src/vector/devcss.ts +++ /dev/null @@ -1,38 +0,0 @@ -/* -Copyright 2024 New Vector Ltd. -Copyright 2021 The Matrix.org Foundation C.I.C. - -SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only -Please see LICENSE files in the repository root for full details. -*/ - -/** - * This code is removed on production builds. - * - * Webpack's `string-replace-loader` searches for the `use theming` string - * in this specific file, and replaces it with CSS requires statements that - * are specific to the themes we have enabled. - * - * Without this workaround, webpack would import the CSS of all themes, which - * would defeat the purpose of hot-reloading since all themes would be compiled, - * which would result in compilation times on the order of 30s, even on a - * powerful machine. - * - * For more details, see webpack.config.js:184 (string-replace-loader) - */ -if (process.env.NODE_ENV === "development") { - ("use theming"); - /** - * Clean up old hot-module script injections as they hog up memory - * and anything other than the newest one is really not needed at all. - * We don't need to do it more frequently than every half a minute or so, - * but it's done to delay full page reload due to app slowness. - */ - setInterval(() => { - const elements = Array.from(document.querySelectorAll("script[src*=hot-update]")); - if (elements.length > 1) { - const oldInjects = elements.slice(0, elements.length - 1); - oldInjects.forEach((e) => e.remove()); - } - }, 1000); -} diff --git a/src/vector/index.html b/src/vector/index.html index 403949fd4e8..7daae1a7ba6 100644 --- a/src/vector/index.html +++ b/src/vector/index.html @@ -75,11 +75,11 @@ - - - - - + + + + +
diff --git a/src/vector/index.ts b/src/vector/index.ts index 1b9a59d0992..04143ba36e5 100644 --- a/src/vector/index.ts +++ b/src/vector/index.ts @@ -22,14 +22,6 @@ import "./modernizr"; // in webpack.config.js require("katex/dist/katex.css"); -/** - * This require is necessary only for purposes of CSS hot-reload, as otherwise - * webpack has some incredible problems figuring out which CSS files should be - * hot-reloaded, even with proper hints for the loader. - * - * On production build it's going to be an empty module, so don't worry about that. - */ -require("./devcss"); require("./localstorage-fix"); async function settled(...promises: Array>): Promise { diff --git a/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap b/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap index 0bb96dc929b..f3a36896468 100644 --- a/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap +++ b/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap @@ -102,7 +102,7 @@ exports[` should match snapshot 1`] = ` style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x);" >