[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_252":253,"_254":255},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_189":-5,"_20":190,"_22":191,"_192":193,"_194":195,"_26":196,"_24":197,"_198":-5,"_199":-5,"_200":55,"_201":202,"_203":46,"_204":-5,"_205":-5,"_206":207},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","wolf","name","instagramScraping","branchName","main","version","path","backend","project",{"_34":136,"_13":14,"_47":137,"_138":-5,"_139":55,"_140":141,"_142":141,"_143":-5,"_144":-5,"_145":146,"_147":38,"_148":46,"_149":-5,"_150":-5,"_151":60,"_152":153,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":159,"_160":159,"_161":162,"_163":162,"_164":162,"_165":159,"_166":159,"_167":168,"_169":170,"_171":172,"_173":55},"tree",[64,65,66,67],"file",{"_34":58,"_41":42,"_37":40,"_13":19,"_52":-5,"_50":59,"_17":60,"_39":-5,"_47":61,"_43":62,"_56":-5,"_18":63},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","643a9ffa-06e7-11f0-b23a-569c3dd06744","index.tsx","fileId","998b6f60-06e5-11f0-a40c-569c3dd06744","parentId","c40f0230-06de-11f0-b386-569c3dd06744","branchId","5654135c-06de-11f0-a833-569c3dd06744","branchVersion",258,"latest",true,"createdAt",["D",1742625133715],47,"fileType","http","content","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","deleted",false,"label",[19,36],"c40f0168-06de-11f0-b386-569c3dd06744","directory",0,["D",1742621429023],1,[19],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":62,"_45":46,"_47":129,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_75":130,"_18":131},{"_34":87,"_13":88,"_37":89,"_39":-5,"_41":42,"_43":90,"_45":46,"_47":91,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_75":92,"_18":93},{"_34":78,"_13":79,"_37":80,"_39":-5,"_41":42,"_43":81,"_45":46,"_47":82,"_17":83,"_50":24,"_52":84,"_54":55,"_56":-5,"_75":85,"_18":86},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":62,"_50":73,"_52":74,"_54":55,"_56":-5,"_75":76,"_18":77},"975e82de-06e7-11f0-938a-569c3dd06744","utils.ts","95c9aee4-06e7-11f0-88a1-569c3dd06744",298,["D",1742625219513],"script","import * as cheerio from \"npm:cheerio\";\n\nfunction getIdFromInstagramLink(url: string): string {\n const match = url.match(/\\/p\\/([^/]+)/);\n return match ? match[1] : \"\";\n}\n\nfunction extractInstagramCaption(html: string): string | undefined {\n const $ = cheerio.load(html);\n\n const metaDescription = $('meta[name=\"description\"]').attr(\"content\");\n\n if (metaDescription) {\n const match = metaDescription.match(/\"[\\s\\S]*$/m);\n return match!.join().slice(1, -3);\n }\n}\n\nfunction extractInstagramUsername(html: string): string | undefined {\n const $ = cheerio.load(html);\n\n const metaDescription = $('meta[name=\"description\"]').attr(\"content\");\n\n if (metaDescription) {\n const match = metaDescription.match(/([\\w\\.\\-\\_]+) on/);\n if (match && match[1]) {\n return match[1];\n }\n }\n}\n\nexport interface InstagramPostMeta {\n imageUrl: string;\n caption: string;\n username: string;\n}\n\nexport default async function instagramPostExtract(\n url: string,\n): Promise {\n const id = getIdFromInstagramLink(url);\n if (!id) {\n throw new Error(\"Invalid Instagram URL\");\n }\n\n const postHtml = await fetch(`https://www.instagram.com/p/${id}/`).then((\n response,\n ) => response.text());\n\n const extractedUsername = extractInstagramUsername(postHtml);\n const extractedCaption = extractInstagramCaption(postHtml);\n if (extractedCaption === undefined || extractedUsername === undefined) {\n throw new Error(\"Failed to extract caption or username from the post\");\n }\n\n return {\n imageUrl: await fetch(`https://www.instagram.com/p/${id}/media/?size=l`, {\n headers: {\n \"Accept\":\n \"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8\",\n \"Accept-Encoding\": \"gzip, deflate, br, zstd\",\n \"Accept-Language\": \"en-US,en;q=0.5\",\n \"Alt-Used\": \"www.instagram.com\",\n \"Connection\": \"keep-alive\",\n \"DNT\": \"1\",\n \"Host\": \"www.instagram.com\",\n \"Priority\": \"u=0, i\",\n \"Sec-Fetch-Dest\": \"document\",\n \"Sec-Fetch-Mode\": \"navigate\",\n \"Sec-Fetch-Site\": \"none\",\n \"Sec-Fetch-User\": \"?1\",\n \"TE\": \"trailers\",\n \"Upgrade-Insecure-Requests\": \"1\",\n \"User-Agent\":\n \"Mozilla/5.0 (X11; Linux x86_64; rv:133.0) Gecko/20100101 Firefox/133.0\",\n \"Cookie\": Deno.env.get(\"INSTAGRAM_COOKIE\") || \"\",\n },\n }).then((resp) => resp.url),\n caption: extractedCaption,\n username: extractedUsername,\n };\n}\n\nconsole.log(\n await instagramPostExtract(\n \"https://www.instagram.com/p/DEOClmoyl6j/?utm_source=ig_web_copy_link\",\n ),\n);\n","children",[],[69],"1c06ddd4-06e7-11f0-b34d-569c3dd06744","README.md","07f54a6a-06e7-11f0-b1c0-569c3dd06744",222,["D",1742625012579],5,"# Instagram Post Scraper\n\nA simple web application for extracting image and caption data from Instagram posts.\n\n## Endpoints\n\n- `/` - Main application page\n- `/extract?url={instagram_url}` - API endpoint to extract post data\n- `/extract?url={instagram_url}&proxyImage=true` - Endpoint to proxy Instagram images\n\n## Usage\n\n1. Enter an Instagram post URL in the input field\n2. The application will fetch the image and caption\n3. Copy the text with attribution using the \"Copy Text\" button\n4. Save the image (on mobile tap and hold)\n",[],[79],"c53bcfee-06de-11f0-9927-569c3dd06744","frontend","c53bd084-06de-11f0-9927-569c3dd06744",2,["D",1742621430995],[94,95,96],[88],{"_34":113,"_13":114,"_37":115,"_39":89,"_41":42,"_43":116,"_45":46,"_47":117,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_75":118,"_18":119},{"_34":105,"_13":106,"_37":107,"_39":89,"_41":42,"_43":108,"_45":46,"_47":109,"_17":90,"_50":24,"_52":110,"_54":55,"_56":-5,"_75":111,"_18":112},{"_34":97,"_13":36,"_37":98,"_39":89,"_41":42,"_43":99,"_45":46,"_47":100,"_17":101,"_50":73,"_52":102,"_54":55,"_56":-5,"_75":103,"_18":104},"711e51ec-06e4-11f0-b3f7-569c3dd06744","953e505a-06e3-11f0-a1c6-569c3dd06744",158,["D",1742623866849],11,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();\n",[],[88,36],"c9ca8fd0-06e5-11f0-ab10-569c3dd06744","index.html","13b20108-06e3-11f0-85c1-569c3dd06744",204,["D",1742624445114],"\n\n\n\n \n \n Instagram Post Scraper\n\n\n\n

\n \n\n\n\n",[],[88,106],"6c088378-06e2-11f0-b8a8-569c3dd06744","components","6c088418-06e2-11f0-b8a8-569c3dd06744",70,["D",1742622999330],[120],[88,114],{"_34":121,"_13":122,"_37":123,"_39":115,"_41":42,"_43":124,"_45":46,"_47":125,"_17":90,"_50":73,"_52":126,"_54":55,"_56":-5,"_75":127,"_18":128},"c4ef37d0-06e6-11f0-831f-569c3dd06744","App.tsx","6fc8859e-06e2-11f0-9038-569c3dd06744",216,["D",1742624866465],"/** @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",[],[88,114,122],["D",1742621429023],[132],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":133,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_75":134,"_18":135},["D",1742625133715],[],[19,36],"5653c924-06de-11f0-a833-569c3dd06744",["D",1742621244930],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_188":184},"org",{"_11":12,"_182":-5,"_183":184,"_145":146,"_185":186,"_187":55},"branch",{"_17":71,"_13":16,"_34":42,"_174":136,"_175":-5,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":14,"_181":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":136,"_13":14,"_47":248,"_138":-5,"_139":55,"_140":141,"_142":141,"_143":-5,"_144":-5,"_145":146,"_147":38,"_148":46,"_149":-5,"_150":-5,"_151":60,"_152":153,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":159,"_160":159,"_161":162,"_163":162,"_164":162,"_165":159,"_166":159,"_167":249,"_169":250,"_171":251,"_173":55},[221,223,228,229],"files",[221,222,223,224,225,226,227,228,229],"counts",{"_212":60,"_213":62,"_214":62,"_32":215,"_216":217},[210],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":62,"_45":46,"_47":208,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_18":209},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1742621429023],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":211},[19,36],"pulls","branches","forks",{"_218":62,"_220":60},"connections",{"_218":60,"_219":60},"count","unfilledCount","emptyCount",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":62,"_45":46,"_47":129,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_75":246,"_18":247},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":133,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_75":244,"_18":245},{"_34":87,"_13":88,"_37":89,"_39":-5,"_41":42,"_43":90,"_45":46,"_47":91,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_75":242,"_18":243},{"_34":113,"_13":114,"_37":115,"_39":89,"_41":42,"_43":116,"_45":46,"_47":117,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_75":240,"_18":241},{"_34":121,"_13":122,"_37":123,"_39":115,"_41":42,"_43":124,"_45":46,"_47":125,"_17":90,"_50":73,"_52":126,"_54":55,"_56":-5,"_75":238,"_18":239},{"_34":105,"_13":106,"_37":107,"_39":89,"_41":42,"_43":108,"_45":46,"_47":109,"_17":90,"_50":24,"_52":110,"_54":55,"_56":-5,"_75":236,"_18":237},{"_34":97,"_13":36,"_37":98,"_39":89,"_41":42,"_43":99,"_45":46,"_47":100,"_17":101,"_50":73,"_52":102,"_54":55,"_56":-5,"_75":234,"_18":235},{"_34":78,"_13":79,"_37":80,"_39":-5,"_41":42,"_43":81,"_45":46,"_47":82,"_17":83,"_50":24,"_52":84,"_54":55,"_56":-5,"_75":232,"_18":233},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":62,"_50":73,"_52":74,"_54":55,"_56":-5,"_75":230,"_18":231},[],[69],[],[79],[],[88,36],[],[88,106],[],[88,114,122],[225],[88,114],[224,226,227],[88],[],[19,36],[222],[19],["D",1742621244930],{"_11":12,"_188":184},{"_11":12,"_182":-5,"_183":184,"_145":146,"_185":186,"_187":55},{"_17":71,"_13":16,"_34":42,"_174":136,"_175":-5,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":14,"_181":12},"ctx",{"_167":-5,"_205":285,"_286":287,"_288":289,"_290":55,"_291":55,"_292":55,"_293":46,"_294":-5,"_295":-7,"_296":-7,"_297":60,"_298":55,"_299":55,"_300":-5,"_301":55,"_302":55,"_303":55,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":16,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]