WIP refactor container and queuing system (#206)

* refactor microservices to machine-learning

* Update tGithub issue template with correct task syntax

* Added microservices container

* Communicate between service based on queue system

* added dependency

* Fixed problem with having to import BullQueue into the individual service

* Added todo

* refactor server into monorepo with microservices

* refactor database and entity to library

* added simple migration

* Move migrations and database config to library

* Migration works in library

* Cosmetic change in logging message

* added user dto

* Fixed issue with testing not able to find the shared library

* Clean up library mapping path

* Added webp generator to microservices

* Update Github Action build latest

* Fixed issue NPM cannot install due to conflict witl Bull Queue

* format project with prettier

* Modified docker-compose file

* Add GH Action for Staging build:

* Fixed GH action job name

* Modified GH Action to only build & push latest when pushing to main

* Added Test 2e2 Github Action

* Added Test 2e2 Github Action

* Implemented microservice to extract exif

* Added cronjob to scan and generate webp thumbnail  at midnight

* Refactor to ireduce hit time to database when running microservices

* Added error handling to asset services that handle read file from disk

* Added video transcoding queue to process one video at a time

* Fixed loading spinner on web while loading covering the info panel

* Add mechanism to show new release announcement to web and mobile app (#209)

* Added changelog page

* Fixed issues based on PR comments

* Fixed issue with video transcoding run on the server

* Change entry point content for backward combatibility when starting up server

* Added announcement box

* Added error handling to failed silently when the app version checking is not able to make the request to GITHUB

* Added new version announcement overlay

* Update message

* Added messages

* Added logic to check and show announcement

* Add method to handle saving new version

* Added button to dimiss the acknowledge message

* Up version for deployment to the app store

web/src/routes/__layout.svelte

@@ -1,7 +1,19 @@
 <script context="module" lang="ts">
 	import type { Load } from '@sveltejs/kit';
+	import { checkAppVersion } from '$lib/utils/check-app-version';
+	import { browser } from '$app/env';
 
-	export const load: Load = async ({ url }) => ({ props: { url } });
+	export const load: Load = async ({ url }) => {
+		if (browser) {
+			const { shouldShowAnnouncement, localVersion, remoteVersion } = await checkAppVersion();
+
+			return { props: { url, shouldShowAnnouncement, localVersion, remoteVersion } };
+		} else {
+			return {
+				props: { url },
+			};
+		}
+	};
 </script>
 
 <script lang="ts">
@@ -10,8 +22,13 @@
 	import { blur } from 'svelte/transition';
 
 	import DownloadPanel from '$lib/components/asset-viewer/download-panel.svelte';
+	import FullScreenModal from '../lib/components/shared/full-screen-modal.svelte';
+	import AnnouncementBox from '../lib/components/shared/announcement-box.svelte';
 
 	export let url: string;
+	export let shouldShowAnnouncement: boolean;
+	export let localVersion: string;
+	export let remoteVersion: string;
 </script>
 
 <main>
@@ -19,6 +36,10 @@
 		<div transition:blur={{ duration: 250 }}>
 			<slot />
 			<DownloadPanel />
+
+			{#if shouldShowAnnouncement}
+				<AnnouncementBox {localVersion} {remoteVersion} />
+			{/if}
 		</div>
 	{/key}
 </main>

web/src/routes/auth/login/api/get-users.ts

@@ -1,12 +1,11 @@
 import type { RequestHandler } from '@sveltejs/kit';
 import { getRequest } from '../../../../lib/api';
 
-
 export const get: RequestHandler = async ({ request, locals }) => {
-  const allUsers = await getRequest('user?isAll=true', locals.user!.accessToken)
+	const allUsers = await getRequest('user?isAll=true', locals.user!.accessToken);
 
-  return {
-    status: 200,
-    body: { allUsers }
-  };
-}
+	return {
+		status: 200,
+		body: { allUsers },
+	};
+};

web/src/routes/auth/login/update.ts

@@ -1,63 +1,63 @@
 import type { RequestHandler } from '@sveltejs/kit';
 import { putRequest } from '../../../lib/api';
-import * as cookie from 'cookie'
-
+import * as cookie from 'cookie';
 
 export const post: RequestHandler = async ({ request, locals }) => {
+	const form = await request.formData();
 
-  const form = await request.formData();
+	const firstName = form.get('firstName');
+	const lastName = form.get('lastName');
 
-  const firstName = form.get('firstName')
-  const lastName = form.get('lastName')
+	if (locals.user) {
+		const updatedUser = await putRequest(
+			'user',
+			{
+				id: locals.user.id,
+				firstName,
+				lastName,
+			},
+			locals.user.accessToken,
+		);
 
-  if (locals.user) {
-    const updatedUser = await putRequest('user', {
-      id: locals.user.id,
-      firstName,
-      lastName
-    }, locals.user.accessToken)
+		return {
+			status: 200,
+			body: {
+				user: {
+					id: updatedUser.id,
+					accessToken: locals.user.accessToken,
+					firstName: updatedUser.firstName,
+					lastName: updatedUser.lastName,
+					isAdmin: updatedUser.isAdmin,
+					email: updatedUser.email,
+				},
+				success: 'Update user success',
+			},
+			headers: {
+				'Set-Cookie': cookie.serialize(
+					'session',
+					JSON.stringify({
+						id: updatedUser.id,
+						accessToken: locals.user.accessToken,
+						firstName: updatedUser.firstName,
+						lastName: updatedUser.lastName,
+						isAdmin: updatedUser.isAdmin,
+						email: updatedUser.email,
+					}),
+					{
+						path: '/',
+						httpOnly: true,
+						sameSite: 'strict',
+						maxAge: 60 * 60 * 24 * 30,
+					},
+				),
+			},
+		};
+	}
 
-
-
-
-    return {
-      status: 200,
-      body: {
-        user: {
-          id: updatedUser.id,
-          accessToken: locals.user.accessToken,
-          firstName: updatedUser.firstName,
-          lastName: updatedUser.lastName,
-          isAdmin: updatedUser.isAdmin,
-          email: updatedUser.email,
-        },
-        success: 'Update user success'
-      },
-      headers: {
-        'Set-Cookie': cookie.serialize('session', JSON.stringify(
-          {
-            id: updatedUser.id,
-            accessToken: locals.user.accessToken,
-            firstName: updatedUser.firstName,
-            lastName: updatedUser.lastName,
-            isAdmin: updatedUser.isAdmin,
-            email: updatedUser.email,
-          }), {
-          path: '/',
-          httpOnly: true,
-          sameSite: 'strict',
-          maxAge: 60 * 60 * 24 * 30,
-        })
-      }
-    }
-  }
-
-
-
-  return {
-    status: 400,
-    body: {
-      error: 'Cannot get access token from cookies'
-    }
-  }
-}
+	return {
+		status: 400,
+		body: {
+			error: 'Cannot get access token from cookies',
+		},
+	};
+};

web/src/routes/photos/index.svelte

@@ -3,6 +3,7 @@
 
 	import type { Load } from '@sveltejs/kit';
 	import { getAssetsInfo } from '$lib/stores/assets';
+	import { checkAppVersion } from '$lib/utils/check-app-version';
 
 	export const load: Load = async ({ session }) => {
 		if (!session.user) {