Refactor setup states into unified FilmSetupState component

Consolidate loading and error state handling by creating a new FilmSetupState component that replaces separate FilmFailed and FilmLoading components. Move test data to server-side and make environment variable lookups dynamic. Add @ui path alias and minor fixes to bucket utilities, border-radius SCSS, and URL routing.

src/lib/bucket.ts

@@ -13,21 +13,30 @@ const HF_BUCKET_ACCESS_TOKEN = () =>
 const HF_BUCKET_REPO = () =>
   NS_runtime.ENV_VAR_DB?.HF_BUCKET_REPO || process.env.HF_BUCKET_REPO;
 
-export const STORAGE_ROOT =
-  process.env.STORAGE_ROOT || path.join(process.cwd(), "S3");
-
-export const repo: RepoDesignation = {
-  type: "bucket",
-  name: HF_BUCKET_REPO() || ""
+export const STORAGE_ROOT = () =>
+  NS_runtime.ENV_VAR_DB?.STORAGE_ROOT ||
+  process.env.STORAGE_ROOT ||
+  path.join(process.cwd(), "S3");
+
+export const hf_repo = () => {
+  const data: RepoDesignation = {
+    type: "bucket",
+    name: HF_BUCKET_REPO() || ""
+  };
+  return data;
 };
 
-export const credentials: { accessToken: AccessToken } = {
-  accessToken: HF_BUCKET_ACCESS_TOKEN()!
+export const bucket_credentials = () => {
+  const data: { accessToken: AccessToken } = {
+    accessToken: HF_BUCKET_ACCESS_TOKEN()!
+  };
+
+  return data;
 };
 
 // await hub.createRepo({
-//   repo,
-//   accessToken: credentials.accessToken,
+//   repo: hf_repo(),
+//   accessToken: bucket_credentials().accessToken,
 //   private: false
 // });
 
@@ -116,6 +125,9 @@ function trackProgress_v2(
 async function get_hf_bucket_file_info(arg0: { file_path: string }) {
   const { file_path } = arg0;
 
+  const credentials = bucket_credentials();
+  const repo = hf_repo();
+
   if (
     !credentials.accessToken ||
     typeof file_path !== "string" ||
@@ -138,6 +150,9 @@ async function get_hf_bucket_file_info(arg0: { file_path: string }) {
 }
 
 async function get_hf_bucket_list_of_files() {
+  const credentials = bucket_credentials();
+  const repo = hf_repo();
+
   if (!credentials.accessToken) return;
 
   const available_files = await Array.fromAsync(
@@ -157,6 +172,8 @@ async function get_latest_hf_bucket_file_by_name(arg0: {
   sbe_id?: string;
 }) {
   const { folder_path, human_filename, sbe_id } = arg0;
+  const credentials = bucket_credentials();
+  const repo = hf_repo();
   if (
     !credentials.accessToken ||
     typeof folder_path !== "string" ||
@@ -245,6 +262,9 @@ async function upload_to_bucket(arg0: {
 }) {
   const { job_id, bucket_path, skip, file_with_path, REQ0 } = arg0;
 
+  const credentials = bucket_credentials();
+  const repo = hf_repo();
+
   upload_jobs.set(job_id, {
     status: "in-progress",
     created_at: Date.now()

src/sub-router/ffmpeg/v2.ts

@@ -337,11 +337,11 @@ const sub_router = new Elysia({ prefix: "/ffmpeg/v2" }).post(
 
       (delivery_payload as any).cache_id = key;
 
-      // if (APP_ENV() === "dev") {
-      //   offline_store.set(key, delivery_payload);
-      // } else {
+      if (APP_ENV() === "dev") {
+        offline_store.set(key, delivery_payload);
+      } else {
         await redis().set(key, delivery_payload, { ex: ONE_MONTH_IN_SECONDS });
-      // }
+      }
 
       return key;
     })();

src/sub-router/showtime/v2.ts

@@ -7,16 +7,13 @@ import { NS_ffmpeg } from "../../lib/ffmpeg";
 import { redis } from "../../lib/upstash";
 import path from "node:path";
 import ky from "ky";
-import * as hub from "@huggingface/hub";
-import { NS_mongo_db_record_factory } from "../../../../../../packages/db/index";
-import { NS_bucket, repo, credentials, STORAGE_ROOT } from "../../lib/bucket";
+import { NS_bucket, STORAGE_ROOT } from "../../lib/bucket";
 import { offline_store } from "../../lib/offline-store";
 import { T_delivery_payload } from "../ffmpeg/v2";
 import { NS_ffmpeg_v2 } from "../../lib/ffmpeg-v2";
 import { spawn } from "node:child_process";
 import { NS_showtime_v2_helper } from "./helper";
 import { T_playback } from "../ffmpeg/validator-v2";
-import { NS_routes_c } from "../../../../../../packages/lib/helpers/client/route";
 import { NS_runtime } from "../../../../../../packages/lib/env.runtime";
 
 const APP_ENV = () => NS_runtime.ENV_VAR_DB?.APP_ENV || process?.env?.APP_ENV;
@@ -115,7 +112,7 @@ const sub_router = new Elysia({ prefix: "/showtimeV2" }).get(
 
     const cache_folder = `cache/${sbe_id}`;
 
-    const S3Dir = path.join(STORAGE_ROOT, `${cache_folder}`);
+    const S3Dir = path.join(STORAGE_ROOT(), `${cache_folder}`);
 
     const file_with_path = (() => {
       if (!is_download_mode) return;