diff --git a/reflex/components/component.py b/reflex/components/component.py index dd675b639..39a97792e 100644 --- a/reflex/components/component.py +++ b/reflex/components/component.py @@ -1819,9 +1819,7 @@ class NoSSRComponent(Component): library_import = f"const {self.alias if self.alias else self.tag} = dynamic(() => import('{import_name}')" mod_import = ( # https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading#with-named-exports - f".then((mod) => mod.{self.tag})" - if not self.is_default - else "" + f".then((mod) => mod.{self.tag})" if not self.is_default else "" ) return "".join((library_import, mod_import, opts_fragment)) diff --git a/reflex/components/el/elements/media.py b/reflex/components/el/elements/media.py index 6148660fc..88c35e4cc 100644 --- a/reflex/components/el/elements/media.py +++ b/reflex/components/el/elements/media.py @@ -79,15 +79,6 @@ class Audio(BaseHTML): class Img(BaseHTML): """Display the img element.""" - @classmethod - def create(cls, *children, **props) -> Component: - if len(children) == 0: - comp = super().create(*children, **props) - else: - return super().create(src=children[0], **props) - - return comp - tag = "img" # Image alignment with respect to its surrounding elements @@ -126,6 +117,24 @@ class Img(BaseHTML): # The name of the map to use with the image use_map: Var[Union[str, int, bool]] + @classmethod + def create(cls, *children, **props) -> Component: + """Override create method to apply source attribute to value if user fails to pass in attribute. + + Args: + *children: The children of the component. + **props: The props of the component. + + Returns: + The component. + + """ + return ( + super().create(src=children[0], **props) + if children + else super().create(*children, **props) + ) + class Map(BaseHTML): """Display the map element.""" diff --git a/reflex/components/markdown/markdown.py b/reflex/components/markdown/markdown.py index a0e1ba0c8..9ea4a11a7 100644 --- a/reflex/components/markdown/markdown.py +++ b/reflex/components/markdown/markdown.py @@ -98,8 +98,8 @@ class Markdown(Component): Returns: The markdown component. """ - assert len(children) == 1 and types._isinstance( - children[0], Union[str, Var] + assert ( + len(children) == 1 and types._isinstance(children[0], Union[str, Var]) ), "Markdown component must have exactly one child containing the markdown source." # Update the base component map with the custom component map. @@ -243,9 +243,7 @@ class Markdown(Component): } # Separate out inline code and code blocks. - components[ - "code" - ] = f"""{{({{node, inline, className, {_CHILDREN._var_name}, {_PROPS._var_name}}}) => {{ + components["code"] = f"""{{({{node, inline, className, {_CHILDREN._var_name}, {_PROPS._var_name}}}) => {{ const match = (className || '').match(/language-(?.*)/); const language = match ? match[1] : ''; if (language) {{ @@ -263,9 +261,7 @@ class Markdown(Component): ) : ( {self.format_component("codeblock", language=Var.create_safe("language", _var_is_local=False))} ); - }}}}""".replace( - "\n", " " - ) + }}}}""".replace("\n", " ") return components diff --git a/reflex/reflex.py b/reflex/reflex.py index 9a628ebc4..010cceaeb 100644 --- a/reflex/reflex.py +++ b/reflex/reflex.py @@ -528,7 +528,12 @@ def deploy( hosting_cli.deploy( app_name=app_name, - export_fn=lambda zip_dest_dir, api_url, deploy_url, frontend, backend, zipping: export_utils.export( + export_fn=lambda zip_dest_dir, + api_url, + deploy_url, + frontend, + backend, + zipping: export_utils.export( zip_dest_dir=zip_dest_dir, api_url=api_url, deploy_url=deploy_url,