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 crandomValue = () => [...crypto.getRandomValues(new Uint32Array(1))].map(v => v / 4294967296.5)[0];

const crandomArray = (n=1) => [...crypto.getRandomValues(new Uint32Array(n))].map(v => v / 4294967296.5);

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;