porffor 0.14.0-f67c123a1 → 0.16.0-053a03e10

package/compiler/havoc.js

@@ -0,0 +1,93 @@
+// havoc: wasm rewrite library
+import { Opcodes, Valtype } from './wasmSpec.js';
+
+export const localsToConsts = (func, targets, consts, { localKeys }) => {
+  const { wasm, locals } = func;
+
+  // update locals object
+  localKeys ??= Object.keys(locals).sort((a, b) => a.idx - b.idx);
+  for (const x of targets) {
+    delete locals[localKeys[x]];
+  }
+
+  const idxLut = {};
+  for (const x in locals) {
+    let i = locals[x].idx;
+    const o = i;
+    for (let j = 0; j < targets.length; j++) {
+      if (o > targets[j]) i--;
+    }
+
+    locals[x].idx = i;
+    idxLut[o] = i;
+  }
+
+  // update wasm
+  for (let i = 0; i < wasm.length; i++) {
+    const op = wasm[i];
+    const opcode = op[0];
+    const idx = op[1];
+
+    if (opcode >= 0x20 && opcode <= 0x22) { // local.* op
+      if (targets.includes(idx)) {
+        if (opcode === Opcodes.local_get || opcode === Opcodes.local_tee) {
+          // get/tee -> const
+          const c = consts[targets.indexOf(idx)];
+          wasm.splice(i, 1, c);
+          continue;
+        }
+
+        // set -> drop
+        wasm.splice(i, 1, [ Opcodes.drop ]);
+        continue;
+      }
+
+      // adjust index to compensate for removed
+      wasm[i] = [ opcode, idxLut[idx] ];
+    }
+  }
+};
+
+export const f64ToI32s = (func, targets) => {
+  const { wasm, locals } = func;
+
+  // update locals object
+  for (const x in locals) {
+    let i = locals[x].idx;
+    if (targets.includes(i)) {
+      locals[x].type = Valtype.i32;
+    }
+  }
+
+  // update wasm
+  for (let i = 0; i < wasm.length; i++) {
+    const op = wasm[i];
+    const opcode = op[0];
+    const idx = op[1];
+
+    if (opcode >= 0x20 && opcode <= 0x22 && targets.includes(idx)) { // local.* op
+      if (opcode === Opcodes.local_get) {
+        // add i32 -> f64 after
+        wasm.splice(i + 1, 0, Opcodes.i32_from);
+        continue;
+      }
+
+      if (opcode === Opcodes.local_set) {
+        // add f64 -> i32 before
+        wasm.splice(i, 0, Opcodes.i32_to);
+        i++;
+        continue;
+      }
+
+      if (opcode === Opcodes.local_tee) {
+        // add f64 -> i32 before
+        wasm.splice(i, 0, Opcodes.i32_to);
+        i++;
+
+        // add i32 -> f64 after
+        wasm.splice(i + 1, 0, Opcodes.i32_from);
+        continue;
+      }
+    }
+  }
+};

package/compiler/index.js

@@ -1,10 +1,13 @@
 import { underline, bold, log } from './log.js';
+import { Valtype, PageSize } from './wasmSpec.js';
 import parse from './parse.js';
 import codegen from './codegen.js';
 import opt from './opt.js';
 import assemble from './assemble.js';
 import decompile from './decompile.js';
 import toc from './2c.js';
+import * as pgo from './pgo.js';
+import cyclone from './cyclone.js';
 import Prefs from './prefs.js';
 
 globalThis.decompile = decompile;
@@ -12,14 +15,8 @@ globalThis.decompile = decompile;
 const logFuncs = (funcs, globals, exceptions) => {
   console.log('\n' + underline(bold('funcs')));
 
-  const startIndex = funcs.sort((a, b) => a.index - b.index)[0].index;
   for (const f of funcs) {
-    console.log(`${underline(f.name)} (${f.index - startIndex})`);
-
-    console.log(`params: ${f.params.map((_, i) => Object.keys(f.locals)[Object.values(f.locals).indexOf(Object.values(f.locals).find(x => x.idx === i))]).join(', ')}`);
-    console.log(`returns: ${f.returns.length > 0 ? true : false}`);
-    console.log(`locals: ${Object.keys(f.locals).sort((a, b) => f.locals[a].idx - f.locals[b].idx).map(x => `${x} (${f.locals[x].idx})`).join(', ')}`);
-    console.log();
+    if (f.internal) continue;
     console.log(decompile(f.wasm, f.name, f.index, f.locals, f.params, f.returns, funcs, globals, exceptions));
   }
 
@@ -30,6 +27,24 @@ const fs = (typeof process?.version !== 'undefined' ? (await import('node:fs'))
 const execSync = (typeof process?.version !== 'undefined' ? (await import('node:child_process')).execSync : undefined);
 
 export default (code, flags) => {
+  let target = Prefs.target ?? 'wasm';
+  if (Prefs.native) target = 'native';
+
+  let outFile = Prefs.o;
+
+  globalThis.valtype = 'f64';
+  const valtypeOpt = process.argv.find(x => x.startsWith('--valtype='));
+  if (valtypeOpt) valtype = valtypeOpt.split('=')[1];
+  globalThis.valtypeBinary = Valtype[valtype];
+
+  globalThis.pageSize = PageSize;
+  const pageSizeOpt = process.argv.find(x => x.startsWith('--page-size='));
+  if (pageSizeOpt) pageSize = parseInt(pageSizeOpt.split('=')[1]) * 1024;
+
+  // enable pgo by default for c/native
+  if (target !== 'wasm') Prefs.pgo = Prefs.pgo === false ? false : true;
+  if (Prefs.pgo) pgo.setup();
+
   const t0 = performance.now();
   const program = parse(code, flags);
   if (Prefs.profileCompiler) console.log(`1. parsed in ${(performance.now() - t0).toFixed(2)}ms`);
@@ -42,14 +57,56 @@ export default (code, flags) => {
 
   const t2 = performance.now();
   opt(funcs, globals, pages, tags, exceptions);
-  if (Prefs.profileCompiler) console.log(`3. optimized in ${(performance.now() - t2).toFixed(2)}ms`);
 
-  if (Prefs.optFuncs) logFuncs(funcs, globals, exceptions);
+  if (Prefs.pgo) {
+    if (Prefs.pgoLog) {
+      const oldSize = assemble(funcs, globals, tags, pages, data, flags, true).byteLength;
+      const t = performance.now();
+
+      pgo.run({ funcs, globals, tags, exceptions, pages, data });
+      opt(funcs, globals, pages, tags, exceptions);
+
+      console.log(`PGO total time: ${(performance.now() - t).toFixed(2)}ms`);
+
+      const newSize = assemble(funcs, globals, tags, pages, data, flags, true).byteLength;
+      console.log(`PGO size diff: ${oldSize - newSize} bytes (${oldSize} -> ${newSize})\n`);
+    } else {
+      pgo.run({ funcs, globals, tags, exceptions, pages, data });
+      opt(funcs, globals, pages, tags, exceptions);
+    }
+  }
+
+  if (Prefs.cyclone) {
+    if (Prefs.cycloneLog) {
+      const oldSize = assemble(funcs, globals, tags, pages, data, flags, true).byteLength;
+      const t = performance.now();
+
+      for (const x of funcs) {
+        const preOps = x.wasm.length;
+        cyclone(x.wasm);
+
+        console.log(`${x.name}: ${preOps} -> ${x.wasm.length} ops`);
+      }
+
+      console.log(`cyclone total time: ${(performance.now() - t).toFixed(2)}ms`);
+
+      const newSize = assemble(funcs, globals, tags, pages, data, flags, true).byteLength;
+      console.log(`cyclone size diff: ${oldSize - newSize} bytes (${oldSize} -> ${newSize})\n`);
+    } else {
+      for (const x of funcs) {
+        cyclone(x.wasm);
+      }
+    }
+  }
+
+  if (Prefs.profileCompiler) console.log(`3. optimized in ${(performance.now() - t2).toFixed(2)}ms`);
 
   const t3 = performance.now();
   const wasm = assemble(funcs, globals, tags, pages, data, flags);
   if (Prefs.profileCompiler) console.log(`4. assembled in ${(performance.now() - t3).toFixed(2)}ms`);
 
+  if (Prefs.optFuncs) logFuncs(funcs, globals, exceptions);
+
   if (Prefs.allocLog) {
     const wasmPages = Math.ceil((pages.size * pageSize) / 65536);
     const bytes = wasmPages * 65536;
@@ -59,9 +116,6 @@ export default (code, flags) => {
 
   const out = { wasm, funcs, globals, tags, exceptions, pages, data };
 
-  const target = Prefs.target ?? 'wasm';
-  const outFile = Prefs.o;
-
   if (target === 'wasm' && outFile) {
     fs.writeFileSync(outFile, Buffer.from(wasm));
 
@@ -82,6 +136,8 @@ export default (code, flags) => {
   }
 
   if (target === 'native') {
+    outFile ??= Prefs.native ? './porffor_tmp' : file.split('/').at(-1).split('.').at(0, -1).join('.');
+
     let compiler = Prefs.compiler ?? 'clang';
     const cO = Prefs._cO ?? 'Ofast';
 
@@ -89,7 +145,8 @@ export default (code, flags) => {
       else compiler = [ compiler ];
 
     const tmpfile = 'porffor_tmp.c';
-    const args = [ ...compiler, tmpfile, '-o', outFile ?? (process.platform === 'win32' ? 'out.exe' : 'out'), '-' + cO, '-march=native', '-s', '-ffast-math', '-fno-exceptions' ];
+    const args = [ ...compiler, tmpfile, '-o', outFile ?? (process.platform === 'win32' ? 'out.exe' : 'out'), '-' + cO ];
+    if (!Prefs.compiler) args.push('-flto=thin', '-march=native', '-s', '-ffast-math', '-fno-exceptions', '-fno-ident', '-fno-asynchronous-unwind-tables', '-ffunction-sections', '-fdata-sections', '-Wl,--gc-sections');
 
     const c = toc(out);
     fs.writeFileSync(tmpfile, c);
@@ -99,7 +156,16 @@ export default (code, flags) => {
 
     fs.unlinkSync(tmpfile);
 
-    if (process.version) process.exit();
+    if (process.version) {
+      if (Prefs.native) {
+        const runArgs = process.argv.slice(2).filter(x => !x.startsWith('-'));
+        process.on('beforeExit', () => { fs.unlinkSync(outFile); });
+
+        execSync([ outFile, ...runArgs.slice(1) ].join(' '), { stdio: 'inherit' });
+      }
+
+      process.exit();
+    }
   }
 
   return out;

package/compiler/opt.js

@@ -108,7 +108,7 @@ export default (funcs, globals, pages, tags, exceptions) => {
   for (const f of funcs) {
     const wasm = f.wasm;
 
-    const lastType = f.locals['#last_type'];
+    const lastType = f.locals['#last_type']?.idx;
 
     let runs = (+Prefs.optWasmRuns) || 2; // todo: how many by default?
     while (runs > 0) {
@@ -248,7 +248,7 @@ export default (funcs, globals, pages, tags, exceptions) => {
         }
 
         // remove setting last type if it is never gotten
-        if (!f.gotLastType && inst[0] === Opcodes.local_set && inst[1] === lastType?.idx) {
+        if (!f.gotLastType && inst[0] === Opcodes.local_set && inst[1] === lastType) {
           // replace this inst with drop
           wasm.splice(i, 1, [ Opcodes.drop ]); // remove this and last inst
           if (i > 0) i--;
@@ -354,7 +354,7 @@ export default (funcs, globals, pages, tags, exceptions) => {
           continue;
         }
 
-        if (lastInst[0] === Opcodes.const && (inst === Opcodes.i32_to || inst === Opcodes.i32_to_u)) {
+        if (lastInst[0] === Opcodes.const && inst[0] === Opcodes.i32_to[0] && (inst[1] === Opcodes.i32_to[1] || inst[1] === Opcodes.i32_to_u[1])) {
           // change const and immediate i32 convert to i32 const
           // f64.const 0
           // i32.trunc_sat_f64_s || i32.trunc_sat_f64_u
@@ -504,42 +504,6 @@ export default (funcs, globals, pages, tags, exceptions) => {
       const useCount = {};
       for (const x in f.locals) useCount[f.locals[x].idx] = 0;
 
-      // final pass
-      depth = [];
-      for (let i = 0; i < wasm.length; i++) {
-        let inst = wasm[i];
-        if (inst[0] === Opcodes.local_get || inst[0] === Opcodes.local_set || inst[0] === Opcodes.local_tee) useCount[inst[1]]++;
-
-        if (inst[0] === Opcodes.if || inst[0] === Opcodes.loop || inst[0] === Opcodes.block) depth.push(inst[0]);
-        if (inst[0] === Opcodes.end) depth.pop();
-
-        if (i < 2) continue;
-        const lastInst = wasm[i - 1];
-        const lastLastInst = wasm[i - 2];
-
-        // todo: add more math ops
-        if (optLevel >= 3 && (inst[0] === Opcodes.add || inst[0] === Opcodes.sub || inst[0] === Opcodes.mul) && lastLastInst[0] === Opcodes.const && lastInst[0] === Opcodes.const) {
-          // inline const math ops
-          // i32.const a
-          // i32.const b
-          // i32.add
-          // -->
-          // i32.const a + b
-
-          // does not work with leb encoded
-          if (lastInst.length > 2 || lastLastInst.length > 2) continue;
-
-          let a = lastLastInst[1];
-          let b = lastInst[1];
-
-          const val = performWasmOp(inst[0], a, b);
-          if (Prefs.optLog) log('opt', `inlined math op (${a} ${inst[0].toString(16)} ${b} -> ${val})`);
-
-          wasm.splice(i - 2, 3, ...number(val)); // remove consts, math op and add new const
-          i -= 2;
-        }
-      }
-
       const localIdxs = Object.values(f.locals).map(x => x.idx);
       // remove unused locals (cleanup)
       for (const x in useCount) {

package/compiler/parse.js

@@ -7,10 +7,10 @@ if (typeof process === 'undefined' && typeof Deno !== 'undefined') {
   globalThis.process = { argv: ['', '', ...Deno.args], stdout: { write: str => Deno.writeAllSync(Deno.stdout, textEncoder.encode(str)) } };
 }
 
-const file = process.argv.slice(2).find(x => x[0] !== '-');
+const file = process.argv.slice(2).find(x => x[0] !== '-' && !['run', 'wasm', 'native', 'c', 'profile', 'debug', 'debug-wasm'].includes(x));
 
 // should we try to support types (while parsing)
-const types = Prefs.parseTypes || file?.endsWith('.ts');
+const types = Prefs.parseTypes || Prefs.t || file?.endsWith('.ts');
 globalThis.typedInput = types && Prefs.optTypes;
 
 // todo: review which to use by default

package/compiler/pgo.js

@@ -0,0 +1,206 @@
+import { Opcodes, Valtype } from './wasmSpec.js';
+import { number } from './embedding.js';
+import { importedFuncs } from './builtins.js';
+import Prefs from './prefs.js';
+import assemble from './assemble.js';
+import wrap, { writeByteStr } from './wrap.js';
+import * as Havoc from './havoc.js';
+
+export const setup = () => {
+  importedFuncs[importedFuncs.profile2].params = [ Valtype.i32, valtypeBinary ];
+
+  // enable these prefs by default for pgo
+  Prefs.typeswitchUniqueTmp = Prefs.typeswitchUniqueTmp === false ? false : true;
+  Prefs.cyclone = Prefs.cyclone === false ? false : true;;
+};
+
+export const run = obj => {
+  const wasmFuncs = obj.funcs;
+
+  let starts = {};
+  const time = (id, msg) => {
+    if (!Prefs.pgoLog) return;
+
+    if (!starts[id]) {
+      process.stdout.write(msg);
+      starts[id] = performance.now();
+    } else {
+      process.stdout.write(`\r${' '.repeat(50)}\r[${(performance.now() - starts[id]).toFixed(2)}ms] ${msg}\n`);
+    }
+  };
+
+  time(0, `injecting PGO logging...`);
+
+  let funcs = [];
+  for (let i = 0; i < wasmFuncs.length; i++) {
+    const { name, internal, params, locals, wasm } = wasmFuncs[i];
+    if (internal) continue; // ignore internal funcs
+    wasmFuncs[i].originalWasm = structuredClone(wasm);
+
+    const invLocals = Object.keys(locals).reduce((acc, x) => { acc[locals[x].idx] = locals[x]; return acc; }, {});
+
+    const id = funcs.length;
+    funcs.push({ name, id, locals, params, invLocals });
+
+    wasm.unshift(
+      // mark active func
+      ...number(i, Valtype.i32),
+      [ Opcodes.call, importedFuncs.profile1 ],
+
+      // log args
+      ...params.flatMap((_, i) => [
+        ...number(i, Valtype.i32),
+        [ Opcodes.local_get, i ],
+        ...(invLocals[i].type !== Valtype.f64 ? [ Opcodes.i32_from ] : []),
+        [ Opcodes.call, importedFuncs.profile2 ]
+      ])
+    );
+
+    for (let j = 0; j < wasm.length; j++) {
+      const inst = wasm[j];
+      if (inst[0] === Opcodes.local_set || inst[0] === Opcodes.local_tee) {
+        wasm.splice(j + 1, 0,
+          ...number(inst[1], Valtype.i32),
+          [ Opcodes.local_get, inst[1] ],
+          ...(invLocals[inst[1]].type !== Valtype.f64 ? [ Opcodes.i32_from ] : []),
+          [ Opcodes.call, importedFuncs.profile2 ]
+        );
+      }
+    }
+  }
+
+  let localData = funcs.map(x => new Array(Object.keys(x.locals).length).fill(0).map(() => []));
+
+  time(0, `injected PGO logging`);
+  time(1, `running with PGO logging...`);
+
+  let activeFunc = null, abort = false;
+  try {
+    obj.wasm = assemble(obj.funcs, obj.globals, obj.tags, obj.pages, obj.data, obj.flags, true);
+
+    const { exports } = wrap(obj, [], {
+      y: n => {
+        activeFunc = n;
+      },
+      z: (i, n) => {
+        if (activeFunc == null) throw 'fail';
+        localData[activeFunc][i].push(n);
+      },
+      w: (ind, outPtr) => { // readArgv
+        const args = process.argv.slice(process.argv.indexOf('--pgo')).filter(x => !x.startsWith('-'));
+        const str = args[ind - 1];
+        if (!str) {
+          if (Prefs.pgoLog) console.log('\nPGO warning: script was expecting arguments, please specify args to use for PGO after --pgo arg');
+          return -1;
+        }
+
+        writeByteStr(exports.$, outPtr, str);
+        return str.length;
+      }
+    }, () => {});
+
+    exports.main();
+  } catch (e) {
+    throw e;
+  }
+
+  for (const x of funcs) {
+    const wasmFunc = wasmFuncs.find(y => y.name === x.name);
+    wasmFunc.wasm = wasmFunc.originalWasm;
+    delete wasmFunc.originalWasm;
+  }
+
+  if (abort) {
+    console.log('aborting PGO!');
+    return false;
+  }
+
+  time(1, `ran with PGO logging`);
+  time(2, 'processing PGO data...');
+
+  // process data
+  let log = '';
+  for (let i = 0; i < localData.length; i++) {
+    const func = funcs[i];
+    const total = localData[i].length;
+
+    const localKeys = Object.keys(func.locals).sort((a, b) => a.idx - b.idx);
+    const localValues = Object.values(func.locals).sort((a, b) => a.idx - b.idx);
+    func.localKeys = localKeys;
+    func.localValues = localValues;
+
+    let counts = new Array(10).fill(0);
+    const consistents = localData[i].map(x => {
+      if (x.length === 0 || !x.every((y, i) => i < 1 ? true : y === x[i - 1])) return false;
+
+      counts[0]++;
+      return x[0];
+    });
+
+    const integerOnlyF64s = localData[i].map((x, j) => {
+      if (localValues[j].type === Valtype.i32) return false; // already i32
+      if (x.length === 0 || !x.every(y => Number.isInteger(y))) return false;
+
+      counts[1]++;
+      return true;
+    });
+
+    func.consistents = consistents;
+    func.integerOnlyF64s = integerOnlyF64s;
+
+    log += `  ${func.name}: identified ${counts[0]}/${total} locals as consistent${Prefs.verbosePgo ? ':' : ''}\n`;
+    if (Prefs.verbosePgo) {
+      for (let j = 0; j < localData[i].length; j++) {
+        log += `    ${consistents[j] !== false ? '\u001b[92m' : '\u001b[91m'}${localKeys[j]}\u001b[0m: ${new Set(localData[i][j]).size} unique values set\n`;
+      }
+    }
+
+    log += `  ${func.name}: identified ${counts[1]}/${localValues.reduce((acc, x) => acc + (x.type === Valtype.f64 ? 1 : 0), 0)} f64 locals as integer usage only${Prefs.verbosePgo ? ':' : ''}\n`;
+    if (Prefs.verbosePgo) {
+      for (let j = 0; j < localData[i].length; j++) {
+        if (localValues[j].type !== Valtype.f64) continue;
+        log += `    ${integerOnlyF64s[j] ? '\u001b[92m' : '\u001b[91m'}${localKeys[j]}\u001b[0m\n`;
+      }
+
+      log += '\n';
+    }
+  }
+
+  time(2, 'processed PGO data' + log);
+  time(3, 'optimizing using PGO data...');
+
+  log = '';
+  for (const x of funcs) {
+    const wasmFunc = wasmFuncs.find(y => y.name === x.name);
+
+    let targets = [];
+    for (let i = 0; i < x.integerOnlyF64s.length; i++) {
+      const c = x.integerOnlyF64s[i];
+      if (c === false) continue;
+      if (i < x.params.length) continue;
+
+      targets.push(i);
+    }
+
+    log += `  ${x.name}: replaced ${targets.length} f64 locals with i32s\n`;
+    if (targets.length > 0) Havoc.f64ToI32s(wasmFunc, targets);
+
+    targets = [];
+    let consts = [];
+    for (let i = 0; i < x.consistents.length; i++) {
+      const c = x.consistents[i];
+      if (c === false) continue;
+      if (i < x.params.length) continue;
+
+      targets.push(i);
+
+      const valtype = x.localValues[i].type;
+      consts.push(number(c, valtype)[0]);
+    }
+
+    log += `  ${x.name}: replaced ${targets.length} locals with consts\n`;
+    if (targets.length > 0) Havoc.localsToConsts(wasmFunc, targets, consts, { localKeys: x.localKeys });
+  }
+
+  time(3, 'optimized using PGO data' + log);
+};

package/compiler/precompile.js

@@ -18,9 +18,9 @@ const compile = async (file, [ _funcs, _globals ]) => {
     first = source.slice(0, source.indexOf('\n'));
   }
 
-  let args = ['--bytestring', '--todo-time=compile', '--no-aot-pointer-opt', '--no-treeshake-wasm-imports', '--no-rm-unused-types', '--scoped-page-names', '--funsafe-no-unlikely-proto-checks', '--parse-types', '--opt-types'];
+  let args = ['--bytestring', '--todo-time=compile', '--truthy=no_nan_negative', '--no-treeshake-wasm-imports', '--no-rm-unused-types', '--scoped-page-names', '--funsafe-no-unlikely-proto-checks', '--fast-length', '--parse-types', '--opt-types'];
   if (first.startsWith('// @porf')) {
-    args = args.concat(first.slice('// @porf '.length).split(' '));
+    args = first.slice('// @porf '.length).split(' ').concat(args);
   }
   process.argv = argv.concat(args);
 
@@ -111,8 +111,9 @@ ${funcs.map(x => {
     ${x.returnType != null ? `returnType: ${JSON.stringify(x.returnType)}` : 'typedReturns: true'},
     locals: ${JSON.stringify(Object.values(x.locals).slice(x.params.length).map(x => x.type))},
     localNames: ${JSON.stringify(Object.keys(x.locals))},
-${x.data && x.data.length > 0 ? `    data: ${JSON.stringify(x.data)}` : ''}
-  };`.replaceAll('\n\n', '\n').replaceAll('\n\n', '\n')
+${x.data && x.data.length > 0 ? `    data: ${JSON.stringify(x.data)},` : ''}
+${x.table ? `    table: true` : ''}
+  };`.replaceAll('\n\n', '\n').replaceAll('\n\n', '\n').replaceAll('\n\n', '\n');
 }).join('\n')}
 };`;
 };

package/compiler/prefs.js

@@ -1,4 +1,4 @@
-const onByDefault = [ 'bytestring', 'aotPointerOpt', 'treeshakeWasmImports', 'alwaysMemory' ];
+const onByDefault = [ 'bytestring', 'treeshakeWasmImports', 'alwaysMemory', 'indirectCalls', 'optUnused' ];
 
 let cache = {};
 const obj = new Proxy({}, {
@@ -6,7 +6,7 @@ const obj = new Proxy({}, {
     // intentionally misses with undefined values cached
     if (cache[p]) return cache[p];
 
-    return cache[p] = (() => {
+    const ret = (() => {
       // fooBar -> foo-bar
       const name = p[0] === '_' ? p : p.replace(/[A-Z]/g, c => `-${c.toLowerCase()}`);
       const prefix = name.length === 1 ? '-' : '--';
@@ -19,9 +19,18 @@ const obj = new Proxy({}, {
       if (onByDefault.includes(p)) return true;
       return undefined;
     })();
+
+    // do not cache in web demo as args are changed live
+    if (!globalThis.document) cache[p] = ret;
+    return ret;
+  },
+
+  set(_, p, v) {
+    cache[p] = v;
+    return true;
   }
 });
 
-obj.uncache = () => cache = {};
+export const uncache = () => cache = {};
 
 export default obj;