Merge pull request #20 from beclab/feat/dependences

feat: dependencies app install notification and fix app details dependencies install btn status update

frontend/quasar.config.js

@@ -165,27 +165,6 @@ module.exports = configure(function (/* ctx */) {
 		//   electronPreload: 'src-electron/electron-preload'
 		// },
 
-		// https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
-		ssr: {
-			// ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
-			// will mess up SSR
-
-			// extendSSRWebserverConf (esbuildConf) {},
-			// extendPackageJson (json) {},
-
-			pwa: false,
-
-			// manualStoreHydration: true,
-			// manualPostHydrationTrigger: true,
-
-			prodPort: 3000, // The default port that the production server should use
-			// (gets superseded if process.env.PORT is specified at runtime)
-
-			middlewares: [
-				'render' // keep this as last one
-			]
-		},
-
 		// https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
 		pwa: {
 			workboxMode: 'generateSW', // or 'injectManifest'

frontend/src/components/appcard/InstallButton.vue

@@ -114,7 +114,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, PropType, ref, watch } from 'vue';
+import { computed, onBeforeMount, onMounted, PropType, ref, watch } from 'vue';
 import { APP_STATUS, AppStoreInfo } from 'src/constants/constants';
 import { useAppStore } from 'src/stores/app';
 import { openApplication } from 'src/api/private/operations';
@@ -130,6 +130,7 @@ import {
 	canUnload,
 	canLoad
 } from 'src/constants/config';
+import { bus, BUS_EVENT } from 'src/utils/bus';
 
 const props = defineProps({
 	item: {
@@ -293,6 +294,21 @@ async function onUnload() {
 	}
 }
 
+const callBack = (name) => {
+	if (props.item && name && name === props.item.name) {
+		hasCheck = false;
+		updateUI();
+	}
+};
+
+onMounted(() => {
+	bus.on(BUS_EVENT.UPDATE_APP_DEPENDENCIES, callBack);
+});
+
+onBeforeMount(() => {
+	bus.off(BUS_EVENT.UPDATE_APP_DEPENDENCIES, callBack);
+});
+
 async function onUninstall() {
 	if (!props.item) {
 		return;
@@ -365,6 +381,10 @@ function updateUI() {
 			textColor.value = ink3.value;
 			backgroundColor.value = grey.value;
 			border.value = '1px solid transparent';
+			if (!hasCheck && userStore.initialized) {
+				userStore.frontendPreflight(props.item, APP_STATUS.uninstalled);
+				hasCheck = true;
+			}
 			break;
 		case APP_STATUS.uninstalled:
 			status.value = t('app.get');