🎨 Weather Art

\n\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}",[150],"8c138324-3a95-11f1-b447-42b51c65c3df","cron.ts","41ed1acc-3a8a-11f1-a162-42b51c65c3df",16,["D",1776454939962],2,"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 defaults here\nconst DEFAULT_LAT = 40.7128;\nconst DEFAULT_LON = -74.006;\nconst DEFAULT_LOCATION = \"New York\";\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(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, imageUrl: DEFAULT_BASE_IMAGE, strength: 0.7 });\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",[158],"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",[167],"2a9b8a2a-3a8a-11f1-a162-42b51c65c3df","shared","bc1fb6c1-dfd1-45ff-82e2-881df219f79f",1,["D",1776450051976],"directory",[174],"pulls","branches","forks","envVars",{"_187":176,"_189":61},"connections",{"_187":61,"_188":61},"count","unfilledCount","emptyCount",{"_41":173,"_31":174,"_29":175,"_132":-5,"_39":40,"_38":176,"_133":57,"_36":244,"_13":61,"_32":178,"_34":-5,"_23":24,"_135":-5,"_201":245,"_26":246},{"_41":235,"_31":236,"_29":237,"_132":175,"_39":40,"_38":238,"_133":24,"_36":239,"_13":240,"_32":33,"_34":241,"_23":24,"_135":-5,"_201":242,"_26":243},{"_41":226,"_31":227,"_29":228,"_132":175,"_39":40,"_38":229,"_133":24,"_36":230,"_13":231,"_32":33,"_34":232,"_23":24,"_135":-5,"_201":233,"_26":234},{"_41":219,"_31":220,"_29":221,"_132":175,"_39":40,"_38":176,"_133":57,"_36":222,"_13":61,"_32":33,"_34":223,"_23":24,"_135":-5,"_201":224,"_26":225},{"_41":166,"_31":167,"_29":168,"_132":-5,"_39":40,"_38":169,"_133":57,"_36":216,"_13":61,"_32":20,"_34":171,"_23":24,"_135":-5,"_201":217,"_26":218},{"_41":157,"_31":158,"_29":159,"_132":-5,"_39":40,"_38":160,"_133":57,"_36":213,"_13":162,"_32":163,"_34":164,"_23":24,"_135":-5,"_201":214,"_26":215},{"_41":149,"_31":150,"_29":55,"_132":-5,"_39":40,"_38":151,"_133":24,"_36":210,"_13":153,"_32":154,"_34":155,"_23":24,"_135":-5,"_201":211,"_26":212},{"_41":143,"_31":144,"_29":145,"_132":-5,"_39":40,"_38":146,"_133":57,"_36":207,"_13":61,"_32":33,"_34":35,"_23":24,"_135":-5,"_201":208,"_26":209},{"_41":137,"_31":138,"_29":139,"_132":-5,"_39":40,"_38":140,"_133":57,"_36":204,"_13":61,"_32":33,"_34":35,"_23":24,"_135":-5,"_201":205,"_26":206},{"_41":131,"_31":27,"_29":30,"_132":-5,"_39":40,"_38":14,"_133":57,"_36":200,"_13":61,"_32":33,"_34":35,"_23":24,"_135":-5,"_201":202,"_26":203},["D",1776729110811],"children",[],[27],["D",1776727857669],[],[138],["D",1776727857040],[],[144],["D",1776457556103],[],[150],["D",1776454939962],[],[158],["D",1776450102868],[],[167],"2a9b5f14-3a8a-11f1-a162-42b51c65c3df","weather.ts","2a9b5fc8-3a8a-11f1-a162-42b51c65c3df",["D",1776450051976],"// 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",[],[174,220],"8ed366da-3d0e-11f1-bbb6-42b51c65c3df","replicate.ts","361ce43e-3a8a-11f1-a162-42b51c65c3df",29,["D",1776726816000],7,"// 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.35 } = 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 \"Bottalack Mine on the north Cornish coast. 3 masted ship in middle distance. Evelyn DeMorgan heavily stylized ceramic tile style. No rainbow.\",\n negative_prompt:\n \"blurry, low quality, distorted, text, watermark, logo\",\n width: 1024,\n height: 1024,\n aspect_ratio: \"1:1\",\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}",[],[174,227],"c11b4104-3d12-11f1-b60f-42b51c65c3df","prompt.ts","3033cb5a-3a8a-11f1-96c1-42b51c65c3df",34,["D",1776728618345],5,"// 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 \"Bottalack Mine on the north Cornish coast. Very rocky coastline. Horizon 1/3 from the top. Composition like image 1 but without the rainbow. Add a single 3-masted ship in middle distance. Visual style is like a detailed Alma Tadema ceramic tile but with greater detail. Use only one glazed ceramic tile like image 2. Use the same level as in image 3. Copy the graphic style and outlining style from image 3 but with much finer detail and color shading. Ignore the weather, colour, tone and waves of image 2 and 3. Sharp, crisp, detailed, low relief/impasto. Glossy reflection from raised details. Only one (1) tile. No grid. No tessellation, mosaic or tiling of multiple tiles. Whole image on one single tile only. No border. No frame. No rainbow. No trees. No embellishments. No accents. Front edge of the incoming waves below bottom of the frame. No shoreline. No beach. The ship is 1/3 from the left edge. The single tile has filleted edges rather than chamfered sides. Only a single tile so no joins between tiles.\",\n\n \"Glow from the sun below the horizon still vaguely visible. Ominous sky suggesting bad weather coming tomorrow.\",\n\n \"${time}, ${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}",[],[174,236],["D",1776450051976],[191,192,193],[174],["D",1776450037548],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_121":284,"_285":286,"_287":288,"_289":24,"_290":24,"_291":24,"_292":57,"_293":-5,"_294":-7,"_295":-7,"_296":61,"_297":24,"_298":24,"_299":-5,"_300":24,"_301":24,"_302":24,"_303":-5},"ENV",{"_255":256,"_257":258,"_259":85,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v35