@sdetweil - well, that explains it…I was using ctrl-r and wondering why it wasn’t working. Eventually, I was just “x” out of the terminal window. Again, thank you for the help.

Turtle

@sdetweil - thank you for the help. It’s finally working with your help. My calendar is up and running. But another quick question, I’m using npm start to start the calendar. How would I stop the calendar? Again, Thank you!

Turtle

Hello all,

So, it’s been a while since I’ve worked on MM. So, I just recently upgraded my PI3 and updated MM as well to the latest version. I’m getting a black screen whenever I’m starting MM. This is what I’m getting after running /npm start…(any help is appreciated)

>magicmirror@2.21.0 start /home/pi/MagicMirror
> DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js

[17.10.2022 05:48.57.151] [LOG]   Starting MagicMirror: v2.21.0
[17.10.2022 05:48.57.182] [LOG]   Loading config ...
[17.10.2022 05:48.57.218] [LOG]   Loading module helpers ...
[17.10.2022 05:48.57.231] [LOG]   No helper found for module: alert.
[17.10.2022 05:48.57.307] [LOG]   Initializing new module helper ...
[17.10.2022 05:48.57.312] [LOG]   Module helper loaded: updatenotification
[17.10.2022 05:48.57.319] [LOG]   No helper found for module: clock.
[17.10.2022 05:48.57.350] [ERROR] WARNING! Could not load config file. Starting with default configuration. Error found: Error: Cannot find module 'valid-url'
Require stack:
- /home/pi/MagicMirror/modules/MMM-CalendarExt2/node_helper.js
- /home/pi/MagicMirror/js/app.js
- /home/pi/MagicMirror/js/electron.js
- /home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js
- 
[17.10.2022 05:48.57.356] [LOG]   Loading module helpers ...
[17.10.2022 05:48.57.362] [LOG]   No helper found for module: alert.
[17.10.2022 05:48.57.367] [LOG]   Initializing new module helper ...
[17.10.2022 05:48.57.370] [LOG]   Module helper loaded: updatenotification
[17.10.2022 05:48.57.374] [LOG]   No helper found for module: clock.
[17.10.2022 05:48.57.398] [ERROR] App threw an error during load
[17.10.2022 05:48.57.406] [ERROR] Error: Cannot find module 'valid-url'
Require stack:
- /home/pi/MagicMirror/modules/MMM-CalendarExt2/node_helper.js
- /home/pi/MagicMirror/js/app.js
- /home/pi/MagicMirror/js/electron.js
- /home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js
- 
    at Module._resolveFilename (node:internal/modules/cjs/loader:940:15)
    at n._resolveFilename (node:electron/js2c/browser_init:245:1105)
    at Module._resolveFilename (/home/pi/MagicMirror/node_modules/module-alias/index.js:49:29)
    at Module._load (node:internal/modules/cjs/loader:785:27)
    at c._load (node:electron/js2c/asar_bundle:5:13343)
    at Module.require (node:internal/modules/cjs/loader:1012:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/home/pi/MagicMirror/modules/MMM-CalendarExt2/node_helper.js:3:18)
    at Module._compile (node:internal/modules/cjs/loader:1118:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1173:10)
[17.10.2022 05:48.57.413] [ERROR] Whoops! There was an uncaught exception...
[17.10.2022 05:48.57.445] [ERROR] Error: Cannot find module 'valid-url'
Require stack:
- /home/pi/MagicMirror/modules/MMM-CalendarExt2/node_helper.js
- /home/pi/MagicMirror/js/app.js
- /home/pi/MagicMirror/js/electron.js
- /home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js
- 
    at Module._resolveFilename (node:internal/modules/cjs/loader:940:15)
    at n._resolveFilename (node:electron/js2c/browser_init:245:1105)
    at Module._resolveFilename (/home/pi/MagicMirror/node_modules/module-alias/index.js:49:29)
    at Module._load (node:internal/modules/cjs/loader:785:27)
    at c._load (node:electron/js2c/asar_bundle:5:13343)
    at Module.require (node:internal/modules/cjs/loader:1012:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/home/pi/MagicMirror/modules/MMM-CalendarExt2/node_helper.js:3:18)
    at Module._compile (node:internal/modules/cjs/loader:1118:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1173:10) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/home/pi/MagicMirror/modules/MMM-CalendarExt2/node_helper.js',
    '/home/pi/MagicMirror/js/app.js',
    '/home/pi/MagicMirror/js/electron.js',
    '/home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js',
    undefined
  ]
}
[17.10.2022 05:48.57.458] [ERROR] MagicMirror² will not quit, but it might be a good idea to check why this happened. Maybe no internet connection?
[17.10.2022 05:48.57.460] [ERROR] If you think this really is an issue, please open an issue on GitHub: https://github.com/MichMich/MagicMirror/issues
[17.10.2022 05:48.58.962] [LOG]   Launching application.
[1049:1017/054900.709871:ERROR:viz_main_impl.cc(186)] Exiting GPU process due to errors during initialization
[1076:1017/054901.244060:ERROR:gpu_memory_buffer_support_x11.cc(44)] dri3 extension not supported.

Turtle

I guess @Mahault fell off the face of the earth? Looks like we answered his questions! lol

@Mahault - is this what you might be trying for? Hacker Schack’s YouTube Video

Turtle

Thank you @sdetweil and @BKeyport for the information.

This weekend I’m going to be working some more on the MM especially the CSS to get the calendars the way I want. So, I’m going to be making the “custom.css” file. Which of the current “.css” file am I going to us to fill the “custom.css” file? Also, on the next updating of MM am I going to lose the “custom.css” file?

Turtle

@Sean said in MMM-CalendarExt2:

@Turtle
I suspect maxItems of each view, but not confirm the reason without real ical data. send me your ical’s URL to inspect what happens. (eouia0819@gmail.com)

@Sean - it was sent. Thank you!

I’m confusing myself with all these examples I’m looking out from the main documentation to other people’s examples. When MM starts, I get the monthly calendar the entire screen but with none of my information from any of the four calendars that I have. Also, I do get the “Upcoming” view in the top_left hand corner with only my information from “Turtle’s Calendar” but not the other calendar. Here is my code…

config: {
    				calendars : [
      					{
					name: "Turtle's Calendar",        					
					url: "",
      					},
					{
					name: "Work Calendar",
					url: "",
					},
					{
					name: "Bill Calendar",
					url: "",
					},
					{
					name: "Payday Calendar",
					url: "",
					},
    					],
    				views: [
      					{
						name: "MONTHVIEW",        					
						mode: "month",
						position: "bottom_bar",
						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
      					},

					{
						name: "DAILYVIEW",        					
						mode: "upcoming",
						Title: "Upcoming Events",
						slotCount: 10,
						hideOverflow: false,
						filterPassedEvent: true,
						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
      					},
    					],
    				scenes: [
      					{
        					name: "DEFAULT",
						views: ["MONTHVIEW", "DAILYVIEW"],
      					},
					
    				],
  			},
		},
		
	]

@sdetweil - thank you again…I got it up and working. Just got to do some tweaking!

@sdetweil - wait a minute…do you mean after the name as in “Turtle’s Calendar”? I have them after each of the URL.

@sdetweil said in MMM-CalendarExt2:

@Turtle after each name: line needs to end with a comma ,

@sdetweil - after putting the post up there, I saw that and added them. Also, added quotes around module name “MMM-CalendarExt2”.

But I’m still getting the same message.

So, all day yesterday, I had everything working with just one calendar and the MM working find. Today, I tried adding three other calendar to the code and now I’m getting a screen that’s telling me the “Must create a config file”. I must have done some syntax wrong that I’m just not seeing. Anyone show me what I’m doing wrong? I removed my url links. Here is my whole config file code…

c/* 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: 12,
	units: "metrics",
	// 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_right"
		},
		{
  			module: 'MMM-CalendarExt2',
  			config: {
    				calendars : [
      					{
					name: "Turtle's Calendar"        					
					url: "",
      					},
					{
					name: "Work Calendar"
					url: "",
					},
					{
					name: "Bill Calendar"
					url: "",
					},
					{
					name: "Payday Calendar"
					url: "",
					},
    					],
    				views: [
      					{
        					mode: "weekly",
      					},
    					],
    				scenes: [
      					{
        					name: "DEFAULT",
      					},
    				],
  			},
		},
		
	]

};

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

all I know is that I’m glad to hear I’m not going crazy for not seeing the custom.css. lol

@Sean said in MMM-CalendarExt2:

@Turtle
I don’t know why, but some nowadays version of MagicMirror has been missing css/custom.css. Just create empty text file and name it as custom.css then save it to your css directory.

@Sean - I thought I could do that but wanted to make sure but before I did that though I was able to find another css file called “MMM-CalendarExt2” in another folder and made some changes to that file which seems to be working. Of course, I made a backup of it just in case but for some reason, that file is acting like custom.css.

@cskenney said in MMM-CalendarExt2:

@Turtle In the CSS folder you should also have a custom.css file (in addition to the main.css file) that was created when you installed MagicMirror.

@cskenney - I do not have a custom.css file. Only have the main.css file. Why I’m so confused right now.

@sdetweil, Thank you! I ran the scripts during the original install.

Hello @Sean,

I just came upon your MMM-CalendarExt2 in the last few days. I think it will do what I need it to do for me. Awesome job! But before I dive in, I like to get myself familiar with it. After reading all the posts in this thread, you keep mentioning about adding “style codes” into the css/custom.css file. By any chance, this been renamed to “main.css”? This is the only css file I have in the “MagicMirror/css/” folder.

@sdetweil - What do you mean by “to add it later”? When I ran your first script, it added the pm2. Does the fixuppm2 script update pm2 or just installs it? If I already have it, I don’t need to run the script, correct?

@sdetweil Thank you again!