\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}",[],[154,198],[154],{"_103":206,"_95":207,"_155":208,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":209,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":210,"_99":321},"12421c02-5299-11f0-b8f9-f69ea79377d9","frontend","edc188dc-e2d3-414e-ba06-d8b8fb6cbfa7",["D",1750947783815],[211,250],{"_103":212,"_95":213,"_155":214,"_157":208,"_158":138,"_159":137,"_160":161,"_105":215,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":216,"_99":249},"1241f4ca-5299-11f0-b8f9-f69ea79377d9","components","894c799e-5cb7-4ad9-8315-522968e15a33",["D",1750947783815],[217,225,233,241],{"_103":218,"_95":219,"_155":220,"_157":214,"_158":138,"_159":137,"_160":161,"_105":221,"_100":32,"_163":175,"_165":222,"_166":22,"_167":-5,"_168":223,"_99":224},"1241e336-5299-11f0-b8f9-f69ea79377d9","CodeSnippet.tsx","c5c5a96b-22c9-4dc3-b911-2972f4e2995e",["D",1750947783815],"/** @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}",[],[207,213,219],{"_103":226,"_95":227,"_155":228,"_157":214,"_158":138,"_159":137,"_160":161,"_105":229,"_100":32,"_163":175,"_165":230,"_166":22,"_167":-5,"_168":231,"_99":232},"1241e930-5299-11f0-b8f9-f69ea79377d9","ErrorMessage.tsx","b25a07a2-87e5-4aa6-a243-50509fad4e16",["D",1750947783815],"/** @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}",[],[207,213,227],{"_103":234,"_95":235,"_155":236,"_157":214,"_158":138,"_159":137,"_160":161,"_105":237,"_100":32,"_163":175,"_165":238,"_166":22,"_167":-5,"_168":239,"_99":240},"1241eae8-5299-11f0-b8f9-f69ea79377d9","ExperimentalWarning.tsx","ce420471-f590-486e-aae0-061901209aa2",["D",1750947783815],"/** @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}",[],[207,213,235],{"_103":242,"_95":243,"_155":244,"_157":214,"_158":138,"_159":137,"_160":161,"_105":245,"_100":32,"_163":175,"_165":246,"_166":22,"_167":-5,"_168":247,"_99":248},"1241ec6e-5299-11f0-b8f9-f69ea79377d9","Layout.tsx","827c22bc-d0c5-473c-882c-0d36a3c74f8c",["D",1750947783815],"/** @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 New Connection\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}",[],[207,213,243],[207,213],{"_103":251,"_95":252,"_155":253,"_157":208,"_158":138,"_159":137,"_160":161,"_105":254,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":255,"_99":320},"12421a9a-5299-11f0-b8f9-f69ea79377d9","pages","37b541ae-3f13-40a7-9481-3d54bdca458d",["D",1750947783815],[256,264,272,280,288,296,304,312],{"_103":257,"_95":258,"_155":259,"_157":253,"_158":138,"_159":137,"_160":161,"_105":260,"_100":32,"_163":175,"_165":261,"_166":22,"_167":-5,"_168":262,"_99":263},"1241f682-5299-11f0-b8f9-f69ea79377d9","ConnectionsPage.tsx","a6d6f58b-6a9c-400b-98a7-9d5fb6b25aab",["D",1750947783815],"/** @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 Connections

\n \n New connection\n \n

\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}",[],[207,252,258],{"_103":265,"_95":266,"_155":267,"_157":253,"_158":138,"_159":137,"_160":161,"_105":268,"_100":32,"_163":175,"_165":269,"_166":22,"_167":-5,"_168":270,"_99":271},"1241fae2-5299-11f0-b8f9-f69ea79377d9","HomePage.tsx","c54cb2d7-0240-4064-8751-88c22e1453f5",["D",1750947783815],"/** @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}",[],[207,252,266],{"_103":273,"_95":274,"_155":275,"_157":253,"_158":138,"_159":137,"_160":161,"_105":276,"_100":32,"_163":175,"_165":277,"_166":22,"_167":-5,"_168":278,"_99":279},"1242047e-5299-11f0-b8f9-f69ea79377d9","LoginPage.tsx","1d4f47c7-ec20-4dfb-a937-949006cd2f8b",["D",1750947783815],"/** @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}",[],[207,252,274],{"_103":281,"_95":282,"_155":283,"_157":253,"_158":138,"_159":137,"_160":161,"_105":284,"_100":32,"_163":175,"_165":285,"_166":22,"_167":-5,"_168":286,"_99":287},"1242088e-5299-11f0-b8f9-f69ea79377d9","NewActionPage.tsx","4cffbaee-040c-4bd6-8655-327fbbe6f48d",["D",1750947783815],"/** @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}",[],[207,252,282],{"_103":289,"_95":290,"_155":291,"_157":253,"_158":138,"_159":137,"_160":161,"_105":292,"_100":32,"_163":175,"_165":293,"_166":22,"_167":-5,"_168":294,"_99":295},"12420cbc-5299-11f0-b8f9-f69ea79377d9","NewConnectionPage.tsx","3579beab-e0f3-4c9a-ac00-36ea6a48abac",["D",1750947783815],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n FrontendClientProvider,\n SelectApp,\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\nasync function tokenCallback() {\n const resp = await fetch(\"/api/pipedream/token\", {\n method: \"POST\",\n });\n const data = await resp.json();\n return data;\n}\n\nexport default function({ user }) {\n const [selectedApp, setSelectedApp] = useState();\n const [sdkErrors, setSdkErrors] = useState();\n const [success, setSuccess] = useState(false);\n\n const frontendClient = createFrontendClient({\n environment: \"production\",\n externalUserId: user.id,\n tokenCallback,\n });\n\n async function connectAccount() {\n const pd = createFrontendClient();\n await pd.connectAccount({\n app: selectedApp.name_slug,\n token: (await tokenCallback()).token,\n onSuccess: (account) => {\n console.log(\"Connection successful:\", account);\n setSuccess(true);\n },\n onError: (err) => {\n console.error(\"Connection error:\", err);\n setSdkErrors(err);\n },\n });\n }\n\n return (\n \n \n

New Connection

\n\n

\n \n 1. Select an App:\n \n {\n setSelectedApp(app);\n }}\n />\n

\n\n {selectedApp && (\n

\n \n Connect to {selectedApp.name}\n \n

\n )}\n\n {sdkErrors && (\n

\n {sdkErrors.message}\n

\n )}\n\n {success && (\n

\n Connection successful!\n

\n\n

You can now create actions and triggers using this connection:

\n\n

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

\n )}\n

\n \n \n );\n}",[],[207,252,290],{"_103":297,"_95":298,"_155":299,"_157":253,"_158":138,"_159":137,"_160":161,"_105":300,"_100":32,"_163":175,"_165":301,"_166":22,"_167":-5,"_168":302,"_99":303},"12421036-5299-11f0-b8f9-f69ea79377d9","NewTriggerPage.tsx","725523d1-4ee4-4b7f-8671-8e9317fa21c1",["D",1750947783815],"/** @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}",[],[207,252,298],{"_103":305,"_95":306,"_155":307,"_157":253,"_158":138,"_159":137,"_160":161,"_105":308,"_100":32,"_163":175,"_165":309,"_166":22,"_167":-5,"_168":310,"_99":311},"124214d2-5299-11f0-b8f9-f69ea79377d9","TriggerEventsPage.tsx","914caf28-a2a3-4d8c-b7a3-bd2523937569",["D",1750947783815],"/** @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}",[],[207,252,306],{"_103":313,"_95":314,"_155":315,"_157":253,"_158":138,"_159":137,"_160":161,"_105":316,"_100":32,"_163":175,"_165":317,"_166":22,"_167":-5,"_168":318,"_99":319},"1242177a-5299-11f0-b8f9-f69ea79377d9","TriggersPage.tsx","db90efc7-c08c-45b8-a6fd-e258a6ccfb7f",["D",1750947783815],"/** @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\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}",[],[207,252,314],[207,252],[207],{"_103":323,"_95":324,"_155":325,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":326,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":327,"_99":336},"12421f22-5299-11f0-b8f9-f69ea79377d9","sdk","cc92c326-60ad-430d-8b7e-93352360581d",["D",1750947783815],[328],{"_103":329,"_95":330,"_155":331,"_157":325,"_158":138,"_159":137,"_160":161,"_105":332,"_100":32,"_163":175,"_165":333,"_166":22,"_167":-5,"_168":334,"_99":335},"12421d92-5299-11f0-b8f9-f69ea79377d9","sdk.ts","d9e65bea-a92f-4707-bb76-3cc85fa3b54c",["D",1750947783815],"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}",[],[324,330],[324],{"_103":338,"_95":339,"_155":340,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":341,"_100":32,"_163":342,"_165":343,"_166":22,"_167":-5,"_168":344,"_99":345},"124220da-5299-11f0-b8f9-f69ea79377d9","README.md","7c388207-9205-4489-bddb-f5e808ef6f1b",["D",1750947783815],"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.",[],[339],{"_103":347,"_95":348,"_155":349,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":350,"_100":32,"_163":342,"_165":351,"_166":22,"_167":-5,"_168":352,"_99":353},"124224b8-5299-11f0-b8f9-f69ea79377d9","deno.json","a1943bcf-b300-4128-a6c1-e7d6931f2f44",["D",1750947783815],"{\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}",[],[348],"files",[152,170,179,188,196,205,211,217,225,233,241,250,256,264,272,280,288,296,304,312,322,328,337,346],"counts",{"_358":32,"_359":360,"_361":32,"_362":363},"pulls","branches",3,"forks","envVars",4,"contents",[366,369,372,375,378],{"_103":153,"_95":154,"_155":156,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":367,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":368},["D",1750947783815],[154],{"_103":206,"_95":207,"_155":208,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":370,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":371},["D",1750947783815],[207],{"_103":323,"_95":324,"_155":325,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":373,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":374},["D",1750947783815],[324],{"_103":338,"_95":339,"_155":340,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":376,"_100":32,"_163":342,"_165":343,"_166":22,"_167":-5,"_99":377},["D",1750947783815],[339],{"_103":347,"_95":348,"_155":349,"_157":-5,"_158":138,"_159":137,"_160":161,"_105":379,"_100":32,"_163":342,"_165":351,"_166":22,"_167":-5,"_99":380},["D",1750947783815],[348],"upstreamProject","upstreamBranch",{"_103":141,"_105":384,"_385":386,"_95":43,"_139":104,"_100":387,"_140":-5,"_142":-5,"_388":389,"_107":-5,"_149":22,"_109":110,"_148":94,"_16":119,"_147":96},["D",1747682234550],"updatedAt",["D",1757364451236],803,"lockfileKey","1757364461611-esm.town_v_valdottown_pipedream-connect@803-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history",{"_93":94,"_95":96,"_97":98,"_101":396,"_401":32,"_402":403,"_537":22},{"_103":104,"_95":96,"_105":397,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":398,"_132":399,"_135":400,"_149":22},["D",1747682234550],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":98,"_103":138,"_139":104,"_140":141,"_142":143,"_144":110,"_145":104,"_146":119,"_147":96,"_148":94},"page","history",[404],{"_103":405,"_158":138,"_105":406,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":409,"_342":410,"_411":-5,"_412":413,"_414":-5,"_415":416,"_419":420},"1243b904-5299-11f0-b8f9-f69ea79377d9",["D",1750947783815],"incomingCommitId","f7f71a50-5298-11f0-b017-f69ea79377d9",{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":315,"_95":314,"_163":175},"pull","merge",{"_158":141,"_95":43,"_100":387},"revert","multiple",{"_417":418},"count",24,"commits",[421,422,427,432,437,442,447,452,457,462,467,472,477,482,487,492,497,502,507,512,517,522,527,532],{"_103":405,"_158":138,"_105":406,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":409,"_342":410,"_411":-5,"_412":413,"_414":-5},{"_103":405,"_158":138,"_105":423,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":424,"_342":425,"_411":-5,"_412":426,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":307,"_95":306,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":428,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":429,"_342":430,"_411":-5,"_412":431,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":331,"_95":330,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":433,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":434,"_342":435,"_411":-5,"_412":436,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":325,"_95":324,"_163":164},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":438,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":439,"_342":440,"_411":-5,"_412":441,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":199,"_95":198,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":443,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":444,"_342":445,"_411":-5,"_412":446,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":340,"_95":339,"_163":342},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":448,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":449,"_342":450,"_411":-5,"_412":451,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":191,"_95":190,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":453,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":454,"_342":455,"_411":-5,"_412":456,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":253,"_95":252,"_163":164},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":458,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":459,"_342":460,"_411":-5,"_412":461,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":299,"_95":298,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":463,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":464,"_342":465,"_411":-5,"_412":466,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":291,"_95":290,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":468,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":469,"_342":470,"_411":-5,"_412":471,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":283,"_95":282,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":473,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":474,"_342":475,"_411":-5,"_412":476,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":182,"_95":181,"_163":184},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":478,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":479,"_342":480,"_411":-5,"_412":481,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":275,"_95":274,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":483,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":484,"_342":485,"_411":-5,"_412":486,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":244,"_95":243,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":488,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":489,"_342":490,"_411":-5,"_412":491,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":267,"_95":266,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":493,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":494,"_342":495,"_411":-5,"_412":496,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":208,"_95":207,"_163":164},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":498,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":499,"_342":500,"_411":-5,"_412":501,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":236,"_95":235,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":503,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":504,"_342":505,"_411":-5,"_412":506,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":228,"_95":227,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":508,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":509,"_342":510,"_411":-5,"_412":511,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":349,"_95":348,"_163":342},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":513,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":514,"_342":515,"_411":-5,"_412":516,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":259,"_95":258,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":518,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":519,"_342":520,"_411":-5,"_412":521,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":214,"_95":213,"_163":164},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":523,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":524,"_342":525,"_411":-5,"_412":526,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":220,"_95":219,"_163":175},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":528,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":529,"_342":530,"_411":-5,"_412":531,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":156,"_95":154,"_163":164},{"_158":141,"_95":43,"_100":387},{"_103":405,"_158":138,"_105":533,"_100":137,"_16":119,"_157":-5,"_407":408,"_23":534,"_342":535,"_411":-5,"_412":536,"_414":-5},["D",1750947783815],{"_103":-5,"_16":-5,"_93":94,"_134":131},{"_155":173,"_95":172,"_163":175},{"_158":141,"_95":43,"_100":387},"hasNext","actionData","errors"]

History