Help with markdown in text control

[xalentis]

Hello. So I am using the openai API to send a prompt, which returns markdown as a string. I use the following code to display the returned markdown in the text control. The dialog itself is also shown below. For some reason, sometimes the dialog opens with the markdown, some times it does not. Weirdly, if I copy/paste the result from openai into a string variable and then display it, it works fine. However taking the results from the function (string) and trying to pass that to the text control variable fails most of the time. The dialog does not display at all, no exceptions thrown. Any advice would be appreciated (I tried stripping \n, I tried using bleach() to clean the markdown, still sporadic). Tried using "raw" and "pre" modes, same issue.

markdown = get_markdown_result(prompt)
state.report_text = markdown
state.refresh("report_text")
state.show_report_dialog = True

with tgb.Page() as report_dialog:
with tgb.layout():
with tgb.part():
tgb.text(value="{report_text}", mode="markdown")

[FlorianJacta]

What happens if you see nothing after the function and then, refresh your page? Do you then see the message?

[xalentis]

Yeah refresh works! Shows it perfectly after refresh.

[FlorianJacta]

You should look at this tutorial: https://docs.taipy.io/en/latest/tutorials/articles/long_callbacks/ and this code below. The code is in Markdown but you should see is the use of the invoke_long_callback. You can read the article for other details.

from taipy.gui import Gui, Markdown, State, invoke_long_callback, notify


def pi_approx(num_iterations: int):
    """
    Approximate Pi using the Leibniz formula.

    Args:
        num_iterations: Number of iterations to compute the approximation.

    Returns:
        A list of approximations of Pi, made at each iteration.
    """
    k, s = 3.0, 1.0
    pi_list = []
    for i in range(num_iterations):
        s = s - ((1 / k) * (-1) ** i)
        k += 2
        if (i + 1) % (int(num_iterations / 100) + 1) == 0:
            pi_list += [4 * s]

    return pi_list


def heavy_status(state: State, status, pi_list: list):
    """
    Periodically update the status of the long callback.

    Args:
        state: The state of the application.
        status: The status of the long callback.
        pi_list: The list of approximations of Pi.
    """
    state.logs = f"Approximating Pi... ({status}s)"
    if isinstance(status, bool):
        if status:
            state.logs = f"Finished! Approximation: {pi_list[-1]}"
            notify(state, "success", "Finished")
            state.pi_list = pi_list
        else:
            notify(state, "error", "An error was raised")
    else:
        state.status += 1


def on_action(state: State):
    """
    When the button is clicked, start the long callback.

    Args:
        state: The state of the application.
    """
    invoke_long_callback(
        state, pi_approx, [int(state.num_iterations)], heavy_status, [], 1000
    )

if __name__ == "__main__":
    status = 0
    num_iterations = 20_000_000
    pi_list = []
    logs = "Not running"

    page = Markdown("""
# Approximating **Pi**{: .color-primary} using the Leibniz formula
<|{num_iterations}|number|label=Number of iterations|>
<|Approximate Pi|button|on_action=on_action|>
## Evolution of approximation
<|{pi_list}|chart|layout={layout}|>
<br/>
<|card|
## Logs
### <|{logs}|text|raw|>
|>
    """)

    layout = {
        "xaxis": {"title": "Iteration (Percentage of Total Iterations)"},
        "yaxis": {"title": "Pi Approximation"},
    }

    Gui(page).run()

[xalentis]

That makes perfect sense now, thanks again.

[xalentis]

Okay got that working smoothly now, thanks again!

[FlorianJacta]

Great!