shimwrappercheck 0.2.0 → 0.4.0

package/dashboard/app/[locale]/error.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+/**
+ * Catches errors in [locale] routes and shows a fallback instead of 500.
+ * Location: app/[locale]/error.tsx
+ */
+import { useEffect } from "react";
+
+export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useEffect(() => {
+    console.error("Route error:", error);
+  }, [error]);
+
+  return (
+    <div className="min-h-[40vh] flex flex-col items-center justify-center p-8 text-white bg-[#0f0f0f]">
+      <h1 className="text-xl font-semibold mb-2">Fehler</h1>
+      <p className="text-neutral-400 text-sm mb-4 max-w-md text-center">
+        {error.message || "Ein unerwarteter Fehler ist aufgetreten."}
+      </p>
+      <button type="button" onClick={reset} className="px-4 py-2 rounded bg-white/20 hover:bg-white/30 text-sm">
+        Erneut versuchen
+      </button>
+    </div>
+  );
+}

package/dashboard/app/[locale]/layout.tsx

@@ -0,0 +1,42 @@
+/**
+ * Locale layout: validates locale, loads messages, provides NextIntlClientProvider.
+ * Location: app/[locale]/layout.tsx
+ */
+import { NextIntlClientProvider } from "next-intl";
+import { getMessages } from "next-intl/server";
+import { hasLocale } from "next-intl";
+import { notFound } from "next/navigation";
+import { routing } from "@/i18n/routing";
+import Header from "@/components/Header";
+import LayoutContent from "@/components/LayoutContent";
+import SetDocumentLang from "@/components/SetDocumentLang";
+
+type Props = {
+  children: React.ReactNode;
+  params: Promise<{ locale: string }>;
+};
+
+export default async function LocaleLayout({ children, params }: Props) {
+  const { locale } = await params;
+  if (!hasLocale(routing.locales, locale)) {
+    notFound();
+  }
+  let messages: Record<string, unknown> | undefined;
+  try {
+    messages = await getMessages();
+  } catch (e) {
+    console.error("getMessages failed:", e);
+    messages = {};
+  }
+  const now = new Date();
+
+  return (
+    <NextIntlClientProvider messages={messages ?? {}} locale={locale} timeZone="Europe/Berlin" now={now}>
+      <SetDocumentLang />
+      <Header />
+      <div className="flex flex-1 min-h-0 flex-col w-full bg-[#0f0f0f]">
+        <LayoutContent>{children}</LayoutContent>
+      </div>
+    </NextIntlClientProvider>
+  );
+}

package/dashboard/app/[locale]/not-found.tsx

@@ -0,0 +1,27 @@
+/**
+ * 404 page for [locale]: uses translations and locale-aware links.
+ * Location: app/[locale]/not-found.tsx
+ */
+"use client";
+
+import { useTranslations } from "next-intl";
+import { Link } from "@/i18n/navigation";
+
+export default function NotFound() {
+  const t = useTranslations("notFound");
+  const tCommon = useTranslations("common");
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[50vh] gap-6 text-white">
+      <h1 className="text-2xl font-semibold">{t("title")}</h1>
+      <p className="text-white/70">{t("description")}</p>
+      <div className="flex gap-4">
+        <Link href="/" className="btn btn-primary btn-sm">
+          {tCommon("myshim")}
+        </Link>
+        <Link href="/settings" className="btn btn-outline btn-sm border-white/50 text-white">
+          {tCommon("settings")}
+        </Link>
+      </div>
+    </div>
+  );
+}

package/dashboard/app/[locale]/page.tsx

@@ -0,0 +1,53 @@
+/**
+ * Dashboard home: Check Library.
+ * Status und Aktionen sind unter Einstellungen → Information.
+ * Location: app/page.tsx
+ */
+"use client";
+
+import { useEffect, useState } from "react";
+import type { SettingsData } from "@/lib/presets";
+import AvailableChecks from "@/components/AvailableChecks";
+
+export default function DashboardPage() {
+  const [settings, setSettings] = useState<SettingsData | null>(null);
+
+  const loadData = () => {
+    fetch("/api/settings")
+      .then((r) => r.json())
+      .then((data) => setSettings(data))
+      .catch(() => setSettings(null));
+  };
+
+  useEffect(() => {
+    loadData();
+    const handler = () => loadData();
+    window.addEventListener("settings-updated", handler);
+    return () => window.removeEventListener("settings-updated", handler);
+  }, []);
+
+  const saveSettings = (next: SettingsData) => {
+    setSettings(next);
+    fetch("/api/settings", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(next),
+    }).then(() => {
+      if (typeof window !== "undefined") window.dispatchEvent(new Event("settings-updated"));
+    });
+  };
+
+  const handleActivate = saveSettings;
+  const handleDeactivate = saveSettings;
+
+  return (
+    <div className="space-y-8 text-white">
+      <AvailableChecks
+        settings={settings}
+        onActivate={handleActivate}
+        onDeactivate={handleDeactivate}
+        onSave={saveSettings}
+      />
+    </div>
+  );
+}