ico
/
pingql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: replace Tailwind CDN with self-hosted pre-built CSS

This commit is contained in:
M1 2026-03-17 09:32:34 +04:00
parent 3638ce3dd2
commit a995fe3c94
14 changed files with 40 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/package.json
View File

@ -4,7 +4,9 @@
"scripts": { "scripts": {
"dev": "bun run --hot src/index.ts", "dev": "bun run --hot src/index.ts",
"start": "bun run src/index.ts", "start": "bun run src/index.ts",
"build": "bun build src/index.ts --outdir dist" "build": "bun build src/index.ts --outdir dist",
"css": "bunx tailwindcss -i src/tailwind.css -o src/dashboard/tailwind.css --minify",
"css:watch": "bunx tailwindcss -i src/tailwind.css -o src/dashboard/tailwind.css --watch"
}, },
"dependencies": { "dependencies": {
"@elysiajs/cors": "^1.4.1", "@elysiajs/cors": "^1.4.1",
@ -13,7 +15,9 @@
"postgres": "^3.4.8" "postgres": "^3.4.8"
}, },
"devDependencies": { "devDependencies": {
"@tailwindcss/cli": "^4.2.1",
"@types/bun": "^1.3.10", "@types/bun": "^1.3.10",
"tailwindcss": "^4.2.1",
"typescript": "^5.9.3" "typescript": "^5.9.3"
} }
} }

2
apps/web/src/dashboard/detail.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL — Monitor Detail</title> <title>PingQL — Monitor Detail</title>
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<style> <style>
body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; } body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; }
</style> </style>

2
apps/web/src/dashboard/docs.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL — Documentation</title> <title>PingQL — Documentation</title>
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<style> <style>
body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; } body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; }
pre, code { font-family: inherit; } pre, code { font-family: inherit; }

2
apps/web/src/dashboard/home.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL — Dashboard</title> <title>PingQL — Dashboard</title>
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<style> <style>
body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; } body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; }
</style> </style>

2
apps/web/src/dashboard/index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL — Sign In</title> <title>PingQL — Sign In</title>
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<link rel="stylesheet" href="/dashboard/app.css"> <link rel="stylesheet" href="/dashboard/app.css">
</head> </head>
<body class="bg-[#0a0a0a] text-gray-100 min-h-screen flex items-center justify-center p-4"> <body class="bg-[#0a0a0a] text-gray-100 min-h-screen flex items-center justify-center p-4">

17
apps/web/src/dashboard/landing.html
View File

@ -5,24 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL — Uptime monitoring that thinks like a developer</title> <title>PingQL — Uptime monitoring that thinks like a developer</title>
<meta name="description" content="Monitor uptime with a MongoDB-style query language. Inspect JSON, HTML, headers, certs, and more — not just ping."> <meta name="description" content="Monitor uptime with a MongoDB-style query language. Inspect JSON, HTML, headers, certs, and more — not just ping.">
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
mono: ['JetBrains Mono', 'SF Mono', 'Fira Code', 'ui-monospace', 'monospace'],
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
},
colors: {
brand: '#3b82f6',
}
}
}
}
</script>
<style> <style>
html { scroll-behavior: smooth; } html { scroll-behavior: smooth; }
body { background: #0a0a0a; } body { background: #0a0a0a; }

2
apps/web/src/dashboard/new.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL — New Monitor</title> <title>PingQL — New Monitor</title>
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<style> <style>
body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; } body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; }
</style> </style>

14
apps/web/src/dashboard/privacy.html
View File

@ -5,21 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy — PingQL</title> <title>Privacy — PingQL</title>
<meta name="description" content="PingQL's privacy policy. No tracking, no data sales, no ads. We store what we need and nothing more."> <meta name="description" content="PingQL's privacy policy. No tracking, no data sales, no ads. We store what we need and nothing more.">
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
mono: ['JetBrains Mono', 'SF Mono', 'Fira Code', 'ui-monospace', 'monospace'],
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
}
}
}
}
</script>
<style> <style>
body { background: #0a0a0a; } body { background: #0a0a0a; }
.grid-bg { .grid-bg {

2
apps/web/src/dashboard/settings.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL — Settings</title> <title>PingQL — Settings</title>
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<style> <style>
body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; } body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; }
</style> </style>

2
apps/web/src/dashboard/tailwind.css Normal file
View File

File diff suppressed because one or more lines are too long

1
apps/web/src/routes/dashboard.ts
View File

@ -79,6 +79,7 @@ const dashDir = resolve(import.meta.dir, "../dashboard");
export const dashboard = new Elysia() export const dashboard = new Elysia()
.get("/dashboard/app.js", () => Bun.file(`${dashDir}/app.js`)) .get("/dashboard/app.js", () => Bun.file(`${dashDir}/app.js`))
.get("/dashboard/app.css", () => Bun.file(`${dashDir}/app.css`)) .get("/dashboard/app.css", () => Bun.file(`${dashDir}/app.css`))
.get("/dashboard/tailwind.css", () => Bun.file(`${dashDir}/tailwind.css`))
.get("/dashboard/query-builder.js", () => Bun.file(`${dashDir}/query-builder.js`)) .get("/dashboard/query-builder.js", () => Bun.file(`${dashDir}/query-builder.js`))
// Login page // Login page

3
apps/web/src/tailwind.css Normal file
View File

@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

2
apps/web/src/views/partials/head.ejs
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PingQL<%= it.title ? ` — ${it.title}` : '' %></title> <title>PingQL<%= it.title ? ` — ${it.title}` : '' %></title>
<script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="/dashboard/tailwind.css">
<link rel="stylesheet" href="/dashboard/app.css"> <link rel="stylesheet" href="/dashboard/app.css">
<script src="/dashboard/app.js?v=2"></script> <script src="/dashboard/app.js?v=2"></script>
<% if (it.scripts) { it.scripts.forEach(function(s) { %> <% if (it.scripts) { it.scripts.forEach(function(s) { %>

20
apps/web/tailwind.config.js Normal file
View File

@ -0,0 +1,20 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./src/**/*.{ts,html,ejs}',
'./src/dashboard/**/*.{html,js}',
],
theme: {
extend: {
fontFamily: {
mono: ['JetBrains Mono', 'SF Mono', 'Fira Code', 'ui-monospace', 'monospace'],
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
},
colors: {
brand: '#3b82f6',
},
},
},
plugins: [],
}