/*! hero-gradient.js: set window.SMEIRD before load (broker/creds/topics/coords/timers); requires mqtt.min.js global `mqtt` and hero-gradient.css; URL params hero_override=STATE (30m) & hero_debug=1. */ (function () { var win = window; var doc = document; if (!doc || typeof mqtt === 'undefined') return; var topics = { outside_temp: 'sensors/outside/temperature_c', wind_speed: 'sensors/wind/speed_kmh', barometer: 'sensors/weather/pressure_hpa', dew_point: 'sensors/outside/dewpoint_c', wind_chill: 'sensors/outside/windchill_c', rain_today: 'sensors/rain/today_mm', wind_gust: 'sensors/wind/gust_kmh', wind_dir: 'sensors/wind/dir_deg' }; var defaults = { brokerUrl: 'wss://mqtt.example.com:8083/mqtt', clientId: 'smeird-hero-' + Math.random().toString(16).slice(2), username: null, password: null, loopTopic: 'weather/loop', topics: topics, siteLat: 51.8117, siteLon: -0.2939, staleAfterMs: 600000, minDwellMs: 300000, evalIntervalMs: 60000 }; var user = win.SMEIRD || {}; var SMEIRD = win.SMEIRD = Object.assign({}, defaults, user); SMEIRD.topics = Object.assign({}, topics, user.topics || {}); var required = ['outside_temp', 'wind_speed', 'barometer', 'dew_point', 'wind_gust', 'rain_today']; var ranges = { outside_temp: [-60, 60], dew_point: [-60, 60], wind_speed: [0, 200], wind_gust: [0, 250], barometer: [800, 1100], wind_chill: [-80, 60], rain_today: [0, 2000] }; var severity = { stale: 9, storm: 8, 'heavy-rain': 7, rain: 6, snow: 5, fog: 4, windy: 3, hot: 2, cold: 2, 'clear-night': 1, overcast: 1 }; var vals = {}; var lastMsg = 0; var rainHist = []; var pressureHist = []; var currentState = null; var currentCause = null; var lastChange = 0; var overrideState = null; var overrideUntil = 0; var params = new URLSearchParams(win.location.search); var debugMode = params.get('hero_debug') === '1'; var panel = null; if (params.get('hero_override')) { setOverride(params.get('hero_override'), Date.now() + 1800000); } else { readOverride(); } if (debugMode) { panel = createPanel(); } var client = mqtt.connect(SMEIRD.brokerUrl, { clientId: SMEIRD.clientId, username: SMEIRD.username || undefined, password: SMEIRD.password || undefined, reconnectPeriod: 5000 }); client.on('connect', function () { if (SMEIRD.loopTopic) { client.subscribe(SMEIRD.loopTopic); } Object.keys(SMEIRD.topics).forEach(function (key) { if (SMEIRD.topics[key]) { client.subscribe(SMEIRD.topics[key]); } }); }); client.on('message', function (topic, payload) { if (SMEIRD.loopTopic && topic === SMEIRD.loopTopic) { if (applyLoopPayload(payload)) { lastMsg = Date.now(); if (debugMode) updatePanel(); evaluate(); } return; } var key = getKey(topic); if (!key) return; var val = parseNumber(key, payload); if (val === null) return; vals[key] = val; lastMsg = Date.now(); if (debugMode) updatePanel(); evaluate(); }); setInterval(evaluate, SMEIRD.evalIntervalMs); evaluate(); function getKey(topic) { for (var k in SMEIRD.topics) { if (SMEIRD.topics[k] === topic) return k; } return null; } function parseNumber(key, payload) { var str; if (payload instanceof Uint8Array) { if (typeof TextDecoder !== 'undefined') { str = new TextDecoder().decode(payload); } else { str = String.fromCharCode.apply(null, payload); } } else { str = String(payload); } var num = parseFloat(str); if (!isFinite(num)) return null; var range = ranges[key]; if (range) { if (num < range[0]) num = range[0]; if (num > range[1]) num = range[1]; } return num; } function decodePayload(payload) { if (payload == null) return ''; if (typeof payload === 'string') return payload; if (payload instanceof Uint8Array) { if (typeof TextDecoder !== 'undefined') { try { return new TextDecoder().decode(payload); } catch (err) {} } var out = ''; for (var i = 0; i < payload.length; i++) { out += String.fromCharCode(payload[i]); } return out; } if (typeof payload === 'object' && payload !== null) { if (typeof payload.buffer !== 'undefined' && typeof TextDecoder !== 'undefined') { try { return new TextDecoder().decode(new Uint8Array(payload.buffer)); } catch (err) {} } if (typeof payload.toString === 'function' && payload.toString !== Object.prototype.toString) { return payload.toString(); } } return String(payload || ''); } function coerceNumber(raw) { if (raw === null || raw === undefined) return null; if (typeof raw === 'number') { return isFinite(raw) ? raw : null; } var num = parseFloat(String(raw)); return isFinite(num) ? num : null; } function applyRange(key, num) { var range = ranges[key]; if (range) { if (num < range[0]) num = range[0]; if (num > range[1]) num = range[1]; } return num; } function applyValue(key, raw, transform) { var num = coerceNumber(raw); if (num === null) return false; if (typeof transform === 'function') { num = transform(num); if (num === null || num === undefined) return false; } if (!isFinite(num)) return false; num = applyRange(key, num); vals[key] = num; return true; } function assignFromCandidates(key, candidates) { if (!candidates || !candidates.length) return false; for (var i = 0; i < candidates.length; i++) { var candidate = candidates[i]; if (!candidate) continue; var value = candidate[0]; if (value === undefined || value === null) continue; var transform = candidate.length > 1 ? candidate[1] : null; if (applyValue(key, value, transform)) { return true; } } return false; } function normaliseDirection(value) { var num = coerceNumber(value); if (num === null) return null; num = num % 360; if (num < 0) num += 360; return num; } function applyLoopPayload(payload) { var text = decodePayload(payload); if (!text) return false; var data; try { data = JSON.parse(text); } catch (err) { console.warn('hero gradient: failed to parse loop payload', err); return false; } if (!data || typeof data !== 'object') return false; var appliedAny = false; function use(key, candidates) { if (assignFromCandidates(key, candidates)) { appliedAny = true; } } use('outside_temp', [ [data.outTemp_C], [data.temperature_C], [data.outTemp], [data.temperature], [data.outTemp_F, function (v) { return (v - 32) / 1.8; }], [data.temperature_F, function (v) { return (v - 32) / 1.8; }] ]); use('dew_point', [ [data.dewpoint_C], [data.dewPoint_C], [data.dewpoint], [data.dewPoint], [data.dewpoint_F, function (v) { return (v - 32) / 1.8; }] ]); use('wind_speed', [ [data.windSpeed_kph], [data.wind_speed_kph], [data.windSpeed], [data.windSpd], [data.windSpeed_mps, function (v) { return v * 3.6; }], [data.windSpeed_ms, function (v) { return v * 3.6; }], [data.windSpeed_mph, function (v) { return v * 1.60934; }], [data.windSpeed_kn, function (v) { return v * 1.852; }] ]); use('wind_gust', [ [data.windGust_kph], [data.wind_gust_kph], [data.windGust], [data.windGust_mps, function (v) { return v * 3.6; }], [data.windGust_ms, function (v) { return v * 3.6; }], [data.windGust_mph, function (v) { return v * 1.60934; }], [data.windGust_kn, function (v) { return v * 1.852; }] ]); var dir = normaliseDirection(data.windDir || data.windDirection || data.windBearing || data.windDeg || data.wind_direction); if (dir !== null) { vals.wind_dir = dir; appliedAny = true; } use('wind_chill', [ [data.windchill_C], [data.windChill_C], [data.windchill], [data.windChill], [data.windchill_F, function (v) { return (v - 32) / 1.8; }] ]); use('barometer', [ [data.pressure_mbar], [data.barometer_hpa], [data.barometer], [data.pressure_hpa], [data.pressure], [data.barometer_inhg, function (v) { return v * 33.8639; }], [data.pressure_inhg, function (v) { return v * 33.8639; }] ]); use('rain_today', [ [data.dayRain_mm], [data.rainDay_mm], [data.rainToday_mm], [data.dayRain_cm, function (v) { return v * 10; }], [data.rainDay_cm, function (v) { return v * 10; }], [data.dayRain_in, function (v) { return v * 25.4; }], [data.rainDay_in, function (v) { return v * 25.4; }] ]); return appliedAny; } function maintainHistory(now) { if (typeof vals.rain_today === 'number') { rainHist.push({ ts: now, value: vals.rain_today }); } if (typeof vals.barometer === 'number') { pressureHist.push({ ts: now, value: vals.barometer }); } var rainCut = now - 900000; while (rainHist.length && rainHist[0].ts < rainCut) rainHist.shift(); var pressureCut = now - 3600000; while (pressureHist.length && pressureHist[0].ts < pressureCut) pressureHist.shift(); } function rainDelta(ms, now) { if (!rainHist.length) return 0; var latest = rainHist[rainHist.length - 1]; var base = rainHist[0]; for (var i = rainHist.length - 1; i >= 0; i--) { if (now - rainHist[i].ts <= ms) base = rainHist[i]; } var delta = latest.value - base.value; return delta > 0 ? delta : 0; } function pressureDrop(ms, now) { if (!pressureHist.length) return 0; var latest = pressureHist[pressureHist.length - 1]; var ref = pressureHist[0]; for (var i = pressureHist.length - 1; i >= 0; i--) { if (now - pressureHist[i].ts >= ms) { ref = pressureHist[i]; break; } } var drop = ref.value - latest.value; return drop > 0 ? drop : 0; } function evaluate() { var now = Date.now(); if (overrideState && now > overrideUntil) clearOverride(); var night = sunElevation(now, SMEIRD.siteLat, SMEIRD.siteLon) < -6; var missing = []; for (var m = 0; m < required.length; m++) { if (!(required[m] in vals)) missing.push(required[m]); } var hasAnyData = lastMsg > 0 || Object.keys(vals).length > 0; if (!hasAnyData) { var pendingTarget = overrideState || (currentState || 'stale'); var pendingCause = overrideState ? 'override-pending-data' : 'missing-data'; var pendingInfo = { state: pendingTarget, cause: pendingCause, isNight: night, lastChangeTs: lastChange, rain15: 0, pressureDrop: 0, values: Object.assign({}, vals), missing: missing.slice() }; if (pendingTarget !== currentState) { currentState = pendingTarget; lastChange = now; currentCause = pendingCause; pendingInfo.lastChangeTs = now; applyState(pendingTarget, pendingCause, pendingInfo); } win.__smeirdHeroState = pendingInfo; if (debugMode) updatePanel(); return; } maintainHistory(now); var v = vals; var rain15 = rainDelta(900000, now); var drop60 = pressureDrop(3600000, now); var result = computeState(now, rain15, drop60, night); var target = result.state; var cause = result.cause; if (overrideState) { target = overrideState; cause = 'override'; } if (target !== currentState) { var allowHysteresis = !overrideState && !debugMode && currentState && currentState !== 'stale' && currentCause !== 'missing-data' && currentCause !== 'override-pending-data' && currentCause !== 'override'; if (allowHysteresis) { if (currentState && now - lastChange < SMEIRD.minDwellMs && severity[target] <= severity[currentState]) { target = currentState; cause = 'dwell'; } else if (currentState === 'windy' && target !== 'windy' && severity[target] < severity[currentState] && ((v.wind_speed || 0) >= 25 || (v.wind_gust || 0) >= 35)) { target = currentState; cause = 'windy-hold'; } else if (currentState === 'hot' && target !== 'hot' && severity[target] < severity[currentState] && (v.outside_temp || 0) >= 26) { target = currentState; cause = 'hot-hold'; } else if (currentState === 'cold' && target !== 'cold' && severity[target] < severity[currentState] && !((v.outside_temp || 0) > 3 && (v.wind_chill === undefined || v.wind_chill > 1))) { target = currentState; cause = 'cold-hold'; } } } var info = { state: target, cause: cause, isNight: night, lastChangeTs: lastChange, rain15: rain15, pressureDrop: drop60, values: Object.assign({}, v), missing: missing.slice() }; if (target !== currentState) { currentState = target; lastChange = now; currentCause = cause; info.lastChangeTs = now; applyState(target, cause, info); } win.__smeirdHeroState = info; if (debugMode) updatePanel(); } function computeState(now, rain15, drop60, night) { var v = vals; var outsideTemp = typeof v.outside_temp === 'number' ? v.outside_temp : null; var dewPoint = typeof v.dew_point === 'number' ? v.dew_point : null; var windSpeed = typeof v.wind_speed === 'number' ? v.wind_speed : null; var windGust = typeof v.wind_gust === 'number' ? v.wind_gust : null; var windChill = typeof v.wind_chill === 'number' ? v.wind_chill : null; if (!lastMsg || now - lastMsg > SMEIRD.staleAfterMs) { return { state: 'stale', cause: 'stale' }; } if ((windGust !== null && windGust >= 50) || drop60 >= 2) { return { state: 'storm', cause: 'gust/pressure' }; } if (rain15 >= 0.5) { return { state: 'heavy-rain', cause: 'rain15=' + rain15.toFixed(2) }; } if (rain15 > 0) { return { state: 'rain', cause: 'rain15=' + rain15.toFixed(2) }; } if (((outsideTemp !== null && outsideTemp <= 0 && rain15 > 0) || (windChill !== null && windChill <= -1))) { return { state: 'snow', cause: 'temp/windchill' }; } if (outsideTemp !== null && dewPoint !== null && Math.abs(outsideTemp - dewPoint) <= 1.5 && (windSpeed || 0) < 3) { return { state: 'fog', cause: 'dewpoint proximity' }; } if ((windSpeed !== null && windSpeed >= 30) || (windGust !== null && windGust >= 40)) { return { state: 'windy', cause: 'wind' }; } if (outsideTemp !== null && outsideTemp >= 28) { return { state: 'hot', cause: 'temp' }; } if ((outsideTemp !== null && outsideTemp <= 2) || (windChill !== null && windChill <= 0)) { return { state: 'cold', cause: 'temp' }; } if (night && rain15 === 0 && drop60 < 2 && (windGust === null || windGust < 50)) { return { state: 'clear-night', cause: 'night' }; } return { state: 'overcast', cause: 'default' }; } function applyState(state, cause, info) { if (doc.body) doc.body.setAttribute('data-weather', state); console.info('hero state %s (%s)', state, cause, info); } function setOverride(state, expiry) { if (!severity.hasOwnProperty(state)) return; overrideState = state; overrideUntil = expiry; try { localStorage.setItem('smeirdHeroOverride', JSON.stringify({ state: state, expires: expiry })); } catch (e) {} } function clearOverride() { overrideState = null; overrideUntil = 0; try { localStorage.removeItem('smeirdHeroOverride'); } catch (e) {} } function readOverride() { try { var raw = localStorage.getItem('smeirdHeroOverride'); if (!raw) return; var data = JSON.parse(raw); if (data && data.state && data.expires > Date.now()) { overrideState = data.state; overrideUntil = data.expires; } else { localStorage.removeItem('smeirdHeroOverride'); } } catch (e) {} } function sunElevation(ms, lat, lon) { var rad = Math.PI / 180; var d = (ms - Date.UTC(2000, 0, 1, 12)) / 86400000; var g = 357.529 + 0.98560028 * d; var q = 280.459 + 0.98564736 * d; var gR = g * rad; var L = (q + 1.915 * Math.sin(gR) + 0.02 * Math.sin(2 * gR)) % 360; if (L < 0) L += 360; var Lr = L * rad; var e = (23.439 - 0.00000036 * d) * rad; var RA = Math.atan2(Math.cos(e) * Math.sin(Lr), Math.cos(Lr)); var RAdeg = (RA / rad + 360) % 360; var eq = q % 360 - RAdeg; if (eq > 180) eq -= 360; if (eq < -180) eq += 360; var eqMin = 4 * eq; var date = new Date(ms); var utcMin = date.getUTCHours() * 60 + date.getUTCMinutes() + date.getUTCSeconds() / 60; var tst = (utcMin + eqMin + lon * 4 + 1440) % 1440; var ha = tst / 4 - 180; var haR = ha * rad; var latR = lat * rad; var dec = Math.asin(Math.sin(e) * Math.sin(Lr)); var elev = Math.asin(Math.sin(latR) * Math.sin(dec) + Math.cos(latR) * Math.cos(dec) * Math.cos(haR)); return elev / rad; } function createPanel() { var wrap = doc.createElement('div'); wrap.style.cssText = 'position:fixed;bottom:1rem;right:1rem;z-index:9999;background:rgba(0,0,0,.78);color:#fff;padding:.75rem;border-radius:8px;font:12px/1.4 sans-serif;max-width:260px;'; wrap.innerHTML = 'Hero Debug

'; doc.body.appendChild(wrap); var buttons = wrap.querySelector('.hero-debug-buttons'); ['storm', 'heavy-rain', 'rain', 'snow', 'fog', 'windy', 'hot', 'cold'].forEach(function (s) { var b = doc.createElement('button'); b.type = 'button'; b.textContent = s; b.style.cssText = 'margin:0 .25rem .25rem 0;padding:.25rem .5rem;font-size:11px;'; b.addEventListener('click', function () { simulate(s); }); buttons.appendChild(b); }); var clearBtn = doc.createElement('button'); clearBtn.type = 'button'; clearBtn.textContent = 'clear override'; clearBtn.style.cssText = 'margin:.25rem 0 0;padding:.25rem .5rem;font-size:11px;'; clearBtn.addEventListener('click', function () { clearOverride(); evaluate(); }); buttons.appendChild(clearBtn); return wrap; } function simulate(state) { required.forEach(function (key) { if (!(key in vals)) { vals[key] = key === 'outside_temp' ? 10 : key === 'barometer' ? 1013 : 0; } }); if (!('dew_point' in vals)) vals.dew_point = vals.outside_temp - 2; if (!('wind_chill' in vals)) vals.wind_chill = vals.outside_temp; if (!('wind_gust' in vals)) vals.wind_gust = vals.wind_speed; var now = Date.now(); lastMsg = now; switch (state) { case 'storm': vals.wind_gust = 60; vals.wind_speed = 35; pressureHist.push({ ts: now - 3600000, value: (vals.barometer || 1010) + 3 }); break; case 'heavy-rain': rainHist.push({ ts: now - 900000, value: vals.rain_today || 0 }); vals.rain_today = (vals.rain_today || 0) + 1; break; case 'rain': rainHist.push({ ts: now - 900000, value: vals.rain_today || 0 }); vals.rain_today = (vals.rain_today || 0) + 0.2; break; case 'snow': vals.outside_temp = -1; vals.wind_chill = -2; break; case 'fog': vals.dew_point = vals.outside_temp; vals.wind_speed = 1; break; case 'windy': vals.wind_speed = 32; vals.wind_gust = 45; break; case 'hot': vals.outside_temp = 30; break; case 'cold': vals.outside_temp = 0; vals.wind_chill = -1; break; } evaluate(); } function updatePanel() { if (!panel) return; var target = panel.querySelector('.hero-debug-values'); var info = win.__smeirdHeroState || {}; var lines = [ 'state: ' + (info.state || 'n/a'), 'cause: ' + (info.cause || 'n/a'), 'night: ' + (info.isNight ? 'yes' : 'no') ]; if (info.missing && info.missing.length) { lines.push('missing: ' + info.missing.join(', ')); } if (overrideState) { lines.push('override: ' + overrideState + ' (until ' + new Date(overrideUntil).toLocaleTimeString() + ')'); } Object.keys(vals).forEach(function (k) { lines.push(k + ': ' + vals[k]); }); target.innerHTML = '

' + lines.join('\n') + '

'; } })();

Month	2019	2020	2021	2022	2023	2024	2025
January	0	74	114	25	84	80	73
February	0	106	45	81	6	123	51
March	0	37	25	41	110	90	7
April	0	38	2	19	70	67	14
May	0	3	109	31	63	110	4
June	0	87	88	48	23	21	29
July	0	57	52	7	104	130	46
August	0	160	42	51	46	24	24
September	21	33	55	69	71	115	53
October	81	209	108	99	100	58	67
November	86	57	17	130	91	72	14
December	98	107	77	68	106	71	0
Total	286	968	734	669	874	961	382

Rain by Year