• 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.

Modifying the Config File

Scheduled Pinned Locked Moved Unsolved Troubleshooting
101 Posts 7 Posters 110.6k Views 7 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.
  • J Offline
    jimb
    last edited by sdetweil Dec 3, 2023, 8:37 PM Dec 3, 2023, 8:16 PM

    Sam, success! I have d/l’d the SSH gui program and here is my config.js file. I have deleted my apiKey

    modules: [
    		{
    			module: "alert",
    		},
    		{
    			module: "updatenotification",
    			position: "top_bar"
    		},
    		{
    			module: "clock",
    			position: "top_left"
    		},
    		{
    			module: "calendar",
    			header: "US Holidays",
    			position: "top_left",
    			config: {
    				calendars: [
    					{
    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
    						symbol: "calendar-check",
    						url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
    					}
    				]
    			}
    		},
    		{
    			module: "compliments",
    			position: "lower_third"
    		},
    		{
    			module: "weather",
    			position: "top_right",
    			config: {
    				weatherProvider: "openweathermap",
    				apiVersion: "3.0",
    				lat: 33.50872,
    				lon: -96.612213,
    				weatherEndpoint: "/onecall",
    				type: "current",
    				location: "Houston",
    				locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				apiKey: "8eca2aec"
    			}
    		},
    		{
    			module: "weather",
    			position: "top_right",
    			header: "Weather Forecast",
    			config: {
    				weatherProvider: "openweathermap",
    				apiVersion: "3.0",
    				lat: 33.50872,
    				lon: -96.612213,
    				weatherEndpoint: "/onecall",
    				type: "forecast",
    				location: "Houston",
    				locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				apiKey: "8
    "
    			}
    		},
    		{
    			module: "newsfeed",
    			position: "bottom_bar",
    			config: {
    				feeds: [
    					{
    						title: "New York Times",
    
    S 1 Reply Last reply Dec 3, 2023, 8:39 PM Reply Quote 0
    • S Offline
      sdetweil @jimb
      last edited by sdetweil Dec 3, 2023, 8:44 PM Dec 3, 2023, 8:39 PM

      @jimb missing some at the bottom

      I assume the apikey with a new line inside is a removal edit problem

      always wrap config.js content in code block

      paste into editor
      blank line above and below
      select pasted text
      hit button </>

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • J Offline
        jimb
        last edited by sdetweil Dec 4, 2023, 8:28 PM Dec 4, 2023, 8:00 PM

        Sam, here is a copy of the config.js (with the apiKey deleted)

        let 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 or empty, is "localhost"
        	port: 8080,
        	basePath: "/",			// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
        					  		// you must set the sub path here. basePath must end with a /
        	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"],
        
        	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
        	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
        	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true
        
        	language: "en",
        	locale: "en-US",
        	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
        	timeFormat: 12,
        	units: "imperial",
        
        	modules: [
        		{
        			module: "alert",
        		},
        		{
        			module: "updatenotification",
        			position: "top_bar"
        		},
        		{
        			module: "clock",
        			timezone: "America/Chicago",
        			showPeriodUpper: "true",
        			showDate: "true",
        			position: "top_left",
        		},
        	{
        			module: "calendar",
        			header: "US Holidays",
        			position: "top_left",
        			config: {
        				calendars: [
        					{
        						fetchInterval: 7 * 24 * 60 * 60 * 1000,
        						symbol: "calendar-check",
        						url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
        					}
        				]
        			}
        		},
        		{
        			module: "compliments",
        			position: "lower_third"
        		},
        		{			
        			module: "weather",
        			units: "imperial",
        			windUnits: "imperial",
        			tempUnits: "imperial",
        			showPeriodUpper: "true",
        			appendLocationNameToHeader: "true",
        			colored: "true",
        			position: "top_right",
        			config: {
        				apiVersion:"3.0",
        				weatherProvider: "openweathermap",
        				weatherEndpoint:"/onecall",
        				lat: "33.50872",
        				lon: "-96.612213",
        				type: "current",
        				location: "Houston",
        				locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
        				apiKey: "8acfbcab123ce212",
        			}
        		},
        		{
        			module: "weather",
        			units: "imperial",
        			winUnits: "imperial",
        			tempUnits: "imperial",
        			showPeriodUpper: "true",
        			appendLocationNaneToHeader: "true",
        			colored: "true",
        			position: "top_right",
        			header: "Weather Forecast",
        			config: {
         				apiVersion:"3.0",
         				weatherProvider: "openweathermap",
        				weatherEndpoint:"/onecall",
        				lat: "33.50872",
         				lon:"-96.612213",	
         				type: "forecast",
             				location: "Houston",
        				locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
        					apiKey: "8eca2acaacfbcab123ce212",
        			}
        		},
        		{
        			module: "newsfeed",
        			position: "bottom_bar",
        			config: {
        				feeds: [
        					{
        						title: "New York Times",
        						url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
        					}
        				],
        				showSourceTitle: true,
        				showPublishDate: true,
        				broadcastNewsFeeds: true,
        				broadcastNewsUpdates: true
        			}
        		},
        	]
        };
        
        /*************** DO NOT EDIT THE LINE BELOW ***************/
        if (typeof module !== "undefined") {module.exports = config;}
        
        

        Screen.jpg

        1 Reply Last reply Reply Quote 0
        • J Offline
          jimb
          last edited by Dec 5, 2023, 2:14 AM

          Sam, I tried to do the Ctrl-Shift_i keypress in the browser, but nothing happened. Do I need to do this at a certain point in time or from a certain place. The reason is because I’m still getting the 401-unauthorized messages if I perform the npm start dev process during application start.

          S 3 Replies Last reply Dec 5, 2023, 2:19 AM Reply Quote 0
          • S Offline
            sdetweil @jimb
            last edited by Dec 5, 2023, 2:19 AM

            @jimb weird… always works for me.

            I meant to test w my apikeys today.

            will get to it

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @jimb
              last edited by Dec 5, 2023, 2:47 AM

              @jimb well, I used your exact weather config, and used my openweather api key , and it worked perfectly

              Screenshot 2023-12-04 8.45.24 PM.png

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @jimb
                last edited by Dec 5, 2023, 3:03 AM

                @jimb and you’ve got some stuff out of position

                this is the more correct layout

                                {                       
                                        module: "weather",
                                      position: "top_right",
                                       config:{
                                           units: "imperial",
                                           windUnits: "imperial",
                                           tempUnits: "imperial",
                                           showPeriodUpper: "true",
                                           appendLocationNameToHeader: "true",
                                           colored: "true",
                        //              position: "top_right",
                        //              config: {
                                                apiVersion:"3.0",
                                                weatherProvider: "openweathermap",
                                                weatherEndpoint:"/onecall",
                                                lat: "29.8155405", //"33.50872",
                                                lon: "-96.0607878", //"-96.61",
                                                type: "current",
                                                //location: "Houston",
                                                //locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and fi>
                                                apiKey:""
                                        }
                                },
                  GNU nano 6.2                                                       config/config.js                                                                
                                {
                                        module: "weather",
                                        position:"top_right",
                                        header: "Weather Forecast",
                                        config:{
                                            units: "imperial",
                                           winUnits: "imperial",
                                           tempUnits: "imperial",
                                          showPeriodUpper: "true",
                                          appendLocationNaneToHeader: "true",
                                          colored: "true",
                                        //position: "top_right",
                                        //header: "Weather Forecast",
                                        //config: {
                                                apiVersion:"3.0",
                                                weatherProvider: "openweathermap",
                                                weatherEndpoint:"/onecall",
                                                lat: "33.50872",
                                                lon:"-96.612213",       
                                                type: "forecast",
                                                //location: "Houston",
                                                //locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and fi>
                                                        apiKey:"// "
                                        }
                                }, 
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • J Offline
                  jimb
                  last edited by Dec 5, 2023, 6:38 PM

                  Sam, that’s helpful, thanks! The items out of alignment happened when I deleted some of my apiKey. The original is perfectly straight. Since it worked with your Key, a couple of questions.

                  1. Does your Key have 28 digits?
                  2. Can you answer my question concerning the Ctrl-Shift-i keys to display the browser data. Can I stop the MM app and load the browser, or…
                    JimB
                  S 1 Reply Last reply Dec 5, 2023, 6:49 PM Reply Quote 0
                  • S Offline
                    sdetweil @jimb
                    last edited by sdetweil Dec 5, 2023, 6:52 PM Dec 5, 2023, 6:49 PM

                    @jimb my apikey has 33 characters

                    it is the default key in openweather (I have multiple)

                    i just brought up MM, and used my chromebook to bring up the page… and then ctrl-shift-i (letter sounds like eye) all at once, opened the dev window

                    you can do those three keys on any webpage, its a toggle… on/off

                    using normal chrome, you can use the 3 dot menu to get there too
                    Screenshot 2023-12-05 12.51.15 PM.png

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      jimb
                      last edited by Dec 5, 2023, 10:09 PM

                      Sam, why is it always the simple things :-)
                      I found a simple link that allowed me to test the openweather api link:
                      http://api.openweathermap.org/data/2.5/forecast?id=524901&appid={API Key}
                      I saw the 2.5 and changed it to 3.0 and got a 401 error. I changed it back to 2.5 and it worked. I tried commenting out the 3.0 & /onecall items in config.js and got a “config.js not found” error when running MM. I had used (/*) in the leftmost column as a ‘ignore line’ comment. So, I deleted the 4 lines from config.js and it worked fine except for a teensy error “displaying Howe instead of Houston” in the display. I have no idea where that came from. I wonder why the fourth largest city in the US isn’t listed in the pull-down menu?

                      IMG_2036.jpg

                      Now, I’m going to see if I can add additional modules.
                      Thanks for your very patient help!!

                      S B 2 Replies Last reply Dec 5, 2023, 10:10 PM Reply Quote 1
                      • 1
                      • 2
                      • 6
                      • 7
                      • 8
                      • 9
                      • 10
                      • 11
                      • 8 / 11
                      8 / 11
                      • First post
                        77/101
                        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