DEV: Resolve deprecations

.discourse-compatibility

@@ -1 +1,2 @@
-< 3.5.0.beta1-dev: f686913d23efa49efb40b76df94dd9e4c22aa4ca
+< 3.5.0.beta8-dev: 431a424a0d79d7749cc61a8b6fd167c0c4b999a4
+< 3.5.0.beta1-dev: f686913d23efa49efb40b76df94dd9e4c22aa4ca

assets/javascripts/discourse/initializers/initialize-discourse-post-badges.gjs

@@ -1,8 +1,8 @@
-import { schedule } from "@ember/runloop";
-import { hbs } from "ember-cli-htmlbars";
+import Component from "@ember/component";
+import { service } from "@ember/service";
 import { makeArray } from "discourse/lib/helpers";
 import { withPluginApi } from "discourse/lib/plugin-api";
-import { registerWidgetShim } from "discourse/widgets/render-glimmer";
+import PostUserFeaturedBadges from "../components/post-user-featured-badges";
 
 const BADGE_CLASS = [
   "badge-type-gold",
@@ -37,9 +37,9 @@ function loadUserBadges({ allBadges, username, linkDestination }) {
   });
 }
 
-function addHighestTLClassname(widget, badges) {
-  if (!widget || !badges) {
-    return;
+function highestTLClassname(badges) {
+  if (!badges) {
+    return "";
   }
 
   let trustLevel = "";
@@ -52,9 +52,7 @@ function addHighestTLClassname(widget, badges) {
     }
   });
 
-  if (trustLevel) {
-    widget._componentInfo.element.classList.add(trustLevel);
-  }
+  return trustLevel || "";
 }
 
 export default {
@@ -71,31 +69,41 @@ export default {
         containerClassname.push("show-highest");
       }
 
-      registerWidgetShim(
-        "featured-badges",
-        `div.${containerClassname.join(".")}`,
-        hbs`<PostUserFeaturedBadges @badges={{@data.badges}} @tagName="" />`
-      );
-
-      api.includePostAttributes("user_badges");
-
-      api.decorateWidget(`poster-name:${location}`, (decorator) => {
-        const { user_badges: allBadges, username } = decorator.attrs;
-        const linkDestination = siteSettings.post_badges_badge_link_destination;
-        const badges = loadUserBadges({
-          allBadges,
-          username,
-          linkDestination,
-        });
-
-        const widget = decorator.attach("featured-badges", { badges });
-
-        schedule("afterRender", () => {
-          addHighestTLClassname(widget, badges);
-        });
-
-        return widget;
-      });
+      api.addTrackedPostProperties("user_badges");
+
+      const component = class extends Component {
+        @service siteSettings;
+
+        get badges() {
+          const { user_badges: allBadges, username } = this.outletArgs.post;
+          const linkDestination =
+            this.siteSettings.post_badges_badge_link_destination;
+
+          return loadUserBadges({
+            allBadges,
+            username,
+            linkDestination,
+          });
+        }
+
+        get classnames() {
+          return [...containerClassname, highestTLClassname(this.badges)]
+            .filter(Boolean)
+            .join(" ");
+        }
+
+        <template>
+          <div class={{this.classnames}}>
+            <PostUserFeaturedBadges @badges={{this.badges}} @tagName="" />
+          </div>
+        </template>
+      };
+
+      if (location === "before") {
+        api.renderBeforeWrapperOutlet("post-meta-data-poster-name", component);
+      } else {
+        api.renderAfterWrapperOutlet("post-meta-data-poster-name", component);
+      }
     });
   },
 };

eslint.config.mjs

@@ -1,3 +1,3 @@
-import DiscourseRecommended from "@discourse/lint-configs/eslint";
+import DiscourseRecommendedTheme from "@discourse/lint-configs/eslint-theme";
 
-export default [...DiscourseRecommended];
+export default [...DiscourseRecommendedTheme];

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.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",

plugin.rb

@@ -2,7 +2,7 @@
 
 # name: discourse-post-badges-plugin
 # about: A plugin built based on the Official Discourse Post Badges Theme Component
-# version: 0.3
+# version: 0.4
 # authors: Faizaan Gagan
 # url: https://github.com/paviliondev/discourse-post-badges-plugin
 # based on: https://github.com/discourse/discourse-post-badges