Have a more simple Electron sample

This commit is contained in:
Alex Dima 2018-09-14 17:04:59 +02:00
parent 9669392026
commit 417c24347d
3 changed files with 12 additions and 23 deletions

View file

@ -10,20 +10,11 @@
</body> </body>
<script> <script>
// Monaco uses a custom amd loader that overrides node's require. (function() {
// Keep a reference to node's require so we can restore it after executing the amd loader file. const path = require('path');
var nodeRequire = global.require; const amdLoader = require('../node_modules/monaco-editor/min/vs/loader.js');
</script> const amdRequire = amdLoader.require;
<script src="../node_modules/monaco-editor/min/vs/loader.js"></script> const amdDefine = amdLoader.require.define;
<script>
// Save Monaco's amd require and restore Node's require
var amdRequire = global.require;
global.require = nodeRequire;
</script>
<script>
// require node modules before loader.js comes in
var path = require('path');
function uriFromPath(_path) { function uriFromPath(_path) {
var pathName = path.resolve(_path).replace(/\\/g, '/'); var pathName = path.resolve(_path).replace(/\\/g, '/');
@ -40,9 +31,6 @@
// workaround monaco-css not understanding the environment // workaround monaco-css not understanding the environment
self.module = undefined; self.module = undefined;
// workaround monaco-typescript not understanding the environment
self.process.browser = true;
amdRequire(['vs/editor/editor.main'], function() { amdRequire(['vs/editor/editor.main'], function() {
var editor = monaco.editor.create(document.getElementById('container'), { var editor = monaco.editor.create(document.getElementById('container'), {
value: [ value: [
@ -50,8 +38,9 @@
'\tconsole.log("Hello world!");', '\tconsole.log("Hello world!");',
'}' '}'
].join('\n'), ].join('\n'),
language: 'javascript' language: 'css'
}); });
}); });
})();
</script> </script>
</html> </html>

6
package-lock.json generated
View file

@ -98,9 +98,9 @@
} }
}, },
"monaco-editor": { "monaco-editor": {
"version": "0.12.0", "version": "0.14.3",
"resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.12.0.tgz", "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.14.3.tgz",
"integrity": "sha512-mScjXSKwH5LCmx6JCABkVpMnRHhi86IJwEmEXkH5O61dDXadWBdWQdC8N+NLmKT17/ugZYITCajUAWNRyKKZ9g==" "integrity": "sha512-RhaO4xXmWn/p0WrkEOXe4PoZj6xOcvDYjoAh0e1kGUrQnP1IOpc0m86Ceuaa2CLEMDINqKijBSmqhvBQnsPLHQ=="
}, },
"ms": { "ms": {
"version": "2.0.0", "version": "2.0.0",

View file

@ -10,6 +10,6 @@
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"http-server": "^0.11.1", "http-server": "^0.11.1",
"monaco-editor": "0.x.x" "monaco-editor": "0.14.3"
} }
} }