-
-
Notifications
You must be signed in to change notification settings - Fork 3.7k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[5.0] Update Codemirror to 6-th version (#41070)
Co-authored-by: Brian Teeman <[email protected]>
- Loading branch information
1 parent
094f544
commit eac7fd7
Showing
23 changed files
with
1,235 additions
and
959 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| const { existsSync, readdirSync } = require('fs-extra'); | ||
|
|
||
| /** | ||
| * Find full path for package file. | ||
| * Replacement for require.resolve(), as it is broken for packages with "exports" property. | ||
| * | ||
| * @param {string} relativePath Relative path to the file to resolve, in format packageName/file-name.js | ||
| * @returns {string|boolean} | ||
| */ | ||
| module.exports.resolvePackageFile = (relativePath) => { | ||
| for (let i = 0, l = module.paths.length; i < l; i += 1) { | ||
| const path = module.paths[i]; | ||
| const fullPath = `${path}/${relativePath}`; | ||
| if (existsSync(fullPath)) { | ||
| return fullPath; | ||
| } | ||
| } | ||
|
|
||
| return false; | ||
| }; | ||
|
|
||
| /** | ||
| * Find a list of modules under given scope, | ||
| * eg: @foobar will look for all submodules @foobar/foo, @foobar/bar | ||
| * | ||
| * @param scope | ||
| * @returns {[]} | ||
| */ | ||
| module.exports.getPackagesUnderScope = (scope) => { | ||
| const cmModules = []; | ||
|
|
||
| // Get the scope roots | ||
| const roots = []; | ||
| module.paths.forEach((path) => { | ||
| const fullPath = `${path}/${scope}`; | ||
| if (existsSync(fullPath)) { | ||
| roots.push(fullPath); | ||
| } | ||
| }); | ||
|
|
||
| // List of modules | ||
| roots.forEach((rootPath) => { | ||
| readdirSync(rootPath).forEach((subModule) => { | ||
| cmModules.push(`${scope}/${subModule}`); | ||
| }); | ||
| }); | ||
|
|
||
| return cmModules; | ||
| }; |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
138 changes: 138 additions & 0 deletions
138
build/build-modules-js/javascript/build-codemirror.es6.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,138 @@ | ||
| /** | ||
| * Build codemirror modules | ||
| */ | ||
| /* eslint-disable import/no-extraneous-dependencies, global-require, import/no-dynamic-require */ | ||
|
|
||
| const { readFileSync, writeFile } = require('fs-extra'); | ||
| const cliProgress = require('cli-progress'); | ||
| const rollup = require('rollup'); | ||
| const { nodeResolve } = require('@rollup/plugin-node-resolve'); | ||
| const replace = require('@rollup/plugin-replace'); | ||
| const { minify } = require('terser'); | ||
| const { resolvePackageFile, getPackagesUnderScope } = require('../init/common/resolve-package.es6.js'); | ||
|
|
||
| // Build the module | ||
| const buildModule = async (module, externalModules, destFile) => { | ||
| const build = await rollup.rollup({ | ||
| input: module, | ||
| external: externalModules || [], | ||
| plugins: [ | ||
| nodeResolve(), | ||
| replace({ | ||
| preventAssignment: true, | ||
| 'process.env.NODE_ENV': '"production"', | ||
| }), | ||
| ], | ||
| }); | ||
|
|
||
| await build.write({ | ||
| format: 'es', | ||
| sourcemap: false, | ||
| file: destFile, | ||
| }); | ||
| await build.close(); | ||
| }; | ||
|
|
||
| // Minify a js file | ||
| const createMinified = async (filePath) => { | ||
| const destFile = filePath.replace('.js', '.min.js'); | ||
| // Read source | ||
| const src = readFileSync(filePath, { encoding: 'utf8' }); | ||
| // Minify | ||
| const min = await minify(src, { sourceMap: false, format: { comments: false } }); | ||
| // Save result | ||
| await writeFile(destFile, min.code, { encoding: 'utf8', mode: 0o644 }); | ||
| }; | ||
|
|
||
| // Update joomla.asset.json for codemirror | ||
| const updateAssetRegistry = async (modules, externalModules) => { | ||
| const srcPath = 'build/media_source/plg_editors_codemirror/joomla.asset.json'; | ||
| const destPath = 'media/plg_editors_codemirror/joomla.asset.json'; | ||
|
|
||
| // Get base JSON and update | ||
| const registry = JSON.parse(readFileSync(srcPath, { encoding: 'utf8' })); | ||
|
|
||
| // Add dependencies to base codemirror asset | ||
| registry.assets.forEach((asset) => { | ||
| if (asset.name === 'codemirror' && asset.type === 'script') { | ||
| asset.dependencies = externalModules; | ||
| } | ||
| }); | ||
|
|
||
| // Create asset for each module | ||
| modules.forEach((module) => { | ||
| const packageName = module.package; | ||
| const modulePathJson = resolvePackageFile(`${packageName}/package.json`); | ||
| const moduleOptions = require(modulePathJson); | ||
| const asset = { | ||
| type: 'script', | ||
| name: module.package, | ||
| uri: module.uri.replace('.js', '.min.js'), | ||
| importmap: true, | ||
| version: moduleOptions.version, | ||
| }; | ||
|
|
||
| registry.assets.push(asset); | ||
| }); | ||
|
|
||
| // Write assets registry | ||
| await writeFile( | ||
| destPath, | ||
| JSON.stringify(registry, null, 2), | ||
| { encoding: 'utf8', mode: 0o644 }, | ||
| ); | ||
| }; | ||
|
|
||
| module.exports.compileCodemirror = async () => { | ||
| // eslint-disable-next-line no-console | ||
| console.log('Building Codemirror Components...'); | ||
|
|
||
| const cmModules = getPackagesUnderScope('@codemirror'); | ||
| const lModules = getPackagesUnderScope('@lezer'); | ||
| const externalModules = [...cmModules, ...lModules]; | ||
| const destBasePath = 'media/vendor/codemirror/js'; | ||
| const assets = []; | ||
| const tasks = []; | ||
|
|
||
| const progressBar = new cliProgress.SingleBar({ | ||
| stopOnComplete: true, | ||
| format: '{bar} {percentage}% | {value}/{total} files done', | ||
| }, cliProgress.Presets.shades_classic); | ||
| const totalSteps = (cmModules.length + lModules.length) * 2; | ||
| progressBar.start(totalSteps, 0); | ||
|
|
||
| // Prepare @codemirror modules | ||
| cmModules.forEach((module) => { | ||
| const destFile = `${module.replace('@codemirror/', 'codemirror-')}.js`; | ||
| const destPath = `${destBasePath}/${destFile}`; | ||
| assets.push({ package: module, uri: destPath }); | ||
|
|
||
| const task = buildModule(module, externalModules, destPath).then(() => { | ||
| progressBar.increment(); | ||
| return createMinified(destPath).then(() => { | ||
| progressBar.increment(); | ||
| }); | ||
| }); | ||
| tasks.push(task); | ||
| }); | ||
|
|
||
| // Prepare @lezer modules which @codemirror depends on | ||
| lModules.forEach((module) => { | ||
| const destFile = `${module.replace('@lezer/', 'lezer-')}.js`; | ||
| const destPath = `${destBasePath}/${destFile}`; | ||
| assets.push({ package: module, uri: destPath }); | ||
|
|
||
| const task2 = buildModule(module, externalModules, destPath).then(() => { | ||
| progressBar.increment(); | ||
| return createMinified(destPath).then(() => { | ||
| progressBar.increment(); | ||
| }); | ||
| }); | ||
| tasks.push(task2); | ||
| }); | ||
|
|
||
| return Promise.all(tasks).then(() => { | ||
| progressBar.stop(); | ||
| return updateAssetRegistry(assets, externalModules); | ||
| }); | ||
| }; |
Oops, something went wrong.