Merge branch 'main' into cursor/add-image-height-property-to-card-component-c4f8

Author: lovasoa

CHANGELOG.md

@@ -1,19 +1,23 @@
 # CHANGELOG.md
 
- ## v0.39.1 (2025-11-08)
-  - More precise server timing tracking to debug performance issues
-  - Fix missing server timing header in some cases
-  - Implement nice error messages for some header-related errors such as invalid header values.
-  - `compress_responses` is now set to `false` by default in the configuration.
-   - When response compression is enabled, additional buffering is needed. Users reported a better experience with pages that load more progressively, reducing the time before the pages' shell is rendered.
-   - When SQLPage is deployed behind a reverse proxy, compressing responses between sqlpage and the proxy is wasteful.
-  - In the table component, allow simple objects in custom_actions instead of requiring arrays of objects.
-  - Fatser icon loading. Previously, even a page containing a single icon required downloading and parsing a ~2MB file. This resulted in a delay where pages initially appeared with a blank space before icons appeared. Icons are now inlined inside pages and appear instantaneously.
-  - Updated tabler icons to 3.35
-  - Fix inaccurate ODBC warnings
-  - Added support for Microsoft SQL Server named instances: `mssql://user:pass@localhost/db?instance_name=xxx`
-  - Added a detailed [performance guide](https://sql-page.com/blog?post=Performance+Guide) to the docs.
-  - Added an `image_height` property to the card component so top images can be capped without stretching or upscaling.
+## unreleased
+ - add support for postgres range types
+ - Added an `image_height` property to the card component so top images can be capped without stretching or upscaling.
+
+
+## v0.39.1 (2025-11-08)
+ - More precise server timing tracking to debug performance issues
+ - Fix missing server timing header in some cases
+ - Implement nice error messages for some header-related errors such as invalid header values.
+ - `compress_responses` is now set to `false` by default in the configuration.
+  - When response compression is enabled, additional buffering is needed. Users reported a better experience with pages that load more progressively, reducing the time before the pages' shell is rendered.
+  - When SQLPage is deployed behind a reverse proxy, compressing responses between sqlpage and the proxy is wasteful.
+ - In the table component, allow simple objects in custom_actions instead of requiring arrays of objects.
+ - Fatser icon loading. Previously, even a page containing a single icon required downloading and parsing a ~2MB file. This resulted in a delay where pages initially appeared with a blank space before icons appeared. Icons are now inlined inside pages and appear instantaneously.
+ - Updated tabler icons to 3.35
+ - Fix inaccurate ODBC warnings
+ - Added support for Microsoft SQL Server named instances: `mssql://user:pass@localhost/db?instance_name=xxx`
+ - Added a detailed [performance guide](https://sql-page.com/blog?post=Performance+Guide) to the docs.
 
 ## v0.39.0 (2025-10-28)
  - Ability to execute sql for URL paths with another extension. If you create sitemap.xml.sql, it will be executed for example.com/sitemap.xml

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>