Creating a module to display daily horoscopes

pflnpi0305 · Jan 29, 2017, 9:05 AM

i add this and get black screen only when i add the horoscope. maybe i dont know hot to install it lol. am i doing something wrong? any help is appreciated.

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 */

var config = {
	port: 8080,
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", ],

	language: 'en',
	timeFormat: 12,
	units: 'imperial',

	modules: [
		{
			module: 'alert',
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: 'clock',
			position: 'top_left'
		},
		{
			module: 'calendar',
			header: 'MY CALENDAR',
			position: 'top_left',
			config: {
			fetchInterval: 1 * 60 * 1000,
				calendars: [
					{
						symbol: 'calendar-check-o ',
						url: 'webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics'
		},
                {
                                                url: 'https://calendar.google.com/calendar/ical/5ddp1drsb3mib0a6piof8h0f8s%40group.calendar.google.com/private-xxxxxxxxxxxxxxx'
           
                                           }
				 ]
			 }
		},
		{
			module: 'compliments',
			position: 'lower_third'

               },
              {
			
			module: 'MMM-horoscope',
    			position: 'bottom_right',  
    			config: {
      				
      				sign: 'aries', // Zodiac sign
                }
		
      
 		},
		{
		        module: 'currentweather',
			position: 'top_right',
			config: {
				units: 'imperial',
         			location: '',
				locationID: '',  //ID from http://www.openweathermap.org
				appid: 'xxxxxxxxxxxxxxxx'
				
				
			}
		},		
		{
			module: 'MMM-Remote-Control'
    			
    		
    			
		},
		{
		
			module: 'MMM-WunderGround',
    			position: 'top_right',
    			config: {
       				 apikey: 'xxxxxxxxxxxxxxxx', // private; don't share!
        			 pws: 'CA/FONTANA', 
        			 hourly: '1',
       			         fctext: '1',
        			 fcdaycount: "5",
        			 fcdaystart: "0",
        			 hourlyinterval: "3",
        			 hourlycount: "2",
        			 alerttime: 10000,
        			 alerttruncatestring: "english:",
    			         roundTmpDecs: 1,
    				 UseCardinals: 0,
    				 layout: "horizontal",
    				sysstat: 0
			}
		},
		{
			module: 'newsfeed',
			position: 'bottom_bar',
			config: {
				feeds: [
					{
						
						title: "Google News",
						url: "https://news.google.com/news?cf=all&hl=en&pz=1&ned=us&output=rss"
		},
            	{
						title: "New York Times",
	                    			url:       "http://www.nytimes.com/services
                                             /xml/rss/nyt/HomePage.xml"
                },
                {
        				        title: "BBC Sci-Tech",
						url: "http://feeds.bbci.co.uk/news/video_and_audio/technology/rss.xml?edition=uk"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				maxNewsItems: 0,
				updateInterval: 10 * 1000,
				reloadInterval:  2 * 60 * 1000
			}
		},
	]

    };


/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== 'undefined') {module.exports = config;}

cowboysdude · Jan 29, 2017, 6:31 PM

@pflnpi0305

Run that through this: http://javascriptbeautifier.com/

to clean that up… lots of spaces in there… may not be the problem but it could become a problem at some point and it’s easier to read through it when it’s formatted ;)

But I do believe your problem is right here:

url: “http://www.nytimes.com/services
/xml/rss/nyt/HomePage.xml”

That’s not valid… needs to be:

url: “http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml”

morozgrafix · Jan 30, 2017, 12:16 AM

@pflnpi0305 I believe that @cowboysdude is correct about that line spilling over. It needs to be on one line. When in doubt you can always paste your config.js at http://jshint.com/ and see if there are any errors (one warning about undefined variable module is ok)

cowboysdude · Jan 30, 2017, 12:33 AM

@morozgrafix said in Creating a module to display daily horoscopes:

@pflnpi0305 I believe that @cowboysdude is correct about that line spilling over. It needs to be on one line. When in doubt you can always paste your config.js at http://jshint.com/ and see if there are any errors (one warning about undefined variable module is ok)

Home away from home LOL AND off topic but Thanks and congrats on being a mod :)

pflnpi0305 · Jan 30, 2017, 1:56 AM

so i fixed it and added it the the java beautifier link and thenadded it back to my config.js folder and rebootbut still black screen.
cant use npm start
is it because im using pm2 to autostart my mirror?

morozgrafix · Jan 30, 2017, 5:28 AM

@pflnpi0305 if you are using pm2 then you can restart mm with pm2 restart mm, to stop it you would run pm2 stop mm, to list processes managed by pm2 you would do pm2 list and to start you would run pm2 start mm

If you are still have issues, post your latest version of config.js here again. Are you getting any errors?

pflnpi0305 · Jan 30, 2017, 4:40 AM

so i also dropped my config in jshint.comand and javascriptbeautifier.com and all is well…i dont know what im missing. if i remove the horoscope everything works well but if i have it then it wont work.

              var config = {
port: 8080,
ipWhitelist: [ "127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.1/24" ],
language: "en",
timeFormat: 12,
units: "imperial",
modules: [ {
    module: "MMM-Admin-Interface"
}, {
    module: "alert"
}, {
    module: "updatenotification",
    position: "top_bar"
}, {
    module: "clock",
    position: "top_left"
}, {
    module: "calendar",
    header: "MY CALENDAR",
    position: "top_left",
    config: {
        fetchInterval: 1 * 60 * 1000,
        calendars: [ {
            symbol: "calendar-check-o ",
            url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
        }, {
            url:"https://calendar.google.com/calendar/ical/5ddp1drsb3mib0a6piof8h0f8s%40group.calendar.google.com/private-xxxxxxxxxxxxxxx/basic.ics"
        } ]
    }
}, {
    module: "compliments",
    position: "lower_third"
}, {
    module: "currentweather",
    position: "top_right",
    config: {
        units: "imperial",
        location: "FONTANA/CA",
        locationID: "",
        appid: "xxxxxxxxxxxxxx"
    }
}, {
    module: "MMM-Remote-Control"
}, {
    module: "MMM-WunderGround",
    position: "top_right",
    config: {
        apikey: "xxxxxxx",
        pws: "CA/FONTANA",
        hourly: "1",
        fctext: "1",
        fcdaycount: "5",
        fcdaystart: "0",
        hourlyinterval: "3",
        hourlycount: "2",
        alerttime: 10000,
        alerttruncatestring: "english:",
        roundTmpDecs: 1,
        UseCardinals: 0,
        layout: "horizontal",
        sysstat: 0
    }
}, {
    module: "MMM-Globe",
    position: "center",
    config: {
        style: "geoColor",
        imageSize: 300,
        ownImagePath: "",
        updateInterval: 10 * 60 * 1000
    }
}, {
    module: "MMM-horoscope",
    position: "bottom_right",
    config: {
        sign: "aries"
    }
}, {
    module: "newsfeed",
    position: "bottom_bar",
    config: {
        feeds: [ {
            title: "Google News",
            url: "https://news.google.com/news?cf=all&hl=en&pz=1&ned=us&output=rss"
        }, {
            title: "New York Times",
            url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
        }, {
            title: "BBC Sci-Tech",
            url: "http://feeds.bbci.co.uk/news/video_and_audio/technology/rss.xml?edition=uk"
        } ],
        showSourceTitle: true,
        showPublishDate: true,
        maxNewsItems: 0,
        updateInterval: 10 * 1000,
        reloadInterval: 2 * 60 * 1000
    }
} ]
};

if ("undefined" !== typeof module) module.exports = config;

morozgrafix · Jan 30, 2017, 5:49 AM

@pflnpi0305 Do you see any errors in the console log when you run it start the mirror with npm start dev command? Also are you running off the master branch or dev?
We can try to start eliminating things out to narrow down what is causing the black screen for you.

Can you try this config with only horoscope module:

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 */

var config = {
	port: 8080,
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],

	language: 'en',
	timeFormat: 24,
	units: 'metric',

	modules: [
		{
			module: 'MMM-horoscope',
			position: 'bottom_right', // This can be any of the regions.
			config: {
				// See ‘Configuration options’ for additional options and more information.
				sign: 'aries', // Zodiac sign
				}
		},
	]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== 'undefined') {module.exports = config;}

Also can you please double check that MMM-horoscope and contents exist under ~/MagicMirror/modules directory? (I know I’m asking for obvious things, just trying to get some more info about your installation).

pflnpi0305 · Jan 30, 2017, 8:05 AM

thats the issue it doesnt exsist in there… how do i clone the git via ssh

morozgrafix · Jan 30, 2017, 8:25 AM

@pflnpi0305 It will not work if you don’t have a copy of the module installed locally, black screen is there because MM is attempting to load JS files for the module from the directory that doesn’t exist. You need to run this in terminal while connected to your RasPi (directly or via SSH).

cd ~/MagicMirror/modules
git clone https://github.com/morozgrafix/MMM-horoscope.git

After that you would need to restart MM node process in order it to pickup new node_helper for horoscope module.

Thanks