[12.x] Add "Copy as Markdown" button to error page

src/Illuminate/Foundation/Exceptions/Renderer/Renderer.php

@@ -89,8 +89,15 @@ public function render(Request $request, Throwable $throwable)
  $this->htmlErrorRenderer->render($throwable),
  );
 
+ $exception = new Exception($flattenException, $request, $this->listener, $this->basePath);
+
+ $exceptionAsMarkdown = $this->viewFactory->make('laravel-exceptions-renderer::markdown', [
+ 'exception' => $exception,
+ ])->render();
+
  return $this->viewFactory->make('laravel-exceptions-renderer::show', [
- 'exception' => new Exception($flattenException, $request, $this->listener, $this->basePath),
+ 'exception' => $exception,
+ 'exceptionAsMarkdown' => $exceptionAsMarkdown,
  ])->render();
  }
 

src/Illuminate/Foundation/resources/exceptions/renderer/components/copy-button.blade.php

@@ -0,0 +1,25 @@
+<script>
+ let exceptionAsMarkdown = {{ Illuminate\Support\Js::from($markdown) }}
+</script>
+<div
+ class="relative inline-block text-sm rounded-full bg-white px-3 py-2 dark:bg-gray-800 sm:col-span-1 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer transition-colors duration-200 ease-in-out"
+ x-data="{
+ copied: false,
+ copy() {
+ const textarea = document.createElement('textarea');
+ textarea.value = exceptionAsMarkdown;
+ textarea.style.position = 'absolute';
+ textarea.style.left = '-9999px';
+ document.body.appendChild(textarea);
+ textarea.select();
+ document.execCommand('copy');
+ document.body.removeChild(textarea);
+
+ this.copied = true;
+ setTimeout(() => this.copied = false, 1000);
+ }
+ }"
+ @click="copy"
+>
+ <span x-text="copied ? 'Copied to clipboard' : 'Copy as Markdown'"></span>
+</div>

src/Illuminate/Foundation/resources/exceptions/renderer/components/navigation.blade.php

@@ -21,6 +21,7 @@ class="h-6 w-6 fill-red-500 text-gray-50 dark:text-gray-950"
  </div>
 
  <div class="flex items-center gap-3 sm:gap-6">
+ <x-laravel-exceptions-renderer::copy-button :markdown="$exceptionAsMarkdown" />
  <x-laravel-exceptions-renderer::theme-switcher />
  </div>
  </div>

src/Illuminate/Foundation/resources/exceptions/renderer/markdown.blade.php

@@ -0,0 +1,46 @@
+# {{ $exception->class() }} - {!! $exception->title() !!}
+{!! $exception->message() !!}
+
+PHP {{ PHP_VERSION }}
+Laravel {{ app()->version() }}
+{{ $exception->request()->httpHost() }}
+
+## Stack Trace
+
+@foreach($exception->frames() as $index => $frame)
+{{ $index }} - {{ $frame->file() }}:{{ $frame->line() }}
+@endforeach
+
+## Request
+
+{{ $exception->request()->method() }} {{ Str::start($exception->request()->path(), '/') }}
+
+## Headers
+
+@forelse ($exception->requestHeaders() as $key => $value)
+* **{{ $key }}**: {!! $value !!}
+@empty
+No header data available.
+@endforelse
+
+## Route Context
+
+@forelse($exception->applicationRouteContext() as $name => $value)
+{{ $name }}: {!! $value !!}
+@empty
+No routing data available.
+@endforelse
+
+@if ($routeParametersContext = $exception->applicationRouteParametersContext())
+## Routing Parameters:
+
+{!! $routeParametersContext !!}
+@endif
+
+## Database Queries
+
+@forelse ($exception->applicationQueries() as ['connectionName' => $connectionName, 'sql' => $sql, 'time' => $time])
+* {{ $connectionName }} - {!! $sql !!} ({{ $time }} ms)
+@empty
+No database queries detected.
+@endforelse

src/Illuminate/Foundation/resources/exceptions/renderer/show.blade.php

@@ -1,6 +1,6 @@
 <x-laravel-exceptions-renderer::layout :$exception>
  <div class="renderer container mx-auto lg:px-8">
- <x-laravel-exceptions-renderer::navigation :$exception />
+ <x-laravel-exceptions-renderer::navigation :$exception :$exceptionAsMarkdown />
 
  <main class="px-6 pb-12 pt-6">
  <div class="container mx-auto">