unibabel.js/README.md

160 lines
4.5 KiB
Markdown
Raw Normal View History

2015-06-13 04:45:14 +00:00
Unibabel
2015-10-22 22:13:46 +00:00
========
2015-05-18 18:04:35 +00:00
2015-11-17 21:10:17 +00:00
Minimalistic **Base64**, **TypedArrays**, and **UTF-8** / **Unicode** conversions in Browser (and Node) JavaScript. Optional add-on support for **hex** and **base32**.
2015-05-18 18:04:35 +00:00
2015-06-10 23:59:01 +00:00
See <https://coolaj86.com/articles/base64-unicode-utf-8-javascript-and-you/>
2015-05-18 18:04:35 +00:00
2015-06-13 04:41:06 +00:00
See also
* [TextEncoder](https://developer.mozilla.org/en-US/docs/Web/API/TextEncoder/encode) / [TextDecoder](https://developer.mozilla.org/en-US/docs/Web/API/TextDecoder/decode)
* [DateView](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DataView)
* [text-encoding](https://github.com/inexorabletash/text-encoding)
* [TextEncoderLite (based on Buffer)](https://github.com/coolaj86/TextEncoderLite/tree/litest)
* [TextEncoderLite (based on text-encoding)](https://github.com/coolaj86/TextEncoderLite/tree/lite)
2015-06-13 04:45:14 +00:00
* [Beatgammit's base64-js](https://github.com/beatgammit/base64-js)
2015-06-13 04:41:06 +00:00
2017-12-04 21:00:43 +00:00
Are you in the right place?
2015-11-17 21:17:52 +00:00
------------------------
2017-12-04 21:00:43 +00:00
Dear Node.js Users:
2015-11-17 21:17:52 +00:00
You SHOULD NOT use this module. You already have [`Buffer`](https://nodejs.org/api/buffer.html) and [`thirty-two`](https://github.com/chrisumbel/thirty-two):
```javascript
var buf = new Buffer('I ½ ♥ 💩', 'utf8');
buf.toString('hex');
buf.toString('base64');
buf.toString('ascii');
buf.toString('utf8');
2015-11-17 21:18:30 +00:00
buf.toString('binary'); // deprecated, do not use
2015-11-17 21:17:52 +00:00
```
2017-12-04 21:00:43 +00:00
Install
-------
You just include the `index.js` in a lovely script tag.
```bash
bower install --save unibabel
```
```html
<script src="/bower_components/unibabel/index.js"></script>
```
Dear WebPack / Broccoli, Gulp / Grunt Users:
I don't know how your build systems work these days,
but Unibabel is exported as `Unibabel`
and you can access it as `window.Unibabel`.
2015-05-20 08:53:52 +00:00
API
===
```javascript
// TypedArray <--> UTF8
var uint8Array = Unibabel.strToUtf8Arr(str);
var str = Unibabel.utf8ArrToStr(uint8Array);
// TypedArray <--> Base64
var base64 = Unibabel.arrToBase64(uint8Array)
var uint8Array = Unibabel.base64ToArr(base64)
```
2015-06-10 23:59:01 +00:00
**Normal APIs**
2015-11-17 21:52:54 +00:00
`index.js`
2015-06-10 23:59:01 +00:00
* utf8ToBuffer(utf8str) => array
* bufferToUtf8(array) => string
* utf8ToBase64(utf8str) => base64
* base64ToUtf8(base64) => string
* bufferToBase64(array) => base64
* base64ToBuffer(base64) => array
2015-06-13 04:41:06 +00:00
**Hex APIs**
`unibabel.hex.js`
* hexToBuffer(hexstr) => array
* bufferToHex(array) => hexstr
2015-10-22 22:13:46 +00:00
**Base32 APIs**
`unibabel.base32.js`
* base32ToBuffer(b32str) => array
* bufferToBase32(array) => b32str
2015-06-10 23:59:01 +00:00
**Helper APIs**
* utf8ToBinaryString(utf8str) => binstr
* binaryStringToUtf8(binstr) => utf8str
* bufferToBinaryString(buffer) => binstr
* binaryStringToBuffer(binstr) => array
2015-05-18 18:11:00 +00:00
Examples
========
```javascript
// Base64
2015-05-20 08:53:52 +00:00
var myArray = Unibabel.base64ToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw=="); // "Base 64 \u2014 Mozilla Developer Network"
var myBuffer = Unibabel.base64ToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw==").buffer; // "Base 64 \u2014 Mozilla Developer Network"
2015-05-18 18:11:00 +00:00
console.log(myBuffer.byteLength);
// Crazy Unicode
var sMyInput = "I'm a ☢ ☃ that plays 𝄢 guitar and spea̧͈͖ks Ar̽̾̈́͒͑ ̶̧̨̱̹̭̯ͧ̾ͬC̷̙̲̝͖ͭ̏ͥͮ͟Oͮ͏̮̪̝͍M̲̖͊̒ͪͩͬ̚̚͜!";
2015-05-20 08:53:52 +00:00
var aMyUTF8Input = Unibabel.strToUtf8Arr(sMyInput);
var sMyBase64 = Unibabel.arrToBase64(aMyUTF8Input);
2015-05-18 18:11:00 +00:00
alert(sMyBase64);
2015-05-20 08:53:52 +00:00
var aMyUTF8Output = Unibabel.base64ToArr(sMyBase64);
var sMyOutput = Unibabel.utf8ArrToStr(aMyUTF8Output);
2015-05-18 18:11:00 +00:00
alert(sMyOutput);
```
2015-05-18 18:04:35 +00:00
License
=======
2015-10-22 22:17:48 +00:00
* `index.js` and `unibabel.hex.js` are dual-licensed as Apache 2.0 and MIT.
2015-10-22 22:13:46 +00:00
* `unibabel.base32.js` is a modified version of [thirty-two](https://github.com/chrisumbel/thirty-two) and is therefore licensed MIT.
Some parts of the code were taken from MDN, which Mozilla has licensed in the Public Domain,
which means that I am at liberty to re-license my copy under the Apache 2 and MIT licenses.
2015-05-18 18:11:00 +00:00
See <https://developer.mozilla.org/en-US/docs/MDN/About#Copyrights_and_licenses>
2015-06-10 23:59:01 +00:00
ChangeLog
====
2015-10-22 22:13:46 +00:00
v2.1.0
------
Added `unibabel.base32.js`
2015-06-10 23:59:01 +00:00
v2.0.0
------
The new implementation is binary compatible with node.js, TextEncoder,
and other more-common UTF-8 encodings.
It is also based on DOM APIs which result in much less code and are still
backwards compatible all the way back to IE6 (not on purpose, just that
it happens to work).
See <https://coolaj86.com/articles/base64-unicode-utf-8-javascript-and-you/>
v1.0.0
------
This version was based on the work by good folks at the MDN, however,
the UTF-8 conversion was not byte-compatible with other UTF-8 conversions
(such as node.js and TextEncoder), so don't use it.
See <https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding>