fix: attempt to fix Chrome warning

    Error while trying to use the following icon from the Manifest:
    https://hex.wincent.com/favicon.ico (Resource size is not correct -
    typo in the Manifest?)

refactor: put things back the way they were

As mentioned in parent commit.

feat: special-case base 16 size calculations

Slight refinement to what I did back in e4f88cd.

When typing in any input field, `value.base` will reflect the base of
that field. For almost all bases, the behavior implemented in e4f88cd is
what you want.

But when you're typing in the hex field people are much more accustomed
to thinking in "nibbes" (ie. half-bytes). You don't want to type "1" and
see it be a 1-bit number; you want it to jump straight to 4 bits.

Or maybe not. I'm 50:50 on this and will probably revert it back, while
keeping the component functional.

Bonus: converted to functional component.

refactor: eliminate (harmless) copy-pasta

chore: regenerate lockfile

Granting us an almost clean bill of health:

    ┌───────────────┬──────────────────────────────────────────────────────────────┐
    │ high          │ Inefficient Regular Expression Complexity in nth-check       │
    ├───────────────┼──────────────────────────────────────────────────────────────┤
    │ Package       │ nth-check                                                    │
    ├───────────────┼──────────────────────────────────────────────────────────────┤
    │ Patched in    │ >=2.0.1                                                      │
    ├───────────────┼──────────────────────────────────────────────────────────────┤
    │ Dependency of │ react-scripts                                                │
    ├───────────────┼──────────────────────────────────────────────────────────────┤
    │ Path          │ react-scripts > @svgr/webpack > @svgr/plugin-svgo > svgo >   │
    │               │ css-select > nth-check                                       │
    ├───────────────┼──────────────────────────────────────────────────────────────┤
    │ More info     │ https://www.npmjs.com/advisories/1070415                     │
    └───────────────┴──────────────────────────────────────────────────────────────┘
    1 vulnerabilities found - Packages audited: 1203
    Severity: 1 High

chore: update dependencies

Doesn't have much an effect on the `yarn audit` output though:

    17 vulnerabilities found - Packages audited: 1206
    Severity: 1 Moderate | 4 High | 12 Critical

So next step is going to be to blow away the `yarn.lock` and re-resolve
everything.

fix: correct bits/bytes summary

We were taking numbers, converting them to hex, and counting their
length, and multiplying by 8:

    f -> 8 bits, 1 byte
    ff -> 16 bits, 2 bytes

One fix would be to multiply by 4 instead:

    f -> 4 bits, 0.5 bytes
    ff -> 8 bits, 1 byte

So this is correct, in a sense, but we don't really want to show
fractional bytes.

Another fix would be, then, to just add a `Math.ceil` so that we'd get:

    f -> 4 bits, 1 byte
    ff -> 8 bits, 1 byte

But that doesn't feel so good when you're typing binary numbers; eg.
even "1" would show up as "4 bits, 1 byte". By instead converting to
base-2 and continue to use the `Math.ceil` trick, we get the best of
both worlds for these binary values:

    1 -> 1 bit, 1 byte
    11 -> 2 bits, 1 byte
    111 -> 3 bits, 1 byte
    1111 -> 4 bits, 1 byte
    11111 -> 5 bits, 1 byte
    111111 -> 6 bits, 1 byte
    1111111 -> 7 bits, 1 byte
    11111111 -> 8 bits, 1 byte

chore: nuke yarn.lock

Because without this, we die with:

    Loading PostCSS "postcss-normalize" plugin failed: Cannot find module 'postcss-normalize'

chore: update dependencies

With:

    yarn add --dev react-scripts@latest --exact
    yarn add classnames@latest prop-types@latest react@latest react-dom@latest --exact

refactor: switch from `simple-debounce` to `@wincent/debounce`

chore: add target browser configuration

Via:

```
$ react-scripts build
✔ We're unable to detect target browsers.

Would you like to add the defaults to your package.json? … yes
```

chore: update deps

Just to quieten `yarn audit` a bit (even `yarn audit --prod` is a
tire-fire at this point).

feat: tweak publish.sh to work in this repo

chore: prepare to deploy to gh-pages

Get rid of the old deploy.sh script and copy the publish script from my
cv repo. Next commit will contain the necessary edits to get it actually
working.

Fix focus bugs on mobile

Changing the value would cause focus to jump to the last field.

Don't autocapitalize

Some more probably immeasurable microoptimization

Microoptimization

Which may or may not be perceptible, and I can't pick it up in the
profiler because it is too noisy.

Reuse stack more aggressively

We see that we can always find a re-usable item somewhere in the stack;
we don't have to give up after looking at the last item alone.

Get significant speed up via memoization

Specify boundary conditions a little more rigorously

Add some clarifying comments

Ignore leading zeros

Means that converting "0{1000}f" is as fast as converting "f".

Revert "Avoid repeated `reverse()` calls in `getDigits` + `joinDigits`"

This reverts commit 54b28015d427b17e78bd7e30a7efbbe3454891c6.

Revert "Replace `unshift()` with `push()` plus `reverse()`"

This reverts commit f21c36ed85f277522593f1aed902d18f787a34b1.

Replace `unshift()` with `push()` plus `reverse()`

As predicted, this is faster. Not sure if as fast as what I had before.
Will do actual profiling and revert to prior state if it ends up being
better.

Avoid repeated `reverse()` calls in `getDigits` + `joinDigits`

Put most significant digits first, which means we avoid the `reverse()`
calls at the cost of having to use `unshift()`. It is indeed slower, but
I wanted to show my work. Next step will be replacing the `unshift()`
with `push()` + `reverse()`, but that probably still won't be enough to
get us back to perf parity.

Correct nonsense Flow type

Which reminds me, should actually wire up Flow again.

Do hoop jumping to stop React moving cursor to end for invalid input

Remove unnecessary calls to ReactDOM.findDOMNode

Only replace validators when base changes

Which is rare (only when user selects a new one from one of the dynamic
field drop-downs).

Allow 0x prefix on hex numbers

Means that users can type it as a prefix, or paste in a number with this
prefix.

Avoid calling `pop()` on stack

We only ever push as many as 3 items on this stack, so we don't have to
worry about unbounded growth. Let's just maintain an index for the top
of the stack. In a sample run under the Chrome profiler, this shaves off
several hundred milliseconds (hand-waves).

Add a clarifying comment

In case I forget why I have support in here for very large bases.

Correct spelling of spellCheck attribute

Ha.

Avoid repeated indexOf calls

Avoid unwanted spellcheck squiggly lines in input fields

Port tests to structure desired by create-react-app

Remove unused `add` module

Avoid needless work of converting number into its own base

Speed up by avoiding repeated regex construction etc

Avoid repeated regexp allocation, `slice`, `trim` and `toLowerCase`
calls.

Speed up joinDigits by avoiding an extra copy

Don't nest select and input inside label

Massively confuses the iPhone.

Peter Griffin CSS commit

Further attempt at avoiding zoom

Works fine in Chrome device emulation. Not so great on the real phone.
Can't focus the input, and changes to the select menu don't stick.

Disable zoom on select elements too

Increase input field size

In an effort to stop unwanted iOS auto-zooming:

https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone

Update fancy deploy script

Add responsive design

Fix wrong link in README

Update page title and favicon

Re-build with create-react-app

Because copying the src files over to a brand new base and tweaking them
is easier than getting a 2-year-old React codebase up-to-date.

gulp-spawn-mocha → gulp-mocha

gulp-mocha now spawns too.

babel → babel-cli

To avoid a deprecation warning.

yarn upgrade-interactive

Upgrade all the things.

Add yarn.lock

Drop explicit strict mode

Implied by use of ES6 modules.

Mark package as private to prevent accidental publication

Remove .jshintrc

Switch from local debounce() to NPM package

Make `gulp watch` monitor CSS changes as well

Seeing as CSS is getting bundled via webpack, we should really be
triggering the webpack:build task whenever it changes.

Got rid of the misleading "js" task in the process.

Align on baseline, not center

Strictly speaking, this is more correct, although it does look
too high to the naked eye at first glance.

Improve vertical alignment within rows

Fix monospace styling

This was meant to apply to the input field but was instead
targeting the surrounding span, effectively doing nothing.

Reorder some imports for consistency

Remove unnecessary lint override

Used to be necessary. No longer so.

Update copyright year ranges

Just to show how old this frickin' thing is.

Add high-tech deployment script

Tweak script path to work locally and via server

This makes file:// URLs work and the webpack dev server at the same
time. I think this will work fine once I've uploaded this to a remote
host.

Debounce history updates

Because they're slow.

Add simple debounce module

Copy-pasta'd from:

https://github.com/wincent/corpus/blob/a41b05e0a38f5bdb4c630c206780cae0db91dbea/src/app/debounce.js

Fix whitespace lint

Update URL with "permalink" to current value

Use Base 62 for compactness. Note that this requires us to upgrade the
internals to handle bigger bases, even though we don't expose base > 36
elsewhere in the UI.

This fulfils the promise in the README that this feature exists.

Write README

And update the copyright year ranges, too, to reflect the full
lineage of the project.

Drop unnecessary event meddling

Was trying to stop unwanted selection behavior. We still get it, even
with `user-select: none` and this. So, let's just drop it.

Sort CSS properties

Show cutesy animation when copy to clipboard succeeds

Focus first input on load

Extract <Size> component

Keeps things a little cleaner.

Update broken test

Clean up styles

Fix charset when "serving" from local filesystem

React converts the entity to a UTF-8 character, which works fine when
serving using the Webpack dev server (which presumably passes an HTTP
Content-Type header), but for testing with a local file:// URL, things
don't work unless we explicitly indicate the type.

Generate source map for production build

So that I can meaningfully profile the production build.

Put production bundle on a diet

Build was previously at a ridiculous 903,456 bytes.

Restructured config to have entirely separate production settings
without any hotloader stuff in the way, dropping it to 132,015 bytes.

This is still too big, as the app is just a production build of React,
11 small JS modules, and a CSS file, but it's a big improvement.

Massive speed-up by avoiding Chrome de-opt in hottest function

I became suspicious of the Math calls thanks to this thread:

https://groups.google.com/forum/#!msg/google-chrome-developer-tools/Y0J2XQ9iiqU/H60qqZNlQa8J

Turns out, those were the culprit.

Show byte and bit counts next to title

Add a couple of dynamic fields

Tweak Field.react

Edits for brevity, and add a title attribute to the copy
link span.

Silence a couple of lints

Down with require, long live import!

Fix copy icon background ordering

I had this working, then sorted the properties, which made it stop
working, because `background` is a shorthand form, and when it came
after the other `background-*` properties in the list it effectively
overrode them.

Make it `background-image` instead, so it doesn't override, and is
immune to sorting vagaries.

Add icon for copy button

Got the SVG from: https://icomoon.io/app

Compressed it with svgo (`npm install -g svgo`; see
https://github.com/svg/svgo)

Converted to data URI with: https://gist.github.com/puppybits/1565441

Did consider skipping the base64-encoding step (ie.
https://css-tricks.com/probably-dont-base64-svg/) but decided against
it. It won't work in old browsers, and isn't much of a space saving
anyway.

Add copy-to-clipboard functionality

Should work in recent Chrome, at least.

Avoid unnecessary base conversions

Instead of converting to a canonical hexadecimal base format, let the
updating component juts pass back the raw value + base. This should cut
the number of conversions by about 25%. For example, if I change the
binary field, instead of converting to hexadecimal once, then from
hexadecimal to some other base for three of the four fields (ie. four
total conversions), we instead just convert three fields.

Add some styling to make layout sane

Allow user to fully clear input field

Hook up convert() function to UI to show that it works

Implement `convert` function

Along with some illustrative tests. More to come (will fill in the blank
`it` blocks).

Based on the technique described at:

http://www.danvk.org/hex2dec.html

Don't mutate input array in joinDigits()

`reverse()` is a nasty API. It returns the reversed array, but also
mutates it in place. Noticed while using `joinDigits()` to log stuff
while developing.

Extract joinDigits() function