chore: use the new repo-review (1.0.0rc3)

.gitignore

@@ -142,6 +142,8 @@ src/*/_version.py
 .jekyll-cache/
 .jekyll-metadata
 _site/
+docs/assets/js/repo-review-app.min.js
+docs/assets/js/repo-review-app.min.js.map
 
 # NodeJS stuff, just in case (developer tooling)
 node_modules/

.readthedocs.yaml

@@ -13,6 +13,7 @@ build:
     ruby: "3.4"
 
   commands:
+    - ./helpers/fetch_repo_review_app.sh
     - bundle install
     - >
       JEKYLL_ENV=production bundle exec jekyll build --destination

docs/README.md

@@ -14,6 +14,7 @@ To build locally, install rbenv (remember to run `rbenv init` after installing,
 and `rbenv install 3.4.1`). Then:
 
 ```bash
+./helpers/fetch_repo_review_app.sh
 bundle install
 bundle exec jekyll serve --livereload
 ```

docs/_includes/head_custom.html

@@ -3,26 +3,7 @@
 {%- if page.interactive_repo_review %}
 
 <script
-  src="https://cdn.jsdelivr.net/pyodide/v0.27.3/full/pyodide.js"
-  crossorigin
-></script>
-
-<script
-  src="https://unpkg.com/react@18/umd/react.production.min.js"
-  crossorigin
-></script>
-<script
-  src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"
-  crossorigin
-></script>
-<script
-  src="https://unpkg.com/@mui/material@v5.13.3/umd/material-ui.production.min.js"
-  crossorigin
-></script>
-
-<!-- pre-processor -->
-<script
-  src="https://unpkg.com/babel-standalone/babel.min.js"
+  src="https://cdn.jsdelivr.net/pyodide/v0.29.3/full/pyodide.js"
   crossorigin
 ></script>
 <!-- Fonts to support Material Design -->
@@ -35,10 +16,5 @@
   rel="stylesheet"
   href="https://fonts.googleapis.com/icon?family=Material+Icons"
 />
-
-<script
-  type="text/babel"
-  src="{% link assets/js/webapp.js %}"
-  data-presets="react"
-></script>
+<link rel="modulepreload" href="{% link assets/js/repo-review-app.min.js %}" />
 {%- endif %}

docs/_includes/interactive_repo_review.html

@@ -1,6 +1,4 @@
-<div id="interactive-repo-review-root">
-  Loading (requires javascript and WebAssembly)...
-</div>
+<div id="root">Loading (requires javascript and WebAssembly)...</div>
 <style>
   .main-content ul > li::before {
     position: inherit;
@@ -12,19 +10,16 @@
     padding-left: none;
   }
 </style>
-<script type="text/babel">
-  const root = ReactDOM.createRoot(
-    document.getElementById("interactive-repo-review-root"),
-  );
-  root.render(
-    <App
-      header={false}
-      deps={[
-        "repo-review~=0.12.1",
-        "sp-repo-review==2025.11.21",
-        "validate-pyproject-schema-store==2025.11.21",
-        "validate-pyproject[all]~=0.24.0",
-      ]}
-    />,
-  );
+<script type="module">
+  import { mountApp } from "{% link assets/js/repo-review-app.min.js %}";
+
+  mountApp({
+    header: false,
+    deps: [
+      "repo-review~=1.0.0rc3",
+      "sp-repo-review==2026.04.03",
+      "validate-pyproject-schema-store==2026.03.29",
+      "validate-pyproject[all]~=0.25.0",
+    ],
+  });
 </script>