\n \n\n\n\n",[],[87,122],"09e27b0a-bc3a-11f0-8b20-42dde27851f2","components","019a60de-9372-74b4-ab7b-34fc987097e7",["D",1762561790760],[134],[87,129],{"_34":135,"_13":136,"_63":137,"_65":130,"_66":67,"_68":69,"_70":71,"_36":138,"_17":31,"_73":74,"_75":139,"_77":49,"_78":-5,"_102":140,"_18":141},"09e27628-bc3a-11f0-8b20-42dde27851f2","App.tsx","019a60de-9372-74b4-ab7b-3256437f9ef5",["D",1762561790760],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport default function App() {\n const [url, setUrl] = useState(\"\");\n const [resultCaption, setResultText] = useState(\"\");\n const [resultImage, setResultImage] = useState(\"\");\n const [copyStatus, setCopyStatus] = useState(\"\");\n const imageRef = useRef(null);\n const textRef = useRef(null);\n\n useEffect(() => {\n if (url) {\n fetch(`/extract?url=${encodeURIComponent(url)}`)\n .then((response) => response.json())\n .then((data) => {\n console.log(data);\n setResultText(`Reposted from @${data.username}\\n\\n${data.caption}`);\n setResultImage(data.proxiedImageUrl);\n })\n .catch((error) => {\n console.error(\"Error fetching data:\", error);\n setResultText(\"Error fetching data\");\n setResultImage(\"\");\n });\n }\n }, [url]);\n\n const handleCopyText = () => {\n if (textRef.current) {\n try {\n navigator[\"clipboard\"].writeText(resultCaption).then(() => {\n setCopyStatus(\"Text copied! ✅\");\n setTimeout(() => setCopyStatus(\"\"), 2000);\n });\n } catch (err) {\n setCopyStatus(\"Failed to copy text ❌\");\n console.error(\"Copy text failed\", err);\n }\n }\n };\n\n return (\n

Instagram Extracter

Extract images from single-image instagram posts

\n\n

\n \n {(resultImage && resultCaption)\n ? \"Post URL\"\n : \"Enter the URL to the Post\"}\n \n setUrl(e.target.value)}\n style={{ width: \"100%\", marginBottom: \"-15px\" }}\n />\n\n {!(resultImage && resultCaption) && (\n

\n Click the share button at the bottom left of post (the paper\n airplane), click \"copy link\", then paste it here.\n

\n )}\n

\n\n {resultImage && resultCaption && (\n <>\n {copyStatus && (\n \n {copyStatus}\n

\n )}\n\n

Post Data for Reposting

\n \n \n

\n\n

\n \n Click and hold, then click save image.\n

\n \n )}\n \n );\n}\n",[],[87,129,136],["D",1762561790760],[145],[93],{"_34":146,"_13":115,"_63":147,"_65":94,"_66":67,"_68":69,"_70":71,"_36":148,"_17":31,"_73":149,"_75":150,"_77":49,"_78":-5,"_102":151,"_18":152},"09e26480-bc3a-11f0-8b20-42dde27851f2","019a60de-9372-74b4-ab7b-286a987ae1af",["D",1762561790760],"http","import instagramPostExtract from \"../utils.ts\";\nimport { Hono } from \"npm:hono\";\nimport { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", (_c) => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Route for Instagram URL extraction using query parameter\napp.get(\"/extract\", async (c) => {\n const instagramUrl = c.req.query(\"url\");\n\n if (!instagramUrl) {\n return c.json({ error: \"Missing Instagram URL parameter\" }, 400);\n }\n\n // Ensure the URL has the proper Instagram prefix\n const fullInstagramUrl = instagramUrl.startsWith(\"https://\")\n ? instagramUrl\n : `https://www.instagram.com/${instagramUrl}`;\n\n // Validate the Instagram URL\n if (!fullInstagramUrl.includes(\"instagram.com/\")) {\n return c.json({ error: \"Invalid Instagram URL\" }, 400);\n }\n\n try {\n const { caption, username, imageUrl } = await instagramPostExtract(\n fullInstagramUrl,\n );\n\n // If the 'proxyImage' parameter is present, proxy the image\n if (c.req.query(\"proxyImage\") === \"true\") {\n try {\n const imageResponse = await fetch(imageUrl);\n if (!imageResponse.ok) {\n throw new Error(`Failed to fetch image: ${imageResponse.status}`);\n }\n\n // Return the proxied image with appropriate content type\n const contentType = imageResponse.headers.get(\"Content-Type\") ||\n \"image/jpeg\";\n return new Response(imageResponse.body, {\n headers: { \"Content-Type\": contentType },\n });\n } catch (fetchError) {\n if (fetchError instanceof Error) {\n return c.json({\n error: \"Failed to proxy image: \" + fetchError.message,\n }, 502);\n }\n }\n } else {\n // By default, return JSON with caption, username, and image URL\n // Construct a proper proxied image URL\n const url = new URL(c.req.url);\n const host = url.host;\n const protocol = url.protocol;\n const proxiedImageUrl = `${protocol}//${host}/extract?url=${\n encodeURIComponent(fullInstagramUrl)\n }&proxyImage=true`;\n\n return c.json({\n caption,\n username,\n imageUrl: imageUrl,\n proxiedImageUrl: proxiedImageUrl,\n });\n }\n } catch (error) {\n if (error instanceof Error) {\n // Report if extraction failed\n return c.json({\n error: \"Extraction failed: \" + error.message,\n }, 500);\n }\n }\n});\n\n// Keep the original route for backward compatibility\napp.get(\"/extract/:instagramUrl(.*)\", async (c) => {\n const instagramUrl = c.req.param(\"instagramUrl\");\n\n // Ensure the URL has the proper Instagram prefix\n const fullInstagramUrl = instagramUrl!.startsWith(\"https://\")\n ? instagramUrl\n : `https://www.instagram.com/${instagramUrl}`;\n\n // Validate the Instagram URL\n if (!fullInstagramUrl!.includes(\"instagram.com/\")) {\n return c.json({ error: \"Invalid Instagram URL\" }, 400);\n }\n\n try {\n const { caption, username, imageUrl } = await instagramPostExtract(\n fullInstagramUrl!,\n );\n\n // If the 'proxyImage' parameter is present, proxy the image\n if (c.req.query(\"proxyImage\") === \"true\") {\n try {\n const imageResponse = await fetch(imageUrl);\n if (!imageResponse.ok) {\n throw new Error(`Failed to fetch image: ${imageResponse.status}`);\n }\n\n // Return the proxied image with appropriate content type\n const contentType = imageResponse.headers.get(\"Content-Type\") ||\n \"image/jpeg\";\n return new Response(imageResponse.body, {\n headers: { \"Content-Type\": contentType },\n });\n } catch (fetchError) {\n if (fetchError instanceof Error) {\n return c.json({\n error: \"Failed to proxy image: \" + fetchError.message,\n }, 502);\n }\n }\n } else {\n // By default, return JSON with caption, username, and image URL\n // Construct a proper proxied image URL\n const url = new URL(c.req.url);\n const host = url.host;\n const protocol = url.protocol;\n const proxiedImageUrl = `${protocol}//${host}/extract/${\n encodeURIComponent(fullInstagramUrl!)\n }?proxyImage=true`;\n\n return c.json({\n caption,\n username,\n imageUrl: imageUrl,\n proxiedImageUrl: proxiedImageUrl,\n });\n }\n } catch (error) {\n if (error instanceof Error) {\n // Report if extraction failed\n return c.json({\n error: \"Extraction failed: \" + error.message,\n }, 500);\n }\n }\n});\n\nexport default app.fetch;\n",[],[93,115],"09daf222-bc3a-11f0-8b20-42dde27851f2",["D",1762561790760],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","30e96340-3d13-11f0-8b95-19acccd2af88","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","4ee31a3a-5e6d-458e-80e5-65ab2e653153","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_195":191},"org",{"_11":12,"_189":-5,"_190":191,"_159":160,"_192":193,"_194":49},"branch",{"_17":69,"_13":16,"_34":67,"_40":153,"_43":35,"_44":42,"_186":51,"_187":41,"_188":55,"_56":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4bmtXc2xxd1hxVWtLcjFldk5Xa3UxOFBzZSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":153,"_13":14,"_36":264,"_47":-5,"_155":49,"_50":51,"_156":51,"_157":-5,"_158":-5,"_159":160,"_161":147,"_162":71,"_163":71,"_164":-5,"_165":31,"_54":166,"_167":-5,"_168":-5,"_169":-5,"_170":-5,"_171":172,"_173":172,"_174":175,"_176":175,"_177":175,"_178":172,"_179":172,"_180":265,"_182":266,"_184":267,"_48":49},[237,239,244,245],"files",[237,238,239,240,241,242,243,244,245],"counts",{"_228":31,"_229":69,"_230":31,"_33":231,"_232":233},[220,221,222,223],"upstreamProject",{"_34":41,"_13":14,"_157":-5,"_158":-5,"_50":51,"_180":218},"upstreamBranch",{"_34":35,"_36":216,"_38":217,"_13":16,"_40":41,"_17":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1742621244930],["D",1742625219513],{"_11":53,"_195":219},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9",{"_34":92,"_13":93,"_63":94,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":95,"_17":31,"_73":90,"_75":-5,"_77":49,"_78":-5,"_18":227},{"_34":86,"_13":87,"_63":88,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":89,"_17":31,"_73":90,"_75":-5,"_77":49,"_78":-5,"_18":226},{"_34":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":83,"_17":31,"_73":24,"_75":84,"_77":49,"_78":-5,"_18":225},{"_34":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":72,"_17":31,"_73":74,"_75":76,"_77":49,"_78":-5,"_18":224},[62],[81],[87],[93],"pulls","branches","forks",{"_234":69,"_236":31},"connections",{"_234":31,"_235":31},"count","unfilledCount","emptyCount",{"_34":92,"_13":93,"_63":94,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":142,"_17":31,"_73":90,"_75":-5,"_77":49,"_78":-5,"_102":262,"_18":263},{"_34":146,"_13":115,"_63":147,"_65":94,"_66":67,"_68":69,"_70":71,"_36":148,"_17":31,"_73":149,"_75":150,"_77":49,"_78":-5,"_102":260,"_18":261},{"_34":86,"_13":87,"_63":88,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":108,"_17":31,"_73":90,"_75":-5,"_77":49,"_78":-5,"_102":258,"_18":259},{"_34":128,"_13":129,"_63":130,"_65":88,"_66":67,"_68":69,"_70":71,"_36":131,"_17":31,"_73":90,"_75":-5,"_77":49,"_78":-5,"_102":256,"_18":257},{"_34":135,"_13":136,"_63":137,"_65":130,"_66":67,"_68":69,"_70":71,"_36":138,"_17":31,"_73":74,"_75":139,"_77":49,"_78":-5,"_102":254,"_18":255},{"_34":121,"_13":122,"_63":123,"_65":88,"_66":67,"_68":69,"_70":71,"_36":124,"_17":31,"_73":24,"_75":125,"_77":49,"_78":-5,"_102":252,"_18":253},{"_34":114,"_13":115,"_63":116,"_65":88,"_66":67,"_68":69,"_70":71,"_36":117,"_17":31,"_73":74,"_75":118,"_77":49,"_78":-5,"_102":250,"_18":251},{"_34":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":105,"_17":31,"_73":24,"_75":84,"_77":49,"_78":-5,"_102":248,"_18":249},{"_34":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_36":101,"_17":31,"_73":74,"_75":76,"_77":49,"_78":-5,"_102":246,"_18":247},[],[62],[],[81],[],[87,115],[],[87,122],[],[87,129,136],[241],[87,129],[240,242,243],[87],[],[93,115],[238],[93],["D",1762561790760],{"_11":12,"_195":191},{"_11":12,"_189":-5,"_190":191,"_159":160,"_192":193,"_194":49},{"_17":69,"_13":16,"_34":67,"_40":153,"_43":35,"_44":42,"_186":51,"_187":41,"_188":55,"_56":14,"_52":12},"ctx",{"_180":-5,"_213":301,"_302":303,"_304":305,"_306":49,"_307":49,"_308":49,"_309":71,"_310":-5,"_311":-7,"_312":-7,"_313":31,"_314":49,"_315":49,"_316":-5,"_317":49,"_318":49,"_319":49,"_320":-5},"ENV",{"_272":273,"_274":275,"_276":16,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code