Migrating to Typescript (#1698)

* migrate into typescript

* add ts-standard

* fix type

* remove unnecessary files

* add lint/typecheck for ui into build configuration

* add test configuration

Co-authored-by: seiya <seiyab@users.noreply.github.com>

build.gradle

@@ -362,41 +362,60 @@ wrapper {
 }
 
 project(':digdag-ui') {
-    task buildUi {
-        inputs.files fileTree(dir: ".", include: ["*.js", "*.jsx", "config/*"])
-        outputs.dir "public"
-
+    task dependenciesUi {
         doFirst {
             exec {
                 // npm ci requires npm version 5.7 or more.
                 commandLine System.env.NPM ?: "npm", "ci"
             }
+        }
+    }
+
+    task buildUi {
+        inputs.files fileTree(dir: ".", include: ["*.js", "*.jsx", "*.ts", "*.tsx", "config/*"])
+        outputs.dir "public"
+
+        doFirst {
             exec {
                 commandLine System.env.NPM ?: "npm", "run", "build"
                 environment "SHA", "assets"
             }
         }
+
+        dependsOn('dependenciesUi')
+
+        // include public/* in the jar file
+        processResources {
+            from '.'
+            include 'public/**/*'
+        }
+        processResources.dependsOn('buildUi')
     }
 
     task testUi {
         doFirst {
-            exec {
-                // npm ci requires npm version 5.7 or more.
-                commandLine System.env.NPM ?: "npm", "ci"
-            }
             exec {
                 commandLine System.env.NPM ?: "npm", "run", "test"
             }
         }
+
+        dependsOn('dependenciesUi')
     }
     test.dependsOn('testUi')
 
-    // include public/* in the jar file
-    processResources {
-        from '.'
-        include 'public/**/*'
+    task checkUi {
+        doFirst {
+            exec {
+                commandLine System.env.NPM ?: "npm", "run", "lint"
+            }
+            exec {
+                commandLine System.env.NPM ?: "npm", "run", "type"
+            }
+        }
+
+        dependsOn('dependenciesUi')
     }
-    processResources.dependsOn('buildUi')
+    check.dependsOn('checkUi')
 }
 
 project(':digdag-cli') {

digdag-ui/.babelrc

@@ -2,7 +2,7 @@
   "presets": [
     "@babel/preset-env",
     "@babel/preset-react",
-    "@babel/preset-flow"
+    "@babel/preset-typescript"
   ],
   "env": {
     "production": {
@@ -13,10 +13,8 @@
   },
   "plugins": [
     "@babel/plugin-transform-react-display-name",
-    "@babel/plugin-transform-flow-strip-types",
     "@babel/plugin-syntax-dynamic-import",
     "@babel/plugin-syntax-import-meta",
-    "@babel/plugin-syntax-flow",
     "@babel/plugin-proposal-object-rest-spread",
     "@babel/plugin-proposal-class-properties",
     "@babel/plugin-proposal-json-strings",

digdag-ui/ace-digdag.d.ts

@@ -0,0 +1,2 @@
+export const TD_LOAD_VALUE_TOKEN: string
+export const TD_RUN_VALUE_TOKEN: string

digdag-ui/config/config.js

@@ -1,4 +1,4 @@
-var DIGDAG_CONFIG = {
+const DIGDAG_CONFIG = {
   url: '/api/',
   td: {
     useTD: false,