plum-e2e 1.0.9 → 1.1.0

package/frontend/package.json

@@ -11,10 +11,10 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/adapter-node": "^5.5.4",
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
 		"autoprefixer": "^10.4.20",
-		"daisyui": "^4.12.23",
 		"postcss": "^8.5.1",
 		"svelte": "^5.0.0",
 		"tailwindcss": "^3.4.17",

package/frontend/src/app.css

@@ -14,22 +14,257 @@ GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with Plum. If not, see https://www.gnu.org/licenses/.
 */
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+/* ── Design tokens ─────────────────────────────────────────────────────── */
+
+:root {
+	--bg: #fdfcfb;
+	--bg-subtle: #f7f6f4;
+	--bg-elevated: #ffffff;
+	--border: #e9e5df;
+	--text: #18160f;
+	--text-muted: #9c9185;
+	--accent: #5c1b87;
+	--accent-soft: #f3eaff;
+	--pass: #16a34a;
+	--pass-soft: #dcfce7;
+	--fail: #dc2626;
+	--fail-soft: #fee2e2;
+	--warn: #d97706;
+	--warn-soft: #fef3c7;
+	--terminal-bg: #0d0c08;
+	--terminal-text: #d6d0c8;
+
+	--font-display: 'Playfair Display', Georgia, serif;
+	--font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
+
+	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+	--duration-fast: 140ms;
+	--duration-base: 240ms;
+	--duration-slow: 400ms;
+
+	--radius-sm: 6px;
+	--radius-md: 10px;
+	--radius-lg: 16px;
+}
+
+[data-theme='dark'] {
+	--bg: #101009;
+	--bg-subtle: #1a1910;
+	--bg-elevated: #201f14;
+	--border: #2e2c1e;
+	--text: #f0ede6;
+	--text-muted: #706a5e;
+	--accent: #d0a5f5;
+	--accent-soft: #1b0d30;
+	--pass: #22c55e;
+	--pass-soft: #0d2118;
+	--fail: #f87171;
+	--fail-soft: #2d1010;
+	--warn: #fbbf24;
+	--warn-soft: #2a1f06;
+	--terminal-bg: #080807;
+	--terminal-text: #cbc5bd;
+}
+
+/* ── Reset ──────────────────────────────────────────────────────────────── */
+
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
+
 html {
 	scroll-behavior: smooth;
 }
 
-* {
-	font-family: 'Inter', sans-serif;
+body {
+	font-family: var(--font-body);
 	font-weight: 300;
+	font-size: 1rem;
+	line-height: 1.65;
+	background-color: var(--bg);
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");
+	background-size: 200px 200px;
+	color: var(--text);
+	transition:
+		background-color var(--duration-base) var(--ease-out),
+		color var(--duration-base) var(--ease-out);
+	-webkit-font-smoothing: antialiased;
+}
+
+h1 {
+	font-family: var(--font-display);
+	font-weight: 400;
+	line-height: 1.1;
+	letter-spacing: -0.015em;
+	color: var(--text);
 }
 
-h1,
 h2,
-h3,
-.poppins {
-	font-family: 'Poppins', sans-serif;
+h3 {
+	font-family: var(--font-display);
+	font-weight: 400;
+	line-height: 1.2;
+	color: var(--text);
+}
+
+a {
+	color: inherit;
+	text-decoration: none;
+}
+
+button {
+	font-family: var(--font-body);
+}
+
+/* ── Global form styles ─────────────────────────────────────────────────── */
+
+.field {
+	display: flex;
+	flex-direction: column;
+	gap: 0.375rem;
+}
+
+.field-label {
+	display: flex;
+	justify-content: space-between;
+	font-size: 0.8125rem;
+	font-weight: 400;
+	color: var(--text-muted);
+}
+
+.field-hint {
+	font-size: 0.75rem;
+	color: var(--text-muted);
+}
+
+.field-input {
+	width: 100%;
+	padding: 0.6rem 0.875rem;
+	border: 1px solid var(--border);
+	border-radius: var(--radius-md);
+	background: var(--bg-subtle);
+	color: var(--text);
+	font-family: var(--font-body);
+	font-size: 0.875rem;
+	font-weight: 300;
+	outline: none;
+	transition:
+		border-color var(--duration-fast),
+		box-shadow var(--duration-fast);
+	appearance: none;
+}
+
+.field-input:focus {
+	border-color: var(--accent);
+	box-shadow: 0 0 0 3px var(--accent-soft);
+}
+
+.field-input:disabled {
+	opacity: 0.5;
+	cursor: not-allowed;
+}
+
+.field-input::placeholder {
+	color: var(--text-muted);
+}
+
+/* ── Global table ───────────────────────────────────────────────────────── */
+
+.data-table {
+	width: 100%;
+	border-collapse: collapse;
+	font-size: 0.875rem;
+}
+
+.data-table th {
+	text-align: left;
+	padding: 0.5rem 1rem;
+	font-family: var(--font-body);
+	font-weight: 500;
+	font-size: 0.7rem;
+	letter-spacing: 0.07em;
+	text-transform: uppercase;
+	color: var(--text-muted);
+	border-bottom: 1px solid var(--border);
+}
+
+.data-table td {
+	padding: 0.875rem 1rem;
+	border-bottom: 1px solid var(--border);
+	color: var(--text);
+	vertical-align: middle;
+}
+
+.data-table tbody tr:last-child td {
+	border-bottom: none;
+}
+
+/* ── Card ───────────────────────────────────────────────────────────────── */
+
+.card {
+	background: var(--bg-elevated);
+	border: 1px solid var(--border);
+	border-radius: var(--radius-lg);
+	padding: 1.5rem;
+	transition:
+		background var(--duration-base) var(--ease-out),
+		border-color var(--duration-base) var(--ease-out);
+}
+
+.card-title {
+	font-family: var(--font-display);
+	font-size: 1.25rem;
+	font-weight: 400;
+	color: var(--text);
+	margin-bottom: 0.25rem;
+}
+
+.card-subtitle {
+	font-size: 0.8125rem;
+	color: var(--text-muted);
+	margin-bottom: 1.25rem;
+}
+
+/* ── Alert ──────────────────────────────────────────────────────────────── */
+
+.alert {
+	display: flex;
+	align-items: center;
+	gap: 0.625rem;
+	padding: 0.75rem 1rem;
+	border-radius: var(--radius-md);
+	font-size: 0.875rem;
+	font-weight: 400;
+}
+
+.alert-success {
+	background: var(--pass-soft);
+	color: var(--pass);
+}
+
+.alert-error {
+	background: var(--fail-soft);
+	color: var(--fail);
+}
+
+/* ── Animations ─────────────────────────────────────────────────────────── */
+
+@keyframes fadeUp {
+	from {
+		opacity: 0;
+		transform: translateY(10px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
 }

package/frontend/src/app.html

@@ -15,11 +15,24 @@ You should have received a copy of the GNU General Public License
 along with Plum. If not, see https://www.gnu.org/licenses/.
 -->
 <!doctype html>
-<html lang="en">
+<html lang="en" data-theme="light">
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+		<link
+			href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap"
+			rel="stylesheet"
+		/>
+		<!-- Prevent theme flash before Svelte hydrates -->
+		<script>
+			try {
+				const t = localStorage.getItem('plum-theme');
+				if (t) document.documentElement.setAttribute('data-theme', t);
+			} catch (e) {}
+		</script>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

package/frontend/src/lib/api/reports.js

@@ -0,0 +1,68 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+/*
+This file is part of Plum.
+
+Plum is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plum is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Plum. If not, see https://www.gnu.org/licenses/.
+*/
+
+const BASE = 'http://localhost:3001';
+
+export async function fetchReports() {
+	const res = await fetch(`${BASE}/reports`);
+	const { reports } = await res.json();
+	return reports.map(parseReport).filter(Boolean);
+}
+
+export async function fetchLatestReport() {
+	const res = await fetch(`${BASE}/reports/latest`);
+	const { latestReport } = await res.json();
+	return latestReport;
+}
+
+export function reportUrl(fileName) {
+	return `/reports/${encodeURIComponent(fileName)}`;
+}
+
+export async function fetchReportDetail(fileName) {
+	const res = await fetch(`${BASE}/reports/${encodeURIComponent(fileName)}/detail`);
+	if (!res.ok) throw new Error('Report not found');
+	return res.json();
+}
+
+export function parseReport(fileName) {
+	const match = fileName.match(
+		/(PASS|FAIL)_cucumber_report_(.+?)_\(([^)]+)\)(?:_runners_(\d+))?_(\d{4})_(\d{2})_(\d{2})T(\d{2})_(\d{2})_(\d{2})_\d{3}Z\.json/
+	);
+	if (!match) return null;
+	const [, status, triggerType, tags, runners = '1', year, month, day, hour, minute, second] =
+		match;
+	const date = new Date(`${year}-${month}-${day}T${hour}:${minute}:${second}Z`).toLocaleString();
+	return { fileName, status, triggerType, tags, runners: Number(runners), date };
+}

package/frontend/src/lib/api/schedules.js

@@ -0,0 +1,64 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+/*
+This file is part of Plum.
+
+Plum is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plum is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Plum. If not, see https://www.gnu.org/licenses/.
+*/
+
+const BASE = 'http://localhost:3001';
+
+export async function fetchSchedules() {
+	const res = await fetch(`${BASE}/schedules`);
+	const { schedules } = await res.json();
+	return schedules ?? [];
+}
+
+export async function fetchCronJobs() {
+	const res = await fetch(`${BASE}/cron-jobs`);
+	const { cronJobs } = await res.json();
+	return cronJobs ?? [];
+}
+
+export async function saveCronJob({ taskName, cronExpression, tags, isEditing, editTaskName }) {
+	const formattedTags = tags.replace(/\sOR\s/gi, (m) => m.toLowerCase());
+	const url = isEditing ? `${BASE}/cron-jobs/${editTaskName}` : `${BASE}/cron-jobs`;
+	const method = isEditing ? 'PUT' : 'POST';
+	const res = await fetch(url, {
+		method,
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({ cronExpression, taskName, tags: formattedTags })
+	});
+	return res.json();
+}
+
+export async function deleteCronJob(taskName) {
+	const res = await fetch(`${BASE}/cron-jobs/${taskName}`, { method: 'DELETE' });
+	return res.json();
+}

package/frontend/src/lib/api/tests.js

@@ -0,0 +1,41 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+/*
+This file is part of Plum.
+
+Plum is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plum is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Plum. If not, see https://www.gnu.org/licenses/.
+*/
+
+const BASE = 'http://localhost:3001';
+
+export async function fetchSuites() {
+	const res = await fetch(`${BASE}/tests`);
+	const { suites } = await res.json();
+	return suites.suites ?? [];
+}