updated Nav-Search + removed string-sanitizer + added csgo-sharecode

.browserslistrc

@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not dead

.editorconfig

@@ -1,10 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-[*.{js,json,yml}]
-charset = utf-8
-indent_style = space
-indent_size = 2

.eslintrc.cjs

@@ -0,0 +1,15 @@
+/* eslint-env node */
+require("@rushstack/eslint-patch/modern-module-resolution");
+
+module.exports = {
+  "root": true,
+  "extends": [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/eslint-config-typescript/recommended",
+    "@vue/eslint-config-prettier"
+  ],
+  "env": {
+    "vue/setup-compiler-macros": true,
+  }
+}

.eslintrc.js

@@ -1,17 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  'extends': [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended'
-  ],
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-  }
-}

.gitignore

@@ -3,6 +3,7 @@
 
 ### Linux ###
 *~
+.env
 
 # temporary files which can be created if a process still has a handle open of a deleted file
 .fuse_hidden*
@@ -89,7 +90,7 @@ web_modules/
 .yarn-integrity
 
 # dotenv environment variables file
-.env
+.env.local
 .env.test
 .env.production
 
@@ -220,7 +221,7 @@ fabric.properties
 # Editor-based Rest Client
 .idea/httpRequests
 
-# Android studio 3.1+ serialized cache file
+# Android studio 3.1+ serialized cche file
 .idea/caches/build_file_checksums.ser
 
 ### WebStorm+all Patch ###
@@ -283,4 +284,4 @@ $RECYCLE.BIN/
 
 # End of https://www.toptal.com/developers/gitignore/api/webstorm+all,yarn,windows,linux,node,vuejs
 
-
+a

.yarnrc.yml

@@ -4,4 +4,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
     spec: "@yarnpkg/plugin-interactive-tools"
 
-yarnPath: .yarn/releases/yarn-3.0.2.cjs
+yarnPath: .yarn/releases/yarn-3.2.0.cjs

README.md

@@ -1,7 +1,16 @@
 # CSGOW.TF
-[![](https://img.shields.io/badge/license-GPL3-blue)](https://git.harting.dev/CSGOWTF/csgowtf/src/branch/master/LICENSE) [![](https://img.shields.io/liberapay/patrons/CSGOWTF.svg?logo=liberapay)](https://liberapay.com/CSGOWTF/)
 
-Statistics for CS:GO matchmaking matches.
+[![Vue3](https://img.shields.io/badge/created%20with-Vue3-%2342b883?style=flat-square)](https://vuejs.org/)
+[![Go](https://img.shields.io/badge/created%20with-Go-%2379d4fd?style=flat-square)](https://go.dev/)
+[![GPL3](https://img.shields.io/badge/licence-GPL3-%23007ec6?style=flat-square)](https://git.harting.dev/CSGOWTF/csgowtf/src/branch/master/LICENSE)
+[![Liberapay](https://img.shields.io/badge/donate%20on-LiberaPay-%23f6c915?style=flat-square)](https://liberapay.com/CSGOWTF/)
+[![Liberapay patrons](https://img.shields.io/liberapay/patrons/csgowtf?style=flat-square)](https://liberapay.com/CSGOWTF/)
+[![Website](https://img.shields.io/website?down_message=down&label=csgow.tf&style=flat-square&up_message=up&url=https%3A%2F%2Fcsgow.tf)](https://csgow.tf/)
+<!--[![Typescript](https://img.shields.io/badge/created%20with-typescript-%233178c6?style=flat-square)](https://www.typescriptlang.org/)-->
+
+### Statistics for CS:GO matchmaking matches.
+
+---
 
 ## Backend
 This is the frontend to the [csgowtfd](https://git.harting.dev/CSGOWTF/csgowtfd) backend. 

babel.config.js

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

env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

index.html

@@ -29,35 +29,34 @@
           property="og:locale">
     <meta content="csgoWTF - Open source CSGO data platform"
           property="og:site_name">
-    <meta content="https://csgow.tf/android-chrome-512x512.png"
+    <meta content="https://csgow.tf/images/logo.png"
           name="twitter:image">
-    <meta content="https://csgow.tf/android-chrome-512x512.png"
+    <meta content="https://csgow.tf/images/logo.png"
           property="og:image">
-    <meta content="512"
+    <meta content="1024"
           property="og:image:width">
-    <meta content="512"
+    <meta content="526"
           property="og:image:height">
-    <meta content="https://csgow.tf/android-chrome-512x512.png"
+    <meta content="https://csgow.tf/images/logo.png"
           property="og:image:secure_url">
 
-    <link href="<%= BASE_URL %>apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
-    <link href="<%= BASE_URL %>favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
-    <link href="<%= BASE_URL %>favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
+    <link href="/images/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
+    <link href="/images/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
+    <link href="/images/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
 
-    <link href="<%= BASE_URL %>site.webmanifest" rel="manifest">
+    <link href="/site.webmanifest" rel="manifest">
 
-    <link href="https://steamcdn-a.akamaihd.net" rel="preload">
-    <link href="https://api.csgow.tf" rel="preload">
-    <link href="https://piwik.harting.hosting" rel="preload">
+    <link rel="preconnect" href="https://steamcdn-a.akamaihd.net" crossorigin>
+    <link rel="dns-prefetch" href="https://steamcdn-a.akamaihd.net">
+    <link rel="preconnect" href="https://api.csgow.tf" crossorigin>
+    <link rel="dns-prefetch" href="https://api.csgow.tf">
+    <link rel="preconnect" href="https://piwik.harting.hosting" crossorigin>
+    <link rel="dns-prefetch" href="https://piwik.harting.hosting">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>csgoWTF</title>
   </head>
   <body>
-<noscript>
-    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
-        Please enable it to continue.</strong>
-</noscript>
-<div id="app" class="d-flex flex-column min-vh-100"></div>
-<!-- built files will be auto injected -->
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

package.json

@@ -1,41 +1,49 @@
 {
   "name": "csgowtf",
-  "version": "1.0.3",
-  "private": true,
+  "version": "1.0.7",
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build --mode production",
-    "lint": "vue-cli-service lint"
+    "dev": "vite",
+    "host": "vite --host",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview --port 5050",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.2",
-    "axios": "^0.25.0",
+    "@popperjs/core": "^2.11.4",
+    "axios": "^0.26.1",
     "bootstrap": "^5.1.3",
-    "core-js": "^3.20.3",
-    "dotenv-webpack": "^7.1.0",
-    "echarts": "^5.3.0",
+    "bootstrap-icons": "^1.8.1",
+    "csgo-sharecode": "^3.0.1",
+    "echarts": "^5.3.1",
     "fork-awesome": "^1.2.0",
+    "http-status-codes": "^2.2.0",
+    "iso-639-1": "^2.1.13",
     "jquery": "^3.6.0",
-    "luxon": "^2.3.0",
-    "string-sanitizer": "^2.0.2",
-    "vue": "^3.2.29",
+    "luxon": "^2.3.1",
+    "pinia": "^2.0.12",
+    "vue": "^3.2.31",
     "vue-matomo": "^4.1.0",
-    "vue-router": "^4.0.12",
+    "vue-router": "^4.0.14",
     "vue3-cookies": "^1.0.6",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.15",
-    "@vue/cli-plugin-eslint": "~4.5.15",
-    "@vue/cli-plugin-router": "~4.5.15",
-    "@vue/cli-plugin-vuex": "~4.5.15",
-    "@vue/cli-service": "~4.5.15",
-    "@vue/compiler-sfc": "^3.2.29",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.8.0",
-    "eslint-plugin-vue": "^7.20.0",
-    "sass": "^1.49.0",
-    "sass-loader": "^10.2.1"
+    "@rushstack/eslint-patch": "^1.1.1",
+    "@types/echarts": "^4.9.13",
+    "@types/luxon": "^2.3.1",
+    "@types/node": "^16.11.26",
+    "@vitejs/plugin-vue": "^2.2.4",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^10.0.0",
+    "@vue/tsconfig": "^0.1.3",
+    "eslint": "^8.11.0",
+    "eslint-plugin-vue": "^8.5.0",
+    "prettier": "^2.6.0",
+    "sass": "^1.49.9",
+    "typescript": "~4.6.2",
+    "vite": "^2.8.6",
+    "vue-tsc": "^0.33.2"
   },
-  "packageManager": "yarn@3.0.2"
+  "packageManager": "yarn@3.2.0"
 }

public/images/logo.svg

@@ -2,14 +2,14 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="490.6875"
-   height="249.58194"
-   viewBox="0 0 490.6875 249.58193"
+   width="495.6875"
+   height="254.58194"
+   viewBox="0 0 495.6875 254.58193"
    version="1.1"
    id="svg5"
-   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
-   sodipodi:docname="csgo-wtf_alt.svg"
-   inkscape:export-filename="/home/harting/csgo-wtf.png"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   sodipodi:docname="logo.svg"
+   inkscape:export-filename="/home/cnachtigall/git/WebStorm/csgowtf/public/logo.png"
    inkscape:export-xdpi="127.88531"
    inkscape:export-ydpi="127.88531"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -31,14 +31,14 @@
      fit-margin-right="0"
      fit-margin-bottom="0"
      inkscape:zoom="1.2304688"
-     inkscape:cx="337.67618"
-     inkscape:cy="221.05396"
+     inkscape:cx="274.2857"
+     inkscape:cy="223.8984"
      inkscape:window-width="1916"
-     inkscape:window-height="1142"
-     inkscape:window-x="320"
-     inkscape:window-y="18"
+     inkscape:window-height="1026"
+     inkscape:window-x="1920"
+     inkscape:window-y="52"
      inkscape:window-maximized="1"
-     inkscape:current-layer="text2740" />
+     inkscape:current-layer="layer1" />
   <defs
      id="defs2">
     <rect
@@ -52,27 +52,26 @@
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-13.465942,-34.701904)">
+     transform="translate(-10.965942,-32.201904)">
     <g
-       aria-label="CSGO
-"
+       aria-label="CSGO "
        id="text2740"
-       style="font-size:192px;line-height:0;letter-spacing:0px;word-spacing:0px">
+       style="font-size:192px;line-height:0;letter-spacing:0px;word-spacing:0px;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill">
       <path
          d="m 124.74719,127.60815 q -1.59375,22.03125 -16.3125,34.6875 -14.624998,12.65625 -38.624998,12.65625 -26.25,0 -41.34375,-17.625 -15,-17.71875 -15,-48.5625 v -8.34375 q 0,-19.687496 6.9375,-34.687496 6.9375,-15 19.78125,-22.96875 12.9375,-8.0625 30,-8.0625 23.625,0 38.062498,12.65625 14.4375,12.65625 16.6875,35.53125 H 96.809692 q -1.03125,-13.21875 -7.40625,-19.125 -6.28125,-6 -19.21875,-6 -14.0625,0 -21.09375,10.125 -6.9375,10.03125 -7.125,31.21875 v 10.312496 q 0,22.125 6.65625,32.34375 6.75,10.21875 21.1875,10.21875 13.03125,0 19.40625,-5.90625 6.46875,-6 7.40625,-18.46875 z"
-         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235"
+         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
          id="path3650" />
       <path
          d="m 213.99719,137.2644 q 0,-7.96875 -5.625,-12.1875 -5.625,-4.3125 -20.25,-9 -14.625,-4.78125 -23.15625,-9.375 -23.25,-12.562496 -23.25,-33.843746 0,-11.0625 6.1875,-19.6875 6.28125,-8.71875 17.90625,-13.59375 11.71875,-4.875 26.25,-4.875 14.625,0 26.0625,5.34375 11.4375,5.25 17.71875,14.90625 6.375,9.65625 6.375,21.9375 h -28.125 q 0,-9.375 -5.90625,-14.53125 -5.90625,-5.25 -16.59375,-5.25 -10.3125,0 -16.03125,4.40625 -5.71875,4.3125 -5.71875,11.4375 0,6.65625 6.65625,11.15625 6.75,4.5 19.78125,8.4375 24,7.21875 34.96875,17.906246 10.96875,10.6875 10.96875,26.625 0,17.71875 -13.40625,27.84375 -13.40625,10.03125 -36.09375,10.03125 -15.75,0 -28.6875,-5.71875 -12.9375,-5.8125 -19.78125,-15.84375 -6.75,-10.03125 -6.75,-23.25 h 28.21875 q 0,22.59375 27,22.59375 10.03125,0 15.65625,-4.03125 5.625,-4.125 5.625,-11.4375 z"
-         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235"
+         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
          id="path3652" />
       <path
          d="m 369.24719,155.8269 q -7.59375,9.09375 -21.46875,14.15625 -13.875,4.96875 -30.75,4.96875 -17.71875,0 -31.125,-7.6875 -13.3125,-7.78125 -20.625,-22.5 -7.21875,-14.71875 -7.40625,-34.59375 v -9.28125 q 0,-20.437496 6.84375,-35.343746 6.9375,-15 19.875,-22.875 13.03125,-7.96875 30.46875,-7.96875 24.28125,0 37.96875,11.625 13.6875,11.53125 16.21875,33.65625 h -27.375 q -1.875,-11.71875 -8.34375,-17.15625 -6.375,-5.4375 -17.625,-5.4375 -14.34375,0 -21.84375,10.78125 -7.5,10.78125 -7.59375,32.062496 v 8.71875 q 0,21.46875 8.15625,32.4375 8.15625,10.96875 23.90625,10.96875 15.84375,0 22.59375,-6.75 V 122.0769 h -25.59375 v -20.71875 h 53.71875 z"
-         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235"
+         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
          id="path3654" />
       <path
          d="m 504.15344,107.92065 q 0,20.15625 -7.125,35.34375 -7.125,15.1875 -20.4375,23.4375 -13.21875,8.25 -30.375,8.25 -16.96875,0 -30.28125,-8.15625 -13.3125,-8.15625 -20.625,-23.25 -7.3125,-15.1875 -7.40625,-34.875 v -6.75 q 0,-20.156246 7.21875,-35.437496 7.3125,-15.375 20.53125,-23.53125 13.3125,-8.25 30.375,-8.25 17.0625,0 30.28125,8.25 13.3125,8.15625 20.53125,23.53125 7.3125,15.28125 7.3125,35.343746 z m -28.5,-6.1875 q 0,-21.468746 -7.6875,-32.624996 -7.6875,-11.15625 -21.9375,-11.15625 -14.15625,0 -21.84375,11.0625 -7.6875,10.96875 -7.78125,32.249996 v 6.65625 q 0,20.90625 7.6875,32.4375 7.6875,11.53125 22.125,11.53125 14.15625,0 21.75,-11.0625 7.59375,-11.15625 7.6875,-32.4375 z"
-         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235"
+         style="font-weight:bold;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';text-align:end;baseline-shift:baseline;text-anchor:end;fill:#c3a235;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
          id="path3656" />
     </g>
     <text
@@ -82,18 +81,18 @@
     <g
        aria-label="WTF"
        id="text36805"
-       style="font-size:133.333px;line-height:1.25;letter-spacing:0px;word-spacing:0px">
+       style="font-size:133.333px;line-height:1.25;letter-spacing:0px;word-spacing:0px;stroke:#000000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill">
       <path
          d="m 204.87102,256.94016 12.76039,-67.44774 h 19.46609 l -21.02859,94.79142 H 196.4075 l -15.42964,-63.41129 -15.42965,63.41129 H 145.8868 l -21.02859,-94.79142 h 19.46609 l 12.82549,67.31754 15.62496,-67.31754 h 16.53642 z"
-         style="font-weight:bold;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';fill:#ffffff"
+         style="font-weight:bold;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';fill:#ffffff;stroke:#000000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
          id="path3643" />
       <path
          d="m 319.90979,205.31269 h -29.03638 v 78.97115 h -19.5312 v -78.97115 h -28.64576 v -15.82027 h 77.21334 z"
-         style="font-weight:bold;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';fill:#ffffff"
+         style="font-weight:bold;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';fill:#ffffff;stroke:#000000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
          id="path3645" />
       <path
          d="m 388.07367,245.54696 h -37.4999 v 38.73688 h -19.5312 v -94.79142 h 61.71859 v 15.82027 h -42.18739 v 24.47911 h 37.4999 z"
-         style="font-weight:bold;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';fill:#ffffff"
+         style="font-weight:bold;font-family:Roboto;-inkscape-font-specification:'Roboto Bold';fill:#ffffff;stroke:#000000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
          id="path3647" />
     </g>
   </g>