support for multi-language code block tab syncing

Author: psifertex

docs/tabsync.js

@@ -0,0 +1,34 @@
+document.addEventListener("DOMContentLoaded", function () {
+  const tabSync = () => {
+    const tabs = document.querySelectorAll(".tabbed-set > input, .tabbed-alternate input");
+
+    for (const tab of tabs) {
+      tab.addEventListener("click", () => {
+        const currentLabel = document.querySelector(`label[for="${tab.id}"]`);
+        if (!currentLabel) return;
+
+        const pos = currentLabel.getBoundingClientRect().top;
+        const labelText = currentLabel.textContent.trim();
+
+        const allLabels = document.querySelectorAll(
+          ".tabbed-set > label, .tabbed-alternate > .tabbed-labels > label"
+        );
+
+        for (const label of allLabels) {
+          if (label.textContent.trim() === labelText) {
+            const inputId = label.getAttribute("for");
+            const input = document.getElementById(inputId);
+            if (input && input !== tab) {
+              input.click();
+            }
+          }
+        }
+
+        const delta = currentLabel.getBoundingClientRect().top - pos;
+        window.scrollBy(0, delta);
+      });
+    }
+  };
+
+  tabSync();
+});

mkdocs.yml

@@ -7,7 +7,7 @@ site_description: 'Documentation for the Binary Ninja reverse engineering platfo
 site_author: 'Vector 35 Inc'
 use_directory_urls: false
 extra_css: ['docs.css', 'github.min.css', 'juxtapose.min.css']
-extra_javascript: ['highlight.min.js', 'cpp.min.js', 'python.min.js', 'juxtapose.min.js']
+extra_javascript: ['highlight.min.js', 'cpp.min.js', 'python.min.js', 'juxtapose.min.js', 'tabsync.js']
 theme:
     name: material
     custom_dir: overrides
@@ -76,7 +76,8 @@ markdown_extensions:
     - codehilite
     - admonition
     - pymdownx.details
-    - pymdownx.superfences
+    - pymdownx.superfences:
+       preserve_tabs: true
     - pymdownx.tabbed:
         alternate_style: true
     - toc: