vendor: browser-esm-webpack from Microsoft/monaco-editor-samples

https://github.com/Microsoft/monaco-editor-samples/tree/922865708b78b0307fd18296f64bf2140861c8dd/browser-esm-webpack

vendor: browser-esm-webpack from Microsoft/monaco-editor-samples
https://github.com/Microsoft/monaco-editor-samples/tree/922865708b78b0307fd18296f64bf2140861c8dd/browser-esm-webpack
a956d58b · Jérome Perrin · 8420ae82 · a956d58b · a956d58b · a956d58b
Commit a956d58b authored May 17, 2018 by Jérome Perrin
6 changed files
--- a/dist/index.html
+++ b/dist/index.html
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+</head>
+<body>
+
+<div id="container" style="width:800px;height:600px;border:1px solid #ccc"></div>
+
+<script src="./app.bundle.js"></script>
+
+</body>
+</html>
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
+</head>
+<body>
+
+<h2>Monaco Editor Webpack Sample</h2>
+
+To run this sample, you need to:
+
+<pre>
+$/browser-esm-webpack> npm install .
+$/browser-esm-webpack> ./node_modules/.bin/webpack
+</pre>
+
+Then, <a href="./dist">open the ./dist folder</a>.
+
+</body>
+</html>
\ No newline at end of file
--- a/index.js
+++ b/index.js
+import * as monaco from 'monaco-editor';
+
+self.MonacoEnvironment = {
+	getWorkerUrl: function (moduleId, label) {
+		if (label === 'json') {
+			return './json.worker.bundle.js';
+		}
+		if (label === 'css') {
+			return './css.worker.bundle.js';
+		}
+		if (label === 'html') {
+			return './html.worker.bundle.js';
+		}
+		if (label === 'typescript' || label === 'javascript') {
+			return './ts.worker.bundle.js';
+		}
+		return './editor.worker.bundle.js';
+	}
+}
+
+monaco.editor.create(document.getElementById('container'), {
+	value: [
+		'function x() {',
+		'\tconsole.log("Hello world!");',
+		'}'
+	].join('\n'),
+	language: 'javascript'
+});
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "helloworld",
+  "dependencies": {},
+  "devDependencies": {
+    "css-loader": "^0.28.11",
+    "monaco-editor": "^0.12.0",
+    "style-loader": "^0.21.0",
+    "webpack": "^4.6.0",
+    "webpack-cli": "^2.0.14"
+  }
+}
--- a/webpack.config.js
+++ b/webpack.config.js
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = {
+	mode: 'development',
+	entry: {
+		"app": './index.js',
+		"editor.worker": 'monaco-editor/esm/vs/editor/editor.worker.js',
+		"json.worker": 'monaco-editor/esm/vs/language/json/json.worker',
+		"css.worker": 'monaco-editor/esm/vs/language/css/css.worker',
+		"html.worker": 'monaco-editor/esm/vs/language/html/html.worker',
+		"ts.worker": 'monaco-editor/esm/vs/language/typescript/ts.worker',
+	},
+	output: {
+		globalObject: 'self',
+		filename: '[name].bundle.js',
+		path: path.resolve(__dirname, 'dist')
+	},
+	module: {
+		rules: [{
+			test: /\.css$/,
+			use: [ 'style-loader', 'css-loader' ]
+		}]
+	},
+	plugins: [
+		new webpack.IgnorePlugin(/^((fs)|(path)|(os)|(crypto)|(source-map-support))$/, /vs(\/|\\)language(\/|\\)typescript(\/|\\)lib/)
+	],
+};