085b761f6b
* delete most references to varr * [REF-3562][REF-3563] Replace chakra usage (#3872) * only one mention of var * delete vars.py why not * remove reflex.vars * rename immutable var to var * rename ivars to vars * add vars back smh * ruff * no more create_safe * reorder deprecated * remove raises * remove all Var.create * move to new api * fix unit tests * fix pyi hopefully * sort literals * fix event handler issues * update poetry * fix silly issues i'm very silly * add var_operation_return * rename immutable to not immutable * add str type * it's ruff out there --------- Co-authored-by: Elijah Ahianyo <elijahahianyo@gmail.com>
76 lines
2.3 KiB
Python
76 lines
2.3 KiB
Python
"""Next.js script wrappers and inline script functionality.
|
|
|
|
https://nextjs.org/docs/app/api-reference/components/script
|
|
"""
|
|
|
|
from __future__ import annotations
|
|
|
|
from typing import Literal
|
|
|
|
from reflex.components.component import Component
|
|
from reflex.event import EventHandler
|
|
from reflex.vars.base import LiteralVar, Var
|
|
|
|
|
|
class Script(Component):
|
|
"""Next.js script component.
|
|
|
|
Note that this component differs from reflex.components.base.document.NextScript
|
|
in that it is intended for use with custom and user-defined scripts.
|
|
|
|
It also differs from reflex.components.base.link.ScriptTag, which is the plain
|
|
HTML <script> tag which does not work when rendering a component.
|
|
"""
|
|
|
|
library = "next/script"
|
|
tag = "Script"
|
|
is_default = True
|
|
|
|
# Required unless inline script is used
|
|
src: Var[str]
|
|
|
|
# When the script will execute: afterInteractive (defer-like behavior) | beforeInteractive | lazyOnload (async-like behavior)
|
|
strategy: Var[Literal["afterInteractive", "beforeInteractive", "lazyOnload"]] = (
|
|
LiteralVar.create("afterInteractive")
|
|
)
|
|
|
|
# Triggered when the script is loading
|
|
on_load: EventHandler[lambda: []]
|
|
|
|
# Triggered when the script has loaded
|
|
on_ready: EventHandler[lambda: []]
|
|
|
|
# Triggered when the script has errored
|
|
on_error: EventHandler[lambda: []]
|
|
|
|
@classmethod
|
|
def create(cls, *children, **props) -> Component:
|
|
"""Create an inline or user-defined script.
|
|
|
|
If a string is provided as the first child, it will be rendered as an inline script
|
|
otherwise the `src` prop must be provided.
|
|
|
|
The following event triggers are provided:
|
|
|
|
on_load: Execute code after the script has finished loading.
|
|
on_ready: Execute code after the script has finished loading and every
|
|
time the component is mounted.
|
|
on_error: Execute code if the script fails to load.
|
|
|
|
Args:
|
|
*children: The children of the component.
|
|
**props: The props of the component.
|
|
|
|
Returns:
|
|
The component.
|
|
|
|
Raises:
|
|
ValueError: when neither children nor `src` are specified.
|
|
"""
|
|
if not children and not props.get("src"):
|
|
raise ValueError("Must provide inline script or `src` prop.")
|
|
return super().create(*children, **props)
|
|
|
|
|
|
script = Script.create
|