• Stars
    star
    298
  • Rank 139,663 (Top 3 %)
  • Language
    JavaScript
  • Created over 9 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🍻 Displays the size of a given file in your repository.

badge-size Powered by Vercel

Displays the size of a given file in your repository.

badge-size allows you to display in real time the size of a given file which lives in your repository. The size is always the one of your last pushed commit.

It is mainly designed for front-end library authors that want to advertise the weight of their builds to their users. But you can use it for any other purpose of course ✌️.

Examples

Badge URL
Normal size
Gzipped size
Brotli size
Custom label
PNG format

Usage

It works like any other badge service you may know and it's configurable in the image url itself. Here is the general pattern of a typical badge-size url:

https://img.badgesize.io/:filepath[.svg|png|jpg][?compression=gzip|brotli][&label=string][&max=string][&softmax=string]

:filepath

Relative URL of file on GitHub of any absolute URL if hosted elsewhere.

The format of the GitHub URL is the same as when you browse it in the source explorer, minus blob/ part. Here is its typical form:

:user/:repo/:branch/:path

For example if I want to point to this repository index.js, it would be:

https://github.com/ngryman/badge-size/master/index.js

Note that the branch name is mandatory.

[.svg|png|json]

Optional image format. By default svg is used.

When json is used, the response is a JSON object of the following shape:

{
  "color": "44cc11",
  "originalSize": 997,
  "prettySize": "997 B",
  "size": 997
}

[?compression=gzip|brotli]

Optional compression format to measure. It's useful if you want to advertise the true size your file would take on the wire, assuming the server has gzip or brotli compression enabled.

[&label=string]

Optional text to display in the badge instead of size / gzip size / brotli size.

[&color=string]

Optional background color. By default it's brightgreen.
You can specify hexadecimal colors, without the dash (i.e bada55) or one of the following named colors:

[&style=string]

Optional style. By default it's flat.
You can specify one of the following:

[&max=string] [&softmax=string]

Optional size limits in bytes.
Max is a hard limit. Exceeding this will generate a red badge.
If softlimit is provided (in addition to max) and the file size falls within the range of max and softmax, a yellow badge will be generated.
This setting will override the color option in the above two scenarios.

https://img.badgesize.io/:filepath?max=100000&softmax=200000

Contributors

Generated with contributors-faces.

Other projects

  • Fauda: configuration made simple.
  • Reading Time: Medium's like reading time estimation.
  • Commitizen Emoji: Commitizen adapter formatting commit messages using emojis.

License

MIT Β© Nicolas Gryman

More Repositories

1

reading-time

πŸ“š Medium's like reading time estimation.
TypeScript
1,369
star
2

jquery.finger

✌️ jQuery touch & gestures, fingers in the nose.
JavaScript
426
star
3

cz-emoji

Commitizen adapter formatting commit messages using emojis.
JavaScript
356
star
4

gulp-bro

πŸ‘Š gulp + browserify + incremental build, done right.
JavaScript
121
star
5

social-redirects

🐳 Redirect glyph urls to your social networks profiles.
PHP
86
star
6

tree-crawl

πŸƒ Agnostic tree traversal library.
JavaScript
84
star
7

raf.js

πŸƒ Request Animation Frame polyfill
JavaScript
45
star
8

lol-champions

Simplified, up-to-date, League of Legends champions list.
JavaScript
45
star
9

ribs

πŸ– Responsive Images Baked Server-side.
JavaScript
39
star
10

fauda

Configuration made simple.
TypeScript
33
star
11

contributor-faces

Put your contributors faces in your readme.
JavaScript
31
star
12

virtual-pointer

Simulates a pointer with jQuery in PhantomJS and the browser.
JavaScript
25
star
13

codesandbox-theme

Codesandbox theme for VSCode.
22
star
14

obelisk-buildr

Isometric builder using obelisk.js.
JavaScript
21
star
15

compass

Compass wrapper and middleware for node.js.
JavaScript
16
star
16

lol-items

Simplified, up-to-date, League of Legends items list.
JavaScript
8
star
17

awesome-stars

A curated list of my GitHub stars!
7
star
18

tree-morph

πŸƒ Agnostic tree morphing library.
JavaScript
6
star
19

qs-numbers

A qs plugin that enables number parsing.
JavaScript
6
star
20

sass-dry

DRY your SASS code.
CSS
6
star
21

grunt-glue-js

Grunt task to build CommonJS modules for the browser using gluejs.
JavaScript
5
star
22

tree-mutate

πŸƒ n-ary tree mutation library.
JavaScript
4
star
23

lol-spells

Simplified, up-to-date, League of Legends summoner spells list.
JavaScript
4
star
24

v8-windows-tickprocessor

Drop-in v8 windows tick processor for profiling
4
star
25

readme-filename

Get a project readme file name.
JavaScript
3
star
26

mincmp

🍷 Compare npm package source files minimaps
JavaScript
3
star
27

woot-bar

Very minimalist tmux status bar that displays used memory and CPU usage.
Rust
3
star
28

experiment-car-drawing

Car Drawing Experiment
JavaScript
3
star
29

simulator

Mouse and touch events simulator
JavaScript
3
star
30

object-defaults

Like _.defaults, assigns properties of source objects to a target, without overriding existing ones.
JavaScript
2
star
31

hi5

Friendly lightweight type checker πŸ™Œ.
JavaScript
2
star
32

meta-dev

πŸ“¦ Meta package for devDependencies.
JavaScript
2
star
33

vinyl-adapter-picker

Protocol based vinyl adapter picker.
JavaScript
2
star
34

ds-linked-list

A simply linked list data structure in JavaScript.
JavaScript
2
star
35

optify

Generates a combination matrix from a set key/value pairs.
JavaScript
2
star
36

p-using

Dispose a resource when p-using promise resolves.
JavaScript
1
star
37

gulp-pimp

Pimp your imports!
JavaScript
1
star
38

ngryman.github.io

Script that executes me.
HTML
1
star
39

ViZion

OS for multimedia box in HTML and running on Node.JS
JavaScript
1
star
40

bookmarks-baby

Bookmarks Baby!
JavaScript
1
star
41

leap-impress

Control your Impress.js presentations with gestures using Leap Motion.
JavaScript
1
star
42

compare-values

Get functions to compare two values given an operator.
JavaScript
1
star
43

love-hate-particles

This is a little experiment about two particles' relationship.
CoffeeScript
1
star
44

thread-sass-loaders-bug

JavaScript
1
star
45

live-templates

A collection of handy live templates I use with IntelliJ / WebStorm.
1
star
46

npm-v

Get installed npm version
JavaScript
1
star
47

gulp-say

Text To Speech errors for gulp.
JavaScript
1
star
48

webstorm-libraries

Set of JavaScript for WebStorm and IntelliJ.
JavaScript
1
star
49

to-method

βš“ Convert c-like functions to class methods.
JavaScript
1
star
50

graceful-fs-stream

Graceful filesystem streams.
JavaScript
1
star
51

loop.js

HTML5 game ecosystem
JavaScript
1
star
52

traps

🐺 Capture me if you can!
JavaScript
1
star
53

lines-iterator

Iterates over lines, es6 way.
JavaScript
1
star
54

asmr

Show a list of your repos. That's it!
JavaScript
1
star
55

wombat-js

Javascript Game Engine
JavaScript
1
star
56

letenv

CLI environment variables loader.
JavaScript
1
star
57

unchain

Synchronous function chaining with delay support.
JavaScript
1
star
58

stores

Stores things efficiently. Don't worry about cache stampede anymore.
JavaScript
1
star
59

generator-library

Scaffold a generic node library.
JavaScript
1
star
60

compare-properties

Get functions to compare two object properties given an operator.
JavaScript
1
star