Use procedural colorjs.io API

jgerigmeyer commented 2 years ago

This is an attempt to use the newer (hopefully faster/smaller) procedural API for colorjs.io. Instead of storing (and mutating) a Color class in the store, we now deal with plain JS objects.

netlify[bot] commented 2 years ago

Deploy Preview for oddcontrast ready!

Name	Link
Latest commit	af2d75986580aac082f4a9fa945d1ad8b92db7a5
Latest deploy log	https://app.netlify.com/sites/oddcontrast/deploys/62cf239903a0d100096bffbb
Deploy Preview	https://deploy-preview-21--oddcontrast.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

jgerigmeyer commented 2 years ago

Minor file size improvements (~20%), but also I like the procedural API better (and it should be 2x faster).

Size of the primary JS chunks before: 29.81 KiB

.svelte-kit/output/client/_app/immutable/pages/index.svelte-60854d0b.js              66.40 KiB / gzip: 25.55 KiB
.svelte-kit/output/client/_app/immutable/pages/__layout.svelte-14755bd2.js           0.71 KiB / gzip: 0.47 KiB
.svelte-kit/output/client/_app/immutable/chunks/index-96a7ef56.js                    0.43 KiB / gzip: 0.31 KiB
.svelte-kit/output/client/_app/immutable/chunks/index-6a45cbb9.js                    8.50 KiB / gzip: 3.48 KiB

And after: 24.07 KiB

.svelte-kit/output/client/_app/immutable/pages/index.svelte-b6202508.js              31.79 KiB / gzip: 11.59 KiB
.svelte-kit/output/client/_app/immutable/pages/__layout.svelte-95ea5e6a.js           3.13 KiB / gzip: 1.65 KiB
.svelte-kit/output/client/_app/immutable/chunks/index-dd8370b2.js                    0.43 KiB / gzip: 0.31 KiB
.svelte-kit/output/client/_app/immutable/chunks/index-85f667f4.js                    8.50 KiB / gzip: 3.48 KiB
.svelte-kit/output/client/_app/immutable/chunks/p3-1e65f6da.js                       16.73 KiB / gzip: 7.04 KiB

oddbird / oddcontrast