xevion/banner
1
0
Fork 0
mirror of https://github.com/Xevion/banner.git synced 2025-12-06 01:14:22 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: pass RAILWAY_GIT_COMMIT_SHA through Docker, provide Cargo.toml for frontend (version retrieval)

Browse Source
This commit is contained in:
Xevion
2025-09-13 22:02:41 -05:00
parent 176574343f
commit e370008d75
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Dockerfile
View File

@@ -1,5 +1,6 @@
# Build arguments
ARG RUST_VERSION=1.89.0
ARG RAILWAY_GIT_COMMIT_SHA
# Frontend Build Stage
FROM node:22-bookworm-slim AS frontend-builder
@@ -9,6 +10,9 @@ RUN npm install -g pnpm
WORKDIR /app
# Copy backend Cargo.toml for build-time version retrieval
COPY ./Cargo.toml ./
# Copy frontend package files
COPY ./web/package.json ./web/pnpm-lock.yaml ./
@@ -24,6 +28,9 @@ RUN pnpm run build
# Rust Build Stage
FROM rust:${RUST_VERSION}-bookworm AS builder
# Set build-time environment variable for Railway Git commit SHA
ENV RAILWAY_GIT_COMMIT_SHA=${RAILWAY_GIT_COMMIT_SHA}
# Install build dependencies
RUN apt-get update && apt-get install -y \
pkg-config \

19
web/src/routes/index.tsx
View File

@@ -18,13 +18,9 @@ import TimeAgo from "react-timeago";
import { ThemeToggle } from "../components/ThemeToggle";
import "../App.css";
export const Route = createFileRoute("/")({
component: App,
});
// Constants
const REFRESH_INTERVAL = import.meta.env.DEV ? 3000 : 30000;
const REQUEST_TIMEOUT = 10000; // 10 seconds
const CARD_STYLES = {
padding: "24px",
maxWidth: "400px",
@@ -37,14 +33,12 @@ const BORDER_STYLES = {
borderTop: "1px solid var(--gray-7)",
} as const;
// Service icon mapping
const SERVICE_ICONS: Record<string, typeof Bot> = {
bot: Bot,
banner: Globe,
discord: MessageCircle,
};
// Types
interface ResponseTiming {
health: number | null;
status: number | null;
@@ -80,7 +74,6 @@ type StatusState =
lastFetch: Date;
};
// Helper functions
const formatNumber = (num: number): string => {
return num.toLocaleString();
};
@@ -117,7 +110,6 @@ const getServices = (state: StatusState): Service[] => {
);
};
// Status Component
const StatusDisplay = ({ status }: { status: Status | "Unreachable" }) => {
const { icon: Icon, color } = getStatusIcon(status);
@@ -137,7 +129,6 @@ const StatusDisplay = ({ status }: { status: Status | "Unreachable" }) => {
);
};
// Service Status Component
const ServiceStatus = ({ service }: { service: Service }) => {
return (
<Flex align="center" justify="between">
@@ -150,7 +141,6 @@ const ServiceStatus = ({ service }: { service: Service }) => {
);
};
// Skeleton Service Component
const SkeletonService = () => {
return (
<Flex align="center" justify="between">
@@ -166,7 +156,6 @@ const SkeletonService = () => {
);
};
// Timing Row Component
const TimingRow = ({
icon: Icon,
name,
@@ -190,7 +179,7 @@ const TimingRow = ({
function App() {
const [state, setState] = useState<StatusState>({ mode: "loading" });
// Helper variables for state checking
// State helpers
const isLoading = state.mode === "loading";
const hasError = state.mode === "error";
const hasTimeout = state.mode === "timeout";
@@ -428,3 +417,7 @@ function App() {
</div>
);
}
export const Route = createFileRoute("/")({
component: App,
});