deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-06-03 14:22:19 +02:00
Code Issues Projects Releases Wiki Activity

Add filename to media previews

Browse source
This commit is contained in:
Nachtalb 2021-04-03 23:23:33 +02:00 committed by Nachtalb
parent ae6bae69ac
commit f654ea2585
No known key found for this signature in database
GPG key ID: FB8B6CA09AE73612
2 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
client/components/LinkPreview.vue
View file

@ -125,6 +125,11 @@
</button>
</template>
</template>
<span
v-if="link.filename && link.type !== 'error'"
class="preview-filename"
v-text="link.filename"
></span>
</div>
</div>
</template>

14
server/plugins/irc-events/link.ts
View file

@ -243,6 +243,7 @@ function parse(msg: Msg, chan: Chan, preview: LinkPreview, res: FetchRequest, cl
let promise: Promise<FetchRequest | null> | null = null;
preview.size = res.size;
preview.filename = res.filename;
switch (res.type) {
case "text/html":
@ -431,6 +432,7 @@ function fetch(uri: string, headers: Record<string, string>) {
let contentLength = 0;
let contentType: string | undefined;
let limit = Config.values.prefetchMaxImageSize * 1024;
let filename: string | null = null;
try {
const gotStream = got.stream(uri, {
@ -444,6 +446,16 @@ function fetch(uri: string, headers: Record<string, string>) {
.on("response", function (res) {
contentLength = parseInt(res.headers["content-length"], 10) || 0;
contentType = res.headers["content-type"];
filename =
"content-disposition" in res.headers
? contentDisposition.parse(res.headers["content-disposition"])
.parameters.filename || null
: null;
if (filename === null) {
const basename = decodeURI(path.basename(new URL(uri).pathname));
filename = basename.indexOf(".") > 0 ? basename : null;
}
if (contentType && imageTypeRegex.test(contentType)) {
// response is an image
@ -488,7 +500,7 @@ function fetch(uri: string, headers: Record<string, string>) {
type = contentType.split(/ *; */).shift() || "";
}
resolve({data: buffer, type, size});
resolve({data: buffer, type, size, filename});
});
} catch (e: any) {
return reject(e);