netbymatt/ws4kp

WeatherStar 4000+

ws4kp's Issues

Stuck on enter your location

OS MacOS, Firefox, Safari, Raspberry Pi chromium, can't seem to get it to load any more. Checked the API and it seems to ok. Running local as well as your live website exhibits the same issue. Hopefully a simple fix, I use this on my desk every day and miss it.

is there a way to turn this into a ffmpeg stream?

1] is there way to turn the widescreen div area into a ffmpeg stream? something i could open up in VLC as a network stream.

2] how do i pass in the location and checkbox settings to do automated startup? querystring? conf file? docker -e configs?

retry api.weather.gov on failure (http 500)

On the weather.gov documentation page for api ( https://www.weather.gov/documentation/services-web-api ) on the updates tab there is known bug of getting 500 errors and the "fix" is to retry the api call.
"The gridpoints endpoint returns a 500 error. Retrying the request generally returns valid data."

Please see https://weatherspotter.net/ngitws_api_gridpoints_retry_performance.php With retries (2 retries) the api is in the 99-100% reliable range.

Please include:

• Web browser and OS
  Windows 11 Chrome/Firefox/Edge
• Location for which you are viewing a forecast
  any random US location.

Add Marine Forecast / Airport Conditions / Air Quality!

Hello! Love this project, the origin project has Marine Forecast and Air quality working, would it be possible to add these back? It is definitely wanted and needed information.

Also, the original WS4000 hardware box had "airport conditions" would it be possible to add this also?

thank you for your hard work!

Setting up on Linux shared host

I'm trying to set this up on a shared Linux host. I keep getting a 404 error. My host's tech support says I have the application setup correctly, and that it must be a coding error. I tried Node versions 12.22.9 and 14.21.2. I also tried development and production modes. Nothing changes. The readme mentions running it on a local machine, but not on a web host, so I feel like I'm missing a step. Please advise.

Matt

Update data without page refresh?

Is data updated as time goes by, or just on a page refresh? Or, is there a way to refresh data without "interruption"?

Opening an issue as I don't see a discussions area in the repo.

Thank You!

Permalink for Kiosk Mode

I set this up and am embedding this into an iframe in a Home Assistant dashboard which loads well, but there doesn't seem to be a way to tell it to open it in Kiosk mode upon page load/reload. Can this be added or is there a way to do this by appending something like ?kiosk after the url https://weather.example.com/?kiosk

Specify parameters in query args for kiosk/ambient display

My apologies if this is already there and I just couldn't find it, but I'd love to be able to specify a location, views, and full screen in query arguments. This would let me slot it into a rotation on an ambient display, kiosk, or WebViewScreensaver on my Mac.

Make separate minified js and css files for each html file

The overlaps didn't work out as expected, unfortunately. Additional things to consider:

• Leave jquery out of it, and load from a CDN for production
• slightly modify the structure of the modules folder so additional modules can be added without the need to update the gulp script

Have a button where the player is 100% of the viewport

For purposes of running in a window.. I think would be nice if there was a button that instead of full screened just expanded the player to the full height and width of the window or say under a tiling window manager of some sort.

radar.weather.gov is obsolete

The radar sources used at radar.weather.gov has become obsolete and replaced with a new tile map version. The following links are useful for making this conversion:

• General information: https://opengeo.ncep.noaa.gov/geoserver/www/index.html
• XML description: https://opengeo.ncep.noaa.gov/geoserver/conus/conus_bref_qcd/ows?service=wms&version=1.3.0&request=GetCapabilities
• Coordinate transformation: https://epsg.io/transform#s_srs=3857&t_srs=4326&x=-10331841.2392507&y=5009377.0856973
• Javascript coordinate transformation: https://github.com/proj4js/proj4js

Time in header is always user's time zone

The time displayed in the header is always displayed as the user's time zone. It should be updated to the time at the forecasted location.

Change header for Regional Forecast/Observation

The header is currently hard-coded

Holding the right arrow causes a lot of issues

If you hold down on any of the arrow keys, the page gets really buggy. The main issue is that icons start overlapping repeatedly.

This could probably be fixed by making it so holding on an arrow makes it change after a interval (eg. every 0.2 seconds) instead of after every frame.

Audio Playlist Feature (Locally Hosted versions)

First off, great fork of the original. I'm currently using it in Kiosk mode at the house because having my own WS4000+ approximation running on a thoroughly repurposed arcade cabinet just fits the bill for someone of my particular age group.

With the taiganet standalone of the WS4000 all but dead now, in my search for a modern, web based (and NWS API-hooked) iterations of it are sans soft-jazz tinkling. It's a must in my opinion to have some elevator music going along with my "Local on the 8's!" ever-looping arcade weather machine.

Is there any desire for the locally-hosted version of this to support any playlisting or music embedding features? Perhaps a section in the config that lets you load a m3u or file folder native to the local server that can side-play your favorite Weather Channel tunes while you nostalgia-gaze?

I know this is easily resolved with a playlist loaded with my media player of choice in the background but having the music dependent upon the page running makes startup and shutdown much easier.

Docker container and Safari issues

Safari, MacOS 13.4.1
Any location.

I'm running WS4000 in Docker (via Portainer). While going to your live version of WS4000 I can load the forecast for my or any other location fine. When I open mine locally in Safari, the gps location button does nothing. If I search for a location, I will get the suggestions and if I pick one, it will select but hitting "Go" does nothing. "Reset" also does nothing.

If I try it on MS Edge for MacOS, it works fine. If I try it from Edge in Linux (Ubuntu specifically), it works. It's just my local Docker container version and only in Safari. It's weird. Any thoughts?

Optional 16:9 aspect ratio

I would like to request an optional feature to have it in a wide screen aspect just simply by extending the gradient background and bar out on the sides nothing radical requiring redesign same blue box and positioning just on a wider background.

Fullscreen does not expand

Please see the referenced screenshot

When activating full screen on the application, it does not expand at all.

Web Browser: Firefox
OS: Archlinux
Forecast Location: Everett, WA

Changing out logo

Is it possible to swap out the logo for a custom option?

Loop stops after data refresh with hazards enabled

Web Browser: Chrome, Firefox
Client OS: Mac OS
Server OS: Alpine Linux with Node 18 in Docker

After an automatic refresh, the loop hangs on the Progress screen. The play pause button indicates it should still be playing however, the screen never advances.

The issue is not present when I swap to a Node 16 Alpine image.

Current conditions display "triangle"

The current conditions display "triangle" behind the clock is either not being drawn correctly, or not being stored correctly for redraw by the clock code.

Documentation Update: How do we run this bad boy?

Before requesting a feature please consider that this is not intended to be a perfect recreation of the WeatherStar 4000, it's a best effort that fits within what's available from the API and within a web browser.

Start radar on newest frame

The radar loop should start on the newest radar image briefly and then continue the loop with the oldest image as it currently is.

Kiosk Mode

I have this installed on Unraid using an assigned macvlan address. 192.168.2.200, for example.

So to get to it I go to http://192.168.2.200:8080. Works great from there.

However, I am unable to get kiosk mode to work correctly. If I check kiosk mode it will switch but I am unable to force it into kiosk mode from a URL. Any new call to the url or refresh kicks it out of kiosk mode.

If there a trick to this?

Maybe an alternative port could be utilized for kiosk mode?

Over Time Simulator Slows Down

Firefox, Windows 10

Sometimes I like running this emulator on another computer connected to a small display for a long time. The issue is after about a day the emulator becomes slow. This seems to only occur on 2 slides, the hourly and travel forecast. The scrolling is really slow and makes it take minutes to get through. I have to refresh the page to fix it.

Fullscreen button always says "Exit Fullscreen" on hover

The fullscreen button always shows the icon for exiting fullscreen, even if I am not in fullscreen. The tooltip always says "Exit fullscreen" as well

This seems to happen for every location I select.

Browser:

• Vivaldi, Windows 10

I have also had this happen on Safari on iOS
Locations:
This happens regardless of location

Widescreen Tag in URL does not work / Setting does not persist

It seems that the system is ignoring "&settings-wide-checkbox=true" setting when placed into a permalink. Whether it is in the URL or not, a load of the page brings the settings back to a letterbox mode. Checking the box will put the screen back to widescreen, however if you refresh the page the setting does not persist as expected.

Utilizing Firefox on Windows 10, or Chromium in Raspbian is showing the same symptoms. I've attempted various tweaks to the naming just to see if it was a miss on that side of things, but no such luck.

syntax error: unexpected token '?'

Hello,

Debian Testing, nodejs 12.22.5~dfsg-2~11u1

get the following error when running node index.js

/tmp/ws4kp# node index.js
/tmp/ws4kp/index.js:6
const port = process.env.WS4KP_PORT ?? 8080;
                                     ^

SyntaxError: Unexpected token '?'
    at wrapSafe (internal/modules/cjs/loader.js:915:16)
    at Module._compile (internal/modules/cjs/loader.js:963:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
    at Module.load (internal/modules/cjs/loader.js:863:32)
    at Function.Module._load (internal/modules/cjs/loader.js:708:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:60:12)
    at internal/main/run_main_module.js:17:47

I can set the port manually by setting const port = 8080;

But then, another error:

/tmp/ws4kp/index.js:34
if (process.env?.DIST !== '1') {
                ^

SyntaxError: Unexpected token '.'
    at wrapSafe (internal/modules/cjs/loader.js:915:16)
    at Module._compile (internal/modules/cjs/loader.js:963:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
    at Module.load (internal/modules/cjs/loader.js:863:32)
    at Function.Module._load (internal/modules/cjs/loader.js:708:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:60:12)
    at internal/main/run_main_module.js:17:47

Separate data from the minified JS

This will allow for a long-lived lists of stations and cities while the weatherstar code can be updated more frequently and have a smaller size.

The "go" button doesnt do anything/Stuck on "enter location" screen

Hello, whenever I enter my location (Dayton Ohio) the "go" button doesnt do anything, its just stuck on the enter location screen, i'm on MacOS 10.14 and ive tried Chrome, Chromium, and Safari. I've also tried to localhost it but it still is stuck.

Docker Environment Variables

Love the work here, was wondering though if you could implement environment variables in the docker implementation? It would be nice to be able to set location, displays and settings from environment variables to leave only the display on the page. Maybe even some options to get rid of all of the extra on the page so that it could be utilized in an iframe on another page. My specific use case I am looking at is to integrate it with Home Assistant for my primary dashboard.

Really appreciate the work you have put in to get it this far, works great!

Detect stations reporting no data

Current conditions and latest observations sometimes get stations reporting null for temperature, wind or other values. They often display as 0 or 32 because of the unit conversion going on. In the case of current conditions the next closest station should be used. In latest observations it should be left blank.

install not working

Server Environment:
Fedora Server 36 VM on Proxmox
Firewall disabled, SELINUX Disabled
Node 16.14.0
NPM 8.19.2

Client Environment:
Firefox 105.0.1
(https://weatherstar.netbymatt.com/ runs fine in this same browser)

Steps:

1. Install and setup fresh copy of fedora server with all updates.
2. Install git and node.js
3. pull repo, enter repo dir
4. install dependency node install package.json
5. run index.js node index.js
6. Open browser to http://weather-star:8080/
7. Enter location and click go

Problem:
Entering in any location and clicking go does nothing.
The display never refreshes and just remains at:

WeatherStar 4000+
Enter your location above to continue

I am not sure if I have installed correctly, maybe there is some dependency I am missing or maybe a config file setup I don't know about. Or maybe its a bug. Not sure So this could be either a bug report or a request for a more detailed install guide.

Using OpenWeatherMap for countries outside the U.S.

https://openweathermap.org/

The immediate downside to using OpenWeatherMap would be that not only does it require an account, but the free tier does not give as much information as api.weather.gov alone (although what it does give is good enough for the main screen). The upsides, however, are that
A. It's a bit faster to retrieve data, thanks to data caching and multiple sources^[1]
B. This would work for states outside the US, particularly Canada. Of course, this is based on the Weather Channel within the US, but it would still be cool to have this as an option.

I'm curious as to why else this might not be used. If there's no other reason, I'm interested in helping implement this as an option for countries outside of the US.