{urlMetadata.frame?.manifest?.frame?.name}

{author?.username}

\n\n \n

\n )\n}\n\nfunction MiniAppNav() {\n const { url } = useParams()\n const encodedUrl = encodeURIComponent(url)\n const navLinks = [\n { Icon: PanelBottom, name: 'Embed', path: `/mini-app/${encodedUrl}` },\n { Icon: IdCard, name: 'Manifest', path: `/mini-app/${encodedUrl}/manifest` },\n { Icon: Braces, name: 'Debug', path: `/mini-app/${encodedUrl}/debug` },\n ]\n return \n}\n\nexport function MiniAppManifest() {\n const { data: urlMetadata } = useUrlMetadataFromParams()\n if (!urlMetadata) return null\n return \n}\n\nexport function MiniAppEmbed() {\n const { data: urlMetadata } = useUrlMetadataFromParams()\n if (!urlMetadata) return null\n\n return (\n

\n \n \n

\n )\n}\n\nexport function MiniAppDebug() {\n const { url } = useParams()\n const { data: urlMetadata } = useUrlMetadataFromParams()\n if (!urlMetadata) return null\n return (\n

\n \n \n

\n )\n}\n\nfunction useUrlMetadataFromParams() {\n const { url } = useParams()\n return useQuery({ queryKey: ['url-metadata', url], queryFn: () => fetchUrlMetadata(url), staleTime: 1000 * 60 * 5 })\n}\n","deleted","label",[171,172,152],"frontend","screens","permalink","https://www.val.town/x/moe/Sonar/code/frontend/screens/MiniAppScreen.tsx","extension","actionData","errors"]