chore(client addon): update deps

Author: Guillaume Chau

client-addon/.eslintrc.js

@@ -8,7 +8,7 @@ module.exports = {
  '@vue/standard',
  ],
  rules: {
- 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+ 'no-console': process.env.NODE_ENV === 'production' ? 'warning' : 'off',
  'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  'comma-dangle': ['error', 'always-multiline'],
  },

client-addon/babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
  presets: [
- '@vue/app',
+ '@vue/cli-plugin-babel/preset',
  ],
 }

client-addon/package.json

@@ -10,15 +10,18 @@
  "dependencies": {
  "@vue/cli-ui": "^3.0.0",
  "@vue/ui": "^0.5.6",
+ "core-js": "^3.1.2",
  "d3": "^5.7.0",
  "vue": "^2.5.16"
  },
  "devDependencies": {
- "@vue/cli-plugin-babel": "^3.0.0",
- "@vue/cli-plugin-eslint": "^3.0.0",
- "@vue/cli-service": "^3.0.0",
+ "@vue/cli-plugin-babel": "^4.0.4",
+ "@vue/cli-plugin-eslint": "^4.0.4",
+ "@vue/cli-service": "^4.0.4",
  "@vue/cli-ui": "^3.0.0",
  "@vue/eslint-config-standard": "^4.0.0",
+ "eslint": "^4.19.1",
+ "eslint-plugin-vue": "^5.2.3",
  "stylus": "^0.54.5",
  "stylus-loader": "^3.0.2",
  "vue-template-compiler": "^2.5.16"

client-addon/src/components/SimpleGraph.vue

@@ -46,7 +46,7 @@ export default {
  const l = points.length
  for (const point of points) {
  const operator = path ? 'L' : 'M'
- const position = `${index / l * 100},${100 - this.scale(point.value)}`
+ const position = `${index / l * 100},${100 - scale(point.value)}`
  path += `${operator}${position}`
  index++
  }

client-addon/src/components/widgets/EngineKeyMetrics.vue

@@ -25,7 +25,7 @@
  />
  <div>No available data</div>
  </div>
- 
+
  <component
  v-else
  :is="component"
@@ -51,7 +51,7 @@ const bus = new Vue()
 
 export default {
  inject: [
- 'widget'
+ 'widget',
  ],
 
  sharedData () {
@@ -71,7 +71,7 @@ export default {
  computed: {
  component () {
  return COMPONENTS[this.widget.data.config.type]
- }
+ },
  },
 
  watch: {
@@ -89,7 +89,7 @@ export default {
  disabled: () => this.loading,
  onCalled: () => {
  bus.$emit('refresh')
- }
+ },
  })
 
  this.widget.addHeaderAction({
@@ -98,7 +98,7 @@ export default {
  tooltip: 'Open Apollo Engine',
  onCalled: () => {
  window.open(`${this.engineFrontend}/service/${this.widget.data.config.service}/metrics`, '_blank')
- }
+ },
  })
 
  bus.$on('refresh', this.fetchMetrics)
@@ -127,7 +127,7 @@ export default {
  }
 
  this.loading = false
- }
+ },
  },
 }
 </script>

client-addon/src/components/widgets/EngineKeyMetricsErrorPercentage.vue

@@ -47,7 +47,7 @@ export default {
  methods: {
  getErrorRate (metrics) {
  if (metrics.requestsWithErrorsCount === 0) return 0
- return metrics.requestsWithErrorsCount / 
+ return metrics.requestsWithErrorsCount /
  (metrics.uncachedRequestsCount +
  metrics.cachedRequestsCount)
  },
@@ -65,7 +65,7 @@ export default {
  queries={this.queries}
  rawData={this.data}
  />
- }
+ },
 }
 </script>
 

client-addon/src/components/widgets/EngineKeyMetricsP95Time.vue

@@ -56,7 +56,7 @@ export default {
  queries={this.queries}
  rawData={this.data}
  />
- }
+ },
 }
 </script>
 

client-addon/src/components/widgets/EngineKeyMetricsRequestRate.vue

@@ -69,7 +69,7 @@ export default {
  queries={this.queries}
  rawData={this.data}
  />
- }
+ },
 }
 </script>
 

client-addon/src/components/widgets/EngineKeyMetricsView.vue

@@ -177,12 +177,12 @@ export default {
  &.small-width
  .top
  flex-direction column
- 
+
  .infos
  display flex
  .title
  flex 1
- 
+
  .secondary-infos
  display none
 

client-addon/src/utils/math.js

@@ -15,4 +15,4 @@ export function formatNumber (value) {
  }
  }
  return round(result)
-}
+}