Function mountHighlightedCode

src/ink/highlightedCodePerfHarness.tsx:91–135

(
  code: string,
  filePath: string,
  width?: number,
)

}

async function mountHighlightedCode(
  code: string,
  filePath: string,
  width?: number,
): Promise<MountedHighlightedCode> {
  installReplPerfEnvironment()

  const { App } = await import('../components/App.js')
  const { HighlightedCode } = await import('../components/HighlightedCode.js')

  const terminal = createFakeTerminal(140, 32)
  const frames: FrameEvent[] = []
  const root = await createRoot({
    stdout: terminal.stdout,
    stdin: terminal.stdin,
    stderr: terminal.stderr,
    exitOnCtrlC: false,
    patchConsole: false,
    onFrame: event => {
      frames.push(event)
    },
  })

  root.render(
    <App getFpsMetrics={() => undefined} initialState={getDefaultAppState()}>
      <Box width={width + 2} flexDirection="column">
        {width === undefined ? <HighlightedCode code={code} filePath={filePath} /> : <HighlightedCode code={code} filePath={filePath} width={width} />}
      </Box>
    </App>,
  )

  await waitFor(
    () => frames.length > 0,
    'HighlightedCode never rendered a frame',
  )
  await waitFor(() => {
    const ink = getMountedInkProbe(terminal)
    return ink
      ? readScreenText(ink.frontFrame.screen).includes('export const value_')
      : false
  }, 'HighlightedCode never painted the rendered file preview')
  await Bun.sleep(120)

  return { root, terminal, frames }
}

async function withPerfEnv<T>(fn: () => Promise<T>): Promise<T> {
  const prevNoFlicker = process.env.CLAUDE_CODE_NO_FLICKER