DEV: Replace api.modifyClass(model...) with api.addTrackedPostProperties (#190)

This commit replaces patching the model class with a call to the new API `addTrackedPostProperties` to add tracked properties to the model

Author: megothss

.discourse-compatibility

@@ -1,3 +1,4 @@
+< 3.4.0.beta3-dev: b4cf3a065884816fa3f770248c2bf908ba65d8ac
 < 3.4.0.beta1-dev: 5346b4bafba2c2fb817f030a473b7bbca97b909c
 < 3.3.0.beta1-dev: 6750e10a6d9dfd3fc2c9a0cac5a83aca1a8ee401
 3.1.999: 20aed65b909fb41e22181067dc990b52ab0b7a96

assets/javascripts/discourse/initializers/extend-for-translate-button.js

@@ -1,9 +1,8 @@
-import { tracked } from "@glimmer/tracking";
 import { ajax } from "discourse/lib/ajax";
 import { popupAjaxError } from "discourse/lib/ajax-error";
 import { withPluginApi } from "discourse/lib/plugin-api";
 import { withSilencedDeprecations } from "discourse-common/lib/deprecated";
-import I18n from "I18n";
+import { i18n } from "discourse-i18n";
 import ToggleTranslationButton from "../components/post-menu/toggle-translation-button";
 import TranslatedPost from "../components/translated-post";
 
@@ -27,18 +26,14 @@ function customizePostMenu(api, container) {
   );
 
   if (transformerRegistered) {
-    // the plugin outlet is not updated when the post instance is modified unless we extend it to add the tracking to
-    // the new properties
-    api.modifyClass(
-      "model:post",
-      (Superclass) =>
-        class extends Superclass {
-          @tracked detectedLang;
-          @tracked isTranslating;
-          @tracked isTranslated;
-          @tracked translatedText;
-          @tracked translatedTitle;
-        }
+    // the plugin outlet is not updated when the post instance is modified unless we register the new properties as
+    // tracked
+    api.addTrackedPostProperties(
+      "detectedLang",
+      "isTranslating",
+      "isTranslated",
+      "translatedText",
+      "translatedTitle"
     );
 
     api.renderBeforeWrapperOutlet("post-menu", TranslatedPost);
@@ -86,7 +81,7 @@ function customizeWidgetPostMenu(api) {
       ...titleElements,
       dec.h(
         "div.post-attribution",
-        I18n.t("translator.translated_from", { language, translator })
+        i18n("translator.translated_from", { language, translator })
       ),
       dec.cooked(dec.attrs.translated_text),
     ]);
@@ -151,6 +146,6 @@ function customizeWidgetPostMenu(api) {
 export default {
   name: "extend-for-translate-button",
   initialize() {
-    withPluginApi("1.34.0", (api) => initializeTranslation(api));
+    withPluginApi("1.39.2", (api) => initializeTranslation(api));
   },
 };