deepak1556/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
  <script>
    // https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker
    var myWorker = new SharedWorker("worker.js");
    // Message ports allow IPC between the OOP worker and this document
    myWorker.port.onmessage = function(e) {
      console.log('Message received from worker');
      console.log(e.data)
    }
    myWorker.port.postMessage('start');
  </script>
</html>

## main.js
// Modules to control application life and create native browser window
const {app, BrowserWindow, protocol} = require('electron')
const path = require('path')

protocol.registerSchemesAsPrivileged([
  {
    scheme: 'foo',
    privileges: {
      standard: true,
      secure: true
    }
  }
])

function createWindow () {
  protocol.registerFileProtocol('foo', (request, cb) => {
    const url = new URL(request.url)
    console.log(`Loading : ${__dirname + url.pathname}`)
    if (url.pathname === "/worker.js") {
        cb({
            path: __dirname + url.pathname
        })
    } else {
        // The headers below force the shared worker to be Out-Of-Process
        cb({
            path: __dirname + url.pathname,
            headers: {
                "Cross-Origin-Opener-Policy": "same-origin",
                "Cross-Origin-Embedder-Policy": "require-corp"
            }
        })
    }
  })

  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
    }
  })

  // and load the index.html of the app.
  mainWindow.loadURL('foo://custom/index.html')

  // Open the DevTools.
  // mainWindow.webContents.openDevTools()
}

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.whenReady().then(() => {
  createWindow()

  app.on('activate', function () {
    // On macOS it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit()
})

// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.

## worker.js
onconnect = function(e) {
  var port = e.ports[0];

  port.onmessage = function(e) {
    port.postMessage('worker connected');
  }

}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	</head>
	<body>
	<h1>Hello World!</h1>
	</body>
	<script>
	// https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker
	var myWorker = new SharedWorker("worker.js");
	// Message ports allow IPC between the OOP worker and this document
	myWorker.port.onmessage = function(e) {
	console.log('Message received from worker');
	console.log(e.data)
	}
	myWorker.port.postMessage('start');
	</script>
	</html>
	// Modules to control application life and create native browser window
	const {app, BrowserWindow, protocol} = require('electron')
	const path = require('path')

	protocol.registerSchemesAsPrivileged([
	{
	scheme: 'foo',
	privileges: {
	standard: true,
	secure: true
	}
	}
	])

	function createWindow () {
	protocol.registerFileProtocol('foo', (request, cb) => {
	const url = new URL(request.url)
	console.log(`Loading : ${__dirname + url.pathname}`)
	if (url.pathname === "/worker.js") {
	cb({
	path: __dirname + url.pathname
	})
	} else {
	// The headers below force the shared worker to be Out-Of-Process
	cb({
	path: __dirname + url.pathname,
	headers: {
	"Cross-Origin-Opener-Policy": "same-origin",
	"Cross-Origin-Embedder-Policy": "require-corp"
	}
	})
	}
	})

	// Create the browser window.
	const mainWindow = new BrowserWindow({
	width: 800,
	height: 600,
	webPreferences: {
	}
	})

	// and load the index.html of the app.
	mainWindow.loadURL('foo://custom/index.html')

	// Open the DevTools.
	// mainWindow.webContents.openDevTools()
	}

	// This method will be called when Electron has finished
	// initialization and is ready to create browser windows.
	// Some APIs can only be used after this event occurs.
	app.whenReady().then(() => {
	createWindow()

	app.on('activate', function () {
	// On macOS it's common to re-create a window in the app when the
	// dock icon is clicked and there are no other windows open.
	if (BrowserWindow.getAllWindows().length === 0) createWindow()
	})
	})

	// Quit when all windows are closed, except on macOS. There, it's common
	// for applications and their menu bar to stay active until the user quits
	// explicitly with Cmd + Q.
	app.on('window-all-closed', function () {
	if (process.platform !== 'darwin') app.quit()
	})

	// In this file you can include the rest of your app's specific main process
	// code. You can also put them in separate files and require them here.
	onconnect = function(e) {
	var port = e.ports[0];

	port.onmessage = function(e) {
	port.postMessage('worker connected');
	}

	}