add lang flag and update middleware with livewire class

Author: cybersoldattech

.env.example

@@ -3,6 +3,7 @@ APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
 APP_URL=http://laravel.cm.test
+APP_LOCALE=fr
 FILAMENT_PATH=cp
 
 LOG_CHANNEL=stack

app/Http/Middleware/LocaleLangMiddleware.php

@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Psr\Container\ContainerExceptionInterface;
+use Psr\Container\NotFoundExceptionInterface;
+use Symfony\Component\HttpFoundation\Response;
+
+final class LocaleMiddleware
+{
+    /**
+     * @throws ContainerExceptionInterface
+     * @throws NotFoundExceptionInterface
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        $user = Auth::user();
+        $lang = config('lcm.lang.app_local');
+        $supportLang = config('lcm.lang.support_local');
+        if (! Auth::check()) {
+            if (! is_null($request->server('HTTP_ACCEPT_LANGUAGE'))) {
+                $navigatorLang = substr($request->server('HTTP_ACCEPT_LANGUAGE'), 0, 2);
+                if (in_array($navigatorLang, $supportLang)) {
+                    $lang = $navigatorLang;
+                }
+            }
+        }
+        if (! is_null($user)) {
+            if (isset($user->settings['default_lang']) && $user->settings['default_lang'] != $lang) {
+                $lang = $user->settings['default_lang'];
+            }
+        }
+        app()->setLocale($lang);
+
+        return $next($request);
+    }
+}

app/Http/Middleware/LocaleMiddleware.php

@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Livewire\Components;
+
+use Illuminate\Contracts\View\View;
+use Illuminate\Routing\Redirector;
+use Illuminate\Support\Facades\Auth;
+use Livewire\Component;
+use Symfony\Component\HttpFoundation\RedirectResponse;
+
+final class Locale extends Component
+{
+    public string $selectedLang;
+
+    public function mount(): void
+    {
+        $this->selectedLang = app()->getLocale();
+    }
+
+    public function changeLang(string $lang): RedirectResponse|Redirector
+    {
+        $user = Auth::user();
+        if ($user) {
+            $settings = $user->settings;
+            $settings['default_lang'] = $lang;
+            $user->settings = $settings;
+            $user->save();
+        }
+        app()->setLocale($lang);
+        return redirect()->to(url()->current());
+    }
+
+    public function render(): View
+    {
+        return view('livewire.components.locale');
+    }
+}

app/Livewire/Components/Locale.php

@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-use App\Http\Middleware\LocaleLangMiddleware;
+use App\Http\Middleware\LocaleMiddleware;
 use Illuminate\Foundation\Application;
 use Illuminate\Foundation\Configuration\Exceptions;
 use Illuminate\Foundation\Configuration\Middleware;
@@ -18,8 +18,10 @@
             'role' => \Spatie\Permission\Middleware\RoleMiddleware::class,
             'checkIfBanned' => \App\Http\Middleware\CheckIfBanned::class,
         ]);
-        $middleware->append(\Illuminate\Session\Middleware\StartSession::class);
-        $middleware->append(LocaleLangMiddleware::class);
+        $middleware->appendToGroup('web', [
+            LocaleMiddleware::class,
+            \Illuminate\Session\Middleware\StartSession::class,
+        ]);
     })
     ->withExceptions(function (Exceptions $exceptions): void {
         //

bootstrap/app.php

@@ -26,6 +26,11 @@
         'web_hook' => env('SLACK_WEBHOOK_URL', ''),
     ],
 
+    'lang' => [
+        'app_local' => env('APP_LOCALE', 'fr'),
+        'support_local' => ['fr', 'en'],
+    ],
+
     'spa_url' => env('FRONTEND_APP_URL', 'http://localhost:4200'),
 
     'notch-pay-public-token' => env('NOTCHPAY_PUBLIC_KEY', null),

config/lcm.php

@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    private array $tables = ['articles', 'discussions', 'threads'];
+
+    public function up(): void
+    {
+        Schema::table('articles', function (Blueprint $table): void {
+            $table->string('locale')->default('fr')->after('slug');
+        });
+
+        Schema::table('discussions', function (Blueprint $table): void {
+            $table->string('locale')->default('fr')->after('body');
+        });
+
+        Schema::table('threads', function (Blueprint $table): void {
+            $table->string('locale')->default('fr')->after('body');
+        });
+    }
+
+    public function down(): void
+    {
+        foreach ($this->tables as $tab) {
+            Schema::table($tab, function (Blueprint $table): void {
+                $table->dropColumn('locale');
+            });
+        }
+    }
+};

database/migrations/2024_12_03_004238_add_locale_column_to_tables.php

@@ -99,6 +99,7 @@ class="ml-2 size-6 rounded-full"
                         <x-icon.youtube class="size-6" aria-hidden="true" />
                     </x-link>
                 </div>
+                <livewire:components.locale></livewire:components.locale>
             </div>
         </x-container>
     </div>

database/migrations/2024_12_03_004238_add_locale_to_articles_discussions_threads_tables.php

@@ -0,0 +1,22 @@
+<div class="flex space-x-2 font-heading cursor-pointer font-bold text-primary-700" >
+    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-cm" viewBox="0 0 640 480" class="w-6 h-6">
+        <path fill="#007a5e" d="M0 0h213.3v480H0z"/>
+        <path fill="#ce1126" d="M213.3 0h213.4v480H213.3z"/>
+        <path fill="#fcd116" d="M426.7 0H640v480H426.7z"/>
+        <g fill="#fcd116" transform="translate(320 240)scale(7.1111)">
+            <g id="cm-b">
+                <path id="cm-a" d="M0-8-2.5-.4 1.3.9z"/>
+                <use xlink:href="#cm-a" width="100%" height="100%" transform="scale(-1 1)"/>
+            </g>
+            <use xlink:href="#cm-b" width="100%" height="100%" transform="rotate(72)"/>
+            <use xlink:href="#cm-b" width="100%" height="100%" transform="rotate(144)"/>
+            <use xlink:href="#cm-b" width="100%" height="100%" transform="rotate(-144)"/>
+            <use xlink:href="#cm-b" width="100%" height="100%" transform="rotate(-72)"/>
+        </g>
+    </svg>
+    @if($selectedLang == 'fr')
+        <button wire:click="changeLang('en')">EN</button>
+    @else
+        <button wire:click="changeLang('fr')">FR</button>
+    @endif
+</div>