doc: attempt 3 to get react viewer live on github pages

TODO: how do we get the iframe to be full height? i've hard-coded a pixel height for now.

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

.github/workflows/mkdocs-gh-pages.yml

@@ -46,20 +46,6 @@ jobs:
         run: mkdocs build --config-file ./mkdocs.yml --strict --site-dir ./_site
         env:
           CI: true
-      # Viewer
-      - name: Set up node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-      - name: Install dependencies
-        working-directory: ./pdl-live-react
-        run: npm ci
-      - name: Build viewer
-        working-directory: ./pdl-live-react
-        run: npm run build
-      - name: Copy viewer
-        working-directory: ./pdl-live-react
-        run: cp -a ./dist ../viewer
       # Deploy
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

docs/viewer.md

@@ -0,0 +1,24 @@
+---
+hide:
+  - navigation
+  - toc
+  - footer
+---
+
+<style>
+.md-typeset {
+  margin: 0;
+  padding: 0;
+}
+.md-grid {margin-top: 0;}
+.md-typeset > h1,
+.md-content__button {
+  display: none;
+}
+iframe {
+  width: 100%;
+  min-height: 800px; /* TODO */
+}
+</style>
+
+<iframe src="https://pdl.s3-web.us-east.cloud-object-storage.appdomain.cloud/" frameborder="0" height="100%"></iframe>

mkdocs.yml

@@ -46,6 +46,7 @@ nav:
   - Tutorial: tutorial.md
   - API Reference: api_reference.md
   - Contribute: contrib.md
+  - Viewer: viewer.md
 
 # Define some IBM colors
 extra_css: