Merge pull request #72 from swinn-io/feature/frontend-rebuild

Frontend rebuild: Vite 6 + Vue 3 + Tailwind 4 (atomic design)

Author: ikidnapmyself

.github/workflows/ci.yml

@@ -46,6 +46,18 @@ jobs:
       - name: Install Dependencies
         run: composer install -q --no-ansi --no-interaction --no-scripts --no-progress --prefer-dist
 
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: npm
+
+      - name: Install Node Dependencies
+        run: npm ci
+
+      - name: Build Frontend
+        run: npm run build
+
       - name: Generate App Key
         run: php artisan key:generate
 

.gitignore

@@ -1,7 +1,11 @@
+.DS_Store
 /.idea
 /.worktrees
 /node_modules
+/public/build
+/public/css
 /public/hot
+/public/js
 /public/storage
 /storage/*.key
 /vendor

app/Http/Controllers/FrontEnd/DashboardController.php

@@ -20,7 +20,17 @@ public function index(MessageServiceInterface $messages)
         $user = Auth::user();
         $threads = $messages->threads($user);
 
-        return view('dashboard', compact('threads'));
+        return view('dashboard', [
+            'threads' => $threads->map(fn ($thread) => [
+                'id' => $thread->id,
+                'subject' => $thread->subject,
+                'unread_count' => 0,
+                'participants' => $thread->participants
+                    ->map(fn ($participant) => ['user' => ['name' => $participant->user->name]])
+                    ->values()
+                    ->all(),
+            ])->values()->all(),
+        ]);
     }
 
     /**

app/Http/Controllers/FrontEnd/ThreadController.php

@@ -63,7 +63,18 @@ public function show(string $thread)
     {
         $thread = $this->service->thread($thread);
 
-        return view('thread', compact('thread'));
+        return view('thread', [
+            'thread' => [
+                'id' => $thread->id,
+                'subject' => $thread->subject,
+                'messages' => $thread->messages->map(fn ($message) => [
+                    'id' => $message->id,
+                    'body' => $message->body,
+                    'created_at' => $message->created_at->diffForHumans(),
+                    'user' => ['name' => $message->user->name],
+                ])->values()->all(),
+            ],
+        ]);
     }
 
     /**