From b5279630c23b4d9820841c1ea4ee8e4292c5c1d6 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Fri, 20 Dec 2024 22:33:13 +0000
Subject: [PATCH] fix: wait to inject treenation until DOM hydrates (#3)

### Explanation

_No response_

### Issue

_No response_

### Attestations

- [ ] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [ ] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [ ] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [ ] I have pinned the dependencies to a specific patch version.

### Style

- [ ] I have run the linter and resolved any errors.
- [ ] My pull request uses an appropriate title, matching the conventional commit standards.
- [ ] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: https://codeberg.org/nhcarrigan/website-headers/pulls/3
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
---
 src/index.ts | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index b0d4475..65a243b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -14,7 +14,7 @@ Changelog: https://codeberg.org/nhcarrigan/website-headers/releases
 Licensed under our public license: https://docs.nhcarrigan.com/legal/license
 Questions? Contact us at https://docs.nhcarrigan.com/about/contact
 ========================================
-`)
+`);
 // #endregion
 
 // #region Query Selectors
@@ -198,12 +198,22 @@ const treeNation = document.createElement("script");
 treeNation.src
   = "https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0";
 const treeNationBottom = document.createElement("script");
+treeNationBottom.defer = true;
+treeNationBottom.async = true;
 treeNationBottom.innerHTML = `
-TreeNationOffsetWebsite({
-  code: "a17464e0cd351220",
-  lang: "en",
-  theme: "dark",
-}).render("#tree-nation-offset-website");
+const interval = setInterval(() => {
+  const tree = document.querySelector("#tree-nation-offset-website");
+  if (!tree) {
+    console.log("DOM has not hydrated yet, cannot load TreeNation badge.");
+    return;
+  }
+  TreeNationOffsetWebsite({
+    code: "a17464e0cd351220",
+    lang: "en",
+    theme: "dark",
+  }).render("#tree-nation-offset-website");
+  clearInterval(interval);
+}, 1000);
 `;
 const fontAwesome = document.createElement("script");
 fontAwesome.src = "https://kit.fontawesome.com/f949111719.js";
@@ -219,8 +229,9 @@ window.$crisp=[];window.CRISP_WEBSITE_ID="5398ce41-4ceb-4e31-9049-4c784a70179a";
 const analytics = document.createElement("script");
 analytics.defer = true;
 analytics.setAttribute("domain", "nhcarrigan.com");
-// eslint-disable-next-line stylistic/max-len
-analytics.src = "https://analytics.nhcarrigan.com/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js";
+analytics.src
+  // eslint-disable-next-line stylistic/max-len
+  = "https://analytics.nhcarrigan.com/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js";
 const analytics2 = document.createElement("script");
 analytics2.innerHTML = `
 window.plausible = window.plausible ??