feat: add audio asset support with recording and upload functionality

- Implemented audio asset handling in the API, including download and deletion routes.
- Added audio content type mappings and extraction functions for audio file names and keys.
- Enhanced the asset management UI to support audio uploads, including recording capabilities.
- Updated the database schema to accommodate audio assets with new enum values.
- Integrated audio playback features in the asset list and comment sections.
- Improved user experience with drag-and-drop support for audio files.

lib/admin-stats.ts

@@ -257,7 +257,7 @@ export async function getCachedUserMediaStorage(): Promise<Record<string, { tota
         const snapshot = await getR2StorageSnapshot();
         const seenKeys = new Set<string>();
 
-        const [mediaComments, mediaAssets] = await Promise.all([
+        const [mediaComments, imageAssets, audioAssets] = await Promise.all([
             db.comment.findMany({
                 where: { OR: [{ voiceUrl: { not: null } }, { imageUrl: { not: null } }] },
                 select: {
@@ -287,6 +287,13 @@ export async function getCachedUserMediaStorage(): Promise<Record<string, { tota
                     billedUserId: true,
                 },
             }),
+            db.videoAsset.findMany({
+                where: { provider: 'R2_AUDIO' },
+                select: {
+                    sourceUrl: true,
+                    billedUserId: true,
+                },
+            }),
         ]);
 
         for (const comment of mediaComments) {
@@ -324,7 +331,7 @@ export async function getCachedUserMediaStorage(): Promise<Record<string, { tota
             }
         }
 
-        for (const asset of mediaAssets) {
+        for (const asset of imageAssets) {
             const billedUserId = asset.billedUserId;
             if (!billedUserId) continue;
             if (!userStorage[billedUserId]) {
@@ -343,6 +350,26 @@ export async function getCachedUserMediaStorage(): Promise<Record<string, { tota
             userStorage[billedUserId].image += size;
             userStorage[billedUserId].total += size;
         }
+
+        for (const asset of audioAssets) {
+            const billedUserId = asset.billedUserId;
+            if (!billedUserId) continue;
+            if (!userStorage[billedUserId]) {
+                userStorage[billedUserId] = { total: 0, voice: 0, image: 0 };
+            }
+
+            const keyParts = asset.sourceUrl.split('/');
+            const filename = keyParts[keyParts.length - 1];
+            if (!filename) continue;
+            const r2Key = `voice/${filename}`;
+            const dedupeKey = `${billedUserId}:${r2Key}`;
+            if (seenKeys.has(dedupeKey)) continue;
+            seenKeys.add(dedupeKey);
+
+            const size = snapshot.fileSizes.get(r2Key) || 0;
+            userStorage[billedUserId].voice += size;
+            userStorage[billedUserId].total += size;
+        }
     } catch (err) {
         console.error('Failed to parse user storage:', err);
     }

lib/video-assets.ts

@@ -10,6 +10,7 @@ const IMAGE_PROXY_PREFIX = '/api/upload/image/';
 const AUDIO_PROXY_PREFIX = '/api/upload/audio/';
 
 export const SAFE_IMAGE_PROXY_PATH = /^\/api\/upload\/image\/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}\.[a-z0-9]+$/i;
+export const SAFE_AUDIO_PROXY_PATH = /^\/api\/upload\/audio\/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}\.[a-z0-9]+$/i;
 export const SAFE_BUNNY_VIDEO_ID = /^[A-Za-z0-9_-]{8,128}$/;
 
 export type VideoAssetAccessContext = {
@@ -61,6 +62,19 @@ export function extractImageFileNameFromProxyUrl(url: string): string | null {
   return filename || null;
 }
 
+export function extractAudioKeyFromProxyUrl(url: string): string | null {
+  if (!SAFE_AUDIO_PROXY_PATH.test(url)) return null;
+  const filename = url.slice(AUDIO_PROXY_PREFIX.length);
+  if (!filename) return null;
+  return `voice/${filename}`;
+}
+
+export function extractAudioFileNameFromProxyUrl(url: string): string | null {
+  if (!SAFE_AUDIO_PROXY_PATH.test(url)) return null;
+  const filename = url.slice(AUDIO_PROXY_PREFIX.length);
+  return filename || null;
+}
+
 export function mediaUrlToR2Key(url: string): string | null {
   if (url.includes(IMAGE_PROXY_PREFIX)) {
     const filename = url.slice(url.indexOf(IMAGE_PROXY_PREFIX) + IMAGE_PROXY_PREFIX.length);