queviva

...
<style> werk-er { display: none; } </style>
...
<werk-er id="zero">
const f = new class {
  constructor () { ... }
  meth0 (x,y,z) { ... }
  meth1 (x,y,z) { ... }
}();
onmessage = (e, [a, ...b] = [...e.data]) => f[a](b);

queviva

const sortGoodBad = (r, f = x => Number(x)) => r.reduce(
    (a, v) => (a[(f(v)) ? 0 : 1].push(v), a), [[], []]
);

queviva

const crandomVal = () => (crypto.getRandomValues(new Uint32Array(1))[0] / (2 ** 32)) ;

const crandomInt = (a=1) => ~~((crypto.getRandomValues(new Uint32Array(1))[0] / (2 ** 32)) * a);

const crandomArr = (a=1, b=1) => [...crypto.getRandomValues(new Uint32Array(a))].map(v => (v / 2**32) * b);

const crandomIntArr = (a=1, b=1) => [...crypto.getRandomValues(new Uint32Array(a))].map(v => ~~((v / 2**32) * b));

queviva

const sliceArrayOnCondition=(a,f)=>a.reduce((x,v,i)=>((isNaN(f)?f(v):i%f===0)&&i!==0?x.push([v]):x.at(-1).push(v),x),[[]]);

queviva

const // create a var ...

    months // called months ...
    
    = // that is equal to ...
    
    [...Array(12)] // a twelve element array ...
    
    .map( // that gets mapped using ...
    

queviva

('00000' + n).slice(-3)

queviva

// run after all styles load
const cssVars = {
    
    list : () => [...new Set([...[

        [...document.styleSheets]
        .map(s => [...s.cssRules]
        .map(r => r.cssText)),

        [...document.querySelectorAll('[style]')]

queviva

const Liz = {

    lizzers: [

        [obj, 'event', e=>{...}],
        [obj, 'event,event,...', e=>{...}],
        [obj, 'event,event,...', e=>{...},{ passive: true }]

    ],

queviva

const toNumArray = s => s.match(/[\d\.-]+/g).map(p=>Number(p));

queviva

const xModByM = (x, M) => ((x % M) + M) % M;