typed versions object

src/preload.ts

@@ -2,10 +2,14 @@
 // https://www.electronjs.org/docs/latest/tutorial/process-model#preload-scripts
 import { contextBridge, ipcRenderer } from 'electron';
 
-contextBridge.exposeInMainWorld('versions', {
+import { Versions } from './versions';
+
+const versions: Versions = {
   node() { return process.versions.node; },
   chrome() { return process.versions.chrome; },
   electron() { return process.versions.electron; },
   ping() { return ipcRenderer.invoke('ping'); }
-});
+};
+
+contextBridge.exposeInMainWorld('versions', versions);
 

src/renderer.ts

@@ -27,8 +27,9 @@
  */
 
 import './index.scss';
+import { Versions } from './versions';
 
-console.log("hello world! yooo");
+declare const versions: Versions; // preload
 
 const information = document.getElementById('info');
 information.innerText = `This app is using Chrome (v${versions.chrome()}), Node.js (v${versions.node()}), and Electron (v${versions.electron()})`;

src/versions.ts

@@ -0,0 +1,7 @@
+
+export type Versions = {
+  node: () => string;
+  chrome: () => string;
+  electron: () => string;
+  ping: () => Promise<string>;
+}