feat: check for new releases (ActivityWatch/activitywatch#114)

Makefile

@@ -2,8 +2,17 @@
 
 .FORCE: ;
 
+# This is to disable check for new release in aw-webui for aw-android
+ifdef ON_ANDROID
+# The following flag will pass --android as a command line argument to vue-cli-service
+# https://docs.npmjs.com/cli/run-script
+androidflag := -- --os=android
+else
+androidflag :=
+endif
+
 build: install
-	npm run build
+	npm run build ${androidflag}
 
 install:
 	npm ci
@@ -12,7 +21,7 @@ uninstall:
 	rm -r node_modules/
 
 dev:
-	npm run serve
+	npm run serve ${androidflag}
 
 test:
 	npm test

babel.config.js

@@ -1,6 +1,7 @@
 module.exports = {
   // TODO: We should try to switch to the @vue/app preset, but right now it breaks everything
   //presets: ['@vue/app'],
+  presets: ['@vue/cli-plugin-babel/preset'],
   plugins: ['lodash', '@babel/plugin-syntax-dynamic-import'],
   comments: false,
 };

jest.config.js

@@ -1,4 +1,24 @@
+// Tests can be added in the aw-webui/test folder
+// File names that end with .test.js will be run in the jsdom testEnvironment
+// File names that end with .test.node.js will be run in the node testEnvironment
+
 module.exports = {
-  preset: 'ts-jest',
-  testEnvironment: 'node',
-};
+  projects: [
+    {
+      displayName: 'jsdom',
+      preset: '@vue/cli-plugin-unit-jest',
+      testEnvironment: 'jsdom',
+      transform: {
+        '^.+\\.js$': 'babel-jest',
+        '^.+\\.vue$': 'vue-jest'
+      },
+      testMatch: ['**/test/**/*.test.js?(x)']
+    },
+    {
+      displayName: 'node',
+      preset: 'ts-jest',
+      testEnvironment: 'node',
+      testMatch: ['**/test/**/*.test.node.js?(x)'],
+    }
+  ],
+};

package.json

@@ -8,7 +8,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "test": "jest --rootDir=src",
+    "test": "jest --rootDir=./",
     "test:unit": "vue-cli-service test:unit",
     "test:e2e": "vue-cli-service test:e2e",
     "lint": "vue-cli-service lint",
@@ -39,8 +39,8 @@
     "css-loader": "^3.6.0",
     "eslint": "^6.0",
     "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-prettier": "^3.1",
     "eslint-plugin-jest": "^23.18",
+    "eslint-plugin-prettier": "^3.1",
     "eslint-plugin-vue": "^6.2",
     "eventsource-polyfill": "^0.9.6",
     "express": "^4.16.3",

src/App.vue

@@ -4,6 +4,7 @@ div#wrapper
 
   div.container.aw-container.my-3.py-3
     error-boundary
+      new-release-notification(v-if="isNewReleaseCheckEnabled")
       router-view
 
   div.container(style="color: #555")
@@ -43,6 +44,7 @@ export default {
     return {
       activityViews: [],
       info: {},
+      isNewReleaseCheckEnabled: !process.env.VUE_APP_ON_ANDROID,
     };
   },