This gist lists challenges you run into when building offline-first applications based on IndexedDB, including open-source libraries like Firebase, pouchdb and AWS amplify (more).
Note that some of the following issues affect only Safari. Out of the major browsers, Chrome's IndexedDB implementation is the best.
When this bug occurs, every time you use the indexeddb, the WAL file grows. Garbage collection doesn't seem to be working, so after a while, you end up with gigabytes of data.
| // This function converts a Float16 stored as the bits of a Uint16 into a Javascript Number. | |
| // Adapted from: https://gist.github.com/martinkallman/5049614 | |
| // input is a Uint16 (eg, new Uint16Array([value])[0]) | |
| function float16ToNumber(input) { | |
| // Create a 32 bit DataView to store the input | |
| const arr = new ArrayBuffer(4); | |
| const dv = new DataView(arr); | |
| // Set the Float16 into the last 16 bits of the dataview |
| //@flow | |
| import request from 'request' | |
| import crypto from 'crypto' | |
| import rp from 'request-promise' | |
| export type AuthServiceConfig = { | |
| authorizeEndpoint: string, | |
| clientId: string, | |
| audience: string, | |
| scope: string, |
| window.console.loge = function (msg) { | |
| var gifs = ['wink','shake-space','peepers','prizza','hat','gradient','fat','rainbow','sunglasses','derp','shake'], | |
| wow = ['', 'wow! ', 'amaze! ', 'dazzle! '], | |
| adjs = ['so', 'such', 'many', 'much', 'very'], | |
| randomizr = function (a) { return a[Math.floor(Math.random() * a.length)];}, | |
| message = '%c ' + randomizr(wow) + randomizr(adjs) + ' ' + typeof msg + ': ', | |
| css = 'background: url(http://d1e3ezyatlol8u.cloudfront.net/img/212/doge-' + randomizr(gifs) + '-212.gif) no-repeat 0 0; background-size: 80px 80px; font-family: \'Comic Sans MS\', cursive; text-shadow: 0 1px 1px rgba(0,0,0,1); font-size: 14px; padding: 25px; line-height: 70px; color: #fff; font-weight: 100;'; | |
| console.log.apply(console, typeof msg === 'object' ? [message, css, msg] : [message += msg, css]); | |
| }; |
| gifify() { | |
| if [[ -n "$1" ]]; then | |
| if [[ $2 == '--good' ]]; then | |
| ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png | |
| time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif | |
| rm out-static*.png | |
| else | |
| ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif | |
| fi | |
| else |
| 2 tone | |
| 2-step garage | |
| 4-beat | |
| 4x4 garage | |
| 8-bit | |
| acapella | |
| acid | |
| acid breaks | |
| acid house | |
| acid jazz |
