\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 = new URL(import.meta.url).pathname.split(\"/\").at(-1);\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}","createdAt",["D",1737236002590],"version",15,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","arfan","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycVp3b2dpRnRHTEdOM3NGbTViQ2dBaW9sdUYifQ","forkedVal","interval","slug","arfan/ios_AppStoreFetcher","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,156,160,164,168,172,176,180,184,188,192,195,198],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1737236002590],{"_117":145,"_142":-5,"_115":146,"_112":147},14,["D",1737234676046],"c1162c22-d5e0-11ef-a50f-e6cdfca9ef9f",{"_117":149,"_142":-5,"_115":150,"_112":151},13,["D",1737234590667],"8e34546e-d5e0-11ef-9a1b-e6cdfca9ef9f",{"_117":153,"_142":-5,"_115":154,"_112":155},12,["D",1737173371778],"04e5db62-d552-11ef-928a-e6cdfca9ef9f",{"_117":157,"_142":-5,"_115":158,"_112":159},11,["D",1737172098602],"0e06d938-d54f-11ef-b80b-e6cdfca9ef9f",{"_117":161,"_142":-5,"_115":162,"_112":163},10,["D",1737159088792],"c3947d24-d530-11ef-bf79-e6cdfca9ef9f",{"_117":165,"_142":-5,"_115":166,"_112":167},9,["D",1737155416527],"36bc2490-d528-11ef-9b24-e6cdfca9ef9f",{"_117":169,"_142":-5,"_115":170,"_112":171},8,["D",1737155308292],"f6398f16-d527-11ef-a55c-e6cdfca9ef9f",{"_117":173,"_142":-5,"_115":174,"_112":175},7,["D",1737154905527],"06264a28-d527-11ef-a20a-e6cdfca9ef9f",{"_117":177,"_142":-5,"_115":178,"_112":179},6,["D",1737153848154],"8fec9616-d524-11ef-9504-e6cdfca9ef9f",{"_117":181,"_142":-5,"_115":182,"_112":183},5,["D",1737152751737],"026554ba-d522-11ef-8dfd-e6cdfca9ef9f",{"_117":185,"_142":-5,"_115":186,"_112":187},4,["D",1737151709221],"950214a0-d51f-11ef-8a24-e6cdfca9ef9f",{"_117":189,"_142":-5,"_115":190,"_112":191},3,["D",1737151568708],"4140aa34-d51f-11ef-a0a1-e6cdfca9ef9f",{"_117":90,"_142":-5,"_115":193,"_112":194},["D",1737151439966],"f4850136-d51e-11ef-b698-e6cdfca9ef9f",{"_117":124,"_142":-5,"_115":196,"_112":197},["D",1737151271151],"8fe87848-d51e-11ef-ab8f-e6cdfca9ef9f",{"_117":31,"_142":-5,"_115":199,"_112":200},["D",1737150938550],"c9a62c0c-d51d-11ef-ae34-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":208,"_209":210,"_94":211},"single","redirect","/v/arfan/ios_AppStoreFetcher/versions",{"_112":159,"_113":212,"_117":157,"_115":213,"_214":99,"_100":101,"_107":108,"_129":130,"_11":96,"_215":-5,"_216":-5,"_217":-5,"_205":26,"_135":136},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\n/* ---------------------------------- CSS ---------------------------------- */\n\nconst css = `\n:root {\n --bg-color: #121212;\n --window-bg: #2f2f2f;\n --titlebar-bg: #1c1c1c;\n --text-color: #fff;\n --primary-color: #3399ff;\n --danger-color: #ff4444;\n --border-color: #666;\n --link-color: #66aaff;\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\n --window-width: 600px;\n --border-radius: 10px;\n --padding: 0.75rem;\n --gap: 0.5rem;\n}\n\n/* Global */\nhtml, body {\n margin: 0; \n padding: 0;\n background: var(--bg-color);\n color: var(--text-color);\n font-family: var(--font-family);\n}\n\n/* Outer macOS window */\n.mac-window {\n width: var(--window-width);\n margin: 2rem auto;\n border-radius: var(--border-radius);\n background-color: var(--window-bg);\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n overflow: hidden;\n position: relative;\n}\n\n/* Titlebar */\n.titlebar {\n display: flex;\n align-items: center;\n background: var(--titlebar-bg);\n height: 38px;\n}\n.titlebar h1 {\n flex: 1;\n text-align: center;\n font-size: 0.95rem;\n font-weight: 600;\n margin: 0;\n color: #ddd;\n}\n\n/* \"Traffic lights\" on the left */\n.traffic-lights {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n}\n.traffic-lights .light {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n}\n.traffic-lights .close {\n background-color: #ff5f57;\n}\n.traffic-lights .minimize {\n background-color: #ffbd2e;\n}\n.traffic-lights .maximize {\n background-color: #28c840;\n}\n\n/* Right-side import/export */\n.titlebar .actions {\n display: flex;\n gap: 0.5rem;\n margin-right: 12px;\n}\nbutton.export-button,\nbutton.import-button {\n border: none;\n background: none;\n color: var(--text-color);\n font-size: 1rem;\n cursor: pointer;\n}\n\n/* Main content */\n.content {\n padding: var(--padding);\n}\n\n/* Input row */\n.input-row {\n display: flex;\n gap: var(--gap);\n margin-bottom: 1rem;\n}\n.url-input {\n flex: 1;\n padding: 0.5rem;\n background: #1e1e1e;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-size: 0.95rem;\n color: #fff;\n}\n\n/* Buttons */\nbutton.paste-button,\nbutton.fetch-button {\n background: var(--primary-color);\n border: none;\n padding: 0.5rem 0.75rem;\n border-radius: 4px;\n color: #fff;\n cursor: pointer;\n font-size: 0.95rem;\n}\n\n/* Error */\n.error {\n color: var(--danger-color);\n margin-bottom: 1rem;\n font-size: 0.9rem;\n}\n\n/* Category filters */\n.category-filters {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n margin-bottom: 1rem;\n}\n.category-filters button {\n border: 1px solid var(--border-color);\n background: #1e1e1e;\n color: #fff;\n padding: 0.25rem 0.75rem;\n border-radius: 4px;\n cursor: pointer;\n font-size: 0.85rem;\n}\n.category-filters button.active {\n background: var(--primary-color);\n}\n\n/* Category grouping */\n.category-group {\n margin-bottom: 1.5rem;\n}\n.category-title {\n font-weight: 500;\n margin: 1rem 0 0.5rem;\n}\n\n/* App item list */\n.app-item {\n display: flex;\n align-items: center;\n gap: var(--gap);\n background: #3a3a3a;\n border-radius: 6px;\n padding: var(--gap);\n border: 1px solid #444;\n margin-bottom: 0.5rem; /* small gap between items */\n position: relative;\n user-select: none;\n}\n\n/* Icon only, corners rounded, no padding/border */\n.app-icon {\n width: 50px;\n height: 50px;\n object-fit: cover;\n border-radius: 12px; /* Apple-like corner radius */\n border: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n}\n\n/* App details */\n.app-details {\n flex: 1;\n cursor: pointer;\n}\n.app-details h2 {\n margin: 0 0 0.25rem;\n font-size: 1rem;\n color: #fff;\n}\n.app-details p {\n margin: 0.25rem 0;\n font-size: 0.85rem;\n color: #bbb;\n}\n\n/* Link row + copy button */\n.link-row {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n}\n.link-row a {\n color: var(--link-color);\n text-decoration: none;\n font-size: 0.85rem;\n}\n.copy-link-button {\n background: none;\n border: none;\n color: #aaa;\n cursor: pointer;\n font-size: 0.85rem;\n padding: 0 4px;\n border-radius: 4px;\n}\n.copy-link-button:hover {\n background: #555;\n}\n\n/* Delete button */\n.delete-button {\n background: none;\n border: none;\n color: var(--danger-color);\n font-size: 1.15rem;\n cursor: pointer;\n}\n.delete-button:hover {\n opacity: 0.7;\n}\n\n/* Simple ephemeral notification bubble */\n.notification {\n position: absolute;\n top: 50px;\n right: 20px;\n background: #222;\n padding: 0.5rem 1rem;\n border-radius: 6px;\n color: #fff;\n opacity: 0;\n animation: fadein 0.15s forwards;\n font-size: 0.85rem;\n z-index: 999;\n}\n@keyframes fadein {\n to { opacity: 1; }\n}\n@keyframes fadeout {\n to { opacity: 0; }\n}\n\n/* Edit overlay (modal) */\n.modal-overlay {\n position: fixed;\n top: 0; left: 0;\n width: 100vw; height: 100vh;\n background: rgba(0,0,0,0.5);\n display: flex;\n align-items: center; \n justify-content: center;\n z-index: 1000;\n}\n.modal-content {\n background: #2e2e2e;\n padding: 1rem;\n border-radius: 8px;\n width: 300px;\n max-width: 90%;\n box-shadow: 0 8px 20px rgba(0,0,0,0.5);\n}\n.modal-content h2 {\n margin-top: 0;\n font-size: 1rem;\n}\n.modal-row {\n display: flex;\n flex-direction: column;\n margin-bottom: 1rem;\n}\n.modal-row label {\n font-size: 0.85rem;\n margin-bottom: 0.25rem;\n}\n.modal-row input {\n padding: 0.5rem;\n border: 1px solid #444;\n border-radius: 4px;\n background: #1e1e1e;\n color: #fff;\n}\n.modal-buttons {\n display: flex;\n justify-content: flex-end;\n gap: 0.5rem;\n}\n.modal-buttons button {\n padding: 0.5rem 0.75rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 0.85rem;\n}\n.cancel-button {\n background: #666;\n color: #fff;\n}\n.save-button {\n background: var(--primary-color);\n color: #fff;\n}\n\n/* \"View Source\" link */\n.view-source {\n display: block;\n text-align: center;\n margin-top: 1rem;\n color: var(--link-color);\n font-size: 0.8rem;\n text-decoration: none;\n}\n.view-source:hover {\n text-decoration: underline;\n}\n`;\n\n/* ---------------------------------- HTML ---------------------------------- */\nfunction getHtml() {\n return `\n\n\n\n \n \n App Store Info Fetcher\n \n\n\n

\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 = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n\n // Data endpoints\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) AppleWebKit/537.36 \"\n + \"(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 );\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 // Clean up trailing \"12+\", etc\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 // Attempt #1\n const categoryMatch = html.match(\n /]*class=\"[^\"]*app-header__category[^\"]*\"[^>]*>([^<]+)<\\/a>/i,\n );\n if (categoryMatch) {\n category = categoryMatch[1].trim();\n } else {\n // Attempt #2\n const fallbackCategoryMatch = html.match(\n /

\\s*]*>Category:<\\/span>\\s*]*>([^<]+)<\\/span>/i,\n );\n category = fallbackCategoryMatch ? fallbackCategoryMatch[1].trim() : null;\n }\n // Attempt #3 (#1 in Productivity, etc.)\n if (!category) {\n const inProductivity = html.match(/#\\d+\\s+in\\s+([^<]+)/i);\n if (inProductivity) {\n category = inProductivity[1].trim();\n }\n }\n\n if (!iconUrl && !name && !category) {\n throw new Error(\"Failed to extract any information.\");\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\") {\n if (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\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\n // ephemeral notification text\n const [notification, setNotification] = useState(\"\");\n\n // For editing an app on right-click\n const [editIndex, setEditIndex] = useState(null);\n const [editData, setEditData] = useState({\n name: \"\",\n category: \"\",\n link: \"\",\n iconUrl: \"\",\n });\n\n // For category filtering\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) => {\n const useUrl = overrideUrl || url;\n if (!useUrl) return;\n\n // Check if already exists\n const alreadyExists = apps.some((app) => app.link === useUrl);\n if (alreadyExists) {\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(\n `${config.fetchEndpoint}?url=${encodeURIComponent(useUrl)}`,\n );\n if (!res.ok) {\n throw new Error(\"Failed to fetch app info\");\n }\n const data = await res.json();\n if (data.error) {\n throw new Error(data.error);\n }\n\n const newApp = {\n iconUrl: data.iconUrl,\n name: data.name,\n category: data.category,\n link: useUrl,\n };\n const updatedApps = [...apps, newApp];\n setApps(updatedApps);\n setUrl(\"\");\n\n // Save\n await fetch(config.saveEndpoint, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(updatedApps),\n });\n } catch (err) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n };\n\n const deleteApp = async (index) => {\n const updatedApps = apps.filter((_, i) => i !== index);\n setApps(updatedApps);\n await fetch(config.saveEndpoint, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(updatedApps),\n });\n };\n\n // ephemeral notification\n const showNotification = (message) => {\n setNotification(message);\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 (err) {\n console.error(\"Failed to copy:\", err);\n showNotification(\"Failed to copy\");\n }\n };\n\n // handle exporting\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 // handle importing\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 // Save\n await fetch(config.saveEndpoint, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(json),\n });\n }\n } catch (err) {\n console.error(\"Failed to import:\", err);\n setError(\"Failed to import JSON file\");\n } finally {\n e.target.value = null;\n }\n };\n\n // handle paste\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 // handle drag-and-drop\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 // automatically fetch\n fetchAppInfo(draggedUrl);\n }\n };\n\n // Group by category\n const groupedApps = apps.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 // Distinct categories, sorted\n const categories = Array.from(new Set(apps.map((app) => app.category || \"Unknown Category\")));\n categories.sort();\n\n // Right-click to open edit overlay\n const handleContextMenu = (e, index) => {\n e.preventDefault(); // prevent default context menu\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 });\n };\n\n // Save changes from modal\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\n // Persist\n await fetch(config.saveEndpoint, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(updated),\n });\n };\n\n const closeModal = () => {\n setEditIndex(null);\n };\n\n return (\n

\n {/* Titlebar */}\n

App Store Info Fetcher

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

\n\n {/* Notification bubble */}\n {notification &&

{notification}

}\n\n {/* Edit Modal */}\n {editIndex !== null && (\n

\n e.stopPropagation()} /* so clicks inside don't close */\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 Link\n setEditData({ ...editData, link: e.target.value })}\n />\n

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

\n \n \n

\n )}\n\n {/* Main content */}\n

\n {/* URL input row */}\n \n setUrl(e.target.value)}\n placeholder=\"Enter App Store URL\"\n />\n \n fetchAppInfo()}\n disabled={loading}\n >\n {loading ? \"Fetching...\" : \"Fetch\"}\n \n

\n\n {/* Error message */}\n {error &&

{error}

}\n\n {/* Category filters */}\n

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

\n\n {/* Grouped apps, sorted categories, then filtered */}\n {Object.keys(groupedApps)\n .sort()\n .filter((category) => selectedCategory === \"All\" || category === selectedCategory)\n .map((category) => (\n

{category}

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

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

Category: {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 deleteApp(realIndex)}\n >\n 🗑️\n \n

\n );\n })}\n

\n ))}\n\n \n View Source\n \n

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") {\n client();\n}",["D",1737172098602],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

ios_AppStoreFetcher

Version 11