MMM-WeatherBackground

buzzman

@cowboysdude
i get this error when i do npm install

i@Magicmirror:~/MagicMirror/modules/MMM-WeatherBackground $ npm install
npm WARN mmm-weatherbackground@3.0.1 No repository field.

audited 63 packages in 3.748s
found 0 vulnerabilities

i get this error also
No helper found for module: MMM-WeatherBackground

i am using NOAA3 also

buzzman

This post is deleted!

Mykle1

@buzzman

My advice. Delete your current MMM-WeatherBackground folder/directory. Clone the repo again
git clone https://github.com/cowboysdude/MMM-WeatherBackground.git into your modules folder. cd into your new MMM-WeatherBackground directory. Run npm install. You should be golden.

P.S. No helper is not an error.

buzzman

@mykle1
pm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN mmm-weatherbackground@3.0.1 No repository field.

A Former User

@buzzman
You can ignore any WARN message.

buzzman

@mykle1 @Sean
I dont know whats going on . i don’t get any weather picture. i have tried it with MMM-NOAA3 with 2 different weather api . the weather info from noaa3 is right .

cowboysdude

@buzzman said in MMM-WeatherBackground:

@mykle1 @Sean
I dont know whats going on . i don’t get any weather picture. i have tried it with MMM-NOAA3 with 2 different weather api . the weather info from noaa3 is right .

Well there may be another issue. This is the fun of the mirror…no two are alike and sometimes different problems arise.

Hang in there, it’ll be working :)

buzzman

@cowboysdude
i bought a new sd card and reinstall it all . it finally worked.

cowboysdude

@buzzman AWESOME! :)

richland007

@Sean Hey there thank you for this cool module.
I have one problem though i have different pages on my mirror MMM-pages and i also use your MMM-DropboxWallpaper that i use for a few of those pages as a background (not on all of them) and works fine… so this brings me to my question… I want the MMM-WeatherBackground only for Page 1 where my weather module is at?? How do i do that so it does not surface on all backgrounds …i did make sure that i have listed MMM-WeatherBackground on Page 1 only not on exemptions where those modules that are on all pages reside.

Please help me out and thank you again
Denis

richland007

How can i use MMM-WeatherBackground only on the page where i have my weather information MMM-NOAA3 and not on all my pages??
D

A Former User

@richland007
I’ll reply to u next monday.

A Former User

@richland007
MMM-WeatherBackground will display photos in ANYWHERE you appoint.
Maybe you’ve been appointing .fullscreen.below as targetDOM, so, it shows photos on fullscreen_below - where is shared with all pages of screen globally.

So, here is a simple(?) trick.

I made a dummy module for doing nothing but just existing.
https://github.com/eouia/MMM-Dummy
Install that, and modify configuration like this.

{
  module:"MMM-Dummy",
  position: "fullscreen_below",
  config: {
    width:"100vw",
    height: "100vh",
  }
},
{
  module: "MMM-WeatherBackground",
  config: {
    targetDOM: ".MMM-Dummy"
  }
},

Now MMM-Dummy will contain weatherphotos as its background image. You can show/hide this module with any page controlling modules.(MMM-Pages? MMM-Caroulsel?)

richland007

@sean Thank you very much it worked like a charm …you guys that know how to code are cool :)
thanks again

cowboysdude

@richland007 Yes they are…I play with code…THEY know it.

Mykle1

@cowboysdude said in MMM-WeatherBackground:

I play with code…THEY know it.

Don’t sell yourself short, bro. There hasn’t been a module I’ve broken that you haven’t been able to fix. I tip my hat to you.

cowboysdude

@mykle1 yeah well…

A Former User

I’ve added configuration sample for NOAA3.
I like @cowboysdude’s forked version, but it’s images are static.
I always love random. That is why I build this module.
Fortunately, since @cowboysdude updated his NOAA3, now I can suggest a configuration for my original to use with NOAA3

{
  //disabled:true,
  module: "MMM-WeatherBackground",
  config: {
    targetDOM: ".MMM-Dummy", // < -- change to where you want to display
    notification: "WEATHER",
    payloadConverter:(payload)=>{
      var n = (moment().isAfter(moment(payload.sunset))) ? "night" : "day"
      var iconMap = {
        "tstorms": "thunderstorm",
        "chancesnow": "snow"
      }
      var ret = (payload.icon in iconMap) ? iconMap[payload.icon] : payload.icon
      return ret + " " + n
    }
  }
},

BKeyport

This module is supposed to be weather images, yet, I have seen exactly one image that’s weather related.

Most of the time, it’s keyboards, computer related stuff, people, etc.

Can I restrict the pictures?

A Former User

@bkeyport
Frankly, it is not so easy, because images are the result of searching keywords in unslpash.
Ideally, https://source.unsplash.com/featured/?clouds should show the clouds - weather related image. But in unsplash, many images - not related with weather itself - might have that name “clouds” because, just photographer named as it.
I regard it as a funny random stuffs - not weather itself but something like mood or feeling.
You can adjust obvious keywords in payloadConverter to clearer ones. By example, In above configuration, I change “tstorms” => “thunderstorm”.

Or if you are using MMM-NOAA3, Try cowboysdude’s forked version.(https://github.com/cowboysdude/MMM-WeatherBackground).
Instead getting image from unsplash, it serves prepared static image.