reflex-components-code 0.9.0a1__tar.gz → 0.9.1__tar.gz

{reflex_components_code-0.9.0a1 → reflex_components_code-0.9.1}/PKG-INFO

@@ -1,13 +1,15 @@
 Metadata-Version: 2.4
 Name: reflex-components-code
-Version: 0.9.0a1
+Version: 0.9.1
 Summary: Reflex code display components.
 Author-email: Khaleel Al-Adhami <khaleel@reflex.dev>
 Maintainer-email: Khaleel Al-Adhami <khaleel@reflex.dev>
+License: Apache-2.0
 Requires-Python: >=3.10
-Requires-Dist: reflex-components-core
-Requires-Dist: reflex-components-lucide
-Requires-Dist: reflex-components-radix
+Requires-Dist: reflex-base>=0.9.0
+Requires-Dist: reflex-components-core>=0.9.0
+Requires-Dist: reflex-components-lucide>=0.9.0
+Requires-Dist: reflex-components-radix>=0.9.0
 Description-Content-Type: text/markdown
 
 # reflex-components-code

{reflex_components_code-0.9.0a1 → reflex_components_code-0.9.1}/pyproject.toml

@@ -2,14 +2,16 @@
 name = "reflex-components-code"
 dynamic = ["version"]
 description = "Reflex code display components."
+license.text = "Apache-2.0"
 readme = "README.md"
 authors = [{ name = "Khaleel Al-Adhami", email = "khaleel@reflex.dev" }]
 maintainers = [{ name = "Khaleel Al-Adhami", email = "khaleel@reflex.dev" }]
 requires-python = ">=3.10"
 dependencies = [
-    "reflex-components-core",
-    "reflex-components-lucide",
-    "reflex-components-radix",
+    "reflex-base >= 0.9.0",
+    "reflex-components-core >= 0.9.0",
+    "reflex-components-lucide >= 0.9.0",
+    "reflex-components-radix >= 0.9.0",
 ]
 
 [tool.hatch.version]

{reflex_components_code-0.9.0a1 → reflex_components_code-0.9.1}/src/reflex_components_code/code.pyi

@@ -926,7 +926,7 @@ class CodeBlock(Component, MarkdownComponentMap):
         show_line_numbers: Var[bool] | bool | None = None,
         starting_line_number: Var[int] | int | None = None,
         wrap_long_lines: Var[bool] | bool | None = None,
-        custom_style: dict[str, str | Var | Color] | None = None,
+        custom_style: dict[str, Color | Var | str] | None = None,
         code_tag_props: Var[dict[str, dict[str, str] | str]]
         | dict[str, dict[str, str] | str]
         | None = None,
@@ -941,7 +941,7 @@ class CodeBlock(Component, MarkdownComponentMap):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        custom_attrs: dict[str, Var | Any] | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -963,13 +963,43 @@ class CodeBlock(Component, MarkdownComponentMap):
         """Create a text component.
 
         Args:
-        *children: The children of the component.
-        can_copy: Whether a copy button should appear.
-        copy_button: A custom copy button to override the default one.
-        **props: The props to pass to the component.
+            *children: The children of the component.
+            theme: The theme to use ("light" or "dark").
+            language: The language to use.
+            code: The code to display.
+            show_line_numbers: If this is enabled line numbers will be shown next to the code block.
+            starting_line_number: The starting line number to use.
+            wrap_long_lines: Whether to wrap long lines.
+            custom_style: A custom style for the code block.
+            code_tag_props: Props passed down to the code tag.
+            can_copy: Whether a copy button should appear.
+            copy_button: A custom copy button to override the default one.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            ref: The Var to pass as the ref to the component.
+            class_name: The class name for the component.
+            custom_attrs: Attributes passed directly to the component.
+            on_focus: Fired when the element (or some element inside of it) receives focus. For example, it is called when the user clicks on a text input.
+            on_blur: Fired when focus has left the element (or left some element inside of it). For example, it is called when the user clicks outside of a focused text input.
+            on_click: Fired when the user clicks on an element. For example, it's called when the user clicks on a button.
+            on_context_menu: Fired when the user right-clicks on an element.
+            on_double_click: Fired when the user double-clicks on an element.
+            on_mouse_down: Fired when the user presses a mouse button on an element.
+            on_mouse_enter: Fired when the mouse pointer enters the element.
+            on_mouse_leave: Fired when the mouse pointer leaves the element.
+            on_mouse_move: Fired when the mouse pointer moves over the element.
+            on_mouse_out: Fired when the mouse pointer moves out of the element.
+            on_mouse_over: Fired when the mouse pointer moves onto the element.
+            on_mouse_up: Fired when the user releases a mouse button on an element.
+            on_scroll: Fired when the user scrolls the element.
+            on_scroll_end: Fired when scrolling ends on the element.
+            on_mount: Fired when the component is mounted to the page.
+            on_unmount: Fired when the component is removed from the page. Only called during navigation, not on page refresh.
+            **props: The props to pass to the component.
 
         Returns:
-        The text component.
+            The text component.
         """
 
     def add_style(self): ...
@@ -1550,7 +1580,7 @@ class CodeblockNamespace(ComponentNamespace):
         show_line_numbers: Var[bool] | bool | None = None,
         starting_line_number: Var[int] | int | None = None,
         wrap_long_lines: Var[bool] | bool | None = None,
-        custom_style: dict[str, str | Var | Color] | None = None,
+        custom_style: dict[str, Color | Var | str] | None = None,
         code_tag_props: Var[dict[str, dict[str, str] | str]]
         | dict[str, dict[str, str] | str]
         | None = None,
@@ -1565,7 +1595,7 @@ class CodeblockNamespace(ComponentNamespace):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        custom_attrs: dict[str, Var | Any] | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -1587,13 +1617,43 @@ class CodeblockNamespace(ComponentNamespace):
         """Create a text component.
 
         Args:
-        *children: The children of the component.
-        can_copy: Whether a copy button should appear.
-        copy_button: A custom copy button to override the default one.
-        **props: The props to pass to the component.
+            *children: The children of the component.
+            theme: The theme to use ("light" or "dark").
+            language: The language to use.
+            code: The code to display.
+            show_line_numbers: If this is enabled line numbers will be shown next to the code block.
+            starting_line_number: The starting line number to use.
+            wrap_long_lines: Whether to wrap long lines.
+            custom_style: A custom style for the code block.
+            code_tag_props: Props passed down to the code tag.
+            can_copy: Whether a copy button should appear.
+            copy_button: A custom copy button to override the default one.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            ref: The Var to pass as the ref to the component.
+            class_name: The class name for the component.
+            custom_attrs: Attributes passed directly to the component.
+            on_focus: Fired when the element (or some element inside of it) receives focus. For example, it is called when the user clicks on a text input.
+            on_blur: Fired when focus has left the element (or left some element inside of it). For example, it is called when the user clicks outside of a focused text input.
+            on_click: Fired when the user clicks on an element. For example, it's called when the user clicks on a button.
+            on_context_menu: Fired when the user right-clicks on an element.
+            on_double_click: Fired when the user double-clicks on an element.
+            on_mouse_down: Fired when the user presses a mouse button on an element.
+            on_mouse_enter: Fired when the mouse pointer enters the element.
+            on_mouse_leave: Fired when the mouse pointer leaves the element.
+            on_mouse_move: Fired when the mouse pointer moves over the element.
+            on_mouse_out: Fired when the mouse pointer moves out of the element.
+            on_mouse_over: Fired when the mouse pointer moves onto the element.
+            on_mouse_up: Fired when the user releases a mouse button on an element.
+            on_scroll: Fired when the user scrolls the element.
+            on_scroll_end: Fired when scrolling ends on the element.
+            on_mount: Fired when the component is mounted to the page.
+            on_unmount: Fired when the component is removed from the page. Only called during navigation, not on page refresh.
+            **props: The props to pass to the component.
 
         Returns:
-        The text component.
+            The text component.
         """
 
 code_block = CodeblockNamespace()

{reflex_components_code-0.9.0a1 → reflex_components_code-0.9.1}/src/reflex_components_code/shiki_code_block.py

@@ -59,9 +59,9 @@ document.addEventListener('click', function(event) {
                     setTimeout(() => {
                         svgIcon.innerHTML = originalPath;  // Restore original SVG content
                         transition(svgIcon, 1, '1');
-                    }, 125);
-                }, 600);
-            }, 125);
+                    }, 60);
+                }, 350);
+            }, 60);
         } else {
             // console.error('SVG element not found within the parent.');
         }
@@ -803,9 +803,9 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
                         "_hover": {
                             "background": color("gray", 4),
                         },
-                        "transition": "background 0.250s ease-out",
+                        "transition": "background 0.12s ease-out",
                         "&>svg": {
-                            "transition": "transform 0.250s ease-out, opacity 0.250s ease-out",
+                            "transition": "transform 0.12s ease-out, opacity 0.12s ease-out",
                         },
                         "_active": {
                             "background": color("gray", 5),

{reflex_components_code-0.9.0a1 → reflex_components_code-0.9.1}/src/reflex_components_code/shiki_code_block.pyi

@@ -920,7 +920,7 @@ class ShikiCodeBlock(Component, MarkdownComponentMap):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        custom_attrs: dict[str, Var | Any] | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -942,11 +942,39 @@ class ShikiCodeBlock(Component, MarkdownComponentMap):
         """Create a code block component using [shiki syntax highlighter](https://shiki.matsu.io/).
 
         Args:
-        *children: The children of the component.
-        **props: The props to pass to the component.
+            *children: The children of the component.
+            language: The language to use.
+            theme: The theme to use ("light" or "dark").
+            themes: The set of themes to use for different modes.
+            code: The code to display.
+            transformers: The transformers to use for the syntax highlighter.
+            decorations: The decorations to use for the syntax highlighter.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            ref: The Var to pass as the ref to the component.
+            class_name: The class name for the component.
+            custom_attrs: Attributes passed directly to the component.
+            on_focus: Fired when the element (or some element inside of it) receives focus. For example, it is called when the user clicks on a text input.
+            on_blur: Fired when focus has left the element (or left some element inside of it). For example, it is called when the user clicks outside of a focused text input.
+            on_click: Fired when the user clicks on an element. For example, it's called when the user clicks on a button.
+            on_context_menu: Fired when the user right-clicks on an element.
+            on_double_click: Fired when the user double-clicks on an element.
+            on_mouse_down: Fired when the user presses a mouse button on an element.
+            on_mouse_enter: Fired when the mouse pointer enters the element.
+            on_mouse_leave: Fired when the mouse pointer leaves the element.
+            on_mouse_move: Fired when the mouse pointer moves over the element.
+            on_mouse_out: Fired when the mouse pointer moves out of the element.
+            on_mouse_over: Fired when the mouse pointer moves onto the element.
+            on_mouse_up: Fired when the user releases a mouse button on an element.
+            on_scroll: Fired when the user scrolls the element.
+            on_scroll_end: Fired when scrolling ends on the element.
+            on_mount: Fired when the component is mounted to the page.
+            on_unmount: Fired when the component is removed from the page. Only called during navigation, not on page refresh.
+            **props: The props to pass to the component.
 
         Returns:
-        The code block component.
+            The code block component.
         """
 
     def add_imports(self) -> dict[str, list[str]]: ...
@@ -1524,7 +1552,7 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        custom_attrs: dict[str, Var | Any] | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -1546,12 +1574,43 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
         """Create a code block component using [shiki syntax highlighter](https://shiki.matsu.io/).
 
         Args:
-        *children: The children of the component.
-        copy_button: copy_button: A custom copy button to override the default one.
-        **props: The props to pass to the component.
+            *children: The children of the component.
+            use_transformers: If this is enabled, the default transformers(shikijs transformer) will be used.
+            show_line_numbers: If this is enabled line numbers will be shown next to the code block.
+            can_copy: Whether a copy button should appear.
+            copy_button: copy_button: A custom copy button to override the default one.
+            language: The language to use.
+            theme: The theme to use ("light" or "dark").
+            themes: The set of themes to use for different modes.
+            code: The code to display.
+            transformers: The transformers to use for the syntax highlighter.
+            decorations: The decorations to use for the syntax highlighter.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            ref: The Var to pass as the ref to the component.
+            class_name: The class name for the component.
+            custom_attrs: Attributes passed directly to the component.
+            on_focus: Fired when the element (or some element inside of it) receives focus. For example, it is called when the user clicks on a text input.
+            on_blur: Fired when focus has left the element (or left some element inside of it). For example, it is called when the user clicks outside of a focused text input.
+            on_click: Fired when the user clicks on an element. For example, it's called when the user clicks on a button.
+            on_context_menu: Fired when the user right-clicks on an element.
+            on_double_click: Fired when the user double-clicks on an element.
+            on_mouse_down: Fired when the user presses a mouse button on an element.
+            on_mouse_enter: Fired when the mouse pointer enters the element.
+            on_mouse_leave: Fired when the mouse pointer leaves the element.
+            on_mouse_move: Fired when the mouse pointer moves over the element.
+            on_mouse_out: Fired when the mouse pointer moves out of the element.
+            on_mouse_over: Fired when the mouse pointer moves onto the element.
+            on_mouse_up: Fired when the user releases a mouse button on an element.
+            on_scroll: Fired when the user scrolls the element.
+            on_scroll_end: Fired when scrolling ends on the element.
+            on_mount: Fired when the component is mounted to the page.
+            on_unmount: Fired when the component is removed from the page. Only called during navigation, not on page refresh.
+            **props: The props to pass to the component.
 
         Returns:
-        The code block component.
+            The code block component.
         """
 
 class TransformerNamespace(ComponentNamespace):
@@ -2129,7 +2188,7 @@ class CodeblockNamespace(ComponentNamespace):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        custom_attrs: dict[str, Var | Any] | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -2151,12 +2210,43 @@ class CodeblockNamespace(ComponentNamespace):
         """Create a code block component using [shiki syntax highlighter](https://shiki.matsu.io/).
 
         Args:
-        *children: The children of the component.
-        copy_button: copy_button: A custom copy button to override the default one.
-        **props: The props to pass to the component.
+            *children: The children of the component.
+            use_transformers: If this is enabled, the default transformers(shikijs transformer) will be used.
+            show_line_numbers: If this is enabled line numbers will be shown next to the code block.
+            can_copy: Whether a copy button should appear.
+            copy_button: copy_button: A custom copy button to override the default one.
+            language: The language to use.
+            theme: The theme to use ("light" or "dark").
+            themes: The set of themes to use for different modes.
+            code: The code to display.
+            transformers: The transformers to use for the syntax highlighter.
+            decorations: The decorations to use for the syntax highlighter.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            ref: The Var to pass as the ref to the component.
+            class_name: The class name for the component.
+            custom_attrs: Attributes passed directly to the component.
+            on_focus: Fired when the element (or some element inside of it) receives focus. For example, it is called when the user clicks on a text input.
+            on_blur: Fired when focus has left the element (or left some element inside of it). For example, it is called when the user clicks outside of a focused text input.
+            on_click: Fired when the user clicks on an element. For example, it's called when the user clicks on a button.
+            on_context_menu: Fired when the user right-clicks on an element.
+            on_double_click: Fired when the user double-clicks on an element.
+            on_mouse_down: Fired when the user presses a mouse button on an element.
+            on_mouse_enter: Fired when the mouse pointer enters the element.
+            on_mouse_leave: Fired when the mouse pointer leaves the element.
+            on_mouse_move: Fired when the mouse pointer moves over the element.
+            on_mouse_out: Fired when the mouse pointer moves out of the element.
+            on_mouse_over: Fired when the mouse pointer moves onto the element.
+            on_mouse_up: Fired when the user releases a mouse button on an element.
+            on_scroll: Fired when the user scrolls the element.
+            on_scroll_end: Fired when scrolling ends on the element.
+            on_mount: Fired when the component is mounted to the page.
+            on_unmount: Fired when the component is removed from the page. Only called during navigation, not on page refresh.
+            **props: The props to pass to the component.
 
         Returns:
-        The code block component.
+            The code block component.
         """
 
 code_block = CodeblockNamespace()