MMM-Sunrise-Sunset

vbloke

https://github.com/prydonian/MMM-Sunrise-Sunset

Made a fairly big update using a different API that needs a free key.
https://ipgeolocation.io/signup.html

It now gives you moonrise and moonset times and day length.

henry2man

I tried this module but activating this causes my MM to show nothing. I had no error messages on MM logs (in my case, a docker server-only instance) and nor on my Chrome console.

In other words it looks that the IPGeo free key expires in 1 day…

vbloke

@henry2man the API is limited to 1000 calls per day. It doesn’t appear to expire after a day.

Can you post the config for the module?

it should look like this:

    {
      module: "MMM-Sunrise-Sunset",
      position: "bottom_bar",
      config: {
		apiKey: "API_KEY",
		latitude: "123.123",
		longitude: "23.456",
		layout: "inline"
      }
    },

henry2man

I removed the config but seemed like yours. I followed the README from master. I’ll try again later, but also I’ve reviewed this API

https://api.sunrise-sunset.org/json?lat=36.7201600&lng=-4.4203400&formatted=0

It has enough information and seems to be free.

What do you think?

vbloke

@henry2man that’s the one I was using before, but it required a lot of work to get the time in your local time zone as all times were returned as UTC.

The new API uses your location to format the time automatically.

henry2man

@vbloke In this link there is a simple way to get a ISO 8601 into your local timezone --> https://stackoverflow.com/a/31453408

var utcDate = '2011-06-29T16:52:48.000Z';  // ISO-8601 formatted date returned from server
var localDate = new Date(utcDate);

api.sunrise-sunset.org can return ISO 8601 dates using

formatted=0

parameter…

If date parsing is the major issue & this solution works I think this approach is simpler. Even you can default the URL and simply configure lat/long & style (inline/list)

Just my 2 cents…

Mykle1

@vbloke

This is right out of my MMM-SunRiseSet module.

Feel free to use it if you like. :thumbsup:

// sunrise set to local time using moment
   var sunrise = document.createElement("div");
   sunrise.classList.add("small", "bright", "sunrise");
   sunrise.innerHTML = "Sunrise is at " + moment(SunRiseSet.sunrise).local().format("h:mm a") + " &nbsp &nbsp "
+ "Sunset is at " + moment(SunRiseSet.sunset).local().format("h:mm a");
   wrapper.appendChild(sunrise);

pugsly

@henry2man
I am having the same problem, whenever I put it in my config the display is blank.

sdetweil

@pugsly not in config… you have to edit the actual module code

pugsly

@sdetweil Not sure I know what you mean. When I put this in my config the screen is all blank:

    {
        module: "MMM-Sunrise-Sunset",
        position: "top_right",
        header: "Sunrise",
        config: {
            latitude: "39.2907",
            longitude: "-75.6344",
            apikey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
            layout: "inline"
                }
    },

sdetweil

@pugsly open the developers window on your blank screen MM, using ctrl-shift-i on the keyboard… select the tab labeled console and scroll up to find any errors

pugsly

@sdetweil

Uncaught ReferenceError: $ is not defined
at Class.updateSun (MMM-Sunrise-Sunset.js:33)
at Class.start (MMM-Sunrise-Sunset.js:12)
at startModules (loader.js:55)
at loader.js:40
at HTMLLinkElement.stylesheet.onload (loader.js:200)

sdetweil

@pugsly said in MMM-Sunrise-Sunset:

Uncaught ReferenceError: $ is not defined

this module depends on jquery library being installed for this module, but its not…,

I am working on instructions for you… hang on

do

cd ~/MagicMirror/modules/MMM-Sunrise-Sunset
npm install jquery
# note the trailing dot (.) on the next line
cp node_modules/jquery/dist/jquery.js .

then start your mirror again

pugsly

@sdetweil said in MMM-Sunrise-Sunset:

cp node_modules/jquery/dist/jquery.js .

Slightly better, its displaying now but just says ‘Loading’

sdetweil

@pugsly ok, open the developers window again

this usually means that the api key is wrong … the api isn’t returning data

pugsly

@sdetweil
Its not passing the API key in the HTML request.

https://api.ipgeolocation.io/astronomy?apiKey=&lang=en&lat=39.2907&long=-75.6344 401

sdetweil

@pugsly said in MMM-Sunrise-Sunset:

apikey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",

yep, case sensitive, it apiKey

pugsly

@pugsly NVM… the K in apiKey is a capital. Its working now.

dankerthrone

@sdetweil: Thank you so much for your help here. I’m having the exact same problem as @pugsly did, but unfortunately your suggestions seem to not do the trick. I was wondering if you could help me out, too. So far I got:

                        {
			module: "MMM-Sunrise-Sunset",
			position: "bottom_bar",
			config: {
				apiKey: "xxx", 				
				latitude: "xx.03586",
				longitude: "xx.06379",
				timezone: "Europe/Berlin",
				layout: "inline"
				}
		},

My screen stays black, though, and the developer console is giving me this:

Uncaught ReferenceError: $ is not defined
at Class.updateSun (MMM-Sunrise-Sunset.js:33)
at Class.start (MMM-Sunrise-Sunset.js:12)
at startModules (loader.js:55)
at loader.js:40
at HTMLLinkElement.stylesheet.onload (loader.js:200)

I even tried executing your suggestions as root, thinking that I must’ve done something wrong, but I got the same error messages as before:

root@raspberrypi:/home/pi/MagicMirror/modules/MMM-Sunrise-Sunset# npm install jquery
npm WARN saveError ENOENT: no such file or directory, open '/home/pi/MagicMirror/modules/package.json'
npm WARN enoent ENOENT: no such file or directory, open '/home/pi/MagicMirror/modules/package.json'
npm WARN modules No description
npm WARN modules No repository field.
npm WARN modules No README data
npm WARN modules No license field.

+ jquery@3.4.1
removed 1 package, updated 1 package and audited 1 package in 4.09s
found 0 vulnerabilities

root@raspberrypi:/home/pi/MagicMirror/modules/MMM-Sunrise-Sunset# cp node/modules/jquery/dist/jquery.js .
cp: cannot stat 'node/modules/jquery/dist/jquery.js': No such file or directory

What am I missing here?

sdetweil

@dankerthrone said in MMM-Sunrise-Sunset:

Uncaught ReferenceError: $ is not defined

cp node/modules/jquery/dist/jquery.js .

should be (notice the underscore, _ instead of the slash /)

cp node_modules/jquery/dist/jquery.js .