From 6c08df98a875bae580c8b5b90fa62beb6375c767 Mon Sep 17 00:00:00 2001
From: Jack Webb-Heller <JackWH@users.noreply.github.com>
Date: Sat, 2 Mar 2024 21:29:07 +0000
Subject: [PATCH 1/2] Only load CSS/JS assets on request

Previously, they were being bundled regardless of the presence of the SyntaxEntry component.
---
 src/FilamentSyntaxEntryServiceProvider.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/FilamentSyntaxEntryServiceProvider.php b/src/FilamentSyntaxEntryServiceProvider.php
index 33cebb0..a7c1aa1 100644
--- a/src/FilamentSyntaxEntryServiceProvider.php
+++ b/src/FilamentSyntaxEntryServiceProvider.php
@@ -53,8 +53,8 @@ protected function getAssetPackageName(): ?string
     protected function getAssets(): array
     {
         return [
-            Css::make('filament-syntax-entry-styles', __DIR__ . '/../resources/dist/filament-syntax-entry.css'),
-            Js::make('filament-syntax-entry-scripts', __DIR__ . '/../resources/dist/filament-syntax-entry.js'),
+            Css::make('filament-syntax-entry-styles', __DIR__ . '/../resources/dist/filament-syntax-entry.css')->loadedOnRequest(),
+            Js::make('filament-syntax-entry-scripts', __DIR__ . '/../resources/dist/filament-syntax-entry.js')->loadedOnRequest(),
         ];
     }
 

From 8fa82a4be0ae1a84efc9b1c995e3a3c1976a88b0 Mon Sep 17 00:00:00 2001
From: Jack Webb-Heller <JackWH@users.noreply.github.com>
Date: Sat, 2 Mar 2024 21:33:57 +0000
Subject: [PATCH 2/2] Set theme on Alpine component

---
 resources/views/syntax-entry.blade.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/views/syntax-entry.blade.php b/resources/views/syntax-entry.blade.php
index 2a219a8..5f608d8 100644
--- a/resources/views/syntax-entry.blade.php
+++ b/resources/views/syntax-entry.blade.php
@@ -19,6 +19,7 @@ class="filament-syntax-entry"
     >
         <div
             x-data="{
+                theme: localStorage.getItem('theme') ?? @js(filament()->getDefaultThemeMode()->value),
                 init() {
                     this.updateTheme();
                     const observer = new MutationObserver(() => this.updateTheme());