From da1263a2ce8e6987fef7619d4981cdb47793bd62 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 18:40:03 +0100
Subject: [PATCH 01/68] Create LiveEditController.php

---
 .../src/Http/LiveEditController.php           | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 packages/realtime-compiler/src/Http/LiveEditController.php

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
new file mode 100644
index 00000000000..0cd89bbddfb
--- /dev/null
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Hyde\RealtimeCompiler\Http;
+
+use Desilva\Microserve\Response;
+
+/**
+ * @internal This class is not intended to be edited outside the Hyde Realtime Compiler.
+ */
+class LiveEditController extends BaseController
+{
+    protected bool $withConsoleOutput = true;
+    protected bool $withSession = true;
+
+    public function handle(): Response
+    {
+        // TODO: Implement handle() method.
+    }
+}

From 0fc7311a2cd0a9d7426d67f7be42f20916937fc0 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 7 Nov 2023 20:57:39 +0100
Subject: [PATCH 02/68] Buffer page router contents

This allows us to inject code before serving but without it affecting any compiled source saved to disk
---
 packages/realtime-compiler/src/Routing/PageRouter.php | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/realtime-compiler/src/Routing/PageRouter.php b/packages/realtime-compiler/src/Routing/PageRouter.php
index a7754cc19be..9981e9a6651 100644
--- a/packages/realtime-compiler/src/Routing/PageRouter.php
+++ b/packages/realtime-compiler/src/Routing/PageRouter.php
@@ -63,12 +63,14 @@ protected function getHtml(HydePage $page): string
         }
 
         if (config('hyde.server.save_preview')) {
-            return file_get_contents(StaticPageBuilder::handle($page));
+            $contents = file_get_contents(StaticPageBuilder::handle($page));
         } else {
             Hyde::shareViewData($page);
 
-            return $page->compile();
+            $contents = $page->compile();
         }
+
+        return $contents;
     }
 
     public static function handle(Request $request): Response

From 3cde09a228b92b571ef7cd0f2e3b3ede639b706f Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Sun, 12 Nov 2023 17:49:06 +0100
Subject: [PATCH 03/68] Add configuration option for the live edit feature

---
 config/hyde.php                    | 3 +++
 packages/framework/config/hyde.php | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/config/hyde.php b/config/hyde.php
index 0f83b8031a4..6c1089dad3a 100644
--- a/config/hyde.php
+++ b/config/hyde.php
@@ -418,6 +418,9 @@
         // Should preview pages be saved to the output directory?
         'save_preview' => true,
 
+        // Should the live edit feature be enabled?
+        'live_edit' => true,
+
         // Configure the realtime compiler dashboard
         'dashboard' => [
             // Should the realtime compiler dashboard be enabled?
diff --git a/packages/framework/config/hyde.php b/packages/framework/config/hyde.php
index 0f83b8031a4..6c1089dad3a 100644
--- a/packages/framework/config/hyde.php
+++ b/packages/framework/config/hyde.php
@@ -418,6 +418,9 @@
         // Should preview pages be saved to the output directory?
         'save_preview' => true,
 
+        // Should the live edit feature be enabled?
+        'live_edit' => true,
+
         // Configure the realtime compiler dashboard
         'dashboard' => [
             // Should the realtime compiler dashboard be enabled?

From 49bc7a5922e80fa6c7b1ce570fd310a076c818db Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 18:45:39 +0100
Subject: [PATCH 04/68] Add enabled method

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 0cd89bbddfb..10fb78f2f75 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -18,4 +18,9 @@ public function handle(): Response
     {
         // TODO: Implement handle() method.
     }
+
+    public static function enabled(): bool
+    {
+        return config('hyde.server.live_edit', true);
+    }
 }

From 766808bb39a20349fd72f7aa21534a27bb8922e7 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 18:45:57 +0100
Subject: [PATCH 05/68] Add new live edit API route to page router

---
 packages/realtime-compiler/src/Routing/PageRouter.php | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/realtime-compiler/src/Routing/PageRouter.php b/packages/realtime-compiler/src/Routing/PageRouter.php
index 9981e9a6651..1aadd3f1d38 100644
--- a/packages/realtime-compiler/src/Routing/PageRouter.php
+++ b/packages/realtime-compiler/src/Routing/PageRouter.php
@@ -6,6 +6,7 @@
 use Desilva\Microserve\Response;
 use Hyde\Foundation\Facades\Routes;
 use Hyde\Framework\Actions\StaticPageBuilder;
+use Hyde\RealtimeCompiler\Http\LiveEditController;
 use Hyde\Framework\Features\Documentation\DocumentationSearchPage;
 use Hyde\Pages\Concerns\HydePage;
 use Hyde\RealtimeCompiler\Concerns\InteractsWithLaravel;
@@ -36,6 +37,10 @@ protected function handlePageRequest(): Response
             return (new DashboardController($this->request))->handle();
         }
 
+        if ($this->request->path === '/_hyde/live-edit' && LiveEditController::enabled()) {
+            return (new LiveEditController($this->request))->handle();
+        }
+
         return new HtmlResponse(200, 'OK', [
             'body' => $this->getHtml($this->getPageFromRoute()),
         ]);

From 3feb14c93e7abca618e74cfe4abbf30b3b39d0f3 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 18:48:52 +0100
Subject: [PATCH 06/68] Authorize POST requests

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 10fb78f2f75..764d433af40 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -16,7 +16,7 @@ class LiveEditController extends BaseController
 
     public function handle(): Response
     {
-        // TODO: Implement handle() method.
+        $this->authorizePostRequest();
     }
 
     public static function enabled(): bool

From 4972dae67b5c048aea090eb9e6926cb4b4683c95 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 18:51:29 +0100
Subject: [PATCH 07/68] Add expectsJson method to base controller

---
 packages/realtime-compiler/src/Http/BaseController.php | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/BaseController.php b/packages/realtime-compiler/src/Http/BaseController.php
index 502c71be683..8e0e27e7311 100644
--- a/packages/realtime-compiler/src/Http/BaseController.php
+++ b/packages/realtime-compiler/src/Http/BaseController.php
@@ -110,4 +110,9 @@ protected function writeToConsole(string $message, string $context = 'dashboard'
             $this->console->printMessage($message, $context);
         }
     }
+
+    protected function expectsJson(): bool
+    {
+        return getallheaders()['Accept'] === 'application/json';
+    }
 }

From 2d6647e52367af8d14640df0b37df0635b03e0fe Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 18:52:27 +0100
Subject: [PATCH 08/68] Handle HttpExceptions

---
 .../src/Http/LiveEditController.php           | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 764d433af40..3481733ef44 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -4,7 +4,8 @@
 
 namespace Hyde\RealtimeCompiler\Http;
 
-use Desilva\Microserve\Response;
+use Desilva\Microserve\JsonResponse;
+use Symfony\Component\HttpKernel\Exception\HttpException;
 
 /**
  * @internal This class is not intended to be edited outside the Hyde Realtime Compiler.
@@ -14,9 +15,24 @@ class LiveEditController extends BaseController
     protected bool $withConsoleOutput = true;
     protected bool $withSession = true;
 
-    public function handle(): Response
+    public function handle(): JsonResponse
     {
-        $this->authorizePostRequest();
+        try {
+            $this->authorizePostRequest();
+
+            return $this->handleRequest();
+        } catch (HttpException $exception) {
+            if ($this->expectsJson()) {
+                return $this->sendJsonErrorResponse($exception->getStatusCode(), $exception->getMessage());
+            }
+
+            throw $exception;
+        }
+    }
+
+    protected function handleRequest(): JsonResponse
+    {
+        //
     }
 
     public static function enabled(): bool

From 09e36208351a100993db48b40ccff9db69010cbf Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 19:05:24 +0100
Subject: [PATCH 09/68] Collect and validate required input

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 3481733ef44..05f413851b5 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -32,6 +32,9 @@ public function handle(): JsonResponse
 
     protected function handleRequest(): JsonResponse
     {
+        $pagePath = $this->request->data['pagePath'] ?? $this->abort(400, 'Must provide page path');
+        $content = $this->request->data['contentInput'] ?? $this->abort(400, 'Must provide content');
+
         //
     }
 

From b06340ae293f0b14e9438ca6925f751883095376 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 19:09:02 +0100
Subject: [PATCH 10/68] Get and validate the page

---
 .../realtime-compiler/src/Http/LiveEditController.php     | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 05f413851b5..0f94f9b7e0b 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -4,7 +4,9 @@
 
 namespace Hyde\RealtimeCompiler\Http;
 
+use Hyde\Hyde;
 use Desilva\Microserve\JsonResponse;
+use Hyde\Pages\Concerns\BaseMarkdownPage;
 use Symfony\Component\HttpKernel\Exception\HttpException;
 
 /**
@@ -35,6 +37,12 @@ protected function handleRequest(): JsonResponse
         $pagePath = $this->request->data['pagePath'] ?? $this->abort(400, 'Must provide page path');
         $content = $this->request->data['contentInput'] ?? $this->abort(400, 'Must provide content');
 
+        $page = Hyde::pages()->getPage($pagePath);
+
+        if (! $page instanceof BaseMarkdownPage) {
+            $this->abort(400, 'Page is not a markdown page');
+        }
+
         //
     }
 

From e3923d5115b4b529d49cb0df21dae22549af7985 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 19:13:08 +0100
Subject: [PATCH 11/68] Save the page Markdown

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 0f94f9b7e0b..83d970cdbca 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -5,6 +5,7 @@
 namespace Hyde\RealtimeCompiler\Http;
 
 use Hyde\Hyde;
+use Hyde\Markdown\Models\Markdown;
 use Desilva\Microserve\JsonResponse;
 use Hyde\Pages\Concerns\BaseMarkdownPage;
 use Symfony\Component\HttpKernel\Exception\HttpException;
@@ -43,6 +44,9 @@ protected function handleRequest(): JsonResponse
             $this->abort(400, 'Page is not a markdown page');
         }
 
+        $page->markdown = new Markdown($content);
+        $page->save();
+
         //
     }
 

From 7b7a1c9756e68ea3fd24ff2ad45703e23ff90d3c Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 19:14:27 +0100
Subject: [PATCH 12/68] Return with success response

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 83d970cdbca..e46f7811e78 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -47,7 +47,9 @@ protected function handleRequest(): JsonResponse
         $page->markdown = new Markdown($content);
         $page->save();
 
-        //
+        return new JsonResponse(200, 'OK', [
+            'message' => 'Page saved successfully.',
+        ]);
     }
 
     public static function enabled(): bool

From bfd3d3a6825f07e6675753fb5c91aaea87dd56e0 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 20:05:00 +0100
Subject: [PATCH 13/68] Scaffold live edit resource files

---
 packages/realtime-compiler/resources/live-edit.blade.php | 0
 packages/realtime-compiler/resources/live-edit.css       | 0
 packages/realtime-compiler/resources/live-edit.js        | 0
 3 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/realtime-compiler/resources/live-edit.blade.php
 create mode 100644 packages/realtime-compiler/resources/live-edit.css
 create mode 100644 packages/realtime-compiler/resources/live-edit.js

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/realtime-compiler/resources/live-edit.css b/packages/realtime-compiler/resources/live-edit.css
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
new file mode 100644
index 00000000000..e69de29bb2d

From 083dd8d84559177f6b15909ce5f1668533669790 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 20:09:47 +0100
Subject: [PATCH 14/68] Create accessor to get live edit resources

---
 .../realtime-compiler/src/Http/LiveEditController.php  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index e46f7811e78..e3dd39e9a9b 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -7,6 +7,7 @@
 use Hyde\Hyde;
 use Hyde\Markdown\Models\Markdown;
 use Desilva\Microserve\JsonResponse;
+use Illuminate\Support\Facades\Blade;
 use Hyde\Pages\Concerns\BaseMarkdownPage;
 use Symfony\Component\HttpKernel\Exception\HttpException;
 
@@ -56,4 +57,13 @@ public static function enabled(): bool
     {
         return config('hyde.server.live_edit', true);
     }
+
+    public static function injectLiveEditScript(string $html): string
+    {
+        return str_replace('</body>', sprintf('%s</body>', Blade::render(file_get_contents(__DIR__.'/../../resources/live-edit.blade.php'), [
+            'styles' => file_get_contents(__DIR__.'/../../resources/live-edit.css'),
+            'scripts' => file_get_contents(__DIR__.'/../../resources/live-edit.js'),
+            'csrfToken' => self::generateCSRFToken(),
+        ])), $html);
+    }
 }

From 9166d4e2623ee19434111b2ab5da89579b1a32c6 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 20:12:02 +0100
Subject: [PATCH 15/68] Update page router to inject live edit scripts when
 enabled

---
 packages/realtime-compiler/src/Routing/PageRouter.php     | 5 +++++
 packages/realtime-compiler/tests/RealtimeCompilerTest.php | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/packages/realtime-compiler/src/Routing/PageRouter.php b/packages/realtime-compiler/src/Routing/PageRouter.php
index 1aadd3f1d38..1e41b531bd4 100644
--- a/packages/realtime-compiler/src/Routing/PageRouter.php
+++ b/packages/realtime-compiler/src/Routing/PageRouter.php
@@ -5,6 +5,7 @@
 use Desilva\Microserve\Request;
 use Desilva\Microserve\Response;
 use Hyde\Foundation\Facades\Routes;
+use Hyde\Pages\Concerns\BaseMarkdownPage;
 use Hyde\Framework\Actions\StaticPageBuilder;
 use Hyde\RealtimeCompiler\Http\LiveEditController;
 use Hyde\Framework\Features\Documentation\DocumentationSearchPage;
@@ -75,6 +76,10 @@ protected function getHtml(HydePage $page): string
             $contents = $page->compile();
         }
 
+        if ($page instanceof BaseMarkdownPage && LiveEditController::enabled()) {
+            $contents = LiveEditController::injectLiveEditScript($contents);
+        }
+
         return $contents;
     }
 
diff --git a/packages/realtime-compiler/tests/RealtimeCompilerTest.php b/packages/realtime-compiler/tests/RealtimeCompilerTest.php
index 981f4b53df5..9f48e9467a9 100644
--- a/packages/realtime-compiler/tests/RealtimeCompilerTest.php
+++ b/packages/realtime-compiler/tests/RealtimeCompilerTest.php
@@ -17,6 +17,10 @@
 
 ob_start();
 
+beforeEach(function () {
+    putenv('SERVER_LIVE_EDIT=false');
+});
+
 test('handle routes index page', function () {
     putenv('SERVER_DASHBOARD=false');
     mockRoute('');

From 6b4230348b48e0dbd4a3b78e055af74421b61dca Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 20:52:03 +0100
Subject: [PATCH 16/68] Add environment variable for the live edit feature

---
 config/hyde.php                    | 2 +-
 packages/framework/config/hyde.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/config/hyde.php b/config/hyde.php
index 6c1089dad3a..b05f8683950 100644
--- a/config/hyde.php
+++ b/config/hyde.php
@@ -419,7 +419,7 @@
         'save_preview' => true,
 
         // Should the live edit feature be enabled?
-        'live_edit' => true,
+        'live_edit' => env('SERVER_LIVE_EDIT', true),
 
         // Configure the realtime compiler dashboard
         'dashboard' => [
diff --git a/packages/framework/config/hyde.php b/packages/framework/config/hyde.php
index 6c1089dad3a..b05f8683950 100644
--- a/packages/framework/config/hyde.php
+++ b/packages/framework/config/hyde.php
@@ -419,7 +419,7 @@
         'save_preview' => true,
 
         // Should the live edit feature be enabled?
-        'live_edit' => true,
+        'live_edit' => env('SERVER_LIVE_EDIT', true),
 
         // Configure the realtime compiler dashboard
         'dashboard' => [

From 54b7a4f68b6ad3ac2e8cd88f0a60445054594f9e Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:27:05 +0100
Subject: [PATCH 17/68] Create base live edit markup

---
 .../resources/live-edit.blade.php             | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index e69de29bb2d..efbe61210ee 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -0,0 +1,33 @@
+<div id="__realtime-compiler-live-edit-insert">
+    <!-- The live editor insert is not saved to your static site -->
+    @php
+        /** @var \Hyde\Pages\Concerns\BaseMarkdownPage $page */
+        $markdown = $page->markdown()->body();
+    @endphp
+    <style>{!! $styles !!}</style>
+    <template id="live-edit-template">
+        <section id="live-edit-container")>
+            <form action="/_hyde/live-edit" method="POST">
+                <header id="liveEditHeader">
+                    <h2>Live Editor</h2>
+                    <menu id="liveEditFormActions">
+                        <button id="liveEditCancel" type="button">
+                            Cancel
+                        </button>
+                        <button id="liveEditSubmit" type="submit">
+                            Save
+                        </button>
+                    </menu>
+                </header>
+                <label for="live-editor" class="sr-only">Edit page contents</label>
+                <textarea name="markdown" id="live-editor" cols="30" rows="20"></textarea>
+            </form>
+        </section>
+    </template>
+    <script>{!! $scripts !!}</script>
+    <script>
+        const markdown = {{ Illuminate\Support\Js::from($markdown) }};
+        const sourcePath = {{ Illuminate\Support\Js::from($page->getSourcePath()) }};
+        initLiveEdit(markdown, sourcePath)
+</script>
+</div>

From 4e2bfafe29a6523dab86cbe8570eaf15e40e4337 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:33:21 +0100
Subject: [PATCH 18/68] Simplify function signature

---
 packages/realtime-compiler/resources/live-edit.blade.php | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index efbe61210ee..5995528465a 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -25,9 +25,5 @@
         </section>
     </template>
     <script>{!! $scripts !!}</script>
-    <script>
-        const markdown = {{ Illuminate\Support\Js::from($markdown) }};
-        const sourcePath = {{ Illuminate\Support\Js::from($page->getSourcePath()) }};
-        initLiveEdit(markdown, sourcePath)
-</script>
+    <script>initLiveEdit()</script>
 </div>

From ec4f02fe8c8ab03fea5e14eb31628a9a2e628a42 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:36:06 +0100
Subject: [PATCH 19/68] Render markdown into textarea

---
 packages/realtime-compiler/resources/live-edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 5995528465a..7d7021f9f75 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -20,7 +20,7 @@
                     </menu>
                 </header>
                 <label for="live-editor" class="sr-only">Edit page contents</label>
-                <textarea name="markdown" id="live-editor" cols="30" rows="20"></textarea>
+                <textarea name="markdown" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
             </form>
         </section>
     </template>

From 42ae9824593b17a4388e5e7237b1edcee6b0c4f6 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:36:32 +0100
Subject: [PATCH 20/68] Create function to initialize live editor

---
 packages/realtime-compiler/resources/live-edit.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index e69de29bb2d..9e1cb91f327 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -0,0 +1,3 @@
+function initLiveEdit() {
+    //
+}

From dd6ed11095f9a399f622d0701dfba5540eda46f6 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:37:05 +0100
Subject: [PATCH 21/68] Get the article element

---
 packages/realtime-compiler/resources/live-edit.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 9e1cb91f327..47a04dbf593 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -1,3 +1,14 @@
 function initLiveEdit() {
-    //
+    function getArticle() {
+        let article = document.querySelector('#content > article');
+
+        if (article === null) {
+            // If no article element is found the user may have a custom template, so we cannot know which element to edit.
+            throw new Error('No article element found, cannot live edit. If you are using a custom template, please make sure to include an article element in the #content container.');
+        }
+
+        return article;
+    }
+
+    const article = getArticle();
 }

From 8eae7fd6f97f5dfb7fe9860e32025702682fb1df Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:39:55 +0100
Subject: [PATCH 22/68] Create base double click event listener function

---
 packages/realtime-compiler/resources/live-edit.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 47a04dbf593..9808d55b7c5 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -10,5 +10,11 @@ function initLiveEdit() {
         return article;
     }
 
+    function switchToEditor() {
+        // TODO
+    }
+
     const article = getArticle();
+
+    article.addEventListener('dblclick', switchToEditor);
 }

From c569a1970e795fdc99947fe954fba87bde0a763a Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:42:23 +0100
Subject: [PATCH 23/68] Sketch out editor switching logic

---
 .../realtime-compiler/resources/live-edit.js   | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 9808d55b7c5..5a55e93faac 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -11,7 +11,23 @@ function initLiveEdit() {
     }
 
     function switchToEditor() {
-        // TODO
+        function hasEditorBeenSetUp() {
+            return document.querySelector('#live-edit-container') === null;
+        }
+
+        function setupEditor() {
+            //
+        }
+
+        function showEditor() {
+            //
+        }
+
+        if (! hasEditorBeenSetUp()) {
+            setupEditor();
+        } else {
+            showEditor();
+        }
     }
 
     const article = getArticle();

From 5fb295eb9383760963a92216cbcb2b6f374b27cd Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:42:30 +0100
Subject: [PATCH 24/68] Flip if-else

---
 packages/realtime-compiler/resources/live-edit.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 5a55e93faac..739e2e59339 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -23,10 +23,10 @@ function initLiveEdit() {
             //
         }
 
-        if (! hasEditorBeenSetUp()) {
-            setupEditor();
-        } else {
+        if (hasEditorBeenSetUp()) {
             showEditor();
+        } else {
+            setupEditor();
         }
     }
 

From df568f6c49d71362afd673fd39adb6010c5d6d55 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:46:52 +0100
Subject: [PATCH 25/68] Extract function

---
 packages/realtime-compiler/resources/live-edit.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 739e2e59339..1b6fd81361c 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -11,8 +11,12 @@ function initLiveEdit() {
     }
 
     function switchToEditor() {
+        function getLiveEditor() {
+            return document.querySelector('#live-edit-container');
+        }
+
         function hasEditorBeenSetUp() {
-            return document.querySelector('#live-edit-container') === null;
+            return getLiveEditor() === null;
         }
 
         function setupEditor() {

From 7500b4df80f9b1fe487fdb2f792829e485a8e36d Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:47:09 +0100
Subject: [PATCH 26/68] Invert faulty boolean logic

---
 packages/realtime-compiler/resources/live-edit.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 1b6fd81361c..5a88f12edad 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -16,7 +16,7 @@ function initLiveEdit() {
         }
 
         function hasEditorBeenSetUp() {
-            return getLiveEditor() === null;
+            return getLiveEditor() !== null;
         }
 
         function setupEditor() {

From ca5f77d5c10554c67ab5b7d5af7c669a3f258df4 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:49:03 +0100
Subject: [PATCH 27/68] Implement editor setup function

---
 packages/realtime-compiler/resources/live-edit.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 5a88f12edad..8fcd2671e1c 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -20,7 +20,12 @@ function initLiveEdit() {
         }
 
         function setupEditor() {
-            //
+            const template = document.getElementById('live-edit-template');
+            const editor = document.importNode(template.content, true);
+            const article = getArticle();
+
+            article.parentNode.insertBefore(editor, article.nextSibling);
+            article.style.display = 'none';
         }
 
         function showEditor() {

From 293b2a9a6ed21adaafd52a80fe980567fe3f09ee Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:51:33 +0100
Subject: [PATCH 28/68] Implement show editor function

---
 packages/realtime-compiler/resources/live-edit.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 8fcd2671e1c..82a347768d5 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -29,7 +29,8 @@ function initLiveEdit() {
         }
 
         function showEditor() {
-            //
+            article.style.display = 'none';
+            getLiveEditor().style.display = '';
         }
 
         if (hasEditorBeenSetUp()) {

From b86e7157aca641dd325d38b59ba87e5c97a86d1e Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:51:53 +0100
Subject: [PATCH 29/68] Use helper function

---
 packages/realtime-compiler/resources/live-edit.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 82a347768d5..c25f1f8fb73 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -25,7 +25,8 @@ function initLiveEdit() {
             const article = getArticle();
 
             article.parentNode.insertBefore(editor, article.nextSibling);
-            article.style.display = 'none';
+
+            showEditor();
         }
 
         function showEditor() {

From 134931f2f327bd69a8d9014262efbe3b64475223 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:56:44 +0100
Subject: [PATCH 30/68] Create function to hide editor

---
 packages/realtime-compiler/resources/live-edit.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index c25f1f8fb73..894b722dcb4 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -34,6 +34,11 @@ function initLiveEdit() {
             getLiveEditor().style.display = '';
         }
 
+        function hideEditor() {
+            article.style.display = '';
+            getLiveEditor().style.display = 'none';
+        }
+
         if (hasEditorBeenSetUp()) {
             showEditor();
         } else {

From 1792f8bbd41e62f86a9689b75d31cf0fa13ffe5e Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 21:58:49 +0100
Subject: [PATCH 31/68] Add event listener to hide editor on cancel button
 click

---
 packages/realtime-compiler/resources/live-edit.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 894b722dcb4..c284c58e770 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -27,6 +27,10 @@ function initLiveEdit() {
             article.parentNode.insertBefore(editor, article.nextSibling);
 
             showEditor();
+
+            document.getElementById('liveEditCancel').addEventListener('click', function () {
+                hideEditor();
+            });
         }
 
         function showEditor() {

From c90e82f3831836379770962748642bf391e5cb0b Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 13 Nov 2023 22:00:07 +0100
Subject: [PATCH 32/68] Use function name instead of closure wrapper

---
 packages/realtime-compiler/resources/live-edit.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index c284c58e770..072d18202a7 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -28,9 +28,7 @@ function initLiveEdit() {
 
             showEditor();
 
-            document.getElementById('liveEditCancel').addEventListener('click', function () {
-                hideEditor();
-            });
+            document.getElementById('liveEditCancel').addEventListener('click', hideEditor);
         }
 
         function showEditor() {

From 394976ea88cb8011d46c760ca2ebe8ab39acaf02 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:35:14 +0100
Subject: [PATCH 33/68] Focus on the textarea

---
 packages/realtime-compiler/resources/live-edit.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 072d18202a7..23deecf185f 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -34,6 +34,7 @@ function initLiveEdit() {
         function showEditor() {
             article.style.display = 'none';
             getLiveEditor().style.display = '';
+            focusOnTextarea();
         }
 
         function hideEditor() {
@@ -41,6 +42,13 @@ function initLiveEdit() {
             getLiveEditor().style.display = 'none';
         }
 
+        function focusOnTextarea() {
+            const textarea = getLiveEditor().querySelector('textarea');
+
+            textarea.selectionStart = textarea.value.length;
+            textarea.focus();
+        }
+
         if (hasEditorBeenSetUp()) {
             showEditor();
         } else {

From 16391d8797af4d66d80cdcb340f253566d5db0d6 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:40:51 +0100
Subject: [PATCH 34/68] Add form identifier

---
 packages/realtime-compiler/resources/live-edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 7d7021f9f75..db3c40e53be 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -7,7 +7,7 @@
     <style>{!! $styles !!}</style>
     <template id="live-edit-template">
         <section id="live-edit-container")>
-            <form action="/_hyde/live-edit" method="POST">
+            <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
                 <header id="liveEditHeader">
                     <h2>Live Editor</h2>
                     <menu id="liveEditFormActions">

From 1beb4b639d1fa818948e858e357a12d999ef15d0 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:41:21 +0100
Subject: [PATCH 35/68] Remove trailing parentheses

---
 packages/realtime-compiler/resources/live-edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index db3c40e53be..f850043b5a7 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -6,7 +6,7 @@
     @endphp
     <style>{!! $styles !!}</style>
     <template id="live-edit-template">
-        <section id="live-edit-container")>
+        <section id="live-edit-container">
             <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
                 <header id="liveEditHeader">
                     <h2>Live Editor</h2>

From 79ea5e66ca7d75bbac859682e7a3adace9a0f26b Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:43:55 +0100
Subject: [PATCH 36/68] Add form submit event listener

---
 packages/realtime-compiler/resources/live-edit.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 23deecf185f..ca7714ea47b 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -29,6 +29,10 @@ function initLiveEdit() {
             showEditor();
 
             document.getElementById('liveEditCancel').addEventListener('click', hideEditor);
+
+            document.getElementById('liveEditForm').addEventListener('submit', function(event) {
+                handleFormSubmit(event, editor);
+            });
         }
 
         function showEditor() {
@@ -56,6 +60,10 @@ function initLiveEdit() {
         }
     }
 
+    function handleFormSubmit(event, editor) {
+        //
+    }
+
     const article = getArticle();
 
     article.addEventListener('dblclick', switchToEditor);

From 4bcb38e8a4514627fa31cffd0da0a88e055ca4e4 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:56:23 +0100
Subject: [PATCH 37/68] Session must be started by static method

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index e3dd39e9a9b..9962f9cda5f 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -60,6 +60,8 @@ public static function enabled(): bool
 
     public static function injectLiveEditScript(string $html): string
     {
+        session_start();
+
         return str_replace('</body>', sprintf('%s</body>', Blade::render(file_get_contents(__DIR__.'/../../resources/live-edit.blade.php'), [
             'styles' => file_get_contents(__DIR__.'/../../resources/live-edit.css'),
             'scripts' => file_get_contents(__DIR__.'/../../resources/live-edit.js'),

From 7de722ebb987cb3935870912240dd7e1591d2461 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:58:12 +0100
Subject: [PATCH 38/68] Add hidden token input

---
 packages/realtime-compiler/resources/live-edit.blade.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index f850043b5a7..0671cfd7594 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -19,6 +19,7 @@
                         </button>
                     </menu>
                 </header>
+                <input type="hidden" name="_token" value="{{ $csrfToken }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
                 <textarea name="markdown" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
             </form>

From cd3e45cad6f802fdf335e3bc93e6712f6adb93e7 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:58:32 +0100
Subject: [PATCH 39/68] Add hidden path input

---
 packages/realtime-compiler/resources/live-edit.blade.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 0671cfd7594..d9b9dd65ab6 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -20,6 +20,7 @@
                     </menu>
                 </header>
                 <input type="hidden" name="_token" value="{{ $csrfToken }}">
+                <input type="hidden" name="pagePath" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
                 <textarea name="markdown" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
             </form>

From 06708d20c9a5aa039d8ebfb97e74c5c3ced5e0a6 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 10:59:21 +0100
Subject: [PATCH 40/68] Change textarea identifier

---
 packages/realtime-compiler/resources/live-edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index d9b9dd65ab6..0e43176e27c 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -22,7 +22,7 @@
                 <input type="hidden" name="_token" value="{{ $csrfToken }}">
                 <input type="hidden" name="pagePath" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
-                <textarea name="markdown" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
+                <textarea name="contentInput" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
             </form>
         </section>
     </template>

From 3f973d1170a136457cd188624079a5860aff070d Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 11:05:56 +0100
Subject: [PATCH 41/68] Implement form handler

---
 .../realtime-compiler/resources/live-edit.js     | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index ca7714ea47b..cbe9b5816de 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -61,7 +61,21 @@ function initLiveEdit() {
     }
 
     function handleFormSubmit(event, editor) {
-        //
+        event.preventDefault();
+
+        fetch('/_hyde/live-edit', {
+            method: "POST",
+            body: new FormData(event.target),
+            headers: new Headers({
+                "Accept": "application/json",
+            }),
+        }).then(async response => {
+            if (response.ok) {
+                window.location.reload();
+            } else {
+                alert(`Error saving content: ${response.status} ${response.statusText}\n${JSON.parse(await response.text()).error ?? 'Unknown error'}`);
+            }
+        });
     }
 
     const article = getArticle();

From 0bf73fae71bc67c59cc97221194ca85b1af71866 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:02:30 +0100
Subject: [PATCH 42/68] Add todo

---
 packages/realtime-compiler/resources/live-edit.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index cbe9b5816de..d847a8ae85c 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -60,6 +60,8 @@ function initLiveEdit() {
         }
     }
 
+    // Todo: By adding a return redirect we could do this part without JavaScript,
+    //       but then we might need client-side validation, nullifying the value.
     function handleFormSubmit(event, editor) {
         event.preventDefault();
 

From 99fdaa6b5a9bd1c3f5c176fa20285f572db6a850 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:05:56 +0100
Subject: [PATCH 43/68] Swap declaration order

---
 packages/realtime-compiler/resources/live-edit.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index d847a8ae85c..1cd151a4784 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -21,8 +21,8 @@ function initLiveEdit() {
 
         function setupEditor() {
             const template = document.getElementById('live-edit-template');
-            const editor = document.importNode(template.content, true);
             const article = getArticle();
+            const editor = document.importNode(template.content, true);
 
             article.parentNode.insertBefore(editor, article.nextSibling);
 

From 35bb27a68c9cd9251515346e4e6b8fe449559da6 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:07:08 +0100
Subject: [PATCH 44/68] Reassign editor after inserting node

Replaces the copy with actual DOM element we can interact with
---
 packages/realtime-compiler/resources/live-edit.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index 1cd151a4784..e2b506c0aeb 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -22,9 +22,9 @@ function initLiveEdit() {
         function setupEditor() {
             const template = document.getElementById('live-edit-template');
             const article = getArticle();
-            const editor = document.importNode(template.content, true);
-
+            let editor = document.importNode(template.content, true);
             article.parentNode.insertBefore(editor, article.nextSibling);
+            editor = getLiveEditor();
 
             showEditor();
 

From 6b36a5714c49d32f057ec0ddd21bd3aa8025ba45 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:08:30 +0100
Subject: [PATCH 45/68] Apply CSS classes from article to editor

---
 packages/realtime-compiler/resources/live-edit.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index e2b506c0aeb..dba104ea2fc 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -26,6 +26,9 @@ function initLiveEdit() {
             article.parentNode.insertBefore(editor, article.nextSibling);
             editor = getLiveEditor();
 
+            // Apply CSS classes from article to editor to match layout
+            editor.classList.add(...article.classList);
+
             showEditor();
 
             document.getElementById('liveEditCancel').addEventListener('click', hideEditor);

From d0e8a7e523e1108e237e4d388e2ba3f7842225b9 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:10:54 +0100
Subject: [PATCH 46/68] Add CSS selector for page type

---
 packages/realtime-compiler/resources/live-edit.blade.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 0e43176e27c..5f314334ba2 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -6,7 +6,9 @@
     @endphp
     <style>{!! $styles !!}</style>
     <template id="live-edit-template">
-        <section id="live-edit-container">
+        <section id="live-edit-container" @class([
+                'page-type-'.\Illuminate\Support\Str::kebab(class_basename($page::class)),
+            ])>
             <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
                 <header id="liveEditHeader">
                     <h2>Live Editor</h2>

From d2f88d8e171a44374578ac9010584f706ea20274 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:11:03 +0100
Subject: [PATCH 47/68] Revert "Add CSS selector for page type"

This reverts commit d0e8a7e523e1108e237e4d388e2ba3f7842225b9.
---
 packages/realtime-compiler/resources/live-edit.blade.php | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 5f314334ba2..0e43176e27c 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -6,9 +6,7 @@
     @endphp
     <style>{!! $styles !!}</style>
     <template id="live-edit-template">
-        <section id="live-edit-container" @class([
-                'page-type-'.\Illuminate\Support\Str::kebab(class_basename($page::class)),
-            ])>
+        <section id="live-edit-container">
             <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
                 <header id="liveEditHeader">
                     <h2>Live Editor</h2>

From 1d0c6b81f79ab534e8276a39f787bc3c63f7cc86 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:13:46 +0100
Subject: [PATCH 48/68] Add prose class to header

---
 packages/realtime-compiler/resources/live-edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 0e43176e27c..54ae45a876d 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -8,7 +8,7 @@
     <template id="live-edit-template">
         <section id="live-edit-container">
             <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
-                <header id="liveEditHeader">
+                <header id="liveEditHeader" class="prose dark:prose-invert">
                     <h2>Live Editor</h2>
                     <menu id="liveEditFormActions">
                         <button id="liveEditCancel" type="button">

From ba64ab41ca3fe5beef182d7d01b01b1510ec72eb Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:14:01 +0100
Subject: [PATCH 49/68] Dynamic row count

---
 packages/realtime-compiler/resources/live-edit.blade.php | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 54ae45a876d..5026ddb6261 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -3,6 +3,9 @@
     @php
         /** @var \Hyde\Pages\Concerns\BaseMarkdownPage $page */
         $markdown = $page->markdown()->body();
+
+        $markdownLines = substr_count($markdown, "\n");
+        $rows = max(8, $markdownLines < 32 ? $markdownLines + 2 : 32)
     @endphp
     <style>{!! $styles !!}</style>
     <template id="live-edit-template">
@@ -22,7 +25,7 @@
                 <input type="hidden" name="_token" value="{{ $csrfToken }}">
                 <input type="hidden" name="pagePath" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
-                <textarea name="contentInput" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
+                <textarea name="contentInput" id="live-editor" cols="30" rows="{{ $rows }}">{{ $markdown }}</textarea>
             </form>
         </section>
     </template>

From 6d2d1bc4df3deeb491d059b2e13f1784ec08cbbd Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:14:04 +0100
Subject: [PATCH 50/68] Revert "Dynamic row count"

This reverts commit ba64ab41ca3fe5beef182d7d01b01b1510ec72eb.
---
 packages/realtime-compiler/resources/live-edit.blade.php | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 5026ddb6261..54ae45a876d 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -3,9 +3,6 @@
     @php
         /** @var \Hyde\Pages\Concerns\BaseMarkdownPage $page */
         $markdown = $page->markdown()->body();
-
-        $markdownLines = substr_count($markdown, "\n");
-        $rows = max(8, $markdownLines < 32 ? $markdownLines + 2 : 32)
     @endphp
     <style>{!! $styles !!}</style>
     <template id="live-edit-template">
@@ -25,7 +22,7 @@
                 <input type="hidden" name="_token" value="{{ $csrfToken }}">
                 <input type="hidden" name="pagePath" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
-                <textarea name="contentInput" id="live-editor" cols="30" rows="{{ $rows }}">{{ $markdown }}</textarea>
+                <textarea name="contentInput" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
             </form>
         </section>
     </template>

From 2849716db4f63c0dc75ecebd80fd8d7d71b378a1 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:14:17 +0100
Subject: [PATCH 51/68] Style editor

---
 packages/realtime-compiler/resources/live-edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 54ae45a876d..18f06d592f6 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -22,7 +22,7 @@
                 <input type="hidden" name="_token" value="{{ $csrfToken }}">
                 <input type="hidden" name="pagePath" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
-                <textarea name="contentInput" id="live-editor" cols="30" rows="20">{{ $markdown }}</textarea>
+                <textarea name="contentInput" id="live-editor" cols="30" rows="20" class="rounded-lg bg-gray-200 dark:bg-gray-800">{{ $markdown }}</textarea>
             </form>
         </section>
     </template>

From 37b3645a841463d0438d1524634f510d51b762f4 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:15:31 +0100
Subject: [PATCH 52/68] Simplify input names

---
 packages/realtime-compiler/resources/live-edit.blade.php   | 4 ++--
 packages/realtime-compiler/src/Http/LiveEditController.php | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 18f06d592f6..39b7facc8dc 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -20,9 +20,9 @@
                     </menu>
                 </header>
                 <input type="hidden" name="_token" value="{{ $csrfToken }}">
-                <input type="hidden" name="pagePath" value="{{ $page->getSourcePath() }}">
+                <input type="hidden" name="page" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
-                <textarea name="contentInput" id="live-editor" cols="30" rows="20" class="rounded-lg bg-gray-200 dark:bg-gray-800">{{ $markdown }}</textarea>
+                <textarea name="markdown" id="live-editor" cols="30" rows="20" class="rounded-lg bg-gray-200 dark:bg-gray-800">{{ $markdown }}</textarea>
             </form>
         </section>
     </template>
diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 9962f9cda5f..344ad10dc65 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -36,8 +36,8 @@ public function handle(): JsonResponse
 
     protected function handleRequest(): JsonResponse
     {
-        $pagePath = $this->request->data['pagePath'] ?? $this->abort(400, 'Must provide page path');
-        $content = $this->request->data['contentInput'] ?? $this->abort(400, 'Must provide content');
+        $pagePath = $this->request->data['page'] ?? $this->abort(400, 'Must provide page path');
+        $content = $this->request->data['markdown'] ?? $this->abort(400, 'Must provide content');
 
         $page = Hyde::pages()->getPage($pagePath);
 

From 576c69ba02cb61856b6a0f01da0ec4e953345a6a Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:18:21 +0100
Subject: [PATCH 53/68] Simplify element selectors

---
 packages/realtime-compiler/resources/live-edit.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 39b7facc8dc..5c2f536bedd 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -8,9 +8,9 @@
     <template id="live-edit-template">
         <section id="live-edit-container">
             <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
-                <header id="liveEditHeader" class="prose dark:prose-invert">
+                <header class="prose dark:prose-invert">
                     <h2>Live Editor</h2>
-                    <menu id="liveEditFormActions">
+                    <menu>
                         <button id="liveEditCancel" type="button">
                             Cancel
                         </button>

From 5038c12bf83a63f470e5a2c97bda1bc3f1146058 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:18:30 +0100
Subject: [PATCH 54/68] Create live editor stylesheet

---
 .../realtime-compiler/resources/live-edit.css | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.css b/packages/realtime-compiler/resources/live-edit.css
index e69de29bb2d..400c8de0ef5 100644
--- a/packages/realtime-compiler/resources/live-edit.css
+++ b/packages/realtime-compiler/resources/live-edit.css
@@ -0,0 +1,63 @@
+#live-editor {
+    width: 100%;
+    height: 100%;
+    min-height: 300px;
+    border: none;
+    outline: none;
+    font-family: 'Source Code Pro', monospace;
+    padding: 1rem;
+    white-space: pre-line;
+}
+
+#live-editor:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 calc(1px + 0px) rgba(37, 99, 235, 1), 0 0 #0000;
+    border-color: #2563eb;
+}
+
+#live-edit-container header {
+    width: 100%;
+    max-width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+}
+
+#live-edit-container menu button {
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.375rem;
+    font-weight: 500;
+    font-size: 0.75rem;
+    line-height: 1.25rem;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    cursor: pointer;
+    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+}
+
+#liveEditCancel {
+    background-color: #e5e7eb;
+    border-color: #e5e7eb;
+    color: #1f2937;
+    margin-right: 0.35rem;
+}
+
+#liveEditCancel:hover {
+    background-color: #d1d5db;
+    border-color: #d1d5db;
+    color: #1f2937;
+}
+
+#liveEditSubmit {
+    background-color: #2563eb;
+    border-color: #2563eb;
+    color: #fff;
+}
+
+#liveEditSubmit:hover {
+    background-color: #1d4ed8;
+    border-color: #1d4ed8;
+    color: #fff;
+}

From 0ff89ce86cb51472275af488ec0b9d6600538d7f Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 13:21:20 +0100
Subject: [PATCH 55/68] Add dynamic margins depending on page type

---
 packages/realtime-compiler/resources/live-edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 5c2f536bedd..70a835b8b22 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -6,7 +6,7 @@
     @endphp
     <style>{!! $styles !!}</style>
     <template id="live-edit-template">
-        <section id="live-edit-container">
+        <section id="live-edit-container" style="margin-top: {{ $page instanceof \Hyde\Pages\DocumentationPage ? '1rem' : '-1rem'}};">
             <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
                 <header class="prose dark:prose-invert">
                     <h2>Live Editor</h2>

From f61e0f817a687db6c4fe21dce5c5ca7069393d93 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 15:40:52 +0100
Subject: [PATCH 56/68] Change internal console context handling

---
 packages/realtime-compiler/src/ConsoleOutput.php | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/realtime-compiler/src/ConsoleOutput.php b/packages/realtime-compiler/src/ConsoleOutput.php
index 50976736f58..a96cd0329be 100644
--- a/packages/realtime-compiler/src/ConsoleOutput.php
+++ b/packages/realtime-compiler/src/ConsoleOutput.php
@@ -64,7 +64,7 @@ public function getFormatter(): Closure
     /** @experimental */
     public function printMessage(string $message, string $context): void
     {
-        $this->output->writeln(sprintf('%s [%s]', $message, $context));
+        $this->output->writeln(sprintf('%s ::context=[%s]', $message, $context));
     }
 
     protected function handleOutput(string $buffer): void
@@ -92,8 +92,8 @@ protected function formatLineForOutput(string $line): ?string
         if (str_ends_with(trim($line), 'Accepted') || str_ends_with(trim($line), 'Closing')) {
             return $this->verbose ? $this->formatRequestStatusLine($line) : null;
         }
-        if (str_contains($line, '[dashboard@')) {
-            return $this->formatDashboardContextLine($line);
+        if (str_contains($line, '::context=')) {
+            return $this->formatContextLine($line);
         }
 
         return $this->formatLine($line, Carbon::now());
@@ -126,10 +126,10 @@ protected function formatRequestStatusLine(string $line): string
         return $this->formatLine(sprintf('%s %s', $address, $status), $this->parseDate($line));
     }
 
-    protected function formatDashboardContextLine(string $line): string
+    protected function formatContextLine(string $line): string
     {
-        $message = trim(Str::before($line, '[dashboard@'));
-        $context = trim(trim(Str::after($line, $message)), '[]');
+        $message = trim(Str::before($line, '::context='), '[]');
+        $context = Str::between($line, '::context=[', ']');
         $success = str_contains($message, 'Created') || str_contains($message, 'Updated');
 
         return $this->formatLine($message, Carbon::now(), $success ? 'green-500' : 'blue-500', $context);

From 7bb0803d1d38dab11de2294459aaaad62b50c2f8 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 15:41:34 +0100
Subject: [PATCH 57/68] Write to console when updating page

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 344ad10dc65..92b43d8aae5 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -48,6 +48,8 @@ protected function handleRequest(): JsonResponse
         $page->markdown = new Markdown($content);
         $page->save();
 
+        $this->writeToConsole("Updated file '$pagePath'", 'hyde@live-edit');
+
         return new JsonResponse(200, 'OK', [
             'message' => 'Page saved successfully.',
         ]);

From fca682ab0bf215631bc208d590b6cf3db45dd5f7 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 15:59:33 +0100
Subject: [PATCH 58/68] Move function declarations to outer function scope

---
 .../realtime-compiler/resources/live-edit.js  | 43 ++++++++++---------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index dba104ea2fc..cf036a12223 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -10,10 +10,29 @@ function initLiveEdit() {
         return article;
     }
 
+    function getLiveEditor() {
+        return document.querySelector('#live-edit-container');
+    }
+
+    function showEditor() {
+        article.style.display = 'none';
+        getLiveEditor().style.display = '';
+        focusOnTextarea();
+    }
+
+    function hideEditor() {
+        article.style.display = '';
+        getLiveEditor().style.display = 'none';
+    }
+
+    function focusOnTextarea() {
+        const textarea = getLiveEditor().querySelector('textarea');
+
+        textarea.selectionStart = textarea.value.length;
+        textarea.focus();
+    }
+
     function switchToEditor() {
-        function getLiveEditor() {
-            return document.querySelector('#live-edit-container');
-        }
 
         function hasEditorBeenSetUp() {
             return getLiveEditor() !== null;
@@ -38,24 +57,6 @@ function initLiveEdit() {
             });
         }
 
-        function showEditor() {
-            article.style.display = 'none';
-            getLiveEditor().style.display = '';
-            focusOnTextarea();
-        }
-
-        function hideEditor() {
-            article.style.display = '';
-            getLiveEditor().style.display = 'none';
-        }
-
-        function focusOnTextarea() {
-            const textarea = getLiveEditor().querySelector('textarea');
-
-            textarea.selectionStart = textarea.value.length;
-            textarea.focus();
-        }
-
         if (hasEditorBeenSetUp()) {
             showEditor();
         } else {

From cf9c92ed0bea6b7c8d070d9a04d98fd47a4633d8 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 16:08:01 +0100
Subject: [PATCH 59/68] Add support for keyboard shortcuts

---
 .../realtime-compiler/resources/live-edit.js  | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index cf036a12223..dc8fff14d3e 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -84,7 +84,46 @@ function initLiveEdit() {
         });
     }
 
+    function handleShortcut(event) {
+        let isEditorHidden = getLiveEditor() === null || getLiveEditor().style.display === 'none';
+        let isEditorVisible = getLiveEditor() !== null && getLiveEditor().style.display !== 'none';
+
+        if (event.ctrlKey && event.key === 'e') {
+            event.preventDefault();
+
+            if (isEditorHidden) {
+                switchToEditor();
+            } else {
+                hideEditor();
+            }
+        }
+
+        if (event.ctrlKey && event.key === 's') {
+            if (isEditorVisible) {
+                event.preventDefault();
+
+                document.getElementById('liveEditSubmit').click();
+            }
+        }
+
+        if (event.key === 'Escape') {
+            if (isEditorVisible) {
+                event.preventDefault();
+
+                hideEditor();
+            }
+        }
+    }
+
+    function shortcutsEnabled() {
+        return true; // Todo: Add option to disable all keyboard shortcuts
+    }
+
     const article = getArticle();
 
     article.addEventListener('dblclick', switchToEditor);
+
+    if (shortcutsEnabled()) {
+        document.addEventListener('keydown', handleShortcut);
+    }
 }

From d2595eaacad7bd62c46a5748905e7d00be8099f9 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 16:24:10 +0100
Subject: [PATCH 60/68] Add local storage option to disable shortcuts

---
 packages/realtime-compiler/resources/live-edit.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index dc8fff14d3e..c6860ffa8a8 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -116,7 +116,7 @@ function initLiveEdit() {
     }
 
     function shortcutsEnabled() {
-        return true; // Todo: Add option to disable all keyboard shortcuts
+        return localStorage.getItem('hydephp.live-edit.shortcuts') !== 'false';
     }
 
     const article = getArticle();

From ecaf1f53b77cc8a8f7b08ffe58bc1c13a91399e7 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 18:18:12 +0100
Subject: [PATCH 61/68] Equalize header margins

---
 packages/realtime-compiler/resources/live-edit.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 70a835b8b22..f75810cc616 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -8,8 +8,8 @@
     <template id="live-edit-template">
         <section id="live-edit-container" style="margin-top: {{ $page instanceof \Hyde\Pages\DocumentationPage ? '1rem' : '-1rem'}};">
             <form id="liveEditForm" action="/_hyde/live-edit" method="POST">
-                <header class="prose dark:prose-invert">
-                    <h2>Live Editor</h2>
+                <header class="prose dark:prose-invert mb-3">
+                    <h2 class="mb-0">Live Editor</h2>
                     <menu>
                         <button id="liveEditCancel" type="button">
                             Cancel

From 4411be9eae16226f579fa76fd3a5b19abf865e15 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 18:28:43 +0100
Subject: [PATCH 62/68] Add markup for editor preferences button

---
 packages/realtime-compiler/resources/live-edit.blade.php | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index f75810cc616..9b6c48f7892 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -23,6 +23,13 @@
                 <input type="hidden" name="page" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
                 <textarea name="markdown" id="live-editor" cols="30" rows="20" class="rounded-lg bg-gray-200 dark:bg-gray-800">{{ $markdown }}</textarea>
+                <footer class="prose dark:prose-invert">
+                    <small>
+                        <a id="#liveEditSettingsButton" role="button" href="javascript:liveEditSettings();">
+                            Editor preferences
+                        </a>
+                    </small>
+                </footer>
             </form>
         </section>
     </template>

From a27ee30272d035d0307fde971145f29ca78531ea Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 18:44:39 +0100
Subject: [PATCH 63/68] Send redirect response

---
 .../src/Http/LiveEditController.php             | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 92b43d8aae5..a0b8d25b611 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -5,6 +5,8 @@
 namespace Hyde\RealtimeCompiler\Http;
 
 use Hyde\Hyde;
+use Desilva\Microserve\Response;
+use Hyde\Support\Models\Redirect;
 use Hyde\Markdown\Models\Markdown;
 use Desilva\Microserve\JsonResponse;
 use Illuminate\Support\Facades\Blade;
@@ -19,7 +21,7 @@ class LiveEditController extends BaseController
     protected bool $withConsoleOutput = true;
     protected bool $withSession = true;
 
-    public function handle(): JsonResponse
+    public function handle(): Response
     {
         try {
             $this->authorizePostRequest();
@@ -34,7 +36,7 @@ public function handle(): JsonResponse
         }
     }
 
-    protected function handleRequest(): JsonResponse
+    protected function handleRequest(): Response
     {
         $pagePath = $this->request->data['page'] ?? $this->abort(400, 'Must provide page path');
         $content = $this->request->data['markdown'] ?? $this->abort(400, 'Must provide content');
@@ -50,6 +52,17 @@ protected function handleRequest(): JsonResponse
 
         $this->writeToConsole("Updated file '$pagePath'", 'hyde@live-edit');
 
+        if (! $this->expectsJson()) {
+            $redirectPage = new Redirect($this->request->path, "../".$page->getRoute());
+            Hyde::shareViewData($redirectPage);
+
+            return (new HtmlResponse(303, 'Redirect', [
+                'body' => $redirectPage->compile(),
+            ]))->withHeaders( [
+                'Location' => $page->getRoute(),
+            ]);
+        }
+
         return new JsonResponse(200, 'OK', [
             'message' => 'Page saved successfully.',
         ]);

From a407d2a9b50672b21fb6b62799f88b75bf5af6b1 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 18:48:01 +0100
Subject: [PATCH 64/68] Replace custom form handler with browser form handling

The custom JavaScript solution adds little value, so I prefer to let the browser handle these things. If a validation error occurs, the exception will render.
---
 .../realtime-compiler/resources/live-edit.js  | 24 ------------
 .../src/Http/LiveEditController.php           | 37 +++++--------------
 2 files changed, 10 insertions(+), 51 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.js b/packages/realtime-compiler/resources/live-edit.js
index c6860ffa8a8..d58a91a10fe 100644
--- a/packages/realtime-compiler/resources/live-edit.js
+++ b/packages/realtime-compiler/resources/live-edit.js
@@ -51,10 +51,6 @@ function initLiveEdit() {
             showEditor();
 
             document.getElementById('liveEditCancel').addEventListener('click', hideEditor);
-
-            document.getElementById('liveEditForm').addEventListener('submit', function(event) {
-                handleFormSubmit(event, editor);
-            });
         }
 
         if (hasEditorBeenSetUp()) {
@@ -64,26 +60,6 @@ function initLiveEdit() {
         }
     }
 
-    // Todo: By adding a return redirect we could do this part without JavaScript,
-    //       but then we might need client-side validation, nullifying the value.
-    function handleFormSubmit(event, editor) {
-        event.preventDefault();
-
-        fetch('/_hyde/live-edit', {
-            method: "POST",
-            body: new FormData(event.target),
-            headers: new Headers({
-                "Accept": "application/json",
-            }),
-        }).then(async response => {
-            if (response.ok) {
-                window.location.reload();
-            } else {
-                alert(`Error saving content: ${response.status} ${response.statusText}\n${JSON.parse(await response.text()).error ?? 'Unknown error'}`);
-            }
-        });
-    }
-
     function handleShortcut(event) {
         let isEditorHidden = getLiveEditor() === null || getLiveEditor().style.display === 'none';
         let isEditorVisible = getLiveEditor() !== null && getLiveEditor().style.display !== 'none';
diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index a0b8d25b611..ea656613485 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -5,13 +5,10 @@
 namespace Hyde\RealtimeCompiler\Http;
 
 use Hyde\Hyde;
-use Desilva\Microserve\Response;
 use Hyde\Support\Models\Redirect;
 use Hyde\Markdown\Models\Markdown;
-use Desilva\Microserve\JsonResponse;
 use Illuminate\Support\Facades\Blade;
 use Hyde\Pages\Concerns\BaseMarkdownPage;
-use Symfony\Component\HttpKernel\Exception\HttpException;
 
 /**
  * @internal This class is not intended to be edited outside the Hyde Realtime Compiler.
@@ -21,22 +18,14 @@ class LiveEditController extends BaseController
     protected bool $withConsoleOutput = true;
     protected bool $withSession = true;
 
-    public function handle(): Response
+    public function handle(): HtmlResponse
     {
-        try {
-            $this->authorizePostRequest();
+        $this->authorizePostRequest();
 
-            return $this->handleRequest();
-        } catch (HttpException $exception) {
-            if ($this->expectsJson()) {
-                return $this->sendJsonErrorResponse($exception->getStatusCode(), $exception->getMessage());
-            }
-
-            throw $exception;
-        }
+        return $this->handleRequest();
     }
 
-    protected function handleRequest(): Response
+    protected function handleRequest(): HtmlResponse
     {
         $pagePath = $this->request->data['page'] ?? $this->abort(400, 'Must provide page path');
         $content = $this->request->data['markdown'] ?? $this->abort(400, 'Must provide content');
@@ -52,19 +41,13 @@ protected function handleRequest(): Response
 
         $this->writeToConsole("Updated file '$pagePath'", 'hyde@live-edit');
 
-        if (! $this->expectsJson()) {
-            $redirectPage = new Redirect($this->request->path, "../".$page->getRoute());
-            Hyde::shareViewData($redirectPage);
-
-            return (new HtmlResponse(303, 'Redirect', [
-                'body' => $redirectPage->compile(),
-            ]))->withHeaders( [
-                'Location' => $page->getRoute(),
-            ]);
-        }
+        $redirectPage = new Redirect($this->request->path, "../".$page->getRoute());
+        Hyde::shareViewData($redirectPage);
 
-        return new JsonResponse(200, 'OK', [
-            'message' => 'Page saved successfully.',
+        return (new HtmlResponse(303, 'Redirect', [
+            'body' => $redirectPage->compile(),
+        ]))->withHeaders( [
+            'Location' => $page->getRoute(),
         ]);
     }
 

From 64b05e51e8ec6a98f039cd8b0055edce4253fa6f Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 18:49:04 +0100
Subject: [PATCH 65/68] Extract helper method

---
 .../src/Http/LiveEditController.php           | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index ea656613485..2bee2def877 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -5,6 +5,7 @@
 namespace Hyde\RealtimeCompiler\Http;
 
 use Hyde\Hyde;
+use Hyde\Support\Models\Route;
 use Hyde\Support\Models\Redirect;
 use Hyde\Markdown\Models\Markdown;
 use Illuminate\Support\Facades\Blade;
@@ -41,14 +42,7 @@ protected function handleRequest(): HtmlResponse
 
         $this->writeToConsole("Updated file '$pagePath'", 'hyde@live-edit');
 
-        $redirectPage = new Redirect($this->request->path, "../".$page->getRoute());
-        Hyde::shareViewData($redirectPage);
-
-        return (new HtmlResponse(303, 'Redirect', [
-            'body' => $redirectPage->compile(),
-        ]))->withHeaders( [
-            'Location' => $page->getRoute(),
-        ]);
+        return $this->redirectToPage($page->getRoute());
     }
 
     public static function enabled(): bool
@@ -66,4 +60,16 @@ public static function injectLiveEditScript(string $html): string
             'csrfToken' => self::generateCSRFToken(),
         ])), $html);
     }
+
+    protected function redirectToPage(Route $route): HtmlResponse
+    {
+        $redirectPage = new Redirect($this->request->path, "../" . $route);
+        Hyde::shareViewData($redirectPage);
+
+        return (new HtmlResponse(303, 'Redirect', [
+            'body' => $redirectPage->compile(),
+        ]))->withHeaders([
+            'Location' => $route,
+        ]);
+    }
 }

From 185e9ef816505e502ac10414d4f4af9c389db0c1 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 18:49:15 +0100
Subject: [PATCH 66/68] Formatting

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 2bee2def877..9fdb3f65110 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -63,7 +63,7 @@ public static function injectLiveEditScript(string $html): string
 
     protected function redirectToPage(Route $route): HtmlResponse
     {
-        $redirectPage = new Redirect($this->request->path, "../" . $route);
+        $redirectPage = new Redirect($this->request->path, "../$route");
         Hyde::shareViewData($redirectPage);
 
         return (new HtmlResponse(303, 'Redirect', [

From b065cb6e9d09102c8d724ed63798dfe4b0409aef Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 20:00:31 +0100
Subject: [PATCH 67/68] Match status message to code

---
 packages/realtime-compiler/src/Http/LiveEditController.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/src/Http/LiveEditController.php b/packages/realtime-compiler/src/Http/LiveEditController.php
index 9fdb3f65110..a4de9543f51 100644
--- a/packages/realtime-compiler/src/Http/LiveEditController.php
+++ b/packages/realtime-compiler/src/Http/LiveEditController.php
@@ -66,7 +66,7 @@ protected function redirectToPage(Route $route): HtmlResponse
         $redirectPage = new Redirect($this->request->path, "../$route");
         Hyde::shareViewData($redirectPage);
 
-        return (new HtmlResponse(303, 'Redirect', [
+        return (new HtmlResponse(303, 'See Other', [
             'body' => $redirectPage->compile(),
         ]))->withHeaders([
             'Location' => $route,

From 8ca06baca1de9687a42057d20f23dd7560962223 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Tue, 14 Nov 2023 20:03:51 +0100
Subject: [PATCH 68/68] Revert "Add markup for editor preferences button"

This reverts commit 4411be9eae16226f579fa76fd3a5b19abf865e15.
---
 packages/realtime-compiler/resources/live-edit.blade.php | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/packages/realtime-compiler/resources/live-edit.blade.php b/packages/realtime-compiler/resources/live-edit.blade.php
index 9b6c48f7892..f75810cc616 100644
--- a/packages/realtime-compiler/resources/live-edit.blade.php
+++ b/packages/realtime-compiler/resources/live-edit.blade.php
@@ -23,13 +23,6 @@
                 <input type="hidden" name="page" value="{{ $page->getSourcePath() }}">
                 <label for="live-editor" class="sr-only">Edit page contents</label>
                 <textarea name="markdown" id="live-editor" cols="30" rows="20" class="rounded-lg bg-gray-200 dark:bg-gray-800">{{ $markdown }}</textarea>
-                <footer class="prose dark:prose-invert">
-                    <small>
-                        <a id="#liveEditSettingsButton" role="button" href="javascript:liveEditSettings();">
-                            Editor preferences
-                        </a>
-                    </small>
-                </footer>
             </form>
         </section>
     </template>