add sql embed

src/routes/+page.svelte

@@ -15,18 +15,18 @@
 	<h1 class="text-5xl mt-10 font-bold text-center tracking-tight text-slate-800 mb-8">{config.title}</h1>
 	<p class="text-base text-center text-slate-600 mb-8">{config.description}</p>
 	<ul class="space-y-12">
-			{#each data.snippets as snippet}
-				<li class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
-					<div class="p-4">
-						<a href={`${snippet.slug}`} class="block mb-4 hover:underline transition-colors duration-300">
-							<h2 class="text-2xl font-bold transition-colors duration-300">{snippet.title}</h2>
-						</a>
-						<p class="text-sm text-slate-700 font-mono mb-6">{snippet.description}</p>
-						{#if snippet.code}
-							<CodeBlock code={snippet.code} language="sql" />
-						{/if}
-						</div>
-					</li>
-				{/each}
-			</ul>
-		</section>
+		{#each data.snippets as snippet}
+			<li class="bg-whiterounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
+				<div class="p-4">
+					<a href={`${snippet.slug}`} class="block mb-4 hover:underline transition-colors duration-300">
+						<h2 class="text-2xl font-bold transition-colors duration-300">{snippet.title}</h2>
+					</a>
+					<p class="text-sm text-slate-700 font-mono mb-6">{snippet.description}</p>
+					{#if snippet.code}
+						<CodeBlock code={snippet.code} language="sql" />
+					{/if}
+				</div>
+			</li>
+		{/each}
+	</ul>
+</section>

src/snippets/alpaca_to_chatml.md

@@ -75,13 +75,13 @@ Differences between Alpaca and ChatML Conversation Format:
 ### `yahma/alpaca-cleaned`
 
 <iframe
-  src="https://huggingface.co/datasets/yahma/alpaca-cleaned/embed/viewer/default/train"
+  src="https://huggingface.co/datasets/yahma/alpaca-cleaned/embed/viewer/default/train?sql_console=true&sql=--+Convert+Alpaca+format+to+Conversation+format%0AWITH+%0Asource_view+AS+%28%0A++SELECT+*+FROM+train++--+Change+%27train%27+to+your+desired+view+name+here%0A%29%0ASELECT+%0A++%5B%0A++++struct_pack%28%0A++++++%22from%22+%3A%3D+%27user%27%2C%0A++++++%22value%22+%3A%3D+CASE+%0A+++++++++++++++++++WHEN+input+IS+NOT+NULL+AND+input+%21%3D+%27%27+%0A+++++++++++++++++++THEN+instruction+%7C%7C+%27%5Cn%5Cn%27+%7C%7C+input%0A+++++++++++++++++++ELSE+instruction%0A+++++++++++++++++END%0A++++%29%2C%0A++++struct_pack%28%0A++++++%22from%22+%3A%3D+%27assistant%27%2C%0A++++++%22value%22+%3A%3D+output%0A++++%29%0A++%5D+AS+conversation%0AFROM+source_view%0AWHERE+instruction+IS+NOT+NULL+%0A++AND+output+IS+NOT+NULL%3B"
   frameborder="0"
   width="100%"
   height="560px"
 ></iframe>
 
-You can run this query through via the `sql_console` in the Hugging Face Hub [here](https://huggingface.co/datasets/yahma/alpaca-cleaned?row=16&sql_console=true&sql=++++--+Convert+Alpaca+format+to+Conversation+format%0A++++WITH+%0A++++source_view+AS+%28%0A++++++SELECT+*+FROM+train++--+Change+%27train%27+to+your+desired+view+name+here%0A++++%29%0A++++SELECT+%0A++++++%5B%0A++++++++struct_pack%28%0A++++++++++%22from%22+%3A%3D+%27user%27%2C%0A++++++++++%22value%22+%3A%3D+CASE+%0A++++++++++++++++++++++WHEN+input+IS+NOT+NULL+AND+input+%21%3D+%27%27+%0A++++++++++++++++++++++THEN+instruction+%7C%7C+%27%5Cn%5Cn%27+%7C%7C+input%0A++++++++++++++++++++++ELSE+instruction%0A++++++++++++++++++++END%0A++++++++%29%2C%0A++++++++struct_pack%28%0A++++++++++%22from%22+%3A%3D+%27assistant%27%2C%0A++++++++++%22value%22+%3A%3D+output%0A++++++++%29%0A++++++%5D+AS+conversation%0A++++FROM+source_view%0A++++WHERE+instruction+IS+NOT+NULL+%0A++++++AND+output+IS+NOT+NULL%3B).
+You can run this query through via the `sql_console` in the Hugging Face Hub [here](https://huggingface.co/datasets/yahma/alpaca-cleaned/embed/viewer/default/train?sql_console=true&sql=--+Convert+Alpaca+format+to+Conversation+format%0AWITH+%0Asource_view+AS+%28%0A++SELECT+*+FROM+train++--+Change+%27train%27+to+your+desired+view+name+here%0A%29%0ASELECT+%0A++%5B%0A++++struct_pack%28%0A++++++%22from%22+%3A%3D+%27user%27%2C%0A++++++%22value%22+%3A%3D+CASE+%0A+++++++++++++++++++WHEN+input+IS+NOT+NULL+AND+input+%21%3D+%27%27+%0A+++++++++++++++++++THEN+instruction+%7C%7C+%27%5Cn%5Cn%27+%7C%7C+input%0A+++++++++++++++++++ELSE+instruction%0A+++++++++++++++++END%0A++++%29%2C%0A++++struct_pack%28%0A++++++%22from%22+%3A%3D+%27assistant%27%2C%0A++++++%22value%22+%3A%3D+output%0A++++%29%0A++%5D+AS+conversation%0AFROM+source_view%0AWHERE+instruction+IS+NOT+NULL+%0A++AND+output+IS+NOT+NULL%3B).
 
 ![Alpaca to ChatML](./alpaca-to-conversation.png)