graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-23 05:13:07 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: only handle supported file types

Browse source
This commit is contained in:
ShittyKopper 2023-12-28 23:38:59 +03:00
parent c625dd2eac
commit ae6a428e91
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/frontend/src/components/MkFileCaptionEditWindow.vue
View file

@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkTextarea v-model="caption" autofocus :placeholder="i18n.ts.inputNewDescription">
<template #label>{{ i18n.ts.caption }}</template>
</MkTextarea>
<div v-if="file.type.startsWith('image/')" :class="$style.ocr">
<div v-if="canOcr" :class="$style.ocr">
<span :class="$style.ocrHeader">{{ i18n.ts._ocr.header }}</span>
<div :class="$style.ocrForm">
<MkSelect v-model="ocrLanguage">
@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template>
<script lang="ts" setup>
import { shallowRef, ref } from 'vue';
import { shallowRef, ref, computed } from 'vue';
import * as Misskey from 'misskey-js';
import * as ocrLanguages from 'tesseract.js/src/constants/languages.js';
import MkModalWindow from '@/components/MkModalWindow.vue';
@ -59,6 +59,11 @@ const emit = defineEmits<{
const dialog = shallowRef<InstanceType<typeof MkModalWindow>>();
const caption = ref(props.default);
// https://github.com/naptha/tesseract.js/blob/master/docs/image-format.md
const OCR_SUPPORTED_FILETYPES = ['image/bmp', 'image/jpeg', 'image/png', 'image/webp'];
const canOcr = computed(() => OCR_SUPPORTED_FILETYPES.includes(props.file.type));
const ocrLanguage = ref('eng');
async function ok() {