[diffs/edit] Add edit prediction support

[ije]

Screen.Recording.2026-07-25.at.02.18.26.mov

Usage:

import type {
  EditorOptions,
  EditPredictProvider,
  EditPredictResponse,
} from '@pierre/diffs/edit';
import { File } from '@pierre/diffs/react';

const provider: EditPredictProvider = {
  async predict(request, { signal }) {
    const response = await fetch('/api/edit-prediction', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(request),
      signal,
    });

    if (!response.ok) {
      throw new Error('Prediction failed');
    }

    return (await response.json()) as EditPredictResponse;
  },
};

const editorOptions: EditorOptions<undefined> = {
  editPrediction: {
    provider,
    mode: 'eager',
    include: ['**/*.ts', '**/*.tsx'],
    exclude: ['**/*.test.ts'],
  },
};

export function EditableFile() {
  return (
    <File
      file={{
        name: 'cart.ts',
        contents: 'const total = items.',
      }}
      edit
      editorOptions={editorOptions}
    />
  );
}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
pierre-docs-diffs	Ready	Preview	Jul 24, 2026 6:36pm
pierre-docs-diffshub	Ready	Preview	Jul 24, 2026 6:36pm
pierre-docs-trees	Ready	Preview	Jul 24, 2026 6:36pm
pierrejs-diff-demo	Ready	Preview	Jul 24, 2026 6:36pm

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 303ba7f574

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

[chatgpt-codex-connector]

Add abuse protection before proxying Codestral

When MISTRAL_API_KEY is configured, this public app route accepts any valid JSON POST and immediately forwards it to Mistral with the server-side bearer token; I found no apps/docs middleware or rate-limit wiring guarding /api/edit-prediction. A third party can script requests directly to this endpoint and burn the paid quota even though the UI only exposes it behind the demo button, so add server-side abuse protection such as per-IP/session rate limiting before the upstream fetch.

Useful? React with 👍 / 👎.

[chatgpt-codex-connector]

Detect promise-like storage results

If a custom persistStateStorage returns a thenable or a Promise created in another realm, this instanceof Promise check now treats the async read as a synchronous state object; the old isPromise helper accepted those values by checking for .then. In that case persisted selections/views are never restored correctly, and the matching write path also stops tracking pending async writes, so please keep the duck-typed promise detection or normalize with Promise.resolve.

Useful? React with 👍 / 👎.

[chatgpt-codex-connector]

Render newline-only deletion predictions

For deletion predictions that remove only a line break or an empty line, such as a range from end-of-line to the next line's character 0 with newText: '', #renderSelection produces no overlay because both slices are zero-width, and this branch skips rendering any ghost marker. Since Tab acceptance also requires prediction.rendered, join-line or empty-line deletion suggestions are silently impossible to accept; render a visible marker for these deletion ranges or mark them rendered when the affected newline is visible.

Useful? React with 👍 / 👎.

[ije]

still working on it