\n \n\n\n`;\n}\n\n/* ------------------------------ SERVER LOGIC ------------------------------ */\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const KEY = \"ios_AppStoreFetcher\";\n\n if (url.pathname === \"/fetch-app-info\") {\n const appStoreUrl = url.searchParams.get(\"url\");\n if (!appStoreUrl) {\n return new Response(\n JSON.stringify({ error: \"No URL provided\" }),\n { status: 400, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n try {\n const response = await fetch(appStoreUrl, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) \"\n + \"AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36\",\n },\n });\n const html = await response.text();\n\n // Extract icon\n const iconUrlMatch = html.match(/]*class=\"[^\"]*product-header__title[^\"]*\"[^>]*>([\\s\\S]*?)<\\/h1>/i);\n if (nameMatch) {\n name = nameMatch[1].trim();\n } else {\n const fallbackNameMatch = html.match(/]*>([^<]+)<\\/h1>/i);\n name = fallbackNameMatch ? fallbackNameMatch[1].trim() : null;\n }\n if (name) {\n name = name\n .replace(//g, \"\")\n .replace(/<[^>]+>/g, \"\")\n .replace(/\\s*\\d+\\+$/, \"\")\n .trim();\n }\n\n // Extract category\n let category;\n const catMatch1 = html.match(/]*class=\"[^\"]*app-header__category[^\"]*\"[^>]*>([^<]+)<\\/a>/i);\n if (catMatch1) {\n category = catMatch1[1].trim();\n } else {\n const catMatch2 = html.match(\n /

\\s*]*>Category:<\\/span>\\s*]*>([^<]+)<\\/span>/i,\n );\n category = catMatch2 ? catMatch2[1].trim() : null;\n }\n if (!category) {\n const fallbackCat = html.match(/#\\d+\\s+in\\s+([^<]+)/i);\n if (fallbackCat) category = fallbackCat[1].trim();\n }\n\n return new Response(\n JSON.stringify({ iconUrl, name, category }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n } catch (error) {\n console.error(\"Error fetching app info:\", error);\n return new Response(\n JSON.stringify({ error: \"Failed to fetch app info: \" + error.message }),\n { status: 500, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n }\n\n if (url.pathname === \"/save-history\" && request.method === \"POST\") {\n const history = await request.json();\n await blob.setJSON(`${KEY}_history`, history);\n return new Response(\n JSON.stringify({ success: true }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n\n if (url.pathname === \"/get-history\") {\n const history = (await blob.getJSON(`${KEY}_history`)) || [];\n return new Response(JSON.stringify(history), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // Otherwise, serve main HTML\n return new Response(getHtml(), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\n/* ------------------------------ CLIENT LOGIC ------------------------------ */\nfunction App() {\n const config = {\n fetchEndpoint: \"/fetch-app-info\",\n historyEndpoint: \"/get-history\",\n saveEndpoint: \"/save-history\",\n };\n\n const [url, setUrl] = useState(\"\");\n const [apps, setApps] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [notification, setNotification] = useState(\"\");\n const [editIndex, setEditIndex] = useState(null);\n const [editData, setEditData] = useState({\n name: \"\",\n category: \"\",\n link: \"\",\n iconUrl: \"\",\n favorite: false,\n });\n const [selectedCategory, setSelectedCategory] = useState(\"All\");\n\n useEffect(() => {\n fetchHistory();\n }, []);\n\n const fetchHistory = async () => {\n try {\n const response = await fetch(config.historyEndpoint);\n if (response.ok) {\n const history = await response.json();\n setApps(history);\n }\n } catch (err) {\n console.error(\"Failed to fetch history:\", err);\n }\n };\n\n const fetchAppInfo = async (overrideUrl, force = false) => {\n const useUrl = overrideUrl || url;\n if (!useUrl) return;\n\n const alreadyIndex = apps.findIndex((a) => a.link === useUrl);\n if (alreadyIndex !== -1 && !force) {\n showNotification(\"App already exists, skipping.\");\n setUrl(\"\");\n return;\n }\n\n setLoading(true);\n setError(null);\n try {\n const res = await fetch(`${config.fetchEndpoint}?url=${encodeURIComponent(useUrl)}`);\n if (!res.ok) throw new Error(\"Failed to fetch app info\");\n const data = await res.json();\n if (data.error) throw new Error(data.error);\n\n if (alreadyIndex !== -1 && force) {\n // Overwrite existing app\n const updatedApps = [...apps];\n updatedApps[alreadyIndex] = {\n ...updatedApps[alreadyIndex],\n iconUrl: data.iconUrl,\n name: data.name,\n category: data.category,\n };\n setApps(updatedApps);\n await save(updatedApps);\n } else {\n // New app\n const newApp = {\n iconUrl: data.iconUrl,\n name: data.name,\n category: data.category,\n link: useUrl,\n favorite: false,\n };\n const updatedApps = [...apps, newApp];\n setApps(updatedApps);\n setUrl(\"\");\n await save(updatedApps);\n }\n } catch (err) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n };\n\n const refetchApp = (index) => {\n const app = apps[index];\n if (app?.link) fetchAppInfo(app.link, true);\n };\n\n const deleteApp = async (index) => {\n const updated = apps.filter((_, i) => i !== index);\n setApps(updated);\n await save(updated);\n };\n\n const toggleFavorite = async (index) => {\n const updated = [...apps];\n updated[index].favorite = !updated[index].favorite;\n setApps(updated);\n await save(updated);\n };\n\n const showNotification = (msg) => {\n setNotification(msg);\n setTimeout(() => setNotification(\"\"), 1500);\n };\n\n const copyToClipboard = async (text) => {\n try {\n await navigator.clipboard.writeText(text);\n showNotification(\"Copied to clipboard!\");\n } catch {\n showNotification(\"Failed to copy\");\n }\n };\n\n const exportHistory = () => {\n const fileData = JSON.stringify(apps, null, 2);\n const blob = new Blob([fileData], { type: \"application/json\" });\n const blobUrl = URL.createObjectURL(blob);\n\n const link = document.createElement(\"a\");\n link.href = blobUrl;\n link.download = \"history.json\";\n link.click();\n\n URL.revokeObjectURL(blobUrl);\n };\n\n const importHistory = async (e) => {\n const file = e.target.files?.[0];\n if (!file) return;\n try {\n const text = await file.text();\n const json = JSON.parse(text);\n if (Array.isArray(json)) {\n setApps(json);\n await save(json);\n }\n } catch (err) {\n setError(\"Failed to import JSON file\");\n } finally {\n e.target.value = null;\n }\n };\n\n const handlePaste = async () => {\n try {\n const text = await navigator.clipboard.readText();\n setUrl(text);\n } catch (err) {\n console.error(\"Failed to paste:\", err);\n }\n };\n\n const handleDragOver = (e) => {\n e.preventDefault();\n };\n const handleDrop = (e) => {\n e.preventDefault();\n const draggedUrl = e.dataTransfer.getData(\"text/plain\");\n if (draggedUrl) {\n setUrl(draggedUrl);\n fetchAppInfo(draggedUrl);\n }\n };\n\n const handleContextMenu = (e, index) => {\n e.preventDefault();\n const app = apps[index];\n setEditIndex(index);\n setEditData({\n name: app.name || \"\",\n category: app.category || \"\",\n link: app.link || \"\",\n iconUrl: app.iconUrl || \"\",\n favorite: app.favorite || false,\n });\n };\n\n const saveEdits = async () => {\n if (editIndex === null) return;\n const updated = [...apps];\n updated[editIndex] = { ...updated[editIndex], ...editData };\n setApps(updated);\n setEditIndex(null);\n await save(updated);\n };\n\n const closeModal = () => {\n setEditIndex(null);\n };\n\n const save = async (newApps) => {\n await fetch(config.saveEndpoint, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(newApps),\n });\n };\n\n // We keep category filters, but sort each category by favorite (descending) then name.\n // If selectedCategory != \"All\", we filter the apps by that category first.\n const filtered = apps.filter((a) => {\n if (selectedCategory === \"All\") return true;\n return a.category === selectedCategory;\n });\n\n // Sort: favorites on top, then name A→Z\n filtered.sort((a, b) => {\n if (a.favorite && !b.favorite) return -1;\n if (!a.favorite && b.favorite) return 1;\n return (a.name || \"\").localeCompare(b.name || \"\");\n });\n\n // Group them by category\n const groupedApps = filtered.reduce((acc, app) => {\n const cat = app.category || \"Unknown Category\";\n if (!acc[cat]) acc[cat] = [];\n acc[cat].push(app);\n return acc;\n }, {});\n\n // All distinct categories from entire history, sorted\n const categories = Array.from(new Set(apps.map((a) => a.category || \"Unknown Category\")));\n categories.sort();\n\n const totalApps = apps.length;\n\n return (\n

App Store Info Fetcher ({totalApps})

\n \n \n 📥\n \n \n

\n\n {notification &&

{notification}

}\n\n {editIndex !== null && (\n

\n e.stopPropagation()}\n >\n

Edit App

\n Name\n setEditData({ ...editData, name: e.target.value })}\n />\n

\n Category\n setEditData({ ...editData, category: e.target.value })}\n />\n \n {categories.map((cat) => \n

\n Link\n setEditData({ ...editData, link: e.target.value })}\n />\n

\n Icon URL\n setEditData({ ...editData, iconUrl: e.target.value })}\n />\n

\n Favorite\n setEditData({ ...editData, favorite: e.target.checked })}\n />\n

\n \n \n

\n )}\n\n

\n \n setUrl(e.target.value)}\n placeholder=\"Enter App Store URL\"\n />\n \n \n

\n\n {error &&

{error}

}\n\n

\n setSelectedCategory(\"All\")}\n >\n All\n \n {categories.map((cat) => (\n setSelectedCategory(cat)}\n >\n {cat}\n \n ))}\n

\n\n {Object.keys(groupedApps).sort().map((category) => (\n

\n {category} ({groupedApps[category].length})\n

\n {groupedApps[category].map((app) => {\n const realIndex = apps.indexOf(app);\n return (\n handleContextMenu(e, realIndex)}\n >\n {app.iconUrl\n ? (\n copyToClipboard(app.iconUrl)}\n />\n )\n : (\n copyToClipboard(\"No icon available\")}\n />\n )}\n copyToClipboard(`${app.name} - ${app.category}`)}\n >\n

{app.name || \"Unknown Name\"}

{app.category || \"Unknown\"}

\n {app.link && (\n

\n \n {app.link}\n \n {\n evt.stopPropagation();\n copyToClipboard(app.link);\n }}\n >\n 📋\n \n

\n )}\n

\n\n

\n {/* Favorite toggle */}\n {\n evt.stopPropagation();\n toggleFavorite(realIndex);\n }}\n title=\"Toggle favorite\"\n >\n {app.favorite ? \"★\" : \"☆\"}\n \n {/* Refetch */}\n {\n evt.stopPropagation();\n refetchApp(realIndex);\n }}\n title=\"Refetch this app\"\n >\n ♻️\n \n {/* Delete */}\n {\n evt.stopPropagation();\n deleteApp(realIndex);\n }}\n title=\"Delete this app\"\n >\n 🗑️\n \n

\n );\n })}\n

\n ))}\n

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") {\n client();\n}","deleted","label",[99],"permalink","https://www.val.town/x/arfan/ios_AppStoreFetcher/code/main.tsx","extension","actionData","errors"]