@chocolatey-software/docs 2.0.0

package/dist/scripts/theme-toggle.js

@@ -0,0 +1,65 @@
+(() => {
+  // src/scripts/packages/theme-toggle.js
+  (() => {
+    "use strict";
+    const getStoredTheme = () => localStorage.getItem("theme");
+    const setStoredTheme = (theme) => localStorage.setItem("theme", theme);
+    const getPreferredTheme = () => {
+      const storedTheme = getStoredTheme();
+      if (storedTheme) {
+        return storedTheme;
+      }
+      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    };
+    const setTheme = (theme) => {
+      if (theme === "auto") {
+        document.documentElement.setAttribute("data-bs-theme", window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+      } else {
+        document.documentElement.setAttribute("data-bs-theme", theme);
+      }
+    };
+    setTheme(getPreferredTheme());
+    const showActiveTheme = (theme, focus = false) => {
+      const themeSwitchers = document.querySelectorAll(".dropdown-theme");
+      for (const themeSwitcher of themeSwitchers) {
+        const themeSwitcherBtns = themeSwitcher.querySelectorAll(".dropdown-toggle");
+        const btnToActive = themeSwitcher.querySelector(`[data-bs-theme-value="${theme}"]`);
+        const svgOfActiveBtn = btnToActive.querySelector("i[data-ct-theme-icon]").getAttribute("data-ct-theme-icon");
+        themeSwitcher.querySelectorAll("[data-bs-theme-value]").forEach((element) => {
+          element.classList.remove("active");
+          element.setAttribute("aria-pressed", "false");
+        });
+        btnToActive.classList.add("active");
+        btnToActive.setAttribute("aria-pressed", "true");
+        const themeSwitcherLabel = `Theme Switcher (${btnToActive.dataset.bsThemeValue})`;
+        for (const btn of themeSwitcherBtns) {
+          btn.setAttribute("aria-label", themeSwitcherLabel);
+          btn.querySelector(".theme-icon-active i").className = "";
+          btn.querySelector(".theme-icon-active i").classList.add("fa-solid", svgOfActiveBtn);
+        }
+        if (focus) {
+          themeSwitcher.focus();
+        }
+      }
+    };
+    window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+      const storedTheme = getStoredTheme();
+      if (storedTheme !== "light" && storedTheme !== "dark") {
+        setTheme(getPreferredTheme());
+      }
+    });
+    window.addEventListener("DOMContentLoaded", () => {
+      showActiveTheme(getPreferredTheme());
+      document.querySelectorAll("[data-bs-theme-value]").forEach((toggle) => {
+        toggle.addEventListener("click", () => {
+          const theme = toggle.getAttribute("data-bs-theme-value");
+          setStoredTheme(theme);
+          setTheme(theme);
+          showActiveTheme(theme, true);
+          const event = new Event("themeChanged");
+          document.dispatchEvent(event);
+        });
+      });
+    });
+  })();
+})();

package/dist/scripts/theme-toggle.min.js

@@ -0,0 +1 @@
+(()=>{(()=>{"use strict";let n=()=>localStorage.getItem("theme"),h=e=>localStorage.setItem("theme",e),s=()=>{let e=n();return e||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},o=e=>{e==="auto"?document.documentElement.setAttribute("data-bs-theme",window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"):document.documentElement.setAttribute("data-bs-theme",e)};o(s());let i=(e,c=!1)=>{let d=document.querySelectorAll(".dropdown-theme");for(let r of d){let m=r.querySelectorAll(".dropdown-toggle"),a=r.querySelector(`[data-bs-theme-value="${e}"]`),l=a.querySelector("i[data-ct-theme-icon]").getAttribute("data-ct-theme-icon");r.querySelectorAll("[data-bs-theme-value]").forEach(t=>{t.classList.remove("active"),t.setAttribute("aria-pressed","false")}),a.classList.add("active"),a.setAttribute("aria-pressed","true");let u=`Theme Switcher (${a.dataset.bsThemeValue})`;for(let t of m)t.setAttribute("aria-label",u),t.querySelector(".theme-icon-active i").className="",t.querySelector(".theme-icon-active i").classList.add("fa-solid",l);c&&r.focus()}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{let e=n();e!=="light"&&e!=="dark"&&o(s())}),window.addEventListener("DOMContentLoaded",()=>{i(s()),document.querySelectorAll("[data-bs-theme-value]").forEach(e=>{e.addEventListener("click",()=>{let c=e.getAttribute("data-bs-theme-value");h(c),o(c),i(c,!0);let d=new Event("themeChanged");document.dispatchEvent(d)})})})})();})();

package/package.json

@@ -0,0 +1,34 @@
+{
+    "name": "@chocolatey-software/docs",
+    "version": "2.0.0",
+    "description": "Chocolatey Software theme assets for use on docs.chocolatey.org.",
+    "author": "Chocolatey Software (https://chocolatey.org/)",
+    "homepage": "https://github.com/chocolatey/choco-theme/blob/main/packages/docs#readme",
+    "license": "Apache-2.0",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/",
+        "access": "public"
+    },
+    "devDependencies": {
+        "@types/anchor-js": "^5",
+        "@types/bootstrap": "^5.2.10",
+        "@types/jquery": "^3",
+        "@types/prismjs": "^1"
+    },
+    "dependencies": {
+        "@docsearch/css": "^3.9.0",
+        "@docsearch/js": "^3.9.0",
+        "@fortawesome/fontawesome-free": "^7.0.0",
+        "anchor-js": "^5.0.0",
+        "bootstrap": "^5.3.7",
+        "clipboard": "^2.0.11",
+        "jquery": "^3.7.1",
+        "prismjs": "^1.30.0"
+    },
+    "files": [
+        "LICENSE",
+        "package.json",
+        "README.md",
+        "dist/"
+    ]
+}