Šimon Brandner
869f31deef
Convert MImageBody to TS
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-02 13:46:42 +02:00
Michael Telatynski
1f337b28ac
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into travis/blurhash
...
Conflicts:
src/ContentMessages.tsx
src/components/structures/UploadBar.tsx
src/components/views/messages/MImageBody.js
src/components/views/messages/MStickerBody.js
src/components/views/messages/MVideoBody.tsx
2021-07-01 20:48:34 +01:00
J. Ryan Stinnett
ae0a8b8da4
Auto-fix lint errors
2021-06-29 13:11:58 +01:00
Michael Telatynski
9c599b567d
Fix alignment of image blurhashes and interplay with spinners
2021-05-21 21:39:38 +01:00
Michael Telatynski
dbca9b4625
use const for blurhash field
2021-05-21 21:19:41 +01:00
Michael Telatynski
563e6433b9
Don't store blurhash in state, its immutable and pointless
2021-05-20 15:47:11 +01:00
Michael Telatynski
bf01ebae6d
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into travis/blurhash
...
Conflicts:
package.json
src/components/views/messages/MImageBody.js
yarn.lock
2021-05-18 13:48:40 +01:00
Šimon Brandner
46bfbbadf9
Enable indent rule and fix indent
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-27 17:23:27 +02:00
Michael Telatynski
cc3571c559
fix removed pixelRatio
2021-04-27 09:56:28 +01:00
Michael Telatynski
915f8b3c9c
Scale all mxc thumbs using device pixel ratio for hidpi
...
as we are notoriously bad at doing it everywhere we ought to, like the TopLeftMenu avatar
2021-04-26 18:25:49 +01:00
Šimon Brandner
e1446f01e4
Make ImageView static
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-13 08:07:17 +02:00
Šimon Brandner
b27a8e3c3a
Merge branch 'develop' into improve-image-view
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-14 08:30:28 +01:00
Travis Ralston
ebf1efe01b
docs
2021-03-10 12:32:18 -07:00
Travis Ralston
1ac12479ca
Convert cases of mxcUrlToHttp to new media customisation
2021-03-10 12:32:18 -07:00
Travis Ralston
fc5b1ed9d6
Batch of views getting replaceableComponent decorators
2021-03-08 20:23:39 -07:00
Travis Ralston
5d6e3d5711
UI refresh for uploaded files
...
Fixes https://github.com/vector-im/element-web/issues/16557
Fixes https://github.com/vector-im/element-web/issues/9482 (technically)
There's two changes in this:
1. The actual file body in the timeline now has a placeholder thing.
2. We're intentionally dropping all the "Travis uploaded a file" sender profile states.
2021-03-04 20:07:48 -07:00
Šimon Brandner
4f3fe3d236
Add comments
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 11:09:52 +01:00
Šimon Brandner
bd5efc7ceb
Pass permallinkCreator to ImageView
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 19:11:08 +01:00
J. Ryan Stinnett
3db6a45010
Revert "Merge pull request #5637 from williamkray/wreck/clean-thumbnail-changes"
...
This reverts commit 5c1b38a48c
, reversing
changes made to ec4a39a694
.
2021-02-23 12:03:08 +00:00
William Kray
cd1a99186b
change image rendering size max height
2021-02-08 09:26:10 -08:00
Will Hunt
7eb54cc83c
Also only download images after clicking on them
2020-10-23 17:16:09 +01:00
Travis Ralston
53db386731
Add support for blurhash (MSC2448)
...
MSC: https://github.com/matrix-org/matrix-doc/pull/2448
While the image loads, we can show a blurred version of it (calculated at upload time) so we don't have a blank space in the timeline.
2020-08-10 22:07:19 -06:00
Andrew Morgan
b00d822bc0
Remove alt, use aria-label
2020-06-26 01:22:49 +01:00
Andrew Morgan
6ea5dc7b7c
Change the look of the spinner
2020-06-26 01:19:38 +01:00
Travis Ralston
3f99332f4b
Use componentDidMount in place of componentWillMount where possible
...
This fixes a common React warning we see. Most of these components should be using constructors instead, however componentDidMount is just as good (and doesn't require converting most of these).
Conversion to classes will be done in a later stage of React warning fixes.
For https://github.com/vector-im/riot-web/issues/12877
2020-03-31 14:14:17 -06:00
Travis Ralston
fde32f13a5
[CONFLICT CHUNKS] Merge branch 'develop' into travis/sourcemaps-develop
2020-01-09 14:15:09 -07:00
Travis Ralston
d56f0f2a25
Convert many imports to handle ES6 exports
...
Reliant upon https://github.com/matrix-org/matrix-react-sdk/pull/3761
2019-12-22 21:04:42 -07:00
Michael Telatynski
937b32663c
Migrate away from Legacy React Contexts
2019-12-17 17:26:12 +00:00
Michael Telatynski
d22985f12e
Migrate string refs over to createRef
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-12-08 12:16:17 +00:00
Michael Telatynski
4c55f3c5b5
Remove unused refs
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-12-08 12:12:06 +00:00
Michael Telatynski
d4d51dc61f
Rip out the remainder of Bluebird
2019-11-18 10:03:05 +00:00
Michael Telatynski
168b1b68bb
Revert "s/.done(/.then(/ since modern es6 track unhandled promise exceptions"
...
This reverts commit 09a8fec2
2019-11-12 11:56:21 +00:00
Michael Telatynski
09a8fec261
s/.done(/.then(/ since modern es6 track unhandled promise exceptions
2019-11-12 11:51:23 +00:00
Travis Ralston
0491b742c2
Use a mask instead of an img for "Show image" eye
...
See https://github.com/matrix-org/matrix-react-sdk/pull/3492#pullrequestreview-296223646
2019-10-02 12:52:07 -06:00
Travis Ralston
37d16db0f0
Elsify
2019-10-02 12:46:21 -06:00
Travis Ralston
4b0596b6b7
Apply lipstick to hidden image design
2019-10-01 17:00:01 -06:00
Travis Ralston
59b29e4a7f
Add an option to hide image previews
...
Applies to images, stickers, and URL previews.
Fixes https://github.com/vector-im/riot-web/issues/10735
2019-09-27 21:08:31 -06:00
Michael Telatynski
72a83a8e6e
Add mount-guards to MImageBody
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-08-09 14:51:07 +01:00
Slavi Pantaleev
3f60b4336f
Do not try to request thumbnails with non-integer widths
...
Issue described in https://github.com/vector-im/riot-web/issues/9690 .
With certain `window.devicePixelRatio` values
(e.g. `1.5789473684210527`), the calculated thumb width/height
would be a non-integer value.
Passing such values to `client.mxcUrlToHttp()` causes it to
generate URLs to the thumbnail API with non-integer values.
As per the spec, non-integer values are forbidden for that API and a
400 HTTP response is returned (`Query parameter b'width' must be an
integer`).
Fixing matrix-js-sdk's `mxcUrlToHttp()` to sanitize such values
would also be a good idea and likely fix more than just matrix-react-sdk
and riot-web. Still, it feels like matrix-react-sdk should play nice
as well, and not request thumbnails for weird widths/heights.
Signed-off-by: Slavi Pantaleev <slavi@devture.com>
2019-05-27 11:06:10 +03:00
J. Ryan Stinnett
f19e70c219
Add comment about thumbnailing for GIFs
2019-05-14 13:55:38 +01:00
J. Ryan Stinnett
7881369b98
Always thumbnail for GIFs
...
When displaying a GIF, we always want to thumbnail so that we can properly
respect the user's GIF autoplay setting (which relies on thumbnailing to produce
the static preview image).
Fixes https://github.com/vector-im/riot-web/issues/9658
2019-05-13 18:28:57 +01:00
J. Ryan Stinnett
9d9a41b263
Save content.info
as a local for readability
2019-05-13 18:00:52 +01:00
Bruno Windels
45f3282b1b
cleanup and linting
2019-04-08 14:57:39 +02:00
Bruno Windels
f1b00dff35
Merge branch 'develop' into matthew/retina
2019-04-05 13:35:54 +02:00
Bruno Windels
4e382b1dd9
rename onWidgetLoad to onHeightChanged
...
as it's easy to confuse it with room widgets, but has nothing to do with it.
2019-03-07 17:02:19 +01:00
Matthew Hodgson
8511bc27cc
only request thumbs on retina if the original image is too big to be used as a thumbnail
2019-01-20 15:35:16 +00:00
J. Ryan Stinnett
20e296b20e
Convert image URLs in React to require
calls
...
This allows Webpack to insert the proper image URL after builds steps like
adding a hash and so on. The path you supply to `require` is relative to the JS
source file, just like any other would be.
2019-01-17 22:06:49 -06:00
Matthew Hodgson
577c411a39
experimental fix for https://github.com/vector-im/riot-web/issues/2985
...
needs server to support 1600x1200 thumbnails for retina large ones.
ideally need to cap maximum thumbnail size to 800x600 rather than expand to arbitrary widths.
need to check that luke's funky timeline code doesn't get confused between naturalWidth and infoWidth etc.
also need to consider whether to encode a resolution metric in the event rather than lying about resolution.
2019-01-14 17:10:22 +00:00
Maxwell Kepler
5d35ce9449
Changed letter case.
2018-10-24 19:06:48 +01:00
Maxwell Kepler
5e9db3647a
Fixed minor typo in comment
2018-10-22 21:03:39 +01:00