Test Deploy

Author: istupakov

.github/workflows/docs-publish.yml

@@ -3,7 +3,7 @@ name: Deploy Docs to Pages
 
 on:
   push:
-    branches: ["main"]
+    branches: ["main", "add-docs"]
   workflow_dispatch:
 
 permissions:
@@ -15,7 +15,6 @@ concurrency:
 
 jobs:
   build:
-    name: Build docs
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v6
@@ -29,7 +28,6 @@ jobs:
           path: ./site
 
   deploy:
-    name: Deploy docs to GitHub Pages
     needs: build
     runs-on: ubuntu-latest
     permissions:

docs/demo.md

@@ -0,0 +1 @@
+<gradio-app src="https://istupakov-onnx-asr.hf.space" info="true" eager="false"></gradio-app>

docs/javascripts/gradio-theme-sync.js

@@ -0,0 +1,24 @@
+function getMkDocsTheme() {
+    const scheme = document.body.getAttribute("data-md-color-scheme");
+    return scheme === "slate" ? "dark" : "light";
+}
+
+function syncGradioTheme() {
+    const theme = getMkDocsTheme();
+    document
+        .querySelectorAll("gradio-app")
+        .forEach(app => app.className = theme);
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+    syncGradioTheme();
+
+    const observer = new MutationObserver(() => {
+        syncGradioTheme();
+    });
+
+    observer.observe(document.body, {
+        attributes: true,
+        attributeFilter: ["data-md-color-scheme"]
+    });
+});

mkdocs.yml

@@ -48,9 +48,15 @@ watch:
   - README.md
 
 nav:
-  - Introduction: index.md
+  - Readme: index.md
+  - Demo: demo.md
   - Reference: reference.md
 
+extra_javascript:
+  - path: https://gradio.s3-us-west-2.amazonaws.com/6.3.0/gradio.js
+    type: module
+  - javascripts/gradio-theme-sync.js
+
 markdown_extensions:
   - admonition
   - attr_list