electronic-kit-start/template_angular2/src/app/homepage.component.ts

Electronic kit start for devlopment on electron

import { Component } from '@angular/core';
import { NgIf } from '@angular/common';
import { ipcRenderer } from 'electron';

@Component({
	selector: 'homepage',
	templateUrl: './app/homepage.html',
	directives: [NgIf],
})

export class HomePageComponent {

	private has_ipc: boolean;

	constructor() {
		this.has_ipc = (typeof ipcRenderer != 'undefined');
		// Set listener
		if (this.has_ipc) {
			ipcRenderer.on('asynchronous-reply', (event, arg) => {
				console.log(arg); // prints "pong"
			});
		}
	}

	do_ping() {
		if (this.has_ipc) {
			console.log(ipcRenderer.sendSync('synchronous-message', 'sync ping')); // prints "pong"
			ipcRenderer.send('asynchronous-message', 'async ping');
		} else {
			console.log("There isn't Electron main process.");
		}
	}

	do_alert() {
		alert("Do you see this message?");
	}

}