Bump webpack-dev-server from 2.11.3 to 3.1.11 in /src/frontend

.gitignore

@@ -197,4 +197,5 @@ typings/
 
 ### Manually ignored files
 /src/main/resources/public/
+/src/frontend/src/braze-model.d.ts
 **/*.mv.db

build.gradle.kts

@@ -1,8 +1,10 @@
+@file:Suppress("HasPlatformType", "PropertyName")
+
 import org.jetbrains.kotlin.gradle.tasks.KotlinCompile
 
 buildscript {
     var kotlinVersion: String by extra
-    kotlinVersion = "1.3.20"
+    kotlinVersion = "1.3.21"
 
     repositories {
         mavenCentral()
@@ -20,9 +22,9 @@ plugins {
     idea
     maven
 
-    kotlin("jvm") version "1.3.20"
-    kotlin("plugin.spring") version "1.3.20"
-    kotlin("plugin.jpa") version "1.3.20"
+    kotlin("jvm") version "1.3.21"
+    kotlin("plugin.spring") version "1.3.21"
+    kotlin("plugin.jpa") version "1.3.21"
 
     id("org.springframework.boot") version "2.0.4.RELEASE"
     id("io.spring.dependency-management") version "1.0.6.RELEASE"
@@ -36,6 +38,7 @@ val retrofitVersion = "2.4.0"
 repositories {
     mavenLocal()
     mavenCentral()
+    maven { url = uri("https://jitpack.io") }
 }
 
 dependencies {
@@ -55,11 +58,15 @@ dependencies {
 
     compile("com.h2database", "h2")
 
+    compile("com.github.ntrrgc", "ts-generator", "1.1.1")
+
     testCompile("org.testng", "testng", "6.14.3")
     testCompile("org.springframework", "spring-test")
     testCompile("org.springframework.boot", "spring-boot-starter-test")
 }
 
+// todo: replace with tasks{} block
+
 val bootJar by tasks.getting
 val assemble by tasks.getting
 val install by tasks.getting
@@ -74,11 +81,23 @@ val cleanStatic by tasks.creating(Delete::class) {
     delete("src/main/resources/public")
 }
 
+val generateDefinitions by tasks.creating(JavaExec::class) {
+    classpath = sourceSets["main"].runtimeClasspath
+    main = "com.forresthopkinsa.braze.model.TypeDefGeneratorKt"
+    standardOutput = File(buildDir, "braze-model.d.ts").outputStream()
+}
+
+val copyDefinitions by tasks.creating(Copy::class) {
+    dependsOn(generateDefinitions)
+    from(File(buildDir, "braze-model.d.ts"))
+    destinationDir = File(projectDir, "src/frontend/src")
+}
+
 npm_run_build.dependsOn(cleanStatic)
 
 bootJar.mustRunAfter(npm_run_build)
 
-assemble.dependsOn(npm_run_build)
+assemble.dependsOn(npm_run_build, copyDefinitions)
 
 install.dependsOn(assemble)
 
@@ -90,6 +109,10 @@ tasks.withType<Test> {
     useTestNG()
 }
 
+springBoot {
+    mainClassName = "com.forresthopkinsa.braze.spring.ApplicationKt"
+}
+
 node {
     nodeModulesDir = file("${project.projectDir}/src/frontend")
 }

src/frontend/.eslintignore

@@ -3,3 +3,4 @@
 /dist/
 /*.js
 /test/unit/coverage/
+**/braze-model.d.ts

src/frontend/.eslintrc.js

@@ -1,28 +1,31 @@
-// https://eslint.org/docs/user-guide/configuring
-
 module.exports = {
   root: true,
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
   env: {
     browser: true,
   },
+  parserOptions: {
+    project: './tsconfig.json',
+  },
   extends: [
-    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
-    'plugin:vue/recommended',
-    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
-    'standard'
+    'airbnb-base',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+    'prettier',
+    'prettier/@typescript-eslint',
   ],
-  // required to lint *.vue files
-  plugins: [
-    'vue'
-  ],
-  // add your custom rules here
+  plugins: ['@typescript-eslint', 'prettier'],
   rules: {
     // allow async-await
     'generator-star-spacing': 'off',
-    // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  }
-}
+    'no-param-reassign': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+  },
+  settings: {
+    'import/resolver': {
+      webpack: {
+        config: 'build/webpack.base.conf.js',
+      },
+    },
+  },
+};

src/frontend/.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: "es5"
+}

src/frontend/build/vue-loader.conf.js

@@ -11,6 +11,7 @@ module.exports = {
     sourceMap: sourceMapEnabled,
     extract: isProduction
   }),
+  esModule: true,
   cssSourceMap: sourceMapEnabled,
   cacheBusting: config.dev.cacheBusting,
   transformToRequire: {

src/frontend/build/webpack.base.conf.js

@@ -9,7 +9,7 @@ function resolve (dir) {
 }
 
 const createLintingRule = () => ({
-  test: /\.(js|vue)$/,
+  test: /\.(ts|js|vue)$/,
   loader: 'eslint-loader',
   enforce: 'pre',
   include: [resolve('src'), resolve('test')],
@@ -22,7 +22,7 @@ const createLintingRule = () => ({
 module.exports = {
   context: path.resolve(__dirname, '../'),
   entry: {
-    app: './src/main.js'
+    app: './src/main.ts'
   },
   output: {
     path: config.build.assetsRoot,
@@ -32,7 +32,7 @@ module.exports = {
       : config.dev.assetsPublicPath
   },
   resolve: {
-    extensions: ['.js', '.vue', '.json'],
+    extensions: ['.ts', '.js', '.vue', '.json'],
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
       '@': resolve('src'),
@@ -46,6 +46,14 @@ module.exports = {
         loader: 'vue-loader',
         options: vueLoaderConfig
       },
+      {
+        test: /\.tsx?$/,
+        loader: 'ts-loader',
+        exclude: /node_modules/,
+        options: {
+          appendTsSuffixTo: [/\.vue$/]
+        }
+      },
       {
         test: /\.js$/,
         loader: 'babel-loader',

src/frontend/build/webpack.dev.conf.js

@@ -20,7 +20,7 @@ const devWebpackConfig = merge(baseWebpackConfig, {
   // cheap-module-eval-source-map is faster for development
   devtool: config.dev.devtool,
 
-  // these devServer options should be customized in /config/index.js
+  // these devServer options should be customized in /config/index.ts
   devServer: {
     clientLogLevel: 'warning',
     historyApiFallback: {