changed directory structure of js and Vue files; added plugin for translation (can try it in settings)

src/utils/EventBus.js

@@ -0,0 +1,4 @@
+// https://alligator.io/vuejs/global-event-bus/
+import Vue from 'vue'
+
+export default new Vue()

src/utils/downloads.js

@@ -0,0 +1,11 @@
+import { socket } from '@/utils/socket'
+
+function sendAddToQueue(url, bitrate = null) {
+	if (url != '') {
+		socket.emit('addToQueue', { url: url, bitrate: bitrate }, () => {})
+	}
+}
+
+export default {
+	sendAddToQueue
+}

src/utils/socket.js

@@ -0,0 +1,5 @@
+export const socket = io.connect(window.location.href)
+
+socket.on('connect', () => {
+	document.getElementById('start_app_placeholder').classList.add('loading_placeholder--hidden')
+})

src/utils/toasts.js

@@ -0,0 +1,47 @@
+import Toastify from 'toastify-js'
+import $ from 'jquery'
+
+import { socket } from '@/utils/socket'
+
+let toastsWithId = {}
+
+export const toast = function(msg, icon = null, dismiss = true, id = null) {
+	if (toastsWithId[id]) {
+		let toastObj = toastsWithId[id]
+		let toastDOM = $(`div.toastify[toast_id=${id}]`)
+		if (msg) {
+			toastDOM.find('.toast-message').html(msg)
+		}
+		if (icon) {
+			if (icon == 'loading') icon = `<div class="circle-loader"></div>`
+			else icon = `<i class="material-icons">${icon}</i>`
+			toastDOM.find('.toast-icon').html(icon)
+		}
+		if (dismiss !== null && dismiss) {
+			setTimeout(function() {
+				toastObj.hideToast()
+				delete toastsWithId[id]
+			}, 3000)
+		}
+	} else {
+		if (icon == null) icon = ''
+		else if (icon == 'loading') icon = `<div class="circle-loader"></div>`
+		else icon = `<i class="material-icons">${icon}</i>`
+		let toastObj = Toastify({
+			text: `<span class="toast-icon">${icon}</span><span class="toast-message">${msg}</toast>`,
+			duration: dismiss ? 3000 : 0,
+			gravity: 'bottom',
+			position: 'left'
+		}).showToast()
+		if (id) {
+			toastsWithId[id] = toastObj
+			$(toastObj.toastElement).attr('toast_id', id)
+		}
+	}
+}
+
+socket.on('toast', data => {
+	const { msg, icon, dismiss, id } = data
+
+	toast(msg, icon || null, dismiss !== undefined ? dismiss : true, id || null)
+})

src/utils/utils.js

@@ -0,0 +1,316 @@
+export function isValidURL(text) {
+	let lowerCaseText = text.toLowerCase()
+
+	if (lowerCaseText.startsWith('http')) {
+		if (lowerCaseText.indexOf('deezer.com') >= 0 || lowerCaseText.indexOf('open.spotify.com') >= 0) {
+			return true
+		}
+	} else if (lowerCaseText.startsWith('spotify:')) {
+		return true
+	}
+	return false
+}
+
+export function convertDuration(duration) {
+	// Convert from seconds only to mm:ss format
+	let mm, ss
+	mm = Math.floor(duration / 60)
+	ss = duration - mm * 60
+	// Add leading zero if ss < 0
+	if (ss < 10) {
+		ss = '0' + ss
+	}
+	return mm + ':' + ss
+}
+
+export function convertDurationSeparated(duration) {
+	let hh, mm, ss
+	mm = Math.floor(duration / 60)
+	hh = Math.floor(mm / 60)
+	ss = duration - mm * 60
+	mm -= hh * 60
+	return [hh, mm, ss]
+}
+
+export function numberWithDots(x) {
+	return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.')
+}
+
+// On scroll event, returns currentTarget = null
+// Probably on other events too
+export function debounce(func, wait, immediate) {
+	var timeout
+	return function() {
+		var context = this
+		var args = arguments
+		var later = function() {
+			timeout = null
+			if (!immediate) func.apply(context, args)
+		}
+		var callNow = immediate && !timeout
+		clearTimeout(timeout)
+		timeout = setTimeout(later, wait)
+		if (callNow) func.apply(context, args)
+	}
+}
+
+export const COUNTRIES = {
+	AF: 'Afghanistan',
+	AX: '\u00c5land Islands',
+	AL: 'Albania',
+	DZ: 'Algeria',
+	AS: 'American Samoa',
+	AD: 'Andorra',
+	AO: 'Angola',
+	AI: 'Anguilla',
+	AQ: 'Antarctica',
+	AG: 'Antigua and Barbuda',
+	AR: 'Argentina',
+	AM: 'Armenia',
+	AW: 'Aruba',
+	AU: 'Australia',
+	AT: 'Austria',
+	AZ: 'Azerbaijan',
+	BS: 'Bahamas',
+	BH: 'Bahrain',
+	BD: 'Bangladesh',
+	BB: 'Barbados',
+	BY: 'Belarus',
+	BE: 'Belgium',
+	BZ: 'Belize',
+	BJ: 'Benin',
+	BM: 'Bermuda',
+	BT: 'Bhutan',
+	BO: 'Bolivia, Plurinational State of',
+	BQ: 'Bonaire, Sint Eustatius and Saba',
+	BA: 'Bosnia and Herzegovina',
+	BW: 'Botswana',
+	BV: 'Bouvet Island',
+	BR: 'Brazil',
+	IO: 'British Indian Ocean Territory',
+	BN: 'Brunei Darussalam',
+	BG: 'Bulgaria',
+	BF: 'Burkina Faso',
+	BI: 'Burundi',
+	KH: 'Cambodia',
+	CM: 'Cameroon',
+	CA: 'Canada',
+	CV: 'Cape Verde',
+	KY: 'Cayman Islands',
+	CF: 'Central African Republic',
+	TD: 'Chad',
+	CL: 'Chile',
+	CN: 'China',
+	CX: 'Christmas Island',
+	CC: 'Cocos (Keeling) Islands',
+	CO: 'Colombia',
+	KM: 'Comoros',
+	CG: 'Congo',
+	CD: 'Congo, the Democratic Republic of the',
+	CK: 'Cook Islands',
+	CR: 'Costa Rica',
+	CI: "C\u00f4te d'Ivoire",
+	HR: 'Croatia',
+	CU: 'Cuba',
+	CW: 'Cura\u00e7ao',
+	CY: 'Cyprus',
+	CZ: 'Czech Republic',
+	DK: 'Denmark',
+	DJ: 'Djibouti',
+	DM: 'Dominica',
+	DO: 'Dominican Republic',
+	EC: 'Ecuador',
+	EG: 'Egypt',
+	SV: 'El Salvador',
+	GQ: 'Equatorial Guinea',
+	ER: 'Eritrea',
+	EE: 'Estonia',
+	ET: 'Ethiopia',
+	FK: 'Falkland Islands (Malvinas)',
+	FO: 'Faroe Islands',
+	FJ: 'Fiji',
+	FI: 'Finland',
+	FR: 'France',
+	GF: 'French Guiana',
+	PF: 'French Polynesia',
+	TF: 'French Southern Territories',
+	GA: 'Gabon',
+	GM: 'Gambia',
+	GE: 'Georgia',
+	DE: 'Germany',
+	GH: 'Ghana',
+	GI: 'Gibraltar',
+	GR: 'Greece',
+	GL: 'Greenland',
+	GD: 'Grenada',
+	GP: 'Guadeloupe',
+	GU: 'Guam',
+	GT: 'Guatemala',
+	GG: 'Guernsey',
+	GN: 'Guinea',
+	GW: 'Guinea-Bissau',
+	GY: 'Guyana',
+	HT: 'Haiti',
+	HM: 'Heard Island and McDonald Islands',
+	VA: 'Holy See (Vatican City State)',
+	HN: 'Honduras',
+	HK: 'Hong Kong',
+	HU: 'Hungary',
+	IS: 'Iceland',
+	IN: 'India',
+	ID: 'Indonesia',
+	IR: 'Iran, Islamic Republic of',
+	IQ: 'Iraq',
+	IE: 'Ireland',
+	IM: 'Isle of Man',
+	IL: 'Israel',
+	IT: 'Italy',
+	JM: 'Jamaica',
+	JP: 'Japan',
+	JE: 'Jersey',
+	JO: 'Jordan',
+	KZ: 'Kazakhstan',
+	KE: 'Kenya',
+	KI: 'Kiribati',
+	KP: "Korea, Democratic People's Republic of",
+	KR: 'Korea, Republic of',
+	KW: 'Kuwait',
+	KG: 'Kyrgyzstan',
+	LA: "Lao People's Democratic Republic",
+	LV: 'Latvia',
+	LB: 'Lebanon',
+	LS: 'Lesotho',
+	LR: 'Liberia',
+	LY: 'Libya',
+	LI: 'Liechtenstein',
+	LT: 'Lithuania',
+	LU: 'Luxembourg',
+	MO: 'Macao',
+	MK: 'Macedonia, the Former Yugoslav Republic of',
+	MG: 'Madagascar',
+	MW: 'Malawi',
+	MY: 'Malaysia',
+	MV: 'Maldives',
+	ML: 'Mali',
+	MT: 'Malta',
+	MH: 'Marshall Islands',
+	MQ: 'Martinique',
+	MR: 'Mauritania',
+	MU: 'Mauritius',
+	YT: 'Mayotte',
+	MX: 'Mexico',
+	FM: 'Micronesia, Federated States of',
+	MD: 'Moldova, Republic of',
+	MC: 'Monaco',
+	MN: 'Mongolia',
+	ME: 'Montenegro',
+	MS: 'Montserrat',
+	MA: 'Morocco',
+	MZ: 'Mozambique',
+	MM: 'Myanmar',
+	NA: 'Namibia',
+	NR: 'Nauru',
+	NP: 'Nepal',
+	NL: 'Netherlands',
+	NC: 'New Caledonia',
+	NZ: 'New Zealand',
+	NI: 'Nicaragua',
+	NE: 'Niger',
+	NG: 'Nigeria',
+	NU: 'Niue',
+	NF: 'Norfolk Island',
+	MP: 'Northern Mariana Islands',
+	NO: 'Norway',
+	OM: 'Oman',
+	PK: 'Pakistan',
+	PW: 'Palau',
+	PS: 'Palestine, State of',
+	PA: 'Panama',
+	PG: 'Papua New Guinea',
+	PY: 'Paraguay',
+	PE: 'Peru',
+	PH: 'Philippines',
+	PN: 'Pitcairn',
+	PL: 'Poland',
+	PT: 'Portugal',
+	PR: 'Puerto Rico',
+	QA: 'Qatar',
+	RE: 'R\u00e9union',
+	RO: 'Romania',
+	RU: 'Russian Federation',
+	RW: 'Rwanda',
+	BL: 'Saint Barth\u00e9lemy',
+	SH: 'Saint Helena, Ascension and Tristan da Cunha',
+	KN: 'Saint Kitts and Nevis',
+	LC: 'Saint Lucia',
+	MF: 'Saint Martin (French part)',
+	PM: 'Saint Pierre and Miquelon',
+	VC: 'Saint Vincent and the Grenadines',
+	WS: 'Samoa',
+	SM: 'San Marino',
+	ST: 'Sao Tome and Principe',
+	SA: 'Saudi Arabia',
+	SN: 'Senegal',
+	RS: 'Serbia',
+	SC: 'Seychelles',
+	SL: 'Sierra Leone',
+	SG: 'Singapore',
+	SX: 'Sint Maarten (Dutch part)',
+	SK: 'Slovakia',
+	SI: 'Slovenia',
+	SB: 'Solomon Islands',
+	SO: 'Somalia',
+	ZA: 'South Africa',
+	GS: 'South Georgia and the South Sandwich Islands',
+	SS: 'South Sudan',
+	ES: 'Spain',
+	LK: 'Sri Lanka',
+	SD: 'Sudan',
+	SR: 'Suriname',
+	SJ: 'Svalbard and Jan Mayen',
+	SZ: 'Swaziland',
+	SE: 'Sweden',
+	CH: 'Switzerland',
+	SY: 'Syrian Arab Republic',
+	TW: 'Taiwan, Province of China',
+	TJ: 'Tajikistan',
+	TZ: 'Tanzania, United Republic of',
+	TH: 'Thailand',
+	TL: 'Timor-Leste',
+	TG: 'Togo',
+	TK: 'Tokelau',
+	TO: 'Tonga',
+	TT: 'Trinidad and Tobago',
+	TN: 'Tunisia',
+	TR: 'Turkey',
+	TM: 'Turkmenistan',
+	TC: 'Turks and Caicos Islands',
+	TV: 'Tuvalu',
+	UG: 'Uganda',
+	UA: 'Ukraine',
+	AE: 'United Arab Emirates',
+	GB: 'United Kingdom',
+	US: 'United States',
+	UM: 'United States Minor Outlying Islands',
+	UY: 'Uruguay',
+	UZ: 'Uzbekistan',
+	VU: 'Vanuatu',
+	VE: 'Venezuela, Bolivarian Republic of',
+	VN: 'Viet Nam',
+	VG: 'Virgin Islands, British',
+	VI: 'Virgin Islands, U.S.',
+	WF: 'Wallis and Futuna',
+	EH: 'Western Sahara',
+	YE: 'Yemen',
+	ZM: 'Zambia',
+	ZW: 'Zimbabwe'
+}
+
+export default {
+	isValidURL,
+	convertDuration,
+	convertDurationSeparated,
+	numberWithDots,
+	debounce,
+	COUNTRIES
+}