3 |
4 |
6 |
7 |
8 |
9 |
14 |
15 |
28 |
--------------------------------------------------------------------------------
/client/src/api/api.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 |
3 | // Function to test the TMDB API key
4 | export const testTmdbApi = (apiKey) => {
5 | const tmdbApiUrl = `https://api.themoviedb.org/3/movie/550?api_key=${apiKey}`; // Movie ID 550 is Fight Club
6 | return axios.get(tmdbApiUrl);
7 | };
8 |
9 | // Function to test Jellyfin configuration
10 | export const testJellyfinApi = (url, token) => {
11 | const jellyfinApiUrl = `${url}/Users`; // Endpoint to retrieve Jellyfin users
12 | return axios.get(jellyfinApiUrl, {
13 | headers: {
14 | 'X-Emby-Token': token // Send Jellyfin API token in the header
15 | }
16 | });
17 | };
18 |
19 | // Function to test the Jellyseer/Overseer configuration and fetch users
20 | export const testJellyseerApi = (url, token) => {
21 | return axios.post('/api/seer/get_users', {
22 | SEER_API_URL: url,
23 | SEER_TOKEN: token
24 | });
25 | };
26 |
27 | // Function to authenticate a user in Jellyseer/Overseer
28 | export const authenticateUser = (url, token, userName, password) => {
29 | return axios.post('/api/seer/login', {
30 | SEER_API_URL: url,
31 | SEER_TOKEN: token,
32 | SEER_USER_NAME: userName,
33 | SEER_PASSWORD: password
34 | });
35 | };
36 |
37 | // Function to fetch Jellyfin libraries
38 | export function fetchJellyfinLibraries(apiUrl, apiKey) {
39 | return axios.post(`/api/jellyfin/libraries`, {
40 | JELLYFIN_API_URL: apiUrl,
41 | JELLYFIN_TOKEN: apiKey
42 | });
43 | }
44 |
45 | // Function to fetch Jellyfin Users
46 | export function fetchJellyfinUsers(apiUrl, apiKey) {
47 | return axios.post(`/api/jellyfin/users`, {
48 | JELLYFIN_API_URL: apiUrl,
49 | JELLYFIN_TOKEN: apiKey
50 | });
51 | }
--------------------------------------------------------------------------------
/client/src/api/backgroundManager.js:
--------------------------------------------------------------------------------
1 | export default {
2 | data() {
3 | return {
4 | backgroundImageUrl: "",
5 | intervalId: null,
6 | defaultImages: [
7 | "/images/default1.jpg",
8 | "/images/default2.jpg",
9 | "/images/default3.jpg",
10 | ],
11 | currentDefaultImageIndex: 0,
12 | };
13 | },
14 | methods: {
15 | startDefaultImageRotation() {
16 | this.backgroundImageUrl =
17 | this.defaultImages[this.currentDefaultImageIndex];
18 |
19 | this.intervalId = setInterval(() => {
20 | this.currentDefaultImageIndex =
21 | (this.currentDefaultImageIndex + 1) % this.defaultImages.length;
22 | this.backgroundImageUrl =
23 | this.defaultImages[this.currentDefaultImageIndex];
24 | }, 10000);
25 | },
26 | async fetchRandomMovieImage(fetchImageCallback, tmdbApiKey) {
27 | const imageUrl = await fetchImageCallback(tmdbApiKey);
28 | if (imageUrl) {
29 | const img = new Image();
30 | img.src = imageUrl;
31 | img.onload = () => {
32 | this.backgroundImageUrl = imageUrl;
33 | };
34 | }
35 | },
36 | startBackgroundImageRotation(fetchImageCallback, tmdbApiKey) {
37 | this.fetchRandomMovieImage(fetchImageCallback, tmdbApiKey);
38 | this.intervalId = setInterval(() => {
39 | this.fetchRandomMovieImage(fetchImageCallback, tmdbApiKey);
40 | }, 10000);
41 | },
42 | stopBackgroundImageRotation() {
43 | if (this.intervalId) {
44 | clearInterval(this.intervalId);
45 | }
46 | },
47 | },
48 | beforeUnmount() {
49 | this.stopBackgroundImageRotation();
50 | },
51 | };
52 |
--------------------------------------------------------------------------------
/client/src/api/plexApi.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 |
3 | export default {
4 | props: ['config'],
5 | data() {
6 | return {
7 | loading: false,
8 | loadingLibraries: false,
9 | servers: [],
10 | selectedServer: null,
11 | selectedServerConnection: null,
12 | libraries: [],
13 | selectedLibraries: [],
14 | manualConfiguration: false,
15 | manualServerAddress: '',
16 | isLoggedIn: false,
17 | users: [], // Contains the retrieved users
18 | selectedUsers: [], // Stores the selected users
19 | };
20 | },
21 | methods: {
22 | // Toggle and update selected libraries
23 | toggleLibrarySelection(library) {
24 | const index = this.selectedLibraries.findIndex(l => l.key === library.key);
25 | index > -1 ? this.selectedLibraries.splice(index, 1) : this.selectedLibraries.push(library);
26 | this.updateSelectedLibraries();
27 | },
28 | isSelected(libraryId) {
29 | return this.selectedLibraries.some(library => library.key === libraryId);
30 | },
31 | updateSelectedLibraries() {
32 | const libraryIds = this.selectedLibraries.map(library => library.key);
33 | this.$emit('update-config', 'PLEX_LIBRARIES', libraryIds);
34 | },
35 | loadSelectedLibraries() {
36 | if (this.config.PLEX_LIBRARIES) {
37 | this.selectedLibraries = this.libraries.filter(library =>
38 | this.config.PLEX_LIBRARIES.includes(library.key)
39 | );
40 | }
41 | },
42 |
43 | // Toggle and update selected users
44 | toggleUserSelection(user) {
45 | const index = this.selectedUsers.findIndex(u => u.id === user.id);
46 | index > -1 ? this.selectedUsers.splice(index, 1) : this.selectedUsers.push(user);
47 | this.updateSelectedUsers();
48 | },
49 | isUserSelected(userId) {
50 | return this.selectedUsers.some(user => user.id === userId);
51 | },
52 | updateSelectedUsers() {
53 | const userIds = this.selectedUsers.map(user => user.id);
54 | this.$emit('update-config', 'SELECTED_USERS', userIds);
55 | },
56 | loadSelectedUsers() {
57 | if (this.config.SELECTED_USERS) {
58 | this.selectedUsers = this.users.filter(user =>
59 | this.config.SELECTED_USERS.includes(user.id)
60 | );
61 | }
62 | },
63 |
64 | // Fetch users from the server
65 | async fetchUsers() {
66 | try {
67 | const response = await this.apiRequest('/api/plex/users', 'post', {
68 | PLEX_API_URL: this.config.PLEX_API_URL,
69 | PLEX_TOKEN: this.config.PLEX_TOKEN,
70 | });
71 |
72 | if (response.status === 200 && response.data.users) {
73 | this.users = response.data.users;
74 | this.loadSelectedUsers();
75 | } else {
76 | this.$toast.error('Failed to fetch users.');
77 | }
78 | } catch (error) {
79 | this.$toast.error('Error fetching users.');
80 | }
81 | },
82 |
83 | async apiRequest(url, method = 'get', data = null) {
84 | try {
85 | const response = await axios({
86 | url,
87 | method,
88 | data,
89 | headers: this.config.headers,
90 | });
91 | return response;
92 | } catch (error) {
93 | console.error(`API Request error: ${error.message}`);
94 | throw error;
95 | }
96 | },
97 | async loginWithPlex() {
98 | try {
99 | this.loading = true;
100 | const response = await this.apiRequest('/api/plex/auth', 'post');
101 | const { pin_id, auth_url } = response.data;
102 |
103 | window.open(auth_url, '_blank', 'width=800,height=600');
104 | this.startPolling(pin_id);
105 | } catch (error) {
106 | this.$toast.error('Error during Plex login.');
107 | }
108 | },
109 | async startPolling(pin_id) {
110 | const interval = setInterval(async () => {
111 | try {
112 | const response = await this.apiRequest(`/api/plex/check-auth/${pin_id}`);
113 | const { auth_token } = response.data;
114 |
115 | if (auth_token) {
116 | clearInterval(interval);
117 | this.$emit('update-config', 'PLEX_TOKEN', auth_token);
118 | await this.fetchPlexServers(auth_token);
119 | this.isLoggedIn = true;
120 | }
121 | } catch (error) {
122 | console.error('Error checking Plex auth status:', error);
123 | } finally {
124 | this.loading = false;
125 | }
126 | }, 3000);
127 | },
128 | async fetchPlexServers(auth_token) {
129 | try {
130 | const response = await this.apiRequest('/api/plex/servers', 'post', { auth_token });
131 | if (response.status === 200 && response.data.servers) {
132 | this.servers = response.data.servers;
133 | if (this.servers.length > 0) {
134 | this.selectedServer = this.servers[0];
135 | }
136 | } else {
137 | this.$toast.error('Failed to fetch servers.');
138 | }
139 | } catch (error) {
140 | this.$toast.error('Error fetching Plex servers.');
141 | }
142 | },
143 | updateSelectedServer() {
144 | this.libraries = []; // Reset libraries if a new server is selected
145 | this.users = []
146 | if (this.selectedServerConnection === 'manual') {
147 | this.manualConfiguration = true;
148 | } else {
149 | this.manualConfiguration = false;
150 | const { address, port, protocol } = this.selectedServerConnection;
151 | this.$emit('update-config', 'PLEX_API_URL', `${protocol}://${address}:${port}`);
152 | }
153 | },
154 | getServerConnections() {
155 | return this.servers.reduce((connections, server) => {
156 | if (server.connections) {
157 | server.connections.forEach(connection => {
158 | connections.push({
159 | serverName: server.name,
160 | address: connection.address,
161 | port: connection.port,
162 | protocol: connection.protocol,
163 | secure: connection.protocol === 'https',
164 | });
165 | });
166 | }
167 | return connections;
168 | }, []);
169 | },
170 | async fetchLibraries() {
171 | this.loadingLibraries = true;
172 | try {
173 | const response = await this.apiRequest('/api/plex/libraries', 'post', {
174 | PLEX_API_URL: this.config.PLEX_API_URL,
175 | PLEX_TOKEN: this.config.PLEX_TOKEN,
176 | });
177 |
178 | if (response.status === 200 && response.data.items) {
179 | this.libraries = response.data.items;
180 | this.loadSelectedLibraries();
181 | } else {
182 | this.$toast.error('Failed to fetch libraries.');
183 | }
184 | } catch (error) {
185 | this.$toast.error('Error fetching libraries.');
186 | } finally {
187 | this.loadingLibraries = false;
188 | this.fetchUsers();
189 | }
190 | },
191 | },
192 | mounted() {
193 | const authToken = this.config.PLEX_TOKEN;
194 | if (authToken) {
195 | this.isLoggedIn = true;
196 | this.fetchPlexServers(authToken);
197 | this.fetchUsers(); // Fetch users on component mount
198 | this.fetchLibraries(); // Fetch libraries on component mount
199 | }
200 | },
201 | };
--------------------------------------------------------------------------------
/client/src/api/tmdbApi.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 |
3 | export const fetchRandomMovieImage = async (apiKey) => {
4 | if (!apiKey) return null;
5 |
6 | const randomPage = Math.floor(Math.random() * 100) + 1;
7 | try {
8 | const response = await axios.get('https://api.themoviedb.org/3/movie/popular', {
9 | params: { api_key: apiKey, page: randomPage , include_adult: false},
10 | });
11 |
12 | const movies = response.data.results;
13 | const randomMovie = movies[Math.floor(Math.random() * movies.length)];
14 | return `https://image.tmdb.org/t/p/w1280${randomMovie.backdrop_path}`;
15 | } catch (error) {
16 | console.error('Failed to fetch movie image:', error);
17 | return null;
18 | }
19 | };
--------------------------------------------------------------------------------
/client/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/giuseppe99barchetta/SuggestArr/fe411e8bef013729597bb8d20e4b049879830250/client/src/assets/logo.png
--------------------------------------------------------------------------------
/client/src/assets/logos/emby-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/giuseppe99barchetta/SuggestArr/fe411e8bef013729597bb8d20e4b049879830250/client/src/assets/logos/emby-logo.png
--------------------------------------------------------------------------------
/client/src/assets/logos/jellyfin-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/giuseppe99barchetta/SuggestArr/fe411e8bef013729597bb8d20e4b049879830250/client/src/assets/logos/jellyfin-logo.png
--------------------------------------------------------------------------------
/client/src/assets/logos/plex-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/giuseppe99barchetta/SuggestArr/fe411e8bef013729597bb8d20e4b049879830250/client/src/assets/logos/plex-logo.png
--------------------------------------------------------------------------------
/client/src/assets/styles/advancedFilterConfig.css:
--------------------------------------------------------------------------------
1 | .relative input:checked~.dot {
2 | transform: translateX(100%);
3 | background-color: #34d399;
4 | /* Green color when checked */
5 | }
6 |
7 |
8 | /* Styling for vue-multiselect */
9 | .multiselect {
10 | border: 1px solid #4a5568;
11 | /* Match border-gray-600 */
12 | border-radius: 0.5rem;
13 | /* Match rounded-lg */
14 | padding: 0.0rem;
15 | color: #e5e7eb;
16 | width: 100%;
17 | }
18 |
19 | .multiselect__tag {
20 | background-color: #b84141;
21 | /* Red for excluded tags */
22 | color: #caced8 !important;
23 | margin: 2px;
24 | font-size: 0.875rem;
25 | border-radius: 0.5rem;
26 | }
27 |
28 | .multiselect__input {
29 | background-color: transparent !important;
30 | color: #ffffff !important;
31 | /* Force light text color */
32 | }
33 |
34 | /* Target selected single items */
35 | .multiselect__single {
36 | color: #e5e7eb !important;
37 | background-color: transparent !important;
38 | }
39 |
40 | .multiselect__placeholder {
41 | color: #9ca3af;
42 | }
43 |
44 | .multiselect__content-wrapper {
45 | background-color: #1f2937;
46 | border: 0px solid #4b5563;
47 | border-radius: 0.5rem;
48 | }
49 |
50 | .multiselect__option--highlight {
51 | color: #e5e7eb;
52 | }
53 |
54 | .multiselect__option--selected {
55 | background-color: #b84141;
56 | color: #ffffff;
57 | }
58 |
59 | .multiselect__select,
60 | .multiselect__clear {
61 | color: #9ca3af;
62 | }
63 |
64 | .multiselect__tags {
65 | min-height: 40px;
66 | display: block;
67 | padding: 8px 40px 0 8px;
68 | border-radius: 5px;
69 | --tw-bg-opacity: 1;
70 | background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
71 | font-size: 14px;
72 | border: 0;
73 | }
74 |
75 | .multiselect-genres .multiselect__tag {
76 | background-color: #b84141; /* Rosso per i tag dei generi esclusi */
77 | color: #ffffff !important;
78 | }
79 |
80 | /* Tag verde per il multiselect delle lingue */
81 | .multiselect-languages .multiselect__tag {
82 | background-color: #34d399; /* Verde per i tag delle lingue preferite */
83 | color: #ffffff !important;
84 | }
85 | .multiselect__content-wrapper::-webkit-scrollbar {
86 | width: 8px;
87 | /* Width of the scrollbar */
88 | }
89 |
90 | .multiselect__content-wrapper::-webkit-scrollbar-track {
91 | background: #1f2937;
92 | /* Background of the scrollbar track */
93 | border-radius: 8px;
94 | }
95 |
96 | .multiselect__content-wrapper::-webkit-scrollbar-thumb {
97 | background-color: #4b5563;
98 | /* Color of the scrollbar thumb */
99 | border-radius: 8px;
100 | border: 2px solid #1f2937;
101 | /* Adds padding around the thumb */
102 | }
103 |
104 | .multiselect__content-wrapper::-webkit-scrollbar-thumb:hover {
105 | background-color: #6b7280;
106 | /* Color on hover */
107 | }
108 |
109 | /* Firefox scrollbar styling */
110 | .multiselect__content-wrapper {
111 | scrollbar-width: thin;
112 | scrollbar-color: #4b5563 #1f2937;
113 | /* Thumb color and track color */
114 | }
--------------------------------------------------------------------------------
/client/src/assets/styles/wizard.css:
--------------------------------------------------------------------------------
1 | .wizard-container {
2 | background-color: #1a202c;
3 | display: flex;
4 | justify-content: center;
5 | align-items: center;
6 | min-height: 100vh;
7 | background-size: cover;
8 | background-position: center;
9 | background-repeat: no-repeat;
10 | transition: background-image 0.7s ease-in-out;
11 | /* Dark overlay for better text contrast */
12 | position: relative;
13 | z-index: 1;
14 | }
15 |
16 | .wizard-container::before {
17 | content: '';
18 | position: absolute;
19 | top: 0;
20 | left: 0;
21 | right: 0;
22 | bottom: 0;
23 | background: rgba(0, 0, 0, 0.6);
24 | z-index: -1;
25 | }
26 |
27 | .wizard-content {
28 | padding: 20px;
29 | background-color: #2d3748e7 !important;
30 | border-radius: 10px;
31 | max-width: 800px;
32 | width: 100%;
33 | }
34 |
35 | .progress-bar {
36 | width: 100%;
37 | background-color: #4a5568;
38 | border-radius: 5px;
39 | height: 8px;
40 | margin-bottom: 20px;
41 | }
42 |
43 | .progress {
44 | background-color: #3182ce;
45 | height: 100%;
46 | border-radius: 5px;
47 | transition: width 0.3s ease;
48 | }
49 |
50 | .steps-count {
51 | text-align: center;
52 | color: #cbd5e0;
53 | }
54 |
55 | .steps-count {
56 | font-size: 1rem;
57 | color: #a0aec0;
58 | text-align: center;
59 | margin-bottom: 1.5rem;
60 | }
61 |
62 | .step-summary {
63 | display: flex;
64 | justify-content: space-between;
65 | align-items: center;
66 | padding: 10px;
67 | background-color: #1a202c;
68 | border-radius: 8px;
69 | margin-bottom: 20px;
70 | color: #e2e8f0;
71 | }
72 |
73 | button {
74 | background-color: #3182ce;
75 | color: white;
76 | font-weight: bold;
77 | padding: 12px 20px;
78 | border-radius: 8px;
79 | transition: background-color 0.3s ease, transform 0.3s ease;
80 | box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
81 | }
82 |
83 | button:hover {
84 | background-color: #2c5282;
85 | transform: translateY(-2px);
86 | }
87 |
88 | button:disabled {
89 | background-color: #a0aec0;
90 | cursor: not-allowed;
91 | box-shadow: none;
92 | }
93 |
94 | .wizard-content {
95 | padding: 30px;
96 | background-color: #2d3748;
97 | border-radius: 15px;
98 | max-width: 850px;
99 | width: 100%;
100 | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
101 | }
102 |
103 | input {
104 | color: #ffffff;
105 | /* Cambia il colore del testo all'interno dell'input */
106 | background-color: #2d3748;
107 | /* Cambia anche il colore di sfondo dell'input */
108 | border: 1px solid #4a5568;
109 | /* Colore del bordo */
110 | padding: 10px;
111 | border-radius: 5px;
112 | font-size: 1rem;
113 | }
114 |
115 | input::placeholder {
116 | color: #a0aec0;
117 | /* Cambia il colore del placeholder */
118 | }
119 |
120 | /* Stili per il campo select */
121 | select {
122 | background-color: #2d3748; /* Colore di sfondo del select */
123 | color: #ffffff; /* Colore del testo selezionato */
124 | border: 1px solid #4a5568; /* Colore del bordo */
125 | padding: 10px;
126 | border-radius: 5px;
127 | font-size: 1rem;
128 | appearance: none; /* Nasconde la freccia nativa del browser */
129 | background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.362' height='292.362' viewBox='0 0 292.362 292.362'%3E%3Cpath fill='%23ffffff' d='M287.929 69.574c-7.614-7.611-19.978-7.611-27.586 0L146.181 183.736 32.021 69.574c-7.614-7.611-19.978-7.611-27.591 0-7.614 7.614-7.614 19.978 0 27.593l131.743 131.746c3.807 3.807 8.794 5.711 13.787 5.711 4.993 0 9.98-1.904 13.787-5.711l131.743-131.746c7.613-7.615 7.613-19.979 0-27.593z'/%3E%3C/svg%3E");
130 | background-repeat: no-repeat;
131 | background-position: right 10px top 50%; /* Posiziona la freccia a destra */
132 | background-size: 10px; /* Dimensione della freccia */
133 | }
134 |
135 | /* Cambia il colore delle opzioni del dropdown */
136 | select option {
137 | background-color: #2d3748; /* Colore di sfondo delle opzioni */
138 | color: #ffffff; /* Colore del testo delle opzioni */
139 | }
140 |
141 | /* Aggiungi effetto hover alle opzioni */
142 | select option:hover {
143 | background-color: #4a5568; /* Colore di sfondo quando l'opzione è selezionata */
144 | color: #ffffff; /* Colore del testo */
145 | }
146 |
147 | /* Cambia l'aspetto del select quando è in focus */
148 | select:focus {
149 | outline: none; /* Rimuove il bordo di default */
150 | border: 1px solid #3182ce; /* Aggiunge un bordo blu quando è in focus */
151 | }
152 |
153 | .fade-enter-active, .fade-leave-active {
154 | transition: opacity 0.3s ease;
155 | }
156 | .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
157 |
158 | opacity: 0;
159 | }
160 |
161 | .update-notification {
162 | background-color: #2d3748; /* Darker gray for contrast */
163 | border-radius: 0.5rem;
164 | padding: 0.5rem;
165 | margin-top: 0.5rem;
166 | text-align: center;
167 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
168 | transition: transform 0.2s ease-in-out;
169 | }
170 |
171 | .update-notification:hover {
172 | transform: scale(1.05); /* Small scale effect on hover */
173 | }
174 |
175 | .attached-logo {
176 | width: 100px;
177 | height: auto;
178 | display: block;
179 | margin: 0 auto;
180 | margin-bottom: 30px;
181 | }
182 |
183 | @media (max-width: 768px) {
184 | .wizard-content {
185 | padding: 20px;
186 | font-size: 0.9rem;
187 | }
188 |
189 | .wizard-title {
190 | font-size: 1.8rem;
191 | }
192 |
193 | .steps-count {
194 | font-size: 0.85rem;
195 | }
196 |
197 | button {
198 | padding: 10px 15px;
199 | }
200 |
201 | .attached-logo {
202 | width: 80px;
203 | }
204 | .version-tag {
205 | width: 35px;
206 | height: 35px;
207 | font-size: 0.75rem;
208 | }
209 | }
--------------------------------------------------------------------------------
/client/src/assets/tailwind.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
--------------------------------------------------------------------------------
/client/src/components/AppFooter.vue:
--------------------------------------------------------------------------------
1 |
2 |
40 |
41 |
42 |
69 |
70 |
187 |
--------------------------------------------------------------------------------
/client/src/components/ConfigWizard.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
28 |
29 |
30 |
220 |
221 |
--------------------------------------------------------------------------------
/client/src/components/LogsComponent.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
23 |
24 |
7 |
8 | 
9 |
10 |
13 |
17 |
20 |
21 |
22 |
9 |
10 |
13 | {{ currentStep }} / {{ steps.length }} Steps Complete
14 | 15 | 16 |
25 |
27 |
3 |
49 |
50 |
51 |
169 |
170 |
321 |
--------------------------------------------------------------------------------
/client/src/components/configWizard/AdditionalSettings.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
23 |
24 |
44 |
48 |
6 |
7 |
8 |
15 |
16 |
19 |
20 |
21 |
22 | | TIMESTAMP | 26 |SEVERITY | 27 |LABEL | 28 |MESSAGE | 29 |30 | |
|---|---|---|---|---|
| {{ log.dateTime }} | 35 |{{ log.severity }} | 36 |{{ log.tag }} | 37 |{{ log.message }} | 38 |39 | 40 | | 41 |
45 |
47 |
3 |
61 |
62 |
63 |
94 |
--------------------------------------------------------------------------------
/client/src/components/configWizard/DbConfig.vue:
--------------------------------------------------------------------------------
1 |
2 | Additional Configuration
4 |Suggestarr scans your recent viewing history and finds similar content based on the settings below. Adjust these options to control the number and type of suggestions generated.
5 | 6 | 7 | 8 |Define how many similar movies Suggestarr should find for each movie viewed. For example, if set to 1, Suggestarr will suggest one similar movie for every movie in the recent viewing history.
9 | 13 | 14 | 15 | 16 |Define how many similar TV shows Suggestarr should find for each show in the viewing history. For example, if set to 2, it will suggest up to two similar shows for every recently viewed show.
17 | 21 | 22 | 23 | 24 |Set the maximum number of items from your recent viewing history Suggestarr should analyze. For instance, if set to 3, it will look for similar items based on the last three movies or shows viewed.
25 | 29 | 30 | 31 | 32 |Specify how many suggestions Suggestarr should generate for each item it analyzes. For example, if set to 5, Suggestarr will find up to 5 possible suggestions for each movie or show it checks.
33 | 37 | 38 | 39 | 40 |Define when Suggestarr should run searches using a cron schedule. For example, "0 0 * * *" means checks will occur every day at midnight. Incorrect cron formats will show an error.
41 | 45 | 46 |{{ cronDescription }}
47 |{{ cronError }}
48 | 49 | 50 |Specify the subpath where Suggestarr will be accessed. For example, "/suggestarr" would make Suggestarr accessible at "yourdomain.com/suggestarr". If left empty, it defaults to the root path.
51 | 55 | 56 |
57 |
58 |
59 |
60 |
3 |
83 |
84 |
85 |
145 |
--------------------------------------------------------------------------------
/client/src/components/configWizard/JellyfinConfig.vue:
--------------------------------------------------------------------------------
1 |
2 | Database Configuration
4 |Configure the database settings below to connect to your preferred database (PostgreSQL, MySQL/MariaDB, or SQLite). By default, SQLite is used for the standard configuration.
5 | 6 | 7 | 8 |Select the database to store request made from SuggestArr.
9 | 15 | 16 |
17 |
18 |
19 |
75 |
76 | Enter the database host address
20 | 24 | 25 | 26 | 27 |Enter the port number for the database. Default for PostgreSQL is 5432, MySQL/MariaDB is 3306.
28 | 32 | 33 | 50 | 51 | 52 | 53 |Enter the name of the database you wish to connect to.
54 |55 | Important: The database must be created before connecting. 56 |
57 | 61 | 62 | 63 |{{ dbError }}
64 |{{ dbSuccess }}
65 | 66 | 67 |
68 |
72 |
73 |
74 |
77 |
78 |
81 |
82 |
3 |
78 |
79 |
80 |
204 |
--------------------------------------------------------------------------------
/client/src/components/configWizard/MediaServiceSelection.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ serviceName }} Configuration
4 |5 | To obtain your {{ serviceName }} API Key, follow these steps: Open the {{ serviceName }} web interface, navigate to the Control Panel, select "API Keys," create a new key, and copy it for use in this configuration. 6 |
7 | 8 | 9 | 10 | 13 | 14 | 15 | 16 |
17 |
21 |
31 |
32 |
33 |
34 |
35 |
47 |
48 |
49 | Select the {{ serviceName }} libraries you want to include:
36 | (If no libraries are selected, all libraries will be included.) 37 |
38 |
46 |
43 | {{ library.Name }}
44 |
45 |
50 |
62 |
63 |
64 | Select the {{ serviceName }} users you want to include:
51 | (If no users are selected, all users will be included.) 52 |
53 |
61 |
58 | {{ user.name }}
59 |
60 |
66 | Failed to validate {{ serviceName }} Key or retrieve libraries.
67 |
68 |
69 |
70 |
71 |
73 |
76 |
77 |
3 |
27 |
28 |
29 |
51 |
52 |
127 |
--------------------------------------------------------------------------------
/client/src/components/configWizard/PlexConfig.vue:
--------------------------------------------------------------------------------
1 |
2 | Select the media service you want to use:
4 |
5 |
19 |
20 |
9 |
12 |
13 |
18 |
14 | ✨ NEW
15 |
16 |
17 |
21 |
25 |
26 |
3 |
114 |
115 |
116 |
117 |
--------------------------------------------------------------------------------
/client/src/components/configWizard/SeerConfig.vue:
--------------------------------------------------------------------------------
1 |
2 | Plex Configuration
4 |5 | Login using your Plex account. 6 |
7 | 8 |
9 |
13 |
14 |
15 |
16 |
18 |
40 |
41 |
19 |
20 |
21 |
31 |
32 |
33 |
38 |
39 |
42 |
64 |
65 |
66 | Manual Server Configuration
43 | 44 | 48 | 49 | 50 |
51 |
52 |
56 |
57 |
58 |
62 |
63 |
67 |
78 |
79 |
80 | Select the Plex libraries you want to include:
68 | (If no libraries are selected, all libraries will be included.) 69 |
70 |
77 |
74 | {{ library.title }}
75 |
76 |
81 |
100 |
101 |
102 | 82 | Select the Plex Users you want to include 83 | BETA 84 |
85 | (If no users are selected, all users will be included.) 86 |
87 |
99 |
96 | {{ user.name }}
97 |
98 |
103 |
107 |
112 |
113 |
3 |
110 |
111 |
112 |
205 |
--------------------------------------------------------------------------------
/client/src/components/configWizard/TmdbConfig.vue:
--------------------------------------------------------------------------------
1 |
2 | Overseer/Jellyseer API Configuration
4 |To obtain your Overseer/Jellyseer API Key, open the Overseer/Jellyseer interface, 5 | navigate to Settings, locate the "API Key" section, and copy your key for use in this configuration.
6 | 7 | 8 | 10 | 14 | 15 | 16 | 18 |
19 |
23 |
35 |
36 |
37 |
38 |
40 | Failed to validate Overseer/Jellyseer Key.
41 |
42 |
43 |
44 |
45 |
47 |
48 |
98 |
99 |
100 | 49 | Only local users of Overseer/Jellyseer can be selected. Selecting a specific user is useful if you want to 50 | disable automatic approval of requests and manually approve them before automatic downloading. 51 | This step is optional. If no user is selected, the administrator account will be used to make requests. 52 |
53 | 96 | 97 |
101 |
103 |
108 |
109 |
3 |
48 |
49 |
50 |
89 |
--------------------------------------------------------------------------------
/client/src/main.js:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue';
2 | import App from './App.vue';
3 | import ToastPlugin from 'vue-toast-notification';
4 | import 'vue-toast-notification/dist/theme-bootstrap.css';
5 | import axios from 'axios';
6 | import router from './router';
7 |
8 | const app = createApp(App);
9 |
10 | if (process.env.NODE_ENV === 'development') {
11 | axios.defaults.baseURL = 'http://localhost:5000';
12 | }
13 |
14 | const options = {
15 | position: 'top-right',
16 | timeout: 5000,
17 | closeOnClick: false,
18 | pauseOnHover: true,
19 | draggable: false,
20 | showCloseButtonOnHover: true,
21 | closeButton: 'button',
22 | icon: true,
23 | rtl: false,
24 | };
25 |
26 | app.use(ToastPlugin, options);
--------------------------------------------------------------------------------
/client/src/router/index.js:
--------------------------------------------------------------------------------
1 | import { createRouter, createWebHistory } from 'vue-router';
2 | import RequestsPage from '@/components/RequestsPage.vue';
3 | import ConfigWizard from '@/components/ConfigWizard.vue';
4 | import axios from 'axios';
5 | import { createApp } from 'vue';
6 | import App from '../App.vue';
7 | import 'vue-toast-notification/dist/theme-bootstrap.css';
8 | import ToastPlugin from 'vue-toast-notification';
9 |
10 | async function loadConfig() {
11 | if (process.env.NODE_ENV === 'development') {
12 | axios.defaults.baseURL = 'http://localhost:5000';
13 | }
14 |
15 | try {
16 | const response = await axios.get('/api/config/fetch');
17 | return response.data.SUBPATH || '';
18 | } catch (error) {
19 | throw new Error('Unable to load the configuration file');
20 | }
21 | }
22 |
23 | async function createAppRouter() {
24 | const subpath = await loadConfig();
25 |
26 | const routes = [
27 | { path: `/requests`, name: 'RequestsPage', component: RequestsPage },
28 | { path: `/`, name: 'Home', component: ConfigWizard },
29 | ];
30 |
31 | return createRouter({
32 | history: createWebHistory(subpath || '/'),
33 | routes
34 | });
35 | }
36 |
37 | createAppRouter().then(router => {
38 | const app = createApp(App);
39 | app.use(router);
40 | app.mount('#app');
41 | const options = {
42 | position: 'top-right',
43 | timeout: 5000,
44 | closeOnClick: false,
45 | pauseOnHover: true,
46 | draggable: false,
47 | showCloseButtonOnHover: true,
48 | closeButton: 'button',
49 | icon: true,
50 | rtl: false,
51 | };
52 |
53 | app.use(ToastPlugin, options);
54 | }).catch(error => {
55 | console.error('Error loading the router:', error);
56 | });
57 |
--------------------------------------------------------------------------------
/client/vue.config.js:
--------------------------------------------------------------------------------
1 | const { defineConfig } = require('@vue/cli-service')
2 | const webpack = require('webpack');
3 |
4 | module.exports = {
5 | transpileDependencies: [],
6 | };
7 |
8 | module.exports = defineConfig({
9 | configureWebpack: {
10 | plugins: [
11 | new webpack.DefinePlugin({
12 | __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false',
13 | })
14 | ],
15 | },
16 | });
--------------------------------------------------------------------------------
/config/supervisord.conf:
--------------------------------------------------------------------------------
1 | [supervisord]
2 | nodaemon=true
3 |
4 | [program:uvicorn]
5 | command=uvicorn api_service.app:asgi_app --host 0.0.0.0 --port %(ENV_SUGGESTARR_PORT)s --log-level %(ENV_LOG_LEVEL)s
6 | directory=/app
7 | autorestart=true
8 | stdout_logfile=/dev/stdout
9 | stderr_logfile=/dev/stderr
10 | stdout_maxbytes=0
11 | stderr_maxbytes=0
12 | stdout_logfile_maxbytes = 0
13 | stderr_logfile_maxbytes = 0
14 |
--------------------------------------------------------------------------------
/docker/Dockerfile:
--------------------------------------------------------------------------------
1 | # Stage 1: Build the client
2 | FROM node:22 AS client-builder
3 | WORKDIR /app/client
4 | COPY client/package*.json ./
5 | RUN npm install && npm cache clean --force
6 | COPY client/ .
7 | RUN npm run build
8 |
9 | # Stage 2: Create the final image
10 | FROM python:3.13-alpine AS prod
11 |
12 | # Set the working directory for the api_service
13 | WORKDIR /app/api_service
14 |
15 | # Copy and install Python dependencies first (use cache efficiently)
16 | COPY api_service/requirements.txt /app/api_service/
17 | RUN pip install --no-cache-dir -r requirements.txt
18 |
19 | # Copy the client build files from the previous stage
20 | COPY --from=client-builder /app/client/dist /app/static
21 |
22 | # Copy the api_service source code
23 | COPY api_service/ /app/api_service/
24 |
25 | # Copy docker entrypoint script
26 | COPY docker/docker_entrypoint.sh /app/
27 | RUN chmod +x /app/docker_entrypoint.sh
28 |
29 | # Create log files for Gunicorn
30 | RUN touch /var/log/gunicorn.log /var/log/gunicorn_error.log
31 |
32 | # Expose the port used by Gunicorn
33 | ARG SUGGESTARR_PORT=5000
34 | EXPOSE ${SUGGESTARR_PORT}
35 |
36 | # Start Supervisor to manage Gunicorn
37 | ENV LOG_LEVEL=info
38 | # Set the port dynamically
39 | ENV SUGGESTARR_PORT=${SUGGESTARR_PORT}
40 |
41 | # Use the custom port in the entrypoint command
42 | ENTRYPOINT ["/app/docker_entrypoint.sh"]
43 | CMD ["--host", "0.0.0.0", "--port", "${SUGGESTARR_PORT}", "--log-level", "info"]
44 |
--------------------------------------------------------------------------------
/docker/docker-compose.yml:
--------------------------------------------------------------------------------
1 | services:
2 | suggestarr:
3 | image: ciuse99/suggestarr:latest
4 | container_name: SuggestArr
5 | restart: always
6 | ports:
7 | - "${SUGGESTARR_PORT:-5000}:${SUGGESTARR_PORT:-5000}"
8 | volumes:
9 | - ./config_files:/app/config/config_files
10 | environment:
11 | - LOG_LEVEL=${LOG_LEVEL:-info}
12 | - SUGGESTARR_PORT=${SUGGESTARR_PORT:-5000}
13 | - TZ=Europe/Rome
14 |
--------------------------------------------------------------------------------
/docker/docker_entrypoint.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | set -e
3 |
4 | args="$@"
5 |
6 | cd /app && exec uvicorn api_service.app:asgi_app $(eval echo "$args")
7 |
--------------------------------------------------------------------------------
/unraid/ca_profile.xml:
--------------------------------------------------------------------------------
1 |
2 | TMDB Configuration
4 |5 | You can get your TMDB API Key by signing up at 6 | The Movie Database. 7 |
8 | 9 | 10 | 11 |
12 |
16 |
28 |
29 |
30 |
31 |
32 | Failed to validate TMDB API Key.
33 |
34 |
35 |
36 |
37 |
41 |
46 |
47 |