Alternate Fetch Dependency Sizes for Node

by edm00se 7 years ago

macOS ◆ xterm-256color ◆ zsh 1372 views

I was looking to use a node equivalent to the fetch (window.fetch) API for use in node and had settled on the node-fetch package. I realized that I could probably use something slimmer, so I started looking around.

For alternatives, I looked at node-fetch, got, and my personal favorite, axios. Bundlephobia.com lists sizes, but only gzipped or min+gzip (aka for network download impact), but I was more concerned about file system impact; for node dependencies while being included for a serverless function. File size is somewhat nebulous based on differences between OS, npm version, and with other considerations; so it’s no wonder it’s not easy to just show and have a value.

My test shown above was run with Node LTS (8.9.x) and npm (5.6.x) on macOS High Sierra (10.13.1).

node-fetch: bundlephobia, installed: 620KB
got: bundlephobia, installed: 1.2MB
axios: bundlephobia, installed: 584KB

Other great online comparison tools, neither of which showed some of the other considerations for comparing node packages:

More by edm00se

yo xsp 00:43

by edm00se 8 years ago

Git "Squash" of Commits 02:33

by edm00se 8 years ago

Running a Shell Script in a Docker Container 01:22

by edm00se 7 years ago

gitbook-cli security issues 01:05

by edm00se 6 years ago

See all

You can download this recording in asciicast v1 format, as a .json file.

Download

Replay in terminal

You can replay the downloaded recording in your terminal using the asciinema play command:

asciinema play 153546.json

If you don't have asciinema CLI installed then see installation instructions.

Use with stand-alone player on your website

Download asciinema player from the releases page (you only need .js and .css file), then use it like this:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="asciinema-player.css" />
</head>
<body>
  <div id="player"></div>
  <script src="asciinema-player.min.js"></script>
  <script>
    AsciinemaPlayer.create(
      '/assets/153546.json',
      document.getElementById('player'),
      { cols: 130, rows: 35 }
    );
  </script>
</body>
</html>

See asciinema player quick-start guide for full usage instructions.

While this site doesn't provide GIF conversion at the moment, you can still do it yourself with the help of asciinema GIF generator utility - agg.

Once you have it installed, generate a GIF with the following command:

agg https://asciinema.org/a/153546 demo.gif

Or, if you already downloaded the recording file:

agg demo.cast demo.gif

Check agg --help for all available options. You can change font family and size, select color theme, adjust speed and more.

See agg manual for full usage instructions.