convert @babel/code-frame to typescript

[zxbodya]

Q	A
License	MIT

@babel/code-frame part of #11578

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 1a2496e:

Sandbox	Source
babel-repl-custom-plugin	Configuration
babel-plugin-multi-config	Configuration

[babel-bot]

Build successful! You can test your changes in the REPL here: https://babeljs.io/repl/build/34686/

[nicolo-ribaudo]

Since we will be hopefully exporting this to our users in the future, I'd prefer to call it just Options (since BabelCodeFrame is implied by the package name).

[zxbodya]

took it from definitely typed - https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/babel__code-frame/index.d.ts#L17

not sure what option we should choose, my guess was that it would be preferable if we can keep it compatible with types people are already using (however not everything is currently compatible - was thinking, to do it as separate step after everything is migrated to ts)

[nicolo-ribaudo]

We can export it as Options and then add something like

/** @deprecated Use `Options` instead */
export { Options as BabelCodeFrameOptions };

if compatibility with .d.ts is a concern (it has never been an official .d.ts source for Babel, so it shouldn't restrict our migration).

[existentialism]

Agree, not overly concerned with whats on DefinitelyTyped.

[zxbodya]

lets rename it for now to just Options, and maybe latter before starting to publish types for this package - to align it with definitely typed

[nicolo-ribaudo]

To fix the linting error, you can add this Flow type definition:

declare module "@babel/code-frame" {
  declare export default function codeFrame(
    rawLines: string,
    lineNumber: number,
    colNumber: ?number,
    opts?: Object,
  ): string;

  decalre export function codeFrameColumns(
    rawLines: string,
    loc: NodeLocation,
    opts: Object = {},
  ): string;
}