Hashids is small JavaScript library to generate YouTube-like ids from numbers. Use it when you don't want to expose your database ids to the user: http://hashids.org/javascript
Getting started
Install Hashids via:
yarn add hashids
(or just directly use the code at dist/hashids.js
)
Use in ESM-compatible environments (webpack, modern browsers)
import Hashids from 'hashids'
const hashids = new Hashids()
console.log(hashids.encode(1))
Use in CommonJS environments (most often Node.js)
const Hashids = require('hashids/cjs')
const hashids = new Hashids()
console.log(hashids.encode(1))
Note: When using Node that supports conditional exports, require('hashids')
(version >=13) will also work.
Use as global in the browser (wherever ES6 is supported; 5KB)
<script type="text/javascript" src="hashids.min.js"></script>
<script type="text/javascript">
var hashids = new Hashids();
console.log(hashids.encode(1));
</script>
Use in TypeScript:
import
or require
, based on the environment (see above). If you want to use the CommonJS module syntax (require
), you'll need to install the Node.js types from the DefinitelyTyped
repository.
npm install @types/node
If you want to use the ESM syntax (import Hashids from 'hashids'
), you will need to include the following options in your tsconfig.json
.
{
"allowSyntheticDefaultImports": true,
"esModuleInterop": true
}
The above is not required if you import the CommonJS version directly: import Hashids from 'hashids/cjs'
.
If you get errors stating: Cannot find name 'BigInt'
, add "esnext.bigint"
or "esnext"
to your tsconfig.json
file, under "lib"
:
{
"compilerOptions": {
...
"lib": [
"esnext.bigint",
...
]
}
}
Note that your environment doesn't actually have to support BigInt
for hashids to function.
Quick example
const hashids = new Hashids()
const id = hashids.encode(1, 2, 3)
const numbers = hashids.decode(id)
More options
A few more ways to pass to encode()
:
const hashids = new Hashids()
console.log(hashids.encode(1, 2, 3))
console.log(hashids.encode([1, 2, 3]))
console.log(hashids.encode('1', '2', '3'))
console.log(hashids.encode(['1', '2', '3']))
console.log(hashids.encode([1n, 2n, 3n]))
console.log(hashids.encode([0x1n, 0x2n, 0x3n]))
Make your ids unique:
Pass a "salt" to make your ids unique (e.g. a project name):
var hashids = new Hashids('My Project')
console.log(hashids.encode(1, 2, 3))
var hashids = new Hashids('My Other Project')
console.log(hashids.encode(1, 2, 3))
Use padding to make your ids longer:
Note that ids are only padded to fit at least a certain length. It doesn't mean that your ids will be exactly that length.
const hashids = new Hashids()
console.log(hashids.encode(1))
const hashids = new Hashids('', 10)
console.log(hashids.encode(1))
Pass a custom alphabet:
const hashids = new Hashids('', 0, 'abcdefghijklmnopqrstuvwxyz')
console.log(hashids.encode(1, 2, 3))
Default alphabet is abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890
.
Since v2.0 you can even use emojis as the alphabet.
Encode hex instead of numbers:
Useful if you want to encode numbers like Mongo's ObjectIds.
Note that there is no limit on how large of a hex number you can pass.
var hashids = new Hashids()
var id = hashids.encodeHex('507f1f77bcf86cd799439011')
var hex = hashids.decodeHex(id)
Please note that this is not the equivalent of:
const hashids = new Hashids()
const id = Hashids.encode(BigInt('0x507f1f77bcf86cd799439011'))
const hex = Hashids.decode(id)[0].toString(16)
The difference between the two is that the built-in encodeHex
will
always result in the same length, even if it contained leading zeros.
For example hashids.encodeHex('00000000')
would encode to qExOgK7
and decode back to '00000000'
(length information is preserved).
Pitfalls
-
When decoding, output is always an array of numbers (even if you encode only one number):
const hashids = new Hashids()
const id = hashids.encode(1)
console.log(hashids.decode(id))
-
Encoding negative numbers is not supported.
-
If you pass bogus input to encode()
, an empty string will be returned:
const hashids = new Hashids()
const id = hashids.encode('123a')
console.log(id === '')
-
Do not use this library as a security tool and do not encode sensitive data. This is not an encryption library.
Randomness
The primary purpose of Hashids is to obfuscate ids. It's not meant or tested to be used as a security or compression tool. Having said that, this algorithm does try to make these ids random and unpredictable:
No repeating patterns showing there are 3 identical numbers in the id:
const hashids = new Hashids()
console.log(hashids.encode(5, 5, 5))
Same with incremented numbers:
const hashids = new Hashids()
console.log(hashids.encode(1, 2, 3, 4, 5, 6, 7, 8, 9, 10))
console.log(hashids.encode(1))
console.log(hashids.encode(2))
console.log(hashids.encode(3))
console.log(hashids.encode(4))
console.log(hashids.encode(5))
Curses! #$%@
This code was written with the intent of placing created ids in visible places, like the URL. Therefore, by default the algorithm tries to avoid generating most common English curse words by generating ids that never have the following letters next to each other:
c, f, h, i, s, t, u
You may customize the chars that shouldn't be placed next to each other by providing a 4th argument to the Hashids constructor:
const hashids = new Hashids(undefined, undefined, undefined, 'zyxZYX')
BigInt
If your environment supports BigInt
, you can use the standard API
to encode and decode them the same way as ordinary numbers.
Trying to decode a BigInt
-encoded hashid on an unsupported environment will throw an error.
License
MIT License. See the LICENSE file.
You can use Hashids in open source projects and commercial products.
Don't break the Internet. Kthxbye.