add more examples

src/routes/+page.svelte

@@ -11,22 +11,22 @@
 	<meta name="description" content="A collection of snippets for DuckDB." />
 </svelte:head>
 
-<section class="max-w-2xl mx-auto px-4 py-8">
-	<h1 class="text-5xl mt-20 font-bold text-center tracking-tight text-slate-800 mb-8">{config.title}</h1>
+<section class="max-w-2xl mx-auto px-4 py-8 pb-32">
+	<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-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>

src/snippets/alpaca_to_chatml.md

@@ -0,0 +1,88 @@
+---
+id: "alpaca-to-chatml"
+title: "Convert Alpaca to Conversation Format"
+slug: "alpaca-to-chatml"
+description: "Convert Alpaca format to ChatML Conversation format"
+code: |
+    -- Convert Alpaca format to Conversation format
+    WITH 
+    source_view AS (
+      SELECT * FROM train  -- Change 'train' to your desired view name here
+    )
+    SELECT 
+      [
+        struct_pack(
+          "from" := 'system',
+          "value" := instruction
+        ),
+        struct_pack(
+          "from" := 'user',
+          "value" := input
+        ),
+        struct_pack(
+          "from" := 'assistant',
+          "value" := output
+        )
+      ] AS conversation
+    FROM source_view
+    WHERE instruction IS NOT NULL 
+      AND input IS NOT NULL 
+      AND output IS NOT NULL;
+---
+
+# Converting Alpaca to ChatML Conversation Format
+
+```sql
+-- Convert Alpaca format to Conversation format
+WITH 
+source_view AS (
+  SELECT * FROM train  -- Change 'train' to your desired view name here
+)
+SELECT 
+  [
+    struct_pack(
+      "from" := 'system',
+      "value" := instruction
+    ),
+    struct_pack(
+      "from" := 'user',
+      "value" := input
+    ),
+    struct_pack(
+      "from" := 'assistant',
+      "value" := output
+    )
+  ] AS conversation
+FROM source_view
+WHERE instruction IS NOT NULL 
+  AND input IS NOT NULL 
+  AND output IS NOT NULL;
+```
+
+## Why?
+
+Differences between Alpaca and ChatML Conversation Format:
+
+1. **Alpaca Format**:
+   - The Alpaca format usually has three columns: `instruction`, `input`, and `output`.
+
+2. **ChatML Conversation Format**:
+   - The ChatML Conversation format is a JSON format that contains a list of messages.
+   - Each message has a `from` field, which can be either `system`, `user`, or `assistant`.
+   - The `value` field contains the message content.
+
+
+## Example
+
+### `yahma/alpaca-cleaned`
+
+<iframe
+  src="https://huggingface.co/datasets/yahma/alpaca-cleaned/embed/viewer/default/train"
+  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?sql_console=true&sql=WITH+%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+%27system%27%2C%0A++++++%22value%22+%3A%3D+instruction%0A++++%29%2C%0A++++struct_pack%28%0A++++++%22from%22+%3A%3D+%27user%27%2C%0A++++++%22value%22+%3A%3D+input%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+input+IS+NOT+NULL+%0A++AND+output+IS+NOT+NULL%3B).
+
+![Alpaca to ChatML](./alpaca-to-conversation.png)

src/snippets/show_tables.md

@@ -0,0 +1,26 @@
+---
+id: "duckdb-show-tables"
+title: "Show Tables"
+slug: "duckdb-show-tables-query"
+description: "List all tables that are loaded using SHOW TABLES or PRAGMA show_tables."
+code: |
+    -- List all tables using SQL command
+    SHOW TABLES;
+
+    -- List all tables using PRAGMA
+    PRAGMA show_tables;
+---
+
+# DuckDB Show Tables Query
+
+This snippet demonstrates how to list all tables in the current DuckDB database using either the `SHOW TABLES` command or the `PRAGMA show_tables` function.
+
+```sql
+-- List all tables using SQL command
+SHOW TABLES;
+
+-- List all tables using PRAGMA
+PRAGMA show_tables;
+```
+
+You can read more about this [here](https://duckdb.org/docs/configuration/pragmas.html#metadata).

src/snippets/table_info.md

@@ -0,0 +1,36 @@
+---
+id: "duckdb-table-info"
+title: "Table Info"
+slug: "duckdb-table-info-query"
+description: "Get detailed information about a table's structure"
+code: |
+    -- Returns detailed information about a table's structure
+    -- Use this to get the column names, types, and other details
+    PRAGMA table_info('table_name');
+---
+
+# DuckDB Table Info Query
+
+This snippet demonstrates how to use the `PRAGMA table_info` function in DuckDB to get detailedinformation about a specific table's structure.
+
+Try out this query [here](https://huggingface.co/datasets/NousResearch/hermes-function-calling-v1?sql_console=true&sql=pragma+table_info%28%27func_calling_singleturn%27%29)
+
+```sql
+-- Returns detailed information about a table's structure
+-- Use this to get the column names, types, and other details
+PRAGMA table_info('table_name');
+```
+
+# Example Output
+
+| cid | name          | type                                     | notnull | dflt_value | pk    |
+|-----|---------------|------------------------------------------|---------|------------|-------|
+| 0   | id            | VARCHAR                                  | false   | null       | false |
+| 1   | conversations | STRUCT("from" VARCHAR, "value" VARCHAR)[] | false   | null       | false |
+| 2   | category      | VARCHAR                                  | false   | null       | false |
+| 3   | subcategory   | VARCHAR                                  | false   | null       | false |
+| 4   | task          | VARCHAR                                  | false   | null       | false |
+
+You can read more about this [here](https://duckdb.org/docs/configuration/pragmas.html#table-information).
+
+