Skip to content

Commit 15b16dd

Browse files
butschsterbutschster
committed
Added ability to show test screen with buggregator
1 parent be15280 commit 15b16dd

File tree

2 files changed

+58
-46
lines changed

2 files changed

+58
-46
lines changed

‎config/app.php‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@
5353
*/
5454

5555
'url' => env('APP_URL', 'http://localhost'),
56+
'buggregator_url' => env('BUGGREGATOR_URL'),
5657

5758
'asset_url' => env('ASSET_URL', null),
5859

‎resources/views/welcome.blade.php‎

Lines changed: 57 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -15,58 +15,71 @@
1515
<title>Buggregator test console</title>
1616
</head>
1717
<body>
18-
<div id="app" class="max-w-screen-lg xl:max-w-screen-xl mx-auto py-10 px-5 md:px-8 lg:px-16">
19-
<img src="{{ asset('images/logo.png') }}" alt="">
20-
<h1 class="text-2xl sm:text-3xl lg:text-4xl leading-none font-extrabold tracking-tight text-blue-600 mt-6 mb-6">
21-
Buggregator is a beautiful, lightweight debug server build on Laravel that helps you debug your app.
22-
</h1>
18+
@if(config('app.buggregator_url'))
19+
<div class="flex">
20+
<div class="w-1/3 border-r h-screen overflow-y-scroll">
21+
@endif
22+
<div id="app" class="max-w-screen-lg xl:max-w-screen-xl mx-auto py-10 px-5 md:px-8 lg:px-16">
23+
<img src="{{ asset('images/logo.png') }}" alt="">
24+
<h1 class="text-2xl sm:text-3xl lg:text-4xl leading-none font-extrabold tracking-tight text-blue-600 mt-6 mb-6">
25+
Buggregator is a beautiful, lightweight debug server build on Laravel that helps you debug your app.
26+
</h1>
2327

24-
<div class="text-sm mb-20">
25-
<div class="mb-2 text-center w-full bg-gray-50 text-gray-400 font-semibold hover:text-gray-900 font-mono px-3 py-2 border border-gray-200 rounded-xl transition-colors duration-200">
26-
docker run --pull always -p 23517:8000 -p 1025:1025 -p 9912:9912 -p 9913:9913 butschster/buggregator:latest
27-
</div>
28-
<a class="flex border border-gray-200 w-28 justify-center items-center gap-x-2 bg-gray-50 hover:bg-gray-700 text-gray-700 hover:text-white leading-6 font-semibold py-3 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200" href="https://github.com/buggregator/app">
29-
<svg class="w-6 h-6 fill-current" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
30-
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/>
31-
</svg>
32-
<span class="flex-none">Github</span>
33-
</a>
34-
</div>
28+
<div class="text-sm mb-20">
29+
<div class="mb-2 text-center w-full bg-gray-50 text-gray-400 font-semibold hover:text-gray-900 font-mono px-3 py-2 border border-gray-200 rounded-xl transition-colors duration-200">
30+
docker run --pull always -p 23517:8000 -p 1025:1025 -p 9912:9912 -p 9913:9913 butschster/buggregator:latest
31+
</div>
32+
<a class="flex border border-gray-200 w-28 justify-center items-center gap-x-2 bg-gray-50 hover:bg-gray-700 text-gray-700 hover:text-white leading-6 font-semibold py-3 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200" href="https://github.com/buggregator/app">
33+
<svg class="w-6 h-6 fill-current" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
34+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/>
35+
</svg>
36+
<span class="flex-none">Github</span>
37+
</a>
38+
</div>
3539

36-
<div class="px-4 sm:px-6 md:px-8 mb-20">
37-
<h2 class="text-3xl sm:text-5xl lg:text-6xl leading-none font-extrabold text-blue-600 tracking-tight mb-8 text-center">Buggregator is a standalone.</h2>
38-
<p class="text-center max-w-4xl text-lg sm:text-2xl text-gray-700 font-bold space-y-6 max-w-4xl mx-auto mb-6">
39-
It runs without installation on multiple platforms via docker and supports symfony var-dumper, monolog, sentry, smtp and spatie ray package.
40-
</p>
41-
<div class="flex flex-col items-center">
42-
<div class="p-1 border-2 border-blue-400 rounded-full">
43-
<img src="https://avatars.githubusercontent.com/u/773481?v=4" alt="" class="w-16 h-16 rounded-full bg-blue-200" loading="lazy">
40+
<div class="px-4 sm:px-6 md:px-8 mb-20">
41+
<h2 class="text-3xl sm:text-5xl lg:text-6xl leading-none font-extrabold text-blue-600 tracking-tight mb-8 text-center">Buggregator is a standalone.</h2>
42+
<p class="text-center max-w-4xl text-lg sm:text-2xl text-gray-700 font-bold space-y-6 max-w-4xl mx-auto mb-6">
43+
It runs without installation on multiple platforms via docker and supports symfony var-dumper, monolog, sentry, smtp and spatie ray package.
44+
</p>
45+
<div class="flex flex-col items-center">
46+
<div class="p-1 border-2 border-blue-400 rounded-full">
47+
<img src="https://avatars.githubusercontent.com/u/773481?v=4" alt="" class="w-16 h-16 rounded-full bg-blue-200" loading="lazy">
48+
</div>
49+
<a href="https://github.com/butschster" class="text-gray-900 text-lg font-bold">butschster</a>
50+
<div class="text-blue-600 text-sm font-bold">Creator of Buggregator</div>
51+
</div>
4452
</div>
45-
<a href="https://github.com/butschster" class="text-gray-900 text-lg font-bold">butschster</a>
46-
<div class="text-blue-600 text-sm font-bold">Creator of Buggregator</div>
47-
</div>
48-
</div>
4953

50-
<div class="space-y-5 sm:space-y-10 md:space-y-16 lg:space-y-20">
51-
@foreach($buttonGroups as $group => $buttons)
52-
<div class="p-5 md:p-8 lg:p-10 bg-gray-50 rounded-xl">
53-
<h3 class="text-lg sm:text-xl lg:text-3xl leading-none font-extrabold text-gray-900 tracking-tight mb-8">
54-
{{ \Illuminate\Support\Str::studly($group) }}
55-
</h3>
54+
<div class="space-y-5 sm:space-y-10 md:space-y-16 lg:space-y-20">
55+
@foreach($buttonGroups as $group => $buttons)
56+
<div class="p-5 md:p-8 lg:p-10 bg-gray-50 rounded-xl">
57+
<h3 class="text-lg sm:text-xl lg:text-3xl leading-none font-extrabold text-gray-900 tracking-tight mb-8">
58+
{{ \Illuminate\Support\Str::studly($group) }}
59+
</h3>
5660

57-
<div class="flex flex-wrap gap-2 md:gap-3 lg:gap-4 text-sm">
58-
@foreach($buttons as $button)
59-
<button-action
60-
action="{{ $group.':'.\Illuminate\Support\Str::snake($button) }}">{{ $button }}</button-action>
61-
@endforeach
62-
</div>
61+
<div class="flex flex-wrap gap-2 md:gap-3 lg:gap-4 text-sm">
62+
@foreach($buttons as $button)
63+
<button-action
64+
action="{{ $group.':'.\Illuminate\Support\Str::snake($button) }}">{{ $button }}</button-action>
65+
@endforeach
66+
</div>
67+
</div>
68+
@endforeach
6369
</div>
64-
@endforeach
65-
</div>
6670

67-
<div class="flex justify-center my-20">
68-
<img src="{{ asset('images/pacman.png') }}" alt="">
71+
<div class="flex justify-center my-20">
72+
<img src="{{ asset('images/pacman.png') }}" alt="">
73+
</div>
74+
</div>
75+
76+
@if(config('app.buggregator_url'))
77+
</div>
78+
<div class="w-2/3">
79+
<iframe src="{{ config('app.buggregator_url') }}" frameborder="0" class="w-full h-screen"></iframe>
6980
</div>
81+
@endif
82+
7083
</div>
7184

7285
@verbatim
@@ -88,8 +101,6 @@
88101
}
89102
},
90103
template: '<button @click="callAction" type="button" class="border rounded-full text-blue-600 md:py-1 md:px-3 px-2 lg:px-3 border-blue-400 hover:bg-blue-500 hover:text-white transition-all duration-300"><slot></slot></button>'
91-
92-
93104
})
94105
95106
new Vue({

0 commit comments

Comments
 (0)