'use strict'; // radar utilities /* globals SuperGif */ // eslint-disable-next-line no-unused-vars const utils = (() => { // ****************************** weather data ******************************** const getPoint = async (lat, lon) => { try { return await $.ajax({ type: 'GET', url: `https://api.weather.gov/points/${lat},${lon}`, dataType: 'json', crossDomain: true, }); } catch (e) { console.error('Unable to get point'); console.error(lat,lon); console.error(e.status, e.responseJSON); return false; } }; // ****************************** load images ********************************* // load an image from a blob or url const loadImg = (imgData, cors = false) => { return new Promise(resolve => { const img = new Image(); img.onload = (e) => { resolve(e.target); }; if (imgData instanceof Blob) { img.src = window.URL.createObjectURL(imgData); } else { let url = imgData; if (cors) url = rewriteUrl(imgData); img.src = url; } }); }; // async version of SuperGif const superGifAsync = (e) => { return new Promise(resolve => { const gif = new SuperGif(e); gif.load(() => resolve(gif)); }); }; // preload an image // the goal is to get it in the browser's cache so it is available more quickly when the browser needs it // a list of cached icons is used to avoid hitting the cache multiple times const cachedImages = []; const preload = (src) => { if (cachedImages.includes(src)) return false; const img = new Image(); img.scr = src; cachedImages.push(src); return true; }; // draw an image on a local canvas and return the context const drawLocalCanvas = (img) => { // create a canvas const canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; // get the context const context = canvas.getContext('2d'); context.imageSmoothingEnabled = false; // draw the image context.drawImage(img, 0,0); return context; }; // *********************************** unit conversions *********************** Math.round2 = (value, decimals) => Number(Math.round(value + 'e' + decimals) + 'e-' + decimals); const mphToKph = (Mph) => Math.round(Mph * 1.60934); const kphToMph = (Kph) => Math.round(Kph / 1.60934); const celsiusToFahrenheit = (Celsius) => Math.round(Celsius * 9 / 5 + 32); const fahrenheitToCelsius = (Fahrenheit) => Math.round2(((Fahrenheit) - 32) * 5 / 9, 1); const milesToKilometers = (Miles) => Math.round(Miles * 1.60934); const kilometersToMiles = (Kilometers) => Math.round(Kilometers / 1.60934); const feetToMeters = (Feet) => Math.round(Feet * 0.3048); const metersToFeet = (Meters) => Math.round(Meters / 0.3048); const inchesToCentimeters = (Inches) => Math.round2(Inches * 2.54, 2); const pascalToInHg = (Pascal) => Math.round2(Pascal*0.0002953,2); // ***************************** calculations ********************************** const relativeHumidity = (Temperature, DewPoint) => { const T = Temperature; const TD = DewPoint; return Math.round(100 * (Math.exp((17.625 * TD) / (243.04 + TD)) / Math.exp((17.625 * T) / (243.04 + T)))); }; const heatIndex = (Temperature, RelativeHumidity) => { const T = Temperature; const RH = RelativeHumidity; let HI = 0.5 * (T + 61.0 + ((T - 68.0) * 1.2) + (RH * 0.094)); let ADJUSTMENT; if (T >= 80) { HI = -42.379 + 2.04901523 * T + 10.14333127 * RH - 0.22475541 * T * RH - 0.00683783 * T * T - 0.05481717 * RH * RH + 0.00122874 * T * T * RH + 0.00085282 * T * RH * RH - 0.00000199 * T * T * RH * RH; if (RH < 13 && (T > 80 && T < 112)) { ADJUSTMENT = ((13 - RH) / 4) * Math.sqrt((17 - Math.abs(T - 95)) / 17); HI -= ADJUSTMENT; } else if (RH > 85 && (T > 80 && T < 87)) { ADJUSTMENT = ((RH - 85) / 10) * ((87 - T) / 5); HI += ADJUSTMENT; } } if (HI < Temperature) { HI = Temperature; } return Math.round(HI); }; const windChill = (Temperature, WindSpeed) => { if (WindSpeed === '0' || WindSpeed === 'Calm' || WindSpeed === 'NA') { return ''; } const T = Temperature; const V = WindSpeed; return Math.round(35.74 + (0.6215 * T) - (35.75 * Math.pow(V, 0.16)) + (0.4275 * T * Math.pow(V, 0.16))); }; // wind direction const directionToNSEW = (Direction) => { const val = Math.floor((Direction / 22.5) + 0.5); const arr = ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW']; return arr[(val % 16)]; }; const distance = (x1 ,y1, x2, y2) => Math.sqrt((x2-=x1)*x2 + (y2-=y1)*y2); // wrap a number to 0-m const wrap = (x,m) => (x%m + m)%m; // ********************************* strings ********************************************* const wordWrap = (str, ...rest) => { let m = ((rest.length >= 1) ? rest[0] : 75); let b = ((rest.length >= 2) ? rest[1] : '\n'); let c = ((rest.length >= 3) ? rest[2] : false); let i, j, l, s, r; str += ''; if (m < 1) { return str; } for (i = -1, l = (r = str.split(/\r\n|\n|\r/)).length; ++i < l; r[i] += s) { for (s = r[i], r[i] = ''; s.length > m; r[i] += s.slice(0, j) + ((s = s.slice(j)).length ? b : '')) { j = c === 2 || (j = s.slice(0, m + 1).match(/\S*(\s)?$/))[1] ? m : j.input.length - j[0].length || c === true && m || j.input.length + (j = s.slice(m).match(/^\S*/))[0].length; } } return r.join('\n').replace(/\n /g, '\n'); }; // ********************************* cors ******************************************** // rewrite some urls for local server const rewriteUrl = (url) => { url = url.replace('https://api.weather.gov/', ''); url = url.replace('https://radar.weather.gov/', ''); url = url.replace('https://www.cpc.ncep.noaa.gov/', ''); return url; }; // ********************************* fetch ******************************************** const json = async (url) => { const response = await fetch(url, { method: 'GET', mode: 'cors', type: 'GET', }); if (!response.ok) throw new Error(`Fetch error ${response.status} ${response.statusText} while fetching ${url}`); return await response.json(); }; // return an orderly object return { image: { load: loadImg, superGifAsync, preload, drawLocalCanvas, }, weather: { getPoint, }, units: { mphToKph, kphToMph, celsiusToFahrenheit, fahrenheitToCelsius, milesToKilometers, kilometersToMiles, feetToMeters, metersToFeet, inchesToCentimeters, pascalToInHg, }, calc: { relativeHumidity, heatIndex, windChill, directionToNSEW, distance, wrap, }, string: { wordWrap, }, cors: { rewriteUrl, }, fetch: { json, } }; })(); // pass data through local server as CORS workaround $.ajaxCORS = function (e) { // modify the URL e.url = utils.cors.rewriteUrl(e.url); // call the ajax function return $.ajax(e); };