Merge pull request #55 from beclab/feat/app-service

fix: update iframe theme
beclab · Nov 8, 2024 · 30f583c · 30f583c
2 parents a19133c + 0b97e9a
commit 30f583c
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 19 deletions.
diff --git a/packages/frontend/package-lock.json b/packages/frontend/package-lock.json
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
@@ -13,7 +13,7 @@
     "build": "quasar build -m pwa"
   },
   "dependencies": {
-    "@bytetrade/ui": "^0.1.28",
+    "@bytetrade/ui": "^0.1.29",
     "@desktop/core": "0.1.0",
     "@quasar/extras": "^1.16.7",
     "@types/ua-parser-js": "0.7.36",

diff --git a/packages/frontend/src/components/BasicWindow.vue b/packages/frontend/src/components/BasicWindow.vue
@@ -266,18 +266,25 @@ export default defineComponent({
 			}
 		};
 
-		// const message = (event: any) => {
-		// 	if (event.data.message === 'theme_update') {
-		// 		if (event.data.info.theme.toString() === '1') {
-		// 			$q.dark.set(false);
-		// 		} else {
-		// 			$q.dark.set(true);
-		// 		}
-		// 	}
-		// };
+		const message = (event: any) => {
+			if (event.data.message === 'theme_update') {
+				if (event.data.info.theme.toString() === '1') {
+					$q.dark.set(false);
+				} else {
+					$q.dark.set(true);
+				}
+				iframeRef.value.contentWindow.postMessage(
+					{
+						message: 'theme_apps_update',
+						info: event.data.info
+					},
+					'*'
+				);
+			}
+		};
 
 		onMounted(() => {
-			// window.addEventListener('message', message);
+			window.addEventListener('message', message);
 
 			nextTick(() => {
 				new MutationObserver(function (mutations) {
@@ -316,7 +323,7 @@ export default defineComponent({
 		});
 
 		onUnmounted(() => {
-			// window.removeEventListener('message', message);
+			window.removeEventListener('message', message);
 		});
 
 		return {