[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_188":189,"_190":191},"routes/_app.x.$handle.$name",{"_105":104,"_38":51,"_112":95,"_33":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":31,"_127":128,"_129":64,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":31},"version",6,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","3c08cbba-5b13-4231-aa03-07cb1af09540","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","5b8a1030-4fab-11f1-8892-ee650bb23af1","name","fileType","http","content","import { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst HUBSPOT_TOKEN = Deno.env.get(\"TOKEN\") || \"\";\n\nasync function fetchContacts() {\n if (!HUBSPOT_TOKEN) return null;\n\n const res = await fetch(\n \"https://api.hubapi.com/crm/v3/objects/contacts?limit=100&properties=firstname,lastname,email,phone,company,lifecyclestage,createdate\",\n { headers: { Authorization: `Bearer ${HUBSPOT_TOKEN}`, \"Content-Type\": \"application/json\" } },\n );\n\n if (!res.ok) {\n const err = await res.text();\n throw new Error(`HubSpot API error (${res.status}): ${err}`);\n }\n return res.json();\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/source\") {\n return new Response(null, { status: 302, headers: { Location: parseVal().links.self.val } });\n }\n\n if (url.pathname === \"/api/contacts\") {\n try {\n const data = await fetchContacts();\n if (!data) return Response.json({ error: \"no_token\" }, { status: 401 });\n return Response.json(data);\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 500 });\n }\n }\n\n const hasToken = !!HUBSPOT_TOKEN;\n\n return new Response(\n `\n\n\n \n \n HubSpot Contacts\n \n \n\n\n

\n \n

HubSpot Contacts

\n \n \n View Source\n \n

\n\n ${!hasToken ? `\n

Setup Required

Add your HubSpot access token as an environment variable to get started:

Go to your HubSpot account → Settings → Integrations → Private Apps
Create a private app with crm.objects.contacts.read scope
Copy the access token
In Val Town, open this val and click the Environment Variables tab
Add HUBSPOT_ACCESS_TOKEN with your token

` : \"\"}\n\n

\n \n

Loading contacts...

\n\n

Total Contacts

With Email

With Phone

\n\n

\n \n \n \n \n \n \n \n \n \n \n \n \n

Name	Email	Phone	Company	Stage	Created

\n\n \n \n\n`,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}\n","import { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { fetchContacts, fetchDeals, fetchCompanies, hasToken } from \"./hubspot.ts\";\n\nasync function handleApiRequest(fetcher: () => Promise) {\n try {\n const data = await fetcher();\n if (!data) return Response.json({ error: \"no_token\" }, { status: 401 });\n return Response.json(data);\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 500 });\n }\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/source\") {\n return new Response(null, { status: 302, headers: { Location: parseVal().links.self.val } });\n }\n\n if (url.pathname === \"/api/contacts\") return handleApiRequest(fetchContacts);\n if (url.pathname === \"/api/deals\") return handleApiRequest(fetchDeals);\n if (url.pathname === \"/api/companies\") return handleApiRequest(fetchCompanies);\n\n return serveFile(\"./dashboard.html\", import.meta.url);\n}\n","createdAt",["D",1779904377031],"branchVersion","branchId","481c08c8-4fab-11f1-9071-ee650bb23af1","id","481af848-4fab-11f1-9071-ee650bb23af1","hubspot-contacts",["D",1778773249291],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Fetch contact data from HubSpot CRM API","imageUrl","a58966ba-89a6-41e5-8c5d-c73d15b83829","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e2723-57b6-71d5-8cf7-776717003ade","tursoName","481af8484fab11f19071ee650bb23af1","tursoHostname","481af8484fab11f19071ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789509672838],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_111":-5},"org",{"_105":104,"_106":104,"_107":-5,"_19":-5,"_108":109,"_110":31},"branch",{"_13":94,"_38":95,"_49":48,"_96":50,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":51,"_103":104},"isOwned",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","QBench","handle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":183,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":184,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":185,"_89":186,"_91":187,"_93":31},"tree",[170,171,172],"files",[170,171,172],"counts",{"_159":68,"_160":161,"_162":68,"_163":164,"_165":166},"contents",[134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":152,"_38":153,"_36":154,"_138":-5,"_47":48,"_46":155,"_139":31,"_44":156,"_13":68,"_39":26,"_41":157,"_30":31,"_142":-5,"_33":158},{"_49":144,"_38":145,"_36":146,"_138":-5,"_47":48,"_46":147,"_139":64,"_44":148,"_13":68,"_39":149,"_41":150,"_30":31,"_142":-5,"_33":151},{"_49":137,"_38":34,"_36":37,"_138":-5,"_47":48,"_46":14,"_139":31,"_44":140,"_13":141,"_39":40,"_41":43,"_30":31,"_142":-5,"_33":143},"e4ca38f4-59f4-11f1-ba23-ee650bb23af1","parentId","latest",["D",1779904377031],3,"label",[34],"cc95e79c-59f4-11f1-b759-ee650bb23af1","hubspot.ts","cc95e850-59f4-11f1-b759-ee650bb23af1",4,["D",1779904336432],"script","const TOKEN = Deno.env.get(\"TOKEN\") || \"\";\n\nconst HEADERS = {\n Authorization: `Bearer ${TOKEN}`,\n \"Content-Type\": \"application/json\",\n};\n\nexport function hasToken() {\n return !!TOKEN;\n}\n\nasync function fetchObjects(objectType: string, properties: string[], limit = 100) {\n if (!TOKEN) return null;\n const props = properties.join(\",\");\n const res = await fetch(\n `https://api.hubapi.com/crm/v3/objects/${objectType}?limit=${limit}&properties=${props}`,\n { headers: HEADERS },\n );\n if (!res.ok) {\n const err = await res.text();\n throw new Error(`HubSpot API error (${res.status}): ${err}`);\n }\n return res.json();\n}\n\nexport function fetchContacts() {\n return fetchObjects(\"contacts\", [\n \"firstname\", \"lastname\", \"email\", \"phone\", \"company\", \"lifecyclestage\", \"createdate\",\n ]);\n}\n\nexport function fetchDeals() {\n return fetchObjects(\"deals\", [\n \"dealname\", \"amount\", \"dealstage\", \"pipeline\", \"closedate\", \"createdate\", \"hubspot_owner_id\",\n ]);\n}\n\nexport function fetchCompanies() {\n return fetchObjects(\"companies\", [\n \"name\", \"domain\", \"industry\", \"numberofemployees\", \"city\", \"state\", \"country\", \"createdate\",\n ]);\n}\n",[145],"dfdbe1c6-59f4-11f1-ba23-ee650bb23af1","dashboard.html","dfdbe284-59f4-11f1-ba23-ee650bb23af1",5,["D",1779904368769],"\n\n\n \n \n HubSpot CRM Dashboard\n \n \n\n\n

\n\n \n

\n \n

HubSpot CRM Dashboard

\n \n \n View Source\n \n

\n\n \n

\n \n \n \n

\n\n \n

\n \n

Loading data...

\n\n \n

\n \n \n \n

\n\n \n \n\n\n",[153],"pulls","branches",1,"forks","envVars",{"_167":161,"_169":68},"connections",{"_167":68,"_168":68},"count","unfilledCount","emptyCount",{"_49":152,"_38":153,"_36":154,"_138":-5,"_47":48,"_46":155,"_139":31,"_44":180,"_13":68,"_39":26,"_41":157,"_30":31,"_142":-5,"_174":181,"_33":182},{"_49":144,"_38":145,"_36":146,"_138":-5,"_47":48,"_46":147,"_139":64,"_44":177,"_13":68,"_39":149,"_41":150,"_30":31,"_142":-5,"_174":178,"_33":179},{"_49":137,"_38":34,"_36":37,"_138":-5,"_47":48,"_46":14,"_139":31,"_44":173,"_13":141,"_39":40,"_41":43,"_30":31,"_142":-5,"_174":175,"_33":176},["D",1779904377031],"children",[],[34],["D",1779904336432],[],[145],["D",1779904368769],[],[153],["D",1778773249291],["D",1789509672838],{"_105":104,"_111":-5},{"_105":104,"_106":104,"_107":-5,"_19":-5,"_108":109,"_110":31},{"_13":94,"_38":95,"_49":48,"_96":50,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":51,"_103":104},"ctx",{"_87":-5,"_131":221,"_222":223,"_224":225,"_226":31,"_227":31,"_228":31,"_229":64,"_230":-5,"_231":-7,"_232":-7,"_233":68,"_234":31,"_235":31,"_236":-5,"_237":31,"_238":31,"_239":31,"_240":-5},"ENV",{"_192":193,"_194":195,"_196":95,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220},"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 · v6