feat(frontend)

Author: haxgun

backend/app/models/overlays.py

@@ -6,6 +6,16 @@
 class OverlayBase(SQLModel):
     riot_id: str
     hdev_api_key: str
+    # text_color: str
+    # primary_color: str
+    # bg_color: str
+    # progress_rank_color: str
+    # progress_rank_bg_color: str
+    # alpha_bg: bool
+    # alpha_grad_bg: bool
+    # wl_stat: bool
+    # progress_rank: bool
+    # last_match_points: bool
 
 
 class Overlay(OverlayBase, table=True):

frontend/.editorconfig

@@ -0,0 +1,6 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

frontend/.eslintrc.cjs

@@ -1,4 +1,5 @@
 /* eslint-env node */
+// eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@rushstack/eslint-patch/modern-module-resolution')
 
 module.exports = {

frontend/.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo

frontend/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports"
+  ],
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

frontend/.prettierrc.json

@@ -10,7 +10,9 @@ declare module 'vue' {
     ASpin: typeof import('ant-design-vue/es')['Spin']
     Button: typeof import('./src/components/ui/Button.vue')['default']
     Footer: typeof import('./src/components/Footer.vue')['default']
+    FooterItem: typeof import('./src/components/FooterItem.vue')['default']
     Highlights: typeof import('./src/components/Highlights.vue')['default']
+    HighlightsItem: typeof import('./src/components/HighlightsItem.vue')['default']
     IconBillCheck: typeof import('./src/components/icons/IconBillCheck.vue')['default']
     IconGithub: typeof import('./src/components/icons/IconGithub.vue')['default']
     IconHeart: typeof import('./src/components/icons/IconHeart.vue')['default']
@@ -24,8 +26,13 @@ declare module 'vue' {
     Input: typeof import('./src/components/ui/Input.vue')['default']
     LanguageSwitcher: typeof import('./src/components/ui/LanguageSwitcher.vue')['default']
     Overlay: typeof import('./src/components/Overlay.vue')['default']
+    OverlayItem: typeof import('./src/components/OverlayItem.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     Switch: typeof import('./src/components/ui/Switch.vue')['default']
+    UiButton: typeof import('./src/components/ui/uiButton.vue')['default']
+    UiInput: typeof import('./src/components/ui/uiInput.vue')['default']
+    UiLanguageSwitcher: typeof import('./src/components/ui/uiLanguageSwitcher.vue')['default']
+    UiSwitch: typeof import('./src/components/ui/uiSwitch.vue')['default']
   }
 }

frontend/components.d.ts

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

frontend/env.d.ts

@@ -0,0 +1,19 @@
+import pluginVue from 'eslint-plugin-vue'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+
+export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+
+  {
+    name: 'app/files-to-ignore',
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+  },
+
+  ...pluginVue.configs['flat/essential'],
+  ...vueTsEslintConfig(),
+  skipFormatting,
+]

frontend/eslint.config.js

@@ -1,6 +1,7 @@
 {
   "name": "valory",
   "private": true,
+  "type": "module",
   "license": "MIT",
   "repository": "https://github.com/haxgun/valory",
   "author": "MAGICX <[email protected]>",
@@ -13,13 +14,17 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "build-only": "vite build",
     "preview": "vite preview",
     "serve": "vite build && vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
+    "lint": "eslint . --fix",
     "format": "prettier --write src/"
   },
   "dependencies": {
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
+    "pinia": "^2.2.6",
     "@iconify/vue": "^4.1.2",
     "@vueuse/core": "^10.11.1",
     "copy-to-clipboard": "^3.3.3",
@@ -34,27 +39,31 @@
     "vue-template-compiler": "^2.7.16"
   },
   "devDependencies": {
+    "@tsconfig/node22": "^22.0.0",
+    "@types/node": "^22.9.3",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vue/tsconfig": "^0.7.0",
     "@intlify/unplugin-vue-i18n": "^1.6.0",
     "@plugin-web-update-notification/vite": "^1.7.1",
     "@rushstack/eslint-patch": "^1.10.4",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@vitejs/plugin-vue": "^4.6.2",
-    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "@vue/eslint-config-typescript": "^14.1.3",
     "@vue/runtime-dom": "^3.5.13",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vue": "^9.32.0",
     "naive-ui": "^2.40.3",
-    "pinia": "^2.3.0",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "sass": "^1.82.0",
-    "typescript": "5.6.2",
+    "typescript": "~5.6.3",
     "unplugin-vue-components": "^0.25.2",
-    "vite": "^4.5.5",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0",
-    "vue-tsc": "2.0.29"
+    "npm-run-all2": "^7.0.1",
+    "vite": "^6.0.1",
+    "vite-plugin-vue-devtools": "^7.6.5",
+    "vue-tsc": "^2.1.10"
   }
 }