basic version switcher

Author: gwleuverink

app/Livewire/VersionSwitcher.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Livewire;
+
+use Illuminate\View\ViewException;
+use Livewire\Component;
+
+class VersionSwitcher extends Component
+{
+    public string $platform;
+
+    public array $versions;
+
+    public int $version;
+
+    public string $page;
+
+    public function mount(array $versions)
+    {
+        throw_unless(
+            request()->route()->named('docs.show'),
+            ViewException::class,
+            "The version switcher can only be used on the 'docs.show' route."
+        );
+
+        $this->platform = request()->route()->parameter('platform');
+        $this->version = request()->route()->parameter('version');
+        $this->page = request()->route()->parameter('page');
+        $this->versions = $versions;
+    }
+
+    public function updatedVersion()
+    {
+        return redirect()->route('docs.show', [
+            'platform' => $this->platform,
+            'version' => $this->version,
+            'page' => $this->page,
+        ]);
+    }
+}

resources/views/docs/index.blade.php

@@ -4,6 +4,14 @@
     </x-slot>
 
     <x-slot name="sidebarRight">
+        {{-- Version switcher --}}
+        @if($platform === 'desktop')
+            <livewire:version-switcher :versions="[
+                1 => 'v1.x',
+                2 => 'v2.x'
+            ]" />
+        @endif
+
         <x-docs.toc-and-sponsors :tableOfContents="$tableOfContents" />
     </x-slot>
 
@@ -15,6 +23,15 @@
 
     {{-- Table of contents --}}
     <div class="xl:hidden pt-5">
+
+        {{-- Version switcher --}}
+        @if($platform === 'desktop')
+            <livewire:version-switcher :versions="[
+                1 => 'v1.x',
+                2 => 'v2.x'
+            ]" />
+        @endif
+
         {{-- Copy as Markdown Button --}}
         <x-docs.copy-markdown-button class="mt-4" />
 

resources/views/livewire/version-switcher.blade.php

@@ -0,0 +1,11 @@
+<form wire:submit="switch">
+
+    <select wire:model.live="version" name="version">
+
+        @foreach($versions as $number => $label)
+            <option value="{{ $number }}">{{ $label }}</option>
+        @endforeach
+
+    </select>
+
+</form>