added global alias for js folders, removed modules folder in js

.gitignore

@@ -3,6 +3,7 @@ __pycache__
 
 .DS_Store
 node_modules
+jsconfig.json
 
 # pyinstaller build dirs
 /dist

rollup.config.js

@@ -25,6 +25,14 @@ export default {
 				{
 					find: 'vue',
 					replacement: 'vue/dist/vue.esm'
+				},
+				{
+					find: '@',
+					replacement: __dirname + '/src'
+				},
+				{
+					find: '@components',
+					replacement: __dirname + '/src/js/components'
 				}
 			]
 		}),

src/js/app.js

@@ -1,25 +1,27 @@
 // Global Vue components
-import './modules/components/LoadingPlaceholder.js'
+import '@components/LoadingPlaceholder.js'
 
 // Vue views components
-import './modules/components/artist-tab.js'
+import '@components/artist-tab.js'
-import './modules/components/charts-tab.js'
+import '@components/charts-tab.js'
-import './modules/components/errors-tab.js'
+import '@components/errors-tab.js'
-import './modules/components/favorites-tab.js'
+import '@components/favorites-tab.js'
-import './modules/components/home-tab.js'
+import '@components/home-tab.js'
-import './modules/components/link-analyzer-tab.js'
+import '@components/link-analyzer-tab.js'
-import './modules/components/main-search.js'
+import '@components/main-search.js'
-import './modules/components/settings-tab.js'
+import '@components/settings-tab.js'
-import './modules/components/tracklist-tab.js'
+import '@components/tracklist-tab.js'
+
+import '@components/TestComponent.vue'
 
 import $ from 'jquery'
-import { socket } from './modules/socket.js'
+import { socket } from '@/js/socket.js'
-import { toast } from './modules/toasts.js'
+import { toast } from '@/js/toasts.js'
-import Downloads from './modules/downloads.js'
+import Downloads from '@/js/downloads.js'
-import QualityModal from './modules/quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-import Tabs from './modules/tabs.js'
+import Tabs from '@/js/tabs.js'
-import Search from './modules/search.js'
+import Search from '@/js/search.js'
-import TrackPreview from './modules/track-preview.js'
+import TrackPreview from '@/js/track-preview.js'
 
 /* ===== App initialization ===== */
 

src/js/components/artist-tab.js

@@ -1,9 +1,9 @@
 import { isEmpty, orderBy } from 'lodash-es'
 import Vue from 'vue'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import Downloads from '../downloads.js'
+import Downloads from '@/js/downloads.js'
-import QualityModal from '../quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-import { showView } from '../tabs.js'
+import { showView } from '@/js/tabs.js'
 
 const ArtistTab = new Vue({
 	data() {

src/js/components/charts-tab.js

@@ -1,10 +1,10 @@
 import Vue from 'vue'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import { showView } from '../tabs.js'
+import { showView } from '@/js/tabs.js'
-import Downloads from '../downloads.js'
+import Downloads from '@/js/downloads.js'
-import QualityModal from '../quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-import TrackPreview from '../track-preview.js'
+import TrackPreview from '@/js/track-preview.js'
-import Utils from '../utils.js'
+import Utils from '@/js/utils.js'
 
 const ChartsTab = new Vue({
 	data() {

src/js/components/favorites-tab.js

@@ -1,11 +1,11 @@
 import Vue from 'vue'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import { showView } from '../tabs.js'
+import { showView } from '@/js/tabs.js'
-import Downloads from '../downloads.js'
+import Downloads from '@/js/downloads.js'
-import QualityModal from '../quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-import TrackPreview from '../track-preview.js'
+import TrackPreview from '@/js/track-preview.js'
-import Utils from '../utils.js'
+import Utils from '@/js/utils.js'
-import { toast } from '../toasts'
+import { toast } from '@/js/toasts'
 
 const FavoritesTab = new Vue({
 	data() {

src/js/components/home-tab.js

@@ -1,10 +1,8 @@
 import Vue from 'vue'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import { showView } from '../tabs.js'
+import { showView } from '@/js/tabs.js'
-import Downloads from '../downloads.js'
+import Downloads from '@/js/downloads.js'
-import QualityModal from '../quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-// import TrackPreview from '../track-preview.js'
-// import Utils from '../utils.js'
 
 const HomeTab = new Vue({
 	data() {

src/js/components/link-analyzer-tab.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import { showView } from '../tabs.js'
+import { showView } from '@/js/tabs.js'
-import Utils from '../utils.js'
+import Utils from '@/js/utils.js'
 
 const LinkAnalyzerTab = new Vue({
 	data() {

src/js/components/main-search.js

@@ -1,10 +1,10 @@
 import Vue from 'vue'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import { showView } from '../tabs.js'
+import { showView } from '@/js/tabs.js'
-import Downloads from '../downloads.js'
+import Downloads from '@/js/downloads.js'
-import QualityModal from '../quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-import TrackPreview from '../track-preview.js'
+import TrackPreview from '@/js/track-preview.js'
-import Utils from '../utils.js'
+import Utils from '@/js/utils.js'
 
 const MainSearch = new Vue({
 	data: {

src/js/components/settings-tab.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
-import { toast } from '../toasts.js'
+import { toast } from '@/js/toasts.js'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import TestComponent from './TestComponent.vue'
+import TestComponent from '@components/TestComponent.vue'
 
 const SettingsTab = new Vue({
 	components: {
@@ -81,7 +81,9 @@ const SettingsTab = new Vue({
 		},
 		accountChanged(user, accountNum) {
 			this.$refs.username.innerText = user.name
-			this.$refs.userpicture.src = `https://e-cdns-images.dzcdn.net/images/user/${user.picture}/125x125-000000-80-0-0.jpg`
+			this.$refs.userpicture.src = `https://e-cdns-images.dzcdn.net/images/user/${
+				user.picture
+			}/125x125-000000-80-0-0.jpg`
 			this.accountNum = accountNum
 			localStorage.setItem('accountNum', this.accountNum)
 		},

src/js/components/tracklist-tab.js

@@ -1,11 +1,11 @@
 import { isEmpty } from 'lodash-es'
 import Vue from 'vue'
-import { socket } from '../socket.js'
+import { socket } from '@/js/socket.js'
-import { showView } from '../tabs.js'
+import { showView } from '@/js/tabs.js'
-import Downloads from '../downloads.js'
+import Downloads from '@/js/downloads.js'
-import QualityModal from '../quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-import TrackPreview from '../track-preview.js'
+import TrackPreview from '@/js/track-preview.js'
-import Utils from '../utils.js'
+import Utils from '@/js/utils.js'
 
 const TracklistTab = new Vue({
 	data: () => ({

src/js/downloads.js

@@ -1,7 +1,7 @@
 import $ from 'jquery'
-import { socket } from './socket.js'
+import { socket } from '@/js/socket.js'
-import { toast } from './toasts.js'
+import { toast } from '@/js/toasts.js'
-import { showErrors } from './tabs.js'
+import { showErrors } from '@/js/tabs.js'
 
 /* ===== Locals ===== */
 const tabMinWidth = 250
@@ -141,7 +141,9 @@ function addToQueue(queueItem, current = false) {
 	$('#bar_' + queueItem.uuid).css('width', queueItem.progress + '%')
 	if (queueItem.failed >= 1 && $('#download_' + queueItem.uuid + ' .queue_failed').length == 0) {
 		$('#download_' + queueItem.uuid + ' .download_info_status').append(
-			`<span class="secondary-text inline-flex"><span class="download_slim_separator">(</span><span class="queue_failed_button inline-flex"><span class="queue_failed">${queueItem.failed}</span><i class="material-icons">error_outline</i></span><span class="download_slim_separator">)</span></span>`
+			`<span class="secondary-text inline-flex"><span class="download_slim_separator">(</span><span class="queue_failed_button inline-flex"><span class="queue_failed">${
+				queueItem.failed
+			}</span><i class="material-icons">error_outline</i></span><span class="download_slim_separator">)</span></span>`
 		)
 	}
 	if (queueItem.downloaded + queueItem.failed == queueItem.size) {

src/js/quality-modal.js

@@ -1,4 +1,4 @@
-import Downloads from './downloads.js'
+import Downloads from '@/js/downloads.js'
 
 const QualityModal = {
 	// Defaults

src/js/search.js

@@ -1,9 +1,9 @@
-import MainSearch from './components/main-search.js'
+import MainSearch from '@components/main-search.js'
-import Utils from './utils.js'
+import Utils from '@/js/utils.js'
-import QualityModal from './quality-modal.js'
+import QualityModal from '@/js/quality-modal.js'
-import Downloads from './downloads.js'
+import Downloads from '@/js/downloads.js'
-import { socket } from './socket.js'
+import { socket } from '@/js/socket.js'
-import Tabs from './tabs.js'
+import Tabs from '@/js/tabs.js'
 
 function linkListeners() {
 	document.getElementById('content').addEventListener('scroll', Utils.debounce(handleContentScroll, 100))

src/js/tabs.js

@@ -1,11 +1,11 @@
-import ArtistTab from './components/artist-tab.js'
+import ArtistTab from '@components/artist-tab.js'
-import TracklistTab from './components/tracklist-tab.js'
+import TracklistTab from '@components/tracklist-tab.js'
-import LinkAnalyzerTab from './components/link-analyzer-tab.js'
+import LinkAnalyzerTab from '@components/link-analyzer-tab.js'
-import ErrorsTab from './components/errors-tab.js'
+import ErrorsTab from '@components/errors-tab.js'
-import { socket } from './socket.js'
+import SettingsTab from '@components/settings-tab.js'
-import SettingsTab from './components/settings-tab.js'
+import MainSearch from '@components/main-search.js'
-import MainSearch from './components/main-search.js'
+import { socket } from '@/js/socket.js'
-import TrackPreview from './track-preview.js'
+import TrackPreview from '@/js/track-preview.js'
 
 /* ===== Globals ====== */
 window.search_selected = ''
@@ -242,7 +242,10 @@ function showTab(type, id, back = false) {
 	if (windows_stack.length == 0) {
 		windows_stack.push({ tab: main_selected })
 	} else if (!back) {
-		if (currentStack.type === 'artist') currentStack.selected = ArtistTab.getCurrentTab()
+		if (currentStack.type === 'artist') {
+			currentStack.selected = ArtistTab.getCurrentTab()
+		}
+
 		windows_stack.push(currentStack)
 	}
 
@@ -254,6 +257,7 @@ function showTab(type, id, back = false) {
 	for (let i = 0; i < tabcontent.length; i++) {
 		tabcontent[i].style.display = 'none'
 	}
+
 	document.getElementById(tab).style.display = 'block'
 	TrackPreview.stopStackedTabsPreview()
 }