From f259dfd1c5041eb6d0f4bd2b144e9713c18b4a4a Mon Sep 17 00:00:00 2001
From: Andre Torquato <ats.torquato1@gmail.com>
Date: Thu, 6 Nov 2025 01:11:44 -0300
Subject: [PATCH] fix: add remote catalog

---
 src/App.vue    | 60 +++++++++++++++++++++++++-------------------------
 vite.config.js |  7 ++++++
 2 files changed, 37 insertions(+), 30 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f42e0f9..6b6b624 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,45 +1,45 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 import Player from './components/Player.vue';
-// import { getVideoDataByHash } from './services/videoLookup';
+import { getVideoDataByHash } from './services/videoLookup';
 
 const manifestUrl = ref<string | null>(null);
 const title = ref('Microfrontends');
 const subtitle = ref('Arquitetura do Futuro');
 const description = ref('Aprenda como construir aplicações escaláveis e modulares usando a arquitetura de microfrontends.');
 
-// onMounted(async () => {
-// 	const videoShared = await import('catalog/VideoShared') as any;
-// 	const hash = videoShared.extractHashFromUrl();
+onMounted(async () => {
+	const videoShared = await import('catalog/VideoShared') as any;
+	const hash = videoShared.extractHashFromUrl();
 	
-// 	if (hash) {
-// 		const videoData = await getVideoDataByHash(hash);
+	if (hash) {
+		const videoData = await getVideoDataByHash(hash);
 		
-// 		if (videoData) {
-// 			const { metadata } = videoData;
+		if (videoData) {
+			const { metadata } = videoData;
 			
-// 			if (metadata.title) title.value = metadata.title;
-// 			if (metadata.synopsis && metadata.synopsis.length > 0) {
-// 				description.value = metadata.synopsis.join(' ');
-// 			}
-// 			if (metadata.category) subtitle.value = metadata.category;
+			if (metadata.title) title.value = metadata.title;
+			if (metadata.synopsis && metadata.synopsis.length > 0) {
+				description.value = metadata.synopsis.join(' ');
+			}
+			if (metadata.category) subtitle.value = metadata.category;
 			
-// 			if (metadata.manifestUrl) {
-// 				manifestUrl.value = metadata.manifestUrl;
-// 			} else {
-// 				console.warn('manifestUrl not found:', hash);
-// 			}
-// 		} else {
-// 			console.error('VVideo not found for hash:', hash);
-// 		}
-// 	} else {
-// 		const urlParams = new URLSearchParams(window.location.search);
-// 		const url = urlParams.get('manifestUrl');
-// 		if (url) {
-// 			manifestUrl.value = url;
-// 		}
-// 	}
-// });
+			if (metadata.manifestUrl) {
+				manifestUrl.value = metadata.manifestUrl;
+			} else {
+				console.warn('manifestUrl not found:', hash);
+			}
+		} else {
+			console.error('VVideo not found for hash:', hash);
+		}
+	} else {
+		const urlParams = new URLSearchParams(window.location.search);
+		const url = urlParams.get('manifestUrl');
+		if (url) {
+			manifestUrl.value = url;
+		}
+	}
+});
 </script>
 
 <template>
diff --git a/vite.config.js b/vite.config.js
index ead0f5a..75892b3 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -40,6 +40,13 @@ export default defineConfig(async ({ mode }) => {
       federation({
         name: "player",
         filename: "remoteEntry.js",
+        remotes: {
+          catalog: {
+            type: "module",
+            name: "catalog",
+            entry: env.VITE_REMOTE_CATALOG_URL,
+          },
+        },
         exposes: {
           "./Player": "./src/export-app.ts",
         },