Merge branch 'pagination' of github.com:olivierauverlot/SQLPage into pagination

Author: Olivier Auverlot

CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG.md
 
+## unrelease
+ - add support for postgres range types
+
 ## v0.39.1 (2025-11-08)
  - More precise server timing tracking to debug performance issues
  - Fix missing server timing header in some cases

Cargo.lock

@@ -18,7 +18,7 @@ panic = "abort"
 codegen-units = 2
 
 [dependencies]
-sqlx = { package = "sqlx-oldapi", version = "0.6.50", default-features = false, features = [
+sqlx = { package = "sqlx-oldapi", version = "0.6.51", default-features = false, features = [
     "any",
     "runtime-tokio-rustls",
     "migrate",

Cargo.toml

@@ -0,0 +1,20 @@
+<div class="color-swatch-container" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1.5rem; margin: 2rem 0;">
+    {{#each_row}}
+    <div class="color-swatch-card" style="background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 1.5rem; backdrop-filter: blur(10px);">
+        <div class="color-preview" style="width: 100%; height: 120px; border-radius: 8px; margin-bottom: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); background: {{#if hex}}{{hex}}{{else}}var(--{{css_var}}){{/if}};">
+        </div>
+        <div class="color-info">
+            <h4 style="color: #ffffff; font-size: 1.1rem; margin-bottom: 0.5rem; font-weight: 600;">{{name}}</h4>
+            {{#if hex}}
+            <div style="font-family: monospace; font-size: 0.9rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.25rem;">{{hex}}</div>
+            {{/if}}
+            {{#if css_var}}
+            <div style="font-family: monospace; font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); margin-bottom: 0.25rem;">{{css_var}}</div>
+            {{/if}}
+            {{#if description}}
+            <p style="font-size: 0.85rem; color: rgba(255, 255, 255, 0.7); margin-top: 0.5rem; line-height: 1.4;">{{description}}</p>
+            {{/if}}
+        </div>
+    </div>
+    {{/each_row}}
+</div>

examples/official-site/sqlpage/templates/color_swatch.handlebars

@@ -0,0 +1,18 @@
+<div style="display: flex; flex-direction: column; gap: 2rem; margin: 2rem 0;">
+{{#each_row}}
+<div class="typography-sample" style="padding: 2rem; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px;">
+    {{#if title}}
+    <div style="font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.5rem;">{{title}}</div>
+    {{/if}}
+    <div style="font-family: {{font_family}}; font-size: {{font_size}}; font-weight: {{font_weight}}; line-height: {{line_height}}; color: {{text_color}}; letter-spacing: {{letter_spacing}}; margin-bottom: 1rem;">
+        {{sample_text}}
+    </div>
+    {{#if description}}
+    <div style="font-size: 0.85rem; color: rgba(255, 255, 255, 0.7); line-height: 1.5;">{{description}}</div>
+    {{/if}}
+    {{#if usage}}
+    <div style="font-size: 0.8rem; color: rgba(255, 255, 255, 0.5); margin-top: 0.5rem; font-style: italic;">Use for: {{usage}}</div>
+    {{/if}}
+</div>
+{{/each_row}}
+</div>