Create a clone of MMM-Webview

[Johanba]

HI All

I find the MMM-Webview module quite useful to display my Pages from my Home Assistant
Can anyone please help me clone to modules so I can use it more than one
I tried but failed

[sdetweil]

@Johanba I think there are too many changes to the module to make copies…

see this
https://github.com/Tom-Hirschberger/MMM-EmbedURL
enable webview in the MagicMirror config.js per the doc

then you can use multiple instances

[Johanba]

Thanks for the information, Looks like it might be possible

Looking at the code and not really making sense to me (I am not a developer)
Say I want to show 3 x dashboards from my Home Assistant
On Page 2 - >http://192.168.1.90:8123/new-solar-dashboard-combined/deye<
On Page 3 - >http://192.168.1.90:8123/testing-3/0<
On Page 4 - >http://192.168.1.90:8123/battery-insights-2/0<

How would the config.js handle these on different pages
I am using MMM-pages to have different pages

[sdetweil]

@Johanba i think you can do 3 instances of embedurl and use classes: for page2…etc

altho EmbedUrl can do multiple embeds w one instance, you need a different implementation to get to use pages.
so use multiple module instances just like you were trying with webview
like this
need these options before the modules:[ list

	ignoreXOriginHeader: true,
	ignoreContentSecurityPolicy: true,
	electronOptions: {
		webPreferences: {
			webviewTag: true,
		}
	},
	modules: [

		{
		module: "MMM-EmbedURL",
		position: "top_center",
		header: "Embed-URL1",
		classes:"page2",
		config: {
			updateInterval: 120,
			embedElementType: "webview",
			attributes: [
				"frameborder=0",
			],
			embed: [
				"https://magicmirror.builders/",
			]
		},
},
	{
	module: "MMM-EmbedURL",
	position: "bottom_center",
	header: "Embed-URL",
	classes:"page3",
	config: {
		updateInterval: 120,
		attributes: [
			"frameborder=0",
		],
		embedElementType: "webview",
		embed: [
			"https://youtube.com",
		]
	},
},

[sdetweil]

@Johanba make sure you use the MMM-pages classes/alternative approach to page definition, for example

 	{
 		module: "MMM-pages",
 		disabled:false,
 		config: {
 			modules: [
 				["page1"],
 				["page2"],
 				["page3"],
 			],
 			fixed: [
 				"fixed"
 			],
 			hiddenPages: {
 				"page4": ["page4"],
 			},

 			animationTime: 0,
 			rotationTime: 10000,
 		}
 	},

then you use the classes property at each module

      module: "foo",
      classes:"page2", (or whatever)

this way you can call the pages anything you want
mom, dad, taxes, solar, schedules, …

and a module instance can live on multiple pages

    classes: "mom dad schedules", 

[Johanba]

@sdetweil
Thank a mil for the info
I am going to try and update my config as such, and see how to get this going

i might reach out again if I am struggling