From 5ee8cd3cfba5bc904f11259911c3db7ed111dbdc Mon Sep 17 00:00:00 2001
From: Jonathan Baecker <jonbae77@gmail.com>
Date: Fri, 27 Sep 2024 11:55:01 +0200
Subject: [PATCH] provide environment variable to use vtt options

---
 docs/developer.md                     | 10 ++++++++++
 frontend/components/ConfigPlayout.vue |  2 ++
 frontend/nuxt.config.ts               |  6 ++++++
 3 files changed, 18 insertions(+)

diff --git a/docs/developer.md b/docs/developer.md
index 46d83ce0..2087074e 100644
--- a/docs/developer.md
+++ b/docs/developer.md
@@ -107,3 +107,13 @@ npm run preview
 ```
 
 Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+
+### Experimental Frontend Features
+
+To use experimental frontend features, add `NUXT_BUILD_EXPERIMENTAL=true` tu run and build command, like:
+
+```
+NUXT_BUILD_EXPERIMENTAL=true npm run dev
+```
+
+**Note:** This function is only for developers and testers who can do without support.
diff --git a/frontend/components/ConfigPlayout.vue b/frontend/components/ConfigPlayout.vue
index dabd83a4..f4733530 100644
--- a/frontend/components/ConfigPlayout.vue
+++ b/frontend/components/ConfigPlayout.vue
@@ -19,6 +19,7 @@
                             v-if="
                                 name.toString() !== 'startInSec' &&
                                 name.toString() !== 'lengthInSec' &&
+                                !(name.startsWith('vtt_') && !config.public.buildExperimental) &&
                                 !(name.toString() === 'path' && key.toString() === 'storage')
                             "
                         >
@@ -93,6 +94,7 @@
 </template>
 
 <script setup lang="ts">
+const config = useRuntimeConfig()
 const { t } = useI18n()
 
 const authStore = useAuth()
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index 5f33c859..710b4646 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -17,6 +17,12 @@ export default defineNuxtConfig({
         },
     },
 
+    runtimeConfig: {
+        public: {
+            buildExperimental: process.env.NUXT_BUILD_EXPERIMENTAL,
+        },
+    },
+
     ignore: ['**/public/tv-media**', '**/public/Videos**', '**/public/live**', '**/public/home**'],
     ssr: false,