@rmdes/indiekit-frontend 1.0.0-beta.30 → 1.0.0-beta.32

package/components/textarea/index.js

@@ -402,17 +402,18 @@ export const TextareaFieldComponent = class extends HTMLElement {
       if (activeFilter === "all") return allItems;
       return allItems.filter((item) => {
         const type = item["media-type"] || "";
-        if (activeFilter === "photo") return type.startsWith("image/");
-        if (activeFilter === "audio") return type.startsWith("audio/");
-        if (activeFilter === "video") return type.startsWith("video/");
-        return true;
+        return type === activeFilter;
       });
     }
 
+    function isImageType(mediaType) {
+      return mediaType === "photo";
+    }
+
     function getMediaIcon(mediaType) {
       if (!mediaType) return "\uD83D\uDCC4";
-      if (mediaType.startsWith("audio/")) return "\uD83C\uDFB5";
-      if (mediaType.startsWith("video/")) return "\uD83C\uDFAC";
+      if (mediaType === "audio") return "\uD83C\uDFB5";
+      if (mediaType === "video") return "\uD83C\uDFAC";
       return "\uD83D\uDCC4";
     }
 
@@ -432,7 +433,7 @@ export const TextareaFieldComponent = class extends HTMLElement {
       for (const item of filtered) {
         const url = item.url;
         const mediaType = item["media-type"] || "";
-        const isImage = mediaType.startsWith("image/");
+        const isImage = isImageType(mediaType);
         const filename = getFilename(url);
 
         const tile = document.createElement("button");
@@ -446,7 +447,7 @@ export const TextareaFieldComponent = class extends HTMLElement {
 
         if (isImage) {
           const img = document.createElement("img");
-          img.src = url;
+          img.src = `/image/s_240x240/${encodeURIComponent(url)}`;
           img.alt = filename;
           img.loading = "lazy";
           img.className = "media-browser__thumbnail";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-frontend",
-  "version": "1.0.0-beta.30",
+  "version": "1.0.0-beta.32",
   "description": "Frontend components for Indiekit (fork with floating toolbar)",
   "keywords": [
     "express",