\n \n \n \n",[],[89,105],"c7b10d66-536e-11f0-a449-f69ea79377d9","components","8949cedd-181a-4965-bd37-ffe5a24c1e17",["D",1751039570946],[117,118,119,120,121],[89,112],{"_36":150,"_13":151,"_39":152,"_41":113,"_43":44,"_45":46,"_47":48,"_49":153,"_17":51,"_52":53,"_54":154,"_56":57,"_58":-5,"_85":155,"_18":156},{"_36":143,"_13":144,"_39":145,"_41":113,"_43":44,"_45":46,"_47":48,"_49":146,"_17":51,"_52":53,"_54":147,"_56":57,"_58":-5,"_85":148,"_18":149},{"_36":136,"_13":137,"_39":138,"_41":113,"_43":44,"_45":46,"_47":48,"_49":139,"_17":51,"_52":53,"_54":140,"_56":57,"_58":-5,"_85":141,"_18":142},{"_36":129,"_13":130,"_39":131,"_41":113,"_43":44,"_45":46,"_47":48,"_49":132,"_17":51,"_52":53,"_54":133,"_56":57,"_58":-5,"_85":134,"_18":135},{"_36":122,"_13":123,"_39":124,"_41":113,"_43":44,"_45":46,"_47":48,"_49":125,"_17":51,"_52":53,"_54":126,"_56":57,"_58":-5,"_85":127,"_18":128},"c7b108f2-536e-11f0-a449-f69ea79377d9","LoginForm.tsx","1ce7334f-3c08-4cca-a088-25d7b07f217e",["D",1751039570946],"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { useState } from \"https://esm.sh/react@18.2.0?\";\n\nexport function LoginForm({ onLogin, onError }) {\n const [apiKey, setApiKey] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsLoading(true);\n onError(\"\"); // Clear any previous errors\n\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\n const data = await response.json();\n\n if (data.success) {\n setApiKey(\"\");\n onLogin(data.user);\n } else {\n onError(data.error || \"Login failed\");\n }\n } catch (err) {\n onError(\"Network error. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

Val Town + Pipedream Connect

Please enter your Val Town API key to get started.

\n\n

\n );\n}",[],[89,112,123],"c7b10744-536e-11f0-a449-f69ea79377d9","Home.tsx","3f7b5ff5-6700-4c9e-ba4e-307389117eb4",["D",1751039570946],"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport { useState } from \"https://esm.sh/react@18.2.0?\";\nimport { Dashboard } from \"./Dashboard.tsx\";\nimport { ErrorMessage } from \"./ErrorMessage.tsx\";\nimport { LoginForm } from \"./LoginForm.tsx\";\n\nexport function Home({ user, pipedreamToken }) {\n const [error, setError] = useState(\"\");\n\n const handleLogout = async () => {\n await fetch(\"/auth/logout\", { method: \"POST\" });\n window.location.href = \"/\";\n };\n\n const handleError = (errorMessage: string) => {\n setError(errorMessage);\n };\n\n const dismissError = () => {\n setError(\"\");\n };\n\n if (!user) {\n return (\n <>\n \n console.log(x)} onError={handleError} />\n \n );\n }\n\n return (\n <>\n \n \n \n );\n}",[],[89,112,130],"c7b1051e-536e-11f0-a449-f69ea79377d9","ErrorMessage.tsx","7343ac5c-9a95-4303-9f4f-5f37fdd3e111",["D",1751039570946],"/** @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}",[],[89,112,137],"c7b0f362-536e-11f0-a449-f69ea79377d9","Dashboard.tsx","fe7eef6b-50cf-4b77-aa82-d2f13feb2c77",["D",1751039570946],"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nimport {\n ComponentForm\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 \"./AccountsList.tsx\";\n\nexport function Dashboard(\n { user, pipedreamToken, onLogout, onError },\n) {\n const [accounts, setAccounts] = useState([]);\n const [selectedApp, setSelectedApp] = useState(null);\n const [selectedComponent, setSelectedComponent] = useState(null);\n const [componentType, setComponentType] = useState<\"action\" | \"trigger\">(\n \"action\",\n );\n const [configuredProps, setConfiguredProps] = useState({});\n\n // Create Pipedream frontend client\n const frontendClient = createFrontendClient({\n environment: \"development\", // TODO: Make this configurable\n externalUserId: user.id,\n tokenCallback: async () => {\n // Return the token that was passed as a prop\n return { token: pipedreamToken };\n },\n });\n\n useEffect(() => {\n loadAccounts();\n }, []);\n\n const loadAccounts = async () => {\n try {\n // Load user's connected accounts\n const accountsResponse = await fetch(\"/api/pipedream/accounts\");\n const accountsData = await accountsResponse.json();\n if (accountsData.accounts && Array.isArray(accountsData.accounts)) {\n setAccounts(accountsData.accounts);\n } else {\n console.warn(\"Accounts data is not an array:\", accountsData);\n setAccounts([]);\n }\n } catch (err) {\n console.error(\"Failed to load accounts:\", err);\n onError(\"Failed to load accounts. Please try refreshing the page.\");\n setAccounts([]);\n }\n };\n\n const handleComponentTypeChange = (newType: \"action\" | \"trigger\") => {\n setComponentType(newType);\n setSelectedComponent(null); // Reset component when type changes\n };\n\n const handleComponentSubmit = async (ctx) => {\n try {\n if (componentType === \"action\" ) {\n const result = await frontendClient.actionRun({\n externalUserId: user.id,\n actionId: selectedComponent.key,\n configuredProps: ctx.configuredProps,\n })\n };\n // TODO trigger\n } catch (error) {\n console.error(`Failed to execute ${componentType}:`, error);\n onError(`Failed to execute ${componentType}: ${error.message}`);\n }\n };\n\n return (\n

\n \n

Pipedream Connect

Welcome, {user?.username}!

\n \n Logout\n \n \n\n \n

Connect Apps & Build Workflows

\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 Component Type:\n \n \n handleComponentTypeChange(\n e.target.value as \"action\" | \"trigger\",\n )}\n style={{\n width: \"100%\",\n padding: \"8px 12px\",\n border: \"1px solid #ddd\",\n borderRadius: \"4px\",\n fontSize: \"14px\",\n backgroundColor: \"white\",\n cursor: \"pointer\",\n }}\n >\n \n \n \n

\n )}\n\n {selectedApp && (\n

\n \n 3. Select{\" \"}\n {componentType === \"action\" ? \"an Action\" : \"a Trigger\"}:\n \n {\n setSelectedComponent(comp);\n }}\n />\n

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

\n \n 4. Configure{\" \"}\n {componentType === \"action\" ? \"Action\" : \"Trigger\"}:\n \n \n \n

\n                 const result = await frontendClient.actionRun(\n                {JSON.stringify({\n                    externalUserId: user.id,\n                    actionId: selectedComponent.key,\n                    configuredProps: configuredProps,\n                  }, null, 2)}\n                 )\n

\n )}\n \n \n\n \n \n );\n}",[],[89,112,144],"c7b0eeb2-536e-11f0-a449-f69ea79377d9","AccountsList.tsx","348e0b37-1ca8-4196-854a-1d1723cecf5f",["D",1751039570946],"/** @jsxImportSource https://esm.sh/react@18.2.0? */\nexport function AccountsList({ accounts }) {\n return (\n

Your Connected Accounts

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

\n No connected accounts yet. Connect an app above to get started.\n

\n )\n : (\n

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

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

\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 \n ))}\n \n )}\n

\n );\n}",[],[89,112,151],["D",1751039570946],[160,161,162],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":46,"_47":48,"_49":169,"_17":51,"_52":53,"_54":71,"_56":57,"_58":-5,"_85":170,"_18":171},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":46,"_47":48,"_49":166,"_17":51,"_52":64,"_54":65,"_56":57,"_58":-5,"_85":167,"_18":168},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":163,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_85":164,"_18":165},["D",1751039570946],[],[19,38],["D",1751039570946],[],[19,61],["D",1751039570946],[],[19,68],"c7a8ccc8-536e-11f0-a449-f69ea79377d9",["D",1751039570946],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","bb6baf70-536e-11f0-a02f-19c35c5b57af","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","5317ff6f-52f7-43ad-b87e-6a8c85195957","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_224":220},"org",{"_11":12,"_218":-5,"_219":220,"_181":182,"_221":222,"_223":57},"branch",{"_17":46,"_13":16,"_36":44,"_210":172,"_211":-5,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":14,"_217":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yejY3Q2ZuVVhuMWEyZUJSOERoenE0Nm9xV2kifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":172,"_13":14,"_49":303,"_174":-5,"_175":57,"_176":177,"_178":177,"_179":-5,"_180":-5,"_181":182,"_183":62,"_184":48,"_185":48,"_186":-5,"_187":51,"_188":189,"_190":-5,"_191":-5,"_192":-5,"_193":-5,"_194":195,"_196":195,"_197":198,"_199":198,"_200":198,"_201":195,"_202":195,"_203":304,"_205":305,"_207":306,"_209":57},[261,265,274],"files",[261,262,263,264,265,266,267,268,269,270,271,272,273,274],"counts",{"_251":51,"_252":46,"_253":51,"_32":254,"_255":256},[245,246,247],{"_36":73,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":74,"_17":51,"_52":75,"_54":-5,"_56":57,"_58":-5,"_18":244},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":46,"_47":48,"_49":70,"_17":51,"_52":53,"_54":71,"_56":57,"_58":-5,"_18":250},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":46,"_47":48,"_49":63,"_17":51,"_52":64,"_54":65,"_56":57,"_58":-5,"_18":249},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":248},[19,38],[19,61],[19,68],"pulls","branches","forks",{"_257":259,"_260":259},"connections",{"_257":51,"_258":51},"count","unfilledCount",4,"emptyCount",{"_36":73,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":157,"_17":51,"_52":75,"_54":-5,"_56":57,"_58":-5,"_85":301,"_18":302},{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":46,"_47":48,"_49":169,"_17":51,"_52":53,"_54":71,"_56":57,"_58":-5,"_85":299,"_18":300},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":46,"_47":48,"_49":166,"_17":51,"_52":64,"_54":65,"_56":57,"_58":-5,"_85":297,"_18":298},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":163,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_85":295,"_18":296},{"_36":88,"_13":89,"_39":90,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":91,"_17":51,"_52":75,"_54":-5,"_56":57,"_58":-5,"_85":293,"_18":294},{"_36":111,"_13":112,"_39":113,"_41":90,"_43":44,"_45":46,"_47":48,"_49":114,"_17":51,"_52":75,"_54":-5,"_56":57,"_58":-5,"_85":291,"_18":292},{"_36":150,"_13":151,"_39":152,"_41":113,"_43":44,"_45":46,"_47":48,"_49":153,"_17":51,"_52":53,"_54":154,"_56":57,"_58":-5,"_85":289,"_18":290},{"_36":143,"_13":144,"_39":145,"_41":113,"_43":44,"_45":46,"_47":48,"_49":146,"_17":51,"_52":53,"_54":147,"_56":57,"_58":-5,"_85":287,"_18":288},{"_36":136,"_13":137,"_39":138,"_41":113,"_43":44,"_45":46,"_47":48,"_49":139,"_17":51,"_52":53,"_54":140,"_56":57,"_58":-5,"_85":285,"_18":286},{"_36":129,"_13":130,"_39":131,"_41":113,"_43":44,"_45":46,"_47":48,"_49":132,"_17":51,"_52":53,"_54":133,"_56":57,"_58":-5,"_85":283,"_18":284},{"_36":122,"_13":123,"_39":124,"_41":113,"_43":44,"_45":46,"_47":48,"_49":125,"_17":51,"_52":53,"_54":126,"_56":57,"_58":-5,"_85":281,"_18":282},{"_36":104,"_13":105,"_39":106,"_41":90,"_43":44,"_45":46,"_47":48,"_49":107,"_17":51,"_52":24,"_54":108,"_56":57,"_58":-5,"_85":279,"_18":280},{"_36":97,"_13":98,"_39":99,"_41":90,"_43":44,"_45":46,"_47":48,"_49":100,"_17":51,"_52":53,"_54":101,"_56":57,"_58":-5,"_85":277,"_18":278},{"_36":80,"_13":81,"_39":82,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":83,"_17":51,"_52":24,"_54":84,"_56":57,"_58":-5,"_85":275,"_18":276},[],[81],[],[89,98],[],[89,105],[],[89,112,123],[],[89,112,130],[],[89,112,137],[],[89,112,144],[],[89,112,151],[267,268,269,270,271],[89,112],[266,272,273],[89],[],[19,38],[],[19,61],[],[19,68],[262,263,264],[19],["D",1751039570946],{"_11":12,"_224":220},{"_11":12,"_218":-5,"_219":220,"_181":182,"_221":222,"_223":57},{"_17":46,"_13":16,"_36":44,"_210":172,"_211":-5,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":14,"_217":12},"ctx",{"_203":-5,"_241":340,"_341":342,"_343":344,"_345":57,"_346":57,"_347":57,"_348":48,"_349":-5,"_350":-7,"_351":-7,"_352":51,"_353":57,"_354":57,"_355":-5,"_356":57,"_357":57,"_358":57,"_359":-5},"ENV",{"_311":312,"_313":314,"_315":16,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]