shimwrappercheck 0.2.0

package/dashboard/app/api/settings/route.ts

@@ -0,0 +1,126 @@
+/**
+ * GET/POST /api/settings – structured presets + check toggles.
+ * Reads/writes .shimwrappercheck-presets.json and syncs .shimwrappercheckrc.
+ */
+import { NextRequest, NextResponse } from "next/server";
+import path from "path";
+import fs from "fs";
+import { getProjectRoot } from "@/lib/projectRoot";
+import {
+  type SettingsData,
+  type Preset,
+  DEFAULT_SETTINGS,
+  DEFAULT_VIBE_CODE_PRESET,
+  buildRcContent,
+  SUPABASE_COMMAND_IDS,
+  GIT_COMMAND_IDS,
+} from "@/lib/presets";
+
+const PRESETS_FILE = ".shimwrappercheck-presets.json";
+const RC_FILE = ".shimwrappercheckrc";
+
+function getPresetsPath(): string {
+  return path.join(getProjectRoot(), PRESETS_FILE);
+}
+function getRcPath(): string {
+  return path.join(getProjectRoot(), RC_FILE);
+}
+
+function parseRcToSettings(rawRc: string): Partial<SettingsData> {
+  const checkToggles = { frontend: true, backend: true, aiReview: true };
+  const argsMatch = rawRc.match(/SHIM_CHECKS_ARGS="([^"]*)"/);
+  if (argsMatch) {
+    const args = argsMatch[1];
+    if (args.includes("--no-frontend")) checkToggles.frontend = false;
+    if (args.includes("--no-backend")) checkToggles.backend = false;
+    if (args.includes("--no-ai-review")) checkToggles.aiReview = false;
+  }
+  const enforceMatch = rawRc.match(/SHIM_ENFORCE_COMMANDS="([^"]*)"/);
+  const hookMatch = rawRc.match(/SHIM_HOOK_COMMANDS="([^"]*)"/);
+  const gitMatch = rawRc.match(/SHIM_GIT_ENFORCE_COMMANDS="([^"]*)"/);
+  const enforce = enforceMatch ? enforceMatch[1].split(",").map((s) => s.trim()) : [];
+  const hook = hookMatch ? hookMatch[1].split(",").map((s) => s.trim()) : [];
+  const gitEnforce = gitMatch ? gitMatch[1].split(",").map((s) => s.trim()) : [];
+  const supabaseEnforce = enforce.filter((c) => (SUPABASE_COMMAND_IDS as readonly string[]).includes(c));
+  const supabaseHook = hook.filter((c) => (SUPABASE_COMMAND_IDS as readonly string[]).includes(c));
+  const gitEnforceList = gitEnforce.filter((c) => (GIT_COMMAND_IDS as readonly string[]).includes(c));
+  const preset: Preset = {
+    ...DEFAULT_VIBE_CODE_PRESET,
+    supabase: { enforce: supabaseEnforce as any, hook: supabaseHook as any },
+    git: { enforce: gitEnforceList as any },
+  };
+  return {
+    presets: [preset],
+    activePresetId: DEFAULT_VIBE_CODE_PRESET.id,
+    checkToggles,
+  };
+}
+
+export async function GET() {
+  try {
+    const root = getProjectRoot();
+    const presetsPath = getPresetsPath();
+    const rcPath = getRcPath();
+
+    let settings: SettingsData = { ...DEFAULT_SETTINGS };
+
+    if (fs.existsSync(presetsPath)) {
+      try {
+        const raw = fs.readFileSync(presetsPath, "utf8");
+        const parsed = JSON.parse(raw) as SettingsData;
+        if (parsed.presets?.length) settings.presets = parsed.presets;
+        if (parsed.activePresetId) settings.activePresetId = parsed.activePresetId;
+        if (parsed.checkToggles) settings.checkToggles = { ...DEFAULT_SETTINGS.checkToggles, ...parsed.checkToggles };
+      } catch {
+        // use defaults
+      }
+    }
+
+    if (fs.existsSync(rcPath) && !fs.existsSync(presetsPath)) {
+      const rawRc = fs.readFileSync(rcPath, "utf8");
+      const fromRc = parseRcToSettings(rawRc);
+      if (fromRc.checkToggles) settings.checkToggles = fromRc.checkToggles;
+      if (fromRc.presets?.length) settings.presets = fromRc.presets;
+      if (fromRc.activePresetId) settings.activePresetId = fromRc.activePresetId;
+    }
+
+    return NextResponse.json(settings);
+  } catch (err) {
+    console.error("settings get error:", err);
+    return NextResponse.json(
+      { error: err instanceof Error ? err.message : "Unknown error" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = (await request.json()) as SettingsData;
+    if (!body || !Array.isArray(body.presets)) {
+      return NextResponse.json({ error: "presets array required" }, { status: 400 });
+    }
+
+    const settings: SettingsData = {
+      presets: body.presets,
+      activePresetId: body.activePresetId ?? DEFAULT_SETTINGS.activePresetId,
+      checkToggles: { ...DEFAULT_SETTINGS.checkToggles, ...body.checkToggles },
+    };
+
+    const root = getProjectRoot();
+    const presetsPath = getPresetsPath();
+    if (!fs.existsSync(root)) fs.mkdirSync(root, { recursive: true });
+
+    fs.writeFileSync(presetsPath, JSON.stringify(settings, null, 2), "utf8");
+    const rcContent = buildRcContent(settings);
+    fs.writeFileSync(getRcPath(), rcContent, "utf8");
+
+    return NextResponse.json({ ok: true });
+  } catch (err) {
+    console.error("settings post error:", err);
+    return NextResponse.json(
+      { error: err instanceof Error ? err.message : "Unknown error" },
+      { status: 500 }
+    );
+  }
+}

package/dashboard/app/api/status/route.ts

@@ -0,0 +1,38 @@
+/**
+ * GET /api/status – project status for dashboard (checks script, config, AGENTS.md, husky).
+ * Vercel-compatible; uses SHIM_PROJECT_ROOT when deployed.
+ */
+import { NextResponse } from "next/server";
+import path from "path";
+import fs from "fs";
+import { getProjectRoot } from "@/lib/projectRoot";
+
+export async function GET() {
+  try {
+    const root = getProjectRoot();
+    const hasRc = fs.existsSync(path.join(root, ".shimwrappercheckrc"));
+    const hasPresets = fs.existsSync(path.join(root, ".shimwrappercheck-presets.json"));
+    const hasAgents = fs.existsSync(path.join(root, "AGENTS.md"));
+    const hasRunChecks = fs.existsSync(path.join(root, "scripts", "run-checks.sh"));
+    const hasHusky = fs.existsSync(path.join(root, ".husky", "pre-push"));
+    const hasGitHook = fs.existsSync(path.join(root, ".git", "hooks", "pre-push"));
+    const hasSupabase = fs.existsSync(path.join(root, "supabase", "config.toml"));
+
+    return NextResponse.json({
+      projectRoot: root,
+      config: hasRc,
+      presetsFile: hasPresets,
+      agentsMd: hasAgents,
+      runChecksScript: hasRunChecks,
+      prePushHusky: hasHusky,
+      prePushGit: hasGitHook,
+      supabase: hasSupabase,
+    });
+  } catch (err) {
+    console.error("status error:", err);
+    return NextResponse.json(
+      { error: err instanceof Error ? err.message : "Unknown error" },
+      { status: 500 }
+    );
+  }
+}

package/dashboard/app/config/page.tsx

@@ -0,0 +1,77 @@
+/**
+ * Config page: edit .shimwrappercheckrc (raw text).
+ * Location: app/config/page.tsx
+ */
+"use client";
+
+import { useEffect, useState } from "react";
+export default function ConfigPage() {
+  const [raw, setRaw] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState<{ type: "success" | "error"; text: string } | null>(null);
+
+  useEffect(() => {
+    fetch("/api/config")
+      .then((r) => r.json())
+      .then((data) => {
+        setRaw(data.raw ?? "");
+        setLoading(false);
+      })
+      .catch(() => setLoading(false));
+  }, []);
+
+  const save = () => {
+    setSaving(true);
+    setMessage(null);
+    fetch("/api/config", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ raw }),
+    })
+      .then((r) => r.json())
+      .then((data) => {
+        setSaving(false);
+        if (data.error) setMessage({ type: "error", text: data.error });
+        else setMessage({ type: "success", text: "Config gespeichert." });
+      })
+      .catch(() => {
+        setSaving(false);
+        setMessage({ type: "error", text: "Speichern fehlgeschlagen." });
+      });
+  };
+
+  if (loading) {
+    return (
+      <div className="flex justify-center py-12">
+        <span className="loading loading-spinner loading-lg" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <h1 className="text-3xl font-bold">Config (.shimwrappercheckrc)</h1>
+      <p className="text-base-content/80">
+        Shell-Variablen und Kommentare. Wird beim nächsten Aufruf des Shims verwendet.
+      </p>
+      <textarea
+        className="textarea textarea-bordered w-full font-mono text-sm min-h-[320px]"
+        value={raw}
+        onChange={(e) => setRaw(e.target.value)}
+        placeholder="# shimwrappercheck config\nSHIM_ENFORCE_COMMANDS=\"functions,db,migration\"\n..."
+        spellCheck={false}
+      />
+      <div className="flex gap-4 items-center">
+        <button type="button" className="btn btn-primary" onClick={save} disabled={saving}>
+          {saving ? "Speichern…" : "Speichern"}
+        </button>
+        {message && (
+          <span className={message.type === "success" ? "text-success" : "text-error"}>
+            {message.text}
+          </span>
+        )}
+      </div>
+    </div>
+  );
+}

package/dashboard/app/globals.css

@@ -0,0 +1,20 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #f8fafc;
+  --foreground: #0f172a;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0f172a;
+    --foreground: #f8fafc;
+  }
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+}

package/dashboard/app/layout.tsx

@@ -0,0 +1,23 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import Nav from "@/components/Nav";
+
+export const metadata: Metadata = {
+  title: "shimwrappercheck Dashboard",
+  description: "Config & AGENTS.md für shimwrappercheck",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="de" data-theme="light">
+      <body className="min-h-screen bg-base-200">
+        <Nav />
+        <main className="container mx-auto px-4 py-6">{children}</main>
+      </body>
+    </html>
+  );
+}

package/dashboard/app/page.tsx

@@ -0,0 +1,122 @@
+/**
+ * Dashboard home: status, quick actions (run checks), links to Config and AGENTS.md.
+ * Location: app/page.tsx
+ */
+"use client";
+
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import StatusCard from "@/components/StatusCard";
+
+type Status = {
+  projectRoot?: string;
+  config?: boolean;
+  presetsFile?: boolean;
+  agentsMd?: boolean;
+  runChecksScript?: boolean;
+  prePushHusky?: boolean;
+  prePushGit?: boolean;
+  supabase?: boolean;
+};
+
+export default function DashboardPage() {
+  const [status, setStatus] = useState<Status | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [runResult, setRunResult] = useState<{ stdout: string; stderr: string; code: number } | null>(null);
+  const [running, setRunning] = useState(false);
+
+  useEffect(() => {
+    fetch("/api/status")
+      .then((r) => r.json())
+      .then((data) => {
+        setStatus(data);
+        setLoading(false);
+      })
+      .catch(() => setLoading(false));
+  }, []);
+
+  const runChecks = () => {
+    setRunning(true);
+    setRunResult(null);
+    fetch("/api/run-checks", { method: "POST" })
+      .then((r) => r.json())
+      .then((data) => {
+        setRunResult({ stdout: data.stdout ?? "", stderr: data.stderr ?? "", code: data.code ?? 1 });
+        setRunning(false);
+      })
+      .catch(() => {
+        setRunResult({ stdout: "", stderr: "Request failed", code: 1 });
+        setRunning(false);
+      });
+  };
+
+  if (loading || !status) {
+    return (
+      <div className="flex justify-center py-12">
+        <span className="loading loading-spinner loading-lg" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-8">
+      <h1 className="text-3xl font-bold">Dashboard</h1>
+      <p className="text-base-content/80">
+        Status und Aktionen für shimwrappercheck. AGENTS.md und Config können hier bearbeitet werden (auch für Agents).
+      </p>
+
+      <div>
+        <h2 className="text-xl font-semibold mb-4">Status</h2>
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+          <StatusCard label=".shimwrappercheckrc" ok={!!status.config} />
+          <StatusCard label="Presets (.shimwrappercheck-presets.json)" ok={!!status.presetsFile} detail="Presets & Check-Toggles (Einstellungen)" />
+          <StatusCard label="AGENTS.md" ok={!!status.agentsMd} detail="Agent-Anweisungen (über GUI bearbeitbar)" />
+          <StatusCard label="scripts/run-checks.sh" ok={!!status.runChecksScript} />
+          <StatusCard label="Husky pre-push" ok={!!status.prePushHusky} />
+          <StatusCard label="Git pre-push Hook" ok={!!status.prePushGit} />
+          <StatusCard label="Supabase" ok={!!status.supabase} />
+        </div>
+        {status.projectRoot && (
+          <p className="mt-2 text-sm text-base-content/70">Projekt-Root: {status.projectRoot}</p>
+        )}
+      </div>
+
+      <div>
+        <h2 className="text-xl font-semibold mb-4">Aktionen</h2>
+        <div className="flex flex-wrap gap-4">
+          <button
+            type="button"
+            className="btn btn-primary"
+            onClick={runChecks}
+            disabled={running || !status.runChecksScript}
+          >
+            {running ? "Läuft…" : "Nur Checks ausführen"}
+          </button>
+          <Link href="/settings" className="btn btn-outline">
+            Einstellungen (Presets & Checks)
+          </Link>
+          <Link href="/config" className="btn btn-outline">
+            Config (Raw)
+          </Link>
+          <Link href="/agents" className="btn btn-outline">
+            AGENTS.md bearbeiten
+          </Link>
+        </div>
+      </div>
+
+      {runResult && (
+        <div className="card bg-base-100 shadow-md">
+          <div className="card-body">
+            <h3 className="card-title">
+              Letzte Check-Ausgabe {runResult.code === 0 ? "(OK)" : "(Fehler)"}
+            </h3>
+            <pre className="bg-base-200 p-4 rounded-lg text-sm overflow-auto max-h-64 whitespace-pre-wrap">
+              {runResult.stdout || "(keine Ausgabe)"}
+              {runResult.stderr ? `\n${runResult.stderr}` : ""}
+            </pre>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}