usagi/index.html

## index.html
<!DOCTYPE html>
<title>Issue-#17 repro.</title>

<div>
  <div>test-result = <span id="test-result">????</span></div>
  <div>exception: <pre id="test-exception">(No exceptions.)</pre></div>
</div>

<hr />

<aside>
  <ul>
    <li>Node.js = <span id="misc-node">????</span></li>
    <li>Chrome = <span id="misc-chrome">????</span></li>
    <li>Electron = <span id="misc-electron">????</span></li>
  </ul>
</aside>

<script src="./renderer.js"></script>

## index.js
const { app, BrowserWindow } = require("electron");
const path = require("path");

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 1920>>1,
    height: 1080>>1,
    webPreferences: {
      preload: path.join(__dirname, "preload.js"),
    },
  });
  mainWindow.loadFile("index.html");
}

app.whenReady().then(() => {
  createWindow();
  app.on("activate", function () {
    if (BrowserWindow.getAllWindows().length === 0) createWindow();
  });
});

app.on("window-all-closed", function () {
  if (process.platform !== "darwin") app.quit();
});

## preload.js
window.addEventListener("DOMContentLoaded", () => {
  const replaceText = (selector, text) => {
    const element = document.getElementById(selector);
    if (element) element.innerText = text;
  };

  try {
    const from_rust = require("./dist/index.node");
    replaceText("test-result", from_rust.sum(123, 456));
    replaceText("test-exception", "(No exceptions. It works good, maybe.)");
  } catch (e) {
    replaceText("test-exception", e);
  }

  for (const type of ["chrome", "node", "electron"]) {
    replaceText(`misc-${type}`, process.versions[type]);
  }
});
	<!DOCTYPE html>
	<title>Issue-#17 repro.</title>

	<div>
	<div>test-result = <span id="test-result">????</span></div>
	<div>exception: <pre id="test-exception">(No exceptions.)</pre></div>
	</div>

	<hr />

	<aside>
	<ul>
	<li>Node.js = <span id="misc-node">????</span></li>
	<li>Chrome = <span id="misc-chrome">????</span></li>
	<li>Electron = <span id="misc-electron">????</span></li>
	</ul>
	</aside>

	<script src="./renderer.js"></script>
	const { app, BrowserWindow } = require("electron");
	const path = require("path");

	function createWindow() {
	const mainWindow = new BrowserWindow({
	width: 1920>>1,
	height: 1080>>1,
	webPreferences: {
	preload: path.join(__dirname, "preload.js"),
	},
	});
	mainWindow.loadFile("index.html");
	}

	app.whenReady().then(() => {
	createWindow();
	app.on("activate", function () {
	if (BrowserWindow.getAllWindows().length === 0) createWindow();
	});
	});

	app.on("window-all-closed", function () {
	if (process.platform !== "darwin") app.quit();
	});
	window.addEventListener("DOMContentLoaded", () => {
	const replaceText = (selector, text) => {
	const element = document.getElementById(selector);
	if (element) element.innerText = text;
	};

	try {
	const from_rust = require("./dist/index.node");
	replaceText("test-result", from_rust.sum(123, 456));
	replaceText("test-exception", "(No exceptions. It works good, maybe.)");
	} catch (e) {
	replaceText("test-exception", e);
	}

	for (const type of ["chrome", "node", "electron"]) {
	replaceText(`misc-${type}`, process.versions[type]);
	}
	});