Commit graph

204 commits

Author SHA1 Message Date
Kerry
30339bd9a3
fix webpack handling for svg imports (#21311) 2022-03-04 13:57:26 +01:00
Kerry
9a17a61809
add svgr loader for icons (#21248)
* add svgr loader for icons

Signed-off-by: Kerry Archibald <kerrya@element.io>

* fix config, move dep to dev

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add svg types

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add aria-hidden and role=img to svg

Signed-off-by: Kerry Archibald <kerrya@element.io>

* make svgProps explicitly overridable

Signed-off-by: Kerry Archibald <kerrya@element.io>

* role presentatino

Signed-off-by: Kerry Archibald <kerrya@element.io>

* update copyright

Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-03-02 09:14:30 +00:00
Travis Ralston
95de708f4e
Make customisations (and general file overrides) easier to specify (#21189)
Intended for customisation endpoints - see included docs.
2022-02-24 12:52:08 -07:00
Michael Telatynski
52c86264dc
Tweak webpack config around stubbing node modules (#21108) 2022-02-17 09:00:45 +00:00
J. Ryan Stinnett
fa64d65e6e
Remove postcss-extend (#21046) 2022-02-11 14:22:56 +00:00
James Salter
cb0f9022f9
Sentry sourcemaps without CI minification (#19602)
* Revert "Revert "Update minification and sourcemap settings on CI builds for sentry (#19583)" (#19601)"

This reverts commit 516e38c82d.

* Disable minification in CI as it exceeds memory limits for poor buildkite
2021-11-03 13:19:21 +00:00
James Salter
516e38c82d
Revert "Update minification and sourcemap settings on CI builds for sentry (#19583)" (#19601)
This reverts commit d9f72ec0b6.
2021-11-03 13:09:25 +00:00
James Salter
d9f72ec0b6
Update minification and sourcemap settings on CI builds for sentry (#19583)
With previous settings, our JS files for develop are so large that sentry's webserver rejects the upload.

* re-enable minification to reduce the size of the files
* update the CI sourcemap setting from eval-source-map to source-map to move the embedded source out of the .js payload and into .js.map files
2021-11-03 09:55:28 +00:00
Travis Ralston
85b489b3a7
Artificially set a VERSION environment variable during build steps (#19518)
Fixes https://github.com/vector-im/element-web/issues/19485

The variable should be set when it needs to by CI, but in every other environment it's not important. Simply setting it to *something* makes EnvironmentPlugin happy. We print a warning just in case people expect it to be set, and use a clear value in case the environment variable doesn't get properly set.
2021-10-27 08:16:04 -06:00
Andy Balaam
0adad257c0
Build the high contrast theme into element-web (#19477) 2021-10-25 10:38:05 +01:00
James Salter
f550d63198
Pass our VERSION to sentry plugin's release arg via env (#19474)
Use our existing VERSION, deduced by the packaging script, as the release for sentry sourcemaps.

This will be undefined for dev builds.
2021-10-22 15:06:14 +01:00
James Salter
d24348de81
Upload sourcemaps to sentry during build (#19403) 2021-10-20 11:18:47 +01:00
Šimon Brandner
017e4bd84b
Convert index to TS
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-24 20:51:02 +02:00
Travis Ralston
219ea134ca Disable HMR error page by default
see diff
2021-08-25 09:57:46 -06:00
Travis Ralston
24a076a202
Merge pull request #18665 from psrpinto/fix/theme-hot-reload
Fix isues with CSS hot-reload
2021-08-24 09:55:23 -06:00
Dariusz Niemczyk
231ff3a73d
Fix CI having invalid node_env 2021-08-23 12:35:43 +02:00
Paulo Pinto
f16f804637 Fix theme key
The key must match the theme name, otherwise the getThemesImports() function
will exit with an error.

Signed-off-by: Paulo Pinto <paulo.pinto@automattic.com>
2021-08-20 15:44:28 +01:00
Paulo Pinto
412a7554c7 Remove commented out code 2021-08-18 17:15:07 +01:00
Paulo Pinto
c3c47f170c Improve phrasing 2021-08-18 17:12:36 +01:00
Paulo Pinto
0eb8d3f4d1 Make code consistent with the comment above 2021-08-18 17:11:12 +01:00
Dariusz Niemczyk
71dcb0dd0d
Fix wrong variables in webpack config 2021-08-12 18:32:13 +02:00
Dariusz Niemczyk
f56e8d7489
Add full HMR that actually somehow works! 2021-08-08 20:40:01 +02:00
Travis Ralston
d4fc3ed354 Properly handle react-sdk's recorder worklet
Fixes https://github.com/vector-im/element-web/issues/18393
2021-08-04 15:08:52 -06:00
Dariusz Niemczyk
06d536afbc
Revert nameModules in webpackConfig 2021-08-03 18:38:00 +02:00
Dariusz Niemczyk
10fb3859fa
Add better docs and iframe support 2021-08-02 22:46:16 +02:00
Dariusz Niemczyk
88df5c33a9
Update webpack.config.js
Co-authored-by: Germain <germain@souquet.com>
2021-08-02 14:38:25 +02:00
Dariusz Niemczyk
da4a49fd31
Add a default theme for CI 2021-08-02 14:38:25 +02:00
Dariusz Niemczyk
a9f3f873a5
Add a .env config and explanation how to use HMR 2021-08-02 14:38:25 +02:00
Dariusz Niemczyk
b677edbc58
Make CSS Hot-reload work in a hacky way 2021-08-02 14:38:25 +02:00
Travis Ralston
5e6b791617 Update webpack path for new worker location 2021-07-22 09:26:53 -06:00
Michael Telatynski
66ada58101 Use webpack worker-loader to load the IndexedDB worker instead of homegrown hack 2021-07-12 18:43:21 +01:00
Šimon Brandner
2760a36f47
Convert a few files to TS
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-06 21:41:02 +02:00
Germain Souquet
72d762ea0d Deprecate postcss calc() 2021-06-30 17:17:27 +01:00
J. Ryan Stinnett
a1c53e59fb Fix lint errors in Webpack config 2021-06-10 15:19:38 +01:00
J. Ryan Stinnett
8d05d8481a Preload only woff2 fonts
All of our supported browsers understand `woff2`, so there's no need to make
everyone preload the older `woff` as well.
2021-06-10 13:02:21 +01:00
fooness
10194fe445
Prevent minification of .html files generated by new verison html-webpack-plugin
This described in https://github.com/vector-im/element-web/issues/17330#issuecomment-842530812, this should prevent the newly introduced version of `html-webpack-plugin` from minifying `.html` files, like e.g. `index.html`, `jitsi.html`, et cetera …

Quoting @jryans via: https://github.com/vector-im/element-web/issues/17330#issuecomment-842415694

> The content of the `index.html` file is not a supported API surface, so it might change at any time.
> 
> This document minification was not done on purpose, but instead it happened as a side effect of upgrading. We would happily accept a PR to fix this, but it is also not a priority for the core team.

Could please someone test and, hopefully, accept this change back to not minifying the `.html` files?
2021-05-18 12:35:51 +02:00
Travis Ralston
07a0af2aae Add required webpack config to load Safari support modules
See https://github.com/matrix-org/matrix-react-sdk/pull/5989
2021-05-06 21:51:03 -06:00
Travis Ralston
69b4296fa7 Merge branch 'develop' into travis/voice/event_type 2021-04-22 14:37:23 -06:00
Germain
8692d6fa89
Merge pull request #17039 from vector-im/gsouquet-preload-fonts 2021-04-22 17:15:06 +01:00
Germain Souquet
8abc7cd87c Only inject Inter fonts to HtmlWebpackPlugin 2021-04-22 14:31:06 +01:00
J. Ryan Stinnett
9cf35ab199 Disable postcss-calc's noisy warnWhenCannotResolve option
While it sounds like a useful warning at first, it turns out the warnings it
prints are ones we're unlike to ever act on, such as adding percentages and
pixels, which seem fine to have. This resets to default behaviour, which leaves
the warning off.
2021-04-22 13:05:02 +01:00
Germain Souquet
87806b8a67 Remove overzealous linter fixes 2021-04-22 12:22:10 +01:00
Germain Souquet
417835fcca Preload Inter font to avoid FOIT on slow connections 2021-04-22 12:09:50 +01:00
Germain Souquet
708f6a26b1 Upgrade html-webpack-plugin to v4.5.2 2021-04-22 10:22:52 +01:00
Travis Ralston
9c3627dca9 Register RecorderWorklet from react-sdk 2021-04-19 21:51:25 -06:00
J. Ryan Stinnett
53f9895901 Set NODE_ENV in a different way
With the approach in https://github.com/vector-im/element-web/pull/16969,
Webpack seems to sometimes do what we want, sometimes not... I haven't quite
worked out why. Perhaps there's some conflict or race in Webpack's defaults...?

This new approach seems to work as expected when running
`./scripts/ci_package.sh`, which matches what development deployments are doing.
2021-04-19 15:52:24 +01:00
Germain Souquet
84d6dcf498 Revert overzealous ESLint updates 2021-04-16 09:18:32 +01:00
Germain Souquet
0532c9c37b Use React production for CI builds
When running Nightly build we want to benefit from the fast runtime that React production offers and get rid of the runtime overhead that comes with development.

We are setting NODE_ENV and not "webpack.mode" to not loose sourcemaps and have minified sources in that environment
2021-04-15 15:17:24 +01:00
Germain Souquet
f06eb14c48 Linter recommendations 2021-04-15 15:15:48 +01:00
Travis Ralston
4eb7c1bc00 Add docs for where the worker comes from 2021-03-23 18:29:26 -06:00