iFrame blank when displaing http://<ipaddress LMS server>:9000/material

stephanvdplas

@karsten13 I am quite sure about having the config right:

	let electronSwitchesDefaults = ["autoplay-policy", "no-user-gesture-required"];
	app.commandLine.appendSwitch(...new Set(electronSwitchesDefaults, config.electronSwitches));
	let electronOptionsDefaults = {
		width: electronSize.width,
		height: electronSize.height,
		icon: "mm2.png",
		x: 0,
		y: 0,
		darkTheme: true,
		webPreferences: {
			contextIsolation: true,
			nodeIntegration: false,
			zoomFactor: config.zoom,
			webSecurity: false
		},
		backgroundColor: "#000000"
	};

	// DEPRECATED: "kioskmode" backwards compatibility, to be removed
	// settings these options directly instead provides cleaner interface
	if (config.kioskmode) {
		electronOptionsDefaults.kiosk = true;
	} else {
		electronOptionsDefaults.show = false;
		electronOptionsDefaults.frame = false;
		electronOptionsDefaults.transparent = true;
		electronOptionsDefaults.hasShadow = false;
		electronOptionsDefaults.fullscreen = true;
	}

	const electronOptions = Object.assign({}, electronOptionsDefaults, config.electronOptions);

	// Create the browser window.
	mainWindow = new BrowserWindow(electronOptions);

So the webSecurity line is the only thing I added/changed.

karsten13

@stephanvdplas said in iFrame blank when displaing http://<ipaddress LMS server>:9000/material:

I am quite sure about having the config right

sorry, my point is you have to google the error with the keyword “electron” and check if you find something which you can test

stephanvdplas

@karsten13 sorry to report that there is no other possibility than to revert back to electron 30.0.0
After this, the iFrame works again. After re-installing 31.0.0, it is broken again.
So no I have implemented this workaround.

sudo npm install electron@30.0.0

this command saved my ~~life~~ mirror

sdetweil

@stephanvdplas unrelated to your problem is your solution technique.

we provide access to these settings in config.js so you DON’T edit our code, as this causes update problems.

stephanvdplas

@sdetweil said in iFrame blank when displaing http://<ipaddress LMS server>:9000/material:

@stephanvdplas unrelated to your problem is your solution technique.

we provide access to these settings in config.js so you DON’T edit our code, as this causes update problems.

ok understood. But but both ways don’t work. Only thing that helps is reverting the installation of electron to 30.0.0.

sdetweil

@stephanvdplas i understand, looks like something changed in 31, which can be a bug as well.

you’ve got a workaround in the near term.

id open an issue on the MagicMirror github page with the error and a link to this topic so we don’t lose it.
finding a test environment will be the tough thing

karsten13

@sdetweil said in iFrame blank when displaing http://<ipaddress LMS server>:9000/material:

@stephanvdplas i understand, looks like something changed in 31, which can be a bug as well.

you’ve got a workaround in the near term.

id open an issue on the MagicMirror github page with the error and a link to this topic so we don’t lose it.
finding a test environment will be the tough thing

no, we don’t need another issue we cannot solve.

The problem is chromium which is becoming stricter with every release and with every new electron version you get a new chromium version:

electron	Chromium
31.4.0		126.0.6478.23
31.3.1		126.0.6478.185
31.3.0		126.0.6478.183
31.2.0		126.0.6478.127
31.1.0		126.0.6478.114
31.0.2		126.0.6478.61
31.0.0		126.0.6445.0
30.1.0		124.0.6367.243
30.0.9		124.0.6367.233
30.0.8		124.0.6367.230
30.0.7		124.0.6367.221
30.0.5		124.0.6367.207
30.0.4		124.0.6367.201
30.0.3		124.0.6367.119
30.0.2		124.0.6367.91
30.0.1		124.0.6367.60
30.0.0		124.0.6323.0

Maybe related to this changed in Chromium 125.

We have to deal with this and downgrading chromium (indirect by downgrading electron) is no real solution.

sdetweil

@karsten13 said in iFrame blank when displaing http://<ipaddress LMS server>:9000/material:

We have to deal with this

and how do you proose we do that with all the other things on our plate.
documenting the issue so we can work on ‘dealing’ with it. is the only way in my opinion

karsten13

@sdetweil

I won’t stop you from opening an issue …

stephanvdplas

@sdetweil said in iFrame blank when displaing http://<ipaddress LMS server>:9000/material:

finding a test environment will be the tough thing

Off course I’m willing to help with that. Just PM if you need to test something or if I can help set up a test environment.