Add WebEncoder for trigger page rendering to avoid render failure

[molcay]

Add WebEncoder for trigger page rendering to avoid render failure

---

^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in newsfragments.

[bbovenzi]

Thanks! Could you expand on what render failures were happening?

[molcay]

Hi @bbovenzi,
After checking the second time, "failure" is a bit too much but here is the situation:

• I have the following simple DAG:

import datetime

import airflow
import pendulum
from airflow.operators.bash import BashOperator


with airflow.DAG(
    dag_id="basic_dag",
    start_date=pendulum.datetime(2024, 5, 14, tz="UTC"),
    catchup=False,
    schedule="@once",
    tags=["basic"],
    params={
        'd': datetime.datetime.utcnow(),
    }
):
    task = BashOperator(task_id="normal", bash_command="echo 'I am just a normal task'")

When I try to trigger this DAG, in the trigger form page I am getting the following info message (I am saying info because it is a blueish color)

Could not pre-populate conf field due to non-JSON-serializable data-types

The UI:

When I try to click the Trigger button, I am getting the same info message again and the trigger is not successful.
Here is the current process:

NOTE: If I run the command airflow dags trigger basic_dag it will succeed.

With this PR, we will use the WebEncoder for current and recent configurations, so it will not give this message.
The result:

[bbovenzi]

looks good. thanks for giving more context