m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

Excluding sourcemaps comment in production builds (#10695)

Browse Source 
* Excluding sourcemaps comment in production builds

Fixes MetaMask/metamask-extension#7077

* Fix source map explorer script

The source map explorer script now re-adds the source map comment to
each file to ensure the source map visualization still works. Each
module with a sourcemap is copied to a temporary directory along with
the module it corresponds to, and from there it's passed into
`source-map-explorer`. This should ensure the resulting visualization
matches what it was before.

Everything has been moved inside of functions to generally improve
readability, and to allow the use of local variables.

Co-authored-by: Mark Stacey <markjstacey@gmail.com>
This commit is contained in:
ryanml 2021-03-22 19:41:23 -07:00 committed by GitHub
parent ff86465a24
commit 91e5b85955
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
development/build/scripts.js
View File

@ -254,7 +254,9 @@ function createScriptTasks({ browserPlatforms, livereload }) {
// note: sourcemaps call arity is important // note: sourcemaps call arity is important
buildPipeline.push(sourcemaps.write()); buildPipeline.push(sourcemaps.write());
} else { } else {
buildPipeline.push(sourcemaps.write('../sourcemaps')); buildPipeline.push(
sourcemaps.write('../sourcemaps', { addComment: false }),
);
} }
// write completed bundles // write completed bundles

33
development/source-map-explorer.sh
View File

@ -5,11 +5,30 @@ set -e
set -u set -u
set -o pipefail set -o pipefail
function generate_sourcemap() {
local temp_dir="${1}"; shift
local module_name="${1}"; shift
cp "dist/chrome/${module_name}.js" "${temp_dir}/"
cp "dist/sourcemaps/${module_name}.js.map" "${temp_dir}/"
printf '//# sourceMappingURL=%s.js.map' "${module_name}" >> "${temp_dir}/${module_name}.js"
yarn source-map-explorer "${temp_dir}/${module_name}.js" "${temp_dir}/${module_name}.js.map" --html "build-artifacts/source-map-explorer/${module_name}.html"
}
function main() {
mkdir -p build-artifacts/source-map-explorer mkdir -p build-artifacts/source-map-explorer
yarn source-map-explorer dist/chrome/inpage.js --html build-artifacts/source-map-explorer/inpage.html
yarn source-map-explorer dist/chrome/contentscript.js --html build-artifacts/source-map-explorer/contentscript.html local temp_dir
yarn source-map-explorer dist/chrome/background.js --html build-artifacts/source-map-explorer/background.html temp_dir="$(mktemp -d)"
yarn source-map-explorer dist/chrome/bg-libs.js --html build-artifacts/source-map-explorer/bg-libs.html
yarn source-map-explorer dist/chrome/ui.js --html build-artifacts/source-map-explorer/ui.html for file in dist/sourcemaps/*.js.map; do
yarn source-map-explorer dist/chrome/ui-libs.js --html build-artifacts/source-map-explorer/ui-libs.html [[ -e $file ]] || (echo 'Failed to find any JavaScript modules' && exit 1)
yarn source-map-explorer dist/chrome/phishing-detect.js --html build-artifacts/source-map-explorer/phishing-detect.html local filename
filename="$(basename "${file}")"
local module_name
module_name="${filename%.js.map}"
generate_sourcemap "${temp_dir}" "${module_name}"
done
}
main