A JupyterLab extension that bridges the cell UI to a local OpenCode Serve process. The extension is a dual package: a Python server extension exposed under /opencode-bridge/*, plus a TypeScript frontend that registers per-cell toolbars. Backend (Python, tornado) - Slice 1: config + auth + OpenCode HTTP client (tornado.httpclient, no aiohttp). 4 settings in schema/plugin.json (url, user, password, request timeout). - Slice 2: handlers for /hello, /health, /providers, /edit. - Slice 2.1 (correction): SessionManager with 1 notebook = 1 session mapping, async-safe via per-path locks, 404 recovery via invalidate(). Two new endpoints: GET /sessions, DELETE /session?notebook=<path>. - 32 pytest tests pass. Frontend (TypeScript, JupyterLab 4.6) - src/types.ts: CellContext, OpenCodeRequest/Response, OpenCodeSettings. - src/context/cell_context.ts: extract CellContext from a CodeCell + its parent NotebookPanel, structured error collection. - src/api/opencode_client.ts: callOpenCodeEdit, callOpenCodeProviders. - src/components/opencode_cell_footer.ts: OpenCodeCellFooter Widget implementing ICellFooter with 3 buttons (optimize / fix / edit), resolved via this.parent instanceof CodeCell. NOT cellToolbar (does not exist in JL 4.6) and NOT Widget.findParent (removed in @lumino/widgets 2.x). - src/components/opencode_cell_factory.ts: Cell.ContentFactory subclass returning the OpenCodeCellFooter. - src/components/opencode_installer.ts: installOpenCodeEverywhere patches every notebook (existing + new) to use the custom factory. - src/index.ts: registers the factory, loads settings, fetches /providers on activation and logs the list to the console. - 23 jest tests pass (mocked JupyterLab boundary, pnpm path safe). Settings - 6 fields: 3 auth (url/user/password) + 1 timeout + 2 model selection (provider/model). Provider list is fetched at startup from /opencode-bridge/providers and printed to the browser console so users can copy values into Settings Editor. Docs - design.md: 6 sections covering architecture, UI flow, API contract, TS skeletons, session management (v0.2.1 correction), and provider/model selection (v0.2.2 addition). - CLAUDE.md: agent guidance for working in this repo. - TODO.md: remaining work for Slices 4-7 + v0.4+ backlog. CI - Gitea release workflow at .github/workflows/build.yml. - Bark notification helper (non-fatal on failure). Generated artefacts ignored: opencode_bridge/labextension/, _version.py, *.tsbuildinfo, junit.xml, test.ipynb scratch notebook.
155 lines
4.5 KiB
TypeScript
155 lines
4.5 KiB
TypeScript
import type { CodeCell, ICodeCellModel } from '@jupyterlab/cells';
|
|
import type { NotebookPanel } from '@jupyterlab/notebook';
|
|
|
|
import { collectErrorOutputs, extractCellContext } from '../context/cell_context';
|
|
|
|
function makeMockOutputs(items: unknown[]): ICodeCellModel['outputs'] {
|
|
return {
|
|
get length() {
|
|
return items.length;
|
|
},
|
|
get(i: number) {
|
|
return items[i];
|
|
},
|
|
// Other IObservableList methods are unused in collectErrorOutputs.
|
|
} as unknown as ICodeCellModel['outputs'];
|
|
}
|
|
|
|
function makeMockModel(overrides: {
|
|
id?: string;
|
|
type?: 'code' | 'markdown' | 'raw';
|
|
source?: string;
|
|
outputs?: unknown[];
|
|
}): ICodeCellModel {
|
|
return {
|
|
id: overrides.id ?? 'cell-1',
|
|
type: overrides.type ?? 'code',
|
|
sharedModel: {
|
|
getSource: () => overrides.source ?? '',
|
|
},
|
|
outputs: makeMockOutputs(overrides.outputs ?? []),
|
|
} as unknown as ICodeCellModel;
|
|
}
|
|
|
|
function makeMockCell(source: string, errorOutputs: unknown[] = []): CodeCell {
|
|
return { model: makeMockModel({ source, outputs: errorOutputs }) } as CodeCell;
|
|
}
|
|
|
|
function makeMockNotebook(cells: CodeCell[]): { widgets: CodeCell[] } {
|
|
return { widgets: cells };
|
|
}
|
|
|
|
function makeMockPanel(
|
|
notebook: { widgets: CodeCell[] },
|
|
path: string
|
|
): NotebookPanel {
|
|
return {
|
|
context: { path } as NotebookPanel['context'],
|
|
content: notebook as unknown as NotebookPanel['content'],
|
|
} as unknown as NotebookPanel;
|
|
}
|
|
|
|
describe('collectErrorOutputs', () => {
|
|
it('returns null when there are no outputs', () => {
|
|
const model = makeMockModel({ outputs: [] });
|
|
expect(collectErrorOutputs(model)).toBeNull();
|
|
});
|
|
|
|
it('returns null when outputs are non-error', () => {
|
|
const model = makeMockModel({
|
|
outputs: [{ type: 'stream', text: 'hello' }],
|
|
});
|
|
expect(collectErrorOutputs(model)).toBeNull();
|
|
});
|
|
|
|
it('extracts the first error output', () => {
|
|
const errOut = {
|
|
type: 'error',
|
|
ename: 'ValueError',
|
|
evalue: 'bad value',
|
|
traceback: ['line 1', 'line 2'],
|
|
};
|
|
const model = makeMockModel({ outputs: [errOut] });
|
|
const result = collectErrorOutputs(model);
|
|
expect(result).toEqual({
|
|
ename: 'ValueError',
|
|
evalue: 'bad value',
|
|
traceback: ['line 1', 'line 2'],
|
|
});
|
|
});
|
|
|
|
it('handles missing traceback gracefully', () => {
|
|
const model = makeMockModel({
|
|
outputs: [{ type: 'error', ename: 'E', evalue: 'v' }],
|
|
});
|
|
const result = collectErrorOutputs(model);
|
|
expect(result?.traceback).toEqual([]);
|
|
});
|
|
});
|
|
|
|
describe('extractCellContext', () => {
|
|
it('returns null when cell is not in notebook', () => {
|
|
const cell = makeMockCell('x = 1');
|
|
const other = makeMockCell('y = 2');
|
|
const notebook = makeMockNotebook([other]);
|
|
const panel = makeMockPanel(notebook, 'foo.ipynb');
|
|
expect(extractCellContext(cell, panel)).toBeNull();
|
|
});
|
|
|
|
it('extracts source, language, and indices', () => {
|
|
const cell = makeMockCell('x = 1');
|
|
const notebook = makeMockNotebook([cell]);
|
|
const panel = makeMockPanel(notebook, 'foo.ipynb');
|
|
const ctx = extractCellContext(cell, panel);
|
|
expect(ctx).toMatchObject({
|
|
notebookPath: 'foo.ipynb',
|
|
cellId: 'cell-1',
|
|
language: 'python',
|
|
cellIndex: 0,
|
|
totalCells: 1,
|
|
source: 'x = 1',
|
|
previousCode: null,
|
|
error: null,
|
|
});
|
|
});
|
|
|
|
it('captures the previous cell source as previousCode', () => {
|
|
const prev = makeMockCell('import os');
|
|
const cell = makeMockCell('os.getcwd()');
|
|
const notebook = makeMockNotebook([prev, cell]);
|
|
const panel = makeMockPanel(notebook, 'foo.ipynb');
|
|
const ctx = extractCellContext(cell, panel);
|
|
expect(ctx?.previousCode).toBe('import os');
|
|
expect(ctx?.cellIndex).toBe(1);
|
|
expect(ctx?.totalCells).toBe(2);
|
|
});
|
|
|
|
it('includes the error when the cell has an error output', () => {
|
|
const cell = makeMockCell('1/0', [
|
|
{
|
|
type: 'error',
|
|
ename: 'ZeroDivisionError',
|
|
evalue: 'division by zero',
|
|
traceback: ['Traceback...'],
|
|
},
|
|
]);
|
|
const notebook = makeMockNotebook([cell]);
|
|
const panel = makeMockPanel(notebook, 'foo.ipynb');
|
|
const ctx = extractCellContext(cell, panel);
|
|
expect(ctx?.error).toEqual({
|
|
ename: 'ZeroDivisionError',
|
|
evalue: 'division by zero',
|
|
traceback: ['Traceback...'],
|
|
});
|
|
});
|
|
|
|
it('returns null when given null cell or panel', () => {
|
|
expect(
|
|
extractCellContext(
|
|
null as unknown as CodeCell,
|
|
makeMockPanel(makeMockNotebook([]), 'x.ipynb')
|
|
)
|
|
).toBeNull();
|
|
});
|
|
});
|