Migrated to eslint

Author: paulshestakov

.eslintignore

@@ -0,0 +1,4 @@
+node_modules
+media
+dist
+out

.eslintrc

@@ -0,0 +1,21 @@
+{
+  "env": {
+    "es2020": true,
+    "node": true,
+    "jest": true
+  },
+  "settings": {
+    "node": {
+      "tryExtensions": [".ts", ".json"]
+    }
+  },
+  "plugins": ["@typescript-eslint"],
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "eslint:recommended",
+    "plugin:node/recommended-module",
+    "plugin:jest/recommended",
+    "prettier",
+    "plugin:@typescript-eslint/recommended"
+  ]
+}

package.json

@@ -34,6 +34,7 @@
     "compile": "tsc -p ./",
     "watch": "tsc -watch -p ./",
     "postinstall": "node ./node_modules/vscode/bin/install",
+    "lint": "eslint .",
     "test": "npm run compile && node ./node_modules/vscode/bin/test"
   },
   "dependencies": {
@@ -52,11 +53,17 @@
     "@types/node": "15.12.4",
     "@types/ramda": "0.27.41",
     "@types/uuid": "8.3.0",
+    "@typescript-eslint/eslint-plugin": "5.9.1",
+    "@typescript-eslint/parser": "5.9.1",
+    "eslint": "8.8.0",
+    "eslint-config-prettier": "8.3.0",
+    "eslint-plugin-jest": "25.3.4",
+    "eslint-plugin-node": "11.1.0",
     "husky": "4.3.8",
+    "jest": "^27.5.1",
     "prettier": "2.3.1",
     "pretty-quick": "3.1.1",
     "ts-loader": "9.2.3",
-    "tslint": "6.1.3",
     "typescript": "4.3.4",
     "vscode": "1.1.37",
     "webpack": "5.40.0",

src/extension.ts

@@ -1,7 +1,6 @@
 import * as vscode from "vscode";
-
-import { postData, throttledPostData, makeHandleReceiveMessage } from "./postData";
-import { createWebviewPanel, renderTemplate } from "./webView";
+import { postData, throttledPostData, makeHandleReceiveMessage } from "./post-data";
+import { createWebviewPanel } from "./web-view";
 
 export function activate(context: vscode.ExtensionContext) {
   const disposable = vscode.commands.registerCommand("extension.showStepFunction", async () => {

src/graphStyles.ts renamed to src/graph-styles.ts

@@ -1,4 +1,4 @@
-import { State } from "./stepFunction";
+import { State } from "./step-function";
 
 const stroke = "#999";
 const red = "#a80d35";

src/graph.ts

@@ -1,8 +1,8 @@
 import { graphlib } from "dagre-d3";
 import { v4 as uuidv4 } from "uuid";
 import * as R from "ramda";
-import { StepFunction, State, Operator, stringifyChoiceOperator } from "./stepFunction";
-import { getNodeOptions, getClusterOptions, getEdgeOptions, getMissingStyle } from "./graphStyles";
+import { StepFunction, State, Operator, stringifyChoiceOperator } from "./step-function";
+import { getNodeOptions, getClusterOptions, getEdgeOptions, getMissingStyle } from "./graph-styles";
 
 const makeGroupName = () => `Group_${uuidv4()}`;
 const makeNodeName = () => `Node_${uuidv4()}`;

src/parse/parse.ts

@@ -2,8 +2,7 @@ import * as path from "path";
 import * as vscode from "vscode";
 import * as jsonMap from "json-source-map";
 import * as yaml from "js-yaml";
-
-import { resolveFrameworkSpecifics } from "./resolveFrameworkSpecifics";
+import { resolveFrameworkSpecifics } from "./resolve-framework-specifics";
 
 const getText = async (uri: vscode.Uri) => {
   const document = await vscode.workspace.openTextDocument(uri);
@@ -22,22 +21,6 @@ export const getSourceMap = async (uri: vscode.Uri) => {
   return jsonMap.parse(text);
 };
 
-export enum FileFormat {
-  JSON,
-  YML,
-}
-
-const getFileFormat = (uri: vscode.Uri): FileFormat => {
-  switch (path.extname(uri.fsPath)) {
-    case ".json":
-      return FileFormat.JSON;
-    case ".yml":
-      return FileFormat.YML;
-    default:
-      throw new Error("Unknown file format");
-  }
-};
-
 export const parseText = (text: string, ext: string): any => {
   const stripAWSTags = (text: string) => {
     const intrinsicFunctions = [

src/parse/resolveFrameworkSpecifics.ts renamed to src/parse/resolve-framework-specifics.ts

@@ -1,9 +1,8 @@
 import * as fs from "fs";
 import * as path from "path";
 import * as R from "ramda";
-
 import { parseText } from "./parse";
-import { StepFunction } from "../stepFunction";
+import { StepFunction } from "../step-function";
 
 function isASL(document: any) {
   return Boolean(document.StartAt && document.States);

src/postData.ts renamed to src/post-data.ts

@@ -1,9 +1,8 @@
 import * as vscode from "vscode";
 import * as _ from "lodash";
-
 import { parse, getSourceMap } from "./parse/parse";
 import { buildGraph } from "./graph";
-import { getStates } from "./stepFunction";
+import { getStates } from "./step-function";
 
 export const postData = async (panel: vscode.WebviewPanel, uri: vscode.Uri, fileName: string) => {
   const stepFunction = await parse(uri, fileName);

src/stepFunction.ts renamed to src/step-function.ts

@@ -141,7 +141,6 @@ function oneLevelDeepClone(object) {
   }, {});
 }
 
-// FIXME: What the hell is that?
 function traverseStepFunction(stepFunction: StepFunction, callback: (stateName: string, step: State) => void) {
   Object.keys(stepFunction.States).forEach((stateName) => {
     const state = stepFunction.States[stateName];

src/webView.ts renamed to src/web-view.ts

@@ -1,6 +1,5 @@
 import * as vscode from "vscode";
 import * as path from "path";
-
 import { getStepFunctionViewName } from "./parse/parse";
 
 export const createWebviewPanel = (context: vscode.ExtensionContext) => {

tslint.json

@@ -1,11 +1,6 @@
-//@ts-check
-
-"use strict";
-
 const path = require("path");
 
-/**@type {import('webpack').Configuration}*/
-const config = {
+module.exports = {
   target: "node",
   entry: "./src/extension.ts",
   output: {
@@ -35,4 +30,3 @@ const config = {
     ],
   },
 };
-module.exports = config;