<commit_before>Spritepack.js
===========

[Spritepack.js](https://github.com/madjidtaha/Spritepack.js) is a Javascript code that will help minimize HTTP requests.
Spritepack.js is a fork of [Magipack.js](https://github.com/keitakun/Magipack.js)

One of the issues on HTTP load time usually are the number of requests and the preferred method to minimize HTTP requests are generating image [Spritesheets](https://www.google.com/search?q=spritesheet&oq=spritesheet&aqs=chrome..69i57j69i59j69i60.1687j0j7&sourceid=chrome&espv=210&es_sm=91&ie=UTF-8).

Though, using Spritesheets you end up with some other issues such:

* Can't use different compressions for each image
* Can't use Spritesheets that exceeds 2048x2048 in most browsers
* Hard to use Spritesheets in *IMG* elements
* Needs repositioning *background-position* in CSS when Spritesheets changes

### So what [Spritepack.js](https://github.com/madjidtaha/Spritepack.js) does better than Spritesheets?
It loads a single file which is a concatenation of binary data of the files you want and a json file which maps the position and the size of each file.

This way, you can pack up several images with different file formats in a single file without losing compression or metadatas.

The example files and a python script are in the [examples folder](https://github.com/keitakun/Magipack.js/tree/master/examples) so you can easily generate the pack and config file.


Browser compatibility
---------------------
This examples were tested in Chrome 32, IE10, Safari 7, Firefox 25, Safari iOS 7.

Spritepack.js drop support of browser how don't support [blob](http://caniuse.com/#search=blob) (IE 9 and lower) 

There wasn't any large scale testing for this project yet, so if you find any [issue, please report it](https://github.com/madjidtaha/Spritepack.js/issues).
<commit_msg>Add explain about the fork<commit_after>Spritepack.js
===========

[Spritepack.js](https://github.com/madjidtaha/Spritepack.js) is a Javascript code that will help minimize HTTP requests.
Spritepack.js is a fork of [Magipack.js](https://github.com/keitakun/Magipack.js)

One of the issues on HTTP load time usually are the number of requests and the preferred method to minimize HTTP requests are generating image [Spritesheets](https://www.google.com/search?q=spritesheet&oq=spritesheet&aqs=chrome..69i57j69i59j69i60.1687j0j7&sourceid=chrome&espv=210&es_sm=91&ie=UTF-8).

Though, using Spritesheets you end up with some other issues such:

* Can't use different compressions for each image
* Can't use Spritesheets that exceeds 2048x2048 in most browsers
* Hard to use Spritesheets in *IMG* elements
* Needs repositioning *background-position* in CSS when Spritesheets changes

### So what [Spritepack.js](https://github.com/madjidtaha/Spritepack.js) does better than Spritesheets?
It loads a single file which is a concatenation of binary data of the files you want and a json file which maps the position and the size of each file.

This way, you can pack up several images with different file formats in a single file without losing compression or metadatas.

The example files and a python script are in the [examples folder](https://github.com/keitakun/Magipack.js/tree/master/examples) so you can easily generate the pack and config file.

### So what [Spritepack.js](https://github.com/madjidtaha/Spritepack.js) does better than [Magipack.js](https://github.com/keitakun/Magipack.js)?

Spritepack.js bring to Magipack.js Javascript Module support (AMD, CommonJS), it also drop weird IE9 and lower support.


Browser compatibility
---------------------
This examples were tested in Chrome 32, IE10, Safari 7, Firefox 25, Safari iOS 7.

Spritepack.js need browser support of [blob](http://caniuse.com/#search=blob) to work.

There wasn't any large scale testing for this project yet, so if you find any [issue, please report it](https://github.com/madjidtaha/Spritepack.js/issues).

{'fraction_non_alphanumeric': 0.0971443141254462, 'fraction_numerical': 0.020907700152983173, 'mean_word_length': 4.786135693215339, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 14, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4450449', 'n_tokens_mistral': 1218, 'n_tokens_neox': 1155, 'n_words': 455}