\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}",[],[99,205],[99],{"_104":215,"_95":216,"_153":217,"_155":-5,"_156":139,"_157":218,"_159":160,"_106":219,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":220,"_98":342},"3ab12b04-34e6-11f0-9354-9e149126039e","frontend","399a029a-34e6-11f0-a8de-9e149126039e",2,["D",1747682388024],[221,267],{"_104":222,"_95":223,"_153":224,"_155":217,"_156":139,"_157":225,"_159":160,"_106":226,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":227,"_98":266},"48823462-34e6-11f0-afbf-9e149126039e","components","43c67abe-34e6-11f0-ad7f-9e149126039e",10,["D",1747682411203],[228,238,247,257],{"_104":229,"_95":230,"_153":231,"_155":224,"_156":139,"_157":232,"_159":160,"_106":233,"_100":234,"_163":177,"_165":235,"_166":22,"_167":-5,"_168":236,"_98":237},"f61b2c84-4b82-11f0-af65-76b3cceeab13","CodeSnippet.tsx","8144a792-4889-11f0-bd53-76b3cceeab13",635,["D",1750168629517],21,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { toast } 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 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}",[],[216,223,230],{"_104":239,"_95":240,"_153":241,"_155":224,"_156":139,"_157":207,"_159":160,"_106":242,"_100":243,"_163":177,"_165":244,"_166":22,"_167":-5,"_168":245,"_98":246},"5994f14c-49de-11f0-9032-76b3cceeab13","ErrorMessage.tsx","fa618f50-3817-11f0-972c-9e149126039e",["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}",[],[216,223,240],{"_104":248,"_95":249,"_153":250,"_155":224,"_156":139,"_157":251,"_159":160,"_106":252,"_100":253,"_163":177,"_165":254,"_166":22,"_167":-5,"_168":255,"_98":256},"5c1d0ce4-5210-11f0-bff3-f69ea79377d9","ExperimentalWarning.tsx","3604c37e-4dda-11f0-8f96-76b3cceeab13",726,["D",1750889066669],31,"/** @jsxImportSource https://esm.sh/react@18.2.0? */\n\nexport function ExperimentalWarning({ user }: { user: { email: string } }) {\n return (\n

\n ⚠️ Experimental Integration – We'll email you at {user.email} about breaking changes.\n

\n );\n}",[],[216,223,249],{"_104":258,"_95":259,"_153":260,"_155":224,"_156":139,"_157":261,"_159":22,"_106":262,"_100":253,"_163":177,"_165":263,"_166":22,"_167":-5,"_168":264,"_98":265},"1447cc52-520f-11f0-a53c-f69ea79377d9","Layout.tsx","52fcadde-496b-11f0-b5e0-76b3cceeab13",725,["D",1750888516663],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { ToastContainer } from \"https://esm.sh/react-toastify?deps=react@18.2.0,react-dom@18.2.0\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nexport function Layout(\n { user, children }: { user: { username: string }; children: React.ReactNode },\n) {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const [isCreateMenuOpen, setIsCreateMenuOpen] = 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 const toggleCreateMenu = () => {\n setIsCreateMenuOpen(!isCreateMenuOpen);\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 if (isCreateMenuOpen && !(event.target as Element).closest(\".create-menu\")) {\n setIsCreateMenuOpen(false);\n }\n };\n\n const handleEscKey = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setIsMenuOpen(false);\n setIsCreateMenuOpen(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, isCreateMenuOpen]);\n\n return (\n

\n \n

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

\n \n View source\n \n

\n\n

\n \n \n \n \n \n\n {isCreateMenuOpen && (\n

\n \n New Action\n \n \n New Trigger\n \n

\n )}\n

\n\n

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

\n \n My Triggers\n \n \n My Connections\n \n \n Logout\n \n

\n )}\n

\n\n {children}\n

\n );\n}",[],[216,223,259],[216,223],{"_104":268,"_95":269,"_153":270,"_155":217,"_156":139,"_157":271,"_159":160,"_106":272,"_100":218,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":273,"_98":341},"1622eb92-4968-11f0-85d0-76b3cceeab13","pages","67c40202-4967-11f0-b291-76b3cceeab13",342,["D",1749937184518],[274,284,293,303,312,322,332],{"_104":275,"_95":276,"_153":277,"_155":270,"_156":139,"_157":278,"_159":22,"_106":279,"_100":280,"_163":177,"_165":281,"_166":22,"_167":-5,"_168":282,"_98":283},"778783a4-4b8c-11f0-bb30-76b3cceeab13","ConnectionsPage.tsx","fa61761e-3817-11f0-972c-9e149126039e",672,["D",1750172712122],14,"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { Layout } from \"../components/Layout.tsx\";\n\nexport default function({ accounts, user }) {\n console.log(accounts);\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}",[],[216,269,276],{"_104":285,"_95":286,"_153":287,"_155":270,"_156":139,"_157":251,"_159":160,"_106":288,"_100":289,"_163":177,"_165":290,"_166":22,"_167":-5,"_168":291,"_98":292},"5c1d0e56-5210-11f0-bff3-f69ea79377d9","HomePage.tsx","fa617f4c-3817-11f0-972c-9e149126039e",["D",1750889066669],114,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { ExperimentalWarning } from \"../components/ExperimentalWarning.tsx\";\nimport { Layout } from \"../components/Layout.tsx\";\n\nexport default function({ user }) {\n return (\n \n

\n \n\n {/* Introduction */}\n

\n Connect Val Town to Thousands of Services\n

\n \n Pipedream Connect\n {\" \"}\n provides managed authentication for thousands of services. This application gives Val Town users secure\n access to APIs without managing OAuth flows or API keys yourself.\n

\n\n {/* Actions vs Triggers */}\n

\n {/* Actions */}\n

\n \n

Actions

\n\n

\n Actions let you send data to{\" \"}\n external services from your Val Town code. Perfect for posting to social media, sending emails, creating\n records, or triggering workflows.\n

\n\n

\n Secure by default: Authentication is handled automatically - no API keys to manage\n

\n Copy & paste: Get ready-to-use code snippets for your vals\n

\n Thousands of services: Gmail, Slack, Twitter, Notion, Airtable, and more\n

\n\n

\n \n Create Action\n \n \n

\n\n {/* Triggers */}\n

\n \n

Triggers

\n\n

\n Triggers send data to your vals{\" \"}\n when events happen in external services. Get notified of new emails, form submissions, file uploads, or\n any other event.\n

\n\n

\n Real-time webhooks: Data is sent to your val instantly when events occur\n

\n Any HTTP val: Send data to any Val Town HTTP endpoint you specify\n

\n Event debugging: View all events sent to your triggers for easy debugging\n

\n\n

\n \n Create Trigger\n \n \n

\n\n {/* How it Works */}\n

How It Works

\n\n

\n \n 1\n \n Using Actions\n

• Connect to a service (Gmail, Slack, etc.)
• Configure the action (what data to send)
• Copy the generated code into your val
• Call the action from your val - authentication handled automatically!

\n\n

\n \n 2\n \n Using Triggers\n

• Connect to a service that sends events
• Configure what events to listen for
• Provide your val's HTTP endpoint URL
• Your val receives data automatically when events happen!

\n\n {/* Management */}\n

Manage Your Integrations

\n\n

\n \n

My Connections

Manage connected accounts

\n \n\n \n

\n \n

My Triggers

View & debug your triggers, and the events they've sent

\n \n

\n \n );\n}",[],[216,269,286],{"_104":294,"_95":295,"_153":296,"_155":270,"_156":139,"_157":297,"_159":160,"_106":298,"_100":299,"_163":177,"_165":300,"_166":22,"_167":-5,"_168":301,"_98":302},"ddbb1c4a-5293-11f0-bee2-f69ea79377d9","LoginPage.tsx","fa619216-3817-11f0-972c-9e149126039e",733,["D",1750945548209],45,"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { useState } from \"https://esm.sh/react@18.2.0?\";\nimport { ExperimentalWarning } from \"../components/ExperimentalWarning.tsx\";\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 app gives\n Val Town users access to Pipedream's OAuth library.\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

To login:

\n 1. Create an API key:{\" \"}\n \n https://www.val.town/settings/api\n \n

2. Give it the \"Users: read-only\" scope.

\n\n

\n );\n}",[],[216,269,295],{"_104":304,"_95":305,"_153":306,"_155":270,"_156":139,"_157":307,"_159":22,"_106":308,"_100":253,"_163":177,"_165":309,"_166":22,"_167":-5,"_168":310,"_98":311},"87757cfe-5130-11f0-aa4c-f69ea79377d9","NewActionPage.tsx","3651b41a-4969-11f0-9fbb-76b3cceeab13",724,["D",1750792932126],"/** @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 }) {\n const [selectedApp, setSelectedApp] = useState();\n const [selectedComponent, setSelectedComponent] = useState();\n const [configuredProps, setConfiguredProps] = useState({});\n const [sdkErrors, setSdkErrors] = useState();\n const [dynamicProps, setDynamicProps] = useState();\n\n const frontendClient = createFrontendClient({\n environment: \"production\",\n externalUserId: user.id,\n tokenCallback: async () => {\n const resp = await fetch(\"/api/pipedream/token\", {\n method: \"POST\",\n });\n const data = await resp.json();\n return data;\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: ctx.configuredProps,\n dynamicPropsId: dynamicProps?.id,\n });\n } catch (error) {\n setSdkErrors(error);\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 dynamicPropsId: dynamicProps?.id,\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}",[],[216,269,305],{"_104":313,"_95":314,"_153":315,"_155":270,"_156":139,"_157":316,"_159":22,"_106":317,"_100":318,"_163":177,"_165":319,"_166":22,"_167":-5,"_168":320,"_98":321},"187abfec-4b83-11f0-a3e3-76b3cceeab13","NewTriggerPage.tsx","d5b87a66-4abd-11f0-ab2f-76b3cceeab13",638,["D",1750168687182],54,"/** @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 { toast } from \"https://esm.sh/react-toastify?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 [dynamicProps, setDynamicProps] = useState();\n const [webhookUrl, setWebhookUrl] = useState(\"\");\n\n const frontendClient = createFrontendClient({\n environment: \"production\",\n externalUserId: user.id,\n tokenCallback: async () => {\n const resp = await fetch(\"/api/pipedream/token\", {\n method: \"POST\",\n });\n const data = await resp.json();\n return data;\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 toast(\"Trigger created! Redirecting to the list of triggers...\");\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}",[],[216,269,314],{"_104":323,"_95":324,"_153":325,"_155":270,"_156":139,"_157":326,"_159":160,"_106":327,"_100":328,"_163":177,"_165":329,"_166":22,"_167":-5,"_168":330,"_98":331},"352f50d8-4b85-11f0-8357-76b3cceeab13","TriggerEventsPage.tsx","01cd0916-4ac1-11f0-8f0d-76b3cceeab13",669,["D",1750169594342],36,"/** @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 {trigger.configurable_props.find(x => x.type === \"app\")?.name || \"Unknown App\"}\n

\n Created at: {trigger.created_at\n ? new Date(trigger.created_at * 1000).toLocaleString(\"en-US\", {\n timeZoneName: \"short\",\n })\n : \"Unknown\"}\n

\n Trigger JSON\n

\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 Event at {new Date(event.ts).toLocaleString(\"en-US\", {\n timeZoneName: \"short\",\n })}\n

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

\n ))}\n

\n )}\n \n );\n}",[],[216,269,324],{"_104":333,"_95":334,"_153":335,"_155":270,"_156":139,"_157":101,"_159":22,"_106":336,"_100":337,"_163":177,"_165":338,"_166":22,"_167":-5,"_168":339,"_98":340},"5db1b094-5294-11f0-9fa6-f69ea79377d9","TriggersPage.tsx","4ecd9554-4ab8-11f0-9937-76b3cceeab13",["D",1750945762891],17,"/** @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 \n New trigger\n \n

\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 Created at: {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}",[],[216,269,334],[216,269],[216],{"_104":344,"_95":345,"_153":346,"_155":-5,"_156":139,"_157":347,"_159":160,"_106":348,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":349,"_98":359},"c2d03472-4886-11f0-b731-76b3cceeab13","sdk","c1ed1228-4886-11f0-afbd-76b3cceeab13",231,["D",1749840407963],[350],{"_104":351,"_95":352,"_153":353,"_155":346,"_156":139,"_157":354,"_159":160,"_106":355,"_100":225,"_163":177,"_165":356,"_166":22,"_167":-5,"_168":357,"_98":358},"33e72f7c-4bba-11f0-bb94-76b3cceeab13","sdk.ts","c3e5afc2-4886-11f0-a69d-76b3cceeab13",679,["D",1750192355510],"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}\n\nexport async function proxyRun(args: any) {\n const response = await fetch(\n \"https://pipedream.val.run/api/pipedream/proxy\",\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}",[],[345,352],[345],{"_104":361,"_95":362,"_153":363,"_155":-5,"_156":139,"_157":251,"_159":160,"_106":364,"_100":365,"_163":366,"_165":367,"_166":22,"_167":-5,"_168":368,"_98":369},"5c1d0410-5210-11f0-bff3-f69ea79377d9","README.md","fa619964-3817-11f0-972c-9e149126039e",["D",1750889066669],47,"file","# Val Town + Pipedream Connect Integration\n\nThis application allows Val Town users to authenticate and connect to external services via Pipedream Connect.\n\n## Features\n\n### Actions\n- **Send data to external services** from your Val Town code\n- **Secure authentication** handled automatically - no API keys to manage\n- **Copy & paste code snippets** ready for your vals\n- **Thousands of services** supported: Gmail, Slack, Twitter, Notion, Airtable, and more\n\n### Triggers \n- **Receive data from external services** when events happen\n- **Real-time webhooks** send data to your vals instantly\n- **Any HTTP val** can receive trigger data\n- **Event debugging** to view all events sent to your triggers\n\n### Home Page\nThe home page now provides comprehensive explanations of:\n- What actions vs triggers are and how they differ\n- How authentication is handled securely under the hood\n- Step-by-step guides for using both actions and triggers\n- Quick access to create new integrations and manage existing ones\n\n## Misc todos\n\n- [ ] Automatically include `\"includeSentViaPipedream\": false` for Discord and Slack\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- [ ] 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\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.",[],[362],{"_104":371,"_95":372,"_153":373,"_155":-5,"_156":139,"_157":261,"_159":160,"_106":374,"_100":32,"_163":366,"_165":375,"_166":22,"_167":-5,"_168":376,"_98":377},"1447c0d6-520f-11f0-a53c-f69ea79377d9","deno.json","1447c176-520f-11f0-a53c-f69ea79377d9",["D",1750888516663],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"jsx\": \"react-jsx\",\n \"jsxImportSource\": \"https://esm.sh/react@18.2.0\",\n \"jsxImportSourceTypes\": \"https://esm.sh/react@18.2.0\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[372],"files",[151,170,181,193,203,214,221,228,238,247,257,267,274,284,293,303,312,322,332,343,350,360,370],"counts",{"_382":32,"_383":384,"_385":32,"_386":387},"pulls","branches",3,"forks","envVars",4,"contents",[390,393,396,399],{"_104":171,"_95":172,"_153":173,"_155":154,"_156":139,"_157":174,"_159":22,"_106":391,"_100":176,"_163":177,"_165":178,"_166":22,"_167":-5,"_98":392},["D",1749837867621],[99,172],{"_104":182,"_95":183,"_153":184,"_155":154,"_156":139,"_157":185,"_159":22,"_106":394,"_100":187,"_163":188,"_165":189,"_166":22,"_167":190,"_98":395},["D",1750173314798],[99,183],{"_104":194,"_95":195,"_153":196,"_155":154,"_156":139,"_157":197,"_159":22,"_106":397,"_100":199,"_163":177,"_165":200,"_166":22,"_167":-5,"_98":398},["D",1750192531832],[99,195],{"_104":204,"_95":205,"_153":206,"_155":154,"_156":139,"_157":207,"_159":160,"_106":400,"_100":209,"_163":177,"_165":210,"_166":22,"_167":-5,"_98":401},["D",1749987978287],[99,205],{"_104":152,"_95":99,"_153":154,"_155":-5,"_156":139,"_157":158,"_159":160,"_106":403,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":404},["D",1747682399458],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":413,"_149":418,"_378":488,"_366":489,"_388":491,"_500":-5,"_501":22,"_502":-5,"_503":-5,"_504":-5,"_505":506},{"_104":105,"_95":96,"_106":414,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":415,"_133":416,"_136":417,"_148":22},["D",1747682234550],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_104":139,"_140":105,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[419,434,476,482,485],{"_104":152,"_95":99,"_153":154,"_155":-5,"_156":139,"_157":158,"_159":160,"_106":161,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":420,"_98":433},[421,424,427,430],{"_104":171,"_95":172,"_153":173,"_155":154,"_156":139,"_157":174,"_159":22,"_106":175,"_100":176,"_163":177,"_165":178,"_166":22,"_167":-5,"_168":422,"_98":423},[],[99,172],{"_104":182,"_95":183,"_153":184,"_155":154,"_156":139,"_157":185,"_159":22,"_106":186,"_100":187,"_163":188,"_165":189,"_166":22,"_167":190,"_168":425,"_98":426},[],[99,183],{"_104":194,"_95":195,"_153":196,"_155":154,"_156":139,"_157":197,"_159":22,"_106":198,"_100":199,"_163":177,"_165":200,"_166":22,"_167":-5,"_168":428,"_98":429},[],[99,195],{"_104":204,"_95":205,"_153":206,"_155":154,"_156":139,"_157":207,"_159":160,"_106":208,"_100":209,"_163":177,"_165":210,"_166":22,"_167":-5,"_168":431,"_98":432},[],[99,205],[99],{"_104":215,"_95":216,"_153":217,"_155":-5,"_156":139,"_157":218,"_159":160,"_106":219,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":435,"_98":475},[436,451],{"_104":222,"_95":223,"_153":224,"_155":217,"_156":139,"_157":225,"_159":160,"_106":226,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":437,"_98":450},[438,441,444,447],{"_104":229,"_95":230,"_153":231,"_155":224,"_156":139,"_157":232,"_159":160,"_106":233,"_100":234,"_163":177,"_165":235,"_166":22,"_167":-5,"_168":439,"_98":440},[],[216,223,230],{"_104":239,"_95":240,"_153":241,"_155":224,"_156":139,"_157":207,"_159":160,"_106":242,"_100":243,"_163":177,"_165":244,"_166":22,"_167":-5,"_168":442,"_98":443},[],[216,223,240],{"_104":248,"_95":249,"_153":250,"_155":224,"_156":139,"_157":251,"_159":160,"_106":252,"_100":253,"_163":177,"_165":254,"_166":22,"_167":-5,"_168":445,"_98":446},[],[216,223,249],{"_104":258,"_95":259,"_153":260,"_155":224,"_156":139,"_157":261,"_159":22,"_106":262,"_100":253,"_163":177,"_165":263,"_166":22,"_167":-5,"_168":448,"_98":449},[],[216,223,259],[216,223],{"_104":268,"_95":269,"_153":270,"_155":217,"_156":139,"_157":271,"_159":160,"_106":272,"_100":218,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":452,"_98":474},[453,456,459,462,465,468,471],{"_104":275,"_95":276,"_153":277,"_155":270,"_156":139,"_157":278,"_159":22,"_106":279,"_100":280,"_163":177,"_165":281,"_166":22,"_167":-5,"_168":454,"_98":455},[],[216,269,276],{"_104":285,"_95":286,"_153":287,"_155":270,"_156":139,"_157":251,"_159":160,"_106":288,"_100":289,"_163":177,"_165":290,"_166":22,"_167":-5,"_168":457,"_98":458},[],[216,269,286],{"_104":294,"_95":295,"_153":296,"_155":270,"_156":139,"_157":297,"_159":160,"_106":298,"_100":299,"_163":177,"_165":300,"_166":22,"_167":-5,"_168":460,"_98":461},[],[216,269,295],{"_104":304,"_95":305,"_153":306,"_155":270,"_156":139,"_157":307,"_159":22,"_106":308,"_100":253,"_163":177,"_165":309,"_166":22,"_167":-5,"_168":463,"_98":464},[],[216,269,305],{"_104":313,"_95":314,"_153":315,"_155":270,"_156":139,"_157":316,"_159":22,"_106":317,"_100":318,"_163":177,"_165":319,"_166":22,"_167":-5,"_168":466,"_98":467},[],[216,269,314],{"_104":323,"_95":324,"_153":325,"_155":270,"_156":139,"_157":326,"_159":160,"_106":327,"_100":328,"_163":177,"_165":329,"_166":22,"_167":-5,"_168":469,"_98":470},[],[216,269,324],{"_104":333,"_95":334,"_153":335,"_155":270,"_156":139,"_157":101,"_159":22,"_106":336,"_100":337,"_163":177,"_165":338,"_166":22,"_167":-5,"_168":472,"_98":473},[],[216,269,334],[216,269],[216],{"_104":344,"_95":345,"_153":346,"_155":-5,"_156":139,"_157":347,"_159":160,"_106":348,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":477,"_98":481},[478],{"_104":351,"_95":352,"_153":353,"_155":346,"_156":139,"_157":354,"_159":160,"_106":355,"_100":225,"_163":177,"_165":356,"_166":22,"_167":-5,"_168":479,"_98":480},[],[345,352],[345],{"_104":361,"_95":362,"_153":363,"_155":-5,"_156":139,"_157":251,"_159":160,"_106":364,"_100":365,"_163":366,"_165":367,"_166":22,"_167":-5,"_168":483,"_98":484},[],[362],{"_104":371,"_95":372,"_153":373,"_155":-5,"_156":139,"_157":261,"_159":160,"_106":374,"_100":32,"_163":366,"_165":375,"_166":22,"_167":-5,"_168":486,"_98":487},[],[372],[419,421,424,427,430,434,436,438,441,444,447,451,453,456,459,462,465,468,471,476,478,482,485],{"_104":152,"_95":99,"_153":154,"_155":-5,"_156":139,"_157":158,"_159":160,"_106":403,"_100":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":490},[99],[492,494,496,498],{"_104":171,"_95":172,"_153":173,"_155":154,"_156":139,"_157":174,"_159":22,"_106":391,"_100":176,"_163":177,"_165":178,"_166":22,"_167":-5,"_98":493},[99,172],{"_104":182,"_95":183,"_153":184,"_155":154,"_156":139,"_157":185,"_159":22,"_106":394,"_100":187,"_163":188,"_165":189,"_166":22,"_167":190,"_98":495},[99,183],{"_104":194,"_95":195,"_153":196,"_155":154,"_156":139,"_157":197,"_159":22,"_106":397,"_100":199,"_163":177,"_165":200,"_166":22,"_167":-5,"_98":497},[99,195],{"_104":204,"_95":205,"_153":206,"_155":154,"_156":139,"_157":207,"_159":160,"_106":400,"_100":209,"_163":177,"_165":210,"_166":22,"_167":-5,"_98":499},[99,205],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]