From b2365bd7c9c8f36b5d4a3e1dc0e70916d2f4e9e8 Mon Sep 17 00:00:00 2001
From: surinder singh <surinder83singh@gmail.com>
Date: Fri, 2 Mar 2018 04:08:16 +0530
Subject: [PATCH] Monaco Editor under nodewebkit

---
 sample-nwjs-v2/index.html   | 50 +++++++++++++++++++++++++++++++++++++
 sample-nwjs-v2/package.json |  7 ++++++
 2 files changed, 57 insertions(+)
 create mode 100644 sample-nwjs-v2/index.html
 create mode 100644 sample-nwjs-v2/package.json
diff --git a/sample-nwjs-v2/index.html b/sample-nwjs-v2/index.html
new file mode 100644
index 0000000000..0cee5b3714
--- /dev/null
+++ b/sample-nwjs-v2/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>Monaco Editor under nodewebkit</title>
+		<!--link rel="stylesheet" data-name="vs/editor/editor.main" href="/node_modules/monaco-editor/min/vs/editor/editor.main.css"-->
+		<!--link rel="stylesheet" type="text/css" href="/resources/css/flex-boxes.css"-->
+		<style type="text/css">
+			body,#container{margin:0px;padding:0px;box-sizing:border-box;}
+			body{height:100vh;overflow:hidden;}
+			#container{overflow:hidden;height:100vh;}
+			.toolbox{
+				height:200px;
+			}
+		</style>
+	</head>
+	<body>
+		<div id="container"></div>
+	</body>
+
+	<!--script>
+		// Monaco uses a custom amd loader that over-rides node's require.
+		// Keep a reference to node's require so we can restore it after executing the amd loader file.
+		var nodeRequire1 = require;
+	</script-->
+	<!--script src="/node_modules/monaco-editor/min/vs/loader1.js"></script-->
+	<script>
+		var ERequire = require("../../node_modules/monaco-editor/min/vs/loader.js");
+		//__dirname == root path of you application 
+		ERequire.config({
+			baseUrl: "file:///"+__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;
+		ERequire(['vs/editor/editor.main'], function() {
+			var editor = monaco.editor.create(document.getElementById('container'), {
+				value: [
+					'function x() {',
+					'\tconsole.log("Hello world!");',
+					'}'
+				].join('\n'),
+				language: 'javascript',
+				theme: "vs-dark"
+			});
+		});
+	</script>
+</html>
\ No newline at end of file
diff --git a/sample-nwjs-v2/package.json b/sample-nwjs-v2/package.json
new file mode 100644
index 0000000000..c52d34d8f8
--- /dev/null
+++ b/sample-nwjs-v2/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "helloworld",
+  "main": "index.html",
+  "dependencies": {
+    "monaco-editor": "0.x.x"
+  }
+}
\ No newline at end of file
