From 8b7028a6e5ea8bfd1e0e796341139ec718e387a7 Mon Sep 17 00:00:00 2001
From: Julian Mills <julian.exodius@gmail.com>
Date: Tue, 8 Oct 2024 12:46:31 +0200
Subject: [PATCH 1/4] refactor: improve surrealist mini component

---
 src/components/SurrealistMini.astro | 40 ++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/components/SurrealistMini.astro b/src/components/SurrealistMini.astro
index 0b586162d..8f4cf1eb4 100644
--- a/src/components/SurrealistMini.astro
+++ b/src/components/SurrealistMini.astro
@@ -1,30 +1,40 @@
 ---
 type Props = {
-    dataset?: 'surreal-deal';
+    url?: string;
+    dataset?: 'surreal-deal-store';
     setup?: string;
     query?: string;
     variables?: string | Record<string, unknown>;
-    theme?: 'automatic' | 'light' | 'dark';
-    url?: string;
+    theme?: 'auto' | 'light' | 'dark';
     height?: string;
+	compact?: boolean;
+	transparent?: boolean;
 };
 
-const { url: _url, height, ...props } = Astro.props;
+const { url, height, ...props } = Astro.props;
+const endpoint = new URL(url ?? "https://surrealist.app/mini");
+const config = new URLSearchParams(endpoint.search);
+
+const values = {
+	compact: false,
+	theme: 'auto',
+	...props,
+}
+
+for (const [k, v] of Object.entries(values)) {
+	if (v === false) {
+		config.delete(k);
+	} else {
+		config.set(k, typeof v === 'string' ? v : JSON.stringify(v));
+	}
+}
+
+endpoint.search = config.toString();
 
-props.variables =
-    typeof props.variables === 'string'
-        ? props.variables
-        : JSON.stringify(props.variables);
-const stringified = Object.fromEntries(
-    Object.entries(props).map(([k, v]) => [k, (v ?? '').toString()])
-);
-const search = new URLSearchParams(stringified).toString();
-// biome-ignore lint/style/useTemplate: We join here because otherwise it becomes a string literal nesting mess
-const url = (_url ?? `https://surrealist.app/mini?${search}`) + '&compact';
 ---
 
 <iframe 
-    src={url} 
+    src={endpoint.toString()} 
     style={{
         width: '100%', 
         height: height ?? '600px', 

From be2b8ab28dde09d16048e5c4f842804cd425b3af Mon Sep 17 00:00:00 2001
From: Julian Mills <julian.exodius@gmail.com>
Date: Tue, 8 Oct 2024 12:59:00 +0200
Subject: [PATCH 2/4] improve 404 page

---
 src/pages/404.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 38f4071d0..891749c38 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -17,7 +17,7 @@ import BaseLayout from '@components/layout/BaseLayout.astro';
                 While you're here, try some queries on Surrealist
             </p>
             <SurrealistMini
-                url="https://surrealist.app/mini?dataset=surreal-deal&query=%2F%2Fshow+complete+information+for+database+%0AINFO+FOR+DB%3B+%0A%0A%2F%2F+Select+all+from+artist+table+%0ASELECT+*+FROM+artist%3B%0A%0A%2F%2F+Select+specific+field+within+table+%0ASELECT+address.city+FROM+artist+%0A%0A%2F%2F+Add+your+queries+%F0%9F%98%83%0A%0A"
+                url="https://surrealist.app/mini?query=%2F%2F+Select+all+product+names%0ASELECT+name+FROM+product%3B%0A%0A%2F%2F+Select+most+recently+updated+products%0ASELECT+*+FROM+product+ORDER+BY+time.updated_at+DESC+LIMIT+3%3B%0A%0A%2F%2F+Write+your+own+queries%21+%F0%9F%98%83%0A&dataset=surreal-deal-store"
             />
         </div>
     </div>

From ecd469816e6bb3765cebc237d80064a788417bb3 Mon Sep 17 00:00:00 2001
From: Julian Mills <julian.exodius@gmail.com>
Date: Tue, 8 Oct 2024 13:03:44 +0200
Subject: [PATCH 3/4] fmt

---
 src/components/SurrealistMini.astro | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/SurrealistMini.astro b/src/components/SurrealistMini.astro
index 8f4cf1eb4..b6acc7057 100644
--- a/src/components/SurrealistMini.astro
+++ b/src/components/SurrealistMini.astro
@@ -7,30 +7,29 @@ type Props = {
     variables?: string | Record<string, unknown>;
     theme?: 'auto' | 'light' | 'dark';
     height?: string;
-	compact?: boolean;
-	transparent?: boolean;
+    compact?: boolean;
+    transparent?: boolean;
 };
 
 const { url, height, ...props } = Astro.props;
-const endpoint = new URL(url ?? "https://surrealist.app/mini");
+const endpoint = new URL(url ?? 'https://surrealist.app/mini');
 const config = new URLSearchParams(endpoint.search);
 
 const values = {
-	compact: false,
-	theme: 'auto',
-	...props,
-}
+    compact: false,
+    theme: 'auto',
+    ...props,
+};
 
 for (const [k, v] of Object.entries(values)) {
-	if (v === false) {
-		config.delete(k);
-	} else {
-		config.set(k, typeof v === 'string' ? v : JSON.stringify(v));
-	}
+    if (v === false) {
+        config.delete(k);
+    } else {
+        config.set(k, typeof v === 'string' ? v : JSON.stringify(v));
+    }
 }
 
 endpoint.search = config.toString();
-
 ---
 
 <iframe 

From 2be5557e2a63dd4e160474337140e09bca6e3a3a Mon Sep 17 00:00:00 2001
From: Julian Mills <julian.exodius@gmail.com>
Date: Tue, 8 Oct 2024 13:09:10 +0200
Subject: [PATCH 4/4] change: default compact

---
 src/components/SurrealistMini.astro | 2 +-
 src/pages/404.astro                 | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/SurrealistMini.astro b/src/components/SurrealistMini.astro
index b6acc7057..cc377911b 100644
--- a/src/components/SurrealistMini.astro
+++ b/src/components/SurrealistMini.astro
@@ -16,7 +16,7 @@ const endpoint = new URL(url ?? 'https://surrealist.app/mini');
 const config = new URLSearchParams(endpoint.search);
 
 const values = {
-    compact: false,
+    compact: true,
     theme: 'auto',
     ...props,
 };
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 891749c38..2b076875d 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -18,7 +18,8 @@ import BaseLayout from '@components/layout/BaseLayout.astro';
             </p>
             <SurrealistMini
                 url="https://surrealist.app/mini?query=%2F%2F+Select+all+product+names%0ASELECT+name+FROM+product%3B%0A%0A%2F%2F+Select+most+recently+updated+products%0ASELECT+*+FROM+product+ORDER+BY+time.updated_at+DESC+LIMIT+3%3B%0A%0A%2F%2F+Write+your+own+queries%21+%F0%9F%98%83%0A&dataset=surreal-deal-store"
-            />
+				compact={false}
+			/>
         </div>
     </div>
 </BaseLayout>