Change file type and small refaactor

src/core/utils.js

@@ -0,0 +1,9 @@
+export function generateRandomString(count) {
+  let result = '';
+  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  const charactersLength = characters.length;
+  for (let i = 0; i < count; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength))
+  }
+  return result
+}

src/routers/admin/detail/file.js

@@ -2,22 +2,12 @@ import fs from 'fs'
 import path from 'path'
 import { uploadFileFromPath } from "../../../minio/utils.js";
 import { updateVideoPathBySlug } from '../../../core/episodeRepo.js';
+import { generateRandomString } from '../../../core/utils.js';
 import dotenv from 'dotenv';
 
 dotenv.config();
 const startUrl = process.env.S3_START_URL;
 
-function fileSuffix() {
-  const count = 64;
-  let result = '';
-  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-  const charactersLength = characters.length;
-  for (let i = 0; i < count; i++) {
-    result += characters.charAt(Math.floor(Math.random() * charactersLength))
-  }
-  return result
-}
-
 async function uploadVideo(request, h) {
   try {
     const data = request.payload;
@@ -26,7 +16,7 @@ async function uploadVideo(request, h) {
       const fileFormat = "mp4";
       const showSlug = request.params.showSlug;
       const episodeSlug = request.params.episodeSlug;
-      const saveFileName = `${episodeSlug}-${fileSuffix()}.${fileFormat}`;
+      const saveFileName = `${showSlug}-${episodeSlug}.${fileFormat}`;
       const file = data.video;
       console.log(file);
 
@@ -47,7 +37,7 @@ async function uploadVideo(request, h) {
         file.on('end', () => resolve());
       });
 
-      const s3FileKey = `${showSlug}/videos/${saveFileName}`
+      const s3FileKey = `${showSlug}/episodes/${episodeSlug}/video-${generateRandomString(32)}.${fileFormat}`;
       await uploadFileFromPath(s3FileKey, filePath, "video/mov");
       await updateVideoPathBySlug(showSlug, episodeSlug, s3FileKey);
 

src/templates/widgets/media_component.html

@@ -9,11 +9,13 @@
     </div>
   </div>
   {{else}}
+  {{#if showVideo}}
   <button hx-post="/admin/show/{{showSlug}}/episode/{{episodeSlug}}/buildAudio" hx-swap="outerHTML"
     hx-target="#media-container" class="common-button w-full px-4 py-2 my-2 transition-all duration-300 ease-in-out">
     Build Audio
   </button>
   {{/if}}
+  {{/if}}
 
   {{#if showVideo}}
   <div class="w-full py-4">
@@ -30,7 +32,7 @@
   <div class="w-full py-4">
     <form action="{{uploadUrl}}" method="POST" enctype="multipart/form-data" hx-post="{{uploadUrl}}" hx-swap="outerHTML"
       hx-target="#media-container">
-      <input type="file" name="video" accept=".mov" required />
+      <input type="file" name="video" accept=".mp4" required />
       <button type="submit" class="common-button w-full px-4 py-2 my-2 transition-all duration-300 ease-in-out">Upload
         Video</button>
     </form>