DEV: [gjs-codemod] Convert all templates to gjs (#45)

Author: CvX

.discourse-compatibility

@@ -1,3 +1,4 @@
+< 3.5.0.beta5-dev: b4bd7a5e2111a27cfa9e9f519a95fbb11dd73f76
 < 3.5.0.beta3-dev: 0eb683ad9ef868867fb303b9a0935ca1b3ea1036
 < 3.5.0.beta1-dev: 4c93420363f8c8fa1fb7207cbda4f9a1a9aebb00
 < 3.4.0.beta4-dev: 01ec1bac8c2b74b59194f9b34d74d222b50e1f7e

Gemfile.lock

@@ -14,42 +14,44 @@ GEM
       securerandom (>= 0.3)
       tzinfo (~> 2.0, >= 2.0.5)
       uri (>= 0.13.1)
-    ast (2.4.2)
+    ast (2.4.3)
     base64 (0.2.0)
     benchmark (0.4.0)
-    bigdecimal (3.1.9)
+    bigdecimal (3.2.0)
     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.75.8)
       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.44.0, < 2.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 2.4.0, < 4.0)
-    rubocop-ast (1.38.1)
-      parser (>= 3.3.1.0)
+    rubocop-ast (1.44.1)
+      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

@@ -14,7 +14,7 @@
   margin-bottom: 10px;
 }
 
-@media screen and (min-width: 650px) {
+@media screen and (width >= 650px) {
   .navigation-topics,
   .categories-list,
   .tags-page,
@@ -50,7 +50,7 @@
         display: block;
       }
 
-      @media screen and (max-width: 920px) {
+      @media screen and (width <= 920px) {
         display: none;
       }
     }
@@ -74,7 +74,7 @@
           "sidebar topic-list nav";
       }
 
-      @media screen and (max-width: 920px) {
+      @media screen and (width <= 920px) {
         @if $sidebar-alignment == "left" {
           grid-template-columns: 20% calc(80% - 1em);
           grid-template-areas:
@@ -337,7 +337,7 @@ body {
 }
 
 .btn-default {
-  background: rgba(255, 255, 255, 0.7);
+  background: rgb(255, 255, 255, 0.7);
   border: 1px solid $border-color;
 
   .discourse-no-touch & {
@@ -359,7 +359,7 @@ body {
   .topic-footer-main-buttons
   .topic-admin-menu-button-container {
   .btn {
-    background: rgba(255, 255, 255, 0.7);
+    background: rgb(255, 255, 255, 0.7);
 
     .discourse-no-touch & {
       &:hover {
@@ -370,7 +370,7 @@ body {
 }
 
 .widget-button.btn.popup-menu-button.toggle-admin-menu.keyboard-target-admin-menu.no-text.btn-icon {
-  background: rgba(255, 255, 255, 0.7);
+  background: rgb(255, 255, 255, 0.7);
 
   .discourse-no-touch & {
     &:hover {
@@ -432,9 +432,9 @@ body {
 .nav-pills > li > a:hover,
 .nav-pills > li.active > a,
 .nav-pills > li > a.active {
-  background: rgba(255, 255, 255, 0.7);
+  background: rgb(255, 255, 255, 0.7);
   border-radius: 2px;
-  border: 1px solid rgba(0, 0, 0, 0.12);
+  border: 1px solid rgb(0, 0, 0, 0.12);
   color: #333;
 }
 
@@ -467,7 +467,7 @@ body {
 
 .d-header-icons .icon:hover,
 .d-header-icons .icon:focus {
-  background: rgba(255, 255, 255, 0.7);
+  background: rgb(255, 255, 255, 0.7);
 }
 
 .user-menu .quick-access-panel li:hover,
@@ -496,7 +496,7 @@ body {
   position: sticky;
   max-width: 310px;
 
-  @media screen and (max-width: 920px) {
+  @media screen and (width <= 920px) {
     display: none;
   }
 

desktop/desktop.scss

@@ -34,7 +34,7 @@
     @include fb-background;
   }
 
-  @media screen and (max-width: 775px) {
+  @media screen and (width <= 775px) {
     width: calc(100% - 60px);
   }
 }

package.json

@@ -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.21.0",
+    "ember-template-lint": "7.7.0",
+    "eslint": "9.27.0",
     "prettier": "3.5.3",
-    "stylelint": "16.16.0"
+    "stylelint": "16.19.1"
   },
   "engines": {
     "node": ">= 22",