github-electron: Add 'electron' module for renderer process

github-electron/github-electron-renderer-tests.ts

@@ -1,23 +1,25 @@
 /// <reference path="./github-electron-renderer.d.ts" />
-import ipc = require('ipc');
-import remote = require('remote');
-import WebFrame = require('web-frame');
-import Clipboard = require('clipboard');
-import CrashReporter = require('crash-reporter');
-import NativeImage = require('native-image');
-import Screen = require('screen');
-import Shell = require('shell');
+import {
+	ipcRenderer,
+	remote,
+	webFrame,
+	clipboard,
+	crashReporter,
+	nativeImage,
+	screen,
+	shell
+} from 'electron';
 
 import fs = require('fs');
 
 // In renderer process (web page).
 // https://github.com/atom/electron/blob/master/docs/api/ipc-renderer.md
-console.log(ipc.sendSync('synchronous-message', 'ping')); // prints "pong"
+console.log(ipcRenderer.sendSync('synchronous-message', 'ping')); // prints "pong"
 
-ipc.on('asynchronous-reply', (arg: any) => {
+ipcRenderer.on('asynchronous-reply', (arg: any) => {
 	console.log(arg); // prints "pong"
 });
-ipc.send('asynchronous-message', 'ping');
+ipcRenderer.send('asynchronous-message', 'ping');
 
 // remote
 // https://github.com/atom/electron/blob/master/docs/api/remote.md
@@ -45,9 +47,9 @@ remote.getCurrentWindow().capturePage(buf => {
 // web-frame
 // https://github.com/atom/electron/blob/master/docs/api/web-frame.md
 
-WebFrame.setZoomFactor(2);
+webFrame.setZoomFactor(2);
 
-WebFrame.setSpellCheckProvider('en-US', true, {
+webFrame.setSpellCheckProvider('en-US', true, {
 	spellCheck: text => {
 		return !(require('spellchecker').isMisspelled(text));
 	}
@@ -56,27 +58,27 @@ WebFrame.setSpellCheckProvider('en-US', true, {
 // clipboard
 // https://github.com/atom/electron/blob/master/docs/api/clipboard.md
 
-Clipboard.writeText('Example String');
-Clipboard.writeText('Example String', 'selection');
-console.log(Clipboard.readText('selection'));
+clipboard.writeText('Example String');
+clipboard.writeText('Example String', 'selection');
+console.log(clipboard.readText('selection'));
 
 // crash-reporter
 // https://github.com/atom/electron/blob/master/docs/api/crash-reporter.md
 
-CrashReporter.start({
+crashReporter.start({
 	productName: 'YourName',
 	companyName: 'YourCompany',
 	submitURL: 'https://your-domain.com/url-to-submit',
 	autoSubmit: true
 });
 
-// NativeImage
+// nativeImage
 // https://github.com/atom/electron/blob/master/docs/api/native-image.md
 
 var Tray: typeof GitHubElectron.Tray = remote.require('Tray');
 var appIcon2 = new Tray('/Users/somebody/images/icon.png');
 var window2 = new BrowserWindow({ icon: '/Users/somebody/images/window.png' });
-var image = Clipboard.readImage();
+var image = clipboard.readImage();
 var appIcon3 = new Tray(image);
 var appIcon4 = new Tray('/Users/somebody/images/icon.png');
 
@@ -88,12 +90,12 @@ var app: GitHubElectron.App = remote.require('app');
 var mainWindow: GitHubElectron.BrowserWindow = null;
 
 app.on('ready', () => {
-	var size = Screen.getPrimaryDisplay().workAreaSize;
+	var size = screen.getPrimaryDisplay().workAreaSize;
 	mainWindow = new BrowserWindow({ width: size.width, height: size.height });
 });
 
 app.on('ready', () => {
-	var displays = Screen.getAllDisplays();
+	var displays = screen.getAllDisplays();
 	var externalDisplay: any = null;
 	for (var i in displays) {
 		if (displays[i].bounds.x > 0 || displays[i].bounds.y > 0) {
@@ -113,4 +115,4 @@ app.on('ready', () => {
 // shell
 // https://github.com/atom/electron/blob/master/docs/api/shell.md
 
-Shell.openExternal('https://github.com');
+shell.openExternal('https://github.com');

github-electron/github-electron-renderer.d.ts

@@ -109,6 +109,12 @@ declare module 'web-frame' {
 	export = webframe;
 }
 
+declare module 'electron' {
+	var remote: GitHubElectron.Remote;
+	var ipcRenderer: GitHubElectron.InProcess;
+	var webFrame: GitHubElectron.WebFrame;
+}
+
 interface NodeRequireFunction {
 	(id: 'ipc'): GitHubElectron.InProcess
 	(id: 'remote'): GitHubElectron.Remote