GH-138 Rebuild frontend using latest version of all packages

reposilite-frontend/package.json

@@ -9,53 +9,57 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome": "^1.1.8",
-    "@fortawesome/fontawesome-free": "^5.13.0",
+    "@fortawesome/fontawesome-free": "^5.15.1",
     "ansi-to-html": "^0.6.14",
     "axios": "^0.21.1",
-    "core-js": "^3.6.5",
+    "core-js": "^3.8.2",
     "downloadjs": "^1.4.7",
-    "mime-types": "^2.1.27",
-    "pretty-bytes": "^5.3.0",
-    "tailwindcss": "^1.4.6",
-    "vue": "^2.6.11",
-    "vue-meta": "^2.3.4",
+    "mime-types": "^2.1.28",
+    "pretty-bytes": "^5.5.0",
+    "vue": "^2.6.12",
+    "vue-meta": "^2.4.0",
     "vue-notification": "^1.3.20",
-    "vue-router": "^3.3.1",
+    "vue-router": "^3.4.9",
     "vue-smooth-reflow": "^0.1.12",
-    "vue-upload-component": "^2.8.20"
+    "vue-upload-component": "^2.8.22"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.1",
-    "@babel/preset-env": "^7.10.1",
-    "@fullhuman/postcss-purgecss": "^2.2.0",
-    "@vue/cli-plugin-babel": "~4.4.0",
-    "@vue/cli-plugin-eslint": "~4.4.0",
-    "@vue/cli-service": "~4.4.0",
-    "@vue/eslint-config-standard": "^5.1.2",
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@fullhuman/postcss-purgecss": "^3.1.3",
+    "@tailwindcss/postcss7-compat": "^2.0.2",
+    "@vue/cli-plugin-babel": "~4.5.9",
+    "@vue/cli-plugin-eslint": "~4.5.9",
+    "@vue/cli-service": "~4.5.9",
+    "@vue/eslint-config-standard": "^6.0.0",
+    "autoprefixer": "^9.8.6",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^3.5.3",
-    "eslint": "^6.7.2",
-    "eslint-plugin-import": "^2.20.2",
+    "babel-loader": "^8.2.2",
+    "cache-loader": "^4.1.0",
+    "css-loader": "^5.0.1",
+    "eslint": "^7.17.0",
+    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-pug": "^1.2.2",
-    "eslint-plugin-standard": "^4.0.1",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-pug": "^1.2.3",
+    "eslint-plugin-standard": "^4.1.0",
+    "eslint-plugin-vue": "^7.4.1",
     "html-webpack-inline-source-plugin": "^0.0.10",
-    "html-webpack-plugin": "^4.3.0",
+    "html-webpack-plugin": "^4.5.1",
+    "postcss": "^7.0.35",
     "pug": "^3.0.0",
-    "pug-plain-loader": "^1.0.0",
-    "purgecss": "^2.2.1",
+    "pug-plain-loader": "^1.1.0",
+    "purgecss": "^3.1.3",
     "rimraf": "^3.0.2",
-    "stylus": "^0.54.7",
+    "stylus": "^0.54.8",
     "stylus-loader": "^3.0.2",
-    "vue-loader": "^15.9.2",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
+    "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.2",
-    "vue-template-compiler": "^2.6.11",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.0"
+    "vue-template-compiler": "^2.6.12",
+    "webpack": "4.44.2",
+    "webpack-cli": "^4.3.1",
+    "webpack-dev-server": "^3.11.1"
   },
   "browserslist": [
     "> 1%",

reposilite-frontend/src/components/browser/FileBrowser.vue

@@ -51,7 +51,7 @@ const CHUNK_SIZE = 10
 export default {
   mixins: [smoothReflow],
   props: {
-    qualifier: String,
+    initQualifier: String,
     prefix: String,
     auth: Object
   },
@@ -60,7 +60,8 @@ export default {
       configuration: Vue.prototype.$reposilite,
       files: [],
       error: undefined,
-      taskId: 0
+      taskId: 0,
+      qualifier: this.initQualifier
     }
   },
   components: {

reposilite-frontend/src/components/browser/FileEntryContent.vue

@@ -15,7 +15,7 @@
   -->
 
 <template lang="pug">
-  .flex.py-2.px-6.border
+  .flex.py-2.px-6.border-1.border-gray-300
     .pr-5
       i(v-if="file.type === 'directory'").fas.fa-folder
       i(v-if="file.type === 'file'").fas.fa-file

reposilite-frontend/src/views/Dashboard.vue

@@ -40,7 +40,7 @@
         router-link(to="/dashboard/cli" v-if="auth.manager").px-4 Cli
         router-link(to="/dashboard/settings" v-if="auth.manager").px-4 Settings
         button(v-on:click="logout").px-4 Logout
-      hr.py-2
+      hr.py-1.border-gray-300
       router-view
 </template>
 
@@ -100,12 +100,12 @@ export default {
 
 <style lang="stylus">
 html, body
-    height 100%
-    width 100%
+  height 100%
+  width 100%
 #app
   height 100%
   width 100%
 #panel
-    background-color #f8f8f8
-    max-height: 90vh
+  background-color #f8f8f8
+  max-height: 90vh
 </style>

reposilite-frontend/src/views/dashboard/Upload.vue

@@ -27,7 +27,7 @@
       span {{ file.name }}
       span(v-if="file.error") {{ file.error }}
       span(v-else-if="file.success") {{ file.success }}
-    FileUpload.my-2.bg-gray-200.border-dashed.border-gray-500.rounded.border.w-96.h-9.pt-1(
+    FileUpload.my-2.bg-gray-200.border-dashed.border-gray-500.rounded.border-1.w-96.h-9.pt-1(
       v-model="files"
       ref="upload"
       :drop="true"
@@ -36,7 +36,7 @@
     label.m-1
       input(name="stubPom" type="radio" v-model="stubPom" :value="true").mx-2.stub-pom
       span Generate stub pom file for this artifact
-    button(name="submit" type="submit" v-on:click="upload").w-96.p-1.m-1.bg-white.cursor-pointer.border Upload
+    button(name="submit" type="submit" v-on:click="upload").w-96.p-1.m-1.bg-white.cursor-pointer.border-1.border-gray-300 Upload
     notifications(group="upload" position="center top")
 </template>
 

reposilite-frontend/tailwind.config.js

@@ -228,6 +228,7 @@ module.exports = {
     borderWidth: {
       default: '1px',
       '0': '0',
+      '1': '1px',
       '2': '2px',
       '4': '4px',
       '8': '8px'