How do I install dependencies using npm when MagicMirror is in a Docker?

sdetweil

@karsten13 will leave the bash command running in the container. the container is still running

karsten13

@sdetweil not sure if I understand your question, with exit you leave the container but the container is still running.

If you want stop the container there are several possibilities.

If you used docker-compose up -d to start it you should use docker-compose down for stopping and removing.

If you used docker run ... for starting you need the container name (e.g. mm) and then you can do docker stop mm for stopping and docker rm mm for removing (or docker rm -f mm for doing both in one statement).

sdetweil

@karsten13 not a question, just adding words of understanding for non-docker aware users

we have a ton of users doing /trying stuff with no systems expeience of any kind, no debug skills no system design info and im surprized how many make it part way thru.

the things they are doing are pretty daunting for me w over 40 years.

i spent about 8 months building a ci/cd virtual api test system w docker, in 2014. fell apart as the software we were using embedded the ip address of the other components in the data packets, instead of using nat

karsten13

First (forgot it in first respone): Get well soon!

2014 is long ago concerning docker … It has advantages and disadvantages and I agree that users with minimal system experience should not use it.

If you know what you are doing the main advantage is that you can test and run things without messing up your system. E.g. switch to another mm version is no problem, just use another container and you can test with the exactly same config and module setup. Or need another node version, just use another base image, …

sdetweil

@karsten13 if you know whay u are doing.

yes 2014 is light years ago.

smithbill17

Firstly - apologies for the late reply. I had rather expected to get a “Someone replied to your posting…” email, but perhaps that setting isn’t ‘on’ in my forum profile (i’ll check).

Thank you everyone for the explanation and the details of how to use npm INSIDE the docker container. I did as @karsten13 had suggested (docker exec -it mm bash) and that seemed to work fine. I could run npm install inside the container. I then exited from that session and restarted my docker container.

However, i didn’t quite get working what I was attempting to do:

I have Home Assistant running on my rpi4b (in a docker container)
I have Magic Mirror2 also running (in a docker container) on the same rpi4b
I installed module Snille/MMM-homeassistant-sensors and its working fine
I wanted to use the MaterialDesignIcons as documented in Snille’s module - so I ran the ‘npm install’ command in the module directory inside the docker container as explained by @sdetweil and @karsten13 but, even after restarting my MagicMirror2 container, it made no difference to the icons.
I tried following the instructions in the alternative MMM-homeassistant-sensors by leinich by downloading the documented ‘master.zip’ of MaterialDesignIcons and unzipping that and running the ‘npm install’ command inside the docker container (and i tried inside the MaterialDesign-Webfont-master directory) but i still cant seem to use any of the icons in my Home Assistant sensor display.

Is there something obvious i’m doing wrong (or not doing)? Its not a big problem - i can live without the icons if necessary. I’m happy that I can display Home Assistant sensor data in MagicMirror2 as it is.

Perhaps i’m trying to install fonts in a docker container when in fact the fonts need to go in the relevant directories on the host? and without ‘npm’ being installed on the host, i can’t do that??

Would I be better ditching MagicMirror2 in a docker container, and instead install it natively on the host? (i was trying to keep my rpi4b as a clean host with HomeAssistant and MagicMirror2 neatly bundled into their own containers).

(incidentally, i do have 40+ years in IT, but just not in ‘hands-on’ stuff. I date from the days of FORTRAN, COBOL and Pascal - you’re probably all too young to even know what those were) :)

sdetweil

@smithbill17 csn u tell us the instructions for adding the icons without docker?

smithbill17

Well the Snille/MMM-homeassistant-sensors module just says:

Installation
In your terminal, go to your MagicMirror's Module folder:

cd ~/MagicMirror/modules
Clone this repository:

git clone https://github.com/Snille/MMM-homeassistant-sensors
Enter the folder:

cd MMM-homeassistant-sensors
Install Node-Modules (The MaterialDesignIcons webfont icon names can be used.).

npm install

and the leinich/MMM-homeassistant-sensors module just says:

Navigate into your MagicMirror's modules folder and clone this repository: cd ~/MagicMirror/modules && git clone https://github.com/leinich/MMM-homeassistant-sensors.git

If you want to use icons for the sensors download the MaterialDesignIcons webfont from https://github.com/Templarian/MaterialDesign-Webfont/archive/master.zip and unzip the folder: cd ~/MagicMirror/modules/MMM-homeassistant-sensors && wget https://github.com/Templarian/MaterialDesign-Webfont/archive/master.zip && unzip master.zip

I tried downloading and unzipping the master.zip file and running the npm install command in the directory (in the docker container) as you suggested. After restarting my MagicMirror2 container, nothing was any different.

Clearly there is some ‘piece of the jigsaw’ that i’m missing.

karsten13

you’re probably all too young to even know what those were

unfortunately not …

After restarting my MagicMirror2 container, nothing was any different.

I think there is nothing different before you change the icons in your config.

The module from Snille already includes the https://materialdesignicons.com/ (no extra installation needed except npm install). But did you use an icon name in your config as described in the readme?

			{
				sensor: "binary_sensor.washing_machine",
				name: "Washing Machine",
				icons: [{
						"off": "washing-machine-off",
						"on": "washing-machine"
					}
				],
				replace: [{
						"on": "Working",
						"off": "Idle"
					}
				]
			},

Every icon name from https://materialdesignicons.com/ should work in “on”/“off”.

smithbill17

Hi, thanks again for assisting.

Yes, I updated my config.js with some sensor entries using some of the icons as listed in the leinich module example. So my config.js module looks like this:

module: 'MMM-homeassistant-sensors',
    position: 'top_right',
    config: {
      host: "MY IP",
      port: "MY PORT",
      https: false,
      token: "MY TOKEN",
      values: [
      {
        sensor: "sensor.load_1m",
      },
      {
        sensor: "sensor.load_5m",
      },
      {
        sensor: "sensor.wifi_level",
      },
      {
        sensor: "sensor.kittytemp_temp",
      },
      {
        sensor: "switch.diningroom_lamp",
	icons: [{
	  "state_off": "lightbulb-outline",
	  "state_on": "lightbulb-on-outline"
	}]
      },
      {
        sensor: "switch.heat_mats",
	icons: [{
	  "state_off": "lightbulb-outline",
	  "state_on": "lightbulb-on-outline"
	}]
      },
      {
        sensor: "switch.kitty_mat",
	icons: [{
	  "state_off": "lightbulb-outline",
	  "state_on": "lightbulb-on-outline"
	}]
      },
      {
        sensor: "switch.satellite",
	icons: [{
	  "state_off": "lightbulb-outline",
	  "state_on": "lightbulb-on-outline"
	}]
      }
      ]
    }
  },

So, as best I could tell, “lightbulb-outline” and “lightbulb-on-outline” are included in the Material Design Icons.

Obviously I’m being a bit dumb somehow, but I’m not currently seeing where.