Updates for react-markdown 10.0.0 and associated reflex changes

Author: masenf

docs/library/typography/markdown.md

@@ -73,7 +73,7 @@ Each key in the `component_map` prop is a markdown element, and the value is
 a function that takes the text of the element as input and returns a Reflex component.
 
 ```md alert
-The `codeblock` and `a` tags are special cases. In addition to the `text`, they also receive a `props` argument containing additional props for the component.
+The `pre` and `a` tags are special cases. In addition to the `text`, they also receive a `props` argument containing additional props for the component.
 ```
 
 ```python demo exec
@@ -83,7 +83,7 @@ component_map = {
     "h3": lambda text: rx.heading(text, size="1", margin_y="1em"),
     "p": lambda text: rx.text(text, color="green", margin_y="1em"),
     "code": lambda text: rx.code(text, color="purple"),
-    "codeblock": lambda text, **props: rx.code_block(text, **props, theme=rx.code_block.themes.dark, margin_y="1em"),
+    "pre": lambda text, **props: rx.code_block(text, **props, theme=rx.code_block.themes.dark, margin_y="1em"),
     "a": lambda text, **props: rx.link(text, **props, color="blue", _hover={"color": "red"}),
 }
 

pcweb/flexdown.py

@@ -602,11 +602,11 @@ def render(self, env) -> rx.Component:
     "li": lambda text: list_comp(text=text),
     "a": doclink2,
     "code": lambda text: code_comp(text=text),
-    "codeblock": code_block_markdown,
+    "pre": code_block_markdown,
     "img": lambda src: img_comp_xd(src=src),
 }
 comp2 = component_map.copy()
-comp2["codeblock"] = code_block_markdown_dark
+comp2["pre"] = code_block_markdown_dark
 comp2["ul"] = lambda items: unordered_list_comp(items=items)
 comp2["ol"] = lambda items: ordered_list_comp(items=items)
 
@@ -659,6 +659,6 @@ def markdown_with_shiki(*args, **kwargs):
     """
     return rx.markdown(
         *args,
-        component_map={"codeblock": markdown_codeblock},
+        component_map={"pre": markdown_codeblock},
         **kwargs,
     )

pcweb/templates/docpage/blocks/headings.py

@@ -52,9 +52,9 @@ def h1_comp(text: str) -> rx.Component:
 
 
 @rx.memo
-def h1_comp_xd(text: list[str]) -> rx.Component:
+def h1_comp_xd(text: str) -> rx.Component:
     return h_comp_common(
-        text=text[0],
+        text=text,
         heading="h1",
         class_name="font-x-large lg:font-xx-large",
     )
@@ -71,9 +71,9 @@ def h2_comp(text: str) -> rx.Component:
 
 
 @rx.memo
-def h2_comp_xd(text: list[str]) -> rx.Component:
+def h2_comp_xd(text: str) -> rx.Component:
     return h_comp_common(
-        text=text[0],
+        text=text,
         heading="h2",
         mt="8",
         class_name="font-large lg:font-x-large",
@@ -91,9 +91,9 @@ def h3_comp(text: str) -> rx.Component:
 
 
 @rx.memo
-def h3_comp_xd(text: list[str]) -> rx.Component:
+def h3_comp_xd(text: str) -> rx.Component:
     return h_comp_common(
-        text=text[0],
+        text=text,
         heading="h3",
         mt="4",
         class_name="font-large",
@@ -111,9 +111,9 @@ def h4_comp(text: str) -> rx.Component:
 
 
 @rx.memo
-def h4_comp_xd(text: list[str]) -> rx.Component:
+def h4_comp_xd(text: str) -> rx.Component:
     return h_comp_common(
-        text=text[0],
+        text=text,
         heading="h4",
         mt="2",
         class_name="font-md-smbold",