Add Vite+React frontend scaffold, update build pipeline, dashboard tweaks
Some checks failed
Deploy Discord Bot / deploy (push) Has been cancelled
Some checks failed
Deploy Discord Bot / deploy (push) Has been cancelled
This commit is contained in:
Pepe44DEV
13
frontend/index.html
Normal file
13
frontend/index.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Papo Dashboard</title>
|
||||
<script>__PAPO_CONFIG__</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="./src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
3312
frontend/package-lock.json
generated
Normal file
3312
frontend/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
27
frontend/package.json
Normal file
27
frontend/package.json
Normal file
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "papo-dashboard-frontend",
|
||||
"private": true,
|
||||
"version": "0.1.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@heroui/react": "^3.2.1",
|
||||
"framer-motion": "^12.23.24",
|
||||
"lucide-react": "^0.542.0",
|
||||
"react": "^19.2.0",
|
||||
"react-dom": "^19.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/vite": "^4.1.13",
|
||||
"@types/react": "^19.2.2",
|
||||
"@types/react-dom": "^19.2.2",
|
||||
"@vitejs/plugin-react": "^5.0.4",
|
||||
"tailwindcss": "^4.1.13",
|
||||
"typescript": "^5.9.2",
|
||||
"vite": "^7.1.3"
|
||||
}
|
||||
}
|
||||
1088
frontend/src/App.tsx
Normal file
1088
frontend/src/App.tsx
Normal file
File diff suppressed because it is too large
Load Diff
133
frontend/src/app.css
Normal file
133
frontend/src/app.css
Normal file
@@ -0,0 +1,133 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
--papo-bg: #080b12;
|
||||
--papo-surface: #101522;
|
||||
--papo-surface-2: #171d2b;
|
||||
--papo-border: rgba(255, 255, 255, 0.08);
|
||||
--papo-text: #f6efe7;
|
||||
--papo-muted: #b6ab9b;
|
||||
--papo-accent: #f97316;
|
||||
--papo-accent-soft: rgba(249, 115, 22, 0.18);
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
#root {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family:
|
||||
Inter,
|
||||
ui-sans-serif,
|
||||
system-ui,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
sans-serif;
|
||||
background:
|
||||
radial-gradient(circle at top left, rgba(249, 115, 22, 0.18), transparent 28%),
|
||||
radial-gradient(circle at top right, rgba(255, 163, 82, 0.08), transparent 24%),
|
||||
linear-gradient(180deg, #090c14 0%, #070910 48%, #05070c 100%);
|
||||
color: var(--papo-text);
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.papo-shell {
|
||||
min-height: 100vh;
|
||||
color: var(--papo-text);
|
||||
}
|
||||
|
||||
.papo-grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.papo-card {
|
||||
border: 1px solid var(--papo-border);
|
||||
background: linear-gradient(180deg, rgba(18, 24, 38, 0.96), rgba(10, 14, 24, 0.94));
|
||||
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
|
||||
}
|
||||
|
||||
.papo-section-title {
|
||||
margin: 0;
|
||||
font-size: 1.65rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.papo-section-subtitle {
|
||||
margin: 0.35rem 0 0;
|
||||
color: var(--papo-muted);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.papo-sidebar {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(7, 10, 17, 0.98), rgba(6, 8, 14, 0.96));
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(18px);
|
||||
}
|
||||
|
||||
.papo-logo {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 18px;
|
||||
background: linear-gradient(140deg, #ffbf7f 0%, #f97316 62%, #d8580b 100%);
|
||||
color: #1e1105;
|
||||
font-size: 1.65rem;
|
||||
font-weight: 900;
|
||||
box-shadow: 0 18px 28px rgba(249, 115, 22, 0.32);
|
||||
}
|
||||
|
||||
.papo-nav-button[data-active="true"] {
|
||||
background: linear-gradient(90deg, rgba(249, 115, 22, 0.28), rgba(249, 115, 22, 0.08));
|
||||
border-color: rgba(249, 115, 22, 0.45);
|
||||
color: #fff6ee;
|
||||
}
|
||||
|
||||
.papo-icon-badge {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 14px;
|
||||
background: rgba(249, 115, 22, 0.12);
|
||||
color: #ffb778;
|
||||
border: 1px solid rgba(249, 115, 22, 0.18);
|
||||
}
|
||||
|
||||
.papo-chart {
|
||||
width: 88px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.papo-chart path {
|
||||
fill: none;
|
||||
stroke-width: 3;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
}
|
||||
|
||||
.papo-scroll {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(249, 115, 22, 0.35) transparent;
|
||||
}
|
||||
|
||||
.papo-scroll::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.papo-scroll::-webkit-scrollbar-thumb {
|
||||
background: rgba(249, 115, 22, 0.3);
|
||||
border-radius: 999px;
|
||||
}
|
||||
10
frontend/src/main.tsx
Normal file
10
frontend/src/main.tsx
Normal file
@@ -0,0 +1,10 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom/client';
|
||||
import App from './App';
|
||||
import './app.css';
|
||||
|
||||
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>
|
||||
);
|
||||
21
frontend/tsconfig.json
Normal file
21
frontend/tsconfig.json
Normal file
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"allowJs": false,
|
||||
"skipLibCheck": true,
|
||||
"esModuleInterop": true,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Node",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx"
|
||||
},
|
||||
"include": ["src"],
|
||||
"references": [{ "path": "./tsconfig.node.json" }]
|
||||
}
|
||||
9
frontend/tsconfig.node.json
Normal file
9
frontend/tsconfig.node.json
Normal file
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Node",
|
||||
"allowSyntheticDefaultImports": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
8
frontend/vite.config.ts
Normal file
8
frontend/vite.config.ts
Normal file
@@ -0,0 +1,8 @@
|
||||
import { defineConfig } from 'vite';
|
||||
import react from '@vitejs/plugin-react';
|
||||
import tailwindcss from '@tailwindcss/vite';
|
||||
|
||||
export default defineConfig({
|
||||
base: './',
|
||||
plugins: [react(), tailwindcss()]
|
||||
});
|
||||
@@ -7,8 +7,9 @@
|
||||
"schema": "src/database/schema.prisma"
|
||||
},
|
||||
"scripts": {
|
||||
"build:web": "npm --prefix frontend run build",
|
||||
"dev": "ts-node-dev --respawn --transpile-only src/index.ts",
|
||||
"build": "tsc",
|
||||
"build": "npm run build:web && tsc",
|
||||
"start": "node dist/index.js"
|
||||
},
|
||||
"dependencies": {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -61,7 +61,7 @@ export function createWebServer() {
|
||||
<div class="shell">
|
||||
<h1>Papo Dashboard</h1>
|
||||
<p>Verwalte Tickets, Module und Automod.</p>
|
||||
<a href="${dashboardPath}">Zum Dashboard</a>
|
||||
<a href="${dashboardPath}/">Zum Dashboard</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user