chore: Add WebContentsView API example (#1668)

Author: Santhoshmani1

src/templates.ts

@@ -29,6 +29,7 @@ export const SHOW_ME_TEMPLATES: Templates = {
     Tray: 'Tray',
     utilityProcess: 'utilityProcess',
     WebContents: 'WebContents',
+    WebContentsView: 'WebContentsView',
     WebFrame: 'WebFrame',
   },
 };

static/show-me/webcontentsview/main.js

@@ -0,0 +1,21 @@
+// A View that displays a WebContents.
+//
+// For more info, see:
+// https://electronjs.org/docs/api/web-contents-view
+
+// In the main process.
+const { app, BaseWindow, WebContentsView } = require('electron')
+
+app.whenReady().then(() => {
+  const win = new BaseWindow({ width: 800, height: 400 })
+
+  const view1 = new WebContentsView()
+  win.contentView.addChildView(view1)
+  view1.setBounds({ x: 0, y: 0, width: 400, height: 400 })
+  view1.webContents.loadURL('https://www.electronjs.org')
+
+  const view2 = new WebContentsView()
+  win.contentView.addChildView(view2)
+  view2.setBounds({ x: 400, y: 0, width: 400, height: 400 })
+  view2.webContents.loadURL('https://www.electronjs.org/fiddle')
+})