pages: Add overview table

Author: dweindl

.github/workflows/gh-pages.yml

@@ -29,8 +29,15 @@ jobs:
         uses: actions/setup-python@v5
         with:
           python-version: 3.13
+      - name: Install dependencies
+        run: |
+          cd src/python
+          pip install --upgrade pip
+          pip install -e .[site]
       - name: Build site
         run: src/python/build_site.py
+      - name: Create overview
+        run: bmp-create-overview --html-file=_site/index.html
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Upload artifact

src/python/benchmark_models_petab/overview.py

@@ -324,19 +324,114 @@ def show_overview_table(
         print(df)
 
 
+def create_html_table(dest: Path) -> None:
+    from bokeh.io import output_file, save
+    from bokeh.layouts import column
+    from bokeh.models import (
+        ColumnDataSource,
+        DataTable,
+        TableColumn,
+        Div,
+        StringFormatter,
+        NumberFormatter,
+        HTMLTemplateFormatter,
+        InlineStyleSheet,
+    )
+
+    dest.parent.mkdir(parents=True, exist_ok=True)
+
+    df = get_overview_df()
+
+    df["possible_discontinuities"] = df["possible_discontinuities"].apply(
+        lambda x: "✓" if x else ""
+    )
+
+    source = ColumnDataSource(df)
+
+    def get_formatter(col: str):
+        """Get the appropriate formatter for the column."""
+        if col not in df.columns:
+            return HTMLTemplateFormatter(
+                template="""
+                <a href="https://github.com/Benchmarking-Initiative/Benchmark-Models-PEtab/tree/master/Benchmark-Models/<%= value %>"><%= value %></a>
+                """
+            )
+        if pd.api.types.is_integer_dtype(df[col].dtype):
+            return NumberFormatter(text_align="right")
+        if col in ["reference_uris", "sbml4humans_urls"]:
+            return HTMLTemplateFormatter(
+                template="""
+                <%
+                    const sanitizedValue = value.replace(/'/g, '"');
+                    const urls = JSON.parse(sanitizedValue);
+                    console.log('Parsed JSON:', urls);
+                    for (let i = 0; i < urls.length; i++) {
+                %>
+                    <a href="<%= urls[i] %>" target="_blank"><%= urls[i] %></a>
+                <% } %>
+                """
+            )
+
+        return StringFormatter()
+
+    columns = [
+        TableColumn(
+            field=col,
+            title=markdown_columns.get(col, col),
+            formatter=get_formatter(col),
+            width=len(col),
+        )
+        for col in df.reset_index().columns
+    ]
+
+    css = InlineStyleSheet(
+        css="""
+            .slick-header-column {
+            background-color: #f4f4f4;
+            font-weight: bold;
+    }
+    """
+    )
+
+    data_table = DataTable(
+        source=source,
+        columns=columns,
+        sortable=True,
+        sizing_mode="stretch_both",
+    )
+    data_table.stylesheets.append(css)
+
+    heading = Div(text="<h1>Benchmark Problems</h1>")
+
+    layout = column(heading, data_table, sizing_mode="stretch_both")
+    output_file(dest, title="Benchmark Problems")
+    save(layout)
+
+
 def main():
     parser = argparse.ArgumentParser(
         description="Show overview table for benchmark PEtab problems"
     )
-    parser.add_argument(
+    group1 = parser.add_mutually_exclusive_group()
+    group1.add_argument(
         "--markdown", action="store_true", help="Output in markdown format"
     )
-    parser.add_argument(
+    group1.add_argument(
         "--update",
         action="store_true",
         help="Update the README.md file with the overview table",
     )
 
+    group2 = parser.add_mutually_exclusive_group()
+    group2.add_argument(
+        "--html-file", help="Output the overview table to an HTML file"
+    )
+
     args = parser.parse_args()
 
-    show_overview_table(markdown=args.markdown, update_readme=args.update)
+    if args.html_file:
+        create_html_table(dest=Path(args.html_file))
+    else:
+        show_overview_table(
+            markdown=args.markdown, update_readme=args.update, html=args.html
+        )

src/python/pyproject.toml

@@ -28,6 +28,7 @@ dependencies = [
 
 [project.optional-dependencies]
 dev = ["pre-commit", "pytest", "ruff"]
+site = ["bokeh>=3.7.3"]
 
 [project.scripts]
 bmp-petablint = "benchmark_models_petab.check_petablint:main"