@atlaspack/codeframe 2.13.3-canary.206 → 2.13.3-canary.208

package/lib/codeframe.d.ts

@@ -0,0 +1,16 @@
+import type { DiagnosticCodeHighlight } from '@atlaspack/diagnostic';
+type CodeFramePadding = {
+    before: number;
+    after: number;
+};
+type CodeFrameOptionsInput = Partial<CodeFrameOptions>;
+type CodeFrameOptions = {
+    useColor: boolean;
+    syntaxHighlighting: boolean;
+    maxLines: number;
+    padding: CodeFramePadding;
+    terminalWidth: number;
+    language?: string;
+};
+export default function codeFrame(code: string, highlights: Array<DiagnosticCodeHighlight>, inputOpts?: CodeFrameOptionsInput): string;
+export {};

package/lib/codeframe.js

@@ -33,6 +33,10 @@ function _sliceAnsi() {
   return data;
 }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// @ts-expect-error emphasize is not typed
+
+// @ts-expect-error slice-ansi is not typed
+
 const NEWLINE = /\r\n|[\n\r\u2028\u2029]/;
 const TAB_REPLACE_REGEX = /\t/g;
 const TAB_REPLACEMENT = '  ';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/codeframe",
-  "version": "2.13.3-canary.206+eda07caaf",
+  "version": "2.13.3-canary.208+43fdd2238",
   "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"
   },
@@ -29,5 +30,8 @@
     "slice-ansi": "^4.0.0",
     "string-width": "^4.2.0"
   },
-  "gitHead": "eda07caafd2ebb814bbdbfd0ec12fa63124e213f"
-}
+  "scripts": {
+    "check-ts": "tsc --emitDeclarationOnly --rootDir src"
+  },
+  "gitHead": "43fdd223860fbc97af17d68c65419b97412cb888"
+}

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"]
+}