Support JFIF files which are basically JPGs anyways (#983)

Note that this outputs JPG, but I think that should be fine. It's the better format anyways.

electron/commands/select-file.ts

@@ -21,10 +21,12 @@ const selectFile = async () => {
           "png",
           "jpg",
           "jpeg",
+          "jfif",
           "webp",
           "PNG",
           "JPG",
           "JPEG",
+          "JFIF",
           "WEBP",
         ],
       },
@@ -50,10 +52,12 @@ const selectFile = async () => {
         file.endsWith(".png") ||
         file.endsWith(".jpg") ||
         file.endsWith(".jpeg") ||
+        file.endsWith(".jfif") ||
         file.endsWith(".webp") ||
         file.endsWith(".JPG") ||
         file.endsWith(".PNG") ||
         file.endsWith(".JPEG") ||
+        file.endsWith(".JFIF") ||
         file.endsWith(".WEBP")
       ) {
         isValid = true;

renderer/locales/en.json

@@ -194,7 +194,7 @@
     },
     "INVALID_IMAGE_ERROR": {
       "TITLE": "Invalid Image",
-      "DESCRIPTION": "Please select an image with a valid extension like PNG, JPG, JPEG, or WEBP.",
+      "DESCRIPTION": "Please select an image with a valid extension like PNG, JPG, JPEG, JFIF or WEBP.",
       "ADDITIONAL_DESCRIPTION": "Please drag and drop an image"
     },
     "NO_IMAGE_ERROR": {

renderer/locales/es.json

@@ -194,7 +194,7 @@
     },
     "INVALID_IMAGE_ERROR": {
       "TITLE": "Imagen inválida",
-      "DESCRIPTION": "Por favor, selecciona una imagen con una extensión válida como PNG, JPG, JPEG o WEBP.",
+      "DESCRIPTION": "Por favor, selecciona una imagen con una extensión válida como PNG, JPG, JPEG, JFIF o WEBP.",
       "ADDITIONAL_DESCRIPTION": "Por favor, arrastra y suelta una imagen"
     },
     "NO_IMAGE_ERROR": {

renderer/locales/fr.json

@@ -194,7 +194,7 @@
     },
     "INVALID_IMAGE_ERROR": {
       "TITLE": "Image invalide",
-      "DESCRIPTION": "Veuillez sélectionner une image avec une extension valide comme PNG, JPG, JPEG ou WEBP.",
+      "DESCRIPTION": "Veuillez sélectionner une image avec une extension valide comme PNG, JPG, JPEG, JFIF ou WEBP.",
       "ADDITIONAL_DESCRIPTION": "Veuillez glisser-déposer une image"
     },
     "NO_IMAGE_ERROR": {

renderer/locales/ja.json

@@ -194,7 +194,7 @@
     },
     "INVALID_IMAGE_ERROR": {
       "TITLE": "無効な画像",
-      "DESCRIPTION": "PNG、JPG、JPEG、またはWEBPなどの有効な拡張子を持つ画像を選択してください。",
+      "DESCRIPTION": "PNG、JPG、JPEG、JFIF、またはWEBPなどの有効な拡張子を持つ画像を選択してください。",
       "ADDITIONAL_DESCRIPTION": "画像をドラッグアンドドロップしてください"
     },
     "NO_IMAGE_ERROR": {

renderer/locales/locale_template

@@ -192,7 +192,7 @@
     },
     "INVALID_IMAGE_ERROR": {
       "TITLE": "Invalid Image",
-      "DESCRIPTION": "Please select an image with a valid extension like PNG, JPG, JPEG, or WEBP.",
+      "DESCRIPTION": "Please select an image with a valid extension like PNG, JPG, JPEG, JFIF or WEBP.",
       "ADDITIONAL_DESCRIPTION": "Please drag and drop an image"
     },
     "NO_IMAGE_ERROR": {

renderer/locales/ru.json

@@ -194,7 +194,7 @@
     },
     "INVALID_IMAGE_ERROR": {
       "TITLE": "Неверное изображение",
-      "DESCRIPTION": "Пожалуйста, выберите изображение с правильным расширением, таким как PNG, JPG, JPEG или WEBP.",
+      "DESCRIPTION": "Пожалуйста, выберите изображение с правильным расширением, таким как PNG, JPG, JPEG, JFIF или WEBP.",
       "ADDITIONAL_DESCRIPTION": "Пожалуйста, перетащите изображение"
     },
     "NO_IMAGE_ERROR": {

renderer/locales/zh.json

@@ -194,7 +194,7 @@
     },
     "INVALID_IMAGE_ERROR": {
       "TITLE": "图片无效",
-      "DESCRIPTION": "请选择一个扩展名为 PNG、JPG、JPEG 或 WEBP 的有效图片",
+      "DESCRIPTION": "请选择一个扩展名为 PNG、JPG、JPEG、JFIF 或 WEBP 的有效图片",
       "ADDITIONAL_DESCRIPTION": "请拖放图片"
     },
     "NO_IMAGE_ERROR": {

renderer/pages/index.tsx

@@ -51,7 +51,7 @@ import getDirectoryFromPath from "@common/get-directory-from-path";
 import { translationAtom } from "@/atoms/translations-atom";
 
 const Home = () => {
-  const allowedFileTypes = ["png", "jpg", "jpeg", "webp"];
+  const allowedFileTypes = ["png", "jpg", "jpeg", "jfif", "webp"];
 
   const t = useAtomValue(translationAtom);