Change auth to per-page

Author: BenjaminDerProgrammierer

workshop-ui/next.config.ts

@@ -3,19 +3,6 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   output: 'standalone',
   /* config options here */
-  webpack: (
-    config,
-    { buildId, dev, isServer, defaultLoaders, nextRuntime, webpack }
-  ) => {
-    config.plugins.push(
-      new webpack.IgnorePlugin({
-      resourceRegExp: /middleware\.ts|instrumentation\.ts/,
-      })
-    );
-
-    // Important: return the modified config
-    return config
-  },
 };
 
 export default nextConfig;

workshop-ui/src/app/chat/[exercise]/page.tsx

@@ -98,10 +98,15 @@ export default function Home() {
     const fetchExerciseMetadata = async () => {
       try {
         const response = await fetch(`/api/exercises/${exercise}`);
+        if (response.status === 401) {
+          // Wenn 401 Unauthorized, weiterleiten zur Login-Seite
+          router.push('/login?from=/');
+          throw new Error('Nicht autorisiert');
+        }
         if (response.ok) {
           const metadata = await response.json();
           setExerciseTitle(metadata.title);
-          
+
           // Add welcome message as first assistant message if it exists
           if (metadata.welcome_message && !welcomeMessageLoaded) {
             const welcomeMessage: MessageType = {
@@ -286,7 +291,7 @@ export default function Home() {
         </div>
       </div>
 
-            {/* System Prompt Modal */}
+      {/* System Prompt Modal */}
       <Modal isOpen={isSystemPromptModalOpen} onClose={() => setIsSystemPromptModalOpen(false)} title="System Prompt">
         <SystemPrompt exerciseId={exercise} type="system-prompt" />
       </Modal>

workshop-ui/src/app/page.tsx

@@ -3,6 +3,9 @@ import styles from './page.module.css';
 import { getExercises } from '@/lib/exercise-file-manager';
 import { trace } from '@opentelemetry/api';
 import LogoutButton from '@/components/LogoutButton';
+import { getAppSession, validateAppSession } from '@/lib/session';
+import { redirect } from 'next/navigation';
+import { headers } from 'next/headers';
 
 export default async function Home() {
   const exercisesResult = await getExercises();
@@ -38,6 +41,14 @@ export default async function Home() {
         return '';
     }
   }
+  
+  // redirect to login if not authenticated
+  const isAuthenticated = await validateAppSession(await getAppSession());
+  if (!isAuthenticated) {
+    const headersList = await headers();
+    const pathname = headersList.get('x-pathname') || '/';
+    redirect('/login?from=' + encodeURIComponent(pathname));
+  }
 
   return (
     <>

workshop-ui/src/app/workshops/[id]/page.tsx

@@ -29,6 +29,11 @@ export default function EditWorkshopPage() {
     setLoading(true);
     fetch(`/api/workshops/${id}`)
       .then(async res => {
+        if (res.status === 401) {
+          // Wenn 401 Unauthorized, weiterleiten zur Login-Seite
+          router.push('/login?from=/');
+          throw new Error('Nicht autorisiert');
+        }
         if (!res.ok) throw new Error('Workshop nicht gefunden');
         return res.json();
       })

workshop-ui/src/app/workshops/page.tsx

@@ -5,6 +5,7 @@ import styles from './page.module.css';
 import WorkshopForm from '@/components/WorkshopForm';
 import type { WorkshopInput } from '@/lib/workshop-schema';
 import { Clipboard, ClipboardCheck, Pencil } from 'lucide-react';
+import { th } from 'zod/v4/locales';
 interface Workshop {
   id: number;
   title: string;
@@ -46,6 +47,11 @@ export default function WorkshopsPage() {
     setLoading(true);
     fetch('/api/workshops')
       .then(async res => {
+        if (res.status === 401) {
+          // Wenn 401 Unauthorized, weiterleiten zur Login-Seite
+          router.push('/login?from=/');
+          throw new Error('Nicht autorisiert');
+        }
         if (!res.ok) throw new Error('Fehler beim Laden der Workshops');
         return res.json();
       })