reverse proxy basics (#609)

app/Actions/Site/CreateSite.php

@@ -13,6 +13,7 @@
 use App\Notifications\SiteInstallationSucceed;
 use App\ValidationRules\DomainRule;
 use Exception;
+use Illuminate\Database\Query\Builder;
 use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Validator;
 use Illuminate\Validation\Rule;
@@ -38,6 +39,7 @@ public function create(Server $server, array $input): Site
                 'type' => $input['type'],
                 'domain' => $input['domain'],
                 'aliases' => $input['aliases'] ?? [],
+                'port' => $input['port'] ?? null,
                 'user' => $user,
                 'path' => '/home/'.$user.'/'.$input['domain'],
                 'status' => SiteStatus::INSTALLING,
@@ -132,6 +134,14 @@ public static function rules(Server $server, array $input): array
                 Rule::unique('sites', 'user')->where('server_id', $server->id),
                 Rule::notIn($server->getSshUsers()),
             ],
+            'port' => [
+                'nullable',
+                'integer',
+                'min:1',
+                'max:65535',
+                Rule::unique('sites', 'port')
+                    ->where(fn (Builder $query) => $query->where('server_id', $server->id)),
+            ],
         ];
 
         return array_merge($rules, self::typeRules($server, $input));

app/Http/Controllers/SearchController.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Spatie\RouteAttributes\Attributes\Get;
+use Spatie\RouteAttributes\Attributes\Middleware;
+use Spatie\RouteAttributes\Attributes\Prefix;
+
+#[Prefix('search')]
+#[Middleware(['auth'])]
+class SearchController extends Controller
+{
+    #[Get('/', name: 'search')]
+    public function search(Request $request): JsonResponse
+    {
+        $this->validate($request, [
+            'query' => 'required|string|min:3',
+        ]);
+
+        $query = $request->input('query');
+
+        $results = [
+            'data' => [], // Replace with actual search results
+        ];
+
+        return response()->json($results);
+    }
+}

resources/js/components/app-command.tsx

@@ -2,6 +2,7 @@ import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, C
 import { useEffect, useState } from 'react';
 import { Button } from '@/components/ui/button';
 import { CommandIcon, SearchIcon } from 'lucide-react';
+import CreateServer from '@/pages/servers/components/create-server';
 
 export default function AppCommand() {
   const [open, setOpen] = useState(false);
@@ -33,7 +34,9 @@ export default function AppCommand() {
         <CommandList>
           <CommandEmpty>No results found.</CommandEmpty>
           <CommandGroup heading="Suggestions">
+            <CreateServer>
               <CommandItem>Create server</CommandItem>
+            </CreateServer>
             <CommandItem>Create project</CommandItem>
           </CommandGroup>
         </CommandList>

resources/js/components/ui/sheet.tsx

@@ -47,7 +47,7 @@ function SheetContent({
       <SheetPrimitive.Content
         data-slot="sheet-content"
         className={cn(
-          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col overflow-y-auto shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
           side === 'right' &&
             'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
           side === 'left' &&

resources/js/pages/sites/components/create-site.tsx

@@ -25,6 +25,7 @@ type CreateSiteForm = {
   php_version: string;
   source_control: string;
   user: string;
+  port: string;
 };
 
 export default function CreateSite({ server, children }: { server?: Server; children: ReactNode }) {
@@ -39,6 +40,7 @@ export default function CreateSite({ server, children }: { server?: Server; chil
     php_version: '',
     source_control: '',
     user: '',
+    port: '',
   });
 
   const submit: FormEventHandler = (e) => {
@@ -154,6 +156,15 @@ export default function CreateSite({ server, children }: { server?: Server; chil
                   <InputError message={form.errors.aliases} />
                 </FormField>
 
+                <FormField>
+                  <Label htmlFor="port">Reverse proxy port</Label>
+                  <Input id="port" type="text" value={form.data.port} onChange={(e) => form.setData('port', e.target.value)} placeholder="3000" />
+                  <p className="text-muted-foreground text-xs">
+                    This port will be used for reverse proxying the site. It should be unique across all sites on the server.
+                  </p>
+                  <InputError message={form.errors.port} />
+                </FormField>
+
                 {page.props.configs.site_types_custom_fields[form.data.type].map((config) => getFormField(config))}
 
                 <FormField>

resources/views/ssh/services/webserver/caddy/vhost.blade.php

@@ -8,6 +8,9 @@
     import access_log {{ $site->domain }}
     import compression
     import security_headers
+    @if ($site->port)
+        reverse_proxy 127.0.0.1:{{ $site->port }}
+    @else
         @if ($site->type()->language() === 'php')
             root * {{ $site->getWebDirectoryPath() }}
             @php
@@ -20,6 +23,7 @@
             php_fastcgi {{ $phpSocket }}
             file_server
         @endif
+    @endif
     @if ($site->type === \App\Enums\SiteType::LOAD_BALANCER)
         reverse_proxy {
             @if ($site->loadBalancerServers()->count() > 0)

resources/views/ssh/services/webserver/nginx/vhost.blade.php

@@ -51,6 +51,15 @@
 
     charset utf-8;
 
+    @if ($site->port)
+        location / {
+            proxy_pass http://127.0.0.1:{{ $site->port }};
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
+    @else
         @if ($site->type()->language() === 'php')
             @php
                 $phpSocket = "unix:/var/run/php/php{$site->php_version}-fpm.sock";
@@ -68,6 +77,7 @@
                 fastcgi_hide_header X-Powered-By;
             }
         @endif
+    @endif
 
     @if ($site->type === \App\Enums\SiteType::LOAD_BALANCER)
         location / {