A guided explanation is only useful in a language the reader reads, so the panel header gets a language picker alongside the model one, defaulting to the interface language. Like the model, it is request state rather than a setting: the language travels with the read and the generation, and the one a walkthrough was written in is stored with it, so reopening a review describes what is there instead of what a fresh one would be. Only prose is translated. Hunk aliases resolve back to hunk ids and icon/importance are validated against fixed English values, so a translated one would be dropped by the normalizer — silently losing an anchor or a style. Identifiers and paths stay as they appear in the code. The language is part of the cache key, and a read now asks the cache for the exact request it was given before falling back to the pointer. Without that the panel answered a request to switch languages with the text it already had, leaving the other language unused in the cache. Alongside it: - The answer budget is derived from the resolved model instead of a flat 24k. That number was the same for a 64k-context model and for one that admits to 384k output tokens, and on the latter it was the only reason generation failed: the model spent the whole allowance reasoning and returned nothing. It is now min(96k, max(24k, a quarter of the context)) capped by the catalog's output limit, decided once so the input reserve and the request cannot drift apart. - A read no longer offers Cancel. It is a few hundred milliseconds of git with nothing to cancel, and the button flickered on every model or language change. When the panel is showing a fallback, a banner names what is on screen versus what was asked for — only once the read has settled. - The header keeps one 32px control height and drops its labels below 680px instead of squeezing them to two letters and an ellipsis. Docs and module documentation updated in every locale.
145 lines
4.8 KiB
JavaScript
145 lines
4.8 KiB
JavaScript
import express from 'express';
|
|
import { afterEach, beforeEach, describe, expect, it } from 'vitest';
|
|
import { registerWalkthroughRoutes } from './routes.js';
|
|
|
|
// These run over real HTTP on purpose. The bug this file exists for was
|
|
// invisible to unit tests: the service and the store were both correct, and the
|
|
// response was dropped by a disconnect check that misread a healthy request.
|
|
|
|
const SOURCE = { kind: 'working-tree', scope: 'all' };
|
|
|
|
describe('walkthrough routes', () => {
|
|
let server;
|
|
let base;
|
|
let releaseJob;
|
|
let job;
|
|
|
|
let lastArgs;
|
|
|
|
const service = {
|
|
async getWalkthrough(args) {
|
|
lastArgs = args;
|
|
return { walkthrough: null, hunks: [], hunkCount: 0, generating: Boolean(job) };
|
|
},
|
|
async generateWalkthrough(args) {
|
|
lastArgs = args;
|
|
if (job) return job;
|
|
job = new Promise((resolve) => {
|
|
releaseJob = () => resolve({ walkthrough: { title: 'DONE' }, hunks: [], hunkCount: 1 });
|
|
}).finally(() => { job = null; });
|
|
return job;
|
|
},
|
|
async cancelWalkthroughGeneration() {
|
|
return { cancelled: Boolean(job) };
|
|
},
|
|
};
|
|
|
|
const generate = (signal) => fetch(`${base}/api/walkthrough/generate`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ directory: '/repo', source: SOURCE }),
|
|
signal,
|
|
});
|
|
|
|
beforeEach(async () => {
|
|
job = null;
|
|
releaseJob = undefined;
|
|
lastArgs = undefined;
|
|
const app = express();
|
|
app.use(express.json());
|
|
registerWalkthroughRoutes(app, { getWalkthroughService: async () => service });
|
|
server = app.listen(0);
|
|
await new Promise((resolve) => server.once('listening', resolve));
|
|
base = `http://127.0.0.1:${server.address().port}`;
|
|
});
|
|
|
|
afterEach(async () => {
|
|
await new Promise((resolve) => server.close(resolve));
|
|
});
|
|
|
|
it('answers a generation request that nobody interrupted', async () => {
|
|
const pending = generate();
|
|
await new Promise((resolve) => setTimeout(resolve, 20));
|
|
releaseJob();
|
|
|
|
const body = await (await pending).json();
|
|
|
|
expect(body.walkthrough).toEqual({ title: 'DONE' });
|
|
});
|
|
|
|
it('delivers the result to a client that reconnected after a refresh', async () => {
|
|
const controller = new AbortController();
|
|
generate(controller.signal).catch(() => {});
|
|
await new Promise((resolve) => setTimeout(resolve, 20));
|
|
controller.abort();
|
|
await new Promise((resolve) => setTimeout(resolve, 20));
|
|
|
|
// The reloaded page sees work in progress and re-attaches to it.
|
|
const read = await (await fetch(
|
|
`${base}/api/walkthrough?directory=/repo&source=${encodeURIComponent(JSON.stringify(SOURCE))}`,
|
|
)).json();
|
|
expect(read.generating).toBe(true);
|
|
|
|
const reattached = generate();
|
|
await new Promise((resolve) => setTimeout(resolve, 20));
|
|
releaseJob();
|
|
|
|
const body = await (await reattached).json();
|
|
expect(body.walkthrough).toEqual({ title: 'DONE' });
|
|
});
|
|
|
|
it('rejects a request without a directory before touching the service', async () => {
|
|
const response = await fetch(`${base}/api/walkthrough/generate`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ source: SOURCE }),
|
|
});
|
|
|
|
expect(response.status).toBe(400);
|
|
expect(job).toBeNull();
|
|
});
|
|
|
|
// The language belongs to the request, not to a setting, so both the read
|
|
// and the generation have to carry it: readiness is computed from a prompt
|
|
// that contains the language instruction.
|
|
it('carries the requested language into the service', async () => {
|
|
await fetch(
|
|
`${base}/api/walkthrough?directory=/repo&language=uk&source=${encodeURIComponent(JSON.stringify(SOURCE))}`,
|
|
);
|
|
expect(lastArgs.language).toBe('uk');
|
|
|
|
const pending = fetch(`${base}/api/walkthrough/generate`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ directory: '/repo', source: SOURCE, language: 'ja' }),
|
|
});
|
|
await new Promise((resolve) => setTimeout(resolve, 20));
|
|
releaseJob();
|
|
await pending;
|
|
|
|
expect(lastArgs.language).toBe('ja');
|
|
});
|
|
|
|
it('ignores a language that is not a string', async () => {
|
|
await fetch(
|
|
`${base}/api/walkthrough?directory=/repo&language[]=uk&source=${encodeURIComponent(JSON.stringify(SOURCE))}`,
|
|
);
|
|
|
|
expect(lastArgs.language).toBeUndefined();
|
|
});
|
|
|
|
it('cancels through its own endpoint rather than a dropped connection', async () => {
|
|
generate().catch(() => {});
|
|
await new Promise((resolve) => setTimeout(resolve, 20));
|
|
|
|
const response = await fetch(`${base}/api/walkthrough/cancel`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ directory: '/repo', source: SOURCE }),
|
|
});
|
|
|
|
expect(await response.json()).toEqual({ cancelled: true });
|
|
releaseJob();
|
|
});
|
|
});
|