[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","e2a3b4c4-01d4-11f1-a078-42dde27851f2","name","fileType","http","content","// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}","// ValTown HTTP Function: Extract Diagrams from PDF\n// Dependencies to add in ValTown: @supabase/supabase-js, pdf-lib or pdf-parse\n// Learn more: https://docs.val.town/vals/http/\n\nimport { createClient } from \"https://esm.sh/@supabase/supabase-js@2\";\n\n// Initialize Supabase client from environment variables\nconst supabase = createClient(\n Deno.env.get(\"SUPABASE_URL\")!,\n Deno.env.get(\"SUPABASE_SERVICE_KEY\")!,\n);\n\n// Helper function to extract images from PDF using pdfjs-dist\nasync function extractImagesFromPDF(\n pdfBytes: Uint8Array,\n pdfName: string,\n): Promise> {\n const pdfjsLib = await import(\n \"https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm\"\n );\n\n // Load PDF document\n const loadingTask = pdfjsLib.getDocument({ data: pdfBytes });\n const pdf = await loadingTask.promise;\n const result: Record = {};\n\n // Process each page\n for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {\n const page = await pdf.getPage(pageNum);\n const operatorList = await page.getOperatorList();\n\n // Look for image objects in the page\n for (let i = 0; i < operatorList.fnArray.length; i++) {\n if (operatorList.fnArray[i] === pdfjsLib.OPS.paintImageXObject) {\n try {\n const imageName = operatorList.argsArray[i][0];\n const image = await page.objs.get(imageName);\n\n if (image && image.data) {\n // Convert image data to base64\n const ext = image.kind === 2 ? \"png\" : \"jpg\";\n const filename = `${pdfName}_page${pageNum}_img.${ext}`;\n const storagePath = `content/exercices/diagrams/${filename}`;\n\n // Upload to Supabase Storage\n const { data: uploadData, error: uploadError } = await supabase\n .storage\n .from(\"root\")\n .upload(storagePath, image.data, {\n contentType: `image/${ext}`,\n upsert: true,\n });\n\n if (uploadError) {\n console.error(\n `Error uploading image from page ${pageNum}:`,\n uploadError,\n );\n continue;\n }\n\n // Get public URL\n const { data: urlData } = supabase.storage\n .from(\"root\")\n .getPublicUrl(storagePath);\n\n result[pageNum] = urlData.publicUrl;\n }\n } catch (error) {\n console.error(`Error processing image on page ${pageNum}:`, error);\n }\n }\n }\n }\n\n return result;\n}\n\n// Alternative approach using pdfjs-dist with different image extraction\nasync function extractImagesFromPDFv2(\n pdfBytes: Uint8Array,\n pdfName: string,\n): Promise> {\n const pdfjsLib = await import(\n \"https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm\"\n );\n\n // Load PDF document\n const loadingTask = pdfjsLib.getDocument({ data: pdfBytes });\n const pdf = await loadingTask.promise;\n const result: Record = {};\n\n // Process each page and render to canvas to extract images\n for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {\n const page = await pdf.getPage(pageNum);\n\n // Get viewport and render page to canvas\n const viewport = page.getViewport({ scale: 1.0 });\n const canvas = new OffscreenCanvas(viewport.width, viewport.height);\n const context = canvas.getContext(\"2d\");\n\n await page.render({\n canvasContext: context,\n viewport: viewport,\n }).promise;\n\n // Convert canvas to blob and upload\n const blob = await canvas.convertToBlob();\n const filename = `${pdfName}_page${pageNum}_full.png`;\n const storagePath = `content/exercices/diagrams/${filename}`;\n\n // Upload to Supabase Storage\n const { data: uploadData, error: uploadError } = await supabase.storage\n .from(\"root\")\n .upload(storagePath, blob, {\n contentType: \"image/png\",\n upsert: true,\n });\n\n if (uploadError) {\n console.error(`Error uploading page ${pageNum}:`, uploadError);\n continue;\n }\n\n // Get public URL\n const { data: urlData } = supabase.storage\n .from(\"root\")\n .getPublicUrl(storagePath);\n\n result[pageNum] = urlData.publicUrl;\n }\n\n return result;\n}\n\n// Main HTTP handler\nexport default async function (req: Request): Promise {\n // Handle OPTIONS for CORS\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n status: 200,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"POST, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n }\n\n if (req.method !== \"POST\") {\n return Response.json({\n success: false,\n error: \"Method not allowed. Use POST.\",\n }, { status: 405 });\n }\n\n try {\n const contentType = req.headers.get(\"content-type\") || \"\";\n\n let pdfBytes: Uint8Array;\n let pdfName = \"extracted\";\n\n if (contentType.includes(\"multipart/form-data\")) {\n // Handle file upload\n const formData = await req.formData();\n const file = formData.get(\"pdf\") as File;\n pdfName = (formData.get(\"pdf_name\") as string) || file.name;\n\n if (!file) {\n return Response.json({\n success: false,\n error: \"No PDF file provided\",\n }, { status: 400 });\n }\n\n // Convert file to bytes\n const arrayBuffer = await file.arrayBuffer();\n pdfBytes = new Uint8Array(arrayBuffer);\n } else if (contentType.includes(\"application/json\")) {\n // Handle JSON with PDF URL or base64\n const body = await req.json();\n pdfName = body.pdf_name || \"extracted\";\n\n if (body.pdf_bytes) {\n // Base64 encoded PDF\n const binaryString = atob(body.pdf_bytes);\n pdfBytes = new Uint8Array(binaryString.length);\n for (let i = 0; i < binaryString.length; i++) {\n pdfBytes[i] = binaryString.charCodeAt(i);\n }\n } else if (body.pdf_url) {\n // Download from URL\n const response = await fetch(body.pdf_url);\n const arrayBuffer = await response.arrayBuffer();\n pdfBytes = new Uint8Array(arrayBuffer);\n } else {\n return Response.json({\n success: false,\n error: \"Provide either pdf_bytes (base64) or pdf_url\",\n }, { status: 400 });\n }\n } else {\n return Response.json({\n success: false,\n error:\n \"Unsupported content type. Use multipart/form-data or application/json\",\n }, { status: 400 });\n }\n\n // Extract images from PDF\n const diagramUrls = await extractImagesFromPDFv2(pdfBytes, pdfName);\n\n return Response.json({\n success: true,\n diagrams: diagramUrls,\n total_diagrams: Object.keys(diagramUrls).length,\n }, {\n status: 200,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n } catch (error) {\n return Response.json({\n success: false,\n error: error.message || String(error),\n }, { status: 500 });\n }\n}","createdAt",["D",1770215314832],"branchVersion","branchId","bded806c-01d2-11f1-8e5e-42dde27851f2","id","bdeccfa0-01d2-11f1-8e5e-42dde27851f2","PDfs_to_supa_storage",["D",1770214006630],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019b291d-0493-708a-a98f-505d24ab7fff","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019b291d-0493-708a-a98f-566d96d83c40","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned",17,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","selimbouasker","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNndjeFF1NGhXQ3JuZ00yaWl3UldzZGFMU3UifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":150,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":151,"_78":152,"_80":153,"_82":25},"tree",[145],"files",[145],"counts",{"_133":60,"_134":135,"_136":60,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"c9ada8b6-01d5-11f1-8b4e-42dde27851f2","parentId","latest",["D",1770215314832],4,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":143,"_144":60},"connections",{"_141":60,"_142":60},"count","unfilledCount",3,"emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":146,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_147":148,"_27":149},["D",1770215314832],"children",[],[28],["D",1770214006630],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_76":-5,"_122":187,"_188":189,"_190":191,"_192":25,"_193":25,"_194":25,"_195":120,"_196":-5,"_197":-7,"_198":-7,"_199":60,"_200":25,"_201":25,"_202":-5,"_203":25,"_204":25,"_205":25,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":84,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"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"]

Diff · v13