Task Created

✨

Task Created!

Closing window...

\n \n \n \n `;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n } catch (e) {\n return new Response(`Error: ${e.message}`, { status: 500 });\n }\n }\n\n return new Response(\"Relay is Live 🟢\");\n}","deleted","label","children",[],[101],"files",[156],"counts",{"_180":33,"_181":182,"_183":33,"_184":185,"_189":190},"pulls","branches",1,"forks","envVars",{"_186":187,"_188":33},"count",2,"emptyCount","connections",{"_186":33,"_191":33},"unfilledCount","contents",[],"file",{"_105":157,"_97":101,"_158":159,"_160":-5,"_161":144,"_162":143,"_163":164,"_107":196,"_102":166,"_167":168,"_169":170,"_171":22,"_172":-5,"_100":197},["D",1771011808602],[101],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_95":96,"_97":98,"_99":45,"_100":101,"_103":206,"_194":211,"_214":215,"_264":265,"_278":-7,"_279":33,"_280":22},{"_105":106,"_97":98,"_107":207,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":-5,"_120":33,"_16":121,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":208,"_136":209,"_141":210,"_153":22},["D",1770924132333],{"_95":96,"_134":135},{"_95":96,"_138":135,"_14":115,"_139":140},{"_102":143,"_97":45,"_105":144,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":98,"_152":96},{"_105":157,"_97":101,"_158":159,"_160":-5,"_161":144,"_162":143,"_163":164,"_107":212,"_102":166,"_167":168,"_169":170,"_171":22,"_172":-5,"_100":213},["D",1771011808602],[101],"history",[216,218,223,228,233,238,243,248,253,257,261],{"_105":157,"_161":144,"_158":159,"_97":101,"_169":170,"_167":168,"_102":166,"_160":-5,"_107":217,"_162":143,"_172":-5},["D",1771011808602],{"_105":219,"_161":144,"_158":159,"_97":101,"_169":220,"_167":168,"_102":221,"_160":-5,"_107":222,"_162":166,"_172":-5},"2ea5b1f8-0912-11f1-9ebd-42dde27851f2","export default async function (req: Request): Promise {\n const url = new URL(req.url);\n const params = url.searchParams;\n const valUrl = `${url.origin}${url.pathname}`;\n\n // 1. PYLON HANDSHAKE\n if (params.get(\"request_type\") === \"verify\") {\n return Response.json({ code: params.get(\"code\") });\n }\n\n // 2. RENDER BUTTON\n if (params.get(\"request_type\") === \"fetch_data\") {\n const issueId = params.get(\"issue_id\");\n const smartLink = `${valUrl}?mode=forward&issue_id=${issueId}`;\n return Response.json({\n version: \"1.0.0\",\n header: {\n title: \"ClickUp Actions\",\n icon_url: \"https://clickup.com/favicon.ico\",\n },\n components: [{\n type: \"card\",\n header: { title: \"Actions\" },\n components: [{\n type: \"button\",\n label: \"✨ Create ClickUp Task\",\n button_type: \"link\",\n url: smartLink,\n }],\n }],\n });\n }\n\n // 3. THE SMART RELAY (With \"Force Create\" Logic)\n if (params.get(\"mode\") === \"forward\") {\n const issueId = params.get(\"issue_id\");\n const pylonKey = Deno.env.get(\"PYLON_API_KEY\");\n const zapierHook = Deno.env.get(\"ZAPIER_WEBHOOK_URL\");\n\n if (!pylonKey || !zapierHook) {\n return new Response(\"Missing API Keys\", { status: 500 });\n }\n\n try {\n // A. Fetch Issue Details\n const issueReq = await fetch(\n `https://api.usepylon.com/issues/${issueId}`,\n {\n headers: { \"Authorization\": `Bearer ${pylonKey}` },\n },\n );\n const issueData = await issueReq.json();\n const issue = issueData.data || issueData;\n\n // B. Fetch OR Create Thread (The Fix)\n let threadId = \"\";\n\n // Try to find existing threads\n const threadsReq = await fetch(\n `https://api.usepylon.com/issues/${issueId}/threads`,\n {\n headers: { \"Authorization\": `Bearer ${pylonKey}` },\n },\n );\n const threadsData = await threadsReq.json();\n\n if (threadsData.data && threadsData.data.length > 0) {\n // Use the first one found\n threadId = threadsData.data[0].id;\n } else {\n // NO THREAD FOUND? Create one!\n const createThreadReq = await fetch(\n `https://api.usepylon.com/issues/${issueId}/threads`,\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${pylonKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ name: \"Internal Notes\" }),\n },\n );\n const newThread = await createThreadReq.json();\n threadId = newThread.data ? newThread.data.id : \"\";\n }\n\n if (!threadId) throw new Error(\"Could not find or create a thread ID.\");\n\n // C. Prepare Data\n const rawBody = issue.body || issue.body_html || \"\";\n const plainTextBody = rawBody.replace(/<[^>]*>?/gm, \"\");\n const safeTitle = encodeURIComponent(issue.title || \"No Title\");\n const safeDesc = encodeURIComponent(plainTextBody.substring(0, 1500));\n const author = encodeURIComponent(\n issue.requester?.name || issue.requester_name || \"Unknown\",\n );\n const safeThreadId = encodeURIComponent(threadId);\n\n // D. Send to Zapier\n const finalDestination =\n `${zapierHook}?issue_id=${issueId}&thread_id=${safeThreadId}&title=${safeTitle}&description=${safeDesc}&author=${author}`;\n return Response.redirect(finalDestination, 302);\n } catch (e) {\n // Send the actual error to the browser so you can see it\n return new Response(`Error: ${e.message}`, { status: 500 });\n }\n }\n\n return new Response(\"Relay is Live 🟢\");\n}",9,["D",1771010912169],{"_105":224,"_161":144,"_158":159,"_97":101,"_169":225,"_167":168,"_102":226,"_160":-5,"_107":227,"_162":221,"_172":-5},"3a58f614-0911-11f1-9533-42dde27851f2","export default async function(req: Request): Promise {\n const url = new URL(req.url);\n const params = url.searchParams;\n const valUrl = `${url.origin}${url.pathname}`;\n\n // 1. PYLON HANDSHAKE\n if (params.get(\"request_type\") === \"verify\") {\n return Response.json({ code: params.get(\"code\") });\n }\n\n // 2. RENDER BUTTON\n if (params.get(\"request_type\") === \"fetch_data\") {\n const issueId = params.get(\"issue_id\");\n const smartLink = `${valUrl}?mode=forward&issue_id=${issueId}`;\n\n return Response.json({\n version: \"1.0.0\",\n header: { title: \"ClickUp Actions\", icon_url: \"https://clickup.com/favicon.ico\" },\n components: [\n {\n type: \"card\",\n header: { title: \"Actions\" },\n components: [\n {\n type: \"button\",\n label: \"✨ Create ClickUp Task\",\n button_type: \"link\",\n url: smartLink\n }\n ]\n }\n ]\n });\n }\n\n // 3. THE SMART RELAY (Updated to fetch Thread ID)\n if (params.get(\"mode\") === \"forward\") {\n const issueId = params.get(\"issue_id\");\n const pylonKey = Deno.env.get(\"PYLON_API_KEY\");\n const zapierHook = Deno.env.get(\"ZAPIER_WEBHOOK_URL\");\n\n if (!pylonKey || !zapierHook) return new Response(\"Missing API Keys\", { status: 500 });\n\n try {\n // A. Fetch the Issue Details (For Title/Description)\n const issueReq = await fetch(`https://api.usepylon.com/issues/${issueId}`, {\n headers: { \"Authorization\": `Bearer ${pylonKey}` }\n });\n const issueData = await issueReq.json();\n const issue = issueData.data || issueData;\n\n // B. Fetch the Threads (CRITICAL NEW STEP)\n // We need a thread_id to post a note. We will grab the first one.\n const threadsReq = await fetch(`https://api.usepylon.com/issues/${issueId}/threads`, {\n headers: { \"Authorization\": `Bearer ${pylonKey}` }\n });\n const threadsData = await threadsReq.json();\n // Default to the first thread found\n const threadId = threadsData.data && threadsData.data.length > 0 ? threadsData.data[0].id : \"\";\n\n // C. Clean & Encode Data\n const rawBody = issue.body || issue.body_html || \"\";\n const plainTextBody = rawBody.replace(/<[^>]*>?/gm, ''); // Strip HTML\n \n const safeTitle = encodeURIComponent(issue.title || \"No Title\");\n const safeDesc = encodeURIComponent(plainTextBody.substring(0, 1500));\n const author = encodeURIComponent(issue.requester?.name || issue.requester_name || \"Unknown\");\n const safeThreadId = encodeURIComponent(threadId); // Send the thread_id to Zapier\n\n // D. Send to Zapier\n const finalDestination = `${zapierHook}?issue_id=${issueId}&thread_id=${safeThreadId}&title=${safeTitle}&description=${safeDesc}&author=${author}`;\n\n return Response.redirect(finalDestination, 302);\n\n } catch (e) {\n return new Response(`Error: ${e.message}`, { status: 500 });\n }\n }\n\n return new Response(\"Relay is Live 🟢\");\n}",8,["D",1771010502310],{"_105":229,"_161":144,"_158":159,"_97":101,"_169":230,"_167":168,"_102":231,"_160":-5,"_107":232,"_162":226,"_172":-5},"5c176d2e-090e-11f1-a764-42dde27851f2","export default async function (req: Request): Promise {\n const url = new URL(req.url);\n const params = url.searchParams;\n const valUrl = `${url.origin}${url.pathname}`;\n\n // 1. PYLON HANDSHAKE\n if (params.get(\"request_type\") === \"verify\") {\n return Response.json({ code: params.get(\"code\") });\n }\n\n // 2. RENDER BUTTON\n if (params.get(\"request_type\") === \"fetch_data\") {\n const issueId = params.get(\"issue_id\");\n const cacheBuster = Date.now();\n const smartLink =\n `${valUrl}?mode=forward&issue_id=${issueId}&cb=${cacheBuster}`;\n\n return Response.json({\n version: \"1.0.0\",\n header: {\n title: \"ClickUp Actions\",\n icon_url: \"https://clickup.com/favicon.ico\",\n },\n components: [\n {\n type: \"card\",\n header: { title: \"Actions\" },\n components: [\n {\n type: \"button\",\n label: \"✨ Create ClickUp Task\",\n button_type: \"link\",\n url: smartLink,\n },\n ],\n },\n ],\n });\n }\n\n // 3. THE SMART RELAY (Now with HTML Stripping!)\n if (params.get(\"mode\") === \"forward\") {\n const issueId = params.get(\"issue_id\");\n const pylonKey = Deno.env.get(\"PYLON_API_KEY\");\n const zapierHook = Deno.env.get(\"ZAPIER_WEBHOOK_URL\");\n\n if (!pylonKey || !zapierHook) {\n return new Response(\"Missing API Keys\", { status: 500 });\n }\n\n try {\n const pylonResponse = await fetch(\n `https://api.usepylon.com/issues/${issueId}`,\n {\n headers: { \"Authorization\": `Bearer ${pylonKey}` },\n },\n );\n\n if (!pylonResponse.ok) {\n return new Response(\"Error fetching Pylon Data\", { status: 500 });\n }\n\n const rawJson = await pylonResponse.json();\n const issue = rawJson.data || rawJson;\n\n // --- CLEANING SECTION ---\n // 1. Get the Raw HTML\n const rawBody = issue.body || issue.body_html || \"\";\n\n // 2. Strip HTML Tags (The magic regex)\n const plainTextBody = rawBody.replace(/<[^>]*>?/gm, \"\");\n\n // 3. Encode for URL\n const safeTitle = encodeURIComponent(issue.title || \"No Title\");\n const safeDesc = encodeURIComponent(plainTextBody.substring(0, 1500)); // Send clean text!\n const author = encodeURIComponent(\n issue.requester?.name || issue.requester_name || \"Unknown\",\n );\n const pylonLink = encodeURIComponent(\n `https://app.usepylon.com/issues/${issueId}`,\n );\n\n const finalDestination =\n `${zapierHook}?issue_id=${issueId}&title=${safeTitle}&description=${safeDesc}&author=${author}&link=${pylonLink}`;\n\n return Response.redirect(finalDestination, 302);\n } catch (e) {\n return new Response(`Error: ${e.message}`, { status: 500 });\n }\n }\n\n return new Response(\"Relay is Live 🟢\");\n}",7,["D",1771009270422],{"_105":234,"_161":144,"_158":159,"_97":101,"_169":235,"_167":168,"_102":236,"_160":-5,"_107":237,"_162":231,"_172":-5},"a4d68afa-084a-11f1-ba1b-42dde27851f2","export default async function (req: Request): Promise {\n const url = new URL(req.url);\n const params = url.searchParams;\n const valUrl = `${url.origin}${url.pathname}`;\n\n // 1. PYLON HANDSHAKE\n if (params.get(\"request_type\") === \"verify\") {\n return Response.json({ code: params.get(\"code\") });\n }\n\n // 2. RENDER BUTTON (The UI)\n if (params.get(\"request_type\") === \"fetch_data\") {\n const issueId = params.get(\"issue_id\");\n // We add a timestamp to the URL to bust the Pylon cache\n const cacheBuster = Date.now();\n const smartLink =\n `${valUrl}?mode=forward&issue_id=${issueId}&cb=${cacheBuster}`;\n\n return Response.json({\n version: \"1.0.0\",\n header: {\n title: \"ClickUp Actions\",\n icon_url: \"https://clickup.com/favicon.ico\",\n },\n components: [\n {\n type: \"card\",\n header: { title: \"Actions\" },\n components: [\n {\n type: \"button\",\n label: \"✨ Create ClickUp Task (Smart)\",\n button_type: \"link\",\n url: smartLink,\n },\n ],\n },\n ],\n });\n }\n\n // 3. THE SMART RELAY (Fetch -> Zapier)\n if (params.get(\"mode\") === \"forward\") {\n const issueId = params.get(\"issue_id\");\n const pylonKey = Deno.env.get(\"PYLON_API_KEY\");\n const zapierHook = Deno.env.get(\"ZAPIER_WEBHOOK_URL\");\n\n if (!pylonKey || !zapierHook) {\n return new Response(\"Missing API Keys. Check Val Town Secrets.\", {\n status: 500,\n });\n }\n\n try {\n // Fetch the issue from Pylon\n const pylonResponse = await fetch(\n `https://api.usepylon.com/issues/${issueId}`,\n {\n headers: { \"Authorization\": `Bearer ${pylonKey}` },\n },\n );\n\n if (!pylonResponse.ok) {\n const err = await pylonResponse.text();\n return new Response(\n `Pylon API Error: ${pylonResponse.status} - ${err}`,\n { status: 500 },\n );\n }\n\n const rawJson = await pylonResponse.json();\n // SAFETY CHECK: Pylon often wraps data in a \"data\" property\n const issue = rawJson.data || rawJson;\n\n // Extract and Encode Data\n const safeTitle = encodeURIComponent(issue.title || \"No Title\");\n // Grab text or body_html, truncate to 1500 chars to fit in URL\n const rawDesc = issue.body || issue.body_html || \"No Description\";\n const safeDesc = encodeURIComponent(rawDesc.substring(0, 1500));\n const author = encodeURIComponent(\n issue.requester?.name || issue.requester_name || \"Unknown\",\n );\n const pylonLink = encodeURIComponent(\n `https://app.usepylon.com/issues/${issueId}`,\n );\n\n // Construct the Final Zapier URL\n const finalDestination =\n `${zapierHook}?issue_id=${issueId}&title=${safeTitle}&description=${safeDesc}&author=${author}&link=${pylonLink}`;\n\n // Go to Zapier\n return Response.redirect(finalDestination, 302);\n } catch (e) {\n return new Response(`Script Error: ${e.message}`, { status: 500 });\n }\n }\n\n return new Response(\"Relay is Live 🟢\");\n}",6,["D",1770925211115],{"_105":239,"_161":144,"_158":159,"_97":101,"_169":240,"_167":168,"_102":241,"_160":-5,"_107":242,"_162":236,"_172":-5},"a7ff573a-0849-11f1-9753-42dde27851f2","export default async function (req: Request): Promise {\n const url = new URL(req.url);\n const params = url.searchParams;\n const valUrl = `${url.origin}${url.pathname}`; // The URL of this specific Val\n\n // ---------------------------------------------------------\n // MODE 1: PYLON HANDSHAKE (Verification)\n // ---------------------------------------------------------\n if (params.get(\"request_type\") === \"verify\") {\n return Response.json({ code: params.get(\"code\") });\n }\n\n // ---------------------------------------------------------\n // MODE 2: RENDER BUTTON (The Sidebar UI)\n // ---------------------------------------------------------\n if (params.get(\"request_type\") === \"fetch_data\") {\n const issueId = params.get(\"issue_id\");\n\n // TRICK: The button now points back to THIS Val, not Zapier\n // We add ?mode=forward so we know what to do next\n const smartLink = `${valUrl}?mode=forward&issue_id=${issueId}`;\n\n return Response.json({\n version: \"1.0.0\",\n header: {\n title: \"ClickUp Actions\",\n icon_url: \"https://clickup.com/favicon.ico\",\n },\n components: [\n {\n type: \"card\",\n header: { title: \"Actions\" },\n components: [\n {\n type: \"button\",\n label: \"✨ Create ClickUp Task\",\n button_type: \"link\",\n url: smartLink,\n },\n ],\n },\n ],\n });\n }\n\n // ---------------------------------------------------------\n // MODE 3: THE SMART RELAY (Fetch Data -> Send to Zapier)\n // ---------------------------------------------------------\n if (params.get(\"mode\") === \"forward\") {\n const issueId = params.get(\"issue_id\");\n const pylonKey = Deno.env.get(\"PYLON_API_KEY\");\n const zapierHook = Deno.env.get(\"ZAPIER_WEBHOOK_URL\");\n\n if (!pylonKey || !zapierHook) {\n return new Response(\"Missing API Keys\", { status: 500 });\n }\n\n try {\n // A. Ask Pylon for the details\n const pylonResponse = await fetch(\n `https://api.usepylon.com/issues/${issueId}`,\n {\n headers: { \"Authorization\": `Bearer ${pylonKey}` },\n },\n );\n\n if (!pylonResponse.ok) {\n return new Response(\"Failed to fetch Pylon Issue\", { status: 500 });\n }\n\n const issueData = await pylonResponse.json();\n\n // B. Prepare the data for Zapier\n // We encode the title and body so they don't break the URL\n const safeTitle = encodeURIComponent(issueData.title || \"No Title\");\n // Truncate description to 1000 chars to avoid URL limits\n const safeDesc = encodeURIComponent(\n (issueData.body_html || \"\").substring(0, 1000),\n );\n const author = encodeURIComponent(issueData.requester_name || \"Unknown\");\n\n // C. Redirect the user to Zapier with the payload\n const finalDestination =\n `${zapierHook}?issue_id=${issueId}&title=${safeTitle}&description=${safeDesc}&author=${author}`;\n\n return Response.redirect(finalDestination, 302);\n } catch (e) {\n return new Response(`Error: ${e.message}`, { status: 500 });\n }\n }\n\n return new Response(\"Pylon Relay is Live 🟢\");\n}",5,["D",1770924786928],{"_105":244,"_161":144,"_158":159,"_97":101,"_169":245,"_167":168,"_102":246,"_160":-5,"_107":247,"_162":241,"_172":-5},"4f34fcb4-0848-11f1-8b7d-42dde27851f2","export default async function (req: Request): Promise {\n const url = new URL(req.url);\n const params = url.searchParams;\n\n // 1. Pylon Handshake (The \"Are you real?\" check)\n if (params.get(\"request_type\") === \"verify\") {\n return Response.json({ code: params.get(\"code\") });\n }\n\n // 2. Render the Button\n if (params.get(\"request_type\") === \"fetch_data\") {\n // We grab the Zapier URL from the secure env variable\n const zapierBase = Deno.env.get(\"ZAPIER_WEBHOOK_URL\");\n const issueId = params.get(\"issue_id\");\n\n // We construct the \"Action URL\" that fires when clicked\n // Pylon will open this link in a new tab, triggering the Zap\n const actionUrl = `${zapierBase}?issue_id=${issueId}`;\n\n return Response.json({\n version: \"1.0.0\",\n header: {\n title: \"ClickUp Tasks\",\n // Simple clipboard icon\n icon_url: \"https://cdn-icons-png.flaticon.com/512/7324/7324452.png\",\n },\n components: [\n {\n type: \"card\",\n header: { title: \"Actions\" },\n components: [\n {\n type: \"button\",\n label: \"✨ Create ClickUp Task\",\n button_type: \"link\",\n url: actionUrl,\n },\n ],\n },\n ],\n });\n }\n\n return new Response(\"Pylon Handler is Live 🟢\");\n}",4,["D",1770924208445],{"_105":249,"_161":144,"_158":159,"_97":250,"_169":245,"_167":168,"_102":251,"_160":-5,"_107":252,"_162":246,"_172":-5},"33ae4176-0848-11f1-8b7d-42dde27851f2","main.ts",3,["D",1770924162266],{"_105":254,"_161":144,"_158":159,"_97":250,"_169":255,"_167":168,"_102":187,"_160":-5,"_107":256,"_162":251,"_172":-5},"25c4e0d8-0848-11f1-8c6d-42dde27851f2","// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",["D",1770924138826],{"_105":258,"_161":144,"_158":159,"_97":250,"_169":255,"_167":259,"_102":182,"_160":-5,"_107":260,"_162":187,"_172":-5},"25b457a4-0848-11f1-8cc3-42dde27851f2","script",["D",1770924138823],{"_105":262,"_161":144,"_158":159,"_97":250,"_169":74,"_167":259,"_102":33,"_160":-5,"_107":263,"_162":182,"_172":-5},"21da12ea-0848-11f1-8c6d-42dde27851f2",["D",1770924132369],"versions",[266,268,269,270,271,272,273,274,275,276,277],{"_194":216,"_267":218},"previous",{"_194":218,"_267":223},{"_194":223,"_267":228},{"_194":228,"_267":233},{"_194":233,"_267":238},{"_194":238,"_267":243},{"_194":243,"_267":248},{"_194":248,"_267":253},{"_194":253,"_267":257},{"_194":257,"_267":261},{"_194":261,"_267":-5},"versionNumber","page","hasNext","actionData","errors"]

CambriaMichael

Pylon_to_ClickUp

History for pylon_to_clickup_zapier.ts