trmnl_preview 0.30.3 → 0.30.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: be8279b91f8e33f4750e7176131b29d393fe8a920f4313bcd6770af6fca278dc
-  data.tar.gz: aef27ba9bf23146aa0a52a2b8374e5c521f90b20a164247696a290c8d99b161e
+  metadata.gz: 19d57b76b4b9fac2e897d2b4f18459bce312329e9ed647cb950781e5834387e6
+  data.tar.gz: 3f12fe83acc40963e8a36a218275e42713aa5211ea80761cb46a44d72889de01
 SHA512:
-  metadata.gz: 76dd26fb7ad267c2a62ddc34e0ad5b220a3adea743dcfe2aac96b3de4d915c8d1a29cbf4b39bb0900c395ddb781015269f7fa913b278f79aec56010c790a82e5
-  data.tar.gz: 26f62dff933de915714295a8ae80530a2a567dabf4e4f676559dc5c20fc18c9fb780a3659fa9d5dadf5e63afaf6b4117989a16177727af19820a8290c26beca9
+  metadata.gz: ec019e1a423c47855cd9a96b1ef39578135e99aa9fb8b2b807e67f919b08884d360a180bc4619dcbdace7bf99095eeea4d1a69d672f6821a66ea3d33a78ee9c7
+  data.tar.gz: 4bb9acf58ffd364b56a265a16e4a4d2cafa48847cc763c27f7d74d0fd0b261cc69fca465e6af327cfbdd7fb8e116cff46f9fff372e636b9733679af875834758

data/CHANGELOG.md

@@ -1,6 +1,10 @@
 
 # Changelog
 
+## 0.30.4
+
+- `trmnlp lint` reports a margin, padding, gap or position class with a leading minus (`no_negative_spacing`), such as `-mt--2` or `lg:-top--1`. Tailwind writes negative values this way, but no Framework release defines a class that starts with a minus, so TRMNL ignores it and says nothing: an icon nudged up with `-mt--1` stays where it was.
+
 ## 0.30.3
 
 - `trmnlp test` serves the Framework's stylesheets, scripts and fonts from a cache in `~/.cache/trmnl/assets`, downloaded from trmnl.com once and kept as long as trmnl.com says. A run no longer fails when trmnl.com is slow or down, as long as the files were fetched before; when a file is due for a refresh and trmnl.com cannot be reached, the copy on disk is used.

data/lib/trmnlp/lint/checks/no_negative_spacing.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+require_relative '../check'
+
+module TRMNLP
+  module Lint
+    module Checks
+      # Reports margin, padding, gap and position classes written with a leading
+      # minus, such as `-mt--2` or `lg:-top--1`. Tailwind spells negative values
+      # this way, but no Framework release, from 1.0.0 to 3.4.2, defines a class
+      # that starts with a minus, so the class does nothing and nothing says so:
+      # an icon nudged up with `-mt--1` stays where it was.
+      class NoNegativeSpacing < Check
+        LEARN_MORE = 'https://trmnl.com/framework/docs/spacing'
+
+        PATTERN = /
+          (?<![\w:-])
+          (?<prefix>(?:[a-z0-9]+:)*)
+          -(?<family>[mp][trblxy]?|gap|top|right|bottom|left|inset)
+          --(?<value>[\w.]+)
+          (?![\w-])
+        /x
+
+        def issues
+          source.all_markup.scan(PATTERN).uniq.map do |prefix, family, value|
+            { message: "'#{prefix}-#{family}--#{value}' has no effect: " \
+                       "the Framework has no negative '#{family}--' classes.",
+              learn_more: LEARN_MORE }
+          end
+        end
+      end
+    end
+  end
+end

data/lib/trmnlp/lint/diagnostic.rb

@@ -43,7 +43,8 @@ module TRMNLP
         return source.locations(MARKUP_PATTERNS[rule_id]) if MARKUP_PATTERNS.key?(rule_id)
 
         case rule_id
-        when 'arbitrary_values_in_range', 'framework_classes_exist', 'framework_prefixes_exist' then class_locations
+        when 'arbitrary_values_in_range', 'no_negative_spacing', 'framework_classes_exist', 'framework_prefixes_exist'
+          class_locations
         when 'layouts_have_content' then empty_view_locations
         when 'form_fields_valid' then form_field_locations
         when 'custom_field_links_embedded' then custom_field_description_locations

data/lib/trmnlp/lint.rb

@@ -13,6 +13,7 @@ require_relative 'lint/checks/limited_inline_styles'
 require_relative 'lint/checks/no_style_restyling_framework'
 require_relative 'lint/checks/no_size_classes'
 require_relative 'lint/checks/arbitrary_values_in_range'
+require_relative 'lint/checks/no_negative_spacing'
 require_relative 'lint/checks/no_opacity'
 require_relative 'lint/checks/gray_text_has_one_bit_class'
 require_relative 'lint/checks/highcharts_animations_disabled'
@@ -52,6 +53,7 @@ module TRMNLP
       Checks::NoStyleRestylingFramework,
       Checks::NoSizeClasses,
       Checks::ArbitraryValuesInRange,
+      Checks::NoNegativeSpacing,
       Checks::NoOpacity,
       Checks::GrayTextHasOneBitClass,
       Checks::HighchartsAnimationsDisabled,

data/lib/trmnlp/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module TRMNLP
-  VERSION = '0.30.3'
+  VERSION = '0.30.4'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: trmnl_preview
 version: !ruby/object:Gem::Version
-  version: 0.30.3
+  version: 0.30.4
 platform: ruby
 authors:
 - Rockwell Schrock
@@ -441,6 +441,7 @@ files:
 - lib/trmnlp/lint/checks/no_async_functions.rb
 - lib/trmnlp/lint/checks/no_custom_filters.rb
 - lib/trmnlp/lint/checks/no_external_qr_codes.rb
+- lib/trmnlp/lint/checks/no_negative_spacing.rb
 - lib/trmnlp/lint/checks/no_nested_layouts.rb
 - lib/trmnlp/lint/checks/no_opacity.rb
 - lib/trmnlp/lint/checks/no_refresh_rate_field.rb