I’ve watched as users continue to struggle with formatting in config.js and i think I have a solution

https://github.com/sdetweil/MMM-Config

it automatically discovers what you have installed (in the modules folder) and what you are using (in config.js)

and will let you turn them on/off, edit the settings and change the module positions. all in a form.

every time u start MagicMirror it will check to see if config.js has changed since last time, and if you’ve added or removed something from the modules folder… it will construct a form that will allow you to edit the settings of everything.

and then save it back to config.js (after saving the current copy) (and if using PM2) restart MM to use that new config.js

also works on Windows installations of MM.

it can put a QR code on the screen so you can use your phone or ipad, or other scanning device so u don’t have to know the url
and can also be bookmarked etc…
I supply a css to allow you to change color of the form.

some screen shots
initial form screen

base expanded

some places I can tell what you can do

modules list, blue is enabled, red disabled… (u can changed that in the css file)

sample module form section , discovered from module source file and config.js usage (if any)

module position info, cause you may need one above another, (clock and calendar for example)
and things in other areas…

if u disable a module (checkbox), the contents STAYS in config.js, otherwise it would lose the important info (apikeys, urls, etc)

thanks to a few testers(who can name themselves if they want) , we’ve gone thru a lot of modules, but not all…
so I expect there will be reports of troubles… give it a shot and let me know…

it currently doesn’t support multiple instances of the same module (used for pages and carousel or similar type modules ), or things like my Covid19 charter.
but I have an open issue and am working on it…

given that we will have a regular update quarterly, and we have such a large number of new users experiencing troubles after updates (mostly cause they have a ton to learn)… I have developed a script I would like to get included for future updates…

it should handle all the work…
and give you a trial run of all that…

only applying changes if u request them

give it a try
this works on Mac as well

  bash -c  "$(curl -sL https://raw.githubusercontent.com/sdetweil/MagicMirror_scripts/master/upgrade-script.sh)"

no changes are made to the local repo or the working copy

if you WANT to actually apply the changes do

  bash -c  "$(curl -sL https://raw.githubusercontent.com/sdetweil/MagicMirror_scripts/master/upgrade-script.sh)" apply

there is a log file in the installers folder…

edited Jan 4, 2020 - move from dropbox to github as distro

just a note for spammers,

there is no tolerance.

if it does not apply to MagicMirror, then your posts will be removed, and you will be banned.

Period, no second chances.

@oddo MagicMirror is written in Javascript, and uses loadable extensions (modules) to display small fragments of content (lots of modules, produces lots of content)

each module is essentially an application, focused on the content IT provides. without knowledge of any other module

the documentation on creating a module is here
https://docs.magicmirror.builders/development/introduction.html#general-advice

and u can use my sample to start
https://github.com/sdetweil/SampleModule

read the links in my signature below on how to install a module and making a good config file

also see my installation and maintenance scripts for MM
https://github.com/sdetweil/MagicMirror_scripts

Cannot find module ‘request’

In recent mm releases we have removed libraries that are discontinued ( aka deprecated).

many mm modules used these but didn’t document it. so they fail

to fix this you need to install the library in the module folder,
so do

cd ~/MagicMirror/modules

cd modulename (where modulename is the module having the error)

once there, do

ls package.json

if the module does NOT provide that file ( ls reponse is ‘No such file or directory’) then do

npm init -y

NEVER EVER do this in the MagicMirror folder
if you do/did, then do
git checkout package.json

then regardless (in the module folder) do

npm install ???

where ??? is the library noted in the message Cannot find module ‘???’

| in the example message above, ??? is request

to find this message, look in the output of npm start. or if you use pm2 to launch mm do
pm2 logs --lines=50

use the scripted upgrade if u have any additional modules…

https://github.com/sdetweil/MagicMirror_scripts#update-to-next-magicmirror-version-from-an-existing-magicmirror-installation

already seen requirement for npm rebuild or reinstall as a few have electron version dependencies (binaries) of THEIR dependencies

also note that valid-url has been removed, and at least two modules fail for this dependency

workaround

cd ~/MagicMirror
npm install valid-url

starting today, Sept 7, 2022, we have enabled posting moderation…

users with reputation less than 2 will have their posts dumped into the moderation queue for review before appearing in the forum.

this to stop the spam…

for existing users, to get your reputation raised requires someone to upvote your posts… think of helping new users we let in, after filtering out the spam

I also have a newer installer that resolves a lot of problems with PM2, and supports installing on non-PI systems (Mac, pi zero, odroid, jetson nano)

 bash -c  "$(curl -sL https://raw.githubusercontent.com/sdetweil/MagicMirror_scripts/master/raspberry.sh)"

edited Jan 4, 2020 - move from dropbox to github as distro

@lusiess01 ok, we have seen this only a few times… but in each case it was a problem with the memory card. stuff written doesn’t stick…

@jalibu as this a community constructed place, have at it. build whatever u want.

@Sam-0 note the code should use symbol NOT icon

@rdiharce you must have the desktop version. browser only draws graphics

@Sam-0 I’ve edited your post…

please try to include all the braces {}
so it is completely clear

and use indents to add clarity to what is where …

@GodSmackedOrange well center is the center region,

top is across all left/center/right

@GodSmackedOrange I just replied to your post in discord about the same topic.

there’s no configuration way to do this You may be able to do it with CSS by changing the layout of the region the modules are in top center to display: flex, flexdirection:leftright

you can try this In the developers window by pressing ctrl- alt-i on the magicmirror keyboard
and selecting the elements tab to view the web page contents structured AKA the Dom.

if u select an element you can change its properties on the right hand side top box so that’s where you could apply display flex

@rdiharce is the instance of armbian the full desktop.

does electron run there?

where you do npm start
can u show the messages?

@Manino said in Problem installing new module (beginner), CalendarEXT3 not displaying:

after that, I wrote npm install

after the git clone you do

cd MMM-CalendarExt3

to position prompt with proper current directory

then issue

npm install

then npm install runs and looks at package.json which has a postinstall step

    "postinstall": "git submodule update --init --recursive",

SO, IF you were in the correct folder, then this command would have been issued here …

same as you did manually… SO, that implies you did NOT use the cd command

I see the instructions also do not have that …

cd ~/MagicMirror/modules
git clone https://github.com/MMRIZE/MMM-CalendarExt3
cd MMM-CalendarExt3  # missing <-----------
npm install
git submodule update --init --recursive

so that explains it…

in general, if the module instructions say npm install
you MUST manually position the terminal window in the module folder first… regardless if the instructions tell you or not…

@MMRIZE u need to fix readme

@Manino the question is, WHY did it not get installed properly…

the install instructions

npm install

in the module folder SHOULD have done the work already…

@MajorC the config of the two modules

{
        module: "MMM-ImagesPhotos",
        position: "fullscreen_below",
        config: {
                opacity: 0.9,
                animationSpeed: 500,
                updateInterval: 10000,
                backgroundColor: 'grey',  // not used if fill is true
                fill: false,   // fill around image with blurred copy of image
                blur: 10,   // only used if fill is true
        }
},
{
        module: 'uploadPics',
        disabled: true,
        position: 'bottom_left',  //module position
        config: {
                //dest: "../modules/MMM-ImagesPhotos/uploads"
                debug: true
        }
    }

I use my upgraded version of the module to support fill and blur

https://github.com/sdetweil/MMM-ImagesPhotos

@MajorC said in Background image from private iCloud folder:

The photos should then appear randomly on MM

the MMM-ImagesPhotos module supports that