2024-03-13 04:24:53 +00:00
|
|
|
'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.
|
2024-04-23 19:13:38 +00:00
|
|
|
*
|
2024-03-13 04:24:53 +00:00
|
|
|
* @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',
|
CM6: Add syntax highlighting preference for users without WikiEditor
This adds the `ext.CodeMirror.v6.init` ResourceLoader module which
allows use of CodeMirror on `#wpTextbox1` without the use of WikiEditor
(the 'usebetatoolbar' preference). In order for users to opt-in to using
CodeMirror, we make the existing 'usecodemirror' option into a visible
preference. In addition, with two preferences related to CodeMirror, we
group them under a new heading 'Syntax highlighting'. More preferences
may be added later to this section following T359498.
When WikiEditor is not enabled, the layout of the action=edit page has
the textarea as a sibling to other visible content, like `.editOptions`.
Because of this, we can't simply append the CodeMirror DOM to the parent
like we were before, as that would put the visible editor beneath the
edit summary, Publish button, etc. Instead we rework the CodeMirror to
first add a wrapper around the textarea and use that as the parent. This
way, `.cm-editor` is always in the same place in the DOM as the native
textarea.
Line wrapping and focus/blur events are also moved to CodeMirror, as
these are needed when not using WikiEditor.
Bug: T190108
Change-Id: I4bc069e0d398aa7088e4f50bbd0ddda458b289c3
2024-03-26 20:40:13 +00:00
|
|
|
'src/codemirror.mediawiki.js',
|
2024-03-13 04:24:53 +00:00
|
|
|
'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 );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
];
|