[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":49,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","42db3672-2798-11f0-9d52-569c3dd06744","name","fileType","http","content","// Initialize Airtable configuration\nconst airtableApiKey = Deno.env.get(\"AIRTABLE_API_KEY\");\nconst baseId = Deno.env.get(\"AIRTABLE_BASE_ID\");\nconst tableName = Deno.env.get(\"AIRTABLE_TABLE_NAME\");\n\nif (!airtableApiKey || !baseId || !tableName) {\n throw new Error(\"Missing Airtable environment variables\");\n}\n\nasync function fetchAirtableData() {\n const url = `https://api.airtable.com/v0/${baseId}/${tableName}`;\n const response = await fetch(url, {\n headers: {\n Authorization: `Bearer ${airtableApiKey}`,\n },\n });\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const data = await response.json();\n return data.records;\n}\n\nexport default async function server(req: Request): Promise {\n if (req.method !== \"GET\") {\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n try {\n const records = await fetchAirtableData();\n const data = records.map((record) => ({\n id: record.id,\n fields: record.fields,\n }));\n\n return new Response(JSON.stringify(data), {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\", // Allow CORS for Framer\n },\n });\n } catch (error) {\n console.error(\"Error fetching Airtable data:\", error);\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n}\n\n// Add a simple HTML page with API information\nconst html = `\n\n\n\n \n \n Airtable API Endpoint\n \n\n\n

Airtable API Endpoint

This endpoint fetches data from an Airtable base and returns it as JSON.

To use this endpoint in Framer, make a GET request to: ${import.meta.url}

The response will be an array of objects, each containing an id and fields property.

View source: Val Town Source

\n\n\n`;\n\n// Serve HTML for browser requests\nif (typeof document !== \"undefined\") {\n document.body.innerHTML = html;\n}","// Initialize Airtable configuration\nconst airtableApiKey = Deno.env.get(\"AIRTABLE_API_KEY\");\nconst baseId = Deno.env.get(\"AIRTABLE_BASE_ID\");\nconst tableName = Deno.env.get(\"AIRTABLE_TABLE_NAME\");\n\nasync function fetchAirtableData() {\n if (!airtableApiKey || !baseId || !tableName) {\n throw new Error(\"Missing Airtable environment variables\");\n }\n\n const url = `https://api.airtable.com/v0/${baseId}/${tableName}`;\n const response = await fetch(url, {\n headers: {\n Authorization: `Bearer ${airtableApiKey}`,\n },\n });\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const data = await response.json();\n return data.records;\n}\n\nexport default async function server(req: Request): Promise {\n if (req.method !== \"GET\") {\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n try {\n const records = await fetchAirtableData();\n const data = records.map((record) => ({\n id: record.id,\n fields: record.fields,\n }));\n\n return new Response(JSON.stringify(data), {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\", // Allow CORS for Framer\n },\n });\n } catch (error) {\n console.error(\"Error fetching Airtable data:\", error);\n if (error.message === \"Missing Airtable environment variables\") {\n return new Response(setupInstructions, {\n status: 500,\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n}\n\n// HTML for setup instructions\nconst setupInstructions = `\n\n\n\n \n \n Airtable API Setup Instructions\n \n\n\n

Airtable API Setup Instructions

To use this Airtable API endpoint, you need to set up the following environment variables in Val Town:

AIRTABLE_API_KEY: Your Airtable API key
AIRTABLE_BASE_ID: The ID of your Airtable base
AIRTABLE_TABLE_NAME: The name of the table you want to fetch data from

Follow these steps to set up the environment variables:

Go to your Val Town dashboard
Click on \"Settings\" in the left sidebar
Scroll down to the \"Environment Variables\" section
Add each of the required variables with their corresponding values
Save your changes

Once you've set up the environment variables, refresh this page to see your Airtable data.

View source: Val Town Source

\n\n\n`;\n\n// Serve HTML for browser requests\nif (typeof document !== \"undefined\") {\n document.body.innerHTML = setupInstructions;\n}","createdAt",["D",1727942174637],"branchVersion","branchId","42d90668-2798-11f0-9d52-569c3dd06744","id","42d8c4b4-2798-11f0-9d52-569c3dd06744","getAirtableDataAPI",["D",1746219535848],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","b3247e77-1767-4af3-872c-c1a12e4145c4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d0d378d4-baaf-4220-ad0f-65aff07bd5e5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","stnkvcs","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybXYwUWxRYjBkN3FIbHd6YldCeE5kS1FCRnYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"42ebe9c2-2798-11f0-9d52-569c3dd06744","parentId","latest",["D",1727942174637],4,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1727942174637],"children",[],[28],["D",1746219535848],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":49,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","9e167d8120a57de5d747867e0b686da51bcc19a4","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 · v5