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

Author: CvX

.discourse-compatibility

@@ -1,3 +1,4 @@
+< 3.5.0.beta5-dev: 92e29f51d5f7f8058895ceae681b0f0cfee157b2
 < 3.5.0.beta1-dev: 4e42539cda9a54d7827bcdf51b6dfbcf56d24cc9
 < 3.4.0.beta2-dev: 12dfb332bf830b1c8c9a24b86f5327504e9ab672
 < 3.4.0.beta1-dev: 7721b1646dead4719c02868ef7965f1b27c74eb3

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.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)
@@ -97,4 +99,4 @@ DEPENDENCIES
   syntax_tree
 
 BUNDLED WITH
-   2.6.6
+   2.6.9

assets/javascripts/discourse/components/docs-category.gjs

@@ -0,0 +1,28 @@
+import Component from "@ember/component";
+import { on } from "@ember/modifier";
+import { tagName } from "@ember-decorators/component";
+import icon from "discourse/helpers/d-icon";
+import discourseComputed from "discourse/lib/decorators";
+
+@tagName("")
+export default class DocsCategory extends Component {
+  @discourseComputed("category")
+  categoryName(category) {
+    return this.site.categories.findBy("id", category.id).name;
+  }
+
+  <template>
+    <a
+      href
+      {{on "click" this.selectCategory}}
+      class="docs-item docs-category {{if this.category.active 'selected'}}"
+    >
+      {{icon (if this.category.active "circle-xmark" "far-circle")}}
+
+      <span class="docs-item-id category-id">{{this.categoryName}}</span>
+      <span
+        class="docs-item-count category-count"
+      >{{this.category.count}}</span>
+    </a>
+  </template>
+}

assets/javascripts/discourse/components/docs-category.hbs

@@ -0,0 +1,48 @@
+import Component, { Input } from "@ember/component";
+import { on } from "@ember/modifier";
+import { action } from "@ember/object";
+import { classNames } from "@ember-decorators/component";
+import DButton from "discourse/components/d-button";
+import icon from "discourse/helpers/d-icon";
+import { i18n } from "discourse-i18n";
+
+@classNames("docs-search")
+export default class DocsSearch extends Component {
+  @action
+  onKeyDown(event) {
+    if (event.key === "Enter") {
+      this.set("searchTerm", event.target.value);
+      this.onSearch(event.target.value);
+    }
+  }
+
+  @action
+  clearSearch() {
+    this.set("searchTerm", "");
+    this.onSearch("");
+  }
+
+  <template>
+    <span class="docs-search-wrapper">
+      <Input
+        @type="text"
+        @value={{readonly this.searchTerm}}
+        class="no-blur docs-search-bar"
+        autocorrect="off"
+        placeholder={{i18n "docs.search.placeholder"}}
+        autocapitalize="off"
+        {{on "keydown" this.onKeyDown}}
+      />
+
+      {{#if this.searchTerm}}
+        <DButton
+          @action={{action "clearSearch"}}
+          class="clear-search"
+          @label="docs.search.clear"
+        />
+      {{else}}
+        {{icon "magnifying-glass"}}
+      {{/if}}
+    </span>
+  </template>
+}

assets/javascripts/discourse/components/docs-category.js

@@ -0,0 +1,21 @@
+import Component from "@ember/component";
+import { on } from "@ember/modifier";
+import { tagName } from "@ember-decorators/component";
+import icon from "discourse/helpers/d-icon";
+
+@tagName("")
+export default class DocsTag extends Component {
+  <template>
+    <a
+      href
+      {{on "click" this.selectTag}}
+      class="docs-item docs-tag
+        {{if this.tag.active 'selected'}}{{if this.subtag 'subtag'}}"
+    >
+      {{icon (if this.tag.active "circle-xmark" "plus")}}
+
+      <span class="docs-item-id tag-id">{{this.tag.id}}</span>
+      <span class="docs-item-count tag-count">{{this.tag.count}}</span>
+    </a>
+  </template>
+}