From bc0efe70b049fa21381cabd6fd6521d453145b7e Mon Sep 17 00:00:00 2001
From: Abdon Pijpelink <abdon.pijpelink@qdrant.com>
Date: Wed, 22 Apr 2026 09:17:56 +0200
Subject: [PATCH] Sync language tabs across widgets and persist selection
 (#2291)

Clicking a language tab now switches all other code-snippet widgets on
the page to the same language, and the choice is saved to localStorage
so it is auto-applied on future page loads.

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../qdrant-2024/assets/js/lang-switcher.js    | 36 +++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/qdrant-landing/themes/qdrant-2024/assets/js/lang-switcher.js b/qdrant-landing/themes/qdrant-2024/assets/js/lang-switcher.js
index c47c84730..e8b1381c8 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/js/lang-switcher.js
+++ b/qdrant-landing/themes/qdrant-2024/assets/js/lang-switcher.js
@@ -1,4 +1,14 @@
 (function () {
+  const STORAGE_KEY = 'preferred-lang';
+
+  function saveLanguage(lang) {
+    try { localStorage.setItem(STORAGE_KEY, lang); } catch (_) {}
+  }
+
+  function loadLanguage() {
+    try { return localStorage.getItem(STORAGE_KEY); } catch (_) { return null; }
+  }
+
   /**
    * @class LangSwitcher
    * create tabs with buttons to switching
@@ -51,6 +61,10 @@
       this.#setActiveButton(lang);
     }
 
+    hasLang(lang) {
+      return this.tabs.some(t => t.querySelector(`code.language-${lang}`) !== null);
+    }
+
     setTabs(tabs) {
       tabs[0].active = true;
       this.tabs = tabs;
@@ -89,21 +103,39 @@
     }
   }
 
+  const allSwitchers = [];
+
   /**
    * init switcher for each group of tabs
    */
   tabsGroups.forEach((g, i) => {
     const langSwitcher = new LangSwitcher(g);
     langSwitcher.initLangButtons();
+    allSwitchers.push(langSwitcher);
 
     const tabBtns = langSwitcher.getLangButtons();
     if (tabBtns) {
-      langSwitcher.getLangButtons().addEventListener('click', (e) => {
+      tabBtns.addEventListener('click', (e) => {
         const button = e.target.closest('.lang-tabs__button');
         if (button && button.dataset.lang) {
-          langSwitcher.switchLanguage(button.dataset.lang);
+          const lang = button.dataset.lang;
+          langSwitcher.switchLanguage(lang);
+          saveLanguage(lang);
+          allSwitchers.forEach(s => {
+            if (s !== langSwitcher && s.hasLang(lang)) {
+              s.switchLanguage(lang);
+            }
+          });
         }
       });
     }
   });
+
+  // Apply stored language preference on page load
+  const saved = loadLanguage();
+  if (saved) {
+    allSwitchers.forEach(s => {
+      if (s.hasLang(saved)) s.switchLanguage(saved);
+    });
+  }
 }).call(this);