zelark/nano-id-cc

Nano ID collision calculator

nano-id-cc's Issues

Compress CSS

We can minify CSS by csso and remove .hljs-* classes which we don’t use

view-source:https://zelark.github.io/nano-id-cc/

Feature Request: Matches/Exceeds UUID randomness

I love using nanoid and the website (this repo, https://zelark.github.io/nano-id-cc/) helps me introduce nano ID to colleagues.

I would like the website to show "matches/exceeds UUID randomness" (we can iterate on copy text) in addition to the existing "~460 billion years needed, in order to have a 1% probability of at least one collision."

Example use case:

I want to change the default alphabet (no special characters, only lowercase for case insensitivity, etc), but I want to keep at least as much entropy as UUIDs.

Right now: I have to "do the math" and "show my work" to colleagues.

With this feature request: I/My colleagues edit the alphabet and adjust the slider until it shows "matches/exceeds UUID entropy."

The results are different between `zelark` version and `alex7kom` version

Input:

• Alphatbet: 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
• Length: 20
• Rate: 10000 Ids per Second

alex7kom version -> ~376 thousands of years of work are needed in order to have a 1% probability of at least one collision.

zelark version: ~1 billion years needed, in order to have a 1% probability of at least one collision.

Why is the difference ? Which is the correct one ?

Change "boom" graphic

Yeah it is a bit funny and I might be seen as a party pooper but it is somewhat inappropriate for the sort of tool it is and makes it dangerous to use at work or in public, especially since you might need to clear the alphabet to change it to something else.

need escaping in the output example

If you use quotation marks as an alphabet, you will get an incorrect source code at the output

Calculator for absolute number of IDs?

I'd like to answer the question "how many rows there would need to be in our database for nanoid to have a 1% probability of producing an already existing ID". Just maybe an idea for this awesome calculator (I like the current approach, just think that maybe there could be an additional "view" on the probability).

difference in 60 ids/hr vs 1 id/sec

hey, I am trying to understand why the demo gives a different number for mathematically, the same input
ie. 60 ids/hr = 1 id/sec

60 ids/hr = ~26 days

1 id/s = ~10 hrs

Remove h2 titles

Right now code example is not visible on standard screen (my screen is even bigger).

https://i.imgur.com/MehW8iM.png

But if we will remove Description and Calculator titles, we will not lose information (since it is obvious) but will save vertical size. Also, we can remove Code sample as well.

https://i.imgur.com/3ksr1q4.png

Supporting examples for other programming languages

Computation should not depend on non-unique characters in the alphabet

now a different result of the calculation if the alphabet "01" and "010"

Add support for nanoid-dictionary alphabets?

Would be a neat little convenience feature if popular alphabets from https://github.com/CyberAP/nanoid-dictionary could be selected from a dropdown or similar, without the need to manually entering the characters.

Great tool BTW!

Reduce size

People complain that 119 KB of JS is too big for so Nano ID website
https://twitter.com/duane_moody/status/1244783386666782722

To compare logux.io sends only 4 KB of JS.

Add validation of speed field

Unfortunately, the speed field can't calculate big numbers

Copy-to-clipboard button

It's nice to have such button, especially on mobile platforms.

Reduce max ID length in slider

The current slider has values from 2 to 128. But I can’t find a case when you need more than 32 symbols in ID.

[Feature request] Export as JS library

For example, the following function :

getCollisionProbability({
    alphabet: String,
    length: Integer,
    speed: Integer,
    speedUnit: String // 'hour' or 'second'
})

Could return the following value :

{
    duration: Integer,
    durationUnit: String, // 'second', 'minute', 'hour', 'day', 'year'
    count: Integer
}

Thanks

Escape <> in the example

Right now they are interpreted as is which can lead to weird results:

Make logo clickable

I think we could put a link to Nano ID repo to the logo on website

The original issue is ai/nanoid#74.