From 65b422b335512d72eed637aad5d6a083744e767c Mon Sep 17 00:00:00 2001
From: Brooke Kuhlmann <brooke@alchemists.io>
Date: Wed, 1 Apr 2026 11:30:35 -0600
Subject: [PATCH] Added Model API support for CSS density class

Necessary to pick up recent changes to the API.

Milestone: minor
---
 README.adoc                                | 59 +++++++++++++---------
 lib/trmnl/api/contracts/model.rb           |  1 +
 spec/lib/trmnl/api/contracts/model_spec.rb |  1 +
 spec/lib/trmnl/api/endpoints/model_spec.rb |  2 +
 4 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/README.adoc b/README.adoc
index 5ae0e6a..74bac6f 100644
--- a/README.adoc
+++ b/README.adoc
@@ -228,34 +228,31 @@ client.models
 
 # Success(
 #  [
-#    #<data TRMNL::API::Models::Model
-#      name="test",
-#      label="Test",
-#      description="A test.",
-#      kind="trmnl",
-#      colors=2,
-#      bit_depth=1,
-#      scale_factor=1,
-#      rotation=90,
-#      mime_type="image/png",
-#      width=800,
-#      height=480,
-#      offset_x=10,
-#      offset_y=15,
-#      palette_names=["bw"],
-#      css: {
-#        classes: {
-#          device: "screen--og_png",
-#          size: "screen--md"
+#    #<Struct:TRMNL::API::Models::Model:0x00003c20
+#      bit_depth = 4,
+#      colors = 16,
+#      css = {
+#          classes: {
+#          density: "screen--density-2x",
+#           device: "screen--v2",
+#             size: "screen--lg"
 #        },
 #        variables: [
 #          [
 #            "--screen-w",
-#            "800px"
+#            "1040px"
 #          ],
 #          [
 #            "--screen-h",
-#            "480px"
+#            "780px"
+#          ],
+#          [
+#            "--pixel-ratio",
+#            "1.8"
+#          ],
+#          [
+#            "--dither-pixel-ratio",
+#            "2.0"
 #          ],
 #          [
 #            "--ui-scale",
@@ -266,7 +263,23 @@ client.models
 #            "1.0"
 #          ]
 #        ]
-#      }
+#      },
+#      description = "TRMNL X",
+#      height = 1404,
+#      kind = "trmnl",
+#      label = "TRMNL X",
+#      mime_type = "image/png",
+#      name = "v2",
+#      offset_x = 0,
+#      offset_y = 0,
+#      palette_names = [
+#        "gray-16",
+#        "gray-4",
+#        "bw"
+#      ],
+#      rotation = 0,
+#      scale_factor = 1.8,
+#      width = 1872
 #    >
 #  ]
 # )
@@ -328,7 +341,7 @@ client.recipes search: "comic"     # Answers first page of comics.
 client.recipes sort: "popularity"  # Answers first page sorted by popularity.
 
 # Success(
-#  #<data TRMNL::API::Models::Recipe:0x00010fc0
+#  #<data TRMNL::API::Models::Recipe
 #    data = [
 #      #<Struct:TRMNL::API::Models::Recipes::Data:0x00010fe0
 #        author = #<Struct:TRMNL::API::Models::Recipes::Author:0x00010ff0
diff --git a/lib/trmnl/api/contracts/model.rb b/lib/trmnl/api/contracts/model.rb
index 1cb5f45..b34c9d4 100644
--- a/lib/trmnl/api/contracts/model.rb
+++ b/lib/trmnl/api/contracts/model.rb
@@ -24,6 +24,7 @@ module TRMNL
           required(:palette_ids).array(:string)
           optional(:css).hash do
             optional(:classes).hash do
+              required(:density).filled :string
               required(:device).filled :string
               required(:size).filled :string
             end
diff --git a/spec/lib/trmnl/api/contracts/model_spec.rb b/spec/lib/trmnl/api/contracts/model_spec.rb
index bcfae3c..323667d 100644
--- a/spec/lib/trmnl/api/contracts/model_spec.rb
+++ b/spec/lib/trmnl/api/contracts/model_spec.rb
@@ -23,6 +23,7 @@ RSpec.describe TRMNL::API::Contracts::Model do
       palette_ids: %w[bw grey-4],
       css: {
         classes: {
+          density: "screen--density-2x",
           device: "screen--v2",
           size: "screen--lg"
         },
diff --git a/spec/lib/trmnl/api/endpoints/model_spec.rb b/spec/lib/trmnl/api/endpoints/model_spec.rb
index 455b66e..3870670 100644
--- a/spec/lib/trmnl/api/endpoints/model_spec.rb
+++ b/spec/lib/trmnl/api/endpoints/model_spec.rb
@@ -37,6 +37,7 @@ RSpec.describe TRMNL::API::Endpoints::Model do
                     "palette_ids": ["bw", "grey-4"],
                     "css": {
                       "classes": {
+                        "density": "screen--density-2x",
                         "device": "screen--v2",
                         "size": "screen--lg"
                       },
@@ -74,6 +75,7 @@ RSpec.describe TRMNL::API::Endpoints::Model do
               palette_names: %w[bw grey-4],
               css: {
                 classes: {
+                  density: "screen--density-2x",
                   device: "screen--v2",
                   size: "screen--lg"
                 },