statoscope VS js-untar

There’s a demo available here: https://statoscope.tech/ We use it at my work

Statoscope is a modern tooklit for analyzing and validating your bundle. You can try Statoscope by simply dropping the stats of your build into https://statoscope.tech or using a webpack plugin that will generate a UI-based report about your build. This report will show you full information about your build, NPM packages duplicates, and even the download speed of your bundle to a client browser. With this UI report, you can make your own requests to stats and generate your own reports about your bundle. This is very similar to python notebook, but for webpack stats and is possible thanks to a special query language.

In this post I would like to share Statoscope with you.

let [node_nightly_build] = await ( await fetch('https://nodejs.org/download/nightly/index.json') ).json(); let { version, files } = node_nightly_build; let node_nightly_url = `https://nodejs.org/download/nightly/${version}/node-${version}-${osArch}.tar.gz`; let url = `${cors_api_url}${node_nightly_url}`; console.log(`Fetching ${node_nightly_url}`); const request = (await fetch(url)).body.pipeThrough( new DecompressionStream('gzip') ); // Download gzipped tar file and get ArrayBuffer const buffer = await new Response(request).arrayBuffer(); // Decompress gzip using pako // Get ArrayBuffer from the Uint8Array pako returns // const decompressed = await pako.inflate(buffer); // Untar, js-untar returns a list of files // (See https://github.com/InvokIT/js-untar#file-object for details) const untarFileStream = new UntarFileStream(buffer); while (untarFileStream.hasNext()) { file = untarFileStream.next(); if (/\/bin\/node$/.test(file.name)) { break; } } writable = await fileSystemHandle.createWritable(); writer = writable.getWriter(); await writer.write(file.buffer); await writer.close(); new Notification('Download complete.', { body: `Successfully downloaded node executable ${version}` }); } catch (e) { console.log(e); } finally { console.log('Done'); }

} } try { // throws, see https://github.com/InvokIT/js-untar/issues/30, handle error // untar is still defined globally // await import('https://unpkg.com/[email protected]/build/dist/untar.js'); } catch (e) { console.log(e); } finally { // https://stackoverflow.com/a/65448758 // trying to avoid fetching files that won't be used let {default: [node_nightly_build]} = await import('https://nodejs.org/download/nightly/index.json', {assert:{type: 'json'}}); let {version, files} = node_nightly_build; let url = https://nodejs.org/download/nightly/${version}/node-${version}-linux-x64.tar.gz${get_file}; const request = ( await fetch( url ) ).body.pipeThrough(new DecompressionStream('gzip')); // Download gzipped tar file and get ArrayBuffer const buffer = await new Response(request).arrayBuffer(); // Decompress gzip using pako // Get ArrayBuffer from the Uint8Array pako returns // const decompressed = await pako.inflate(buffer); // Untar, js-untar returns a list of files // (See https://github.com/InvokIT/js-untar#file-object for details) const files = new UntarFileStream(buffer); while (files.hasNext()) { file = files.next(); if (//bin/node$/.test(file.name)) { break; } } writable = await fileSystemHandle.createWritable(); writer = writable.getWriter(); await writer.write(file.buffer); await writer.close(); console.log('Done'); } ```

let fileSystemHandle = await showSaveFilePicker({suggestedName: 'node'}), writable, writer; await import('https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.4/pako.min.js'); try { await import('https://unpkg.com/[email protected]/build/dist/untar.js'); } catch (e) { console.log(e); } finally { // https://stackoverflow.com/a/65448758 const request = await fetch('node-v16.14.2-linux-x64.tar.gz'); const buffer = await request.arrayBuffer(); // Download gzipped tar file and get ArrayBuffer const decompressed = await pako.inflate(buffer); // Decompress gzip using pako const files = await untar(decompressed.buffer); // Get ArrayBuffer from the Uint8Array pako returns, untar, js-untar returns a list of files (See https://github.com/InvokIT/js-untar#file-object for details) writable = await fileSystemHandle.createWritable(); writer = writable.getWriter(); const file = files.find( ({ name }) => name === 'node-v16.14.2-linux-x64/bin/node' ).buffer; await writer.write(file); await writer.close(); }