ws4kp/server/scripts/modules/almanac.mjs

180 lines
5.8 KiB
JavaScript
Raw Normal View History

2020-09-04 18:02:20 +00:00
// display sun and moon data
2022-11-22 22:19:10 +00:00
import { loadImg, preloadImg } from './utils/image.mjs';
import { DateTime } from '../vendor/auto/luxon.mjs';
import STATUS from './status.mjs';
2022-11-22 22:29:10 +00:00
import WeatherDisplay from './weatherdisplay.mjs';
2022-12-06 22:14:56 +00:00
import { registerDisplay } from './navigation.mjs';
2020-09-04 18:02:20 +00:00
class Almanac extends WeatherDisplay {
2020-10-29 21:44:28 +00:00
constructor(navId, elemId) {
2022-11-22 03:50:22 +00:00
super(navId, elemId, 'Almanac', true);
2020-09-04 18:02:20 +00:00
2020-09-25 00:24:02 +00:00
// pre-load background images (returns promises)
2022-11-22 22:19:10 +00:00
this.backgroundImage0 = loadImg('images/BackGround3_1.png');
2020-09-04 18:02:20 +00:00
2022-09-05 16:44:31 +00:00
// preload the moon images
2022-11-22 22:19:10 +00:00
preloadImg('images/2/Full-Moon.gif');
preloadImg('images/2/Last-Quarter.gif');
preloadImg('images/2/New-Moon.gif');
preloadImg('images/2/First-Quarter.gif');
2020-09-04 18:02:20 +00:00
this.timing.totalScreens = 1;
2020-09-04 18:02:20 +00:00
}
2020-10-29 21:44:28 +00:00
async getData(_weatherParameters) {
2022-12-19 17:27:02 +00:00
const superResponse = super.getData(_weatherParameters);
2020-10-29 21:44:28 +00:00
const weatherParameters = _weatherParameters ?? this.weatherParameters;
2020-09-04 18:02:20 +00:00
2020-09-23 19:10:25 +00:00
// get sun/moon data
2020-10-29 21:44:28 +00:00
const { sun, moon } = this.calcSunMoonData(weatherParameters);
2020-09-23 19:10:25 +00:00
// store the data
2020-10-29 21:44:28 +00:00
this.data = {
2020-09-23 19:10:25 +00:00
sun,
moon,
};
2020-10-21 01:04:51 +00:00
// share data
this.getDataCallback();
2022-12-19 17:27:02 +00:00
if (!superResponse) return;
// update status
this.setStatus(STATUS.loaded);
2020-09-23 19:10:25 +00:00
}
calcSunMoonData(weatherParameters) {
2020-09-04 18:02:20 +00:00
const sun = [
SunCalc.getTimes(new Date(), weatherParameters.latitude, weatherParameters.longitude),
2020-10-29 21:44:28 +00:00
SunCalc.getTimes(DateTime.local().plus({ days: 1 }).toJSDate(), weatherParameters.latitude, weatherParameters.longitude),
2020-09-04 18:02:20 +00:00
];
// brute force the moon phases by scanning the next 30 days
const moon = [];
// start with yesterday
2020-10-29 21:44:28 +00:00
let moonDate = DateTime.local().minus({ days: 1 });
let { phase } = SunCalc.getMoonIllumination(moonDate.toJSDate());
2020-09-04 18:02:20 +00:00
let iterations = 0;
do {
// get yesterday's moon info
const lastPhase = phase;
// calculate new values
2020-10-29 21:44:28 +00:00
moonDate = moonDate.plus({ days: 1 });
2020-09-04 18:02:20 +00:00
phase = SunCalc.getMoonIllumination(moonDate.toJSDate()).phase;
// check for 4 cases
if (lastPhase < 0.25 && phase >= 0.25) moon.push(this.getMoonTransition(0.25, 'First', moonDate));
if (lastPhase < 0.50 && phase >= 0.50) moon.push(this.getMoonTransition(0.50, 'Full', moonDate));
if (lastPhase < 0.75 && phase >= 0.75) moon.push(this.getMoonTransition(0.75, 'Last', moonDate));
if (lastPhase > phase) moon.push(this.getMoonTransition(0.00, 'New', moonDate));
// stop after 30 days or 4 moon phases
2020-10-29 21:44:28 +00:00
iterations += 1;
2020-09-04 18:02:20 +00:00
} while (iterations <= 30 && moon.length < 4);
2020-09-23 19:10:25 +00:00
return {
2020-09-04 18:02:20 +00:00
sun,
moon,
};
}
// get moon transition from one phase to the next by drilling down by hours, minutes and seconds
getMoonTransition(threshold, phaseName, start, iteration = 0) {
let moonDate = start;
2020-10-29 21:44:28 +00:00
let { phase } = SunCalc.getMoonIllumination(moonDate.toJSDate());
2020-09-04 18:02:20 +00:00
let iterations = 0;
const step = {
2020-10-29 21:44:28 +00:00
hours: iteration === 0 ? -1 : 0,
minutes: iteration === 1 ? 1 : 0,
seconds: iteration === 2 ? -1 : 0,
milliseconds: iteration === 3 ? 1 : 0,
2020-09-04 18:02:20 +00:00
};
// increasing test
2020-10-29 21:44:28 +00:00
let test = (lastPhase, testPhase) => lastPhase < threshold && testPhase >= threshold;
2020-09-04 18:02:20 +00:00
// decreasing test
2020-10-29 21:44:28 +00:00
if (iteration % 2 === 0) test = (lastPhase, testPhase) => lastPhase > threshold && testPhase <= threshold;
2020-09-04 18:02:20 +00:00
do {
// store last phase
const lastPhase = phase;
// calculate new phase after step
moonDate = moonDate.plus(step);
phase = SunCalc.getMoonIllumination(moonDate.toJSDate()).phase;
// wrap phases > 0.9 to -0.1 for ease of detection
if (phase > 0.9) phase -= 1.0;
// compare
2020-10-29 21:44:28 +00:00
if (test(lastPhase, phase)) {
2020-09-04 18:02:20 +00:00
// last iteration is three, return value
if (iteration >= 3) break;
// iterate recursively
2020-10-29 21:44:28 +00:00
return this.getMoonTransition(threshold, phaseName, moonDate, iteration + 1);
2020-09-04 18:02:20 +00:00
}
2020-10-29 21:44:28 +00:00
iterations += 1;
2020-09-04 18:02:20 +00:00
} while (iterations < 1000);
2020-10-29 21:44:28 +00:00
return { phase: phaseName, date: moonDate };
2020-09-04 18:02:20 +00:00
}
async drawCanvas() {
super.drawCanvas();
const info = this.data;
2020-09-25 00:24:02 +00:00
const Today = DateTime.local();
2020-10-29 21:44:28 +00:00
const Tomorrow = Today.plus({ days: 1 });
2020-09-04 18:02:20 +00:00
// sun and moon data
2022-09-05 16:44:31 +00:00
this.elem.querySelector('.day-1').innerHTML = Today.toLocaleString({ weekday: 'long' });
this.elem.querySelector('.day-2').innerHTML = Tomorrow.toLocaleString({ weekday: 'long' });
this.elem.querySelector('.rise-1').innerHTML = DateTime.fromJSDate(info.sun[0].sunrise).toLocaleString(DateTime.TIME_SIMPLE).toLowerCase();
this.elem.querySelector('.rise-2').innerHTML = DateTime.fromJSDate(info.sun[1].sunrise).toLocaleString(DateTime.TIME_SIMPLE).toLowerCase();
this.elem.querySelector('.set-1').innerHTML = DateTime.fromJSDate(info.sun[0].sunset).toLocaleString(DateTime.TIME_SIMPLE).toLowerCase();
this.elem.querySelector('.set-2').innerHTML = DateTime.fromJSDate(info.sun[1].sunset).toLocaleString(DateTime.TIME_SIMPLE).toLowerCase();
2020-09-04 18:02:20 +00:00
2022-09-05 16:44:31 +00:00
const days = info.moon.map((MoonPhase) => {
const fill = {};
2020-09-04 18:02:20 +00:00
const date = MoonPhase.date.toLocaleString({ month: 'short', day: 'numeric' });
2020-09-04 18:02:20 +00:00
2022-09-05 16:44:31 +00:00
fill.date = date;
fill.type = MoonPhase.phase;
2022-12-12 16:48:54 +00:00
fill.icon = { type: 'img', src: imageName(MoonPhase.phase) };
2022-09-05 16:44:31 +00:00
return this.fillTemplate('day', fill);
});
2020-09-25 18:25:12 +00:00
2022-09-05 16:44:31 +00:00
const daysContainer = this.elem.querySelector('.moon .days');
daysContainer.innerHTML = '';
daysContainer.append(...days);
2020-09-25 18:25:12 +00:00
this.finishDraw();
2020-09-04 18:02:20 +00:00
}
2020-10-20 21:37:11 +00:00
// make sun and moon data available outside this class
2020-10-21 01:04:51 +00:00
// promise allows for data to be requested before it is available
async getSun() {
return new Promise((resolve) => {
if (this.data) resolve(this.data);
// data not available, put it into the data callback queue
this.getDataCallbacks.push(resolve);
});
2020-10-20 21:37:11 +00:00
}
2020-10-29 21:44:28 +00:00
}
2022-11-22 22:19:10 +00:00
2022-12-09 19:51:51 +00:00
const imageName = (type) => {
switch (type) {
case 'Full':
return 'images/2/Full-Moon.gif';
case 'Last':
return 'images/2/Last-Quarter.gif';
case 'New':
return 'images/2/New-Moon.gif';
case 'First':
default:
return 'images/2/First-Quarter.gif';
}
};
2022-12-06 22:14:56 +00:00
// register display
2022-12-14 22:28:33 +00:00
const display = new Almanac(9, 'almanac');
2022-12-06 22:14:56 +00:00
registerDisplay(display);
export default display.getSun.bind(display);