Matiss/xarticleaudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: integrate tailwind v4 and daisyui packages with local css build pipeline

Browse Source
This commit is contained in:
Codex
2026-02-18 13:42:24 +00:00
parent 415c9d165a
commit 31e8e07319
10 changed files with 180 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app.js
View File

@@ -1,6 +1,8 @@
"use strict";
const { randomUUID } = require("node:crypto");
const fs = require("node:fs/promises");
const pathLib = require("node:path");
const { XArtAudioEngine } = require("./lib/engine");
const { verifySignature } = require("./lib/signature");
const {
@@ -38,6 +40,8 @@ const { createStorageAdapter } = require("./integrations/storage-client");
const { createXAdapter } = require("./integrations/x-client");
const { createAudioGenerationService } = require("./services/audio-generation");
const STYLESHEET_PATH = pathLib.join(__dirname, "public", "styles.css");
function sanitizeReturnTo(value, fallback = "/app") {
if (!value || typeof value !== "string") {
return fallback;
@@ -310,6 +314,21 @@ function buildApp({
);
}
if (method === "GET" && path === "/assets/styles.css") {
try {
const css = await fs.readFile(STYLESHEET_PATH, "utf8");
return text(200, css, "text/css; charset=utf-8", {
"cache-control": "public, max-age=3600",
});
} catch {
return text(
503,
"/* stylesheet not built yet; run `bun run build:css` */",
"text/css; charset=utf-8",
);
}
}
if (method === "GET" && path === "/") {
return html(200, renderLandingPage({ authenticated: Boolean(userId), userId }));
}

5
src/styles/app.css Normal file
View File

@@ -0,0 +1,5 @@
@import "tailwindcss";
@plugin "daisyui" {
themes: light --default;
logs: false;
}

2
src/views/pages.js
View File

@@ -20,7 +20,7 @@ function shell({ title, content, compact = false }) {
<title>${escapeHtml(title)}</title>
<meta name="theme-color" content="#0f172a" />
<link rel="manifest" href="/manifest.webmanifest" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.css" rel="stylesheet" type="text/css" />
<link href="/assets/styles.css" rel="stylesheet" type="text/css" />
</head>
<body class="min-h-screen bg-slate-950 text-slate-100">
<div class="fixed inset-0 -z-10 overflow-hidden">