Big update to deploy scripts, and deploy prosecss

client/src/App.vue

@@ -51,19 +51,24 @@
 
 		<global-notification />
 
+		<update-prompt />
+
 	</div>
 </template>
 
 <script>
 
-// import io from 'socket.io-client'
 import axios from 'axios'
+import GlobalSiteMenu from '@/components/GlobalSiteMenu.vue'
+import GlobalNotification from '@/components/GlobalNotificationComponent.vue'
+import UpdatePrompt from '@/components/UpdatePrompt.vue'
 
 export default {
 	name: 'App',
 	components: {
-		'global-site-menu': require('@/components/GlobalSiteMenu.vue').default,
-		'global-notification':require('@/components/GlobalNotificationComponent.vue').default,
+		'global-site-menu': GlobalSiteMenu,
+		'global-notification': GlobalNotification,
+		'update-prompt': UpdatePrompt,
 	},
 	data: function(){ 
 		return {
@@ -82,74 +87,6 @@ export default {
 	// - Gets new session tokens from server and uses them in app
 	beforeCreate: function(){
 
-		const root = 'https://www.solidscribe.com'
-		// const root = 'https://192.168.1.164'
-		const manifest = {
-			"theme_color":"#000",
-			"background_color": "#000",
-			"description": "Take Notes",
-			"display_override": ["fullscreen", "minimal-ui"],
-  			"display": "standalone",
-			"icons": [
-				{
-					"src": root+"/api/static/assets/logo.png",
-					"sizes": "495x495",
-					"type": "image/png",
-					"purpose": "any" 
-				},
-				{
-					"src": root+"/api/static/assets/maskable_icon.png",
-					"sizes": "826x826",
-					"type": "image/png",
-					"purpose": "maskable"
-				}
-			],
-			"screenshots" : [
-				{
-					"src": root+"/api/static/assets/lightmode.png",
-					"sizes": "1000x1080",
-					"type": "image/png"
-				},
-				{
-					"src": root+"/api/static/assets/darkmode.png",
-					"sizes": "1000x1081",
-					"type": "image/png"
-				}
-			],
-			"shortcuts" : [
-				{
-					"name": "Files & Links",
-					"url": " /attachments",
-					"description": "All Note files and links",
-					"icons": [{
-						"src": root+"/api/static/assets/icon1.png", 
-						"sizes": "96x96",
-						"type": "image/png" 
-					}]
-				},
-				{
-					"name": "Metric Track",
-					"url": "/metrictrack",
-					"description": "Metric Tracking",
-					"icons": [{ 
-						"src": root+"/api/static/assets/icon2.png", 
-						"sizes": "96x96",
-						"type": "image/png" 
-					}]
-				}
-			],
-			"name": "Solid Scribe",
-			"short_name": "Solid Scribe",
-			"author": "Max",
-			"scope": root,
-			"start_url": window.location.href
-		}
-
-		const link = document.createElement('link')
-		link.rel = 'manifest'
-		link.href = `data:application/json;base64,${btoa(JSON.stringify(manifest))}`
-		document.head.appendChild(link)
-
 		//Before all requests going out
 		axios.interceptors.request.use(
 			(config) => {
@@ -240,7 +177,9 @@ export default {
 	},
 	mounted: function(){
 
-		const isDev = process.env['NODE_ENV'] == 'development'
+		// Vite does not shim node's `process` into the browser bundle the way
+		// webpack/vue-cli did; import.meta.env.DEV is the equivalent.
+		const isDev = import.meta.env.DEV
 		// if(window.location.hostname.toLowerCase().replace('www.','') != "solidscribe.com" && !isDev){
 		// 	this.showFakeSite = true
 		// 	setInterval(() => {