Preload of config file

1 files changed, 47 insertions, 13 deletions

diff --git a/src/site/App.vue b/src/site/App.vue
index c7c2b38..7ea6f45 100644
--- a/src/site/App.vue
+++ b/src/site/App.vue
@@ -6,12 +6,13 @@
 		@drop="isDrag = false">
 		<router-view :key="$route.fullPath"/>
 
+		<!--
 		<div v-if="!ready"
 			id="loading">
 			<div class="background"/>
 			<Loading class="square"/>
 		</div>
-
+		-->
 		<div v-if="false"
 			id="drag-overlay">
 			<div class="background"/>
@@ -39,16 +40,6 @@ export default {
 		Loading,
 		Logo
 	},
-	async getInitialData({ route, store }) {
-		try {
-			const res = await this.axios.get(`/api/config`);
-			Vue.prototype.$config = res.data;
-			await store.commit('config', res.data);
-			return { config: res.data };
-		} catch (error) {
-			return {};
-		}
-	},
 	data() {
 		return {
 			pageTitle: '',
@@ -69,10 +60,52 @@ export default {
 	},
 	mounted() {
 		console.log(`%c Running lolisafe %c v${this.config.version} %c`, 'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff', 'background:#ff015b; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff', 'background:transparent');
+		this.$store.commit('config', Vue.prototype.$config);
 		this.ready = true;
 	},
 	metaInfo() { // eslint-disable-line complexity
-		return {};
+		return {
+			title: this.pageTitle || 'A small safe worth protecting.',
+			titleTemplate: '%s | lolisafe',
+			link: [
+				{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Nunito:300,400,600,700', body: true },
+				{ rel: 'stylesheet', href: 'https://cdn.materialdesignicons.com/2.1.99/css/materialdesignicons.min.css', body: true },
+
+				{ rel: 'apple-touch-icon', sizes: '180x180', href: '/public/images/icons/apple-touch-icon.png' },
+				{ rel: 'icon', type: 'image/png', sizes: '32x32', href: '/public/images/icons/favicon-32x32.png' },
+				{ rel: 'icon', type: 'image/png', sizes: '16x16', href: '/public/images/icons/favicon-16x16.png' },
+				{ rel: 'manifest', href: '/public/images/icons/manifest.json' },
+				{ rel: 'mask-icon', color: '#FF015B', href: '/public/images/icons/safari-pinned-tab.svg' },
+				{ rel: 'shortcut icon', href: '/public/images/icons/favicon.ico' },
+				{ rel: 'chrome-webstore-item', href: 'https://chrome.google.com/webstore/detail/bjhaeboalljjbggiljjokojcedhmkfoa' },
+				{ type: 'application/json+oembed', href: 'https://listen.moe/public/oembed.json' }
+			],
+			meta: [
+				{ vmid: 'theme-color', name: 'theme-color', content: '#FF015B' },
+
+				{ vmid: 'description', name: 'description', content: 'A modern and self-hosted file upload service that can handle anything you throw at it. Fast uploads, file manager and sharing capabilities all crafted with a beautiful user experience in mind.' },
+				{ vmid: 'keywords', name: 'keywords', content: 'lolisafe, file, upload, uploader, vue, node, open source, free' },
+
+				{ vmid: 'apple-mobile-web-app-title', name: 'apple-mobile-web-app-title', content: 'lolisafe' },
+				{ vmid: 'application-name', name: 'application-name', content: 'lolisafe' },
+				{ vmid: 'msapplication-config', name: 'msapplication-config', content: '/public/images/icons/browserconfig.xml' },
+
+				{ vmid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },
+				{ vmid: 'twitter:site', name: 'twitter:site', content: '@its_pitu' },
+				{ vmid: 'twitter:creator', name: 'twitter:creator', content: '@its_pitu' },
+				{ vmid: 'twitter:title', name: 'twitter:title', content: `lolisafe` },
+				{ vmid: 'twitter:description', name: 'twitter:description', content: 'A modern and self-hosted file upload service that can handle anything you throw at it. Fast uploads, file manager and sharing capabilities all crafted with a beautiful user experience in mind.' },
+				{ vmid: 'twitter:image', name: 'twitter:image', content: 'https://listen.moe/public/images/share.jpg' },
+
+				{ vmid: 'og:url', property: 'og:url', content: 'https://listen.moe' },
+				{ vmid: 'og:type', property: 'og:type', content: 'website' },
+				{ vmid: 'og:title', property: 'og:title', content: `lolisafe` },
+				{ vmid: 'og:description', property: 'og:description', content: 'A modern and self-hosted file upload service that can handle anything you throw at it. Fast uploads, file manager and sharing capabilities all crafted with a beautiful user experience in mind.' },
+				{ vmid: 'og:image', property: 'og:image', content: 'https://listen.moe/public/images/share.jpg' },
+				{ vmid: 'og:image:secure_url', property: 'og:image:secure_url', content: 'https://listen.moe/public/images/share.jpg' },
+				{ vmid: 'og:site_name', property: 'og:site_name', content: 'LISTEN.moe' }
+			]
+		};
 	},
 	created() {
 		/*
@@ -104,7 +137,7 @@ export default {
 
 		this.$router.beforeEach((to, from, next) => {
 			if (this.$store.state.loggedIn) return next();
-			if (localStorage.getItem('ls-token')) return this.tryToLogin(next, `/login?redirect=${to.path}`);
+			if (localStorage && localStorage.getItem('ls-token')) return this.tryToLogin(next, `/login?redirect=${to.path}`);
 
 			for (const match of to.matched) {
 				if (protectedRoutes.includes(match.path)) {
@@ -169,4 +202,5 @@ export default {
 
 <style lang="scss">
 	@import "./styles/style.scss";
+	@import "./styles/icons.min.css";
 </style>