Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 47 additions & 2 deletions bench/layers.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import * as Sjs from 's-js';
import * as solid from './solid-js-baseline.js';
import * as preact from '@preact/signals-core';
import * as maverick from '../dist/prod/index.js';
import * as xn from '@xania/state';
import Table from 'cli-table';

const BATCHED = true;
Expand Down Expand Up @@ -38,13 +39,15 @@ async function main() {
report.maverick = { fn: runMaverick, runs: [], avg: [] };
report.S = { fn: runS, runs: [] };
report.solid = { fn: runSolid, runs: [] };
report.xania = { fn: runXania, runs: [] };

// These libraries are not comparable in terms of features.
// report['preact/signals'] = { fn: runPreact, runs: [] };
// report.cellx = { fn: runCellx, runs: [] };

for (const lib of Object.keys(report)) {
const current = report[lib];
let total = 0;

for (let i = 0; i < LAYER_TIERS.length; i += 1) {
let layers = LAYER_TIERS[i];
Expand All @@ -57,14 +60,16 @@ async function main() {
await new Promise((resolve) => setTimeout(resolve, 0));

current.runs[i] = med(runs) * 1000;
total += current.runs[i];
}
current.runs.push(total);
}

const table = new Table({
head: ['', ...LAYER_TIERS.map((n) => kleur.bold(kleur.cyan(n)))],
head: ['', ...LAYER_TIERS.map((n) => kleur.bold(kleur.cyan(n))), kleur.magenta('total')],
});

for (let i = 0; i < LAYER_TIERS.length; i += 1) {
for (let i = 0; i < LAYER_TIERS.length + 1; i += 1) {
let min = Infinity,
max = -1,
fastestLib,
Expand Down Expand Up @@ -227,6 +232,46 @@ function runSolid(layers, done) {
});
}

/**
* @see {@link https://github.com/xania/state}
*/
function runXania(layers, done) {
var start = {
a: new xn.State(1),
b: new xn.State(2),
c: new xn.State(3),
d: new xn.State(4),
};

let layer = start;

for (let i = layers; i--; ) {
layer = ((m) => {
const props = {
a: m.b,
b: xn.combineLatest([m.a, m.c]).map(([a, c]) => a - c),
c: xn.combineLatest([m.b, m.d]).map(([b, d]) => b + d),
d: m.c,
};

return props;
})(layer);
}

const startTime = performance.now();

start.a.set(4);
start.b.set(3);
start.c.set(2);
start.d.set(1);

const end = layer;
const solution = [end.a.get(), end.b.get(), end.c.get(), end.d.get()];
const endTime = performance.now() - startTime;

done(isSolution(layers, solution) ? endTime : -1);
}

/**
* @see {@link https://github.com/preactjs/signals}
*/
Expand Down
Loading