39 lines
1.1 KiB
Svelte
39 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import {onMount, onDestroy} from "svelte"
|
|
import {getTags, getTagValue, tagsFromIMeta} from "@welshman/util"
|
|
import {decryptFile} from "@welshman/editor"
|
|
import {imgproxy} from "@app/state"
|
|
|
|
const {value, event, ...props} = $props()
|
|
|
|
const url = value.url.toString()
|
|
const meta =
|
|
getTags("imeta", event.tags)
|
|
.map(tagsFromIMeta)
|
|
.find(meta => getTagValue("url", meta) === url) || event.tags
|
|
|
|
const key = getTagValue("decryption-key", meta)
|
|
const nonce = getTagValue("decryption-nonce", meta)
|
|
const encryptionAlgorithm = getTagValue("encryption-algorithm", meta)
|
|
|
|
let src = $state(imgproxy(url))
|
|
|
|
onMount(async () => {
|
|
if (encryptionAlgorithm === "aes-gcm" && key && nonce) {
|
|
const response = await fetch(url)
|
|
|
|
if (response.ok) {
|
|
const ciphertext = new Uint8Array(await response.arrayBuffer())
|
|
const decryptedData = decryptFile({ciphertext, key, nonce, encryptionAlgorithm})
|
|
|
|
src = URL.createObjectURL(new Blob([new Uint8Array(decryptedData)]))
|
|
}
|
|
}
|
|
})
|
|
|
|
onDestroy(() => {
|
|
URL.revokeObjectURL(src)
|
|
})
|
|
</script>
|
|
|
|
<img alt="" {src} {...props} />
|