feat(config): Ability to change instance name by env var

README.md

@@ -45,6 +45,9 @@ You can now access the application at http://localhost:8080/
 
 Environment variables:
 - `SERVER_URL` (Optional): The backend server URL. When set the server input on the login page will not be displayed.
+- `INSTANCE_NAME` (Optional): The name of this airsonic-refix instance. Will be displayed in the UI.
+- `INSTANCE_SUBNAME` (Optional): The second name that follow INSTANCE_NAME on the right of the logo. Will be displayed in the UI.
+- `DISABLE_SUBNAME` (Optional): Values `true`, `false`. Ability to disable the subname in the navbar.
 
 
 ### Pre-built bundle

docker/env.js.template

@@ -1,3 +1,6 @@
 window.env = {
   SERVER_URL: "$SERVER_URL",
+  INSTANCE_NAME: "$INSTANCE_NAME",
+  INSTANCE_SUBNAME: "$INSTANCE_SUBNAME",
+  DISABLE_SUBNAME: $DISABLE_SUBNAME,
 }

src/app/Logo.vue

@@ -19,11 +19,25 @@
       </g>
     </svg>
     <span class="text-body ml-2 text-nowrap">
-      <span>airsonic&nbsp;</span>
-      <span class="text-muted">(refix)</span>
+      <span>{{instanceName}}&nbsp;</span>
+      <span v-if="!disableSubName" class="text-muted">({{instanceSubName}})</span>
     </span>
   </div>
 </template>
+<script lang="ts">
+  import { defineComponent } from 'vue'
+  import { config } from '@/shared/config'
+
+  export default defineComponent({
+    data() {
+      return {
+        instanceName: config.instanceName,
+        instanceSubName: config.instanceSubName,
+        disableSubName: config.disableSubName
+      }
+    },
+  })
+</script>
 <style scoped>
   svg {
     fill: var(--primary);

src/shared/config.ts

@@ -1,9 +1,15 @@
 export interface Config {
   serverUrl: string
+  instanceName: string
+  instanceSubName: string
+  disableSubName: boolean
 }
 
 const env = (window as any).env
 
 export const config: Config = {
   serverUrl: env?.SERVER_URL || '',
+  instanceName: env?.INSTANCE_NAME || 'airsonic',
+  instanceSubName: env?.INSTANCE_SUBNAME || 'refix',
+  disableSubName: env?.DISABLE_SUBNAME ? Boolean(env.DISABLE_SUBNAME) : false,
 }