From 4eca7ae68d6f8b679040c93bb37ff2abb77fd29b Mon Sep 17 00:00:00 2001
From: Viren070 <viren070@protonmail.com>
Date: Mon, 10 Feb 2025 22:47:12 +0000
Subject: [PATCH] feat: configurable addon name per config closes #74

---
 packages/addon/src/manifest.ts               |  2 +-
 packages/frontend/src/app/configure/page.tsx | 24 +++++++++++++++++++-
 packages/types/src/types.ts                  |  1 +
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/packages/addon/src/manifest.ts b/packages/addon/src/manifest.ts
index f70672b7..6b316393 100644
--- a/packages/addon/src/manifest.ts
+++ b/packages/addon/src/manifest.ts
@@ -9,7 +9,7 @@ const manifest = (config?: Config, configPresent?: boolean) => {
       addonId += `.${getTextHash(JSON.stringify(config)).substring(0, 12)}`;
   }
   return {
-    name: Settings.ADDON_NAME,
+    name: config?.overrideName || Settings.ADDON_NAME,
     id: addonId,
     version: version,
     description: description,
diff --git a/packages/frontend/src/app/configure/page.tsx b/packages/frontend/src/app/configure/page.tsx
index 48dce918..a510037d 100644
--- a/packages/frontend/src/app/configure/page.tsx
+++ b/packages/frontend/src/app/configure/page.tsx
@@ -193,6 +193,8 @@ export default function Configure() {
   const [mediaFlowProxiedServices, setMediaFlowProxiedServices] = useState<
     string[] | null
   >(null);
+  const [overrideName, setOverrideName] = useState<string>('');
+
   const [disableButtons, setDisableButtons] = useState<boolean>(false);
   const [maxMovieSizeSlider, setMaxMovieSizeSlider] = useState<number>(
     Settings.MAX_MOVIE_SIZE
@@ -227,6 +229,7 @@ export default function Configure() {
 
   const createConfig = (): Config => {
     const config = {
+      overrideName,
       streamTypes,
       resolutions,
       qualities,
@@ -629,7 +632,26 @@ export default function Configure() {
             style={{ display: 'block', margin: '0 auto' }}
           />
           <div style={{ position: 'relative', display: 'inline-block' }}>
-            <h1 style={{ textAlign: 'center' }}>AIOStreams</h1>
+            <input
+              type="text"
+              value={overrideName || 'AIOStreams'}
+              onChange={(e) => setOverrideName(e.target.value)}
+              style={{
+                border: 'none',
+                backgroundColor: 'black',
+                color: 'white',
+                fontWeight: 'bold',
+                background: 'black',
+                height: '30px',
+                textAlign: 'center',
+                fontSize: '30px',
+                padding: '0',
+                maxWidth: '300px',
+                width: 'auto',
+                margin: '0 auto',
+              }}
+              size={overrideName?.length < 8 ? 8 : overrideName?.length || 8}
+            ></input>
             <span
               className={styles.version}
               title={`See what's new in v${version}`}
diff --git a/packages/types/src/types.ts b/packages/types/src/types.ts
index bfb5ffde..360f9b5f 100644
--- a/packages/types/src/types.ts
+++ b/packages/types/src/types.ts
@@ -119,6 +119,7 @@ export type SortBy = { [key: string]: boolean | string | undefined };
 export type StreamType = { [key: string]: boolean };
 
 export interface Config {
+  overrideName?: string;
   instanceCache?: any;
   requestingIp?: string;
   resolutions: Resolution[];