packages/insomnia-app/app/ui/components/codemirror/extensions/autocomplete.js
function renderHintMatch(li, self, data) {
  // Bold the matched text
  const { displayText, segment } = data;
  const markedName = replaceWithSurround(displayText, segment, '<strong>', '</strong>');

  const { char, title } = ICONS[data.type];
  const safeValue = escapeHTML(data.displayValue);

  li.className += ` fancy-hint type--${data.type}`;
  li.innerHTML = `
    <label class="label" title="${title}">${char}</label>
    <div class="name">${markedName}</div>
    <div class="value" title=${safeValue}>
      ${safeValue}
    </div>
  `;
}
function renderHintMatch(li, self, data) {
  // Bold the matched text
  const { displayText, segment } = data;
  const markedName = replaceWithSurround(displayText, segment, '<strong>', '</strong>');

  const { char, title } = ICONS[data.type];
  const safeValue = escapeHTML(data.displayValue);

  li.className += ` fancy-hint type--${data.type}`;
  li.innerHTML = `
    <label class="label" title="${title}">${char}</label>
    <div class="name">${markedName}</div>
    <div class="value" title=${safeValue}>
      ${safeValue}
    </div>
  `;
}
function renderHintMatch ( li , self , data ) { // Bold the matched text const { displayText , segment } = data ; const markedName = replaceWithSurround ( displayText , segment , '<strong>' , '</strong>' ) ; const { char , title } = ICONS [ data . type ] ; const safeValue = escapeHTML ( data . displayValue ) ; li . className += ` ${ data . type } ` ; li . innerHTML = ` ${ title } ${ char } ${ markedName } ${ safeValue } ${ safeValue } ` ; }
Render the autocomplete list entry
@param li
@param self
@param data
Render the autocomplete list entry