PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Convert index to TS

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-09-24 20:37:59 +02:00
parent 79b52f8a22
commit bffebb9304
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D
1 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/usercontent/index.js → src/usercontent/index.ts
View file

@ -1,5 +1,5 @@
let hasCalled = false; let hasCalled = false;
function remoteRender(event) { function remoteRender(event: MessageEvent): void {
const data = event.data; const data = event.data;
// If we're handling secondary calls, start from scratch // If we're handling secondary calls, start from scratch
@ -11,10 +11,11 @@ function remoteRender(event) {
const img = document.createElement("span"); // we'll mask it as an image const img = document.createElement("span"); // we'll mask it as an image
img.id = "img"; img.id = "img";
const a = document.createElement("a"); const a: HTMLAnchorElement = document.createElement("a");
a.id = "a"; a.id = "a";
a.rel = "noreferrer noopener"; a.rel = "noreferrer noopener";
a.download = data.download; a.download = data.download;
// @ts-ignore
a.style = data.style; a.style = data.style;
a.style.fontFamily = "Arial, Helvetica, Sans-Serif"; a.style.fontFamily = "Arial, Helvetica, Sans-Serif";
a.href = window.URL.createObjectURL(data.blob); a.href = window.URL.createObjectURL(data.blob);
@ -23,24 +24,21 @@ function remoteRender(event) {
// Apply image style after so we can steal the anchor's colour. // Apply image style after so we can steal the anchor's colour.
// Style copied from a rendered version of mx_MFileBody_download_icon // Style copied from a rendered version of mx_MFileBody_download_icon
img.style = (data.imgStyle || "" + // @ts-ignore
"width: 12px; height: 12px;" + img.style = data.imgStyle ?? "";
"-webkit-mask-size: 12px;" + img.style.width = "12px";
"mask-size: 12px;" + img.style.height = "12px";
"-webkit-mask-position: center;" + img.style.webkitMaskSize = "12px";
"mask-position: center;" + img.style.webkitMaskPosition = "center";
"-webkit-mask-repeat: no-repeat;" + img.style.webkitMaskRepeat = "no-repeat";
"mask-repeat: no-repeat;" + img.style.display = "inline-block";
"display: inline-block;") + "" + img.style.webkitMaskImage = `url('${data.imgSrc}')`;
img.style.backgroundColor = `${a.style.color}`;
// Always add these styles
`-webkit-mask-image: url('${data.imgSrc}');` +
`mask-image: url('${data.imgSrc}');` +
`background-color: ${a.style.color};`;
const body = document.body; const body = document.body;
// Don't display scrollbars if the link takes more than one line to display. // Don't display scrollbars if the link takes more than one line to display.
body.style = "margin: 0px; overflow: hidden"; body.style .margin = "0px";
body.style.overflow = "hidden";
body.appendChild(a); body.appendChild(a);
if (event.data.auto) { if (event.data.auto) {
@ -48,7 +46,7 @@ function remoteRender(event) {
} }
} }
window.onmessage = function(e) { window.onmessage = function(e: MessageEvent): void {
if (e.origin === window.location.origin) { if (e.origin === window.location.origin) {
if (e.data.blob) remoteRender(e); if (e.data.blob) remoteRender(e);
} }