quickstart guide fixes

Author: AndreiKingsley

docs/StardustDocs/cfg/static/custom.js

@@ -1,76 +1,67 @@
-window.addEventListener('load', function () {
-    function sendTheme(theme, iframe) {
-        const maxAttempts = 10;
-        const interval = 200; // 200ms
-        let attempts = 0;
+window.addEventListener('load', () => {
+    function updateIframeThemes(theme) {
+        const iframes = document.querySelectorAll('iframe');
 
-        function attemptSend() {
-            if (attempts >= maxAttempts) return;
-            iframe.contentWindow.postMessage({ type: 'setTheme', theme }, '*');
-            attempts++;
-        }
-
-        attemptSend();
-        const intervalId = setInterval(() => {
-            attemptSend();
-            if (attempts >= maxAttempts) clearInterval(intervalId);
-        }, interval);
+        iframes.forEach((iframe) => {
+            if (iframe.contentWindow && iframe.contentWindow.document) {
+                iframe.contentWindow.document.documentElement.setAttribute('theme', theme);
+            }
+        });
     }
 
-    function setIframeHeight(iframe, height) {
-        iframe.style.height = height + 'px';
-    }
+    function observeHtmlClassChanges() {
+        const htmlElement = document.documentElement;
 
-    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);
+                }
+            });
+        });
 
-    function getCurrentTheme() {
-        return htmlElement.classList.contains('theme-light') ? 'light' : 'dark';
+        observer.observe(htmlElement, { attributes: true });
     }
 
     window.addEventListener('message', (event) => {
         if (event.data.type === 'iframeHeight') {
             document.querySelectorAll('iframe').forEach((iframe) => {
                 if (iframe.contentWindow === event.source) {
-                    setIframeHeight(iframe, event.data.height);
+                    iframe.style.height = event.data.height + 'px';
                 }
             });
         }
     });
 
-    function updateAllIframeThemes() {
-        const theme = getCurrentTheme();
-        document.querySelectorAll('iframe').forEach((iframe) => {
-            if (iframe.contentWindow) {
-                sendTheme(theme, iframe);
-            }
-        });
-    }
-
-    const observer = new MutationObserver(() => {
-        updateAllIframeThemes();
-    });
+    function observeIframe(iframe) {
+        const theme = document.documentElement.classList.contains('theme-light') ? 'light' : 'dark';
 
-    observer.observe(htmlElement, { attributes: true });
-
-    function observeIframeLoad(iframe) {
-        iframe.addEventListener('load', () => sendTheme(getCurrentTheme(), iframe));
-        if (iframe.contentDocument && iframe.contentDocument.readyState === 'complete') {
-            sendTheme(getCurrentTheme(), iframe);
+        function sendTheme() {
+            iframe.contentDocument.documentElement.setAttribute('theme', theme);
         }
+
+        iframe.addEventListener('load', sendTheme);
+        if (iframe.contentDocument.readyState === 'complete') sendTheme();
     }
 
-    document.querySelectorAll('iframe').forEach(observeIframeLoad);
+    document.querySelectorAll('iframe').forEach(observeIframe);
 
     const bodyObserver = new MutationObserver((mutations) => {
         mutations.forEach((mutation) => {
             mutation.addedNodes.forEach((node) => {
-                if (node.tagName === 'IFRAME') observeIframeLoad(node);
-                else if (node.querySelectorAll) node.querySelectorAll('iframe').forEach(observeIframeLoad);
+                if (node.tagName === 'IFRAME') observeIframe(node);
+                else if (node.querySelectorAll) {
+                    node.querySelectorAll('iframe').forEach(observeIframe);
+                }
             });
         });
     });
 
     bodyObserver.observe(document.body, { childList: true, subtree: true });
 
-    updateAllIframeThemes();
+    observeHtmlClassChanges();
+
+    const initialTheme = document.documentElement.classList.contains('theme-light') ? 'light' : 'dark';
+    updateIframeThemes(initialTheme);
 });

docs/StardustDocs/d.tree

@@ -199,4 +199,5 @@
     </toc-element>
     <toc-element href="https://github.com/Kotlin/dataframe/tree/master/examples" toc-title="Examples"/>
     <toc-element topic="_shadow_resources.md" hidden="true"/>
+    <toc-element topic="Compiler-Plugin.md"/>
 </instance-profile>

quickstart.ipynb renamed to docs/StardustDocs/resources/guides/quickstart.ipynb

@@ -177,7 +177,7 @@
 </style>
 </head>
 <body>
-<table class="dataframe" id="df_-1677721594"></table>
+<table class="dataframe" id="df_-1006632954"></table>
 
 <p class="dataframe_description">... showing only top 20 of 24 rows</p><p class="dataframe_description"></p>
 </body>
@@ -461,10 +461,10 @@
 { name: "<span title=\"starsCount: Int\">starsCount</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">6120</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1241</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">12926</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1066</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">39402</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1737</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">5688</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1074</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1181</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1072</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1110</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1058</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1815</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1017</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7101</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2424</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2836</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2628</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">6059</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1133</span></span>"] }, 
 { name: "<span title=\"topics: List<String>\">topics</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"ideavim\nintellij\nintellij-platform\njb-official\nkotlin\nvim\nvim-emulator\"><span class=\"structural\">[</span>ideavim<span class=\"structural\">, </span>intellij<span class=\"structural\">, </span>intellij-pl<span class=\"structural\">...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"domain-specific-language\ndsl\"><span class=\"structural\">[</span>domain-specific-language<span class=\"structural\">, </span>dsl<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"code-editor\nide\nintellij\nintellij-community\nintellij-platform\"><span class=\"structural\">[</span>code-editor<span class=\"structural\">, </span>ide<span class=\"structural\">, </span>intellij<span class=\"structural\">, </span>i<span class=\"structural\">...</span><span class=\"structural\">, </span>i<span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"intellij-idea\nintellij-plugin\nscala\"><span class=\"structural\">[</span>intellij-idea<span class=\"structural\">, </span>intellij-plugin<span class=\"structural\">, </span>scala<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"compiler\ngradle-plugin\nintellij-plugin\nkotlin\nkotlin-library\nmaven-plugin\nprogramming-language\"><span class=\"structural\">[</span>compiler<span class=\"structural\">, </span>gradle-plugin<span class=\"structural\">, </span>intel<span class=\"structural\">...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"\"><span class=\"structural\">[</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"dao\nkotlin\norm\nsql\"><span class=\"structural\">[</span>dao<span class=\"structural\">, </span>kotlin<span class=\"structural\">, </span>orm<span class=\"structural\">, </span>sql<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"kotlin\"><span class=\"structural\">[</span>kotlin<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"gitignore\nignore-files\nintellij\nintellij-plugin\njava\"><span class=\"structural\">[</span>gitignore<span class=\"structural\">, </span>ignore-files<span class=\"structural\">, </span>intellij<span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"\"><span class=\"structural\">[</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"\"><span class=\"structural\">[</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"gradle\ngradle-intellij-plugin\ngradle-kotlin-dsl\ngroovy\nintellij\nintellij-ides\nintellij-platform\nintellij-plugin\nintellij-sdk\njetbrains-plugin\nkotlin\nplugin-verifier\npublishing-dsl\nsetup-dsl\nteamcity\ntravis-configuration\"><span class=\"structural\">[</span>gradle<span class=\"structural\">, </span>gradle-intellij-plugin<span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"sprite\nsvg\nsvg-sprite\nsvg-stack\nwebpack\nwebpack-loader\nwebpack-plugin\nwebpack2\nwebpack3\"><span class=\"structural\">[</span>sprite<span class=\"structural\">, </span>svg<span class=\"structural\">, </span>svg-sprite<span class=\"structural\">, </span>svg-s<span class=\"structural\">...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"hacktoberfest\njetbrains\nplugin\nresharper\nresharper-plugin\nrider\nunity\nunity-editor\"><span class=\"structural\">[</span>hacktoberfest<span class=\"structural\">, </span>jetbrains<span class=\"structural\">, </span>plugin<span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"c\ncompiler\nkotlin\nllvm\nobjective-c\"><span class=\"structural\">[</span>c<span class=\"structural\">, </span>compiler<span class=\"structural\">, </span>kotlin<span class=\"structural\">, </span>llvm<span class=\"structural\">, </span>objective-c<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"create-react-app\njetbrains-ui\nkotlin\nreact\nwebpack\"><span class=\"structural\">[</span>create-react-app<span class=\"structural\">, </span>jetbrains-ui<span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"components\njetbrains-ui\nreact\"><span class=\"structural\">[</span>components<span class=\"structural\">, </span>jetbrains-ui<span class=\"structural\">, </span>react<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"\"><span class=\"structural\">[</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"coding-font\nfont\nligatures\nmonospaced-font\nprogramming-font\nprogramming-ligatures\"><span class=\"structural\">[</span>coding-font<span class=\"structural\">, </span>font<span class=\"structural\">, </span>ligatures<span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"intellij\nintellij-idea\nintellij-idea-plugin\nintellij-platform\nintellij-plugin\nintellij-plugins\njetbrains-plugin\"><span class=\"structural\">[</span>intellij<span class=\"structural\">, </span>intellij-idea<span class=\"structural\">, </span>intel<span class=\"structural\">...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>"] }, 
 { name: "<span title=\"isIntellij: Boolean\">isIntellij</span>", children: [], rightAlign: false, values: ["true","false","true","true","false","true","false","false","true","false","false","true","false","false","false","false","false","false","false","true"] }, 
-], id: -1677721594, rootId: -1677721594, totalRows: 24 } ) });
+], id: -1006632954, rootId: -1006632954, totalRows: 24 } ) });
 /*-->*/
 
-call_DataFrame(function() { DataFrame.renderTable(-1677721594) });
+call_DataFrame(function() { DataFrame.renderTable(-1006632954) });
 
         function sendHeight() {
     const table = document.querySelector('table.dataframe');
@@ -506,14 +506,5 @@
     characterData: true
 });
 
-
-window.addEventListener('message', (event) => {
-    if (event.data && event.data.type === 'setTheme') {
-        document.documentElement.setAttribute('theme', event.data.theme);
-   
-        event.source.postMessage({ type: 'themeSet', theme: event.data.theme }, '*');
-    }
-}, false);
-
 </script>
 </html>

docs/StardustDocs/resources/guides/quickstart/notebook_test_quickstart_10.html

@@ -177,7 +177,7 @@
 </style>
 </head>
 <body>
-<table class="dataframe" id="df_-1677721593"></table>
+<table class="dataframe" id="df_-1006632953"></table>
 
 <p class="dataframe_description"></p>
 </body>
@@ -458,27 +458,27 @@
 
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"isIntellij: Boolean\">isIntellij</span>", children: [], rightAlign: false, values: ["true","false"] }, 
-{ name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: -1677721592, value: "<b>DataFrame 7 x 4</b>" },{ frameId: -1677721591, value: "<b>DataFrame 17 x 4</b>" }] }, 
-], id: -1677721593, rootId: -1677721593, totalRows: 2 } ) });
+{ name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: -1006632952, value: "<b>DataFrame 7 x 4</b>" },{ frameId: -1006632951, value: "<b>DataFrame 17 x 4</b>" }] }, 
+], id: -1006632953, rootId: -1006632953, totalRows: 2 } ) });
 /*-->*/
 
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["ideavim","intellij-community","intellij-scala","intellij-plugins","idea-gitignore"] }, 
 { name: "<span title=\"starsCount: Int\">starsCount</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">6120</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">12926</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1066</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1737</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1181</span></span>"] }, 
 { name: "<span title=\"topics: List<String>\">topics</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"ideavim\nintellij\nintellij-platform\njb-official\nkotlin\nvim\nvim-emulator\"><span class=\"structural\">[</span>ideavim<span class=\"structural\">, </span>intellij<span class=\"structural\">, </span>intellij-pl<span class=\"structural\">...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"code-editor\nide\nintellij\nintellij-community\nintellij-platform\"><span class=\"structural\">[</span>code-editor<span class=\"structural\">, </span>ide<span class=\"structural\">, </span>intellij<span class=\"structural\">, </span>i<span class=\"structural\">...</span><span class=\"structural\">, </span>i<span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"intellij-idea\nintellij-plugin\nscala\"><span class=\"structural\">[</span>intellij-idea<span class=\"structural\">, </span>intellij-plugin<span class=\"structural\">, </span>scala<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"\"><span class=\"structural\">[</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"gitignore\nignore-files\nintellij\nintellij-plugin\njava\"><span class=\"structural\">[</span>gitignore<span class=\"structural\">, </span>ignore-files<span class=\"structural\">, </span>intellij<span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>"] }, 
 { name: "<span title=\"isIntellij: Boolean\">isIntellij</span>", children: [], rightAlign: false, values: ["true","true","true","true","true"] }, 
-], id: -1677721592, rootId: -1677721593, totalRows: 7 } ) });
+], id: -1006632952, rootId: -1006632953, totalRows: 7 } ) });
 /*-->*/
 
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["MPS","kotlin","Exposed","kotlin-web-site","swot"] }, 
 { name: "<span title=\"starsCount: Int\">starsCount</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1241</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">39402</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">5688</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1074</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1072</span></span>"] }, 
 { name: "<span title=\"topics: List<String>\">topics</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"domain-specific-language\ndsl\"><span class=\"structural\">[</span>domain-specific-language<span class=\"structural\">, </span>dsl<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"compiler\ngradle-plugin\nintellij-plugin\nkotlin\nkotlin-library\nmaven-plugin\nprogramming-language\"><span class=\"structural\">[</span>compiler<span class=\"structural\">, </span>gradle-plugin<span class=\"structural\">, </span>intel<span class=\"structural\">...</span><span class=\"structural\">, </span><span class=\"structural\">...</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"dao\nkotlin\norm\nsql\"><span class=\"structural\">[</span>dao<span class=\"structural\">, </span>kotlin<span class=\"structural\">, </span>orm<span class=\"structural\">, </span>sql<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"kotlin\"><span class=\"structural\">[</span>kotlin<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"\"><span class=\"structural\">[</span><span class=\"structural\">]</span></span>"] }, 
 { name: "<span title=\"isIntellij: Boolean\">isIntellij</span>", children: [], rightAlign: false, values: ["false","false","false","false","false"] }, 
-], id: -1677721591, rootId: -1677721593, totalRows: 17 } ) });
+], id: -1006632951, rootId: -1006632953, totalRows: 17 } ) });
 /*-->*/
 
-call_DataFrame(function() { DataFrame.renderTable(-1677721593) });
+call_DataFrame(function() { DataFrame.renderTable(-1006632953) });
 
         function sendHeight() {
     const table = document.querySelector('table.dataframe');
@@ -520,14 +520,5 @@
     characterData: true
 });
 
-
-window.addEventListener('message', (event) => {
-    if (event.data && event.data.type === 'setTheme') {
-        document.documentElement.setAttribute('theme', event.data.theme);
-   
-        event.source.postMessage({ type: 'themeSet', theme: event.data.theme }, '*');
-    }
-}, false);
-
 </script>
 </html>