@qvac/harness 1.0.0-rc.0 → 1.0.0-rc.2

package/dist-lib/plugins/quickjs/runtime.js

@@ -0,0 +1,421 @@
+import variant from '@jitl/quickjs-singlefile-mjs-release-sync';
+import { newQuickJSWASMModuleFromVariant } from 'quickjs-emscripten-core';
+import { errorMessage, isRecord } from '../../lib/guards.js';
+import { AbortedError } from '../../lib/helpers/race-abort.js';
+import { appendOutput, createCapturedOutput, DEFAULT_TIMEOUT_MS, formatOutput, MAX_OUTPUT_CHARS } from '../../lib/tools/exec/runner.js';
+import { ensureTextDecoder } from './text-decoder.js';
+export const MAX_DEADLINE_MS = 30_000;
+export const SLICE_MS = 10_000;
+const MAX_LOG_LINES = 200;
+const CLOSED_ERROR = 'the JavaScript runtime is closed';
+function format(ctx, handle) {
+    if (ctx.typeof(handle) === 'string') {
+        return ctx.getString(handle);
+    }
+    const value = ctx.dump(handle);
+    return isRecord(value) ? JSON.stringify(value) : String(value);
+}
+function isPromise(ctx, handle) {
+    const state = ctx.getPromiseState(handle);
+    if (state.type === 'fulfilled' && state.notAPromise) {
+        return false;
+    }
+    if (state.type === 'fulfilled') {
+        state.value.dispose();
+    }
+    else if (state.type === 'rejected') {
+        state.error.dispose();
+    }
+    return true;
+}
+function settle(ctx, promise, { print, fail }) {
+    const state = ctx.getPromiseState(promise);
+    promise.dispose();
+    if (state.type === 'fulfilled') {
+        print(state.value);
+    }
+    else if (state.type === 'rejected') {
+        fail(state.error);
+    }
+}
+function errorText(value) {
+    if (!isRecord(value)) {
+        return `Uncaught ${String(value)}`;
+    }
+    const head = `${String(value.name ?? 'Error')}: ${String(value.message ?? '')}`;
+    const stack = typeof value.stack === 'string' ? value.stack.trimEnd() : '';
+    return stack ? `${head}\n${stack}` : head;
+}
+const CONSOLE = [
+    ['log', 'stdout'],
+    ['info', 'stdout'],
+    ['debug', 'stdout'],
+    ['error', 'stderr'],
+    ['warn', 'stderr']
+];
+function installConsole(ctx, write) {
+    const handle = ctx.newObject();
+    for (const [name, stream] of CONSOLE) {
+        const fn = ctx.newFunction(name, (...args) => {
+            write(stream, args.map((arg) => format(ctx, arg)).join(' '));
+        });
+        ctx.setProp(handle, name, fn);
+        fn.dispose();
+    }
+    ctx.setProp(ctx.global, 'console', handle);
+    handle.dispose();
+}
+function runScript(mod, source, { limits, deadline, maxOutputChars, signal }) {
+    const limit = maxOutputChars ?? MAX_OUTPUT_CHARS;
+    const output = { stdout: createCapturedOutput(limit), stderr: createCapturedOutput(limit) };
+    const write = (stream, line) => appendOutput(output[stream], `${line}\n`);
+    let timedOut = false;
+    const rt = mod.newRuntime({
+        memoryLimitBytes: limits.memoryLimit,
+        maxStackSizeBytes: limits.stackSize,
+        interruptHandler: () => {
+            timedOut ||= Date.now() > deadline;
+            return timedOut || signal?.aborted === true;
+        }
+    });
+    const ctx = rt.newContext();
+    try {
+        installConsole(ctx, write);
+        let exitCode = 0;
+        const fail = (error) => {
+            write('stderr', errorText(ctx.dump(error)));
+            if (error.alive) {
+                error.dispose();
+            }
+            exitCode = 1;
+        };
+        const print = (handle) => {
+            if (ctx.typeof(handle) !== 'undefined') {
+                write('stdout', format(ctx, handle));
+            }
+            handle.dispose();
+        };
+        const evaluated = ctx.evalCode(source, 'script.js');
+        if (evaluated.error) {
+            fail(evaluated.error);
+        }
+        else {
+            const value = evaluated.value;
+            const promise = isPromise(ctx, value);
+            if (!promise) {
+                print(value);
+            }
+            const jobs = rt.executePendingJobs();
+            if (jobs.error) {
+                fail(jobs.error);
+            }
+            if (promise) {
+                settle(ctx, value, { print, fail });
+            }
+        }
+        const result = {
+            stdout: formatOutput(output.stdout),
+            stderr: formatOutput(output.stderr),
+            exitCode
+        };
+        return { result, timedOut };
+    }
+    finally {
+        ctx.dispose();
+        rt.dispose();
+    }
+}
+const PRELUDE = `
+{
+  let seed = 0x9e3779b9
+  Math.random = () => {
+    seed = (seed + 0x6d2b79f5) | 0
+    let t = Math.imul(seed ^ (seed >>> 15), 1 | seed)
+    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t
+    return ((t ^ (t >>> 14)) >>> 0) / 4294967296
+  }
+  const noClock = () => { throw new Error('the script has no clock') }
+  const NativeDate = Date
+  NativeDate.now = noClock
+  globalThis.Date = new Proxy(NativeDate, {
+    apply: noClock,
+    construct: (target, args, next) => args.length ? Reflect.construct(target, args, next) : noClock()
+  })
+}
+`;
+const tick = () => new Promise((resolve) => setImmediate(resolve));
+class Script {
+    _ctx;
+    _sliceMs;
+    _totalMs;
+    _settle;
+    _logs = [];
+    _deadline = 0;
+    _spent = 0;
+    _pending = new Set();
+    _calls = new Set();
+    _promise = null;
+    _finished = false;
+    _settled = false;
+    constructor(mod, { limits, options, settle }) {
+        this._totalMs = Math.min(options.totalMs ?? MAX_DEADLINE_MS, MAX_DEADLINE_MS);
+        this._sliceMs = options.sliceMs ?? SLICE_MS;
+        this._settle = settle;
+        const rt = mod.newRuntime({
+            memoryLimitBytes: limits.memoryLimit,
+            maxStackSizeBytes: limits.stackSize,
+            interruptHandler: () => Date.now() > this._deadline
+        });
+        this._ctx = rt.newContext();
+        installConsole(this._ctx, (_stream, line) => {
+            if (this._logs.length < MAX_LOG_LINES) {
+                this._logs.push(line);
+            }
+        });
+        for (const [name, functions] of Object.entries(options.bindings ?? {})) {
+            const object = this._ctx.newObject();
+            for (const [key, fn] of Object.entries(functions)) {
+                const handle = this._ctx.newFunction(key, (arg) => this._call(fn, arg ? this._ctx.dump(arg) : undefined));
+                this._ctx.setProp(object, key, handle);
+                handle.dispose();
+            }
+            this._ctx.setProp(this._ctx.global, name, object);
+            object.dispose();
+        }
+    }
+    start(source) {
+        const prelude = this._enter(() => this._ctx.evalCode(PRELUDE));
+        if (prelude.error) {
+            return this._fail(prelude.error);
+        }
+        prelude.value.dispose();
+        const evaluated = this._enter(() => this._ctx.evalCode(`(async () => {\n${source}\n})()`, 'script.js'));
+        if (evaluated.error) {
+            return this._fail(evaluated.error);
+        }
+        this._promise = evaluated.value;
+        this._pump();
+    }
+    stop = (error) => {
+        this._dispose();
+        this._done(() => this._settle.reject(error));
+    };
+    _enter(fn) {
+        const started = Date.now();
+        this._deadline = started + Math.min(this._sliceMs, this._totalMs - this._spent);
+        try {
+            return fn();
+        }
+        finally {
+            this._spent += Date.now() - started;
+        }
+    }
+    _call(fn, arg) {
+        const deferred = this._ctx.newPromise();
+        this._pending.add(deferred);
+        const call = Promise.resolve(arg)
+            .then(fn)
+            .then((value) => tick().then(() => this._resolve(deferred, value)), (error) => this._finish(() => this._settle.reject(error)));
+        this._calls.add(call);
+        return deferred.handle;
+    }
+    _resolve(deferred, value) {
+        if (this._finished)
+            return;
+        let handle;
+        try {
+            handle = this._fromJson(value);
+        }
+        catch (error) {
+            return this._error(`the tool result could not reach the script: ${errorMessage(error)}`);
+        }
+        this._pending.delete(deferred);
+        deferred.resolve(handle);
+        handle.dispose();
+        deferred.dispose();
+        this._pump();
+    }
+    _fromJson(value) {
+        let json;
+        let parse;
+        try {
+            json = this._ctx.newString(JSON.stringify(value ?? null));
+            parse = this._ctx.unwrapResult(this._ctx.evalCode('JSON.parse'));
+            return this._ctx.unwrapResult(this._ctx.callFunction(parse, this._ctx.undefined, json));
+        }
+        finally {
+            parse?.dispose();
+            json?.dispose();
+        }
+    }
+    _toJson(handle) {
+        const stringify = this._ctx.unwrapResult(this._ctx.evalCode('JSON.stringify'));
+        try {
+            const json = this._enter(() => this._ctx.callFunction(stringify, this._ctx.undefined, handle));
+            if (json.error) {
+                return { error: json.error };
+            }
+            const text = this._ctx.typeof(json.value) === 'string' ? this._ctx.getString(json.value) : null;
+            json.value.dispose();
+            return { value: text === null ? null : JSON.parse(text) };
+        }
+        finally {
+            stringify.dispose();
+        }
+    }
+    _pump() {
+        if (this._finished || !this._promise)
+            return;
+        const jobs = this._enter(() => this._ctx.runtime.executePendingJobs());
+        if (jobs.error) {
+            return this._fail(jobs.error);
+        }
+        const state = this._ctx.getPromiseState(this._promise);
+        if (state.type === 'fulfilled') {
+            const answer = this._toJson(state.value);
+            state.value.dispose();
+            if ('error' in answer) {
+                return this._fail(answer.error, "the script's answer is not JSON: ");
+            }
+            const logs = this._logs;
+            return this._finish(() => this._settle.resolve({ value: answer.value, logs }));
+        }
+        if (state.type === 'rejected') {
+            return this._fail(state.error);
+        }
+        if (this._pending.size === 0) {
+            this._error('the script awaited a promise that never settles');
+        }
+    }
+    _fail(handle, prefix = '') {
+        const error = this._ctx.dump(handle);
+        if (handle.alive) {
+            handle.dispose();
+        }
+        this._error(prefix + this._message(error));
+    }
+    _error(error) {
+        const logs = this._logs;
+        this._finish(() => this._settle.resolve({ error, logs }));
+    }
+    _message(error) {
+        if (!isRecord(error)) {
+            return String(error);
+        }
+        if (error.message === 'interrupted') {
+            return this._spent >= this._totalMs
+                ? `the script ran longer than ${this._totalMs} ms in total`
+                : `the script ran longer than ${this._sliceMs} ms`;
+        }
+        return error.name ? `${String(error.name)}: ${String(error.message)}` : String(error.message);
+    }
+    _finish(settle) {
+        if (this._finished)
+            return;
+        this._dispose();
+        if (this._calls.size === 0) {
+            return this._done(settle);
+        }
+        void Promise.allSettled(this._calls).then(() => this._done(settle));
+    }
+    _dispose() {
+        if (this._finished)
+            return;
+        this._finished = true;
+        this._promise?.dispose();
+        for (const deferred of this._pending) {
+            deferred.dispose();
+        }
+        const rt = this._ctx.runtime;
+        this._ctx.dispose();
+        rt.dispose();
+    }
+    _done(settle) {
+        if (this._settled)
+            return;
+        this._settled = true;
+        this._settle.done();
+        settle();
+    }
+}
+export class Interpreter {
+    _limits;
+    _module = null;
+    _live = new Set();
+    _closed = false;
+    constructor(limits) {
+        this._limits = limits;
+    }
+    _load() {
+        if (!this._module) {
+            ensureTextDecoder();
+            const loading = newQuickJSWASMModuleFromVariant(variant);
+            this._module = loading;
+            loading.catch(() => this._drop(loading));
+        }
+        return this._module;
+    }
+    _drop(module) {
+        if (this._module === module) {
+            this._module = null;
+        }
+    }
+    async evaluate(source, options = {}) {
+        if (this._closed) {
+            throw new Error(CLOSED_ERROR);
+        }
+        const loading = this._load();
+        const mod = await loading;
+        if (this._closed) {
+            throw new Error(CLOSED_ERROR);
+        }
+        if (options.signal?.aborted) {
+            throw new AbortedError();
+        }
+        const timeoutMs = Math.min(options.timeoutMs ?? DEFAULT_TIMEOUT_MS, MAX_DEADLINE_MS);
+        let outcome;
+        try {
+            outcome = runScript(mod, source, {
+                ...options,
+                limits: this._limits,
+                deadline: Date.now() + timeoutMs
+            });
+        }
+        catch (err) {
+            this._drop(loading);
+            throw err;
+        }
+        if (options.signal?.aborted) {
+            throw new AbortedError();
+        }
+        if (outcome.timedOut) {
+            throw new Error(`Command timed out after ${timeoutMs}ms`);
+        }
+        return outcome.result;
+    }
+    async run(source, options = {}) {
+        if (this._closed) {
+            throw new Error(CLOSED_ERROR);
+        }
+        const mod = await this._load();
+        if (this._closed) {
+            throw new Error(CLOSED_ERROR);
+        }
+        return new Promise((resolve, reject) => {
+            const script = new Script(mod, {
+                limits: this._limits,
+                options,
+                settle: { resolve, reject, done: () => this._live.delete(script.stop) }
+            });
+            this._live.add(script.stop);
+            script.start(source);
+        });
+    }
+    close() {
+        this._closed = true;
+        this._module = null;
+        for (const stop of [...this._live]) {
+            stop(new Error(CLOSED_ERROR));
+        }
+    }
+}

package/dist-lib/plugins/quickjs/text-decoder.d.ts

@@ -0,0 +1 @@
+export declare function ensureTextDecoder(): void;

package/dist-lib/plugins/quickjs/text-decoder.js

@@ -0,0 +1,15 @@
+import b4a from 'b4a';
+class Utf8Decoder {
+    decode(input) {
+        if (input === undefined)
+            return '';
+        const view = input instanceof ArrayBuffer
+            ? new Uint8Array(input)
+            : new Uint8Array(input.buffer, input.byteOffset, input.byteLength);
+        return b4a.toString(view, 'utf8');
+    }
+}
+export function ensureTextDecoder() {
+    const g = globalThis;
+    g.TextDecoder ??= Utf8Decoder;
+}

package/dist-lib/plugins/run-report/brand.d.ts

@@ -0,0 +1 @@
+export declare const WORDMARK = "<svg aria-label=\"QVAC\" role=\"img\" height=\"18\" viewBox=\"0 0 110 13\" fill=\"none\"><path d=\"M98.1597 0.199383C98.0421 0.0727478 97.8793 0 97.7057 0H80.0164C79.8454 0 79.6799 0.0727478 79.5624 0.199383L76.6921 3.30059C76.5853 3.41645 76.5266 3.57003 76.5266 3.7263V8.15314C76.5266 8.31211 76.5853 8.46299 76.6921 8.57885L79.5624 11.6801C79.6799 11.8067 79.8428 11.8794 80.0164 11.8794H97.7057C97.8766 11.8794 98.0421 11.8067 98.1597 11.6801L101.03 8.57885C101.137 8.46299 101.195 8.30941 101.195 8.15314V7.38524C101.195 7.04037 100.918 6.76015 100.576 6.76015H82.2218C82.051 6.76015 81.8854 6.68741 81.768 6.56077C81.6611 6.44491 81.6024 6.29133 81.6024 6.13506V5.74438C81.6024 5.58541 81.6611 5.43453 81.768 5.31867C81.8854 5.19203 82.0483 5.11929 82.2218 5.11929H100.576C100.918 5.11929 101.195 4.83907 101.195 4.4942V3.7263C101.195 3.56733 101.137 3.41645 101.03 3.30059L98.1597 0.199383Z\" fill=\"currentColor\"/><path d=\"M26.708 6.78433H25.1486V3.75048C25.1486 3.59151 25.09 3.44063 24.9831 3.32477L22.1127 0.220867C21.9953 0.0942321 21.8324 0.0214844 21.6589 0.0214844H3.96954C3.79865 0.0214844 3.63311 0.0942321 3.51563 0.220867L0.645281 3.32208C0.538478 3.43794 0.479736 3.59151 0.479736 3.74779V8.17732C0.479736 8.33629 0.538478 8.48717 0.645281 8.60303L3.51563 11.7042C3.63311 11.8308 3.79599 11.9036 3.96954 11.9036H30.9188C31.0896 11.9009 31.2551 11.8281 31.3727 11.7015C31.3727 11.7015 27.0524 6.78164 26.7106 6.78164L26.708 6.78433ZM20.0756 6.15655C20.0756 6.50142 19.7978 6.78164 19.4561 6.78164H6.17236C6.00148 6.78164 5.83593 6.70889 5.71845 6.58226C5.61164 6.4664 5.55291 6.31282 5.55291 6.15655V5.76856C5.55291 5.60959 5.61164 5.45871 5.72112 5.34285C5.8386 5.21621 6.00148 5.14347 6.17503 5.14347H19.4454C19.6109 5.14347 19.7685 5.20813 19.8833 5.32668L19.8966 5.34015C20.0141 5.45871 20.0781 5.61767 20.0781 5.78203V6.15655H20.0756Z\" fill=\"currentColor\"/><path d=\"M51.2249 3.05271L48.5842 0.199383C48.4666 0.0727478 48.3037 0 48.1302 0H40.7181C40.3763 0 40.0986 0.280214 40.0986 0.625092V6.13506C40.0986 6.3075 40.0265 6.47455 39.901 6.5931C39.7862 6.70088 39.634 6.76285 39.4791 6.76285H39.092C38.9344 6.76285 38.7823 6.70357 38.6701 6.5931C38.5446 6.47455 38.4725 6.31019 38.4725 6.13506V0.625092C38.4725 0.280214 38.1948 0 37.853 0H30.4409C30.27 0 30.1045 0.0727478 29.9869 0.199383L27.3462 3.05271C27.1247 3.29251 27.1247 3.66703 27.3462 3.90682L34.5368 11.6828C34.6543 11.8094 34.8171 11.8821 34.9907 11.8821H43.5804C43.7513 11.8821 43.9168 11.8094 44.0343 11.6828L51.2249 3.90682C51.4464 3.66703 51.4464 3.29251 51.2249 3.05271Z\" fill=\"currentColor\"/><path d=\"M67.3815 0.199383C67.264 0.0727478 67.1012 0 66.9275 0H58.3379C58.167 0 58.0015 0.0727478 57.8839 0.199383L50.6934 7.97531C50.4718 8.21511 50.4718 8.58962 50.6934 8.82942L53.3341 11.6828C53.4516 11.8094 53.6145 11.8821 53.7881 11.8821H61.2002C61.542 11.8821 61.8197 11.6019 61.8197 11.257V5.74707C61.8197 5.57463 61.8918 5.40758 62.0173 5.28903C62.132 5.18126 62.2842 5.11929 62.4391 5.11929H62.8263C62.9838 5.11929 63.136 5.17856 63.2482 5.28903C63.3736 5.40758 63.4458 5.57194 63.4458 5.74707V11.257C63.4458 11.6019 63.7235 11.8821 64.0652 11.8821H71.4774C71.6482 11.8821 71.8138 11.8094 71.9313 11.6828L74.572 8.82942C74.7936 8.58962 74.7936 8.21511 74.572 7.97531L67.3815 0.199383Z\" fill=\"currentColor\"/><path d=\"M109 8.67795L107.954 6.86464C107.911 6.7919 107.831 6.74609 107.746 6.74609H104.082C103.997 6.74609 103.916 6.7919 103.874 6.86464L102.827 8.67795C102.802 8.72106 102.795 8.76956 102.8 8.81536C102.8 8.81536 102.805 8.83422 102.805 8.8423C102.813 8.88811 102.829 8.93391 102.867 8.96894L105.743 11.8007C105.79 11.8465 105.852 11.8708 105.913 11.8681C105.975 11.8681 106.036 11.8465 106.085 11.8007L108.96 8.96894C108.995 8.93391 109.011 8.8908 109.019 8.845C109.019 8.83422 109.024 8.82614 109.024 8.81536C109.027 8.76956 109.024 8.72106 108.997 8.67795H109Z\" fill=\"currentColor\"/></svg>";

package/dist-lib/plugins/run-report/brand.js

@@ -0,0 +1 @@
+export const WORDMARK = '<svg aria-label="QVAC" role="img" height="18" viewBox="0 0 110 13" fill="none"><path d="M98.1597 0.199383C98.0421 0.0727478 97.8793 0 97.7057 0H80.0164C79.8454 0 79.6799 0.0727478 79.5624 0.199383L76.6921 3.30059C76.5853 3.41645 76.5266 3.57003 76.5266 3.7263V8.15314C76.5266 8.31211 76.5853 8.46299 76.6921 8.57885L79.5624 11.6801C79.6799 11.8067 79.8428 11.8794 80.0164 11.8794H97.7057C97.8766 11.8794 98.0421 11.8067 98.1597 11.6801L101.03 8.57885C101.137 8.46299 101.195 8.30941 101.195 8.15314V7.38524C101.195 7.04037 100.918 6.76015 100.576 6.76015H82.2218C82.051 6.76015 81.8854 6.68741 81.768 6.56077C81.6611 6.44491 81.6024 6.29133 81.6024 6.13506V5.74438C81.6024 5.58541 81.6611 5.43453 81.768 5.31867C81.8854 5.19203 82.0483 5.11929 82.2218 5.11929H100.576C100.918 5.11929 101.195 4.83907 101.195 4.4942V3.7263C101.195 3.56733 101.137 3.41645 101.03 3.30059L98.1597 0.199383Z" fill="currentColor"/><path d="M26.708 6.78433H25.1486V3.75048C25.1486 3.59151 25.09 3.44063 24.9831 3.32477L22.1127 0.220867C21.9953 0.0942321 21.8324 0.0214844 21.6589 0.0214844H3.96954C3.79865 0.0214844 3.63311 0.0942321 3.51563 0.220867L0.645281 3.32208C0.538478 3.43794 0.479736 3.59151 0.479736 3.74779V8.17732C0.479736 8.33629 0.538478 8.48717 0.645281 8.60303L3.51563 11.7042C3.63311 11.8308 3.79599 11.9036 3.96954 11.9036H30.9188C31.0896 11.9009 31.2551 11.8281 31.3727 11.7015C31.3727 11.7015 27.0524 6.78164 26.7106 6.78164L26.708 6.78433ZM20.0756 6.15655C20.0756 6.50142 19.7978 6.78164 19.4561 6.78164H6.17236C6.00148 6.78164 5.83593 6.70889 5.71845 6.58226C5.61164 6.4664 5.55291 6.31282 5.55291 6.15655V5.76856C5.55291 5.60959 5.61164 5.45871 5.72112 5.34285C5.8386 5.21621 6.00148 5.14347 6.17503 5.14347H19.4454C19.6109 5.14347 19.7685 5.20813 19.8833 5.32668L19.8966 5.34015C20.0141 5.45871 20.0781 5.61767 20.0781 5.78203V6.15655H20.0756Z" fill="currentColor"/><path d="M51.2249 3.05271L48.5842 0.199383C48.4666 0.0727478 48.3037 0 48.1302 0H40.7181C40.3763 0 40.0986 0.280214 40.0986 0.625092V6.13506C40.0986 6.3075 40.0265 6.47455 39.901 6.5931C39.7862 6.70088 39.634 6.76285 39.4791 6.76285H39.092C38.9344 6.76285 38.7823 6.70357 38.6701 6.5931C38.5446 6.47455 38.4725 6.31019 38.4725 6.13506V0.625092C38.4725 0.280214 38.1948 0 37.853 0H30.4409C30.27 0 30.1045 0.0727478 29.9869 0.199383L27.3462 3.05271C27.1247 3.29251 27.1247 3.66703 27.3462 3.90682L34.5368 11.6828C34.6543 11.8094 34.8171 11.8821 34.9907 11.8821H43.5804C43.7513 11.8821 43.9168 11.8094 44.0343 11.6828L51.2249 3.90682C51.4464 3.66703 51.4464 3.29251 51.2249 3.05271Z" fill="currentColor"/><path d="M67.3815 0.199383C67.264 0.0727478 67.1012 0 66.9275 0H58.3379C58.167 0 58.0015 0.0727478 57.8839 0.199383L50.6934 7.97531C50.4718 8.21511 50.4718 8.58962 50.6934 8.82942L53.3341 11.6828C53.4516 11.8094 53.6145 11.8821 53.7881 11.8821H61.2002C61.542 11.8821 61.8197 11.6019 61.8197 11.257V5.74707C61.8197 5.57463 61.8918 5.40758 62.0173 5.28903C62.132 5.18126 62.2842 5.11929 62.4391 5.11929H62.8263C62.9838 5.11929 63.136 5.17856 63.2482 5.28903C63.3736 5.40758 63.4458 5.57194 63.4458 5.74707V11.257C63.4458 11.6019 63.7235 11.8821 64.0652 11.8821H71.4774C71.6482 11.8821 71.8138 11.8094 71.9313 11.6828L74.572 8.82942C74.7936 8.58962 74.7936 8.21511 74.572 7.97531L67.3815 0.199383Z" fill="currentColor"/><path d="M109 8.67795L107.954 6.86464C107.911 6.7919 107.831 6.74609 107.746 6.74609H104.082C103.997 6.74609 103.916 6.7919 103.874 6.86464L102.827 8.67795C102.802 8.72106 102.795 8.76956 102.8 8.81536C102.8 8.81536 102.805 8.83422 102.805 8.8423C102.813 8.88811 102.829 8.93391 102.867 8.96894L105.743 11.8007C105.79 11.8465 105.852 11.8708 105.913 11.8681C105.975 11.8681 106.036 11.8465 106.085 11.8007L108.96 8.96894C108.995 8.93391 109.011 8.8908 109.019 8.845C109.019 8.83422 109.024 8.82614 109.024 8.81536C109.027 8.76956 109.024 8.72106 108.997 8.67795H109Z" fill="currentColor"/></svg>';

package/dist-lib/plugins/run-report/flow-view.d.ts

@@ -0,0 +1,6 @@
+import type { Flow } from './flow.ts';
+import type { Story } from './story.ts';
+type Esc = (value: string) => string;
+export declare function flowSvg(flow: Flow, esc: Esc): string;
+export declare function storyChips(story: Story, esc: Esc): string;
+export {};

package/dist-lib/plugins/run-report/flow-view.js

@@ -0,0 +1,53 @@
+const PILL = {
+    ok: 'ok',
+    failed: 'failed',
+    rejected: 'rejected',
+    denied: 'denied',
+    pending: 'no result'
+};
+const CHAR = 6.6;
+export function flowSvg(flow, esc) {
+    const pad = 16;
+    const w = flow.w + pad * 2;
+    const h = flow.h + pad * 2;
+    const status = new Map(flow.nodes.map((node) => [node.id, node.status]));
+    return `<svg id="chart-flow" class="chart" xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="${-pad} ${-pad} ${w} ${h}" data-w="${w}" data-h="${h}">
+<defs><marker id="arrow-flow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" markerUnits="userSpaceOnUse" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 z" style="fill:var(--fg-faint)"/></marker></defs>
+${flow.edges.map((edge) => link(edge, status.get(edge.target) ?? '')).join('\n')}
+${flow.nodes.map((node) => box(node, esc)).join('\n')}
+</svg>`;
+}
+function link(edge, target) {
+    if (edge.points.length === 0) {
+        return '';
+    }
+    const d = `M${edge.points.map(([x, y]) => `${x},${y}`).join(' L')}`;
+    return `<path class="fe s-${target}" d="${d}" marker-end="url(#arrow-flow)"/>`;
+}
+function box(node, esc) {
+    const { x, y, w, h } = node;
+    const pill = PILL[node.status];
+    const pillW = pill ? pill.length * CHAR + 16 : 0;
+    const head = pill
+        ? `<rect class="pill" x="${x + 12}" y="${y + 11}" width="${pillW}" height="18" rx="5"/><text class="pill-t" x="${x + 12 + pillW / 2}" y="${y + 24}" text-anchor="middle">${esc(pill.toUpperCase())}</text><text class="title mono" x="${x + 20 + pillW}" y="${y + 25}">${esc(node.title)}</text>`
+        : `<text class="title" x="${x + 14}" y="${y + 25}">${esc(node.title)}</text>`;
+    const lines = node.lines
+        .map((line, index) => `<text class="line" x="${x + 14}" y="${y + 47 + index * 17}">${esc(line)}</text>`)
+        .join('');
+    const badge = node.badge
+        ? `<text class="badge" x="${x + 14}" y="${y + h - 12}">${esc(node.badge)}</text>`
+        : '';
+    return `<g class="fn k-${node.kind} s-${node.status}" data-node="${esc(node.id)}"><rect class="body" x="${x}" y="${y}" width="${w}" height="${h}" rx="12"/>${head}<text class="meta" x="${x + w - 12}" y="${y + 25}" text-anchor="end">${esc(node.meta)}</text>${lines}${badge}</g>`;
+}
+export function storyChips(story, esc) {
+    const calls = story.rounds.flatMap((round) => round.calls);
+    const bad = ['failed', 'rejected', 'denied', 'pending'];
+    const counts = bad.flatMap((outcome) => {
+        const count = calls.filter((call) => call.outcome === outcome).length;
+        return count
+            ? [`<span class="chip o-${outcome}">${count} ${esc(PILL[outcome] ?? outcome)}</span>`]
+            : [];
+    });
+    const asked = calls.filter((call) => call.approved !== null).length;
+    return [...counts, asked ? `<span class="chip info">${asked} asked a person</span>` : ''].join('');
+}

package/dist-lib/plugins/run-report/flow.d.ts

@@ -0,0 +1,33 @@
+import type { ReportModel } from './model.ts';
+import type { Outcome } from './story.ts';
+export type FlowKind = 'start' | 'round' | 'call' | 'end';
+export type FlowStatus = Outcome | 'model' | 'start' | 'done' | 'error';
+export interface FlowNode {
+    id: string;
+    kind: FlowKind;
+    status: FlowStatus;
+    title: string;
+    meta: string;
+    lines: string[];
+    badge: string;
+    round: number | null;
+    call: number | null;
+    from: number | null;
+    steps: number[];
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export interface FlowEdge {
+    source: string;
+    target: string;
+    points: [number, number][];
+}
+export interface Flow {
+    w: number;
+    h: number;
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+}
+export declare function flow(model: ReportModel): Flow;