| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219 |
- "use strict";
- const path = require("path");
- const loaderUtils = require("loader-utils");
- const fs = require("fs");
- const AddWorkerEntryPointPlugin_1 = require("./plugins/AddWorkerEntryPointPlugin");
- const languages_1 = require("./languages");
- const features_1 = require("./features");
- const INCLUDE_LOADER_PATH = require.resolve('./loaders/include');
- const EDITOR_MODULE = {
- label: 'editorWorkerService',
- entry: undefined,
- worker: {
- id: 'vs/editor/editor',
- entry: 'vs/editor/editor.worker'
- },
- };
- const languagesById = {};
- languages_1.languagesArr.forEach(language => languagesById[language.label] = language);
- const featuresById = {};
- features_1.featuresArr.forEach(feature => featuresById[feature.label] = feature);
- /**
- * Return a resolved path for a given Monaco file.
- */
- function resolveMonacoPath(filePath) {
- try {
- return require.resolve(path.join('monaco-editor/esm', filePath));
- }
- catch (err) {
- try {
- return require.resolve(path.join(process.cwd(), 'node_modules/monaco-editor/esm', filePath));
- }
- catch (err) {
- return require.resolve(filePath);
- }
- }
- }
- /**
- * Return the interpolated final filename for a worker, respecting the file name template.
- */
- function getWorkerFilename(filename, entry) {
- return loaderUtils.interpolateName({ resourcePath: entry }, filename, {
- content: fs.readFileSync(resolveMonacoPath(entry))
- });
- }
- function getFeaturesIds(userFeatures) {
- function notContainedIn(arr) {
- return (element) => arr.indexOf(element) === -1;
- }
- let featuresIds;
- if (userFeatures.length) {
- const excludedFeatures = userFeatures.filter(f => f[0] === '!').map(f => f.slice(1));
- if (excludedFeatures.length) {
- featuresIds = Object.keys(featuresById).filter(notContainedIn(excludedFeatures));
- }
- else {
- featuresIds = userFeatures;
- }
- }
- else {
- featuresIds = Object.keys(featuresById);
- }
- return featuresIds;
- }
- class MonacoEditorWebpackPlugin {
- constructor(options = {}) {
- const languages = options.languages || Object.keys(languagesById);
- const customLanguages = options.customLanguages || [];
- const features = getFeaturesIds(options.features || []);
- this.options = {
- languages: coalesce(languages.map(id => languagesById[id])).concat(customLanguages),
- features: coalesce(features.map(id => featuresById[id])),
- filename: options.filename || "[name].worker.js",
- publicPath: options.publicPath || '',
- globalAPI: options.globalAPI || false,
- };
- }
- apply(compiler) {
- const { languages, features, filename, publicPath, globalAPI } = this.options;
- const compilationPublicPath = getCompilationPublicPath(compiler);
- const modules = [EDITOR_MODULE].concat(languages).concat(features);
- const workers = [];
- modules.forEach((module) => {
- if (module.worker) {
- workers.push({
- label: module.label,
- id: module.worker.id,
- entry: module.worker.entry
- });
- }
- });
- const rules = createLoaderRules(languages, features, workers, filename, publicPath, compilationPublicPath, globalAPI);
- const plugins = createPlugins(compiler, workers, filename);
- addCompilerRules(compiler, rules);
- addCompilerPlugins(compiler, plugins);
- }
- }
- function addCompilerRules(compiler, rules) {
- const compilerOptions = compiler.options;
- if (!compilerOptions.module) {
- compilerOptions.module = { rules: rules };
- }
- else {
- const moduleOptions = compilerOptions.module;
- moduleOptions.rules = (moduleOptions.rules || []).concat(rules);
- }
- }
- function addCompilerPlugins(compiler, plugins) {
- plugins.forEach((plugin) => plugin.apply(compiler));
- }
- function getCompilationPublicPath(compiler) {
- if (compiler.options.output && compiler.options.output.publicPath) {
- if (typeof compiler.options.output.publicPath === 'string') {
- return compiler.options.output.publicPath;
- }
- else {
- console.warn(`Cannot handle options.publicPath (expected a string)`);
- }
- }
- return '';
- }
- function createLoaderRules(languages, features, workers, filename, pluginPublicPath, compilationPublicPath, globalAPI) {
- if (!languages.length && !features.length) {
- return [];
- }
- const languagePaths = flatArr(coalesce(languages.map(language => language.entry)));
- const featurePaths = flatArr(coalesce(features.map(feature => feature.entry)));
- const workerPaths = fromPairs(workers.map(({ label, entry }) => [label, getWorkerFilename(filename, entry)]));
- if (workerPaths['typescript']) {
- // javascript shares the same worker
- workerPaths['javascript'] = workerPaths['typescript'];
- }
- if (workerPaths['css']) {
- // scss and less share the same worker
- workerPaths['less'] = workerPaths['css'];
- workerPaths['scss'] = workerPaths['css'];
- }
- if (workerPaths['html']) {
- // handlebars, razor and html share the same worker
- workerPaths['handlebars'] = workerPaths['html'];
- workerPaths['razor'] = workerPaths['html'];
- }
- // Determine the public path from which to load worker JS files. In order of precedence:
- // 1. Plugin-specific public path.
- // 2. Dynamic runtime public path.
- // 3. Compilation public path.
- const pathPrefix = Boolean(pluginPublicPath)
- ? JSON.stringify(pluginPublicPath)
- : `typeof __webpack_public_path__ === 'string' ` +
- `? __webpack_public_path__ ` +
- `: ${JSON.stringify(compilationPublicPath)}`;
- const globals = {
- 'MonacoEnvironment': `(function (paths) {
- function stripTrailingSlash(str) {
- return str.replace(/\\/$/, '');
- }
- return {
- globalAPI: ${globalAPI},
- getWorkerUrl: function (moduleId, label) {
- var pathPrefix = ${pathPrefix};
- var result = (pathPrefix ? stripTrailingSlash(pathPrefix) + '/' : '') + paths[label];
- if (/^((http:)|(https:)|(file:)|(\\/\\/))/.test(result)) {
- var currentUrl = String(window.location);
- var currentOrigin = currentUrl.substr(0, currentUrl.length - window.location.hash.length - window.location.search.length - window.location.pathname.length);
- if (result.substring(0, currentOrigin.length) !== currentOrigin) {
- if(/^(\\/\\/)/.test(result)) {
- result = window.location.protocol + result
- }
- var js = '/*' + label + '*/importScripts("' + result + '");';
- var blob = new Blob([js], { type: 'application/javascript' });
- return URL.createObjectURL(blob);
- }
- }
- return result;
- }
- };
- })(${JSON.stringify(workerPaths, null, 2)})`,
- };
- return [
- {
- test: /monaco-editor[/\\]esm[/\\]vs[/\\]editor[/\\]editor.(api|main).js/,
- use: [{
- loader: INCLUDE_LOADER_PATH,
- options: {
- globals,
- pre: featurePaths.map((importPath) => resolveMonacoPath(importPath)),
- post: languagePaths.map((importPath) => resolveMonacoPath(importPath)),
- },
- }],
- },
- ];
- }
- function createPlugins(compiler, workers, filename) {
- var _a;
- const webpack = (_a = compiler.webpack) !== null && _a !== void 0 ? _a : require('webpack');
- return ([]
- .concat(workers.map(({ id, entry }) => new AddWorkerEntryPointPlugin_1.AddWorkerEntryPointPlugin({
- id,
- entry: resolveMonacoPath(entry),
- filename: getWorkerFilename(filename, entry),
- plugins: [
- new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 }),
- ],
- }))));
- }
- function flatArr(items) {
- return items.reduce((acc, item) => {
- if (Array.isArray(item)) {
- return [].concat(acc).concat(item);
- }
- return [].concat(acc).concat([item]);
- }, []);
- }
- function fromPairs(values) {
- return values.reduce((acc, [key, value]) => Object.assign(acc, { [key]: value }), {});
- }
- function coalesce(array) {
- return array.filter(Boolean);
- }
- module.exports = MonacoEditorWebpackPlugin;
|