Hello, world

\", {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[155,182],{"_103":189,"_95":190,"_156":191,"_158":157,"_159":137,"_160":142,"_161":162,"_105":192,"_100":32,"_164":176,"_166":193,"_167":22,"_168":-5,"_169":194,"_98":195},"8ce8c164-3fba-11f0-ac8d-76b3cceeab13","jsonBodyParsing","d04921f0-b4ad-4046-90ef-f31481dc29b1",["D",1748873090842],"export default async function handler(request: Request) {\n if (request.method !== \"POST\") {\n return Response.json({ message: \"This val responds to POST requests.\" }, {\n status: 400,\n });\n }\n try {\n const body = await request.json();\n return Response.json(body);\n } catch (e) {\n return Response.json({ message: \"The body of this request was not JSON-encoded.\" }, {\n status: 400,\n });\n }\n}",[],[155,190],{"_103":197,"_95":198,"_156":199,"_158":157,"_159":137,"_160":142,"_161":162,"_105":200,"_100":32,"_164":176,"_166":201,"_167":22,"_168":-5,"_169":202,"_98":203},"8ce8c434-3fba-11f0-ac8d-76b3cceeab13","jsonOkExample","08d9c59a-ede8-4c83-b808-56d0ff187be9",["D",1748873090842],"export const jsonOkExample = () => Response.json({ ok: true });",[],[155,198],{"_103":205,"_95":206,"_156":207,"_158":157,"_159":137,"_160":142,"_161":162,"_105":208,"_100":32,"_164":176,"_166":209,"_167":22,"_168":-5,"_169":210,"_98":211},"8ce8c650-3fba-11f0-ac8d-76b3cceeab13","queryParams","466b952b-b101-4583-bfb3-2cdbcb3dd85d",["D",1748873090842],"export const queryParams = (req: Request) => {\n const searchParams = new URL(req.url).searchParams;\n return Response.json(Object.fromEntries(searchParams.entries()));\n};",[],[155,206],[155],{"_103":214,"_95":215,"_156":216,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":217,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":218,"_98":259},"8ce8d514-3fba-11f0-ac8d-76b3cceeab13","HTML_JSX","d1fe4c7c-6988-4c75-860f-51888a2827ea",["D",1748873090842],[219,227,235,243,251],{"_103":220,"_95":221,"_156":222,"_158":216,"_159":137,"_160":142,"_161":162,"_105":223,"_100":32,"_164":176,"_166":224,"_167":22,"_168":-5,"_169":225,"_98":226},"8ce8c952-3fba-11f0-ac8d-76b3cceeab13","hono","55cdaabf-274f-45b2-bb4d-422259879bc7",["D",1748873090842],"/** @jsxImportSource npm:hono@3/jsx */\n\nexport const honoExample = () => {\n const jsx =

Test {1 + 1}

;\n\n return new Response(jsx.toString(), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n};",[],[215,221],{"_103":228,"_95":229,"_156":230,"_158":216,"_159":137,"_160":142,"_161":162,"_105":231,"_100":32,"_164":176,"_166":232,"_167":22,"_168":-5,"_169":233,"_98":234},"8ce8cb5a-3fba-11f0-ac8d-76b3cceeab13","preact","73309747-4f77-468f-a42f-ed47d8d29ca5",["D",1748873090842],"/** @jsxImportSource https://esm.sh/preact */\nimport { render } from \"npm:preact-render-to-string\";\n\nexport const preactExample = () =>\n new Response(render(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[215,229],{"_103":236,"_95":237,"_156":238,"_158":216,"_159":137,"_160":142,"_161":162,"_105":239,"_100":32,"_164":176,"_166":240,"_167":22,"_168":-5,"_169":241,"_98":242},"8ce8cd4e-3fba-11f0-ac8d-76b3cceeab13","react","36c84bc6-8d5e-41f7-a424-aa1c4a5a9f22",["D",1748873090842],"/** @jsxImportSource https://esm.sh/react */\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport const reactExample = () =>\n new Response(renderToString(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[215,237],{"_103":244,"_95":245,"_156":246,"_158":216,"_159":137,"_160":142,"_161":162,"_105":247,"_100":32,"_164":176,"_166":248,"_167":22,"_168":-5,"_169":249,"_98":250},"8ce8d0b4-3fba-11f0-ac8d-76b3cceeab13","solid","b45b29a7-79ba-40d5-8bf9-78baa1403ec0",["D",1748873090842],"/** @jsxImportSource https://esm.sh/solid-jsx */\nimport { renderToString } from \"npm:solid-js/web\";\n\nexport const solidExample = async () =>\n new Response(await renderToString(() =>

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[215,245],{"_103":252,"_95":253,"_156":254,"_158":216,"_159":137,"_160":142,"_161":162,"_105":255,"_100":32,"_164":176,"_166":256,"_167":22,"_168":-5,"_169":257,"_98":258},"8ce8d23a-3fba-11f0-ac8d-76b3cceeab13","vue","a8905a45-72fd-4d03-a3a4-518b8b838a2e",["D",1748873090842],"/** @jsxImportSource https://esm.sh/vue */\nimport { renderToString } from \"npm:vue/server-renderer\";\n\nexport const vueExample = async () =>\n new Response(await renderToString(

Test {1 + 1}

), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });",[],[215,253],[215],{"_103":261,"_95":262,"_156":263,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":264,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":265,"_98":275},"8ce8dd52-3fba-11f0-ac8d-76b3cceeab13","HTTP","736223d6-3e17-459b-b028-7710b0bcb08c",["D",1748873090842],[266],{"_103":267,"_95":268,"_156":269,"_158":263,"_159":137,"_160":136,"_161":162,"_105":270,"_100":271,"_164":176,"_166":272,"_167":22,"_168":-5,"_169":273,"_98":274},"65af8ce2-4026-11f0-b489-76b3cceeab13","canvaProxy","50976500-c2fa-4b8c-8090-3c170bc7fc36",["D",1748919410732],32,"import { blob } from \"https://esm.town/v/std/blob\";\n\nconst CLIENT_CREDENTIALS =\n \"T0MtQVpjd2ZyLXpzNWM2OmNudmNhYlhaOHFaejE2R2tPTkc1VTBVRGhmbGtpRExIS00waFVvS0JmU3hVRUtyd2VhNmMzYWNk\";\n\n// Initialize with your current tokens\nconst INITIAL_TOKENS = {\n access_token:\n \"eyJraWQiOiIyMzY4ZjRhYi00N2ZiLTQwN2MtYjM5Ni00NzgxODcwMjZkN2UiLCJhbGciOiJSUzI1NiJ9.eyJqdGkiOiJ6eU1lTDQ0QVJ0RVp5TlRxTDBUbVBBIiwiY2xpZW50X2lkIjoiT0MtQVpjd2ZyLXpzNWM2IiwiYXVkIjoiaHR0cHM6Ly93d3cuY2FudmEuY29tIiwiaWF0IjoxNzQ4ODcxMDczLCJuYmYiOjE3NDg4NzEwNzMsImV4cCI6MTc0ODg4NTQ3Mywicm9sZXMiOiJld0NwRV91UEpSMm9xZFJ5UTVENzl2bzlCUlpSWUE2MVZCYWYyMFJkdVluWnZUbExqRlNNREMwNWxMWEFjcFJ3aXV6bWw0SnRCNWs1d2dFZVN1YkExNlVRaWwxVENrUFdBLXNhVDFYVXJxdGRuMGsyNFZfYnRJUGdudm9zOTBidHAwakVRdyIsInN1YiI6Im9VV3owelJZQ1lpYWRyRDZuQUN2WmciLCJicmFuZCI6Im9CV3owVWk1Vnk4YWg3a2VmdFZ2T1EiLCJzY29wZXMiOlsiZGVzaWduOmNvbnRlbnQ6d3JpdGUiLCJicmFuZHRlbXBsYXRlOmNvbnRlbnQ6cmVhZCIsImJyYW5kdGVtcGxhdGU6bWV0YTpyZWFkIiwiYXNzZXQ6cmVhZCIsImFzc2V0OndyaXRlIiwiZGVzaWduOm1ldGE6cmVhZCIsImZvbGRlcjpyZWFkIiwiZm9sZGVyOndyaXRlIl0sImxvY2FsZSI6Im9NRzdoMTBBX3lVbVFLcFhSUGdDMEFDSTJKVjZXc1c4VDNNU00zS3JmcWFoTndUeEsxNDZRYXFZU3hhTjk4U1lNN1doYVEiLCJidW5kbGVzIjpbIkNUMDIiXSwiYWN0X2FzIjoidSIsImNvZGVfaWQiOiJSMjZUN052Q3V4M19DblpEQVFOZVhnIn0.JPzB4aV6chp171N2G7OawRV4QdKx-fcHgeFYmPk9Iw6KN-r6Exa8TA2tvAj9pULBEmfvY144RnaImfcgatOVwtsOjqqlcAZs5fvPYCzIPF3BGaaG8fD_6pg_LoDsZTaDGU9goLjEfDkqtepoJPc8NcUCL-VvpiBE1wqYsqwzFeUhcBGMRd4zaw8o72bJ5Q9Ytfi2MkZJ2Y0ThkeDDZ5W7u8h8nt3XTv1oOzSv1m2sVWIg1tfifgMOhAds0i7WMi7CiWZ27miWiRv2IWZ766-wDRQ5vlyX0arBA0GZ5LFvgnuJt-XYdRfiOuRg6Otl887X9-04lkEnQcju1wnmmJgdA\",\n refresh_token:\n \"eyJhbGciOiJSU0EtT0FFUC0yNTYiLCJlbmMiOiJBMTI4Q0JDLUhTMjU2Iiwia2lkIjoiZmQ1YmU1MTMtZjAzNy00M2NkLTg3OGEtNjQ1OWJmMGEwNzA4IiwiY3R5IjoiSldUIiwianRpIjoiUHI0dGhVZ0JQZWY1VVc4Rno2TTdKZyIsImNsaWVudF9pZCI6Ik9DLUFaY3dmci16czVjNiIsImF0X2xlYXN0IjoxMjA5NjAwMDAwfQ.wQLXRki5myhvnbwG3GcEWoBHbf5viUDi6oW6hMu8P1NnLfHJCazokaPbufSRWb0_QaONSqk-V7z54dZjhLaARmL_zVihHMw0frVEEbIddFiGFArqfAZMSF9N6iHT385Ksla3Omq9JE5ZaT83IuIlgp7v-WAl7ZJRfeasi6nPoTsNreYzvW04bLf23d9PZgITUWfGk8jB42PFiIlUhzAsjSNrb1bFL7qIn4wZm7pJHvK5NDA1Om9wBq3b9PWlVSZSbwpFCwGsGkWJs3qb_KMtue90kTYlTszPxndKcH7R0yXGUZDd13CwTJ1tIsSjEE5M3MNsJnvWaFSN-zWTl9VmqA.oerwd-MdBWmSTJgVP8D4Sg.pw77IKanwmsK6x2TMuPBCQrAfOHL2CF1zfEJHQ_cu_bjxyeEQvAmxrhsjBM6q5-vAgb92noiAQIowpyvl2SPq_MB4GVmURvr7OOQ6ajpLypS1qhTK7VzUq-W8VnSHzg2vTlQTS_G54iXMzZncIxTmzFB1uOFmumwRuRhLGYZxCgJxSmMNUTPK7sntn4QEDWkIV3UNu8U6u8BQwSEy5yEbmQYTAgQ4kBKToxdaNhiXPiFFi-OqoQNcx8hRAw8PIc8gwABjp4UTcOC0wqVabEFLLp-Pd6uPorEZHl4uQgjyErAExjt6ILMrhb-Lz-d516OcAHMoIaXdxLF6K1e3zeEXFIEoEvlaQ054d6hjoeqt2c6NGoZ6XFXPR3VYQzR-GFw8uFNB4KnYkwU819uNUMKTkll7FcRHftVyYI_ZcxURMU_TDUYgKTBrV2EyyH4sZ-WAgygp6idDDYeuqFkzZN-KxKHMffboI3Wnzbup3YTdO9bCxfFODDLKcjKvs0SPw64cqb-ZpdWbHthCeprS1K6rcTdRk5wNOMtraMAq77RiN0TdzeOgyvJ4ZSiYzZRBv_EhEq35tbSpfwDTkbmjHp5x8syZpskqX0XQEEgpk2PeRDaEgN1DBxqSq4QjHobv3EsF37zcAN4RpmUmOp2vJb62c3GoRFl3ies0OsazTb4I7Dpsln4pmCI8z1sdcGCAbPH7JZfaBuoI36iFN_opXa3XUhDlSdyz9b50YnzwMHwInDQVs5_bKhCLUu8rXrtptX1nd--C_z1Z4Ao--S-BrHx1sKjpvkHvITbFCz9owTvg1703ykoah5jD03ESbTvCXb06X9mOrsGHKJHudYgxMOd3JjDQA6ANK75WInvbbXvlgmtAoNfoapzpfzuQixZEQ8y4XWfGgT1imxPaSZX2co3chXvykSf6prZjjLP4tSag5Mx84pFEOvWRO2wSI8A0wk5ep_r8lP1WGI31WIrOxpCLUJ4Jj5f65swQvDT0NR92DYAuYdMaWkCS7HS7uK79Nyej0HKc_JDev9K0ZsRZ7FTGHClRT7EJoNiAO0i5UuHiKAnizeymbM2vTJPatfkowNRhppxxqkmbybuum-1pHfFTKBFMDMAQaH8smkqBJiKQEWFOfKH63PskyqvIKJL45-irjCrclzrJscw4wrlJ5FFGIGKXw7W8797dodLqbyLHBmc6C-CiOnbfubWjcpKCNU46oKS92TIRFvYA8Qd6hqjbBKaXn62fjk_aMBJ43rZn6AK0Lc7vJrLgS5XbjLaWGjWnzJ4P2YBNZgT0Bo3sResFwTcEAuno39797sEw5VOLALHw_DqBVfYpTM0o1pnuVLCJYAJSM8dt6CyTt5taKISQu8CVn2k4JWHi8dIJDE0Ubc6wsByNMxPFDGrsQVUEqkf8Lsmz5NV6wu0mroWrPA_ASuPLRFGjiVtvlVypUMIMNs.L7s7DhPcGIwVdryNyRl04g\",\n expires_at: Date.now() + 14400000, // 4 hours from now\n};\n\nasync function getValidToken() {\n let tokens = await blob.getJSON(\"canva_tokens\");\n\n // Force token refresh if tokens don't exist or if using initial tokens\n if (!tokens) {\n console.log(\"No tokens in blob storage, using initial tokens and forcing refresh...\");\n tokens = INITIAL_TOKENS;\n // Force immediate refresh by setting expires_at to past\n tokens.expires_at = Date.now() - 1000;\n }\n\n console.log(\"Token expires at:\", new Date(tokens.expires_at).toISOString());\n console.log(\"Current time:\", new Date().toISOString());\n console.log(\"Token expired?\", Date.now() >= tokens.expires_at - 300000);\n\n if (Date.now() >= tokens.expires_at - 300000) {\n console.log(\"Token expired or expiring soon, refreshing...\");\n\n try {\n const response = await fetch(\"https://api.canva.com/rest/v1/oauth/token\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Basic ${CLIENT_CREDENTIALS}`,\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n },\n body: new URLSearchParams({\n grant_type: \"refresh_token\",\n refresh_token: tokens.refresh_token,\n }),\n });\n\n if (!response.ok) {\n const error = await response.text();\n console.error(\"Token refresh failed:\", error);\n\n // If refresh fails, you might need to re-authenticate\n throw new Error(`Failed to refresh token: ${error}. You may need to re-authenticate with Canva.`);\n }\n\n const data = await response.json();\n console.log(\"Token refreshed successfully, expires in:\", data.expires_in, \"seconds\");\n\n tokens = {\n access_token: data.access_token,\n refresh_token: data.refresh_token,\n expires_at: Date.now() + (data.expires_in * 1000),\n };\n\n await blob.setJSON(\"canva_tokens\", tokens);\n console.log(\"New tokens saved to blob storage\");\n } catch (error) {\n console.error(\"Error during token refresh:\", error);\n throw error;\n }\n } else {\n console.log(\"Token still valid for\", Math.floor((tokens.expires_at - Date.now()) / 1000 / 60), \"minutes\");\n }\n\n return tokens.access_token;\n}\n\n// Function to upload image to Canva\nasync function uploadImageToCanva(imageUrl) {\n const token = await getValidToken();\n\n // First, fetch the image\n const imageResponse = await fetch(imageUrl);\n if (!imageResponse.ok) {\n throw new Error(\"Failed to fetch image from URL\");\n }\n\n const imageBlob = await imageResponse.blob();\n const arrayBuffer = await imageBlob.arrayBuffer();\n const imageBytes = new Uint8Array(arrayBuffer);\n\n // Create asset upload job\n const uploadResponse = await fetch(\"https://api.canva.com/rest/v1/asset-uploads\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/octet-stream\",\n \"Asset-Upload-Metadata\": JSON.stringify({\n \"name_base64\": btoa(\"Instagram Post Image\"),\n }),\n },\n body: imageBytes,\n });\n\n if (!uploadResponse.ok) {\n const error = await uploadResponse.text();\n throw new Error(`Failed to upload image: ${error}`);\n }\n\n const uploadResult = await uploadResponse.json();\n console.log(\"Upload job created:\", uploadResult.job.id);\n\n // Poll for upload completion\n let job = uploadResult.job;\n while (job.status === \"in_progress\") {\n await new Promise(resolve => setTimeout(resolve, 1000)); // Wait 1 second\n\n const statusResponse = await fetch(\n `https://api.canva.com/rest/v1/asset-uploads/${job.id}`,\n {\n headers: {\n \"Authorization\": `Bearer ${token}`,\n },\n },\n );\n\n if (!statusResponse.ok) {\n throw new Error(\"Failed to check upload status\");\n }\n\n job = (await statusResponse.json()).job;\n }\n\n if (job.status === \"failed\") {\n throw new Error(`Upload failed: ${job.error?.message || \"Unknown error\"}`);\n }\n\n return job.asset.id;\n}\n\n// Function to create design using autofill - CORRECTED VERSION\nasync function createDesignWithAutofill(brand_template_id, data, title = null) {\n const token = await getValidToken();\n\n // Build request body according to Canva API documentation\n // NO 'type' field - this was the issue!\n const requestBody = {\n brand_template_id: brand_template_id,\n data: data,\n };\n\n // Add title if provided\n if (title) {\n requestBody.title = title;\n }\n\n console.log(\"Autofill request body:\", JSON.stringify(requestBody, null, 2));\n\n // Create autofill job\n const autofillResponse = await fetch(\n \"https://api.canva.com/rest/v1/autofills\",\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(requestBody),\n },\n );\n\n if (!autofillResponse.ok) {\n const error = await autofillResponse.text();\n throw new Error(`Failed to create autofill job: ${error}`);\n }\n\n const autofillResult = await autofillResponse.json();\n console.log(\"Autofill job created:\", autofillResult.job.id);\n\n // Poll for completion\n let job = autofillResult.job;\n while (job.status === \"in_progress\") {\n await new Promise(resolve => setTimeout(resolve, 1000));\n\n const statusResponse = await fetch(\n `https://api.canva.com/rest/v1/autofills/${job.id}`,\n {\n headers: {\n \"Authorization\": `Bearer ${token}`,\n },\n },\n );\n\n if (!statusResponse.ok) {\n throw new Error(\"Failed to check autofill status\");\n }\n\n job = (await statusResponse.json()).job;\n console.log(\"Job status:\", job.status);\n }\n\n if (job.status === \"failed\") {\n throw new Error(`Autofill failed: ${job.error?.message || \"Unknown error\"}`);\n }\n\n return job.result;\n}\n\n// NEW FUNCTION: Export design as image\nasync function exportDesignAsImage(designId, format = \"png\") {\n const token = await getValidToken();\n \n console.log(`Exporting design ${designId} as ${format}...`);\n \n // Create export job\n const exportResponse = await fetch(\n \"https://api.canva.com/rest/v1/exports\",\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n design_id: designId,\n format: {\n type: format, // \"png\" or \"jpg\"\n },\n }),\n },\n );\n\n if (!exportResponse.ok) {\n const error = await exportResponse.text();\n throw new Error(`Failed to create export job: ${error}`);\n }\n\n const exportResult = await exportResponse.json();\n console.log(\"Export job created:\", exportResult.job.id);\n\n // Poll for completion\n let job = exportResult.job;\n let attempts = 0;\n const maxAttempts = 30; // 30 seconds timeout\n \n while (job.status === \"in_progress\" && attempts < maxAttempts) {\n await new Promise(resolve => setTimeout(resolve, 1000)); // Wait 1 second\n attempts++;\n\n const statusResponse = await fetch(\n `https://api.canva.com/rest/v1/exports/${job.id}`,\n {\n headers: {\n \"Authorization\": `Bearer ${token}`,\n },\n },\n );\n\n if (!statusResponse.ok) {\n throw new Error(\"Failed to check export status\");\n }\n\n job = (await statusResponse.json()).job;\n console.log(`Export status: ${job.status} (attempt ${attempts}/${maxAttempts})`);\n }\n\n if (job.status === \"failed\") {\n throw new Error(`Export failed: ${job.error?.message || \"Unknown error\"}`);\n }\n\n if (job.status === \"in_progress\") {\n throw new Error(\"Export timeout - job taking too long\");\n }\n\n // Return the first exported URL\n console.log(\"Export successful! URL:\", job.urls[0]);\n return job.urls[0];\n}\n\n// UPDATED: createDesignFromBrandTemplate with export\nasync function createDesignFromBrandTemplate(requestBody) {\n const { title, brand_template_id, pages } = requestBody;\n const token = await getValidToken();\n\n try {\n // Extract elements from the request\n const imageElement = pages[0]?.elements?.find(e => e.type === \"image\");\n const taglineElement = pages[0]?.elements?.find(e => e.type === \"tagline\");\n const captionElement = pages[0]?.elements?.find(e => e.type === \"caption\");\n\n // Variable to store the design ID for export\n let designId = null;\n\n // First, check if the template has dataset fields\n const datasetResponse = await fetch(\n `https://api.canva.com/rest/v1/brand-templates/${brand_template_id}/dataset`,\n {\n headers: {\n \"Authorization\": `Bearer ${token}`,\n },\n },\n );\n\n if (datasetResponse.ok) {\n const datasetInfo = await datasetResponse.json();\n console.log(\"Dataset info:\", JSON.stringify(datasetInfo));\n\n // If template has data fields, use autofill\n if (datasetInfo.dataset && Object.keys(datasetInfo.dataset).length > 0) {\n console.log(\"Template has data fields, using autofill...\");\n\n // Build autofill data based on available fields\n const autofillData = {};\n\n // Map the text to the correct fields with proper structure\n if (datasetInfo.dataset[\"Tagline\"] && taglineElement?.text) {\n autofillData[\"Tagline\"] = {\n type: \"text\",\n text: taglineElement.text,\n };\n }\n if (datasetInfo.dataset[\"Caption\"] && captionElement?.text) {\n autofillData[\"Caption\"] = {\n type: \"text\",\n text: captionElement.text,\n };\n }\n\n // Handle image fields if any\n for (const [fieldName, fieldInfo] of Object.entries(datasetInfo.dataset)) {\n if (fieldInfo.type === \"image\" && imageElement?.url) {\n console.log(`Uploading image for field: ${fieldName}`);\n const assetId = await uploadImageToCanva(imageElement.url);\n autofillData[fieldName] = {\n type: \"image\",\n asset_id: assetId, // Note: asset_id, not the full URL\n };\n }\n }\n\n console.log(\"Autofill data:\", JSON.stringify(autofillData));\n\n // Create design using autofill - FIXED: pass title, remove type\n const autofillResult = await createDesignWithAutofill(\n brand_template_id,\n autofillData,\n title || \"Social Media Post\",\n );\n\n designId = autofillResult.design.id;\n\n // Export the design as PNG\n console.log(\"Exporting autofilled design...\");\n const exportedImageUrl = await exportDesignAsImage(designId, \"png\");\n\n return {\n image_url: exportedImageUrl, // This is now a direct PNG URL!\n canva_view_url: autofillResult.design.urls.view_url,\n message: \"Design created from brand template with autofill and exported!\",\n caption: captionElement?.text || \"\",\n tagline: taglineElement?.text || \"\",\n hashtags: \"#NatureLovers, #AdventureAwaits\",\n design_id: designId,\n edit_url: autofillResult.design.urls.edit_url,\n used_autofill: true,\n filled_fields: Object.keys(autofillData),\n };\n }\n }\n\n // If no autofill fields or autofill failed, fall back to creating a blank design\n console.log(\"No autofill fields found or autofill failed, creating blank design...\");\n\n let assetId = null;\n if (imageElement?.url) {\n console.log(\"Uploading image to Canva...\");\n assetId = await uploadImageToCanva(imageElement.url);\n console.log(\"Image uploaded with asset ID:\", assetId);\n }\n\n // Create a design with Instagram 4:5 post dimensions\n const createDesignResponse = await fetch(\n \"https://api.canva.com/rest/v1/designs\",\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n design_type: {\n type: \"custom\",\n width: 1080,\n height: 1350,\n },\n asset_id: assetId,\n title: title || \"Instagram Post\",\n }),\n },\n );\n\n if (!createDesignResponse.ok) {\n const error = await createDesignResponse.text();\n throw new Error(`Failed to create design: ${error}`);\n }\n\n const design = await createDesignResponse.json();\n designId = design.design.id;\n\n // Export the design as PNG\n console.log(\"Exporting created design...\");\n const exportedImageUrl = await exportDesignAsImage(designId, \"png\");\n\n // Get brand template info\n const brandTemplateResponse = await fetch(\n `https://api.canva.com/rest/v1/brand-templates/${brand_template_id}`,\n {\n headers: {\n \"Authorization\": `Bearer ${token}`,\n },\n },\n );\n\n if (brandTemplateResponse.ok) {\n const brandTemplate = await brandTemplateResponse.json();\n\n return {\n image_url: exportedImageUrl, // This is now a direct PNG URL!\n canva_view_url: design.design.urls.view_url,\n message: `Design created and exported successfully!`,\n caption: captionElement?.text || \"\",\n tagline: taglineElement?.text || \"\",\n hashtags: \"#NatureLovers, #AdventureAwaits\",\n design_id: designId,\n edit_url: design.design.urls.edit_url,\n brand_template_url: brandTemplate.brand_template.create_url,\n note: \"Design exported as PNG for Instagram posting\",\n };\n }\n\n return {\n image_url: exportedImageUrl, // This is now a direct PNG URL!\n canva_view_url: design.design.urls.view_url,\n message: \"Design created and exported successfully\",\n caption: captionElement?.text || \"\",\n tagline: taglineElement?.text || \"\",\n hashtags: \"#NatureLovers, #AdventureAwaits\",\n design_id: designId,\n edit_url: design.design.urls.edit_url,\n };\n } catch (error) {\n console.error(\"Error creating design:\", error);\n throw error;\n }\n}\n\n// Main handler\nexport default async function(req: Request): Promise {\n console.log(\"Request received:\", req.method, req.url);\n\n // Enable CORS\n const headers = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n };\n\n if (req.method === \"OPTIONS\") {\n return new Response(null, { headers });\n }\n\n try {\n const url = new URL(req.url);\n const pathname = url.pathname.replace(/^\\//, \"\");\n\n console.log(\"Pathname:\", pathname);\n\n // Add refresh-token endpoint\n if (pathname === \"refresh-token\" && req.method === \"POST\") {\n try {\n // Clear existing tokens to force refresh\n await blob.delete(\"canva_tokens\");\n\n const token = await getValidToken();\n\n return new Response(\n JSON.stringify({\n message: \"Token refreshed successfully\",\n token_preview: token.substring(0, 20) + \"...\",\n }),\n {\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n },\n );\n } catch (error) {\n return new Response(\n JSON.stringify({\n error: error.message,\n instructions: \"You may need to re-authenticate with Canva to get new tokens\",\n }),\n {\n status: 400,\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Check template dataset endpoint\n if (pathname === \"check-template-dataset\" && req.method === \"GET\") {\n const templateId = url.searchParams.get(\"template_id\");\n\n if (!templateId) {\n return new Response(\n JSON.stringify({\n error: \"template_id parameter is required\",\n }),\n {\n status: 400,\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n const token = await getValidToken();\n\n try {\n const response = await fetch(\n `https://api.canva.com/rest/v1/brand-templates/${templateId}/dataset`,\n {\n headers: {\n \"Authorization\": `Bearer ${token}`,\n },\n },\n );\n\n const responseText = await response.text();\n console.log(\"Response status:\", response.status);\n console.log(\"Response:\", responseText);\n\n if (!response.ok) {\n return new Response(\n JSON.stringify({\n error: \"Failed to get dataset\",\n status: response.status,\n message: responseText,\n possible_reason: response.status === 403\n ? \"You might not have Enterprise access or the template doesn't exist\"\n : \"Unknown error\",\n }),\n {\n status: response.status,\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n const data = JSON.parse(responseText);\n\n return new Response(\n JSON.stringify({\n template_id: templateId,\n has_dataset: !!data.dataset,\n dataset_fields: data.dataset || {},\n field_count: data.dataset ? Object.keys(data.dataset).length : 0,\n instructions: data.dataset && Object.keys(data.dataset).length > 0\n ? \"Your template has data fields! You can use autofill.\"\n : \"No data fields found. Add them in Canva template editor.\",\n example_autofill_data: data.dataset && Object.keys(data.dataset).length > 0\n ? Object.keys(data.dataset).reduce((acc, key) => {\n const field = data.dataset[key];\n if (field.type === \"text\") {\n acc[key] = \"Your text here\";\n } else if (field.type === \"image\") {\n acc[key] = \"https://example.com/image.jpg\";\n }\n return acc;\n }, {})\n : null,\n }),\n {\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n },\n );\n } catch (error) {\n return new Response(\n JSON.stringify({\n error: error.message,\n }),\n {\n status: 500,\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Special endpoint for creating designs\n if (pathname === \"designs\" && req.method === \"POST\") {\n try {\n const body = await req.json();\n console.log(\"Creating design with body:\", body);\n\n const result = await createDesignFromBrandTemplate(body);\n\n return new Response(JSON.stringify(result), {\n status: 200,\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Design creation error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message,\n code: \"design_creation_failed\",\n }),\n {\n status: 400,\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Special endpoint to just get token\n if (pathname === \"token\" || pathname === \"\") {\n const token = await getValidToken();\n return new Response(JSON.stringify({ access_token: token }), {\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n });\n }\n\n // Get valid token\n const token = await getValidToken();\n\n // Prepare Canva API request\n const canvaUrl = `https://api.canva.com/rest/v1/${pathname}${url.search}`;\n const canvaHeaders = {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n };\n\n // Get request body if it exists\n let body = null;\n if (req.method !== \"GET\" && req.method !== \"HEAD\") {\n body = await req.text();\n }\n\n // Forward the request to Canva\n const canvaResponse = await fetch(canvaUrl, {\n method: req.method,\n headers: canvaHeaders,\n body: body,\n });\n\n const responseData = await canvaResponse.text();\n\n return new Response(responseData, {\n status: canvaResponse.status,\n headers: {\n ...headers,\n \"Content-Type\": canvaResponse.headers.get(\"Content-Type\") || \"application/json\",\n },\n });\n } catch (error) {\n console.error(\"Error:\", error);\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n });\n }\n}",[],[262,268],[262],{"_103":277,"_95":278,"_156":279,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":280,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":281,"_98":322},"8ce8e8ec-3fba-11f0-ac8d-76b3cceeab13","Routing","bdf62304-feba-4bc0-8c1f-4846357f7e70",["D",1748873090842],[282,290,298,306,314],{"_103":283,"_95":284,"_156":285,"_158":279,"_159":137,"_160":142,"_161":162,"_105":286,"_100":32,"_164":176,"_166":287,"_167":22,"_168":-5,"_169":288,"_98":289},"8ce8deec-3fba-11f0-ac8d-76b3cceeab13","fetsExample","8fa92995-ae30-4306-8b73-8378bd59415a",["D",1748873090842],"import { createRouter, Response } from \"npm:fets\";\n\nexport const router = createRouter().route({\n method: \"GET\",\n path: \"/\",\n schemas: {\n responses: {\n 200: {\n type: \"object\",\n properties: {\n message: {\n type: \"string\",\n },\n },\n required: [\"message\"],\n additionalProperties: false,\n },\n },\n },\n handler: () => Response.json({ message: \"Hello from fets!\" }),\n});\n\nexport default router.fetch;",[],[278,284],{"_103":291,"_95":292,"_156":293,"_158":279,"_159":137,"_160":142,"_161":162,"_105":294,"_100":32,"_164":176,"_166":295,"_167":22,"_168":-5,"_169":296,"_98":297},"8ce8e202-3fba-11f0-ac8d-76b3cceeab13","honoExample","b2618848-2c53-4020-b4aa-8e593cbbbf91",["D",1748873090842],"import { Hono } from \"npm:hono@3\";\n\nconst app = new Hono();\napp.get(\"/\", (c) => c.text(\"Hello from Hono!\"));\napp.get(\"/yeah\", (c) => c.text(\"Routing!\"));\nexport default app.fetch;",[],[278,292],{"_103":299,"_95":300,"_156":301,"_158":279,"_159":137,"_160":142,"_161":162,"_105":302,"_100":32,"_164":176,"_166":303,"_167":22,"_168":-5,"_169":304,"_98":305},"8ce8e356-3fba-11f0-ac8d-76b3cceeab13","ittyExample","b612d623-fc5d-43b1-bc97-65fcefc6b6dd",["D",1748873090842],"import { json, Router } from \"npm:itty-router@4\";\n\nexport const ittyRouterExample = async (request: Request) => {\n const router = Router();\n router.get(\"/\", () => \"Hi from itty-router!\");\n return router.handle(request).then(json);\n};",[],[278,300],{"_103":307,"_95":308,"_156":309,"_158":279,"_159":137,"_160":142,"_161":162,"_105":310,"_100":32,"_164":176,"_166":311,"_167":22,"_168":-5,"_169":312,"_98":313},"8ce8e4c8-3fba-11f0-ac8d-76b3cceeab13","nhttpExample","f82fd562-a57e-44ee-a6b0-8bdd9573934f",["D",1748873090842],"import { nhttp } from \"npm:nhttp-land@1\";\n\nexport const nhttpExample = async (request) => {\n const app = nhttp();\n app.get(\"/\", () => {\n return \"Hello from nhttp\";\n });\n app.get(\"/cat\", () => {\n return { name: \"cat\" };\n });\n return app.handleRequest(request);\n};",[],[278,308],{"_103":315,"_95":316,"_156":317,"_158":279,"_159":137,"_160":142,"_161":162,"_105":318,"_100":32,"_164":176,"_166":319,"_167":22,"_168":-5,"_169":320,"_98":321},"8ce8e6da-3fba-11f0-ac8d-76b3cceeab13","pekoExample","4c44b8fb-f790-42ae-b4cd-11ee4a7f1195",["D",1748873090842],"import * as Peko from \"https://deno.land/x/peko@2.0.0/mod.ts\";\n\nexport const pekoExample = async (request) => {\n const server = new Peko.Router();\n server.get(\"/\", () => new Response(\"Yes? Peko is also serving something at /hello\"));\n server.get(\"/hello\", () => new Response(\"Hello world!\"));\n return server.requestHandler(request);\n};",[],[278,316],[278],{"_103":324,"_95":325,"_156":326,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":327,"_100":32,"_164":328,"_166":329,"_167":22,"_168":-5,"_169":330,"_98":331},"8ce8ea86-3fba-11f0-ac8d-76b3cceeab13","README.md","a866ad84-9946-465f-a3ee-220ee0614bbd",["D",1748873090842],"file","# Val Town Docs - HTTP Examples\n\nHTTP triggers let you expose an API or website from your file.\n\nThey are built on the web-standard\n[Request](https://developer.mozilla.org/en-US/docs/Web/API/Request) and\n[Response](https://developer.mozilla.org/en-US/docs/Web/API/Response) objects,\nso are compatible with a number of web frameworks like\n[Hono](https://hono.dev/) and [Peko](https://github.com/sejori/peko).\n\nThese handlers need to export a function that takes a `Request` object\nas the first parameter and returns a `Response` object. The function\ncan be asynchronous.\n\nThis is an example repository on HTTP triggers in Val Town. \n\n## Detailed documentation 👉: https://docs.val.town/vals/http/",[],[325],"files",[153,171,180,188,196,204,213,219,227,235,243,251,260,266,276,282,290,298,306,314,323],"counts",{"_336":32,"_337":142,"_338":32,"_339":340},"pulls","branches","forks","envVars",{"_341":32,"_342":32},"count","emptyCount","contents",[],{"_103":267,"_159":137,"_156":269,"_95":268,"_166":272,"_164":176,"_100":271,"_158":263,"_105":346,"_160":136,"_168":-5,"_98":347},["D",1748919410732],[262,268],"upstreamProject",{"_103":145,"_95":350,"_111":-5,"_112":-5,"_109":110,"_23":351},"HTTP_examples",{"_93":352,"_129":353},"halloleo","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4a2xkM2xZRjV6WlNoakpsVWtPOXB4dlY1TiJ9","upstreamBranch",{"_103":140,"_105":356,"_357":358,"_95":43,"_138":145,"_100":142,"_139":359,"_141":360,"_361":362,"_107":-5,"_150":22,"_109":110,"_149":352,"_16":147,"_148":350},["D",1748751415974],"updatedAt",["D",1748751415974],"efd4a796-2761-11f0-b79a-569c3dd06744",63,"lockfileKey","1748751442829-esm.town_v_halloleo_HTTP_examples@1-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":369,"_151":374,"_332":438,"_328":439,"_343":442,"_443":444,"_447":-5,"_448":271,"_449":32,"_450":451},{"_103":104,"_95":96,"_105":370,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":371,"_131":372,"_134":373,"_150":22},["D",1748873090842],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},[375,393,411,417,435],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":163,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":376,"_98":392},[377,380,383,386,389],{"_103":172,"_95":173,"_156":174,"_158":157,"_159":137,"_160":142,"_161":162,"_105":175,"_100":32,"_164":176,"_166":177,"_167":22,"_168":-5,"_169":378,"_98":379},[],[155,173],{"_103":181,"_95":182,"_156":183,"_158":157,"_159":137,"_160":142,"_161":162,"_105":184,"_100":32,"_164":176,"_166":185,"_167":22,"_168":-5,"_169":381,"_98":382},[],[155,182],{"_103":189,"_95":190,"_156":191,"_158":157,"_159":137,"_160":142,"_161":162,"_105":192,"_100":32,"_164":176,"_166":193,"_167":22,"_168":-5,"_169":384,"_98":385},[],[155,190],{"_103":197,"_95":198,"_156":199,"_158":157,"_159":137,"_160":142,"_161":162,"_105":200,"_100":32,"_164":176,"_166":201,"_167":22,"_168":-5,"_169":387,"_98":388},[],[155,198],{"_103":205,"_95":206,"_156":207,"_158":157,"_159":137,"_160":142,"_161":162,"_105":208,"_100":32,"_164":176,"_166":209,"_167":22,"_168":-5,"_169":390,"_98":391},[],[155,206],[155],{"_103":214,"_95":215,"_156":216,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":217,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":394,"_98":410},[395,398,401,404,407],{"_103":220,"_95":221,"_156":222,"_158":216,"_159":137,"_160":142,"_161":162,"_105":223,"_100":32,"_164":176,"_166":224,"_167":22,"_168":-5,"_169":396,"_98":397},[],[215,221],{"_103":228,"_95":229,"_156":230,"_158":216,"_159":137,"_160":142,"_161":162,"_105":231,"_100":32,"_164":176,"_166":232,"_167":22,"_168":-5,"_169":399,"_98":400},[],[215,229],{"_103":236,"_95":237,"_156":238,"_158":216,"_159":137,"_160":142,"_161":162,"_105":239,"_100":32,"_164":176,"_166":240,"_167":22,"_168":-5,"_169":402,"_98":403},[],[215,237],{"_103":244,"_95":245,"_156":246,"_158":216,"_159":137,"_160":142,"_161":162,"_105":247,"_100":32,"_164":176,"_166":248,"_167":22,"_168":-5,"_169":405,"_98":406},[],[215,245],{"_103":252,"_95":253,"_156":254,"_158":216,"_159":137,"_160":142,"_161":162,"_105":255,"_100":32,"_164":176,"_166":256,"_167":22,"_168":-5,"_169":408,"_98":409},[],[215,253],[215],{"_103":261,"_95":262,"_156":263,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":264,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":412,"_98":416},[413],{"_103":267,"_95":268,"_156":269,"_158":263,"_159":137,"_160":136,"_161":162,"_105":270,"_100":271,"_164":176,"_166":272,"_167":22,"_168":-5,"_169":414,"_98":415},[],[262,268],[262],{"_103":277,"_95":278,"_156":279,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":280,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":418,"_98":434},[419,422,425,428,431],{"_103":283,"_95":284,"_156":285,"_158":279,"_159":137,"_160":142,"_161":162,"_105":286,"_100":32,"_164":176,"_166":287,"_167":22,"_168":-5,"_169":420,"_98":421},[],[278,284],{"_103":291,"_95":292,"_156":293,"_158":279,"_159":137,"_160":142,"_161":162,"_105":294,"_100":32,"_164":176,"_166":295,"_167":22,"_168":-5,"_169":423,"_98":424},[],[278,292],{"_103":299,"_95":300,"_156":301,"_158":279,"_159":137,"_160":142,"_161":162,"_105":302,"_100":32,"_164":176,"_166":303,"_167":22,"_168":-5,"_169":426,"_98":427},[],[278,300],{"_103":307,"_95":308,"_156":309,"_158":279,"_159":137,"_160":142,"_161":162,"_105":310,"_100":32,"_164":176,"_166":311,"_167":22,"_168":-5,"_169":429,"_98":430},[],[278,308],{"_103":315,"_95":316,"_156":317,"_158":279,"_159":137,"_160":142,"_161":162,"_105":318,"_100":32,"_164":176,"_166":319,"_167":22,"_168":-5,"_169":432,"_98":433},[],[278,316],[278],{"_103":324,"_95":325,"_156":326,"_158":-5,"_159":137,"_160":142,"_161":162,"_105":327,"_100":32,"_164":328,"_166":329,"_167":22,"_168":-5,"_169":436,"_98":437},[],[325],[375,377,380,383,386,389,393,395,398,401,404,407,411,413,417,419,422,425,428,431,435],{"_103":267,"_159":137,"_156":269,"_95":268,"_166":272,"_164":176,"_100":271,"_158":263,"_105":440,"_160":136,"_168":-5,"_98":441},["D",1748919410732],[262,268],[],"upstream",{"_103":140,"_105":445,"_357":446,"_95":43,"_138":145,"_100":142,"_139":359,"_141":360,"_361":362,"_107":-5,"_150":22,"_109":110,"_149":352,"_16":147,"_148":350},["D",1748751415974],["D",1748751415974],"pull","ahead","behind","templates",[],"actionData","errors"]

ugurwd

CanvaHTTPS