Improve parcel sample
Alex Dima
6 years ago
parent
3e322e5dfb
commit
3ec5c9d2e3
@ -1,8 +1,19 @@
|
|||||||
{
|
{
|
||||||
"name": "helloworld",
|
"name": "helloworld",
|
||||||
"dependencies": {},
|
"dependencies": {},
|
||||||
|
"scripts": {
|
||||||
|
"simpleserver": "http-server -c-1 ./dist -p 9999",
|
||||||
|
"build": "npm run build-index && npm run build-json && npm run build-css && npm run build-html && npm run build-ts && npm run build-worker",
|
||||||
|
"build-index": "parcel build src/index.html",
|
||||||
|
"build-json": "parcel build node_modules/monaco-editor/esm/vs/language/json/json.worker.js --no-source-maps",
|
||||||
|
"build-css": "parcel build node_modules/monaco-editor/esm/vs/language/css/css.worker.js --no-source-maps",
|
||||||
|
"build-html": "parcel build node_modules/monaco-editor/esm/vs/language/html/html.worker.js --no-source-maps",
|
||||||
|
"build-ts": "parcel build node_modules/monaco-editor/esm/vs/language/typescript/ts.worker.js --no-source-maps",
|
||||||
|
"build-worker": "parcel build node_modules/monaco-editor/esm/vs/editor/editor.worker.js --no-source-maps"
|
||||||
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"monaco-editor": "^0.14.3",
|
"monaco-editor": "^0.14.3",
|
||||||
"parcel-bundler": "^1.10.1"
|
"parcel-bundler": "^1.10.1",
|
||||||
|
"http-server": "^0.11.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,129 +1,29 @@
|
|||||||
|
|
||||||
// (1) Desired editor features:
|
import * as monaco from 'monaco-editor/esm/vs/editor/editor.main.js';
|
||||||
import 'monaco-editor/esm/vs/editor/browser/controller/coreCommands.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/browser/widget/codeEditorWidget.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/browser/widget/diffEditorWidget.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/browser/widget/diffNavigator.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/bracketMatching/bracketMatching.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/caretOperations/caretOperations.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/caretOperations/transpose.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/clipboard/clipboard.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/codelens/codelensController.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/colorPicker/colorDetector.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/comment/comment.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/contextmenu/contextmenu.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/cursorUndo/cursorUndo.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/dnd/dnd.js';
|
|
||||||
import 'monaco-editor/esm/vs/editor/contrib/find/findController.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/folding/folding.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/format/formatActions.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/goToDeclaration/goToDeclarationCommands.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/goToDeclaration/goToDeclarationMouse.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/gotoError/gotoError.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/hover/hover.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/inPlaceReplace/inPlaceReplace.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/linesOperations/linesOperations.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/links/links.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/multicursor/multicursor.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/parameterHints/parameterHints.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/quickFix/quickFixCommands.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/referenceSearch/referenceSearch.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/rename/rename.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/smartSelect/smartSelect.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/snippet/snippetController2.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/suggest/suggestController.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/toggleTabFocusMode/toggleTabFocusMode.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/wordHighlighter/wordHighlighter.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/contrib/wordOperations/wordOperations.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/standalone/browser/accessibilityHelp/accessibilityHelp.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/standalone/browser/inspectTokens/inspectTokens.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/standalone/browser/iPadShowKeyboard/iPadShowKeyboard.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/standalone/browser/quickOpen/quickOutline.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/standalone/browser/quickOpen/gotoLine.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/standalone/browser/quickOpen/quickCommand.js';
|
|
||||||
// import 'monaco-editor/esm/vs/editor/standalone/browser/toggleHighContrast/toggleHighContrast.js';
|
|
||||||
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js';
|
|
||||||
|
|
||||||
// (2) Desired languages:
|
|
||||||
// import 'monaco-editor/esm/vs/language/typescript/monaco.contribution';
|
|
||||||
// import 'monaco-editor/esm/vs/language/css/monaco.contribution';
|
|
||||||
// import 'monaco-editor/esm/vs/language/json/monaco.contribution';
|
|
||||||
// import 'monaco-editor/esm/vs/language/html/monaco.contribution';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/bat/bat.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/coffee/coffee.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/cpp/cpp.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/csharp/csharp.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/csp/csp.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/css/css.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/dockerfile/dockerfile.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/fsharp/fsharp.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/go/go.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/handlebars/handlebars.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/html/html.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/ini/ini.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/java/java.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/less/less.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/lua/lua.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/markdown/markdown.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/msdax/msdax.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/mysql/mysql.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/objective-c/objective-c.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/pgsql/pgsql.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/php/php.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/postiats/postiats.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/powershell/powershell.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/pug/pug.contribution.js';
|
|
||||||
import 'monaco-editor/esm/vs/basic-languages/python/python.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/r/r.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/razor/razor.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/redis/redis.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/redshift/redshift.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/ruby/ruby.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/sb/sb.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/scss/scss.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/solidity/solidity.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/sql/sql.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/swift/swift.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/vb/vb.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/xml/xml.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution.js';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution';
|
|
||||||
// import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
self.MonacoEnvironment = {
|
self.MonacoEnvironment = {
|
||||||
getWorker: function (moduleId, label) {
|
getWorkerUrl: function (moduleId, label) {
|
||||||
if (label === 'json') {
|
if (label === 'json') {
|
||||||
return new Worker('../node_modules/monaco-editor/esm/vs/language/json/json.worker.js')
|
return './json.worker.js';
|
||||||
}
|
}
|
||||||
if (label === 'css') {
|
if (label === 'css') {
|
||||||
return new Worker('../node_modules/monaco-editor/esm/vs/language/css/css.worker.js')
|
return './css.worker.js';
|
||||||
}
|
}
|
||||||
if (label === 'html') {
|
if (label === 'html') {
|
||||||
return new Worker('../node_modules/monaco-editor/esm/vs/language/html/html.worker.js')
|
return './html.worker.js';
|
||||||
}
|
}
|
||||||
if (label === 'typescript' || label === 'javascript') {
|
if (label === 'typescript' || label === 'javascript') {
|
||||||
return new Worker('../node_modules/monaco-editor/esm/vs/language/typescript/ts.worker.js')
|
return './ts.worker.js';
|
||||||
}
|
|
||||||
return new Worker('../node_modules/monaco-editor/esm/vs/editor/editor.worker.js')
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
return './editor.worker.js';
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
monaco.editor.create(document.getElementById('container'), {
|
monaco.editor.create(document.getElementById('container'), {
|
||||||
value: [
|
value: [
|
||||||
'from banana import *',
|
'function x() {',
|
||||||
'',
|
'\tconsole.log("Hello world!");',
|
||||||
'class Monkey:',
|
'}'
|
||||||
' # Bananas the monkey can eat.',
|
|
||||||
' capacity = 10',
|
|
||||||
' def eat(self, N):',
|
|
||||||
' \'\'\'Make the monkey eat N bananas!\'\'\'',
|
|
||||||
' capacity = capacity - N*banana.size',
|
|
||||||
'',
|
|
||||||
' def feeding_frenzy(self):',
|
|
||||||
' eat(9.25)',
|
|
||||||
' return "Yum yum"',
|
|
||||||
].join('\n'),
|
].join('\n'),
|
||||||
language: 'python'
|
language: 'javascript'
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
Reference in New Issue