search

posit-dev / py-shiny

Shiny for Python
https://shiny.posit.co/py/
MIT License
1.1k stars 62 forks source link

PWA not working in shiny for python #1460

Closed Filhomn closed 2 weeks ago

Filhomn commented 3 weeks ago

PWA usually works well in R shiny. But it is not in py-shiny in neither apple and android. I don’t understand why. Here is my code:

app_ui = ui.page_fluid(
    ui.tags.head(
        ui.tags.meta(name="apple-mobile-web-app-capable", content="yes"),
        ui.tags.link(rel="manifest", href="manifest.json"),
        ui.tags.link(rel="apple-touch-icon", sizes="180x180", href="https://i.ibb.co/WKXm5cf/apple-touch-icon.png"),
        ui.tags.link(rel="icon", type="image/png", sizes="32x32", href_="https://i.ibb.co/7rwYtgm/favicon-32x32.png"),
        ui.tags.link(rel="icon", type="image/png", sizes="16x16", href_="https://i.ibb.co/5GwHXH3/favicon-16x16.png"),
        ui.tags.link(href="https://i.ibb.co/0XPvWHr/iphone5-splash.png", media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)", rel="apple-touch-startup-image"),
        ui.tags.link(href="https://i.ibb.co/x8sv8nq/iphone6-splash.png", media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)", rel="apple-touch-startup-image"),
        ui.tags.link(href="https://i.ibb.co/vknxBFT/iphoneplus-splash.png", media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)", rel="apple-touch-startup-image"),
        ui.tags.link(href="https://i.ibb.co/h1ZKyn9/iphonex-splash.png", media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)", rel="apple-touch-startup-image"),
        ui.tags.link(href="https://i.ibb.co/XXw3rr7/ipad-splash.png", media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)", rel="apple-touch-startup-image"),
        ui.tags.link(href="https://i.ibb.co/zZf4wkq/ipadpro1-splash.png", media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)", rel="apple-touch-startup-image"),
        ui.tags.link(href="https://i.ibb.co/vhLB8cY/ipadpro2-splash.png", media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)", rel="apple-touch-startup-image"),
        ui.tags.meta(name="viewport", content="width=device-width, initial-scale=1")
)
Filhomn commented 2 weeks ago

The team from Appsilon has figured it out: https://github.com/Appsilon/respiratory_disease_pyshiny/blob/main/app.py