1 changed files with 0 additions and 70 deletions
			
			
		@ -1,70 +0,0 @@ | 
				
			|||
<template> | 
				
			|||
  <div> | 
				
			|||
    <p>Deep Link Test Component Loaded</p> | 
				
			|||
    <p>Platform: {{ platform }}</p> | 
				
			|||
    <p>Status: {{ status }}</p> | 
				
			|||
  </div> | 
				
			|||
</template> | 
				
			|||
 | 
				
			|||
<script setup lang="ts"> | 
				
			|||
import { ref, onMounted } from "vue"; | 
				
			|||
import { useRouter } from "vue-router"; | 
				
			|||
 | 
				
			|||
const platform = process.env.VITE_PLATFORM; | 
				
			|||
const status = ref("Initializing..."); | 
				
			|||
const router = useRouter(); | 
				
			|||
 | 
				
			|||
onMounted(async () => { | 
				
			|||
  console.log("[DeepLinkTest] Component mounted, platform:", platform); | 
				
			|||
  alert(`[DeepLinkTest] Component mounted, platform: ${platform}`); | 
				
			|||
 | 
				
			|||
  if (platform !== "capacitor") { | 
				
			|||
    status.value = "Not Capacitor platform"; | 
				
			|||
    return; | 
				
			|||
  } | 
				
			|||
 | 
				
			|||
  try { | 
				
			|||
    console.log("[DeepLinkTest] Importing Capacitor App..."); | 
				
			|||
    const { App } = await import("@capacitor/app"); | 
				
			|||
 | 
				
			|||
    console.log("[DeepLinkTest] Getting app info..."); | 
				
			|||
    const appInfo = await App.getInfo(); | 
				
			|||
    console.log("[DeepLinkTest] App info:", appInfo); | 
				
			|||
    alert(`[DeepLinkTest] App version: ${appInfo.version}`); | 
				
			|||
 | 
				
			|||
    console.log("[DeepLinkTest] Registering appUrlOpen listener..."); | 
				
			|||
    App.addListener("appUrlOpen", (data: { url: string }) => { | 
				
			|||
      console.log("[DeepLinkTest] Deep link received:", data.url); | 
				
			|||
      alert(`[DeepLinkTest] Deep link received: ${data.url}`); | 
				
			|||
 | 
				
			|||
      // Simple URL parsing without DeepLinkHandler | 
				
			|||
      try { | 
				
			|||
        const url = new URL(data.url); | 
				
			|||
        const path = url.pathname; | 
				
			|||
        console.log("[DeepLinkTest] Parsed path:", path); | 
				
			|||
 | 
				
			|||
        // Simple navigation test | 
				
			|||
        if (path.startsWith("/claim/")) { | 
				
			|||
          const claimId = path.replace("/claim/", ""); | 
				
			|||
          router.push(`/claim/${claimId}`); | 
				
			|||
          alert(`[DeepLinkTest] Navigated to claim: ${claimId}`); | 
				
			|||
        } else { | 
				
			|||
          router.push(path); | 
				
			|||
          alert(`[DeepLinkTest] Navigated to: ${path}`); | 
				
			|||
        } | 
				
			|||
      } catch (error) { | 
				
			|||
        console.error("[DeepLinkTest] URL parsing error:", error); | 
				
			|||
        alert(`[DeepLinkTest] URL parsing error: ${error}`); | 
				
			|||
      } | 
				
			|||
    }); | 
				
			|||
 | 
				
			|||
    status.value = "Deep link listener registered"; | 
				
			|||
    console.log("[DeepLinkTest] Setup complete"); | 
				
			|||
    alert("[DeepLinkTest] Setup complete"); | 
				
			|||
  } catch (error) { | 
				
			|||
    console.error("[DeepLinkTest] Error:", error); | 
				
			|||
    alert(`[DeepLinkTest] Error: ${error}`); | 
				
			|||
    status.value = `Error: ${error}`; | 
				
			|||
  } | 
				
			|||
}); | 
				
			|||
</script> | 
				
			|||
					Loading…
					
					
				
		Reference in new issue