samples_util

build.gradle.kts

@@ -44,7 +44,8 @@ val published = listOf(
     "kandy-echarts",
     "kandy-lets-plot",
     "kandy-geo",
-    "kandy-util"
+    "kandy-util",
+    "kandy-samples-utils"
 )
 
 configure(subprojects.filter { it.name in published }) {

docs/cfg/buildprofiles.xml

@@ -7,7 +7,7 @@
         <!--For users contribute-->
         <enable-browser-edits>true</enable-browser-edits>
         <browser-edits-url>https://github.com/Kotlin/kandy/edit/main/docs/</browser-edits-url>
-
+        <include-in-head>include-head.html</include-in-head>
         <web-root>https://kotlin.github.io/kandy/</web-root>
         <feedback-widget>false</feedback-widget>
         <webmaster>webmaster@jetbrains.com</webmaster>

docs/cfg/include-head.html

@@ -0,0 +1 @@
+<script src="static/custom.js"></script>

docs/cfg/static/custom.js

@@ -0,0 +1,67 @@
+window.addEventListener('load', () => {
+    function updateIframeThemes(theme) {
+        const iframes = document.querySelectorAll('iframe');
+
+        iframes.forEach((iframe) => {
+            if (iframe.contentWindow && iframe.contentWindow.document) {
+                iframe.contentWindow.document.documentElement.setAttribute('theme', theme);
+            }
+        });
+    }
+
+    function observeHtmlClassChanges() {
+        const htmlElement = document.documentElement;
+
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
+                    const theme = htmlElement.classList.contains('theme-light') ? 'light' : 'dark';
+                    updateIframeThemes(theme);
+                }
+            });
+        });
+
+        observer.observe(htmlElement, { attributes: true });
+    }
+
+    window.addEventListener('message', (event) => {
+        if (event.data.type === 'iframeHeight') {
+            document.querySelectorAll('iframe').forEach((iframe) => {
+                if (iframe.contentWindow === event.source) {
+                    iframe.style.height = event.data.height + 'px';
+                }
+            });
+        }
+    });
+
+    function observeIframe(iframe) {
+        const theme = document.documentElement.classList.contains('theme-light') ? 'light' : 'dark';
+
+        function sendTheme() {
+            iframe.contentDocument.documentElement.setAttribute('theme', theme);
+        }
+
+        iframe.addEventListener('load', sendTheme);
+        if (iframe.contentDocument.readyState === 'complete') sendTheme();
+    }
+
+    document.querySelectorAll('iframe').forEach(observeIframe);
+
+    const bodyObserver = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+            mutation.addedNodes.forEach((node) => {
+                if (node.tagName === 'IFRAME') observeIframe(node);
+                else if (node.querySelectorAll) {
+                    node.querySelectorAll('iframe').forEach(observeIframe);
+                }
+            });
+        });
+    });
+
+    bodyObserver.observe(document.body, { childList: true, subtree: true });
+
+    observeHtmlClassChanges();
+
+    const initialTheme = document.documentElement.classList.contains('theme-light') ? 'light' : 'dark';
+    updateIframeThemes(initialTheme);
+});