From 44b3f720051f49bc2e08717abeb5116b69d2629d Mon Sep 17 00:00:00 2001
From: dswbx <dennis.senn@gmx.ch>
Date: Tue, 1 Apr 2025 13:37:11 +0200
Subject: [PATCH] added media overlay preview fallback

---
 app/package.json                           |  2 +-
 app/src/ui/modals/media/MediaInfoModal.tsx | 16 ++++++++++++++--
 app/vite.dev.ts                            |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/package.json b/app/package.json
index 44c8dbd..0ddd590 100644
--- a/app/package.json
+++ b/app/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "sideEffects": false,
   "bin": "./dist/cli/index.js",
-  "version": "0.10.3-rc.1",
+  "version": "0.11.0-rc.1",
   "description": "Lightweight Firebase/Supabase alternative built to run anywhere — incl. Next.js, React Router, Astro, Cloudflare, Bun, Node, AWS Lambda & more.",
   "homepage": "https://bknd.io",
   "repository": {
diff --git a/app/src/ui/modals/media/MediaInfoModal.tsx b/app/src/ui/modals/media/MediaInfoModal.tsx
index 744ea60..43f0f1c 100644
--- a/app/src/ui/modals/media/MediaInfoModal.tsx
+++ b/app/src/ui/modals/media/MediaInfoModal.tsx
@@ -44,8 +44,7 @@ export function MediaInfoModal({
    return (
       <div className="flex flex-col md:flex-row">
          <div className="flex w-full md:w-[calc(100%-300px)] justify-center items-center bg-lightest min-w-0">
-            {/* @ts-ignore */}
-            <Media.Preview file={file} className="max-h-[70dvh]" controls muted />
+            <FilePreview file={file} />
          </div>
          <div className="w-full md:!w-[300px] flex flex-col">
             <Item title="ID" value={data?.id} copyValue={origin + mediaUrl} first>
@@ -157,6 +156,19 @@ const Item = ({
    );
 };
 
+const FilePreview = ({ file }: { file: FileState }) => {
+   if (file.type.startsWith("image/") || file.type.startsWith("video/")) {
+      // @ts-ignore
+      return <Media.Preview file={file} className="max-h-[70dvh]" controls muted />;
+   }
+
+   return (
+      <div className="min-w-96 min-h-48 flex justify-center items-center h-full max-h-[70dvh]">
+         <span className="opacity-50 font-mono">No Preview Available</span>
+      </div>
+   );
+};
+
 MediaInfoModal.defaultTitle = undefined;
 MediaInfoModal.modalProps = {
    withCloseButton: false,
diff --git a/app/vite.dev.ts b/app/vite.dev.ts
index 6705b2b..3b8a7aa 100644
--- a/app/vite.dev.ts
+++ b/app/vite.dev.ts
@@ -2,7 +2,7 @@ import { readFile } from "node:fs/promises";
 import { serveStatic } from "@hono/node-server/serve-static";
 import { showRoutes } from "hono/dev";
 import { App, registries } from "./src";
-import { StorageLocalAdapter } from "./src/media/storage/adapters/StorageLocalAdapter";
+import { StorageLocalAdapter } from "./src/adapter/node";
 import { EntityManager, LibsqlConnection } from "data";
 import { __bknd } from "modules/ModuleManager";