@programinglive/dev-workflow-mcp-server 1.5.2 → 1.5.4

package/web/app/globals.css

@@ -1,91 +1,91 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --background: #0a0a0f;
-  --foreground: #ffffff;
-}
-
-body {
-  color: var(--foreground);
-  background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-@layer utilities {
-  @keyframes fadeInUp {
-    0% {
-      opacity: 0;
-      transform: translateY(20px);
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateY(0px);
-    }
-  }
-
-  @keyframes fadeInRight {
-    0% {
-      opacity: 0;
-      transform: translateY(-50%) translateX(40px);
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateY(-50%) translateX(0px);
-    }
-  }
-
-  @keyframes fadeIn {
-    0% {
-      opacity: 0;
-      transform: translateX(-10px);
-    }
-
-    100% {
-      opacity: 1;
-      transform: translateX(0px);
-    }
-  }
-
-  .animate-fade-in-up {
-    animation: fadeInUp 0.8s ease-out forwards;
-    opacity: 0;
-  }
-
-  .animate-fade-in-right {
-    animation: fadeInRight 0.8s ease-out forwards;
-    opacity: 0;
-  }
-
-  .terminal-line {
-    opacity: 0;
-    display: flex;
-  }
-
-  .terminal-line.visible {
-    opacity: 1;
-    transition: opacity 0.1s;
-  }
-
-  .typing-cursor::after {
-    content: '▋';
-    animation: blink 1s step-end infinite;
-    margin-left: 4px;
-    color: #a855f7;
-  }
-
-  @keyframes blink {
-
-    0%,
-    100% {
-      opacity: 1;
-    }
-
-    50% {
-      opacity: 0;
-    }
-  }
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #0a0a0f;
+  --foreground: #ffffff;
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer utilities {
+  @keyframes fadeInUp {
+    0% {
+      opacity: 0;
+      transform: translateY(20px);
+    }
+
+    100% {
+      opacity: 1;
+      transform: translateY(0px);
+    }
+  }
+
+  @keyframes fadeInRight {
+    0% {
+      opacity: 0;
+      transform: translateY(-50%) translateX(40px);
+    }
+
+    100% {
+      opacity: 1;
+      transform: translateY(-50%) translateX(0px);
+    }
+  }
+
+  @keyframes fadeIn {
+    0% {
+      opacity: 0;
+      transform: translateX(-10px);
+    }
+
+    100% {
+      opacity: 1;
+      transform: translateX(0px);
+    }
+  }
+
+  .animate-fade-in-up {
+    animation: fadeInUp 0.8s ease-out forwards;
+    opacity: 0;
+  }
+
+  .animate-fade-in-right {
+    animation: fadeInRight 0.8s ease-out forwards;
+    opacity: 0;
+  }
+
+  .terminal-line {
+    opacity: 0;
+    display: flex;
+  }
+
+  .terminal-line.visible {
+    opacity: 1;
+    transition: opacity 0.1s;
+  }
+
+  .typing-cursor::after {
+    content: '▋';
+    animation: blink 1s step-end infinite;
+    margin-left: 4px;
+    color: #a855f7;
+  }
+
+  @keyframes blink {
+
+    0%,
+    100% {
+      opacity: 1;
+    }
+
+    50% {
+      opacity: 0;
+    }
+  }
 }

package/web/app/layout.tsx

@@ -1,36 +1,36 @@
-import type { Metadata } from "next";
-import "./globals.css";
-import Navbar from "@/components/Navbar";
-import Footer from "@/components/Footer";
-
-export const metadata: Metadata = {
-  title: "Dev Workflow Dashboard",
-  description: "Enforce development discipline and best practices",
-  icons: {
-    icon: [
-      { url: "/assets/favicon-16x16.png", sizes: "16x16", type: "image/png" },
-      { url: "/assets/favicon-32x32.png", sizes: "32x32", type: "image/png" },
-      { url: "/assets/favicon.ico" },
-    ],
-    apple: [
-      { url: "/assets/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
-    ],
-  },
-  manifest: "/assets/site.webmanifest",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en" className="scroll-smooth">
-      <body className="antialiased bg-[#0a0a0f] text-white">
-        <Navbar />
-        {children}
-        <Footer />
-      </body>
-    </html>
-  );
-}
+import type { Metadata } from "next";
+import "./globals.css";
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
+
+export const metadata: Metadata = {
+  title: "Dev Workflow Dashboard",
+  description: "Enforce development discipline and best practices",
+  icons: {
+    icon: [
+      { url: "/assets/favicon-16x16.png", sizes: "16x16", type: "image/png" },
+      { url: "/assets/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+      { url: "/assets/favicon.ico" },
+    ],
+    apple: [
+      { url: "/assets/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
+    ],
+  },
+  manifest: "/assets/site.webmanifest",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className="scroll-smooth">
+      <body className="antialiased bg-[#0a0a0f] text-white">
+        <Navbar />
+        {children}
+        <Footer />
+      </body>
+    </html>
+  );
+}

package/web/app/page.tsx

@@ -1,15 +1,15 @@
-import Hero from "@/components/Hero";
-import Features from "@/components/Features";
-import History from "@/components/History";
-import ApiReference from "@/components/ApiReference";
-
-export default function Home() {
-  return (
-    <main>
-      <Hero />
-      <Features />
-      <History />
-      <ApiReference />
-    </main>
-  );
-}
+import Hero from "@/components/Hero";
+import Features from "@/components/Features";
+import History from "@/components/History";
+import ApiReference from "@/components/ApiReference";
+
+export default function Home() {
+  return (
+    <main>
+      <Hero />
+      <Features />
+      <History />
+      <ApiReference />
+    </main>
+  );
+}

package/web/components/ApiReference.tsx

@@ -1,20 +1,20 @@
-export default function ApiReference() {
-    return (
-        <section id="api" className="py-20 px-4">
-            <div className="max-w-7xl mx-auto">
-                <h2 className="text-3xl md:text-4xl font-bold mb-8">API Reference</h2>
-                <p className="text-gray-400 mb-12">Query workflow data programmatically with our JSON API.</p>
-                <div className="grid md:grid-cols-2 gap-6">
-                    <div className="p-6 rounded-xl bg-white/5 border border-white/10">
-                        <code className="text-indigo-400 font-mono text-sm">GET /api/history</code>
-                        <p className="text-gray-400 mt-2">Retrieve paginated task history entries.</p>
-                    </div>
-                    <div className="p-6 rounded-xl bg-white/5 border border-white/10">
-                        <code className="text-indigo-400 font-mono text-sm">GET /api/summary</code>
-                        <p className="text-gray-400 mt-2">Get project health stats and recent tasks.</p>
-                    </div>
-                </div>
-            </div>
-        </section>
-    );
-}
+export default function ApiReference() {
+    return (
+        <section id="api" className="py-20 px-4">
+            <div className="max-w-7xl mx-auto">
+                <h2 className="text-3xl md:text-4xl font-bold mb-8">API Reference</h2>
+                <p className="text-gray-400 mb-12">Query workflow data programmatically with our JSON API.</p>
+                <div className="grid md:grid-cols-2 gap-6">
+                    <div className="p-6 rounded-xl bg-white/5 border border-white/10">
+                        <code className="text-indigo-400 font-mono text-sm">GET /api/history</code>
+                        <p className="text-gray-400 mt-2">Retrieve paginated task history entries.</p>
+                    </div>
+                    <div className="p-6 rounded-xl bg-white/5 border border-white/10">
+                        <code className="text-indigo-400 font-mono text-sm">GET /api/summary</code>
+                        <p className="text-gray-400 mt-2">Get project health stats and recent tasks.</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}

package/web/components/Features.tsx

@@ -1,61 +1,61 @@
-import { ShieldCheck, TestTube, FileText, GitBranch, History, Zap } from "lucide-react";
-
-export default function Features() {
-    return (
-        <section id="features" className="py-20 px-4">
-            <div className="max-w-7xl mx-auto">
-                <h2 className="text-3xl md:text-4xl font-bold text-center mb-16">Your Coding Conscience</h2>
-                <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
-                    <FeatureCard
-                        icon={<ShieldCheck className="w-6 h-6 text-indigo-400" />}
-                        title="Enforced Discipline"
-                        description="Won't let you skip important steps. Follows a strict, proven development workflow."
-                        bg="bg-indigo-500/20"
-                    />
-                    <FeatureCard
-                        icon={<TestTube className="w-6 h-6 text-purple-400" />}
-                        title="Test-Driven"
-                        description="Blocks commits if tests fail. Encourages writing tests before marking tasks complete."
-                        bg="bg-purple-500/20"
-                    />
-                    <FeatureCard
-                        icon={<FileText className="w-6 h-6 text-emerald-400" />}
-                        title="Documentation"
-                        description="Reminds you to update documentation (README, docs, changelog) for every change."
-                        bg="bg-emerald-500/20"
-                    />
-                    <FeatureCard
-                        icon={<GitBranch className="w-6 h-6 text-orange-400" />}
-                        title="State Tracking"
-                        description="Remembers exactly where you are in the workflow, even across sessions."
-                        bg="bg-orange-500/20"
-                    />
-                    <FeatureCard
-                        icon={<History className="w-6 h-6 text-blue-400" />}
-                        title="Task History"
-                        description="Keeps a detailed log of all completed tasks, commits, and releases."
-                        bg="bg-blue-500/20"
-                    />
-                    <FeatureCard
-                        icon={<Zap className="w-6 h-6 text-pink-400" />}
-                        title="Smart Prompts"
-                        description="Provides quick reminders and guidance on best practices as you work."
-                        bg="bg-pink-500/20"
-                    />
-                </div>
-            </div>
-        </section>
-    );
-}
-
-function FeatureCard({ icon, title, description, bg }: { icon: React.ReactNode, title: string, description: string, bg: string }) {
-    return (
-        <div className="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
-            <div className={`w-12 h-12 rounded-lg ${bg} flex items-center justify-center mb-4`}>
-                {icon}
-            </div>
-            <h3 className="text-xl font-semibold mb-2">{title}</h3>
-            <p className="text-gray-400">{description}</p>
-        </div>
-    );
-}
+import { ShieldCheck, TestTube, FileText, GitBranch, History, Zap } from "lucide-react";
+
+export default function Features() {
+    return (
+        <section id="features" className="py-20 px-4">
+            <div className="max-w-7xl mx-auto">
+                <h2 className="text-3xl md:text-4xl font-bold text-center mb-16">Your Coding Conscience</h2>
+                <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+                    <FeatureCard
+                        icon={<ShieldCheck className="w-6 h-6 text-indigo-400" />}
+                        title="Enforced Discipline"
+                        description="Won't let you skip important steps. Follows a strict, proven development workflow."
+                        bg="bg-indigo-500/20"
+                    />
+                    <FeatureCard
+                        icon={<TestTube className="w-6 h-6 text-purple-400" />}
+                        title="Test-Driven"
+                        description="Blocks commits if tests fail. Encourages writing tests before marking tasks complete."
+                        bg="bg-purple-500/20"
+                    />
+                    <FeatureCard
+                        icon={<FileText className="w-6 h-6 text-emerald-400" />}
+                        title="Documentation"
+                        description="Reminds you to update documentation (README, docs, changelog) for every change."
+                        bg="bg-emerald-500/20"
+                    />
+                    <FeatureCard
+                        icon={<GitBranch className="w-6 h-6 text-orange-400" />}
+                        title="State Tracking"
+                        description="Remembers exactly where you are in the workflow, even across sessions."
+                        bg="bg-orange-500/20"
+                    />
+                    <FeatureCard
+                        icon={<History className="w-6 h-6 text-blue-400" />}
+                        title="Task History"
+                        description="Keeps a detailed log of all completed tasks, commits, and releases."
+                        bg="bg-blue-500/20"
+                    />
+                    <FeatureCard
+                        icon={<Zap className="w-6 h-6 text-pink-400" />}
+                        title="Smart Prompts"
+                        description="Provides quick reminders and guidance on best practices as you work."
+                        bg="bg-pink-500/20"
+                    />
+                </div>
+            </div>
+        </section>
+    );
+}
+
+function FeatureCard({ icon, title, description, bg }: { icon: React.ReactNode, title: string, description: string, bg: string }) {
+    return (
+        <div className="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
+            <div className={`w-12 h-12 rounded-lg ${bg} flex items-center justify-center mb-4`}>
+                {icon}
+            </div>
+            <h3 className="text-xl font-semibold mb-2">{title}</h3>
+            <p className="text-gray-400">{description}</p>
+        </div>
+    );
+}

package/web/components/Footer.tsx

@@ -1,9 +1,9 @@
-export default function Footer() {
-    return (
-        <footer className="py-12 px-4 border-t border-white/10">
-            <div className="max-w-7xl mx-auto text-center text-gray-400">
-                <p>Built with ❤️ for developers who care about quality</p>
-            </div>
-        </footer>
-    );
-}
+export default function Footer() {
+    return (
+        <footer className="py-12 px-4 border-t border-white/10">
+            <div className="max-w-7xl mx-auto text-center text-gray-400">
+                <p>Built with ❤️ for developers who care about quality</p>
+            </div>
+        </footer>
+    );
+}