feat: added markdown-rendering using laravels Illuminate-string-metho…

…des closes #138

composer.json

@@ -14,8 +14,7 @@
         "livewire/livewire": "^3.4",
         "livewire/volt": "^1.6",
         "robsontenorio/mary": "^1.25",
-        "spatie/laravel-markdown": "^2.5",
-        "ueberdosis/pandoc": "^0.9.0"
+        "spatie/laravel-markdown": "^2.5"
     },
     "require-dev": {
         "barryvdh/laravel-ide-helper": "^3.0",

resources/views/livewire/monitors/deployments.blade.php

@@ -0,0 +1,11 @@
+<?php
+
+use Livewire\Volt\Component;
+
+new class extends Component {
+    //
+}; ?>
+
+<div>
+    //
+</div>

resources/views/livewire/monitors/read-me-view.blade.php

@@ -1,16 +1,30 @@
 <?php
 
 use Livewire\Volt\Component;
+use \Illuminate\Support\Str;
 
 new class extends Component {
+
     public $markdown_content;
+    public $project_url;
 
-    public function mount($markdown)
+    public function mount($monitor)
     {
-
+        $this->markdown_content = Str::markdown($monitor->readme);
+        $this->project_url = $monitor->project_url;
     }
 
 }; ?>
 <div>
-    {{ $markdown_content }}
+    <div class="border-other-grey border-2 rounded-2xl p-6">
+        <sl-icon name="info-circle" class="text-6xl font-bold text-primary-blue"></sl-icon>
+        <div class="prose mt-4">
+            {!! $markdown_content !!}
+        </div>
+        <div class="w-min mt-12">
+            <sl-button>
+                <a href="{{ $project_url }}" target="_blank">View Source</a>
+            </sl-button>
+        </div>
+    </div>
 </div>

resources/views/livewire/monitors/show.blade.php

@@ -14,10 +14,17 @@ public function mount(Monitor $monitor)
 
 }; ?>
 
-<div class="mx-8 mt-6">
-    <div class="border-other-grey border-2 rounded-2xl">
-        <livewire:monitors.card lazy="true" :monitor="$monitor"/>
-    </div>
+<div>
+    <div class="mx-8 mt-6">
+        <div class="border-other-grey border-2 rounded-2xl">
+            <livewire:monitors.card lazy="true" :monitor="$monitor"/>
+        </div>
 
-    <livewire:monitors.read-me-view :markdown="$monitor->readme"/>
+        <div class="mt-8 grid grid-cols-3 gap-8">
+            <div class="col-span-2">
+                <livewire:monitors.read-me-view :monitor="$monitor"/>
+            </div>
+            <div class="border-other-grey border-2 rounded-2xl p-5">Deployments</div>
+        </div>
+    </div>
 </div>

resources/views/livewire/tasks/list.blade.php

@@ -0,0 +1,11 @@
+<?php
+
+use Livewire\Volt\Component;
+
+new class extends Component {
+    //
+}; ?>
+
+<div>
+    //
+</div>

routes/web.php

@@ -26,3 +26,5 @@
 Volt::route('/register', 'auth.register');
 
 Volt::route('/repos', 'repositories.list');
+
+