Function getSourceCodeFrame

packages/ui/src/utils/sourceMaps.ts:144–169

(entry: StackTraceEntry)

}

export function getSourceCodeFrame(entry: StackTraceEntry): string | null {
  if (!entry.source || !entry.sourceMap) {
    return null;
  }
  const source = entry.sourceMap.sourceContentFor(entry.source, true);
  if (!source) {
    return null;
  }

  const {line, column} = entry;
  const lastLine = line + 2;
  const spacing = lastLine.toString().length;
  const language = getExtension(entry.source) ?? 'ts';

  const code = highlight
    .highlight(source, {language})
    .value.split('\n')
    .slice(line - 1, lastLine);

  const formatted = code.map(
    (text, index) =>
      `${(line + index).toString().padStart(spacing, ' ')} | ${text}`,
  );
  formatted.splice(1, 0, `${' '.repeat(spacing)} | ${' '.repeat(column)}^`);
  return formatted.join('\n');
}

export async function findAndOpenFirstUserFile(stack: string) {
  const entry = await resolveStackTrace(stack, true);