support AVIF image drag/dropping

CHANGELOG.md

@@ -1,3 +1,9 @@
+# v1.10.48
+## mm/dd/2024
+
+1. [](#improved)
+  * Treat AVIF as image when inserting / drag & dropping 
+
 # v1.10.47
 ## 10/22/2024
 

themes/grav/app/forms/fields/filepicker.js

@@ -80,7 +80,7 @@ export default class FilePickerField {
 
         let renderOption = function renderOption(item, escape) {
             let image = '';
-            if (imagesPreview && folder && (!item.status || item.status === 'available') && item.name.match(/\.(jpg|jpeg|png|gif|webp)$/i)) {
+            if (imagesPreview && folder && (!item.status || item.status === 'available') && item.name.match(/\.(jpg|jpeg|png|gif|webp|avif)$/i)) {
                 // const fallback2x = insertTextAt(`${config.base_url_relative}/../${folder}/${item.name}`, -4, '@2x');
                 // const fallback3x = insertTextAt(`${config.base_url_relative}/../${folder}/${item.name}`, -4, '@3x');
                 const source = thumbs[item.name] || `${config.base_url_relative}/../${folder}/${item.name}`;

themes/grav/app/forms/fields/files.js

@@ -349,7 +349,7 @@ export function UriToMarkdown(uri) {
 
     const title = uri.split('.').slice(0, -1).join('.');
 
-    return uri.match(/\.(jpe?g|png|gif|svg|webp|mp4|webm|ogv|mov)$/i) ? `![${title}](${uri} "${title}")` : `[${decodeURI(uri)}](${uri})`;
+    return uri.match(/\.(jpe?g|png|gif|svg|webp|avif|mp4|webm|ogv|mov)$/i) ? `![${title}](${uri} "${title}")` : `[${decodeURI(uri)}](${uri})`;
 }
 
 let instances = [];