@acimail01 This is because the require function is not available in the browser. Are you using the server only mode?

@sdetweil Attention, the fs module is (obviously) not available in the server only mode.

Hey guys!

I need to use enviromental variables process.env in the config.js. However I am unable to do so in the server only mode.

The config.js is used in the “Webinterface”, this obviously don’t have access to the enviromental variables of Node.js.

I am using balena-MagicMirror (made by me) to have multiple remotely managed MagicMirrors which all contain basically the same config, but differ in a few things that should be defined as enviromental variables.

Anyone know how I can “inject” enviromental variables in the browser with some MagicMirror Module?

Edit: I just created a module that will do this

[card:idoodler/MMM-ENV-Provider]

@bobbythemoh Hi, I have good news for you, I just pushed a fix. Please update MMM-Loxone for it to work again. I also made it a bit faster, I hope your wife will be happy again:smiling_face_with_open_mouth_smiling_eyes:

Btw. This issue semes to be related to one of the latest Raspbian updates, I assume its because the new Raspberry Pi has two HDMI outputs, so there may be some changes to the HDMI related code…

@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

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

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

@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/

@berne You have one extra } before the updatenotification module.

Here is the corrected config:

/* 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: "top_right",
			config: {
				showCoverArt: true,
                		clientID: "",
				clientSecret: "",
				accessToken: "",
				refreshToken: ""
			}
		},     
		{
			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: "Vara,Sweden",
				locationID: "2665018",  //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: "Vara,Sweden",
				locationID: "2665018",  //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: "Aftonbladet",
						url: "http://www.aftonbladet.se/nyheter/rss.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		}
	]
};

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

@Timboats Everyting outside the circle will obviously be cropped. You would to heavily modify the CSS of MagicMirror (and maybe even of some of your used modules) to make this work.