From d964fbc5507dca13a93361705a745b8833731d0b Mon Sep 17 00:00:00 2001
From: Osama Sayegh <asooomaasoooma90@gmail.com>
Date: Fri, 17 Jan 2025 03:38:42 +0300
Subject: [PATCH] DEV: Add home-logo-minimized transformer (#30832)

Similar to the `home-logo-href` and `home-logo-image-url` transformers,
this PR adds a new `home-logo-minimized` transformer to allow
plugins/themes to amend the default behavior of the header logo.

Internal topic: t/144688.
---
 .../app/components/header/contents.gjs        | 15 +++++++++++-
 .../discourse/app/lib/transformer/registry.js |  1 +
 .../transformers/home-logo-minimized-test.js  | 24 +++++++++++++++++++
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/javascripts/discourse/tests/acceptance/transformers/home-logo-minimized-test.js

diff --git a/app/assets/javascripts/discourse/app/components/header/contents.gjs b/app/assets/javascripts/discourse/app/components/header/contents.gjs
index d4f79427000..c67b2dab979 100644
--- a/app/assets/javascripts/discourse/app/components/header/contents.gjs
+++ b/app/assets/javascripts/discourse/app/components/header/contents.gjs
@@ -3,6 +3,7 @@ import { hash } from "@ember/helper";
 import { service } from "@ember/service";
 import { and } from "truth-helpers";
 import deprecatedOutletArgument from "discourse/helpers/deprecated-outlet-argument";
+import { applyValueTransformer } from "discourse/lib/transformer";
 import BootstrapModeNotice from "../bootstrap-mode-notice";
 import PluginOutlet from "../plugin-outlet";
 import HomeLogo from "./home-logo";
@@ -24,6 +25,18 @@ export default class Contents extends Component {
     return "bars";
   }
 
+  get minimized() {
+    return applyValueTransformer(
+      "home-logo-minimized",
+      this.args.topicInfoVisible,
+      {
+        topicInfo: this.args.topicInfo,
+        sidebarEnabled: this.args.sidebarEnabled,
+        showSidebar: this.args.showSidebar,
+      }
+    );
+  }
+
   <template>
     <div class="contents">
       <PluginOutlet
@@ -55,7 +68,7 @@ export default class Contents extends Component {
 
       <div class="home-logo-wrapper-outlet">
         <PluginOutlet @name="home-logo-wrapper">
-          <HomeLogo @minimized={{@topicInfoVisible}} />
+          <HomeLogo @minimized={{this.minimized}} />
         </PluginOutlet>
       </div>
 
diff --git a/app/assets/javascripts/discourse/app/lib/transformer/registry.js b/app/assets/javascripts/discourse/app/lib/transformer/registry.js
index fccc61dbff6..4faf0ad0c78 100644
--- a/app/assets/javascripts/discourse/app/lib/transformer/registry.js
+++ b/app/assets/javascripts/discourse/app/lib/transformer/registry.js
@@ -12,6 +12,7 @@ export const VALUE_TRANSFORMERS = Object.freeze([
   "header-notifications-avatar-size",
   "home-logo-href",
   "home-logo-image-url",
+  "home-logo-minimized",
   "invite-simple-mode-topic",
   "latest-topic-list-item-class",
   "mentions-class",
diff --git a/app/assets/javascripts/discourse/tests/acceptance/transformers/home-logo-minimized-test.js b/app/assets/javascripts/discourse/tests/acceptance/transformers/home-logo-minimized-test.js
new file mode 100644
index 00000000000..5dca3ae3353
--- /dev/null
+++ b/app/assets/javascripts/discourse/tests/acceptance/transformers/home-logo-minimized-test.js
@@ -0,0 +1,24 @@
+import { visit } from "@ember/test-helpers";
+import { test } from "qunit";
+import { withPluginApi } from "discourse/lib/plugin-api";
+import { acceptance } from "discourse/tests/helpers/qunit-helpers";
+
+acceptance("home-logo-minimized transformer", function () {
+  test("can force minimize the logo", async function (assert) {
+    withPluginApi("1.34.0", (api) => {
+      api.registerValueTransformer("home-logo-minimized", () => true);
+    });
+
+    await visit("/");
+    assert.dom("#site-logo").hasClass("logo-small");
+  });
+
+  test("can force un-minimize the logo", async function (assert) {
+    withPluginApi("1.34.0", (api) => {
+      api.registerValueTransformer("home-logo-minimized", () => false);
+    });
+
+    await visit("/");
+    assert.dom("#site-logo").hasClass("logo-big");
+  });
+});