mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeMirror
synced 2024-12-18 16:50:36 +00:00
ca02360228
See https://w.wiki/9Twh for example usage with ResourceLoader. Webpack is retired in favor of Rollup, which allows us to convert the ECMAScript Modules into CommonJS modules for use by ResourceLoader. We now have a file in dist/ for each RL module that we want to offer, including the 'lib' module which includes the CM library itself. Because Rollup has no knowledge of the ResourceLoader module registry, the generated output requires other modules via relative path, when it needs to be the RL module name. To get around this, we do a crude find/replace after the files are generated. Hacky, but necessary to make CodeMirror usable by gadgets and scripts that don't also want WikiEditor. Add new RL modules 'ext.CodeMirror.v6.lib' (vendor code) and 'ext.CodeMirror.v6' (the main CodeMirror class, sans WikiEditor). Clean up extension.json, listing the v6 modules beneath the old ones. Bug: T214989 Change-Id: Ide716247e545cf2bdd977bea645729564ebbe6e2
88 lines
2.5 KiB
JavaScript
88 lines
2.5 KiB
JavaScript
'use strict';
|
|
|
|
const nodeResolve = require( '@rollup/plugin-node-resolve' );
|
|
const copy = require( 'rollup-plugin-copy' );
|
|
const babel = require( '@rollup/plugin-babel' );
|
|
const terser = require( '@rollup/plugin-terser' );
|
|
|
|
/**
|
|
* Mapping of import paths to ResourceLoader module names.
|
|
* See usage in 'plugins' below for explanation.
|
|
* @type {Object}
|
|
*/
|
|
const importAliases = {
|
|
'./vendor.js': 'ext.CodeMirror.v6.lib',
|
|
'./codemirror.js': 'ext.CodeMirror.v6',
|
|
'./codemirror.mode.mediawiki.js': 'ext.CodeMirror.v6.mode.mediawiki'
|
|
};
|
|
|
|
module.exports = [
|
|
{
|
|
// One entry for each ResourceLoader module that we want to ship.
|
|
input: [
|
|
'src/codemirror.js',
|
|
'src/codemirror.mode.mediawiki.js',
|
|
'src/codemirror.wikieditor.mediawiki.js'
|
|
],
|
|
|
|
output: {
|
|
entryFileNames: '[name].js',
|
|
dir: 'resources/dist',
|
|
|
|
// Magically makes our ECMAScript Modules work with the
|
|
// CommonJS-style preferred by ResourceLoader. Ta-da!
|
|
format: 'cjs',
|
|
|
|
// Remove hash from chunked file name. We only want vendor code to be
|
|
// chunked, and we need the file name to be stable for use by ResourceLoader.
|
|
chunkFileNames: () => '[name].js',
|
|
|
|
// Bundle all vendor code into a single file called 'vendor.js'.
|
|
// This includes the Babel helpers because they are used by all our modules.
|
|
manualChunks: ( id ) => {
|
|
if ( id.includes( 'node_modules' ) || id.includes( 'rollupPluginBabelHelpers' ) ) {
|
|
return 'vendor';
|
|
}
|
|
}
|
|
},
|
|
|
|
plugins: [
|
|
nodeResolve(),
|
|
|
|
// HACK: Rollup doesn't know about ResourceLoader and attempts to `require`
|
|
// modules using a relative path, when they need to match the RL module name.
|
|
// Here we do string replacements to fix that. This is nasty and brittle, but
|
|
// otherwise we couldn't offer standalone CodeMirror functionality via RL,
|
|
// which is necessary for usage in on-wiki scripts and gadgets (T214989).
|
|
copy( {
|
|
targets: [ {
|
|
src: 'resources/dist/*',
|
|
dest: 'resources/dist/',
|
|
transform: ( contents ) => {
|
|
Object.keys( importAliases ).forEach( ( alias ) => {
|
|
contents = contents.toString().replace(
|
|
`require("${ alias }")`,
|
|
`require("${ importAliases[ alias ] }")`
|
|
);
|
|
} );
|
|
return contents;
|
|
}
|
|
} ],
|
|
hook: 'writeBundle'
|
|
} ),
|
|
|
|
babel( { babelHelpers: 'bundled' } ),
|
|
|
|
terser()
|
|
],
|
|
|
|
onwarn: ( warning, warn ) => {
|
|
// Suppress "not exported" warnings. We import those for IDE support not for the build.
|
|
if ( warning.code === 'MISSING_EXPORT' ) {
|
|
return;
|
|
}
|
|
warn( warning );
|
|
}
|
|
}
|
|
];
|