making ui config json public for runtime loading.

Author: rrattani

.github/workflows/docker-build-push.yml

@@ -41,7 +41,4 @@ jobs:
           provenance: false
           tags: |
             ghcr.io/${{ github.repository_owner }}/${{ env.IMAGE_NAME }}:latest
-            ghcr.io/${{ github.repository_owner }}/${{ env.IMAGE_NAME }}:${{ github.sha }}
-          build-args: |
-            BASE_URL=${{ secrets.DEPLOYMENT_URL }}
-            client_id=${{ secrets.TRAKT_CLIENT_ID }}
+            ghcr.io/${{ github.repository_owner }}/${{ env.IMAGE_NAME }}:${{ github.sha }}

Dockerfile

@@ -1,14 +1,6 @@
 # Multi-stage build for efficiency
 FROM node:18-alpine AS builder
 
-# Accept build arguments
-ARG BASE_URL
-ARG client_id
-
-# Set environment variables during build
-ENV BASE_URL=$BASE_URL
-ENV client_id=$client_id
-
 WORKDIR /app
 
 # Copy package files

manifest.js

@@ -3,7 +3,7 @@ const config = require('./config.js')();
 
 let manifest = {
     "id": "community.trakt-tv",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "name": "Trakt Tv",
     "description": "Addon for getting Trakt's public and user lists, recommendations and watch list.",
 };
@@ -23,10 +23,18 @@ manifest = { ...manifest,
 
 fs.writeFileSync('./manifest.json', JSON.stringify(manifest));
 
-let oauth_configuration = {
-    "client_id": `${config.client_id}`
+let client_config = {
+    "version": `${manifest.version}`,
+    "name": `${manifest.name}`,
+    "description": `${manifest.description}`,
+    "logoUrl": `${manifest.logo}`,
+    "backgroundUrl": `${manifest.background}`,
+    "types": manifest.types,
+    "baseUrl": `${config.local}`,
+    "oauthClientId": `${config.client_id}`
 }
 
-fs.writeFileSync('./oauth_configuration.json', JSON.stringify(oauth_configuration));
+
+fs.writeFileSync('./vue/public/client-config.json', JSON.stringify(client_config));
 
 //module.exports = manifest;

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "community.trakt-tv",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "Addon for getting Trakt's public and user lists, recommendations and watch list.",
 	"main": "server.js",
 	"scripts": {		

package.json

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+client-config.json
 
 # Editor directories and files
 .vscode/*

vue/.gitignore

@@ -18,7 +18,8 @@
     "vue": "^3.2.37",
     "vue-dropdowns": "^1.1.2",
     "vue-toggles": "^2.1.0",
-    "vuedraggable": "^4.1.0"
+    "vuedraggable": "^4.1.0",
+    "vue3-toastify": "^0.2.8"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.1.0",

vue/package-lock.json

@@ -1,11 +1,24 @@
 import { createApp } from 'vue'
 import { createHead } from "@vueuse/head"
+import Vue3Toastify, { toast } from 'vue3-toastify'
 import './style.css'
 import App from './App.vue'
 import 'flowbite'
+import 'vue3-toastify/dist/index.css'
+
 const app = createApp(App)
 const head = createHead()
 
+// Configure vue3-toastify
+// Only set what you need
+app.use(Vue3Toastify, {
+  autoClose: 3000, // Auto close after 3 seconds
+  position: 'top-right', // Position on screen
+  // All other styles will use defaults
+})
+// Provide toast to all components
+app.provide('toast', toast)
+
 app.use(head)
 
 app.mount('#app')