DEV: Update linting config and run gjs-codemod (#54)

* DEV: Update linting config and run gjs-codemod

* DEV: Update linting config and run gjs-codemod

Author: CvX

.discourse-compatibility

@@ -1,3 +1,4 @@
+< 3.5.0.beta5-dev: 474d4f430bbe3dd08a7f2dbd80df9eff1945c9b8
 < 3.5.0.beta1-dev: 342894f08cf2d3608042bcc9dc671696de3084ce
 < 3.4.0.beta1-dev: 6fcb8d5605b2c18fca8dc401343441eb261f7e18
 < 3.3.0.beta1-dev: c23bcfa51b63de3f43a08e9013e35e1246aade71

Gemfile.lock

@@ -14,42 +14,44 @@ GEM
       securerandom (>= 0.3)
       tzinfo (~> 2.0, >= 2.0.5)
       uri (>= 0.13.1)
-    ast (2.4.2)
-    base64 (0.2.0)
-    benchmark (0.4.0)
-    bigdecimal (3.1.9)
+    ast (2.4.3)
+    base64 (0.3.0)
+    benchmark (0.4.1)
+    bigdecimal (3.2.1)
     concurrent-ruby (1.3.5)
-    connection_pool (2.5.0)
-    drb (2.2.1)
+    connection_pool (2.5.3)
+    drb (2.2.3)
     i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    json (2.10.2)
-    language_server-protocol (3.17.0.4)
+    json (2.12.2)
+    language_server-protocol (3.17.0.5)
     lint_roller (1.1.0)
-    logger (1.6.6)
+    logger (1.7.0)
     minitest (5.25.5)
-    parallel (1.26.3)
-    parser (3.3.7.1)
+    parallel (1.27.0)
+    parser (3.3.8.0)
       ast (~> 2.4.1)
       racc
     prettier_print (1.2.1)
+    prism (1.4.0)
     racc (1.8.1)
-    rack (3.1.12)
+    rack (3.1.15)
     rainbow (3.1.1)
     regexp_parser (2.10.0)
-    rubocop (1.74.0)
+    rubocop (1.76.0)
       json (~> 2.3)
       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.9.3, < 3.0)
-      rubocop-ast (>= 1.38.0, < 2.0)
+      rubocop-ast (>= 1.45.0, < 2.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 2.4.0, < 4.0)
-    rubocop-ast (1.39.0)
-      parser (>= 3.3.1.0)
+    rubocop-ast (1.45.0)
+      parser (>= 3.3.7.2)
+      prism (~> 1.4)
     rubocop-capybara (2.22.1)
       lint_roller (~> 1.1)
       rubocop (~> 1.72, >= 1.72.1)
@@ -65,13 +67,13 @@ GEM
     rubocop-factory_bot (2.27.1)
       lint_roller (~> 1.1)
       rubocop (~> 1.72, >= 1.72.1)
-    rubocop-rails (2.30.3)
+    rubocop-rails (2.32.0)
       activesupport (>= 4.2.0)
       lint_roller (~> 1.1)
       rack (>= 1.1)
-      rubocop (>= 1.72.1, < 2.0)
-      rubocop-ast (>= 1.38.0, < 2.0)
-    rubocop-rspec (3.5.0)
+      rubocop (>= 1.75.0, < 2.0)
+      rubocop-ast (>= 1.44.0, < 2.0)
+    rubocop-rspec (3.6.0)
       lint_roller (~> 1.1)
       rubocop (~> 1.72, >= 1.72.1)
     rubocop-rspec_rails (2.31.0)
@@ -98,4 +100,4 @@ DEPENDENCIES
   syntax_tree
 
 BUNDLED WITH
-   2.6.6
+   2.6.9

common/common.scss

@@ -36,8 +36,8 @@
     padding: 2em 2em 1em;
     border-top: 8px solid var(--tertiary);
     box-shadow:
-      0 8px 60px 0 rgba(103, 151, 255, 0.1),
-      0 12px 90px 0 rgba(133, 255, 103, 0.1);
+      0 8px 60px 0 rgb(103, 151, 255, 0.1),
+      0 12px 90px 0 rgb(133, 255, 103, 0.1);
 
     @include mint-card-bg;
 
@@ -90,8 +90,8 @@
   .container.list-container {
     border-radius: var(--mint-border-radius);
     box-shadow:
-      0 8px 60px 0 rgba(103, 151, 255, 0.1),
-      0 12px 90px 0 rgba(133, 255, 103, 0.1);
+      0 8px 60px 0 rgb(103, 151, 255, 0.1),
+      0 12px 90px 0 rgb(133, 255, 103, 0.1);
     padding: 2em;
     border-top: 8px solid var(--tertiary);
     margin-top: 0.8em;
@@ -134,7 +134,7 @@ a {
     border-top: 8px solid;
     background: var(--secondary);
     border-radius: var(--mint-border-radius);
-    box-shadow: 0 2px 3px 0 rgba(2, 47, 57, 0.14);
+    box-shadow: 0 2px 3px 0 rgb(2, 47, 57, 0.14);
 
     .category-box-inner {
       border: none;
@@ -146,13 +146,13 @@ a {
     }
 
     &:hover {
-      box-shadow: 0 40px 30px 0 rgba(2, 47, 57, 0.1);
+      box-shadow: 0 40px 30px 0 rgb(2, 47, 57, 0.1);
       transform: translateY(-2px);
     }
   }
 }
 
-@media (max-width: 960px) {
+@media (width <= 960px) {
   .category-boxes.with-logos.with-subcategories {
     grid-template-columns: 1fr;
   }
@@ -161,7 +161,7 @@ a {
 .category-list-item.category {
   border-radius: var(--mint-border-radius);
   border-right: 1px solid var(--primary-low) !important;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 4px 0 rgb(0, 0, 0, 0.1);
   margin: 0 0.59em 2em 0.59em;
   background: var(--primary-very-low);
 }

desktop/desktop.scss

@@ -3,8 +3,8 @@
 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),
-    0 12px 90px 0 rgba(133, 255, 103, 0.1);
+    0 8px 60px 0 rgb(103, 151, 255, 0.1),
+    0 12px 90px 0 rgb(133, 255, 103, 0.1);
   padding: 2em;
   border-top: 8px solid $tertiary;
   margin-top: 1em;

javascripts/discourse/connectors/above-main-container/mint-component-extensions.gjs

@@ -0,0 +1,25 @@
+import Component from "@ember/component";
+import { classNames } from "@ember-decorators/component";
+import { optionalRequire } from "discourse/lib/utilities";
+
+const TwoTopicList = optionalRequire(
+  "discourse/plugins/discourse-showcased-categories/discourse/components/two-topic-list"
+);
+const SearchBanner = optionalRequire(
+  "discourse/plugins/discourse-search-banner/discourse/components/search-banner"
+);
+
+@classNames("above-main-container-outlet", "mint-component-extensions")
+export default class MintComponentExtensions extends Component {
+  <template>
+    {{#if SearchBanner}}
+      <div class="search-banner">
+        <SearchBanner />
+      </div>
+    {{/if}}
+
+    {{#if TwoTopicList}}
+      <TwoTopicList />
+    {{/if}}
+  </template>
+}

javascripts/discourse/connectors/above-main-container/mint-component-extensions.hbs

@@ -1,11 +1,11 @@
 {
   "private": true,
   "devDependencies": {
-    "@discourse/lint-configs": "2.11.1",
-    "ember-template-lint": "7.0.1",
-    "eslint": "9.22.0",
+    "@discourse/lint-configs": "2.25.0",
+    "ember-template-lint": "7.8.1",
+    "eslint": "9.28.0",
     "prettier": "3.5.3",
-    "stylelint": "16.16.0"
+    "stylelint": "16.20.0"
   },
   "engines": {
     "node": ">= 22",