[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_355":356,"_357":358},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_107":88,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":60,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",599,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/pipedream.tsx","latestPath","fileId","fc0842e2-487d-11f0-abe5-76b3cceeab13","name","pipedream.tsx","fileType","script","content","import { createBackendClient } from \"npm:@pipedream/sdk/server\";\nimport { Hono } from \"npm:hono\";\nimport { getCurrentUser } from \"./auth.tsx\";\n\nconst app = new Hono();\nexport { app as pipedream };\n\nexport const pd = createBackendClient({\n environment: Deno.env.get(\"PIPEDREAM_PROJECT_ENVIRONMENT\"),\n credentials: {\n clientId: Deno.env.get(\"PIPEDREAM_CLIENT_ID\"),\n clientSecret: Deno.env.get(\"PIPEDREAM_CLIENT_SECRET\"),\n },\n projectId: Deno.env.get(\"PIPEDREAM_PROJECT_ID\"),\n});\n\napp.post(\"/token\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const pipedream = await pd\n .createConnectToken({\n external_user_id: user.id,\n allowed_origins: [new URL(c.req.url).origin],\n });\n return pipedream;\n});\n\n// Pipedream Action Proxy\n// Authenicate with Val Town Bearer Token\n// Actually runs the pipedream action\napp.post(\"/action\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n try {\n const args = await c.req.json();\n if (args.externalUserId) {\n // To be doubly sure of authentication\n return c.json({ error: \"Do not include externalUserId\" }, 400);\n }\n\n const result = await pd.actionRun({\n ...args,\n externalUserId: user.id,\n });\n\n return c.json(result);\n } catch (error) {\n console.error(\"Failed to execute action:\", error);\n return c.json({ error: \"Failed to execute action\" }, 500);\n }\n});\n\napp.post(\"/connections/:id/delete\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n const account = await pd.getAccountById(id);\n if (account.external_id !== user.id) {\n return c.json({ error: \"Not authorized\" }, 401);\n }\n await pd.deleteAccount(id);\n return c.redirect(\"/connections\");\n});\n\napp.post(\"/triggers/:id/delete\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n // TODO: confirm with Pipedream that this enforces the correct externalUserId\n await pd.deleteTrigger({\n externalUserId: user.id,\n id,\n });\n return c.redirect(\"/triggers\");\n});","import { createBackendClient } from \"npm:@pipedream/sdk/server\";\nimport { Hono } from \"npm:hono\";\nimport { getCurrentUser } from \"./auth.tsx\";\n\nconst app = new Hono();\nexport { app as pipedream };\n\nexport const pd = createBackendClient({\n environment: Deno.env.get(\"PIPEDREAM_PROJECT_ENVIRONMENT\"),\n credentials: {\n clientId: Deno.env.get(\"PIPEDREAM_CLIENT_ID\"),\n clientSecret: Deno.env.get(\"PIPEDREAM_CLIENT_SECRET\"),\n },\n projectId: Deno.env.get(\"PIPEDREAM_PROJECT_ID\"),\n});\n\napp.post(\"/token\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const resp = await pd\n .createConnectToken({\n external_user_id: user.id,\n allowed_origins: [new URL(c.req.url).origin],\n });\n return resp\n});\n\n// Pipedream Action Proxy\n// Authenicate with Val Town Bearer Token\n// Actually runs the pipedream action\napp.post(\"/action\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n try {\n const args = await c.req.json();\n if (args.externalUserId) {\n // To be doubly sure of authentication\n return c.json({ error: \"Do not include externalUserId\" }, 400);\n }\n\n const result = await pd.actionRun({\n ...args,\n externalUserId: user.id,\n });\n\n return c.json(result);\n } catch (error) {\n console.error(\"Failed to execute action:\", error);\n return c.json({ error: \"Failed to execute action\" }, 500);\n }\n});\n\napp.post(\"/connections/:id/delete\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n const account = await pd.getAccountById(id);\n if (account.external_id !== user.id) {\n return c.json({ error: \"Not authorized\" }, 401);\n }\n await pd.deleteAccount(id);\n return c.redirect(\"/connections\");\n});\n\napp.post(\"/triggers/:id/delete\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n // TODO: confirm with Pipedream that this enforces the correct externalUserId\n await pd.deleteTrigger({\n externalUserId: user.id,\n id,\n });\n return c.redirect(\"/triggers\");\n});","createdAt",["D",1750167386567],"branchVersion","branchId","df36932c-34e5-11f0-ba03-9e149126039e","id","df364c6e-34e5-11f0-ba03-9e149126039e","pipedream-connect",["D",1747682234550],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","OAuth to everything","imageUrl","bb89e6f6-754a-445c-8647-65845a173c3e","pinnedFileId","6d6d5536-34e6-11f0-a1d9-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":-5,"_103":104,"_105":60},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",803,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","valdottown","handle","displayName","Val Town ","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":351,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":352,"_82":353,"_84":354,"_86":25},"tree",[175,180,193,195],"files",[175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195],"counts",{"_164":64,"_165":166,"_167":149,"_168":169,"_170":171},"contents",[129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":158,"_32":159,"_30":160,"_136":-5,"_42":43,"_41":161,"_138":60,"_39":162,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":163},{"_44":152,"_32":153,"_30":154,"_136":-5,"_42":43,"_41":155,"_138":60,"_39":156,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":157},{"_44":144,"_32":145,"_30":146,"_136":-5,"_42":43,"_41":147,"_138":60,"_39":148,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_27":151},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":139,"_13":140,"_34":20,"_36":141,"_24":25,"_142":-5,"_27":143},"9ac16938-4af2-11f0-b1a5-76b3cceeab13","README.md","fa619964-3817-11f0-972c-9e149126039e","parentId",566,"latest",["D",1750106628730],40,"# Val Town + Pipedream Connect Integration\n\nThis application allows Val Town users to authenticate and connect to external services via Pipedream Connect.\n\n## Misc todos\n\n- [ ] When you connect a new account in action/trigger, you have to refresh the page to have it show up, and the loading state is weird\n- [ ] Replace Discord & Slack apps with our own https://pipedream.com/docs/connect/managed-auth/oauth-clients/#using-a-custom-oauth-client\n - [ ] I made one for discord, but am struggling to figure out where to supply the `oauthAppId`. I asked Pipedream.\n- [ ] Would be neat if you could scroll more in the list of connections or see a grid of the top 100 connections\n- [ ] Automatically include `\"includeSentViaPipedream\": false` for Discord and Slack\n- [ ] Spotify demo\n- [ ] Notion demo, organize everything around date tags\n- [ ] How do we teach Townie how to use this\n - [ ] search for potential actions (maybe their mcp can help?)\n- [ ] (Maybe) Help users connect trigger to val more directly than copying endpoint (via val town sdk)\n- [ ] (Maybe) Store everyone's actions & give debug history panel (unless they disable it?)\n\n## Authentication\n\nThis app uses Val Town API tokens for authentication. (Eventually, we'll swap\nthis for Val Town OAuth.)\n\nTo login, create and supply a Val Town API token with the `user:read` scope only. We store it in cookies.\n\nTo run actions on connected apps, you'll also need to supply a Val Town API\ntoken. If you're doing this from within Val Town, you can use\n`process.env.valtown`, which this app's client libraries will use by default.","label",[134],"c2d03472-4886-11f0-b731-76b3cceeab13","sdk","c1ed1228-4886-11f0-afbd-76b3cceeab13",231,["D",1749840407963],1,"directory",[145],"3ab12b04-34e6-11f0-9354-9e149126039e","frontend","399a029a-34e6-11f0-a8de-9e149126039e",2,["D",1747682388024],[153],"4181f08a-34e6-11f0-b465-9e149126039e","backend","3bc97898-34e6-11f0-9e62-9e149126039e",6,["D",1747682399458],[159],"pulls","branches",4,"forks","envVars",{"_172":166,"_174":64},"connections",{"_172":64,"_173":64},"count","unfilledCount","emptyCount",{"_44":158,"_32":159,"_30":160,"_136":-5,"_42":43,"_41":161,"_138":60,"_39":348,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_197":349,"_27":350},{"_44":339,"_32":340,"_30":341,"_136":160,"_42":43,"_41":342,"_138":25,"_39":343,"_13":344,"_34":35,"_36":345,"_24":25,"_142":-5,"_197":346,"_27":347},{"_44":329,"_32":330,"_30":58,"_136":160,"_42":43,"_41":331,"_138":25,"_39":332,"_13":333,"_34":334,"_36":335,"_24":25,"_142":336,"_197":337,"_27":338},{"_44":324,"_32":33,"_30":31,"_136":160,"_42":43,"_41":14,"_138":25,"_39":325,"_13":326,"_34":35,"_36":38,"_24":25,"_142":-5,"_197":327,"_27":328},{"_44":316,"_32":317,"_30":318,"_136":160,"_42":43,"_41":294,"_138":60,"_39":319,"_13":320,"_34":35,"_36":321,"_24":25,"_142":-5,"_197":322,"_27":323},{"_44":152,"_32":153,"_30":154,"_136":-5,"_42":43,"_41":155,"_138":60,"_39":313,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_197":314,"_27":315},{"_44":308,"_32":290,"_30":283,"_136":154,"_42":43,"_41":309,"_138":60,"_39":310,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_197":311,"_27":312},{"_44":300,"_32":301,"_30":302,"_136":283,"_42":43,"_41":294,"_138":25,"_39":303,"_13":304,"_34":35,"_36":305,"_24":25,"_142":-5,"_197":306,"_27":307},{"_44":291,"_32":292,"_30":293,"_136":283,"_42":43,"_41":294,"_138":60,"_39":295,"_13":296,"_34":35,"_36":297,"_24":25,"_142":-5,"_197":298,"_27":299},{"_44":280,"_32":281,"_30":282,"_136":283,"_42":43,"_41":284,"_138":25,"_39":285,"_13":286,"_34":35,"_36":287,"_24":25,"_142":-5,"_197":288,"_27":289},{"_44":275,"_32":222,"_30":215,"_136":154,"_42":43,"_41":276,"_138":60,"_39":277,"_13":155,"_34":150,"_36":-5,"_24":25,"_142":-5,"_197":278,"_27":279},{"_44":267,"_32":268,"_30":269,"_136":215,"_42":43,"_41":270,"_138":25,"_39":271,"_13":218,"_34":35,"_36":272,"_24":25,"_142":-5,"_197":273,"_27":274},{"_44":258,"_32":259,"_30":260,"_136":215,"_42":43,"_41":261,"_138":25,"_39":262,"_13":263,"_34":35,"_36":264,"_24":25,"_142":-5,"_197":265,"_27":266},{"_44":249,"_32":250,"_30":251,"_136":215,"_42":43,"_41":252,"_138":25,"_39":253,"_13":254,"_34":35,"_36":255,"_24":25,"_142":-5,"_197":256,"_27":257},{"_44":240,"_32":241,"_30":242,"_136":215,"_42":43,"_41":243,"_138":25,"_39":244,"_13":245,"_34":35,"_36":246,"_24":25,"_142":-5,"_197":247,"_27":248},{"_44":231,"_32":232,"_30":233,"_136":215,"_42":43,"_41":234,"_138":25,"_39":235,"_13":236,"_34":35,"_36":237,"_24":25,"_142":-5,"_197":238,"_27":239},{"_44":223,"_32":224,"_30":225,"_136":215,"_42":43,"_41":226,"_138":25,"_39":227,"_13":205,"_34":35,"_36":228,"_24":25,"_142":-5,"_197":229,"_27":230},{"_44":212,"_32":213,"_30":214,"_136":215,"_42":43,"_41":216,"_138":25,"_39":217,"_13":218,"_34":35,"_36":219,"_24":25,"_142":-5,"_197":220,"_27":221},{"_44":144,"_32":145,"_30":146,"_136":-5,"_42":43,"_41":147,"_138":60,"_39":209,"_13":149,"_34":150,"_36":-5,"_24":25,"_142":-5,"_197":210,"_27":211},{"_44":200,"_32":201,"_30":202,"_136":146,"_42":43,"_41":203,"_138":25,"_39":204,"_13":205,"_34":35,"_36":206,"_24":25,"_142":-5,"_197":207,"_27":208},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":196,"_13":140,"_34":20,"_36":141,"_24":25,"_142":-5,"_197":198,"_27":199},["D",1750106628730],"children",[],[134],"88e5c37a-4887-11f0-8700-76b3cceeab13","sdk.ts","c3e5afc2-4886-11f0-a69d-76b3cceeab13",241,["D",1749840740288],9,"export async function actionRun(args: any) {\n const response = await fetch(\n \"https://pipedream.val.run/api/pipedream/action\",\n {\n method: \"POST\",\n body: JSON.stringify(args),\n headers: {\n Cookie: \"vt_api_key=\" + Deno.env.get(\"valtown\"),\n },\n },\n );\n return response.json();\n}",[],[145,201],["D",1749840407963],[194],[145],"f5c40766-4ac3-11f0-b7de-76b3cceeab13","TriggersPage.tsx","4ecd9554-4ab8-11f0-9937-76b3cceeab13","67c40202-4967-11f0-b291-76b3cceeab13",560,["D",1750086595072],13,"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { Layout } from \"../components/Layout.tsx\";\n\nexport default function({ triggers, user }) {\n return (\n \n

Your Triggers

\n {!Array.isArray(triggers) || triggers.length === 0\n ? (\n

\n No triggers yet.\n

\n )\n : (\n

\n {triggers.map((trigger) => (\n \n

\n {trigger.configurable_props.find(x => x.type === \"app\")?.name || \"Unknown App\"}\n

\n \n View events\n \n

\n Connected: {trigger.created_at\n ? new Date(trigger.created_at * 1000).toLocaleDateString()\n : \"Unknown\"}\n

\n {\n if (\n !confirm(\n `Are you sure you want to delete the triggers ${trigger.app?.name || \"this app\"}?`,\n )\n ) {\n e.preventDefault();\n }\n }}\n >\n \n Delete\n \n \n

\n ))}\n \n )}\n \n );\n}",[],[153,222,213],"pages","d0cc4618-4ac2-11f0-a485-76b3cceeab13","TriggerEventsPage.tsx","01cd0916-4ac1-11f0-8f0d-76b3cceeab13",554,["D",1750086103556],"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { Layout } from \"../components/Layout.tsx\";\n\nexport default function({ trigger, events, user }) {\n return (\n \n

Trigger

\n        {JSON.stringify(trigger, null, 2)}\n

Events

\n {!Array.isArray(events) || events.length === 0\n ? (\n

\n No events yet.\n

\n )\n : (\n

\n {events.map((event) => (\n \n {JSON.stringify(event, null, 2)}\n \n ))}\n

\n )}\n \n );\n}",[],[153,222,224],"b5f67490-4b7f-11f0-b181-76b3cceeab13","NewTriggerPage.tsx","d5b87a66-4abd-11f0-ab2f-76b3cceeab13",597,["D",1750167233413],38,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n ComponentForm,\n FrontendClientProvider,\n SelectApp,\n SelectComponent,\n} from \"https://esm.sh/@pipedream/connect-react?deps=react@18.2.0,react-dom@18.2.0\";\nimport { createFrontendClient } from \"https://esm.sh/@pipedream/sdk/browser?deps=react@18.2.0,react-dom@18.2.0\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AccountsList } from \"../components/AccountsList.tsx\";\nimport { Layout } from \"../components/Layout.tsx\";\n\nexport default function({ user }: { user: any }) {\n const [selectedApp, setSelectedApp] = useState();\n const [selectedComponent, setSelectedComponent] = useState();\n const [configuredProps, setConfiguredProps] = useState({});\n const [sdkErrors, setSdkErrors] = useState();\n const [webhookUrl, setWebhookUrl] = useState(\"\");\n const [dynamicProps, setDynamicProps] = useState();\n\n const frontendClient = createFrontendClient({\n environment: \"development\", // TODO: Make this configurable\n externalUserId: user.id,\n tokenCallback: async () => {\n const resp = await fetch(\"/api/pipedream/token\", {\n method: \"POST\",\n });\n const { token } = await resp.json();\n\n console.log(\"got token\", token);\n return token;\n },\n });\n\n const handleComponentSubmit = async (ctx) => {\n try {\n const result = await frontendClient.deployTrigger({\n externalUserId: user.id,\n triggerId: selectedComponent!.key,\n configuredProps: ctx.configuredProps,\n webhookUrl,\n dynamicPropsId: dynamicProps.id,\n });\n window.location.href = \"/triggers\";\n } catch (error) {\n setSdkErrors(error);\n }\n };\n\n return (\n \n \n

New Trigger

\n\n

\n \n 1. Select an App:\n \n {\n setSelectedApp(app);\n setSelectedComponent(null); // Reset component when app changes\n }}\n />\n

\n\n {selectedApp && (\n

\n \n 2. Select an Trigger\n \n {\n setSelectedComponent(comp);\n }}\n />\n

\n )}\n\n {selectedComponent && (\n

\n \n 3. Webhook URL to trigger:\n \n setWebhookUrl(e.target.value)}\n autoFocus\n />\n

\n )}\n\n {webhookUrl && selectedComponent && (\n

\n \n 4. Configure Trigger:\n \n

\n \n

\n )}\n

\n \n \n );\n}",[],[153,222,232],"4cd9bb46-4af5-11f0-bcec-76b3cceeab13","NewActionPage.tsx","3651b41a-4969-11f0-9fbb-76b3cceeab13",568,["D",1750107786507],23,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n ComponentForm,\n FrontendClientProvider,\n SelectApp,\n SelectComponent,\n} from \"https://esm.sh/@pipedream/connect-react?deps=react@18.2.0,react-dom@18.2.0\";\nimport { createFrontendClient } from \"https://esm.sh/@pipedream/sdk/browser\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AccountsList } from \"../components/AccountsList.tsx\";\nimport { CodeSnippet } from \"../components/CodeSnippet.tsx\";\nimport { Layout } from \"../components/Layout.tsx\";\n\nexport default function({ user, pipedreamToken }) {\n const [selectedApp, setSelectedApp] = useState(null);\n const [selectedComponent, setSelectedComponent] = useState(null);\n const [configuredProps, setConfiguredProps] = useState({});\n const [error, setError] = useState(\"\"); // TODO - render error\n\n const frontendClient = createFrontendClient({\n environment: \"development\", // TODO: Make this configurable\n externalUserId: user.id,\n tokenCallback: () => Promise.resolve({ token: pipedreamToken }),\n });\n\n const handleComponentSubmit = async (ctx) => {\n try {\n const result = await frontendClient.actionRun({\n externalUserId: user.id,\n actionId: selectedComponent.key,\n configuredProps: {\n ...ctx.configuredProps,\n include_sent_via_pipedream_flag: false,\n },\n });\n } catch (error) {\n setError(`Failed to execute ${error.message}`);\n }\n };\n\n const code = `import { actionRun } from \"https://esm.town/v/valdottown/pipedream-connect/sdk/sdk.ts\";\n\n// Configured at https://pipedream.val.run\nconst result = await actionRun(${\n JSON.stringify(\n {\n actionId: selectedComponent?.key,\n configuredProps,\n },\n null,\n 2,\n )\n });\n\nconsole.log(result);`;\n\n return (\n \n \n

New Action

\n\n

\n \n 1. Select an App:\n \n {\n setSelectedApp(app);\n setSelectedComponent(null); // Reset component when app changes\n }}\n />\n

\n\n {selectedApp && (\n

\n \n 2. Select an Action\n \n {\n setSelectedComponent(comp);\n }}\n />\n

\n )}\n\n {selectedComponent && (\n

\n \n 3. Configure Action:\n \n

\n \n

\n )}\n\n {selectedComponent && (\n

\n \n 4. Copy code to use in Val Town:\n \n

\n \n

\n )}\n

\n \n \n );\n}",[],[153,222,241],"65f3905e-4abc-11f0-9f23-76b3cceeab13","LoginPage.tsx","fa619216-3817-11f0-972c-9e149126039e",492,["D",1750083347317],31,"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { useState } from \"https://esm.sh/react@18.2.0?\";\n\nexport default function({ onLogin }) {\n const [apiKey, setApiKey] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, onError] = useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsLoading(true);\n onError(\"\");\n try {\n const response = await fetch(\"/auth/login\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ apiKey }),\n });\n if (response.ok) window.location.href = \"/\";\n } catch (err) {\n console.error(err);\n onError(err.message);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

Val Town + Pipedream Connect

\n \n View source\n \n

\n Pipedream Connect{\" \"}\n provides managed authentication for thousands of services, such as Slack, Discord, Google, etc. This\n application provides Val Town users access to Pipedream's OAuth library.\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n );\n}",[],[153,222,250],"d3de90b0-4abb-11f0-9f74-76b3cceeab13","HomePage.tsx","fa617f4c-3817-11f0-972c-9e149126039e",479,["D",1750083102229],107,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Layout } from \"../components/Layout.tsx\";\nexport default function({ user }) {\n return (\n \n

\n Pipedream Connect{\" \"}\n provides managed authentication for thousands of services. This application provides Val Town users access to\n Pipedream's OAuth library. Click on your username in the top-right corner of this page to get started.\n

\n \n );\n}",[],[153,222,259],"072cd72c-4ab9-11f0-8159-76b3cceeab13","ConnectionsPage.tsx","fa61761e-3817-11f0-972c-9e149126039e",470,["D",1750081899819],"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { Layout } from \"../components/Layout.tsx\";\n\nexport default function({ accounts, user }) {\n return (\n \n

Your Connected Accounts

\n {!Array.isArray(accounts) || accounts.length === 0\n ? (\n

\n No connected accounts yet.\n

\n )\n : (\n

\n {accounts.map((account) => (\n \n

\n {account.app?.name || \"Unknown App\"}\n

\n {account.name || \"Connected Account\"}\n

\n Connected: {account.created_at\n ? new Date(account.created_at).toLocaleDateString()\n : \"Unknown\"}\n

\n \n {account.app?.auth_type || \"Unknown\"}\n \n {\n if (\n !confirm(\n `Are you sure you want to delete the connection to ${account.app?.name || \"this app\"}?`,\n )\n ) {\n e.preventDefault();\n }\n }}\n >\n \n Delete\n \n \n

\n ))}\n \n )}\n \n );\n}",[],[153,222,268],"1622eb92-4968-11f0-85d0-76b3cceeab13",342,["D",1749937184518],[186,187,188,189,190,191,192],[153,222],"75c4bdae-4ac2-11f0-a9a7-76b3cceeab13","Layout.tsx","52fcadde-496b-11f0-b5e0-76b3cceeab13","43c67abe-34e6-11f0-ad7f-9e149126039e",549,["D",1750085950834],28,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Layout(\n { user, children }: { user: { username: string }; children: React.ReactNode },\n) {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleLogout = async () => {\n await fetch(\"/auth/logout\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n });\n window.location.href = \"/\";\n };\n\n const toggleMenu = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n // Close menu when clicking outside\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (isMenuOpen && !(event.target as Element).closest(\".profile-menu\")) {\n setIsMenuOpen(false);\n }\n };\n\n const handleEscKey = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setIsMenuOpen(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n document.addEventListener(\"keydown\", handleEscKey);\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n document.removeEventListener(\"keydown\", handleEscKey);\n };\n }, [isMenuOpen]);\n\n return (\n

\n \n Val Town x Pipedream Connect\n \n

\n \n View source\n \n

\n\n

\n \n {user?.username}\n \n \n \n \n\n {isMenuOpen && (\n

\n \n New Action\n \n \n New Trigger\n \n \n My Triggers\n \n \n My Connections\n \n \n Logout\n \n

\n )}\n

\n\n

\n {/* Removed the welcome message since it's now in the profile menu */}\n

\n\n {children}\n

\n );\n}",[],[153,290,281],"components","5994f14c-49de-11f0-9032-76b3cceeab13","ErrorMessage.tsx","fa618f50-3817-11f0-972c-9e149126039e",421,["D",1749987978287],5,"/** @jsxImportSource https://esm.sh/react@18.2.0? */\n\nexport function ErrorMessage({ error, onDismiss }) {\n if (!error) return null;\n\n return (\n

\n {error}\n {onDismiss && (\n \n ×\n \n )}\n

\n );\n}",[],[153,290,292],"5994ebf2-49de-11f0-9032-76b3cceeab13","CodeSnippet.tsx","8144a792-4889-11f0-bd53-76b3cceeab13",["D",1749987978287],20,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport {\n toast,\n ToastContainer,\n} from \"https://esm.sh/react-toastify?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport function CodeSnippet({ code }: { code: string }) {\n return (\n

\n \n {\n navigator.clipboard.writeText(code);\n toast(\"Copied!\");\n }}\n className=\"absolute right-3 top-3 px-3 py-1 text-xs font-medium text-gray-600 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded transition-colors z-10\"\n >\n Copy\n \n

\n        \n          {code}\n        \n

\n );\n}",[],[153,290,301],"48823462-34e6-11f0-afbf-9e149126039e",10,["D",1747682411203],[182,183,184],[153,290],["D",1747682388024],[181,185],[153],"5994c8c0-49de-11f0-9032-76b3cceeab13","render-react-page.tsx","226b0b94-4965-11f0-825a-76b3cceeab13",["D",1749987978287],35,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToReadableStream } from \"npm:react-dom@18.2.0/server\";\nimport serialize from \"npm:serialize-javascript\";\n\nexport async function renderPage({\n pageModuleURL,\n props = {},\n status = 200,\n title = \"\",\n extraHeaders = {},\n}: {\n pageModuleURL: string;\n props?: Record;\n status?: number;\n title?: string;\n extraHeaders?: HeadersInit;\n}): Promise {\n const safeJson = serialize(props, { isJSON: true });\n const renderScript = `import React from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport Page from '${pageModuleURL}';\nconst data = JSON.parse(document.getElementById('__DATA__').textContent);\ncreateRoot(document.getElementById('root')).render(\n React.createElement(Page, data)\n);`;\n const stream = await renderToReadableStream(\n \n \n \n \n {title}\n \n \n \n

\n \n \n \n \n ,\n );\n\n return new Response(stream, {\n status,\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n ...extraHeaders,\n },\n });\n}",[],[159,317],"113f98d6-4b80-11f0-a7c8-76b3cceeab13",["D",1750167386567],30,[],[159,33],"3773e346-4b7f-11f0-a178-76b3cceeab13","main.tsx",594,["D",1750167021167],101,"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { auth, getCurrentUser } from \"./auth.tsx\";\nimport { pd, pipedream } from \"./pipedream.tsx\";\nimport { renderPage } from \"./render-react-page.tsx\";\n\nconst app = new Hono();\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\napp.route(\"/auth\", auth);\napp.route(\"/api/pipedream\", pipedream);\n\nconst title = \"Pipedream x Val Town Connect\";\n\napp.use(\"*\", async (c, next) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return renderPage({\n pageModuleURL: \"/frontend/pages/LoginPage.tsx\",\n title,\n });\n } else {\n c.set(\"user\", user);\n await next();\n }\n});\n\napp.get(\"/\", async (c) => {\n return renderPage({\n pageModuleURL: \"/frontend/pages/HomePage.tsx\",\n title,\n props: {\n user: c.get(\"user\"),\n },\n });\n});\n\napp.get(\"/actions/new\", async (c) => {\n return renderPage({\n pageModuleURL: \"/frontend/pages/NewActionPage.tsx\",\n title,\n props: {\n user: c.get(\"user\"),\n },\n });\n});\n\napp.get(\"/triggers-new\", async (c) => {\n return renderPage({\n pageModuleURL: \"/frontend/pages/NewTriggerPage.tsx\",\n title,\n props: {\n user: c.get(\"user\"),\n },\n });\n});\n\napp.get(\"/triggers\", async (c) => {\n const triggers = await pd.getTriggers({\n externalUserId: c.get(\"user\").id,\n });\n return renderPage({\n pageModuleURL: \"/frontend/pages/TriggersPage.tsx\",\n title,\n props: {\n user: c.get(\"user\"),\n triggers: triggers.data,\n },\n });\n});\n\napp.get(\"/triggers/:id/events\", async (c) => {\n const [trigger, events] = await Promise.all([\n pd.getTrigger({\n externalUserId: c.get(\"user\").id,\n id: c.req.param(\"id\"),\n }),\n pd.getTriggerEvents({\n externalUserId: c.get(\"user\").id,\n id: c.req.param(\"id\"),\n }),\n ]);\n return renderPage({\n pageModuleURL: \"/frontend/pages/TriggerEventsPage.tsx\",\n title,\n props: {\n user: c.get(\"user\"),\n trigger,\n events: events.data,\n },\n });\n});\n\napp.get(\"/connections\", async (c) => {\n const accounts = await pd.getAccounts({\n external_user_id: c.get(\"user\").id,\n include_credentials: false,\n });\n return renderPage({\n pageModuleURL: \"/frontend/pages/ConnectionsPage.tsx\",\n title,\n props: {\n user: c.get(\"user\"),\n accounts: accounts.data,\n },\n });\n});\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => Promise.reject(err));\nexport default app.fetch;","pipedream",[],[159,330],"d8a6de82-4880-11f0-b890-76b3cceeab13","auth.tsx","0e09f6fa-487b-11f0-9981-76b3cceeab13",197,["D",1749837867621],15,"import { ValTown } from \"npm:@valtown/sdk\";\nimport { Hono } from \"npm:hono\";\nimport { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";\n\n// in-memory cache\nconst users = {};\nasync function getValTownUser(apiKey: string) {\n if (users[apiKey]) return users[apiKey];\n try {\n const vt = new ValTown({ bearerToken: apiKey });\n const user = await vt.me.profile.retrieve();\n users[apiKey] = user;\n return user;\n } catch (error) {\n console.error(error);\n return null;\n }\n}\n\n// Helper function to get current user from cookie\nexport function getCurrentUser(c: any) {\n const apiKey = getCookie(c, \"vt_api_key\");\n console.log(\"Cookie check - API key found:\", !!apiKey);\n if (!apiKey) return null;\n return getValTownUser(apiKey);\n}\n\nconst app = new Hono();\nexport { app as auth };\n\n// Login endpoint\napp.post(\"/login\", async (c) => {\n const { apiKey } = await c.req.json();\n\n if (!apiKey) {\n return c.json({ error: \"API key is required\" }, 400);\n }\n\n const user = await getValTownUser(apiKey);\n\n if (!user) {\n return c.json({ error: \"Invalid Val Town API key\" }, 401);\n }\n\n // Set secure cookie with API key\n setCookie(c, \"vt_api_key\", apiKey, {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\", // Changed from Strict to Lax for better compatibility\n maxAge: 60 * 60 * 24 * 30, // 30 days\n path: \"/\", // Ensure cookie is available for all paths\n });\n\n return c.json({\n success: true,\n user: user,\n });\n});\n\n// Logout endpoint\napp.post(\"/logout\", (c) => {\n deleteCookie(c, \"vt_api_key\");\n return c.json({ success: true });\n});",[],[159,340],["D",1747682399458],[176,177,178,179],[159],["D",1747682234550],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":-5,"_103":104,"_105":60},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_126":388,"_389":390,"_391":392,"_393":25,"_394":25,"_395":25,"_396":60,"_397":-5,"_398":-7,"_399":-7,"_400":64,"_401":25,"_402":25,"_403":-5,"_404":25,"_405":25,"_406":25,"_407":-5},"ENV",{"_359":360,"_361":362,"_363":88,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v599