Introduce basic frontend

v3xlabs · Nov 15, 2024 · 4a95446 · 4a95446
1 parent 4ad44f0
commit 4a95446
Show file tree

Hide file tree

Showing 14 changed files with 3,871 additions and 0 deletions.
diff --git a/.github/actions/install.yaml b/.github/actions/install.yaml
@@ -0,0 +1,24 @@
+name: Install Tools & Dependencies
+description: Installs pnpm, Node.js & package dependencies
+
+runs:
+  using: composite
+  steps:
+    - name: Setup PNPM
+      uses: pnpm/action-setup@v4.0.0
+      with:
+        run_install: false
+        standalone: true
+        package_json_file: web/package.json
+        version: 9
+
+    - name: Setup Node
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: pnpm
+        cache-dependency-path: 'web'
+
+    - name: Install dependencies
+      run: cd web && pnpm install
+      shell: bash
diff --git a/.github/workflows/web.yaml b/.github/workflows/web.yaml
@@ -0,0 +1,37 @@
+name: 🚚 Deploy
+
+on:
+  push:
+    branches:
+      - master
+
+env:
+  NODE_OPTIONS: "--max_old_space_size=8192"
+
+jobs:
+  deploy:
+    runs-on: ubuntu-20.04
+    permissions:
+      contents: write
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Install Tools & Dependencies
+        uses: ./.github/actions/install
+
+      - name: Build
+        working-directory: ./web
+        run: NODE_ENV=production pnpm run build
+
+      - name: Edgeserver Upload
+        uses: lvkdotsh/edgeserver-action@v0.1.2-pre.4
+        with:
+          app_id: "380237974857584640"
+          server: https://api.edgeserver.io
+          token: ${{ secrets.SIGNAL_TOKEN }}
+          directory: web/dist
diff --git a/web/.eslintrc.json b/web/.eslintrc.json
@@ -0,0 +1,19 @@
+{
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": 2021
+    },
+    "extends": [
+        "plugin:v3xlabs/recommended"
+    ],
+    "ignorePatterns": [
+        "!**/*"
+    ],
+    "plugins": [
+        "v3xlabs"
+    ],
+    "env": {
+        "node": true
+    },
+    "rules": {}
+}
diff --git a/web/.gitignore b/web/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+.env
+dist
diff --git a/web/.prettierrc b/web/.prettierrc
@@ -0,0 +1,5 @@
+{
+    "tabWidth": 4,
+    "useTabs": false,
+    "singleQuote": true
+}
diff --git a/web/index.html b/web/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Music Stage POAP</title>
+    <link rel="stylesheet" href="/src/global.css">
+</head>
+<body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+</body>
+</html>
diff --git a/web/package.json b/web/package.json
@@ -0,0 +1,34 @@
+{
+    "name": "web",
+    "version": "1.0.0",
+    "type": "module",
+    "description": "",
+    "main": "index.js",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "dev": "vite",
+        "build": "vite build",
+        "lint": "eslint -c .eslintrc.json --ext .ts ./src"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "@tanstack/react-query": "^5.60.2",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "autoprefixer": "^10.4.20",
+        "postcss": "^8.4.26",
+        "postcss-nested": "^6.0.1",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "tailwindcss": "^3.3.3",
+        "vite": "^5.4.11"
+    },
+    "devDependencies": {
+        "@typescript-eslint/parser": "^8.14.0",
+        "eslint": "^9.14.0",
+        "eslint-plugin-v3xlabs": "^1.6.5",
+        "typescript": "^5.6.3"
+    }
+}