Project dropdown shows project names from table.

app.py

@@ -11,6 +11,9 @@ import plotly.graph_objects as go
 import yaml
 from google.oauth2 import service_account
 
+
+from utils.js import get_window_url_params
+
 # Logging
 logging.basicConfig(format="%(levelname)s:%(message)s", level=logging.INFO)
 
@@ -317,6 +320,10 @@ def push_to_md():
     logging.info("upsert records into motherduck")
 
 
+def motherduck_list_projects():
+    return con.sql("SELECT DISTINCT name FROM project").df()
+
+
 with gr.Blocks() as demo:
     # Environment setup
     authenticate_gee(GEE_SERVICE_ACCOUNT, GEE_SERVICE_ACCOUNT_CREDENTIALS_FILE)
@@ -341,7 +348,8 @@ with gr.Blocks() as demo:
         with gr.Row():
             start_year = gr.Number(value=2017, label="Start Year", precision=0)
             end_year = gr.Number(value=2022, label="End Year", precision=0)
-            project_name = gr.Textbox(label="Project Name")
+            # project_name = gr.Textbox(label="Project Name")
+            project_name = gr.Dropdown([], label="Project", value="Select project")
         # boroughs = gr.CheckboxGroup(choices=["Queens", "Brooklyn", "Manhattan", "Bronx", "Staten Island"], value=["Queens", "Brooklyn"], label="Select Methodology:")
         # btn = gr.Button(value="Update Filter")
         with gr.Row():
@@ -363,4 +371,27 @@ with gr.Blocks() as demo:
     view_btn.click(view_all, outputs=results_df)
     save_btn.click(push_to_md)
 
+    def update_project_dropdown_list(x):
+        projects = motherduck_list_projects()
+        # to-do: filter projects based on user
+        return gr.Dropdown.update(choices=projects["name"].tolist())
+
+    # Get url params
+    url_params = gr.JSON({"username": "default"}, visible=False, label="URL Params")
+
+    # Gradio has a bug
+    # For dropdown to update by demo.load, dropdown value must be called downstream
+    b1 = gr.Button("Hidden button that fixes bug.", visible=False)
+    b1.click(lambda x: x, inputs=project_name, outputs=[])
+
+    # Update project dropdown list on page load
+    demo.load(
+        fn=update_project_dropdown_list,
+        inputs=[url_params],
+        outputs=[project_name],
+        _js=get_window_url_params,
+        queue=False,
+    )
+
+
 demo.launch()

utils/js.py

@@ -0,0 +1,8 @@
+get_window_url_params = """
+    function() {
+        const params = new URLSearchParams(window.location.search);
+        const url_params = Object.fromEntries(params);
+        console.log('url_params', url_params)
+        return url_params;
+        }
+    """