DEV: Update linting (#47)

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)
+    benchmark (0.4.0)
-    concurrent-ruby (1.3.4)
+    bigdecimal (3.1.9)
-    connection_pool (2.4.1)
+    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)
+    json (2.10.2)
-    language_server-protocol (3.17.0.3)
+    language_server-protocol (3.17.0.4)
-    logger (1.6.1)
+    lint_roller (1.1.0)
-    minitest (5.25.1)
+    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.10)
+    rack (3.1.12)
     rainbow (3.1.1)
-    regexp_parser (2.9.2)
+    regexp_parser (2.10.0)
-    rubocop (1.67.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)
+      regexp_parser (>= 2.9.3, < 3.0)
-      rubocop-ast (>= 1.32.2, < 2.0)
+      rubocop-ast (>= 1.38.0, < 2.0)
       ruby-progressbar (~> 1.7)
-      unicode-display_width (>= 2.4.0, < 3.0)
+      unicode-display_width (>= 2.4.0, < 4.0)
-    rubocop-ast (1.32.3)
+    rubocop-ast (1.39.0)
       parser (>= 3.3.1.0)
-    rubocop-capybara (2.21.0)
+    rubocop-capybara (2.22.1)
-      rubocop (~> 1.41)
+      lint_roller (~> 1.1)
-    rubocop-discourse (3.8.2)
+      rubocop (~> 1.72, >= 1.72.1)
+    rubocop-discourse (3.12.1)
       activesupport (>= 6.1)
-      rubocop (>= 1.59.0)
+      lint_roller (>= 1.1.0)
-      rubocop-capybara (>= 2.0.0)
+      rubocop (>= 1.73.2)
-      rubocop-factory_bot (>= 2.0.0)
+      rubocop-capybara (>= 2.22.0)
-      rubocop-rails (>= 2.25.0)
+      rubocop-factory_bot (>= 2.27.0)
+      rubocop-rails (>= 2.30.3)
       rubocop-rspec (>= 3.0.1)
-      rubocop-rspec_rails (>= 2.30.0)
+      rubocop-rspec_rails (>= 2.31.0)
-    rubocop-factory_bot (2.26.1)
+    rubocop-factory_bot (2.27.1)
-      rubocop (~> 1.61)
+      lint_roller (~> 1.1)
-    rubocop-rails (2.26.2)
+      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 (>= 1.72.1, < 2.0)
-      rubocop-ast (>= 1.31.1, < 2.0)
+      rubocop-ast (>= 1.38.0, < 2.0)
-    rubocop-rspec (3.1.0)
+    rubocop-rspec (3.5.0)
-      rubocop (~> 1.61)
+      lint_roller (~> 1.1)
-    rubocop-rspec_rails (2.30.0)
+      rubocop (~> 1.72, >= 1.72.1)
-      rubocop (~> 1.61)
+    rubocop-rspec_rails (2.31.0)
-      rubocop-rspec (~> 3, >= 3.0.1)
+      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

common/common.scss

@@ -28,23 +28,31 @@
 .custom-homepage-columns {
   margin: 2em 0 2em 0;
   padding: 0;
+  display: none;
+
   .col {
     position: relative;
     border-radius: var(--mint-border-radius);
-    @include mint-card-bg;
     padding: 2em 2em 1em;
     border-top: 8px solid var(--tertiary);
-    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.1),
+    box-shadow:
+      0 8px 60px 0 rgba(103, 151, 255, 0.1),
       0 12px 90px 0 rgba(133, 255, 103, 0.1);
+
+    @include mint-card-bg;
+
     .header-wrapper {
       background-color: transparent;
+
       a h2 {
         color: var(--primary);
       }
+
       .btn-primary {
         display: none;
       }
     }
+
     .btn-more {
       color: var(--secondary);
       background: var(--tertiary);
@@ -52,6 +60,7 @@
       border-radius: var(--mint-border-radius);
       text-transform: uppercase;
       border: 1px solid var(--tertiary);
+
       &:hover {
         color: var(--secondary);
         background: var(--tertiary-hover);
@@ -80,12 +89,14 @@
 .navigation-topics {
   .container.list-container {
     border-radius: var(--mint-border-radius);
-    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.1),
+    box-shadow:
+      0 8px 60px 0 rgba(103, 151, 255, 0.1),
       0 12px 90px 0 rgba(133, 255, 103, 0.1);
     padding: 2em;
-    @include mint-card-bg;
     border-top: 8px solid var(--tertiary);
     margin-top: 0.8em;
+
+    @include mint-card-bg;
   }
 }
 
@@ -114,6 +125,7 @@ a {
 .category-boxes {
   grid-gap: 2em;
   border-radius: var(--mint-border-radius);
+
   .category-box {
     width: 100%;
     margin: 0;
@@ -122,16 +134,19 @@ a {
     border-top: 8px solid;
     background: var(--secondary);
     border-radius: var(--mint-border-radius);
-    box-shadow: 0px 2px 3px 0px rgba(2, 47, 57, 0.14);
+    box-shadow: 0 2px 3px 0 rgba(2, 47, 57, 0.14);
+
     .category-box-inner {
       border: none;
       padding: 0;
+
       .category-details {
         padding: 2em;
       }
     }
+
     &:hover {
-      box-shadow: 0px 40px 30px 0px rgba(2, 47, 57, 0.1);
+      box-shadow: 0 40px 30px 0 rgba(2, 47, 57, 0.1);
       transform: translateY(-2px);
     }
   }
@@ -158,15 +173,18 @@ a {
   border-radius: var(--mint-border-radius);
   text-transform: uppercase;
   border: 2px solid var(--tertiary);
+
   .fa {
     color: var(--secondary);
   }
+
   &:hover {
     background: var(--tertiary);
     color: var(--secondary);
     box-shadow: var(--mint-hover-shadow);
     transition: all 0.3s linear;
     border-radius: var(--mint-border-radius);
+
     .fa {
       color: var(--secondary);
     }
@@ -182,6 +200,7 @@ a {
     background: transparent;
     border-radius: none;
     border: none;
+
     &:hover {
       background: var(--tertiary);
       border-radius: 0;
@@ -192,6 +211,7 @@ a {
 .list-controls .combo-box .combo-box-header {
   border: none;
   border-radius: var(--mint-border-radius);
+
   @include mint-card-bg;
 }
 
@@ -199,6 +219,7 @@ a {
   svg {
     color: var(--tertiary);
   }
+
   &:hover {
     background: var(--tertiary);
     color: var(--secondary);
@@ -208,6 +229,7 @@ a {
 .nav-pills li a {
   border: 1px solid transparent;
   border-radius: var(--mint-border-radius);
+
   &:hover {
     border-radius: var(--mint-border-radius);
     transition: all 0.3s linear;
@@ -215,6 +237,7 @@ a {
     color: var(--tertiary);
     border: 1px dashed var(--tertiary);
   }
+
   &.active {
     border-radius: var(--mint-border-radius);
     transition: all 0.3s linear;
@@ -229,8 +252,10 @@ a {
   border-radius: var(--mint-border-radius);
   border: 1px solid var(--tertiary);
   color: var(--secondary);
+
   svg {
     color: var(--secondary);
+
     &:hover {
       color: var(--secondary);
     }
@@ -244,9 +269,11 @@ a {
   color: var(--primary-medium);
   border: 1px solid transparent;
   border-radius: 0;
+
   svg {
-    color: currentColor;
+    color: currentcolor;
   }
+
   &:hover {
     color: var(--secondary);
     background: var(--tertiary-hover);
@@ -265,6 +292,7 @@ a {
   color: var(--secondary);
   background: var(--tertiary-hover);
   border-radius: 5px;
+
   .fa {
     color: var(--secondary);
   }
@@ -284,6 +312,7 @@ a {
   border-radius: var(--mint-border-radius);
   text-transform: uppercase;
   border: 1px solid var(--tertiary);
+
   .fa {
     color: var(--secondary);
   }
@@ -322,6 +351,7 @@ a:hover {
 
 .image-upload-controls .btn-default {
   border: 1px solid var(--secondary);
+
   .fa {
     color: var(--secondary);
   }
@@ -334,6 +364,7 @@ a:hover {
     background: var(--tertiary);
     color: var(--secondary);
   }
+
   .btn-primary {
     border-radius: var(--mint-border-radius);
   }
@@ -366,6 +397,7 @@ summary.select-kit-header.single-select-header.dropdown-select-box-header {
     background: var(--tertiary);
     color: var(--secondary);
   }
+
   .search-advanced-filters {
     border: 1px dashed var(--tertiary);
   }
@@ -376,10 +408,6 @@ summary.select-kit-header.single-select-header.dropdown-select-box-header {
   display: none;
 }
 
-.custom-homepage-columns {
-  display: none;
-}
-
 .mint-component-extensions {
   .search-banner {
     display: block;

desktop/desktop.scss

@@ -1,13 +1,15 @@
 @import "variables";
 
-body:not(.navigation-categories):not(.navigation-topics) #main-outlet {
+body:not(.navigation-categories, .navigation-topics) #main-outlet {
   border-radius: var(--mint-border-radius);
-  box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.1),
+  box-shadow:
+    0 8px 60px 0 rgba(103, 151, 255, 0.1),
     0 12px 90px 0 rgba(133, 255, 103, 0.1);
   padding: 2em;
-  @include mint-card-bg;
   border-top: 8px solid $tertiary;
   margin-top: 1em;
+
+  @include mint-card-bg;
 }
 
 .boxed {
@@ -16,7 +18,7 @@ body:not(.navigation-categories):not(.navigation-topics) #main-outlet {
   }
 }
 
-#main-outlet:after {
+#main-outlet::after {
   content: "";
   display: block;
   position: fixed;
@@ -29,7 +31,7 @@ body:not(.navigation-categories):not(.navigation-topics) #main-outlet {
   top: -57px;
 }
 
-#main-outlet:before {
+#main-outlet::before {
   content: "";
   display: block;
   position: fixed;

package.json

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

scss/chat.scss

@@ -2,6 +2,7 @@ html body.has-sidebar-page.has-full-page-chat {
   #main-outlet-wrapper {
     gap: 2em;
   }
+
   #main-outlet {
     padding: 0 !important;
   }
@@ -28,6 +29,7 @@ html body.has-sidebar-page.has-full-page-chat {
 
 .chat-drawer .chat-drawer-container {
   border-radius: var(--mint-border-radius) var(--mint-border-radius) 0 0;
-  box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.1),
+  box-shadow:
+    0 8px 60px 0 rgba(103, 151, 255, 0.1),
     0 12px 90px 0 rgba(133, 255, 103, 0.1);
 }

scss/sidebar.scss

@@ -7,7 +7,8 @@
 #main-outlet-wrapper {
   .sidebar-wrapper {
     background-color: var(--primary-very-low);
-    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.1),
+    box-shadow:
+      0 8px 60px 0 rgba(103, 151, 255, 0.1),
       0 12px 90px 0 rgba(133, 255, 103, 0.1);
     margin-top: 1em;
     border-top: 8px solid var(--tertiary);
@@ -16,6 +17,7 @@
       var(--composer-vh, var(--1dvh)) * 100 - var(--header-offset, 0px) - 3em
     );
     top: calc(var(--header-offset) + 1em);
+
     .sidebar-container {
       border: none;
     }

stylelint.config.mjs

@@ -0,0 +1,3 @@
+export default {
+  extends: ["@discourse/lint-configs/stylelint"],
+};