Skip to content

Commit

Permalink
feat: ⚡ move to only one worker;
Browse files Browse the repository at this point in the history
remove terser, and gzip workers
  • Loading branch information
okikio authored May 22, 2021
1 parent 7e5520d commit 2f66612
Show file tree
Hide file tree
Showing 23 changed files with 643 additions and 287 deletions.
2 changes: 1 addition & 1 deletion docs/404.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!DOCTYPE html><html class="dark"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>404 Page</title><meta name="description" content=""><meta name="color-scheme" content="dark light"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="./bundle.svg"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="preconnect" href="https://unpkg.com/"><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&amp;display=swap" rel="stylesheet" async><link href="https://fonts.googleapis.com/css2?family=Material+Icons&amp;family=Material+Icons+Round&amp;display=block" rel="stylesheet" async><script src="./js/theme.min.js" type="module" async></script><link rel="stylesheet" href="./css/app.css"></head><body><nav class="navbar"><div class="navbar-bg"><div class="container"><div class="navbar-shadow"></div></div></div><div class="navbar-bg"><div class="container"><div class="navbar-border"></div></div></div><div class="container"><div class="navbar-frame"><a class="navbar-logo" href="./">bundle</a><section><a class="btn mr-2" href="./#about">About</a><a class="btn mr-2" href="https://github.com/okikio/bundle" target="_blank" rel="noopener">Github</a><button class="theme-toggle" type="button"><span class="icon">dark_mode</span></button></section></div></div></nav><div class="navbar-offset"></div><main data-wrapper><div class="container px-5 py-2 sm:max-w-screen-lg"><div class="my-5 px-12 py-24"><h1 class="text-5xl mb-2"><strong>404 Page</strong></h1><p class="font-light text-lg">You might be lost, wanna <a href="./">go back home?</a></p></div></div></main><footer class="footer my-6"><div class="container"><p class="bg-gray-200 dark:bg-quaternary inline-block px-4 py-2 rounded-md"><span> Made by </span><a href="https://github.com/okikio" target="_blank">Okiki Ojo</a>.</p></div></footer><link rel="stylesheet" href="./js/monaco.min.css"><link rel="modulepreload" href="./js/monaco.min.js"><link rel="modulepreload" href="./js/esbuild.min.js"><script src="./js/main.min.js" type="module" defer></script></body></html>
<!DOCTYPE html><html class="dark"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>404 Page</title><meta name="description" content=""><meta name="color-scheme" content="dark light"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="./bundle.svg"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="preconnect" href="https://unpkg.com"><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&amp;display=swap" rel="stylesheet" async><link href="https://fonts.googleapis.com/css2?family=Material+Icons&amp;family=Material+Icons+Round&amp;display=block" rel="stylesheet" async><script src="./js/theme.min.js" type="module" async></script><link rel="stylesheet" href="./css/app.css"></head><body><nav class="navbar"><div class="navbar-bg"><div class="container"><div class="navbar-shadow"></div></div></div><div class="navbar-bg"><div class="container"><div class="navbar-border"></div></div></div><div class="container"><div class="navbar-frame"><a class="navbar-logo" href="./">bundle</a><section><a class="btn mr-2" href="./#about">About</a><a class="btn mr-2" href="https://github.com/okikio/bundle" target="_blank" rel="noopener">Github</a><button class="theme-toggle" type="button"><span class="icon">dark_mode</span></button></section></div></div></nav><div class="navbar-offset"></div><main data-wrapper><div class="container px-5 py-2 sm:max-w-screen-lg"><div class="my-5 px-12 py-24"><h1 class="text-5xl mb-2"><strong>404 Page</strong></h1><p class="font-light text-lg">You might be lost, wanna <a href="./">go back home?</a></p></div></div></main><footer class="footer my-6"><div class="container"><p class="bg-gray-200 dark:bg-quaternary inline-block px-4 py-2 rounded-md"><span> Made by </span><a href="https://github.com/okikio" target="_blank">Okiki Ojo</a>.</p></div></footer><link rel="stylesheet" href="./js/monaco.min.css"><link rel="modulepreload" href="./js/monaco.min.js"><link rel="modulepreload" href="./js/esbuild.min.js"><script src="./js/main.min.js" type="module" defer></script></body></html>
356 changes: 352 additions & 4 deletions docs/css/app.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/index.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!DOCTYPE html><html class="dark"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>bundle - a quick npm package size checker</title><meta name="description" content=""><meta name="color-scheme" content="dark light"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="./bundle.svg"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="preconnect" href="https://unpkg.com/"><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&amp;display=swap" rel="stylesheet" async><link href="https://fonts.googleapis.com/css2?family=Material+Icons&amp;family=Material+Icons+Round&amp;display=block" rel="stylesheet" async><script src="./js/theme.min.js" type="module" async></script><link rel="stylesheet" href="./css/app.css"></head><body><nav class="navbar"><div class="navbar-bg"><div class="container"><div class="navbar-shadow"></div></div></div><div class="navbar-bg"><div class="container"><div class="navbar-border"></div></div></div><div class="container"><div class="navbar-frame"><a class="navbar-logo" href="./">bundle</a><section><a class="btn mr-2" href="./#about">About</a><a class="btn mr-2" href="https://github.com/okikio/bundle" target="_blank" rel="noopener">Github</a><button class="theme-toggle" type="button"><span class="icon">dark_mode</span></button></section></div></div></nav><div class="navbar-offset"></div><main data-wrapper><div class="container"><header><h1>bundle</h1><p>a quick npm package size checker</p></header><div class="push-to-side"><div id="bundle-time"> </div><div class="flex flex-1"></div><button class="btn" id="run" type="button">Run</button><div class="file-size">...</div></div><div id="app"><div class="center-container"><div class="loading"></div></div><div id="editor"></div></div><p>* Check the console for error messages and bundled code.</p><p>* Every 10 results the console will be cleared.</p><div class="container max-w-screen-lg" id="about"><h2>about</h2><p> I used <a href="https://github.com/microsoft/monaco-editor" target="_blank" rel="noopener"> monaco-editor</a> for the code-editor,<a href="https://github.com/evanw/esbuild" target="_blank" rel="noopener"> esbuild</a> as a bundler,<a href="https://github.com/nodeca/pako" target="_blank" rel="noopener"> pako</a> as a js port of the zlib and gzip libraries, and<a href="https://github.com/sindresorhus/pretty-bytes" target="_blank" rel="noopener"> pretty-bytes</a> to convert the gzip size to human readable values. <br><br>This project was greatly influenced by <a href="https://github.com/hardfist/neo-tools" target="_blank" rel="noopener">hardfists neo-tools</a> project.<br><br><strong>bundle </strong>is a quick and easy way to bundle your projects and see the gzip size, it's similar to <a href="https://bundlephobia.com" target="_blank" rel="noopener">bundlephobia</a> but does all the work locally on you computer and can treeshake and bundle multiple packages (both commonjs and esm) together, it currently doesn't support JSX, but packages without JSX are good. <br><br> The project isn't perfect, I am still working on an autocomplete, hover intellisence, better mobile support and the high memory usage of <strong> esbuild</strong> and<strong> monaco </strong> as well as some edge case packages, e.g. <strong> @babel/core.</strong><br><br>If there is something I missed, a mistake, or a feature you would like added please create an issue or a pull request and I'll try to get to it. You can contribute to this project at <a href="https://github.com/okikio/bundle" target="_blank" rel="noopener">okikio/bundle.</a><br><br><strong>bundle</strong> uses <a href="https://www.conventionalcommits.org/en/v1.0.0/" target="_blank" rel="noopener"> Conventional Commits</a> as the style of commit, and the <a href="http://commitizen.github.io/cz-cli/" target="_blank" rel="noopener">Commitizen CLI</a> to make commits easier.<br><br>You can join the discussion on<a href="https://github.com/okikio/bundle/discussions" target="_blank" rel="noopener"> github discussions</a>.</p></div></div></main><footer class="footer my-6"><div class="container"><p class="bg-gray-200 dark:bg-quaternary inline-block px-4 py-2 rounded-md"><span> Made by </span><a href="https://github.com/okikio" target="_blank">Okiki Ojo</a>.</p></div></footer><link rel="stylesheet" href="./js/monaco.min.css"><link rel="modulepreload" href="./js/monaco.min.js"><link rel="modulepreload" href="./js/esbuild.min.js"><script src="./js/main.min.js" type="module" defer></script></body></html>
<!DOCTYPE html><html class="dark"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>bundle - a quick npm package size checker</title><meta name="description" content=""><meta name="color-scheme" content="dark light"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="./bundle.svg"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="preconnect" href="https://unpkg.com"><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&amp;display=swap" rel="stylesheet" async><link href="https://fonts.googleapis.com/css2?family=Material+Icons&amp;family=Material+Icons+Round&amp;display=block" rel="stylesheet" async><script src="./js/theme.min.js" type="module" async></script><link rel="stylesheet" href="./css/app.css"></head><body><nav class="navbar"><div class="navbar-bg"><div class="container"><div class="navbar-shadow"></div></div></div><div class="navbar-bg"><div class="container"><div class="navbar-border"></div></div></div><div class="container"><div class="navbar-frame"><a class="navbar-logo" href="./">bundle</a><section><a class="btn mr-2" href="./#about">About</a><a class="btn mr-2" href="https://github.com/okikio/bundle" target="_blank" rel="noopener">Github</a><button class="theme-toggle" type="button"><span class="icon">dark_mode</span></button></section></div></div></nav><div class="navbar-offset"></div><main data-wrapper><div class="container"><header><h1>bundle</h1><p>a quick npm package size checker</p></header><div class="push-to-side"><div id="bundle-time"></div><div class="flex flex-1"></div><button class="btn" id="run" type="button">Run</button><div class="file-size">...</div></div><div id="app"><div class="center-container"><div class="loading"></div></div><div id="editor"></div></div><p>* Check the console for error messages and bundled code.</p><p>* Every 10 results the console will be cleared.</p><br><p class="relative"><span>* If an error occurs try using a different CDN, by default </span><strong>bundle</strong> uses<a href="https://unpkg.com" target="_blank" rel="noopener"> unpkg</a> but you can use others, here is a list of CDN's that I know of:<ul class="list-disc list-inside pt-5"><li><a href="https://skypack.dev" target="_blank" rel="noopener">skypack.dev</a></li><li><a href="https://cdn.jsdelivr.net" target="_blank" rel="noopener">jsdelivr.net</a></li><li><a href="https://esm.sh" target="_blank" rel="noopener">esm.sh</a></li><li><a href="https://jspm.dev" target="_blank" rel="noopener">jspm.dev</a></li></ul></p><div class="container max-w-screen-lg" id="about"><h2>about</h2><p>I used<a href="https://github.com/microsoft/monaco-editor" target="_blank" rel="noopener"> monaco-editor</a> for the code-editor,<a href="https://github.com/evanw/esbuild" target="_blank" rel="noopener"> esbuild</a> as a bundler,<a href="https://github.com/nodeca/pako" target="_blank" rel="noopener"> pako</a> as a js port of the zlib and gzip libraries, and<a href="https://github.com/sindresorhus/pretty-bytes" target="_blank" rel="noopener"> pretty-bytes</a> to convert the gzip size to human readable values.<br><br>This project was greatly influenced by<a href="https://github.com/hardfist/neo-tools" target="_blank" rel="noopener"> hardfists neo-tools</a> project.<br><br><strong>bundle</strong> is a quick and easy way to bundle your projects and see the minified and gzip size, it's similar to<a href="https://bundlephobia.com" target="_blank" rel="noopener"> bundlephobia</a> but does all the work locally on you computer and can treeshake multiple packages (both commonjs and esm) into a bundle, it currently doesn't support JSX, but packages without JSX are good.<br><br><span>The project isn't perfect, I am still working on an autocomplete, hover intellisence, better mobile support and the high memory usage of </span><strong>esbuild</strong><span> and </span><strong>monaco</strong><span> as well as some edge case packages, e.g. </span><strong>fastify.</strong><br><br>If there is something I missed, a mistake, or a feature you would like added please create an issue or a pull request and I'll try to get to it. You can contribute to this project at<a href="https://github.com/okikio/bundle" target="_blank" rel="noopener"> okikio/bundle.</a><br><br><strong>bundle</strong> uses<a href="https://www.conventionalcommits.org/en/v1.0.0/" target="_blank" rel="noopener"> Conventional Commits</a> as the style of commit, and the<a href="http://commitizen.github.io/cz-cli/" target="_blank" rel="noopener"> Commitizen CLI</a> to make commits easier.<br><br>You can join the discussion on<a href="https://github.com/okikio/bundle/discussions" target="_blank" rel="noopener"> github discussions</a>.</p></div></div></main><footer class="footer my-6"><div class="container"><p class="bg-gray-200 dark:bg-quaternary inline-block px-4 py-2 rounded-md"><span> Made by </span><a href="https://github.com/okikio" target="_blank">Okiki Ojo</a>.</p></div></footer><link rel="stylesheet" href="./js/monaco.min.css"><link rel="modulepreload" href="./js/monaco.min.js"><link rel="modulepreload" href="./js/esbuild.min.js"><script src="./js/main.min.js" type="module" defer></script></body></html>
113 changes: 56 additions & 57 deletions docs/js/esbuild.min.js

Large diffs are not rendered by default.

2 changes: 0 additions & 2 deletions docs/js/gzip.min.js

This file was deleted.

Loading

0 comments on commit 2f66612

Please sign in to comment.