feat: Client UI translate to Filament (from React)

app/Enums/EditorLanguages.php

@@ -0,0 +1,98 @@
+<?php
+
+namespace App\Enums;
+
+use Filament\Support\Contracts\HasLabel;
+
+enum EditorLanguages: string implements HasLabel
+{
+    case plaintext = 'plaintext';
+    case abap = 'abap';
+    case apex = 'apex';
+    case azcali = 'azcali';
+    case bat = 'bat';
+    case bicep = 'bicep';
+    case cameligo = 'cameligo';
+    case coljure = 'coljure';
+    case coffeescript = 'coffeescript';
+    case c = 'c';
+    case cpp = 'cpp';
+    case csharp = 'csharp';
+    case csp = 'csp';
+    case css = 'css';
+    case cypher = 'cypher';
+    case dart = 'dart';
+    case dockerfile = 'dockerfile';
+    case ecl = 'ecl';
+    case elixir = 'elixir';
+    case flow9 = 'flow9';
+    case fsharp = 'fsharp';
+    case go = 'go';
+    case graphql = 'graphql';
+    case handlebars = 'handlebars';
+    case hcl = 'hcl';
+    case html = 'html';
+    case ini = 'ini';
+    case java = 'java';
+    case javascript = 'javascript';
+    case julia = 'julia';
+    case kotlin = 'kotlin';
+    case less = 'less';
+    case lexon = 'lexon';
+    case lua = 'lua';
+    case liquid = 'liquid';
+    case m3 = 'm3';
+    case markdown = 'markdown';
+    case mdx = 'mdx';
+    case mips = 'mips';
+    case msdax = 'msdax';
+    case mysql = 'mysql';
+    case objectivec = 'objective-c';
+    case pascal = 'pascal';
+    case pascaligo = 'pascaligo';
+    case perl = 'perl';
+    case pgsql = 'pgsql';
+    case php = 'php';
+    case pla = 'pla';
+    case postiats = 'postiats';
+    case powerquery = 'powerquery';
+    case powershell = 'powershell';
+    case proto = 'proto';
+    case pug = 'pug';
+    case python = 'python';
+    case qsharp = 'qsharp';
+    case r = 'r';
+    case razor = 'razor';
+    case redis = 'redis';
+    case redshift = 'redshift';
+    case restructuredtext = 'restructuredtext';
+    case ruby = 'ruby';
+    case rust = 'rust';
+    case sb = 'sb';
+    case scala = 'scala';
+    case scheme = 'scheme';
+    case scss = 'scss';
+    case shell = 'shell';
+    case sol = 'sol';
+    case aes = 'aes';
+    case sparql = 'sparql';
+    case sql = 'sql';
+    case st = 'st';
+    case swift = 'swift';
+    case systemverilog = 'systemverilog';
+    case verilog = 'verilog';
+    case tcl = 'tcl';
+    case twig = 'twig';
+    case typescript = 'typescript';
+    case typespec = 'typespec';
+    case vb = 'vb';
+    case wgsl = 'wgsl';
+    case xml = 'xml';
+    case yaml = 'yaml';
+    case json = 'json';
+
+    public function getLabel(): ?string
+    {
+        return $this->name;
+    }
+}

app/Filament/App/Pages/Console.php

@@ -0,0 +1,74 @@
+<?php
+
+namespace App\Filament\App\Pages;
+
+use Filament\Actions\Action;
+use Filament\Facades\Filament;
+use Filament\Pages\Page;
+
+class Console extends Page
+{
+    protected static ?string $navigationIcon = 'tabler-brand-tabler';
+    protected static ?int $navigationSort = 1;
+    protected static string $view = 'filament.app.pages.console';
+
+    public array $history = [];
+    public int $historyIndex = 0;
+    public string $input = '';
+
+    protected function getViewData(): array
+    {
+        return [
+            'server' => Filament::getTenant(),
+            'user' => auth()->user(),
+        ];
+    }
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Action::make('start')
+                ->color('primary')
+                ->action(fn () => $this->dispatch('setServerState', state: 'start')),
+
+            Action::make('restart')
+                ->color('gray')
+                ->action(fn () => $this->dispatch('setServerState', state: 'restart')),
+
+            Action::make('stop')
+                ->color('danger')
+                ->action(fn () => $this->dispatch('setServerState', state: 'stop')),
+        ];
+    }
+
+    public function up()
+    {
+        $this->historyIndex = min($this->historyIndex + 1, count($this->history) - 1);
+
+        //        e.currentTarget.value = history![newIndex] || '';
+        //
+        //        // By default up arrow will also bring the cursor to the start of the line, so we'll preventDefault to keep it at the end.
+        //        e.preventDefault();
+    }
+
+    public function down()
+    {
+        $this->historyIndex = max($this->historyIndex - 1, -1);
+
+        // e.currentTarget.value = history![newIndex] || '';
+    }
+
+    public function enter()
+    {
+        $this->dispatch('sendServerCommand', command: $this->input);
+
+        $this->input = '';
+
+        //        setHistory((prevHistory) => [command, ...prevHistory!].slice(0, 32));
+        //            setHistoryIndex(-1);
+        //
+        //            instance && instance.send('send command', command);
+        //            e.currentTarget.value = '';
+    }
+
+}

app/Filament/App/Pages/Dashboard.php

@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Filament\App\Pages;
+
+use Filament\Facades\Filament;
+use Filament\Pages\Page;
+use Illuminate\Contracts\Support\Htmlable;
+
+class Dashboard extends Page
+{
+    protected static string $routePath = '/';
+
+    protected static ?int $navigationSort = 0;
+
+    protected static string $view = 'filament-panels::pages.dashboard';
+
+    public static function getNavigationLabel(): string
+    {
+        return 'Dashboard';
+    }
+
+    public static function getNavigationIcon(): string|Htmlable|null
+    {
+        return 'tabler-home';
+    }
+
+    public static function getRoutePath(): string
+    {
+        return static::$routePath;
+    }
+
+    public function getWidgets(): array
+    {
+        return Filament::getWidgets();
+    }
+
+    public function getVisibleWidgets(): array
+    {
+        return $this->filterVisibleWidgets($this->getWidgets());
+    }
+
+    public function getColumns(): int|string|array
+    {
+        return 2;
+    }
+
+    public function getTitle(): string|Htmlable
+    {
+        return 'Welcome, '. auth()->user()->username;
+    }
+}