DEV: Update linting

Author: CvX

Gemfile.lock

@@ -1,8 +1,9 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (7.2.1.1)
+    activesupport (8.0.2)
       base64
+      benchmark (>= 0.3)
       bigdecimal
       concurrent-ruby (~> 1.0, >= 1.3.1)
       connection_pool (>= 2.2.5)
@@ -12,68 +13,81 @@ GEM
       minitest (>= 5.1)
       securerandom (>= 0.3)
       tzinfo (~> 2.0, >= 2.0.5)
+      uri (>= 0.13.1)
     ast (2.4.2)
     base64 (0.2.0)
-    bigdecimal (3.1.8)
-    concurrent-ruby (1.3.4)
-    connection_pool (2.4.1)
+    benchmark (0.4.0)
+    bigdecimal (3.1.9)
+    concurrent-ruby (1.3.5)
+    connection_pool (2.5.0)
     drb (2.2.1)
-    i18n (1.14.6)
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    json (2.7.2)
-    language_server-protocol (3.17.0.3)
-    logger (1.6.1)
-    minitest (5.25.1)
+    json (2.10.2)
+    language_server-protocol (3.17.0.4)
+    lint_roller (1.1.0)
+    logger (1.6.6)
+    minitest (5.25.5)
     parallel (1.26.3)
-    parser (3.3.5.0)
+    parser (3.3.7.1)
       ast (~> 2.4.1)
       racc
     prettier_print (1.2.1)
     racc (1.8.1)
-    rack (3.1.8)
+    rack (3.1.12)
     rainbow (3.1.1)
-    regexp_parser (2.9.2)
-    rubocop (1.67.0)
+    regexp_parser (2.10.0)
+    rubocop (1.74.0)
       json (~> 2.3)
-      language_server-protocol (>= 3.17.0)
+      language_server-protocol (~> 3.17.0.2)
+      lint_roller (~> 1.1.0)
       parallel (~> 1.10)
       parser (>= 3.3.0.2)
       rainbow (>= 2.2.2, < 4.0)
-      regexp_parser (>= 2.4, < 3.0)
-      rubocop-ast (>= 1.32.2, < 2.0)
+      regexp_parser (>= 2.9.3, < 3.0)
+      rubocop-ast (>= 1.38.0, < 2.0)
       ruby-progressbar (~> 1.7)
-      unicode-display_width (>= 2.4.0, < 3.0)
-    rubocop-ast (1.32.3)
+      unicode-display_width (>= 2.4.0, < 4.0)
+    rubocop-ast (1.39.0)
       parser (>= 3.3.1.0)
-    rubocop-capybara (2.21.0)
-      rubocop (~> 1.41)
-    rubocop-discourse (3.8.2)
+    rubocop-capybara (2.22.1)
+      lint_roller (~> 1.1)
+      rubocop (~> 1.72, >= 1.72.1)
+    rubocop-discourse (3.12.1)
       activesupport (>= 6.1)
-      rubocop (>= 1.59.0)
-      rubocop-capybara (>= 2.0.0)
-      rubocop-factory_bot (>= 2.0.0)
-      rubocop-rails (>= 2.25.0)
+      lint_roller (>= 1.1.0)
+      rubocop (>= 1.73.2)
+      rubocop-capybara (>= 2.22.0)
+      rubocop-factory_bot (>= 2.27.0)
+      rubocop-rails (>= 2.30.3)
       rubocop-rspec (>= 3.0.1)
-      rubocop-rspec_rails (>= 2.30.0)
-    rubocop-factory_bot (2.26.1)
-      rubocop (~> 1.61)
-    rubocop-rails (2.26.2)
+      rubocop-rspec_rails (>= 2.31.0)
+    rubocop-factory_bot (2.27.1)
+      lint_roller (~> 1.1)
+      rubocop (~> 1.72, >= 1.72.1)
+    rubocop-rails (2.30.3)
       activesupport (>= 4.2.0)
+      lint_roller (~> 1.1)
       rack (>= 1.1)
-      rubocop (>= 1.52.0, < 2.0)
-      rubocop-ast (>= 1.31.1, < 2.0)
-    rubocop-rspec (3.1.0)
-      rubocop (~> 1.61)
-    rubocop-rspec_rails (2.30.0)
-      rubocop (~> 1.61)
-      rubocop-rspec (~> 3, >= 3.0.1)
+      rubocop (>= 1.72.1, < 2.0)
+      rubocop-ast (>= 1.38.0, < 2.0)
+    rubocop-rspec (3.5.0)
+      lint_roller (~> 1.1)
+      rubocop (~> 1.72, >= 1.72.1)
+    rubocop-rspec_rails (2.31.0)
+      lint_roller (~> 1.1)
+      rubocop (~> 1.72, >= 1.72.1)
+      rubocop-rspec (~> 3.5)
     ruby-progressbar (1.13.0)
-    securerandom (0.3.1)
+    securerandom (0.4.1)
     syntax_tree (6.2.0)
       prettier_print (>= 1.2.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (2.6.0)
+    unicode-display_width (3.1.4)
+      unicode-emoji (~> 4.0, >= 4.0.4)
+    unicode-emoji (4.0.4)
+    uri (1.0.3)
 
 PLATFORMS
   arm64-darwin-23
@@ -84,4 +98,4 @@ DEPENDENCIES
   syntax_tree
 
 BUNDLED WITH
-   2.5.21
+   2.6.6

desktop/desktop.scss

@@ -20,6 +20,7 @@ $sidebar-width: #{$sidebar_width}em;
 
   body.has-sidebar-page & {
     grid-template-columns: 1fr minmax(0, var(--d-max-width)) 1fr; // overriding core
+
     .sidebar-wrapper {
       width: var(--d-sidebar-width);
     }
@@ -79,6 +80,7 @@ $sidebar-width: #{$sidebar_width}em;
       .d-header-mode {
         grid-area: extra-info;
         white-space: nowrap;
+
         @include breakpoint("tablet") {
           display: none;
         }
@@ -98,9 +100,10 @@ $sidebar-width: #{$sidebar_width}em;
           minmax(0, calc(var(--d-max-width)))
           1fr
           minmax(0, calc(var(--d-sidebar-width) - 11px));
+        gap: 1em;
 
         // at narrower widths, when 1fr = 0
-        // we can center without mataching the sidebar's width
+        // we can center without matching the sidebar's width
         // which allows the title to take up the remaining width
         @media screen and (max-width: 1400px) {
           grid-template-columns:
@@ -110,37 +113,44 @@ $sidebar-width: #{$sidebar_width}em;
             1fr
             auto;
         }
-        gap: 1em;
+
         @media screen and (max-width: 1000px) {
           gap: 0.5em;
         }
+
         .d-header-mode {
           grid-area: extra-info;
         }
       }
     }
   }
+
   .header-sidebar-toggle {
     grid-area: logo;
   }
+
   .before-header-panel-outlet {
     grid-area: extra-info;
   }
+
   .d-header-mode {
     .bootstrap-mode {
       margin: 0;
     }
   }
+
   .home-logo-wrapper-outlet {
     grid-area: logo;
     margin-left: 3.7em; // 2.7em hamburger width + 1em for margin
     margin-right: 0.725em;
     display: flex;
     overflow: visible;
+
     .title {
       flex: 1 0 auto;
     }
   }
+
   .panel {
     grid-area: panel;
   }
@@ -169,6 +179,7 @@ body.has-sidebar-page {
       margin-left: auto;
       margin-right: auto;
     }
+
     .sidebar-container {
       height: auto;
     }
@@ -178,16 +189,18 @@ body.has-sidebar-page {
     #reply-control.show-preview:not(.fullscreen) {
       margin-left: $sidebar-width;
       width: auto;
-      //overruling new core composer changes
+
+      // overruling new core composer changes
       max-width: $reply-area-max-width;
       transform: none;
     }
+
     .sidebar-container {
       height: auto;
     }
   }
 
-  //overruling new core composer changes
+  // overruling new core composer changes
   @media screen and (min-width: $reply-area-max-width) {
     #reply-control.show-preview:not(.fullscreen) {
       max-width: $reply-area-max-width;
@@ -200,6 +213,7 @@ body.sidebar-animate {
   #main-outlet-wrapper {
     transition: none;
   }
+
   .d-header-wrap .wrap {
     transition: none;
   }

package.json

@@ -1,10 +1,11 @@
 {
   "private": true,
   "devDependencies": {
-    "@discourse/lint-configs": "2.4.0",
-    "ember-template-lint": "6.1.0",
-    "eslint": "9.19.0",
-    "prettier": "2.8.8"
+    "@discourse/lint-configs": "2.11.1",
+    "ember-template-lint": "7.0.1",
+    "eslint": "9.22.0",
+    "prettier": "3.5.3",
+    "stylelint": "16.16.0"
   },
   "engines": {
     "node": ">= 22",