Commit

button_toggle.py

@@ -14,7 +14,13 @@ def load(e: me.LoadEvent):
   me.set_theme_mode("system")
 
 
-@me.page(on_load=load, path="/button_toggle")
+@me.page(
+  on_load=load,
+  security_policy=me.SecurityPolicy(
+    allowed_iframe_parents=["https://google.github.io", "https://huggingface.co"]
+  ),
+  path="/button_toggle",
+)
 def app():
   state = me.state(State)
 

date_picker.py

@@ -13,7 +13,13 @@ def on_load(e: me.LoadEvent):
   me.set_theme_mode("system")
 
 
-@me.page(path="/date_picker", on_load=on_load)
+@me.page(
+  path="/date_picker",
+  security_policy=me.SecurityPolicy(
+    allowed_iframe_parents=["https://google.github.io", "https://huggingface.co"]
+  ),
+  on_load=on_load,
+)
 def app():
   state = me.state(State)
   with me.box(

date_range_picker.py

@@ -18,7 +18,13 @@ def on_load(e: me.LoadEvent):
   me.set_theme_mode("system")
 
 
-@me.page(path="/date_range_picker", on_load=on_load)
+@me.page(
+  path="/date_range_picker",
+  security_policy=me.SecurityPolicy(
+    allowed_iframe_parents=["https://google.github.io", "https://huggingface.co"]
+  ),
+  on_load=on_load,
+)
 def app():
   state = me.state(State)
   with me.box(

requirements.txt

@@ -1,4 +1,4 @@
-mesop>=0.13.0
+mesop>=0.10.0
 Flask==3.0.0
 gunicorn==22.0.0
 Werkzeug==3.0.6

screenshot.ts

@@ -11,7 +11,7 @@ const pythonDemoFiles = fs
 console.log(pythonDemoFiles);
 
 // Remove the skip if you want to re-generate the screenshots.
-test('screenshot each demo', async ({page}) => {
+test.skip('screenshot each demo', async ({page}) => {
   // This will take a while.
   test.setTimeout(0);