# @types/babel__code-frame

> TypeScript definitions for @babel/code-frame

Latest version **7.27.0** (published 2026-01-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/babel__code-frame
pnpm add @types/babel__code-frame
yarn add @types/babel__code-frame
bun add @types/babel__code-frame
```

## Health

**Score 65/100 (B)** — status: stable.

Positive: has types; no vulnerabilities; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; no esm support.

## Facts

| | |
|---|---|
| Version | 7.27.0 |
| Published | 2026-01-10 |
| First published | 2018-02-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 6.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 51443 |
| Maintainers | types |

## Links

- npm: https://www.npmjs.com/package/@types/babel__code-frame
- Repository: https://github.com/DefinitelyTyped/DefinitelyTyped
- Homepage: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/babel__code-frame
- npm.io page: https://npm.io/package/@types/babel__code-frame

## Recent versions

- 7.27.0 (latest) — 2026-01-10
- 7.0.6 (ts4.5) — 2023-11-06
- 7.0.3 (ts3.6) — 2021-07-06
- 7.0.2 (ts3.2) — 2020-09-25
- 7.0.1 (ts2.0) — 2019-02-13
- 7.0.5 — 2023-10-17
- 7.0.4 — 2023-09-15
- 7.0.0 — 2018-02-27

## README

# Installation
> `npm install --save @types/babel__code-frame`

# Summary
This package contains type definitions for @babel/code-frame (https://github.com/babel/babel/tree/master/packages/babel-code-frame).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/babel__code-frame.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/babel__code-frame/index.d.ts)
````ts
export interface SourceLocation {
    start: { line: number; column?: number | undefined };
    end?: { line: number; column?: number | undefined } | undefined;
}
export function codeFrameColumns(
    rawLines: string,
    location: SourceLocation,
    options?: BabelCodeFrameOptions,
): string;

export interface BabelCodeFrameOptions {
    /** Syntax highlight the code as JavaScript for terminals. default: false */
    highlightCode?: boolean | undefined;
    /**  The number of lines to show above the error. default: 2 */
    linesAbove?: number | undefined;
    /**  The number of lines to show below the error. default: 3 */
    linesBelow?: number | undefined;
    /**
     * Forcibly syntax highlight the code as JavaScript (for non-terminals);
     * overrides highlightCode.
     * default: false
     */
    forceColor?: boolean | undefined;
    /**
     * Pass in a string to be displayed inline (if possible) next to the
     * highlighted location in the code. If it can't be positioned inline,
     * it will be placed above the code frame.
     * default: nothing
     */
    message?: string | undefined;
}

/**
 * Generate errors that contain a code frame that point to source locations.
 *
 * @param rawLines Raw lines to frame
 * @param lineNumber Line number (1 indexed)
 * @param colNumber Column number
 * @param options Additional options
 *
 * @returns Framed code
 */
export default function codeFrame(
    rawLines: string,
    lineNumber: number,
    colNumber: number,
    options?: BabelCodeFrameOptions,
): string;

/**
 * Add syntax highlighting to a code snippet, to be displayed in a terminal.
 *
 * @param code Raw code to be highlighted
 *
 * @returns Highlighted code
 */
export function highlight(code: string): string;

````

### Additional Details
 * Last updated: Sat, 10 Jan 2026 08:39:14 GMT
 * Dependencies: none

# Credits
These definitions were written by [Mohsen Azimi](https://github.com/mohsen1), and [Forbes Lindesay](https://github.com/ForbesLindesay).

---
_Source: https://npm.io/package/@types/babel__code-frame · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._