AI Assistance

const payload = {
  fileName,              // File context
  code,                  // Full file content
  currentLine,           // Active line
  previousLines,         // 5 lines before cursor
  textBeforeCursor,      // Text on current line before cursor
  textAfterCursor,       // Text on current line after cursor
  nextLines,             // 5 lines after cursor
  lineNumber,            // Current position
};

const DEBOUNCE_DELAY = 300;
let currentAbortController: AbortController | null = null;

// Cancel previous request
if (currentAbortController !== null) {
  currentAbortController.abort();
}

// Wait for user to stop typing
debounceTimer = window.setTimeout(async () => {
  currentAbortController = new AbortController();
  const suggestion = await fetcher(payload, currentAbortController.signal);
}, DEBOUNCE_DELAY);

// From quick-edit/index.ts
const payload = {
  selectedCode,    // The code you selected
  fullCode,        // Complete file for context
  instruction,     // Your natural language instruction
};

const editedCode = await fetcher(payload, signal);

// Replace selected code with AI's version
view.dispatch({
  changes: {
    from: selection.from,
    to: selection.to,
    insert: editedCode,
  },
});

// Tooltip appears when you select text
const createTooltipForSelection = (state: EditorState) => {
  const selection = state.selection.main;
  if (selection.empty) return [];

  return [{
    pos: selection.to,
    create() {
      const addToChatButton = document.createElement("button");
      addToChatButton.textContent = "Add to Chat";
      
      const quickEditButton = document.createElement("button");
      quickEditButton.textContent = "Quick Edit ⌘K";
      
      // ... button handlers
    }
  }];
};

import { StateField, StateEffect } from "@codemirror/state";

// Define an effect to update suggestion
const setSuggestionEffect = StateEffect.define<string | null>();

// Store suggestion in editor state
const suggestionState = StateField.define<string | null>({
  create() {
    return null;
  },
  update(value, transaction) {
    for (const effect of transaction.effects) {
      if (effect.is(setSuggestionEffect)) {
        return effect.value;
      }
    }
    return value;
  },
});

// Suggestion fetcher
async function fetcher(payload: SuggestionPayload, signal: AbortSignal) {
  const response = await fetch('/api/ai/suggest', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(payload),
    signal,
  });
  
  return await response.text();
}