Fixes #1: Add electron sample

9 years ago · 4dad8338f9
parent 9878b4c42a
commit 4dad8338f9
3 changed files with 81 additions and 0 deletions
--- a/sample-electron/README.md
+++ b/sample-electron/README.md
@ -0,0 +1,5 @@
+To run this sample, you need to [download Electron](https://github.com/electron/electron/releases)
+
+```
+$/sample-electron> electron main.js
+```
--- a/sample-electron/index.html
+++ b/sample-electron/index.html
@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>Hello World!</title>
+	</head>
+	<body>
+		<h1>Hello World!</h1>
+		<div id="container" style="width:500px;height:300px;border:1px solid #ccc"></div>
+	</body>
+
+	<script>
+		// require node modules before loader.js comes in
+		var path = require('path');
+	</script>
+
+	<script src="../node_modules/monaco-editor/min/vs/loader.js"></script>
+	<script>
+		function uriFromPath(_path) {
+			var pathName = path.resolve(_path).replace(/\\/g, '/');
+			if (pathName.length > 0 && pathName.charAt(0) !== '/') {
+				pathName = '/' + pathName;
+			}
+			return encodeURI('file://' + pathName);
+		}
+
+		require.config({
+			baseUrl: uriFromPath(path.join(__dirname, '../node_modules/monaco-editor/min'))
+		});
+
+		// workaround monaco-css not understanding the environment
+		self.module = undefined;
+
+		// workaround monaco-typescript not understanding the environment
+		self.process.browser = true;
+
+		require(['vs/editor/editor.main'], function() {
+			var editor = monaco.editor.create(document.getElementById('container'), {
+				value: [
+					'function x() {',
+					'\tconsole.log("Hello world!");',
+					'}'
+				].join('\n'),
+				language: 'javascript'
+			});
+		});
+	</script>
+</html>
--- a/sample-electron/main.js
+++ b/sample-electron/main.js
@ -0,0 +1,28 @@
+const electron = require('electron')
+const app = electron.app
+const BrowserWindow = electron.BrowserWindow
+
+let mainWindow;
+
+function createWindow () {
+	mainWindow = new BrowserWindow({width: 800, height: 600})
+	mainWindow.loadURL(`file://${__dirname}/index.html`)
+	mainWindow.webContents.openDevTools()
+	mainWindow.on('closed', function () {
+		mainWindow = null
+	})
+}
+
+app.on('ready', createWindow)
+
+app.on('window-all-closed', function () {
+	if (process.platform !== 'darwin') {
+		app.quit()
+	}
+})
+
+app.on('activate', function () {
+	if (mainWindow === null) {
+		createWindow()
+	}
+})