[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_224":225,"_226":227},"routes/_app.x.$handle.$name",{"_102":101,"_38":51,"_110":92,"_33":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":31,"_125":126,"_127":64,"_128":-5,"_129":-5,"_130":131},"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":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":31},"version",14,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","74f8331f-932f-4087-a320-9dcd21b92822","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","3e8813a0-3a8a-11f1-b28c-42b51c65c3df","name","fileType","http","content","import { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { fetchWeather } from \"./shared/weather.ts\";\nimport { buildPrompt } from \"./shared/prompt.ts\";\nimport { generateImage } from \"./shared/replicate.ts\";\n\nconst DEFAULT_BASE_IMAGE =\n \"https://www.ancient-origins.net/sites/default/files/styles/article_image/public/field/image/Botallack-Mine.jpg\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // GET /source → redirect to val source\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n // Parse query params for location\n const lat = parseFloat(url.searchParams.get(\"lat\") ?? \"0.7128\");\n const lon = parseFloat(url.searchParams.get(\"lon\") ?? \"51.006\");\n const location = url.searchParams.get(\"location\") ?? \"London\";\n const format = url.searchParams.get(\"format\") ?? \"html\"; // json | html\n const baseImage = url.searchParams.get(\"image\") ?? DEFAULT_BASE_IMAGE;\n const strength = parseFloat(url.searchParams.get(\"strength\") ?? \"0.7\");\n\n try {\n // 1. Fetch weather\n const weather = await fetchWeather(lat, lon, location);\n\n // 2. Build prompt\n const prompt = buildPrompt(weather);\n\n // 3. Generate image via Replicate\n const imageUrl = await generateImage(prompt);\n\n // Return based on format\n if (format === \"html\") {\n return new Response(\n `\n\n\n Weather Art — ${weather.locationName}\n \n \n\n\n

🎨 Weather Art

${weather.locationName} — ${weather.temperature}°C, ${\n weather.isDay ? \"Day\" : \"Night\"\n }

\"${prompt}\"

\n $\"AI$ \n

\n Full image\n View source\n

🎨 Weather Art

${weather.locationName} — ${weather.temperature}°C, ${\n weather.isDay ? \"Day\" : \"Night\"\n }

\"${prompt}\"

\n $\"AI$ \n

\n Full image\n View source\n

\n\n`,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n }\n\n // Default: JSON\n return Response.json({\n success: true,\n location: weather.locationName,\n weather: {\n temperature: weather.temperature,\n humidity: weather.humidity,\n windSpeed: weather.windSpeed,\n cloudCover: weather.cloudCover,\n precipitation: weather.precipitation,\n isDay: weather.isDay,\n weatherCode: weather.weatherCode,\n },\n prompt,\n imageUrl,\n });\n } catch (err: any) {\n console.error(\"Error:\", err);\n const status = err.message?.includes(\"Missing REPLICATE_API_TOKEN\")\n ? 500\n : 502;\n return Response.json({ success: false, error: err.message }, { status });\n }\n}","createdAt",["D",1776454930026],"branchVersion","branchId","22005850-3a8a-11f1-96c1-42b51c65c3df","id","21ffe1b8-3a8a-11f1-96c1-42b51c65c3df","weather-art",["D",1776450037548],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Weather data → AI-generated art via Open-Meteo + Replicate","imageUrl","cdbd7da4-1cbc-46ec-a950-e618934575c6","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d9ca9-4b10-7284-9562-f51f900937c7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_19":61,"_106":107,"_108":31},"branch",{"_13":91,"_38":92,"_49":48,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"isOwned",39,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jethroNull","handle","displayName","avatar","https://avatars.githubusercontent.com/u/9500706?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":220,"_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":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":221,"_86":222,"_88":223,"_90":31},"tree",[175,179,180,181],"files",[175,176,177,178,179,180,181],"counts",{"_165":68,"_166":161,"_167":68,"_168":169,"_170":171},"contents",[132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":158,"_38":159,"_36":160,"_137":-5,"_47":48,"_46":161,"_138":64,"_44":162,"_13":68,"_39":163,"_41":-5,"_30":31,"_141":-5,"_33":164},{"_49":151,"_38":152,"_36":153,"_137":-5,"_47":48,"_46":154,"_138":64,"_44":155,"_13":68,"_39":26,"_41":156,"_30":31,"_141":-5,"_33":157},{"_49":143,"_38":144,"_36":145,"_137":-5,"_47":48,"_46":146,"_138":31,"_44":147,"_13":68,"_39":148,"_41":149,"_30":31,"_141":-5,"_33":150},{"_49":136,"_38":34,"_36":37,"_137":-5,"_47":48,"_46":14,"_138":31,"_44":139,"_13":140,"_39":40,"_41":43,"_30":31,"_141":-5,"_33":142},"862799d2-3a95-11f1-b200-42b51c65c3df","parentId","latest",["D",1776454930026],4,"label",[34],"41ed1a36-3a8a-11f1-a162-42b51c65c3df","cron.ts","41ed1acc-3a8a-11f1-a162-42b51c65c3df",5,["D",1776450091108],"interval","// Runs periodically to generate weather art and store the latest result\n// Configure the interval in the Val Town UI (e.g. every 6 hours)\n\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { fetchWeather } from \"./shared/weather.ts\";\nimport { buildPrompt } from \"./shared/prompt.ts\";\nimport { generateImage } from \"./shared/replicate.ts\";\n\n// Configure your default location here\nconst DEFAULT_LAT = 40.7128;\nconst DEFAULT_LON = -74.006;\nconst DEFAULT_LOCATION = \"New York\";\n\nexport default async function(interval: Interval) {\n console.log(`⏰ Cron triggered. Last run: ${interval.lastRunAt ?? \"never\"}`);\n\n const weather = await fetchWeather(DEFAULT_LAT, DEFAULT_LON, DEFAULT_LOCATION);\n const prompt = buildPrompt(weather);\n const imageUrl = await generateImage(prompt);\n\n const result = {\n generatedAt: new Date().toISOString(),\n location: DEFAULT_LOCATION,\n weather,\n prompt,\n imageUrl,\n };\n\n // Store latest result in blob storage for retrieval\n await blob.setJSON(\"weather-art-latest\", result);\n console.log(`✅ Generated weather art: ${imageUrl}`);\n\n return result;\n}\n",[144],"48f0cae4-3a8a-11f1-b28c-42b51c65c3df","README.md","48f0cbac-3a8a-11f1-b28c-42b51c65c3df",6,["D",1776450102868],"# 🎨 Weather Art\n\nFetches real-time weather data and generates AI art that visualizes current conditions.\n\n## How it works\n\n```mermaid\ngraph LR\n A[HTTP Request or Cron] --> B[Open-Meteo API]\n B --> C[Build Image Prompt]\n C --> D[Replicate SDXL]\n D --> E[Return Image URL]\n```\n\n1. **Weather** — Fetches current conditions from [Open-Meteo](https://open-meteo.com) (free, no key needed)\n2. **Prompt** — Converts temperature, wind, clouds, precipitation, and time-of-day into a vivid scene description\n3. **Image** — Sends the prompt to [Replicate](https://replicate.com) (Stable Diffusion XL) to generate art\n4. **Response** — Returns the image URL as JSON or a rendered HTML page\n\n## Setup\n\n1. Get a Replicate API token at https://replicate.com/account/api-tokens\n2. Add it as an environment variable: `REPLICATE_API_TOKEN`\n\n## HTTP API\n\n**Endpoint:** `GET /`\n\n| Param | Default | Description |\n|-------|---------|-------------|\n| `lat` | `40.7128` | Latitude |\n| `lon` | `-74.006` | Longitude |\n| `location` | `New York` | Location name (used in prompt) |\n| `format` | `json` | `json` or `html` |\n\n### Examples\n\n```\n# JSON response (default)\nGET /?location=Tokyo&lat=35.6762&lon=139.6503\n\n# HTML page with rendered image\nGET /?location=Paris&lat=48.8566&lon=2.3522&format=html\n```\n\n## Cron\n\n`cron.ts` runs on a schedule (configure in Val Town UI) and stores the latest result in blob storage under the key `weather-art-latest`.\n\n## Files\n\n- `main.ts` — HTTP handler (entrypoint)\n- `cron.ts` — Interval/cron handler\n- `shared/weather.ts` — Open-Meteo API client\n- `shared/prompt.ts` — Weather → image prompt builder\n- `shared/replicate.ts` — Replicate SDXL client\n",[152],"2a9b8a2a-3a8a-11f1-a162-42b51c65c3df","shared","bc1fb6c1-dfd1-45ff-82e2-881df219f79f",1,["D",1776450051976],"directory",[159],"pulls","branches","forks","envVars",{"_172":161,"_174":68},"connections",{"_172":68,"_173":68},"count","unfilledCount","emptyCount",{"_49":158,"_38":159,"_36":160,"_137":-5,"_47":48,"_46":161,"_138":64,"_44":217,"_13":68,"_39":163,"_41":-5,"_30":31,"_141":-5,"_183":218,"_33":219},{"_49":209,"_38":210,"_36":211,"_137":160,"_47":48,"_46":212,"_138":31,"_44":213,"_13":161,"_39":196,"_41":214,"_30":31,"_141":-5,"_183":215,"_33":216},{"_49":200,"_38":201,"_36":202,"_137":160,"_47":48,"_46":203,"_138":31,"_44":204,"_13":205,"_39":196,"_41":206,"_30":31,"_141":-5,"_183":207,"_33":208},{"_49":192,"_38":193,"_36":194,"_137":160,"_47":48,"_46":161,"_138":64,"_44":195,"_13":68,"_39":196,"_41":197,"_30":31,"_141":-5,"_183":198,"_33":199},{"_49":151,"_38":152,"_36":153,"_137":-5,"_47":48,"_46":154,"_138":64,"_44":189,"_13":68,"_39":26,"_41":156,"_30":31,"_141":-5,"_183":190,"_33":191},{"_49":143,"_38":144,"_36":145,"_137":-5,"_47":48,"_46":146,"_138":31,"_44":186,"_13":68,"_39":148,"_41":149,"_30":31,"_141":-5,"_183":187,"_33":188},{"_49":136,"_38":34,"_36":37,"_137":-5,"_47":48,"_46":14,"_138":31,"_44":182,"_13":140,"_39":40,"_41":43,"_30":31,"_141":-5,"_183":184,"_33":185},["D",1776454930026],"children",[],[34],["D",1776450091108],[],[144],["D",1776450102868],[],[152],"2a9b5f14-3a8a-11f1-a162-42b51c65c3df","weather.ts","2a9b5fc8-3a8a-11f1-a162-42b51c65c3df",["D",1776450051976],"script","// Fetches current weather from Open-Meteo (free, no API key needed)\n\nexport interface WeatherData {\n temperature: number; // °C\n windSpeed: number; // km/h\n humidity: number; // %\n weatherCode: number;\n isDay: boolean;\n cloudCover: number; // %\n precipitation: number; // mm\n latitude: number;\n longitude: number;\n locationName: string;\n}\n\n// WMO Weather interpretation codes → human descriptions\nconst WEATHER_CODES: Record = {\n 0: \"clear sky\",\n 1: \"mainly clear\",\n 2: \"partly cloudy\",\n 3: \"overcast\",\n 45: \"foggy\",\n 48: \"depositing rime fog\",\n 51: \"light drizzle\",\n 53: \"moderate drizzle\",\n 55: \"dense drizzle\",\n 56: \"light freezing drizzle\",\n 57: \"dense freezing drizzle\",\n 61: \"slight rain\",\n 63: \"moderate rain\",\n 65: \"heavy rain\",\n 66: \"light freezing rain\",\n 67: \"heavy freezing rain\",\n 71: \"slight snowfall\",\n 73: \"moderate snowfall\",\n 75: \"heavy snowfall\",\n 77: \"snow grains\",\n 80: \"slight rain showers\",\n 81: \"moderate rain showers\",\n 82: \"violent rain showers\",\n 85: \"slight snow showers\",\n 86: \"heavy snow showers\",\n 95: \"thunderstorm\",\n 96: \"thunderstorm with slight hail\",\n 99: \"thunderstorm with heavy hail\",\n};\n\nexport function describeWeatherCode(code: number): string {\n return WEATHER_CODES[code] ?? \"unknown conditions\";\n}\n\nexport async function fetchWeather(\n lat: number = 40.7128,\n lon: number = -74.006,\n locationName: string = \"New York\",\n): Promise {\n const url = new URL(\"https://api.open-meteo.com/v1/forecast\");\n url.searchParams.set(\"latitude\", lat.toString());\n url.searchParams.set(\"longitude\", lon.toString());\n url.searchParams.set(\n \"current\",\n \"temperature_2m,relative_humidity_2m,precipitation,weather_code,cloud_cover,wind_speed_10m,is_day\",\n );\n\n const res = await fetch(url.toString());\n if (!res.ok) throw new Error(`Open-Meteo API error: ${res.status}`);\n\n const data = await res.json();\n const c = data.current;\n\n return {\n temperature: c.temperature_2m,\n windSpeed: c.wind_speed_10m,\n humidity: c.relative_humidity_2m,\n weatherCode: c.weather_code,\n isDay: c.is_day === 1,\n cloudCover: c.cloud_cover,\n precipitation: c.precipitation,\n latitude: lat,\n longitude: lon,\n locationName,\n };\n}\n",[],[159,193],"7e1cc802-3a95-11f1-88d6-42b51c65c3df","replicate.ts","361ce43e-3a8a-11f1-a162-42b51c65c3df",11,["D",1776454916509],3,"// Generates an image via Replicate API using SDXL\n\n//const REPLICATE_MODEL = \"stability-ai/sdxl:7762fd07cf82c948538e41f63f77d685e02b063e37e496e96eefd46c929f9bdc\";\nconst REPLICATE_MODEL =\n \"black-forest-labs/flux-2-pro:7762fd07cf82c948538e41f63f77d685e02b063e37e496e96eefd46c929f9bdc\";\n\nexport interface GenerateOptions {\n prompt: string;\n imageUrl?: string; // Base image for img2img\n strength?: number; // 0.0 = keep original, 1.0 = fully reimagine (default 0.7)\n}\n\nexport async function generateImage(opts: GenerateOptions): Promise {\n const { prompt, imageUrl, strength = 0.7 } = opts;\n const token = Deno.env.get(\"REPLICATE_API_TOKEN\");\n if (!token) {\n throw new Error(\n \"Missing REPLICATE_API_TOKEN environment variable. Get one at https://replicate.com/account/api-tokens\",\n );\n }\n\n // Create prediction\n const createRes = await fetch(\"https://api.replicate.com/v1/predictions\", {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n version: REPLICATE_MODEL.split(\":\")[1],\n input: {\n prompt,\n negative_prompt:\n \"blurry, low quality, distorted, text, watermark, logo\",\n width: 1024,\n height: 768,\n num_outputs: 1,\n scheduler: \"K_EULER\",\n num_inference_steps: 30,\n guidance_scale: 7.5,\n ...(imageUrl ? { image: imageUrl, prompt_strength: strength } : {}),\n },\n }),\n });\n\n if (!createRes.ok) {\n const err = await createRes.text();\n throw new Error(`Replicate create error (${createRes.status}): ${err}`);\n }\n\n let prediction = await createRes.json();\n\n // Poll until complete (max ~2 minutes)\n const maxAttempts = 60;\n for (let i = 0; i < maxAttempts; i++) {\n if (prediction.status === \"succeeded\") {\n const output = prediction.output;\n if (Array.isArray(output) && output.length > 0) return output[0];\n throw new Error(\"Prediction succeeded but no output URL found\");\n }\n if (prediction.status === \"failed\" || prediction.status === \"canceled\") {\n throw new Error(\n `Prediction ${prediction.status}: ${\n prediction.error || \"unknown error\"\n }`,\n );\n }\n\n // Wait 2 seconds between polls\n await new Promise((r) => setTimeout(r, 2000));\n\n const pollRes = await fetch(prediction.urls.get, {\n headers: { Authorization: `Bearer ${token}` },\n });\n if (!pollRes.ok) throw new Error(`Replicate poll error: ${pollRes.status}`);\n prediction = await pollRes.json();\n }\n\n throw new Error(\"Replicate prediction timed out after 2 minutes\");\n}",[],[159,201],"50bc17d8-3a94-11f1-827f-42b51c65c3df","prompt.ts","3033cb5a-3a8a-11f1-96c1-42b51c65c3df",9,["D",1776454410910],"// Converts weather data into a vivid image generation prompt\n\nimport { describeWeatherCode, type WeatherData } from \"./weather.ts\";\n\nfunction tempDescription(temp: number): string {\n if (temp <= -10) return \"bitterly cold, frost-covered\";\n if (temp <= 0) return \"freezing cold, icy\";\n if (temp <= 10) return \"chilly, cool-toned\";\n if (temp <= 20) return \"mild, pleasant\";\n if (temp <= 30) return \"warm, sun-drenched\";\n return \"scorching hot, heat-hazed\";\n}\n\nfunction windDescription(speed: number): string {\n if (speed < 5) return \"perfectly still air\";\n if (speed < 20) return \"a gentle breeze\";\n if (speed < 40) return \"a strong wind bending trees\";\n return \"a fierce gale with debris in the air\";\n}\n\nfunction timeOfDay(isDay: boolean): string {\n return isDay ? \"during the daytime\" : \"at nighttime under the sky\";\n}\n\nexport function buildPrompt(weather: WeatherData): string {\n const condition = describeWeatherCode(weather.weatherCode);\n const temp = tempDescription(weather.temperature);\n const wind = windDescription(weather.windSpeed);\n const time = timeOfDay(weather.isDay);\n\n const cloudDetail = weather.cloudCover > 70\n ? \"thick clouds blanket the sky\"\n : weather.cloudCover > 30\n ? \"scattered clouds drift across the sky\"\n : \"the sky is wide open and clear\";\n\n const prompt = [\n `A stunning landscape painting of ${weather.locationName} ${time},`,\n `${condition} weather, ${temp} atmosphere,`,\n `${wind}, ${cloudDetail}.`,\n weather.precipitation > 0 ? `Rain or snow falling visibly.` : \"\",\n `Temperature feels like ${weather.temperature}°C.`,\n ].filter(Boolean).join(\" \");\n\n return prompt;\n}",[],[159,210],["D",1776450051976],[176,177,178],[159],["D",1776450037548],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_19":61,"_106":107,"_108":31},{"_13":91,"_38":92,"_49":48,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"ctx",{"_84":-5,"_129":257,"_258":259,"_260":261,"_262":31,"_263":31,"_264":31,"_265":64,"_266":-5,"_267":-7,"_268":-7,"_269":68,"_270":31,"_271":31,"_272":-5,"_273":31,"_274":31,"_275":31,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":92,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v14