From 6e6e20f7583201b4e3753a6bd1d86de79a444f20 Mon Sep 17 00:00:00 2001
From: dzikoysk <dzikoysk@dzikoysk.net>
Date: Fri, 29 May 2020 23:59:03 +0200
Subject: [PATCH] GH-92 Release 2.5.0 (Resolve #92)

---
 README.md                                     |   2 +-
 pom.xml                                       |   2 +-
 reposilite-backend/pom.xml                    |   2 +-
 .../reposilite/ReposiliteConstants.java       |   2 +-
 .../reposilite/ReposiliteHttpServer.java      |   4 +-
 reposilite-frontend/postcss.config.js         |   9 +
 reposilite-frontend/src/assets/tailwind.css   |   3 +
 .../src/components/FileEntry.vue              |  37 +
 .../src/components/FileEntryContent.vue       |  16 +
 reposilite-frontend/src/components/Wave.vue   |  23 +
 reposilite-frontend/src/router.js             |  17 +
 reposilite-frontend/src/views/Index.vue       |  87 +++
 reposilite-frontend/tailwind.config.js        | 702 ++++++++++++++++++
 reposilite-frontend/vue.config.js             |  11 +
 version                                       |   2 +-
 15 files changed, 912 insertions(+), 7 deletions(-)
 create mode 100644 reposilite-frontend/postcss.config.js
 create mode 100644 reposilite-frontend/src/assets/tailwind.css
 create mode 100644 reposilite-frontend/src/components/FileEntry.vue
 create mode 100644 reposilite-frontend/src/components/FileEntryContent.vue
 create mode 100644 reposilite-frontend/src/components/Wave.vue
 create mode 100644 reposilite-frontend/src/router.js
 create mode 100644 reposilite-frontend/src/views/Index.vue
 create mode 100644 reposilite-frontend/tailwind.config.js
 create mode 100644 reposilite-frontend/vue.config.js

diff --git a/README.md b/README.md
index 4d500f607..9f4a2ae8d 100644
--- a/README.md
+++ b/README.md
@@ -57,7 +57,7 @@ $ docker run -e JAVA_OPTS='-Xmx128M -Dreposilite.port="8080"' reposilite
 List of available management commands
 
 ```bash
-Reposilite 2.4.4 Commands:
+Reposilite 2.5.0 Commands:
   help - List available commands
   status - Display summary status of app health
   stats [<limiter>/<pattern>] - Display collected metrics and (optional) filter them using the given limiter or pattern
diff --git a/pom.xml b/pom.xml
index 2bedc6839..fd314842a 100644
--- a/pom.xml
+++ b/pom.xml
@@ -21,7 +21,7 @@
     <groupId>org.panda-lang</groupId>
     <artifactId>reposilite</artifactId>
     <packaging>pom</packaging>
-    <version>2.4.4</version>
+    <version>2.5.0</version>
     <modules>
         <module>reposilite-backend</module>
     </modules>
diff --git a/reposilite-backend/pom.xml b/reposilite-backend/pom.xml
index cf788188b..8bdb554e1 100644
--- a/reposilite-backend/pom.xml
+++ b/reposilite-backend/pom.xml
@@ -18,7 +18,7 @@
     <parent>
         <artifactId>reposilite</artifactId>
         <groupId>org.panda-lang</groupId>
-        <version>2.4.4</version>
+        <version>2.5.0</version>
     </parent>
     <modelVersion>4.0.0</modelVersion>
 
diff --git a/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteConstants.java b/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteConstants.java
index fc0be9512..501d3f4c6 100644
--- a/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteConstants.java
+++ b/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteConstants.java
@@ -18,7 +18,7 @@
 
 public final class ReposiliteConstants {
 
-    public static final String VERSION = "2.4.4";
+    public static final String VERSION = "2.5.0";
 
     public static final String REMOTE_VERSION = "https://repo.panda-lang.org/org/panda-lang/reposilite/latest";
 
diff --git a/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteHttpServer.java b/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteHttpServer.java
index dae2f42e6..718dd1f37 100644
--- a/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteHttpServer.java
+++ b/reposilite-backend/src/main/java/org/panda_lang/reposilite/ReposiliteHttpServer.java
@@ -66,7 +66,7 @@ void start(Configuration configuration, Runnable onStart) {
     private void config(JavalinConfig config) {
         config.server(() -> new Server(new QueuedThreadPool(2 * Runtime.getRuntime().availableProcessors())));
         config.showJavalinBanner = false;
-        config.enableCorsForOrigin("http://localhost:8080/");
+        // config.enableCorsForOrigin("http://localhost:8080/");
     }
 
     void stop() {
@@ -83,4 +83,4 @@ public Collection<Pair<String, Exception>> getExceptions() {
         return exceptions;
     }
 
-}
+}
\ No newline at end of file
diff --git a/reposilite-frontend/postcss.config.js b/reposilite-frontend/postcss.config.js
new file mode 100644
index 000000000..9f670c348
--- /dev/null
+++ b/reposilite-frontend/postcss.config.js
@@ -0,0 +1,9 @@
+const autoprefixer = require('autoprefixer')
+const tailwindcss = require('tailwindcss')
+
+module.exports = {
+    plugins: [
+        tailwindcss('./tailwind.config.js'),
+        autoprefixer
+    ]
+}
diff --git a/reposilite-frontend/src/assets/tailwind.css b/reposilite-frontend/src/assets/tailwind.css
new file mode 100644
index 000000000..bd6213e1d
--- /dev/null
+++ b/reposilite-frontend/src/assets/tailwind.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/reposilite-frontend/src/components/FileEntry.vue b/reposilite-frontend/src/components/FileEntry.vue
new file mode 100644
index 000000000..6cfe7b9a0
--- /dev/null
+++ b/reposilite-frontend/src/components/FileEntry.vue
@@ -0,0 +1,37 @@
+<template lang="pug">
+    .file-preview.w-full    
+        a(v-if="file.type === 'file'" :href="getUri()" target="_blank" )
+            FileEntryContent(:file="file")
+        router-link(v-else :to="getUri()")
+            FileEntryContent(:file="file")
+</template>
+
+<script>
+import FileEntryContent from './FileEntryContent'
+
+export default {
+    props: [ 'file' ],
+    components: {
+        FileEntryContent
+    },
+    data: () => ({
+        uri: undefined
+    }),
+    mounted() {
+        this.uri = this.$route.params['qualifier']
+
+        if (this.uri.length > 0) {
+            this.uri += '/'
+        }
+    },
+    methods: {
+        getUri() {
+            return '/' + this.uri + this.file.name
+        }
+    }
+}
+</script>
+
+<style lang="stylus">
+
+</style>
\ No newline at end of file
diff --git a/reposilite-frontend/src/components/FileEntryContent.vue b/reposilite-frontend/src/components/FileEntryContent.vue
new file mode 100644
index 000000000..0005d9adf
--- /dev/null
+++ b/reposilite-frontend/src/components/FileEntryContent.vue
@@ -0,0 +1,16 @@
+<template lang="pug">
+    .py-2.px-6.border.flex
+        .pr-5
+            i(v-if="file.type === 'directory'").fas.fa-folder
+            i(v-if="file.type === 'file'").fas.fa-file
+        .flex.justify-between.w-full
+            h1(v-if="file.type === 'file'") {{ file.name }}
+            h1(v-else).font-bold {{ file.name }}
+            p(v-if="file.type === 'file'") {{ (file.contentLength) }} bytes
+</template>
+
+<script>
+export default {
+    props: [ 'file' ]
+}
+</script>
\ No newline at end of file
diff --git a/reposilite-frontend/src/components/Wave.vue b/reposilite-frontend/src/components/Wave.vue
new file mode 100644
index 000000000..b18c69a15
--- /dev/null
+++ b/reposilite-frontend/src/components/Wave.vue
@@ -0,0 +1,23 @@
+<template lang="pug">
+    svg.w-full.h-264.lg_h-168(viewBox="0 0 1080 640" preserveAspectRatio="none")
+        path(
+            fill="#009890" 
+            fill-opacity="1" 
+            d=" \
+                M 0,260 \
+                C 640,330 650,0 1080,170 \
+                L 1440 0 \
+                L 0,0 \
+                Z \
+        ")
+        path(
+            fill="#212121" 
+            fill-opacity="1" 
+            d=" \
+                M 0,230 \
+                C 620,310 650,50 1080,150 \
+                L 1440 0 \
+                L 0,0 \
+                Z \
+        ")
+</template>
\ No newline at end of file
diff --git a/reposilite-frontend/src/router.js b/reposilite-frontend/src/router.js
new file mode 100644
index 000000000..d2d7954ac
--- /dev/null
+++ b/reposilite-frontend/src/router.js
@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Index from './views/Index.vue'
+
+Vue.use(Router)
+
+export default new Router({
+    mode: 'history',
+    base: process.env.BASE_URL,
+    routes: [
+        {
+            path: '/:qualifier(.*)',
+            name: 'Index',
+            component: Index
+        }
+    ]
+})
\ No newline at end of file
diff --git a/reposilite-frontend/src/views/Index.vue b/reposilite-frontend/src/views/Index.vue
new file mode 100644
index 000000000..8a28f5c35
--- /dev/null
+++ b/reposilite-frontend/src/views/Index.vue
@@ -0,0 +1,87 @@
+<template lang="pug">
+  #app
+    header
+        Wave.absolute.w-full
+        .flex.text-white.h-56.flex-col.justify-center.px-8.container.mx-auto
+            .w-full
+                h1.text-5xl.segoe.text-grey.font-bold.pt-1 #onlypanda
+            .w-full
+                p.text-lg.w-96.md_w-full
+                  | Public Maven repository hosted through the Reposilite
+    main.mt-64.lg_mt-24
+        .container.mx-auto
+            .mx-4
+                .flex.justify-between.py-4
+                    h1.text-xl Index of {{ this.qualifier }}
+                    router-link(
+                        v-if="this.qualifier != undefined && this.qualifier.length > 1" 
+                        :to='getParentPath()'
+                    ) ← Back
+                FileEntry(
+                    v-if="response.files != undefined" 
+                    v-for="file in response.files" 
+                    :key="file.name" 
+                    :file="file"
+                )
+                h1(v-else) {{window.REPOSILITE_MESSAGE}}
+
+</template>
+
+<script>
+import Wave from '../components/Wave'
+import FileEntry from '../components/FileEntry'
+
+export default {
+  data: () => ({
+    qualifier: undefined,
+    response: []
+  }),
+  components: {
+    Wave,
+    FileEntry
+  },
+  mounted() {
+    this.updateEntities()
+  },
+  watch: {
+    $route() {
+       this.updateEntities()
+    }
+  },
+  methods: {
+    updateEntities() {
+      this.qualifier = this.$route.params['qualifier']
+      console.log('/api/' + this.qualifier)
+      const server = (process.env.NODE_ENV == 'production') ? '/' : 'http://localhost:80/'
+
+      this.$http
+        .get(server + 'api/' + this.qualifier)
+        .then(response => (this.response = response.data))
+    },
+    getParentPath() {
+        const elements = ('/' + this.qualifier).split('/')
+        elements.pop()
+        const path = elements.join('/')
+        return path.length == 0 ? '/' : path
+    }
+  }
+}
+</script>
+
+<style lang="stylus">  
+html
+  background-color: #f8f8f8
+#app
+  font-family 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
+  -webkit-font-smoothing antialiased
+  -moz-osx-font-smoothing grayscale
+  color #2c3e50
+  height 100%
+  width 100%
+.blue
+  background-color #0077dd
+svg
+  z-index -1
+.segoe
+  font-family 'Segoe UI'
+</style>
\ No newline at end of file
diff --git a/reposilite-frontend/tailwind.config.js b/reposilite-frontend/tailwind.config.js
new file mode 100644
index 000000000..6273a335d
--- /dev/null
+++ b/reposilite-frontend/tailwind.config.js
@@ -0,0 +1,702 @@
+module.exports = {
+  prefix: '',
+  important: false,
+  separator: '_',
+  purge: [
+    './src/**/*.js',
+    './src/**/*.html', 
+    './src/**/*.vue'
+  ],
+  theme: {
+    screens: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px'
+    },
+    colors: {
+      'transparent': 'transparent',
+      'black': '#000',
+      'white': '#fff',
+      'pre-theme': '#19191c',
+      'grey': '#f7f7f7',
+      'dark-grey': '#141414',
+      'medium-grey': '#27282b',
+      'light-grey': '#323538',
+
+      gray: {
+        100: '#f7fafc',
+        200: '#edf2f7',
+        300: '#e2e8f0',
+        400: '#cbd5e0',
+        500: '#a0aec0',
+        600: '#718096',
+        700: '#4a5568',
+        800: '#2d3748',
+        900: '#1a202c'
+      },
+      red: {
+        100: '#fff5f5',
+        200: '#fed7d7',
+        300: '#feb2b2',
+        400: '#fc8181',
+        500: '#f56565',
+        600: '#e53e3e',
+        700: '#c53030',
+        800: '#9b2c2c',
+        900: '#742a2a'
+      },
+      orange: {
+        100: '#fffaf0',
+        200: '#feebc8',
+        300: '#fbd38d',
+        400: '#f6ad55',
+        500: '#ed8936',
+        600: '#dd6b20',
+        700: '#c05621',
+        800: '#9c4221',
+        900: '#7b341e'
+      },
+      yellow: {
+        100: '#fffff0',
+        200: '#fefcbf',
+        300: '#faf089',
+        400: '#f6e05e',
+        500: '#ecc94b',
+        600: '#d69e2e',
+        700: '#b7791f',
+        800: '#975a16',
+        900: '#744210'
+      },
+      green: {
+        100: '#f0fff4',
+        200: '#c6f6d5',
+        300: '#9ae6b4',
+        400: '#68d391',
+        500: '#48bb78',
+        600: '#38a169',
+        700: '#2f855a',
+        800: '#276749',
+        900: '#22543d'
+      },
+      teal: {
+        100: '#e6fffa',
+        200: '#b2f5ea',
+        300: '#81e6d9',
+        400: '#4fd1c5',
+        500: '#38b2ac',
+        600: '#319795',
+        700: '#2c7a7b',
+        800: '#285e61',
+        900: '#234e52'
+      },
+      blue: {
+        100: '#ebf8ff',
+        200: '#bee3f8',
+        300: '#90cdf4',
+        400: '#63b3ed',
+        500: '#4299e1',
+        600: '#3182ce',
+        700: '#2b6cb0',
+        800: '#2c5282',
+        900: '#2a4365'
+      },
+      indigo: {
+        100: '#ebf4ff',
+        200: '#c3dafe',
+        300: '#a3bffa',
+        400: '#7f9cf5',
+        500: '#667eea',
+        600: '#5a67d8',
+        700: '#4c51bf',
+        800: '#434190',
+        900: '#3c366b'
+      },
+      purple: {
+        100: '#faf5ff',
+        200: '#e9d8fd',
+        300: '#d6bcfa',
+        400: '#b794f4',
+        500: '#9f7aea',
+        600: '#805ad5',
+        700: '#6b46c1',
+        800: '#553c9a',
+        900: '#44337a'
+      },
+      pink: {
+        100: '#fff5f7',
+        200: '#fed7e2',
+        300: '#fbb6ce',
+        400: '#f687b3',
+        500: '#ed64a6',
+        600: '#d53f8c',
+        700: '#b83280',
+        800: '#97266d',
+        900: '#702459'
+      }
+    },
+    spacing: {
+      px: '1px',
+      '0': '0',
+      '1': '0.25rem',
+      '2': '0.5rem',
+      '3': '0.75rem',
+      '4': '1rem',
+      '5': '1.25rem',
+      '6': '1.5rem',
+      '7': '1.75rem',
+      '8': '2rem',
+      '9': '2.25rem',
+      '10': '2.5rem',
+      '11': '2.75rem',
+      '12': '3rem',
+      '13': '3.25rem',
+      '14': '3.5rem',
+      '15': '3.75rem',
+      '16': '4rem',
+      '17': '4.25rem',
+      '18': '4.50rem',
+      '19': '4.75rem',
+      '20': '5rem',
+      '24': '6rem',
+      '28': '7rem',
+      '32': '8rem',
+      '40': '10rem',
+      '48': '12rem',
+      '56': '14rem',
+      '64': '16rem',
+      '72': '18rem',
+      '80': '20rem',
+      '88': '22rem',
+      '96': '24rem',
+      '112': '28rem',
+      '128': '32rem',
+      '136': '34rem',
+      '144': '36rem',
+      '152': '38rem',
+      '160': '40rem',
+      '168': '42rem',
+      '176': '44rem',
+      '184': '46rem',
+      '192': '48rem',
+      '200': '50rem',
+      '256': '64rem',
+      '264': '66rem',
+      'header-spacing': '56px'
+    },
+    backgroundColor: theme => theme('colors'),
+    backgroundPosition: {
+      bottom: 'bottom',
+      center: 'center',
+      left: 'left',
+      'left-bottom': 'left bottom',
+      'left-top': 'left top',
+      right: 'right',
+      'right-bottom': 'right bottom',
+      'right-top': 'right top',
+      top: 'top'
+    },
+    backgroundSize: {
+      auto: 'auto',
+      cover: 'cover',
+      contain: 'contain'
+    },
+    borderColor: theme => ({
+      ...theme('colors'),
+      default: theme('colors.gray.300', 'currentColor')
+    }),
+    borderRadius: {
+      none: '0',
+      sm: '0.125rem',
+      default: '0.25rem',
+      md: '0.375rem',
+      lg: '0.5rem',
+      full: '9999px'
+    },
+    borderWidth: {
+      default: '1px',
+      '0': '0',
+      '2': '2px',
+      '4': '4px',
+      '8': '8px'
+    },
+    boxShadow: {
+      sm: '0 1px 2px 0 rgba(0, 0, 0, 0.04)',
+      default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+      md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+      lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+      xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+      '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+      inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
+      outline: '0 0 0 3px rgba(66, 153, 225, 0.5)',
+      none: 'none'
+    },
+    container: {},
+    cursor: {
+      auto: 'auto',
+      default: 'default',
+      pointer: 'pointer',
+      wait: 'wait',
+      text: 'text',
+      move: 'move',
+      'not-allowed': 'not-allowed'
+    },
+    fill: {
+      current: 'currentColor'
+    },
+    flex: {
+      '1': '1 1 0%',
+      auto: '1 1 auto',
+      initial: '0 1 auto',
+      none: 'none'
+    },
+    flexGrow: {
+      '0': '0',
+      default: '1'
+    },
+    flexShrink: {
+      '0': '0',
+      default: '1'
+    },
+    fontFamily: {
+      manrope: [ 'Manrope', 'sans-serif' ],
+      sans: [
+        'Inter',
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Segoe UI"',
+        'Roboto',
+        '"Helvetica Neue"',
+        'Arial',
+        '"Noto Sans"',
+        'sans-serif',
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+        '"Noto Color Emoji"'
+      ],
+      serif: ['Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
+      mono: ['Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace'],
+      lucida: [ 
+        'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', 
+        'Geneva', 'Verdana', 'sans-serif' 
+      ]
+    },
+    fontSize: {
+      xxs: '0.68rem',
+      xs: '0.75rem',
+      sm: '0.875rem',
+      xsbase: '0.9rem',
+      sbase: '0.95rem',
+      base: '1rem',
+      xbase: '1.05rem',
+      slg: '1.15rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem',
+      '6xl': '4rem',
+      '7xl': '5rem',
+      '8xl': '6rem',
+      '16xl': '12rem',
+      '32xl': '24rem'
+    },
+    fontWeight: {
+      hairline: '100',
+      thin: '200',
+      light: '300',
+      normal: '400',
+      medium: '500',
+      semibold: '600',
+      bold: '700',
+      extrabold: '800',
+      black: '900'
+    },
+    height: theme => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      full: '100%',
+      screen: '100vh',
+      content: 'calc(100% - 110px)'
+    }),
+    inset: {
+      '0': '0',
+      auto: 'auto'
+    },
+    letterSpacing: {
+      tighter: '-0.05em',
+      tight: '-0.025em',
+      normal: '0',
+      wide: '0.025em',
+      wider: '0.05em',
+      widest: '0.1em'
+    },
+    lineHeight: {
+      none: '1',
+      tight: '1.25',
+      snug: '1.375',
+      normal: '1.5',
+      relaxed: '1.625',
+      loose: '2'
+    },
+    listStyleType: {
+      none: 'none',
+      disc: 'disc',
+      decimal: 'decimal'
+    },
+    margin: (theme, { negative }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      ...negative(theme('spacing'))
+    }),
+    maxHeight: {
+      full: '100%',
+      screen: '100vh'
+    },
+    maxWidth: (theme, { breakpoints }) => {
+      return {
+        none: 'none',
+        xs: '20rem',
+        sm: '24rem',
+        md: '28rem',
+        lg: '32rem',
+        xl: '36rem',
+        '2xl': '42rem',
+        '3xl': '48rem',
+        '4xl': '56rem',
+        '5xl': '64rem',
+        '6xl': '72rem',
+        full: '100%',
+        ...breakpoints(theme('screens'))
+      }
+    },
+    minHeight: {
+      '0': '0',
+      full: '100%',
+      screen: '100vh'
+    },
+    minWidth: {
+      '0': '0',
+      full: '100%'
+    },
+    objectPosition: {
+      bottom: 'bottom',
+      center: 'center',
+      left: 'left',
+      'left-bottom': 'left bottom',
+      'left-top': 'left top',
+      right: 'right',
+      'right-bottom': 'right bottom',
+      'right-top': 'right top',
+      top: 'top'
+    },
+    opacity: {
+      '0': '0',
+      '25': '0.25',
+      '50': '0.5',
+      '75': '0.75',
+      '100': '1'
+    },
+    order: {
+      first: '-9999',
+      last: '9999',
+      none: '0',
+      '1': '1',
+      '2': '2',
+      '3': '3',
+      '4': '4',
+      '5': '5',
+      '6': '6',
+      '7': '7',
+      '8': '8',
+      '9': '9',
+      '10': '10',
+      '11': '11',
+      '12': '12'
+    },
+    padding: theme => theme('spacing'),
+    placeholderColor: theme => theme('colors'),
+    stroke: {
+      current: 'currentColor'
+    },
+    strokeWidth: {
+      '0': '0',
+      '1': '1',
+      '2': '2'
+    },
+    textColor: theme => theme('colors'),
+    width: theme => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1-2': '50%',
+      '1-3': '33.333333%',
+      '2-3': '66.666667%',
+      '1-4': '25%',
+      '2-4': '50%',
+      '3-4': '75%',
+      '1-5': '20%',
+      '2-5': '40%',
+      '3-5': '60%',
+      '4-5': '80%',
+      '1-6': '16.666667%',
+      '2-6': '33.333333%',
+      '3-6': '50%',
+      '4-6': '66.666667%',
+      '5-6': '83.333333%',
+      '4-11': '27.5%',
+      '1-12': '8.333333%',
+      '2-12': '16.666667%',
+      '3-12': '25%',
+      '4-12': '33.333333%',
+      '5-12': '41.666667%',
+      '6-12': '50%',
+      '7-12': '58.333333%',
+      '8-12': '66.666667%',
+      '9-12': '75%',
+      '10-12': '83.333333%',
+      '11-12': '91.666667%',
+      full: '100%',
+      screen: '100vw'
+    }),
+    zIndex: {
+      auto: 'auto',
+      '0': '0',
+      '10': '10',
+      '20': '20',
+      '30': '30',
+      '40': '40',
+      '50': '50'
+    },
+    gap: theme => theme('spacing'),
+    rowGap: {},
+    columnGap: {},
+    gridTemplateColumns: {
+      none: 'none',
+      '1': 'repeat(1, minmax(0, 1fr))',
+      '2': 'repeat(2, minmax(0, 1fr))',
+      '3': 'repeat(3, minmax(0, 1fr))',
+      '4': 'repeat(4, minmax(0, 1fr))',
+      '5': 'repeat(5, minmax(0, 1fr))',
+      '6': 'repeat(6, minmax(0, 1fr))',
+      '7': 'repeat(7, minmax(0, 1fr))',
+      '8': 'repeat(8, minmax(0, 1fr))',
+      '9': 'repeat(9, minmax(0, 1fr))',
+      '10': 'repeat(10, minmax(0, 1fr))',
+      '11': 'repeat(11, minmax(0, 1fr))',
+      '12': 'repeat(12, minmax(0, 1fr))'
+    },
+    gridColumn: {
+      auto: 'auto',
+      'span-1': 'span 1 / span 1',
+      'span-2': 'span 2 / span 2',
+      'span-3': 'span 3 / span 3',
+      'span-4': 'span 4 / span 4',
+      'span-5': 'span 5 / span 5',
+      'span-6': 'span 6 / span 6',
+      'span-7': 'span 7 / span 7',
+      'span-8': 'span 8 / span 8',
+      'span-9': 'span 9 / span 9',
+      'span-10': 'span 10 / span 10',
+      'span-11': 'span 11 / span 11',
+      'span-12': 'span 12 / span 12'
+    },
+    gridColumnStart: {
+      auto: 'auto',
+      '1': '1',
+      '2': '2',
+      '3': '3',
+      '4': '4',
+      '5': '5',
+      '6': '6',
+      '7': '7',
+      '8': '8',
+      '9': '9',
+      '10': '10',
+      '11': '11',
+      '12': '12',
+      '13': '13'
+    },
+    gridColumnEnd: {
+      auto: 'auto',
+      '1': '1',
+      '2': '2',
+      '3': '3',
+      '4': '4',
+      '5': '5',
+      '6': '6',
+      '7': '7',
+      '8': '8',
+      '9': '9',
+      '10': '10',
+      '11': '11',
+      '12': '12',
+      '13': '13'
+    },
+    gridTemplateRows: {},
+    gridRow: {},
+    gridRowStart: {},
+    gridRowEnd: {},
+    transformOrigin: {
+      center: 'center',
+      top: 'top',
+      'top-right': 'top right',
+      right: 'right',
+      'bottom-right': 'bottom right',
+      bottom: 'bottom',
+      'bottom-left': 'bottom left',
+      left: 'left',
+      'top-left': 'top left'
+    },
+    scale: {
+      '0': '0',
+      '50': '.5',
+      '75': '.75',
+      '90': '.9',
+      '95': '.95',
+      '100': '1',
+      '105': '1.05',
+      '110': '1.1',
+      '125': '1.25',
+      '150': '1.5'
+    },
+    rotate: {
+      '-180': '-180deg',
+      '-90': '-90deg',
+      '-45': '-45deg',
+      '0': '0',
+      '45': '45deg',
+      '90': '90deg',
+      '180': '180deg'
+    },
+    translate: (theme, { negative }) => ({
+      ...theme('spacing'),
+      ...negative(theme('spacing')),
+      '-full': '-100%',
+      '-1-2': '-50%',
+      '1-2': '50%',
+      full: '100%'
+    }),
+    skew: {},
+    transitionProperty: {
+      none: 'none',
+      all: 'all',
+      default: 'background-color, border-color, color, opacity, transform',
+      colors: 'background-color, border-color, color',
+      opacity: 'opacity',
+      transform: 'transform'
+    },
+    transitionTimingFunction: {
+      linear: 'linear',
+      in: 'cubic-bezier(0.4, 0, 1, 1)',
+      out: 'cubic-bezier(0, 0, 0.2, 1)',
+      'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)'
+    },
+    transitionDuration: {
+      '75': '75ms',
+      '100': '100ms',
+      '150': '150ms',
+      '200': '200ms',
+      '300': '300ms',
+      '500': '500ms',
+      '700': '700ms',
+      '1000': '1000ms'
+    }
+  },
+  variants: {
+    accessibility: ['responsive', 'focus'],
+    alignContent: ['responsive'],
+    alignItems: ['responsive'],
+    alignSelf: ['responsive'],
+    appearance: ['responsive'],
+    backgroundAttachment: ['responsive'],
+    backgroundColor: ['responsive', 'hover', 'focus'],
+    backgroundPosition: ['responsive'],
+    backgroundRepeat: ['responsive'],
+    backgroundSize: ['responsive'],
+    borderCollapse: ['responsive'],
+    borderColor: ['responsive', 'hover', 'focus'],
+    borderRadius: ['responsive'],
+    borderStyle: ['responsive'],
+    borderWidth: ['responsive'],
+    boxShadow: ['responsive', 'hover', 'focus'],
+    boxSizing: ['responsive'],
+    cursor: ['responsive'],
+    display: ['responsive'],
+    fill: ['responsive'],
+    flex: ['responsive'],
+    flexDirection: ['responsive'],
+    flexGrow: ['responsive'],
+    flexShrink: ['responsive'],
+    flexWrap: ['responsive'],
+    float: ['responsive'],
+    clear: ['responsive'],
+    fontFamily: ['responsive'],
+    fontSize: ['responsive'],
+    fontSmoothing: ['responsive'],
+    fontStyle: ['responsive'],
+    fontWeight: ['responsive', 'hover', 'focus'],
+    height: ['responsive'],
+    inset: ['responsive'],
+    justifyContent: ['responsive'],
+    letterSpacing: ['responsive'],
+    lineHeight: ['responsive'],
+    listStylePosition: ['responsive'],
+    listStyleType: ['responsive'],
+    margin: ['responsive'],
+    maxHeight: ['responsive'],
+    maxWidth: ['responsive'],
+    minHeight: ['responsive'],
+    minWidth: ['responsive'],
+    objectFit: ['responsive'],
+    objectPosition: ['responsive'],
+    opacity: ['responsive', 'hover', 'focus'],
+    order: ['responsive'],
+    outline: ['responsive', 'focus'],
+    overflow: ['responsive'],
+    padding: ['responsive'],
+    placeholderColor: ['responsive', 'focus'],
+    pointerEvents: ['responsive'],
+    position: ['responsive'],
+    resize: ['responsive'],
+    stroke: ['responsive'],
+    strokeWidth: ['responsive'],
+    tableLayout: ['responsive'],
+    textAlign: ['responsive'],
+    textColor: ['responsive', 'hover', 'focus'],
+    textDecoration: ['responsive', 'hover', 'focus'],
+    textTransform: ['responsive'],
+    userSelect: ['responsive'],
+    verticalAlign: ['responsive'],
+    visibility: ['responsive'],
+    whitespace: ['responsive'],
+    width: ['responsive'],
+    wordBreak: ['responsive'],
+    zIndex: ['responsive'],
+    gap: ['responsive'],
+    columnGap: ['responsive'],
+    rowGap: ['responsive'],
+    gridAutoFlow: ['responsive'],
+    gridTemplateColumns: ['responsive'],
+    gridColumn: ['responsive'],
+    gridColumnStart: ['responsive'],
+    gridColumnEnd: ['responsive'],
+    gridTemplateRows: ['responsive'],
+    gridRow: ['responsive'],
+    gridRowStart: ['responsive'],
+    gridRowEnd: ['responsive'],
+    transform: ['responsive'],
+    transformOrigin: ['responsive'],
+    scale: ['responsive', 'hover', 'focus'],
+    rotate: ['responsive', 'hover', 'focus'],
+    translate: ['responsive', 'hover', 'focus'],
+    skew: ['responsive', 'hover', 'focus'],
+    transitionProperty: ['responsive'],
+    transitionTimingFunction: ['responsive'],
+    transitionDuration: ['responsive'],
+    transitionDelay: ['responsive']
+  },
+  corePlugins: {},
+  plugins: []
+}
diff --git a/reposilite-frontend/vue.config.js b/reposilite-frontend/vue.config.js
new file mode 100644
index 000000000..368e7760b
--- /dev/null
+++ b/reposilite-frontend/vue.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+    outputDir: '../reposilite-backend/src/main/resources/frontend/',
+    filenameHashing: false,
+    productionSourceMap: false,
+    css: {
+        extract: false
+    },
+    chainWebpack: config => {
+        config.optimization.delete('splitChunks')
+    }
+}
\ No newline at end of file
diff --git a/version b/version
index ab6d27898..fad066f80 100644
--- a/version
+++ b/version
@@ -1 +1 @@
-2.4.4
\ No newline at end of file
+2.5.0
\ No newline at end of file