Solara•3mo ago

rendering pdf

@solara.component
def Page():
    solara.use_effect(generate_pdf, dependencies=[])

    with solara.Column(style={"height": "100%", "width": "100%"}):
        static_pdf= f"/static/{os.path.basename(PDF_PATH)}"
        solara.HTML(f'<iframe src="{static_pdf}" style="width:100%; height:100%;"></iframe>')

@solara.component
def Page():
    solara.use_effect(generate_pdf, dependencies=[])

    with solara.Column(style={"height": "100%", "width": "100%"}):
        static_pdf= f"/static/{os.path.basename(PDF_PATH)}"
        solara.HTML(f'<iframe src="{static_pdf}" style="width:100%; height:100%;"></iframe>')

I'm running this app in a docker container and exposing it through a port to the browser. Problem: the browser can't find the pdf to render. I thought I'd applied the same logic in https://solara.dev/documentation/advanced/reference/static-files but I seem to be missing something. I have verified that the pdf is correctly generated and in the right path within the container's filesystem. I suspect that there is a path inconsistency when rendering on my host machine's browser. I thought that's what the static/ logic was supposed to solve? Thank you for your time

Using static files and resources in your Solara application

When using Solara, you can host static files, like images, which will then be available at /static/public, in the ../public folder.

7 Replies

MaartenBreddels•3mo ago

I think you forgot the 'public' part, i.e. image_url = "/static/public/beach.jpeg" For the rest is looks good!

MaartenBreddels•3mo ago

Although, I would put the generate_pdf in a use_task, and only show the iframe when the task is done (i.,e. when the file is written) you could use https://solara.dev/documentation/components/lab/use_task

Ahmed MoubtahijOP•3mo ago

PUBLIC_DIR = Path("public/")
PDF_PATH = PUBLIC_DIR/"my_cv.pdf"

@solara.component
def Page():
    with solara.Column(style={"height": "100%", "width": "100%"}):
        solara.lab.use_task(generate_pdf, dependencies=[])
        solara.HTML(f'<iframe src="/static/{str(PDF_PATH)}" style="width:100%; height:100%;"></iframe>')

PUBLIC_DIR = Path("public/")
PDF_PATH = PUBLIC_DIR/"my_cv.pdf"

@solara.component
def Page():
    with solara.Column(style={"height": "100%", "width": "100%"}):
        solara.lab.use_task(generate_pdf, dependencies=[])
        solara.HTML(f'<iframe src="/static/{str(PDF_PATH)}" style="width:100%; height:100%;"></iframe>')

Replaced with use_task. It is more appropriate, thanks! I was already using "public/" in the pdf path though, I made it clearer. Here is what my project structure looks like:

├── Dockerfile
├── README.md
├── __init__.py
├── compose.yaml
├── public
│   └── my_cv.pdf
├── requirements.txt
└── ui.py

├── Dockerfile
├── README.md
├── __init__.py
├── compose.yaml
├── public
│   └── my_cv.pdf
├── requirements.txt
└── ui.py

The browser just shows A widget with mount-id="solara-main" should go here

MaartenBreddels•3mo ago

But, a basic button does work? Or do you see this "A widget with ... should go here" in the iframe? ah, but your file layout is incorrect, the public dir should be ../public WRT the python file Many people hit that issue, we just want to avoid people putting code in public/foobar.py, and then basically leaking that code, that's why it should be 1 lever higher than the code

Ahmed MoubtahijOP•3mo ago

Oh I see, indeed, I'll fix that tonight, thanks! (Yeah other basic components work)

only show the iframe when the task is done (i.,e. when the file is written)

Did you mean something like this?

if (out_pdf := solara.lab.use_task(generate_pdf, dependencies=[])).finished:
  solara.HTML(
    tag="iframe",
    attributes={"src": f"/static/{out_pdf.value}", "style": "width:100%; height:100%;"},
  )
else:
  solara.ProgressLinear(out_pdf.pending)

if (out_pdf := solara.lab.use_task(generate_pdf, dependencies=[])).finished:
  solara.HTML(
    tag="iframe",
    attributes={"src": f"/static/{out_pdf.value}", "style": "width:100%; height:100%;"},
  )
else:
  solara.ProgressLinear(out_pdf.pending)

MaartenBreddels•3mo ago

Yeah!

Ahmed MoubtahijOP•3mo ago

Yep, reorganizing project structure to have ../public relative to the running .py worked! Thank you 🙏

Gaming

Programming

rendering pdf