Hide buttons generated by the TryExamples directive by default

.gitignore

@@ -5,3 +5,4 @@ docs/build
 build
 dist
 .jupyterlite.doit.db
+/.vscode/

jupyterlite_sphinx/jupyterlite_sphinx.js

@@ -180,15 +180,18 @@ window.loadTryExamplesConfig = async (configFilePath) => {
       tryExamplesGlobalMinHeight = parseInt(data.global_min_height);
     }
 
-    // Disable interactive examples if file matches one of the ignore patterns
-    // by hiding try_examples_buttons.
+    // Selectively enable interactive examples if file matches one of the ignore patterns
+    // by un-hiding try_examples_buttons.
     Patterns = data.ignore_patterns;
     for (let pattern of Patterns) {
       let regex = new RegExp(pattern);
       if (regex.test(currentPageUrl)) {
-        var buttons = document.getElementsByClassName("try_examples_button");
+        var buttons = document.getElementsByClassName(
+          "try_examples_button hidden",
+        );
         for (var i = 0; i < buttons.length; i++) {
-          buttons[i].classList.add("hidden");
+          console.log(buttons[i]);
+          buttons[i].classList.remove("hidden");
         }
         break;
       }

jupyterlite_sphinx/jupyterlite_sphinx.py

@@ -468,14 +468,14 @@ def run(self):
 
         # Button with the onclick event to swap embedded notebook back to examples.
         go_back_button_html = (
-            '<button class="try_examples_button" '
+            '<button class="try_examples_button hidden" '
             f"onclick=\"window.tryExamplesHideIframe('{examples_div_id}',"
             f"'{iframe_parent_div_id}')\">"
             "Go Back</button>"
         )
 
         full_screen_button_html = (
-            '<button class="try_examples_button" '
+            '<button class="try_examples_button hidden" '
             f"onclick=\"window.openInNewTab('{examples_div_id}',"
             f"'{iframe_parent_div_id}')\">"
             "Open In Tab</button>"
@@ -484,7 +484,7 @@ def run(self):
         # Button with the onclick event to swap examples with embedded notebook.
         try_it_button_html = (
             '<div class="try_examples_button_container">'
-            '<button class="try_examples_button" '
+            '<button class="try_examples_button hidden" '
             f"onclick=\"window.tryExamplesShowIframe('{examples_div_id}',"
             f"'{iframe_div_id}','{iframe_parent_div_id}','{iframe_src}',"
             f"'{height}')\">"