@atlaspack/codeframe 2.13.3-canary.21 → 2.13.3-canary.211

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/codeframe",
-  "version": "2.13.3-canary.21+570493bea",
+  "version": "2.13.3-canary.211+12bee0e23",
   "description": "Blazing fast, zero configuration web application bundler",
   "license": "(MIT OR Apache-2.0)",
   "type": "commonjs",
@@ -11,8 +11,9 @@
     "type": "git",
     "url": "https://github.com/atlassian-labs/atlaspack.git"
   },
-  "main": "lib/codeframe.js",
-  "source": "src/codeframe.js",
+  "main": "./lib/codeframe.js",
+  "source": "./src/codeframe.ts",
+  "types": "./lib/codeframe.d.ts",
   "engines": {
     "node": ">= 16.0.0"
   },
@@ -24,12 +25,13 @@
     }
   },
   "dependencies": {
-    "chalk": "^4.1.0"
-  },
-  "devDependencies": {
+    "chalk": "^4.1.0",
     "emphasize": "^4.2.0",
     "slice-ansi": "^4.0.0",
     "string-width": "^4.2.0"
   },
-  "gitHead": "570493beaf754e7985aebc7daaaf6dfcfa8fe56b"
-}
+  "scripts": {
+    "check-ts": "tsc --emitDeclarationOnly --rootDir src"
+  },
+  "gitHead": "12bee0e23f0464d7f6bd3e24fbe0d19c126d587d"
+}

package/src/{codeframe.js → codeframe.ts}

@@ -1,26 +1,27 @@
-// @flow
 import type {DiagnosticCodeHighlight} from '@atlaspack/diagnostic';
 
 import chalk from 'chalk';
+// @ts-expect-error emphasize is not typed
 import emphasize from 'emphasize';
 import stringWidth from 'string-width';
+// @ts-expect-error slice-ansi is not typed
 import sliceAnsi from 'slice-ansi';
 
-type CodeFramePadding = {|
-  before: number,
-  after: number,
-|};
+type CodeFramePadding = {
+  before: number;
+  after: number;
+};
 
-type CodeFrameOptionsInput = $Shape<CodeFrameOptions>;
+type CodeFrameOptionsInput = Partial<CodeFrameOptions>;
 
-type CodeFrameOptions = {|
-  useColor: boolean,
-  syntaxHighlighting: boolean,
-  maxLines: number,
-  padding: CodeFramePadding,
-  terminalWidth: number,
-  language?: string,
-|};
+type CodeFrameOptions = {
+  useColor: boolean;
+  syntaxHighlighting: boolean;
+  maxLines: number;
+  padding: CodeFramePadding;
+  terminalWidth: number;
+  language?: string;
+};
 
 const NEWLINE = /\r\n|[\n\r\u2028\u2029]/;
 const TAB_REPLACE_REGEX = /\t/g;
@@ -31,7 +32,7 @@ const highlightSyntax = (txt: string, lang?: string): string => {
   if (lang) {
     try {
       return emphasize.highlight(lang, txt).value;
-    } catch (e) {
+    } catch (e: any) {
       // fallback for unknown languages...
     }
   }
@@ -69,11 +70,11 @@ export default function codeFrame(
   };
 
   // Prefix lines with the line number
-  const lineNumberPrefixer = (params: {|
-    lineNumber?: string,
-    lineNumberLength: number,
-    isHighlighted: boolean,
-  |}) => {
+  const lineNumberPrefixer = (params: {
+    lineNumber?: string;
+    lineNumberLength: number;
+    isHighlighted: boolean;
+  }) => {
     let {lineNumber, lineNumberLength, isHighlighted} = params;
 
     return `${isHighlighted ? highlighter('>') : ' '} ${
@@ -136,7 +137,7 @@ export default function codeFrame(
     .split(NEWLINE);
 
   // Loop over all lines and create codeframe
-  let resultLines = [];
+  let resultLines: Array<string> = [];
   for (
     let currentLineIndex = startLine;
     currentLineIndex < syntaxHighlightedLines.length;

package/test/{codeframe.test.js → codeframe.test.ts}

@@ -1,4 +1,3 @@
-// @flow
 import assert from 'assert';
 import {readFileSync} from 'fs';
 import {join as joinPath} from 'path';

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["src"]
+}