• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

config,js beginner

Scheduled Pinned Locked Moved Unsolved Troubleshooting
20 Posts 6 Posters 4.6k Views 6 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B Offline
    berne
    last edited by Jul 19, 2019, 4:44 PM

    /* Magic Mirror Config Sample
     *
     * By Michael Teeuw http://michaelteeuw.nl
     * MIT Licensed.
     *
     * For more information how you can configurate this file
     * See https://github.com/MichMich/MagicMirror#configuration
     *
     */
    
    var config = {
    	address: "localhost", // Address to listen on, can be:
    	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
    	                      // - another specific IPv4/6 to listen on a specific interface
    	                      // - "", "0.0.0.0", "::" to listen on any interface
    	                      // Default, when address config is left out, is "localhost"
    	port: 8080,
    	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
    	                                                       // or add a specific IPv4 of 192.168.1.5 :
    	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
    	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
    	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
    
    	language: "en",
    	timeFormat: 24,
    	units: "metric",
    
    	modules: [
    		{
    			module: "alert",
    		},
    		{
    	           module: "MMM-NowPlayingOnSpotify",
    			position: "bottom_right",
    			config: {
    				showCoverArt: true,
                    		clientID: "c162a50685084953913d4fc247758a9e",
    				clientSecret: "d464b761e3c849a3846d087a96739d0c",
    				accessToken: "BQCJP0CGFThDfAv6p8my-fkZJQjPUoQN3nBYnV4Q-jtdVRtjcx3mCaDnX9QpSKD4YfXgSVAWh3vU_Mpij_9NpyrN1KK_6lv93Ffz3IkJqUiX31WQmJXzsIatawIhTbbqx0KLdP0qK-qFQx_MKuvSrUSB",
    				refreshToken: "AQCJi17nSbRBpLbfjH6M2t-6x2FIrBlqiHC4cctLslmIj1STMwj1pTH7JJ8TUvHIonlEnogyKqltqD3KxfYzOml4PUiW-fyFHcaPhLeRTVNwyz3DtCjFblIggtYwUkF6wk0QJw"
    				}
    		},
    		{
    
    		module: "updatenotification",
    			position: "top_bar"
    		},
    		{
    			module: "clock",
    			position: "top_left"
    		},
    		{
    			module: "calendar",
    			header: "Kalender",
    			position: "top_left",
    			config: {
    				calendars: [
    					{
    						symbol: "calendar-check",
    						url: "https://calendar.google.com/calendar/ical/berntsson88%40gmail.com/public/basic.ics"					}
    				]
    			}
    		},
    		{
    			module: "compliments",
    			position: "lower_third"
    		},
    		{
    			module: "currentweather",
    			position: "top_right",
    			config: {
    				location: "Vara,Sweden",
    				locationID: "2665018",  //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				appid: "cb3ba3fb9618b6f6de3fbbb9ee78284e"
    			}
    		},
    		{
    			module: "weatherforecast",
    			position: "top_right",
    			header: "Weather Forecast",
    			config: {
    				location: "Vara,Sweden",
    				locationID: "5128581",  //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				appid: "cb3ba3fb9618b6f6de3fbbb9ee78284e"
    			}
    		},
    		{
    			module: "newsfeed",
    			position: "bottom_bar",
    			config: {
    				feeds: [
    				{
    						title: "Aftonbladet",
    						url: "http://www.aftonbladet.se/nyheter/rss.xml"
                                    },
                                    {
    					        title: "Macworld",
                                                    url: "http://feeds.idg.se/idg/FPjt",
                                    },
    	
    					]
    				],
    				showSourceTitle: true,
    				showPublishDate: true,
    				broadcastNewsFeeds: true,
    				broadcastNewsUpdates: true
    			}
    		},
    	]
    
    };
    
    /*************** DO NOT EDIT THE LINE BELOW ***************/
    if (typeof module !== "undefined") {module.exports = config;}
    
    

    i got Spotify to work, the weather is not working and not the RSS feed, i tyde to add one more to newfeed, but it sems like i mess up my config.

    i toke a code and paste in to: jslint.com thats @idoodler did fix for me, got lots of error.

    How are u guys doing?
    if i change one thing i am messing somting up, i just what something to contoll the code, before i use in config.

    I S 2 Replies Last reply Jul 19, 2019, 4:50 PM Reply Quote 0
    • I Offline
      idoodler Module Developer @berne
      last edited by idoodler Jul 19, 2019, 4:52 PM Jul 19, 2019, 4:50 PM

      @berne You do have one error remove the lonley ] but keep the ],.

      In addition, the linter you is way to sensitive, try the one I posted, or simply use Visual Studio codes Intelisense, it will automatically show you errors…

      Linter: https://jshint.com/

      1 Reply Last reply Reply Quote 0
      • S Away
        sdetweil @berne
        last edited by Jul 19, 2019, 4:52 PM

        @berne

        every module looks lie this

        {
           module:"name",
           position: " pos",
           header: "????",
           config: {
           }
        },
        

        try to make sure the [ and { line up
        inside the config the same [, { and comma pattern
        one tricky thin is onside arrays (lists of things), when the things are groups like calendar and rss feed
        there needs to be a comma after the LAST entry too

        		{
        			module: "calendar",
        			header: "Kalender",
        			position: "top_left",
        			config: {
        				calendars: [
        					{
        						symbol: "calendar-check",
        						url: "https://calendar.google.com/calendar/ical/berntsson88%40gmail.com/public/basic.ics"
        					}    // < ----- missing comma
        				]
        			}
        		},
        

        using jslint is a pain… you need to check a bunch of things on the bottom of the page,
        else get lots of useless errors,… single quotes, whitespace,

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        I 1 Reply Last reply Jul 19, 2019, 4:54 PM Reply Quote 0
        • I Offline
          idoodler Module Developer @sdetweil
          last edited by Jul 19, 2019, 4:54 PM

          @sdetweil There is no comma needed after the last entry, a comma is only needed if an object is followed by another object, a comma after a last object is not mandatory.

          S 1 Reply Last reply Jul 19, 2019, 4:56 PM Reply Quote 0
          • B Offline
            berne
            last edited by berne Jul 19, 2019, 4:58 PM Jul 19, 2019, 4:55 PM

            102 Expected ‘}’ to match ‘{’ from line 90 and instead saw ‘]’.
            108 Expected ‘]’ to match ‘[’ from line 28 and instead saw ‘}’.
            109 Expected ‘}’ to match ‘{’ from line 11 and instead saw ‘]’.
            109 Missing semicolon.
            109 Unrecoverable syntax error. (94% scanned).

            okej, igot this,
            we can take 102 dose that mean i just need to swap to }?
            109 i have no ide what that translate :S

            S I 2 Replies Last reply Jul 19, 2019, 4:59 PM Reply Quote 0
            • S Away
              sdetweil @idoodler
              last edited by Jul 19, 2019, 4:56 PM

              @idoodler yeh, i can never tell… some modules use the extra comma , some don’t … looked thru my config and it has one everyplace… doesn’t hurt…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 1
              • S Away
                sdetweil @berne
                last edited by Jul 19, 2019, 4:59 PM

                @berne on 101 u have ] and then on 102 u have another ]

                use a good editor Notepad++ on windows… it will show you the matching ( { and [ with ], } and )

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                B 1 Reply Last reply Jul 19, 2019, 5:07 PM Reply Quote 0
                • I Offline
                  idoodler Module Developer @berne
                  last edited by idoodler Jul 19, 2019, 5:06 PM Jul 19, 2019, 5:06 PM

                  @berne

                  • Expected '}' to match '{' from line 90 and instead saw ']'.
                    • Remove the ] in the line above (Line 101) This will validate your config you can ignore the other warnings.
                  1 Reply Last reply Reply Quote 0
                  • B Offline
                    berne @sdetweil
                    last edited by Jul 19, 2019, 5:07 PM

                    @sdetweil but can i trust https://jshint.com/
                    and do what it saying to get it right, like 102
                    just swap ] to }’ on 102

                    i what to learn… but is really hard, i Appreciate you time and @idoodler too

                    M E 2 Replies Last reply Jul 19, 2019, 5:49 PM Reply Quote 0
                    • I Offline
                      idoodler Module Developer
                      last edited by Jul 19, 2019, 5:09 PM

                      @berne I recomend you to to checkout the structure of the existing config.js file.

                      You may also check out the W3Schools documentation: https://www.w3schools.com/js/js_objects.asp

                      1 Reply Last reply Reply Quote 1
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        9/20
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy