Method renderCompletion

src/codemirror.ts:189–272

(
    doc: CodeMirror.Doc,
    completionItem: CompletionItem,
    additionalUtf8ByteOffset: number,
    apiKey: string,
    createDisposables: () => IDisposable[]
  )

  }

  renderCompletion(
    doc: CodeMirror.Doc,
    completionItem: CompletionItem,
    additionalUtf8ByteOffset: number,
    apiKey: string,
    createDisposables: () => IDisposable[]
  ): void {
    this.clearCompletion('about to render new completions');
    const startOffsetUtf8Bytes =
      Number(completionItem.range?.startOffset ?? 0) - additionalUtf8ByteOffset;
    const endOffsetUtf8Bytes =
      Number(completionItem.range?.endOffset ?? 0) - additionalUtf8ByteOffset;
    const currentCompletion: typeof this.currentCompletion = {
      completionItem,
      lineWidgets: [],
      textMarkers: [],
      disposables: createDisposables(),
      doc,
      start: doc.posFromIndex(numUtf8BytesToNumCodeUnits(doc.getValue(), startOffsetUtf8Bytes)),
      end: doc.posFromIndex(numUtf8BytesToNumCodeUnits(doc.getValue(), endOffsetUtf8Bytes)),
      apiKey,
      docState: doc.getValue(),
    };
    const cursor = doc.getCursor();
    let createdInlineAtCursor = false;
    completionItem.completionParts.forEach((part) => {
      if (part.type === CompletionPartType.INLINE) {
        const bookmarkElement = document.createElement('span');
        bookmarkElement.classList.add('codeium-ghost');
        bookmarkElement.innerText = part.text;
        const partOffsetBytes = Number(part.offset) - additionalUtf8ByteOffset;
        const partOffset = numUtf8BytesToNumCodeUnits(doc.getValue(), partOffsetBytes);
        const pos = doc.posFromIndex(partOffset);
        const bookmarkWidget = doc.setBookmark(pos, {
          widget: bookmarkElement,
          insertLeft: true,
          // We need all widgets to have handleMouseEvents true for the glitches
          // where the completion doesn't disappear.
          handleMouseEvents: true,
        });
        currentCompletion.textMarkers.push({
          marker: bookmarkWidget,
          pos,
          spanElement: bookmarkElement,
        });
        if (pos.line === cursor.line && pos.ch === cursor.ch) {
          createdInlineAtCursor = true;
        }
      } else if (part.type === CompletionPartType.BLOCK) {
        // We use CodeMirror's LineWidget feature to render the block ghost text element.
        const lineElement = document.createElement('div');
        lineElement.classList.add('codeium-ghost');
        part.text.split('\n').forEach((line) => {
          const preElement = document.createElement('pre');
          preElement.classList.add('CodeMirror-line', 'codeium-ghost-line');
          if (line === '') {
            line = ' ';
          }