create-nara 1.0.12 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nara",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "CLI to scaffold NARA projects",
   "type": "module",
   "bin": {

package/templates/features/auth/routes/auth.ts

@@ -12,12 +12,13 @@ export function registerAuthRoutes(app: NaraApp) {
   app.post('/api/auth/register', async (req, res) => {
     await auth.register(req, res);
   });
+  // Logout is public - just clears the cookie
+  app.post('/api/auth/logout', async (req, res) => {
+    await auth.logout(req, res);
+  });
 
-  // Protected routes (middleware cast needed due to hyper-express typing)
+  // Protected API routes (Bearer token)
   app.get('/api/auth/me', authMiddleware as any, async (req, res) => {
     await auth.me(req, res);
   });
-  app.post('/api/auth/logout', authMiddleware as any, async (req, res) => {
-    await auth.logout(req, res);
-  });
 }

package/templates/svelte/resources/js/components/Header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { fly, fade } from 'svelte/transition';
   import { page, router, inertia } from '@inertiajs/svelte';
-  import { clickOutside } from '../components/helper';
+  import { clickOutside, Toast } from '../components/helper';
   import DarkModeToggle from '../components/DarkModeToggle.svelte';
 
   interface User {
@@ -22,20 +22,36 @@
   let scrollY = 0;
   let isMenuOpen: boolean = false;
 
-  export let group: string; 
+  export let group: string;
 
   $: scrolled = scrollY > 50;
 
   $: menuLinks = [
-    { href: '/dashboard', label: 'Overview', group: 'dashboard', show: true },  
+    { href: '/dashboard', label: 'Overview', group: 'dashboard', show: true },
     { href: '/users', label: 'Users', group: 'users', show: !!(user?.is_admin) },
     { href: '/profile', label: 'Profile', group: 'profile', show: !!user },
   ] as MenuLink[];
-  
+
   $: visibleMenuLinks = menuLinks.filter((item) => item.show);
 
-  function handleLogout(): void {
-    router.post('/logout');
+  async function handleLogout(): Promise<void> {
+    try {
+      const response = await fetch('/api/auth/logout', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' }
+      });
+      const result = await response.json();
+
+      if (result.success) {
+        Toast(result.message || 'Logged out successfully', 'success');
+        router.visit(result.data?.redirect || '/login');
+      } else {
+        Toast(result.message || 'Logout failed', 'error');
+      }
+    } catch (err: unknown) {
+      const errorMessage = err instanceof Error ? err.message : 'Network error';
+      Toast(errorMessage, 'error');
+    }
   }
 </script>