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

Text to config.js

Scheduled Pinned Locked Moved Troubleshooting
12 Posts 3 Posters 1.3k Views 3 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.
  • L Offline
    Litek
    last edited by Mar 29, 2021, 9:45 AM

    Hi !
    I am new on Rasberry Pi.
    Trying to add text from MMM-ImagesPhotos to MagicMirror/config.js :

    /* Magic Mirror Config Sample
    *

    • By Michael Teeuw https://michaelteeuw.nl
    • MIT Licensed.
    • For more information on how you can configure 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 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",
    logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
    timeFormat: 24,
    units: "metric",
    // serverOnly:  true/false/"local" ,
    // local for armv6l processors, default
    //   starts serveronly and then starts chrome browser
    // false, default for all NON-armv6l devices
    // true, force serveronly mode, because you want to.. no UI on this device
    
    modules: [
    	{
    		module: "alert",
    	},
    	{
    		module: "updatenotification",
    		position: "top_bar"
    	},
    	{
    		module: "clock",
    		position: "top_left"
    	},
    	{
    		module: "calendar",
    		header: "US Holidays",
    		position: "top_left",
    		config: {
    			calendars: [
    				{
    					symbol: "calendar-check",
    					url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"					}
    			]
    		}
    	},
    	{
    module: "MMM-ImagesPhotos",
    position: "middle_center",
    config: {
    	opacity: 0.9,
    	animationSpeed: 500,
    	updateInterval: 5000,
    }
    

    },
    module: “compliments”,
    position: “lower_third”
    },
    {
    module: “currentweather”,
    position: “top_right”,
    config: {
    location: “New York”,
    locationID: “5128581”, //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    appid: “YOUR_OPENWEATHER_API_KEY”
    }
    },
    {
    module: “weatherforecast”,
    position: “top_right”,
    header: “Weather Forecast”,
    config: {
    location: “New York”,
    locationID: “5128581”, //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    appid: “YOUR_OPENWEATHER_API_KEY”
    }
    },
    {
    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;}

    Got wrong position for text when past in ?

    Litek

    S 1 Reply Last reply Mar 29, 2021, 11:39 AM Reply Quote 0
    • S Away
      sdetweil @Litek
      last edited by Mar 29, 2021, 11:39 AM

      @litek all that doesn’t go in config.js

      just a little section

      {
         module: "?????",
         position:"??!!!??",
         config :{
           .
           .
         }
      }
      

      see the topics on my signature below

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • L Offline
        Litek
        last edited by Mar 29, 2021, 2:16 PM

        Hi again !
        can you add this in to config js for me :
        so i can se how the file look like ?

        Here is an example of an entry in config.js

        {
        	module: "MMM-ImagesPhotos",
        	position: "middle_center",
        	config: {
        		opacity: 0.9,
        		animationSpeed: 500,
        		updateInterval: 5000,
        	}
        },
        S 1 Reply Last reply Mar 29, 2021, 2:20 PM Reply Quote 0
        • S Away
          sdetweil @Litek
          last edited by Mar 29, 2021, 2:20 PM

          @litek well,

          this is the end of the config.js file

          		{
          			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
          			}
          		},
          	]      // < ------- this is the end of the module list (the start is [ above
          };
          

          so, you place your new module BEFORE the end of the list and AFTER the } of the prior module

          		{
          			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
          			}
          		},  // < --- end of prior module 
          // new module goes here 
          {
          	module: "MMM-ImagesPhotos",
          	position: "middle_center",
          	config: {
          		opacity: 0.9,
          		animationSpeed: 500,
          		updateInterval: 5000,
          	}
          },
          	]   // < --- end of module list 
          };
          

          ALWAYS check to make sure end of prior module entry } ends with a comma (means more to follow)

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • L Offline
            Litek
            last edited by lavolp3 Mar 30, 2021, 11:45 AM Mar 29, 2021, 4:19 PM

            File wonr run :

            
            /* Magic Mirror Config Sample
             *
             * By Michael Teeuw https://michaelteeuw.nl
             * MIT Licensed.
             *
             * For more information on how you can configure 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 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",
            	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
            	timeFormat: 24,
            	units: "metric",
            	// serverOnly:  true/false/"local" ,
            	// local for armv6l processors, default
            	//   starts serveronly and then starts chrome browser
            	// false, default for all NON-armv6l devices
            	// true, force serveronly mode, because you want to.. no UI on this device
            
            	modules: [
            		{
            			module: "alert",
            		},
            		{
            			module: "updatenotification",
            			position: "top_bar"
            		},
            		{
            			module: "clock",
            			position: "top_left"
            		},
            		{
            			module: "calendar",
            			header: "US Holidays",
            			position: "top_left",
            			config: {
            				calendars: [
            					{
            						symbol: "calendar-check",
            						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"					}
            				]
            			}
            		},
            		{
            			module: "compliments",
            			position: "lower_third"
            		},
            		{
            			module: "currentweather",
            			position: "top_right",
            			config: {
            				location: "New York",
            				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
            				appid: "YOUR_OPENWEATHER_API_KEY"
            			}
            		},
            		{
            			module: "weatherforecast",
            			position: "top_right",
            			header: "Weather Forecast",
            			config: {
            				location: "New York",
            				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
            				appid: "YOUR_OPENWEATHER_API_KEY"
            			}
            		},
            		{
            			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
            			}
            		},
            	]
            };
            
            	module: "MMM-ImagesPhotos",
            	position: "middle_center",
            	config: {
            		opacity: 0.9,
            		animationSpeed: 500,
            		updateInterval: 5000,
            	}
            /*************** DO NOT EDIT THE LINE BELOW ***************/
            if (typeof module !== "undefined") {module.exports = config;}
            
            [29.03.2021 18:15.24.533] [ERROR] WARNING! Could not validate config file. Starting with default configuration. Please correct syntax errors at or above this line: /home/pi/MagicMirror/config/config.js:107
            	position: "middle_center",
            	        ^
            
            SyntaxError: Unexpected token ':'
                at Module._compile (internal/modules/cjs/loader.js:896:18)
                at Object.Module._extensions..js (internal/modules/cjs/loader.js:986:10)
                at Module.load (internal/modules/cjs/loader.js:816:32)
                at Module._load (internal/modules/cjs/loader.js:728:14)
                at Function.Module._load (electron/js2c/asar.js:748:26)
                at Module.require (internal/modules/cjs/loader.js:853:19)
                at require (internal/modules/cjs/helpers.js:74:18)
                at loadConfig (/home/pi/MagicMirror/js/app.js:70:12)
                at App.start (/home/pi/MagicMirror/js/app.js:217:3)
                at Object.<anonymous> (/home/pi/MagicMirror/js/electron.js:129:7)
            
            

            Need some help

            S 1 Reply Last reply Mar 29, 2021, 4:34 PM Reply Quote 0
            • S Away
              sdetweil @Litek
              last edited by Mar 29, 2021, 4:34 PM

              @litek cause u put it in the wrong place

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • L Offline
                Litek
                last edited by Mar 29, 2021, 4:37 PM

                Hi again !
                Can you make the file for me and wherto so i will understand it ?

                Please

                S lavolp3L 2 Replies Last reply Mar 29, 2021, 5:33 PM Reply Quote 0
                • S Away
                  sdetweil @Litek
                  last edited by Mar 29, 2021, 5:33 PM

                  @litek no. I gave u the very detailed instructions

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • lavolp3L Offline
                    lavolp3 Module Developer @Litek
                    last edited by lavolp3 Mar 30, 2021, 11:50 AM Mar 30, 2021, 11:49 AM

                    @litek Sam does not want to do all the work for you and I understand him.
                    You can see in the file a lot of module entries, and you need to put your module entry in like them.

                    modulesis an array containing objects (if that does not ring a bell you should consider going a bit into javascript before moving much further).

                    The structure of this array is like this:

                    modules: [
                      {
                        module: '',
                        position: '...',
                        config: {
                         ...
                        },
                      },
                      {
                        module: '',
                        position: '...',
                        config: {
                         ...
                        },
                      },
                      {
                        module: '',
                        position: '...',
                        config: {
                         ...
                        },
                      }
                    ]
                    

                    You need to take care to use commas as seperators, IN an array or an object, semicolons are always misplaced.
                    Hope that helps.

                    How to troubleshoot modules
                    MMM-soccer v2, MMM-AVStock

                    S 1 Reply Last reply Mar 30, 2021, 11:51 AM Reply Quote 0
                    • S Away
                      sdetweil @lavolp3
                      last edited by Mar 30, 2021, 11:51 AM

                      @lavolp3 I gave him exactly where

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      lavolp3L 1 Reply Last reply Mar 30, 2021, 11:52 AM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        1/12
                        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