add ruff and bump deps (#1656)

Author: adhami3310

.github/workflows/pre-commit.yml

@@ -0,0 +1,28 @@
+name: pre-commit
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+permissions:
+  contents: read
+
+jobs:
+  pre-commit:
+    name: Pre-commit
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install UV
+        uses: astral-sh/setup-uv@v6
+        with:
+          python-version: "3.12"
+          activate-environment: true
+
+      - name: Install Requirements
+        run: uv sync
+
+      - run: pre-commit run --all-files --show-diff-on-failure --color=always

.pre-commit-config.yaml

@@ -0,0 +1,9 @@
+fail_fast: true
+
+repos:
+  - repo: https://github.com/charliermarsh/ruff-pre-commit
+    rev: v0.14.0
+    hooks:
+      - id: ruff-format
+      - id: ruff
+        args: ["--fix", "--exit-non-zero-on-fix", "--no-unsafe-fixes"]

alembic/env.py

@@ -1,8 +1,8 @@
 from __future__ import annotations
+
 from logging.config import fileConfig
 
-from sqlalchemy import engine_from_config
-from sqlalchemy import pool
+from sqlalchemy import engine_from_config, pool
 
 from alembic import context
 

alembic/versions/0e2da5026c00_.py

@@ -1,4 +1,4 @@
-"""empty message
+"""empty message.
 
 Revision ID: 0e2da5026c00
 Revises:
@@ -8,10 +8,11 @@
 
 from typing import Sequence, Union
 
-from alembic import op
 import sqlalchemy as sa
 import sqlmodel
 
+from alembic import op
+
 # revision identifiers, used by Alembic.
 revision: str = "0e2da5026c00"
 down_revision: Union[str, None] = None
@@ -49,7 +50,7 @@ def upgrade() -> None:
     )
     # ### end Alembic commands ###
 
-    op.execute("""INSERT INTO Customer (name, email, phone, address) VALUES 
+    op.execute("""INSERT INTO Customer (name, email, phone, address) VALUES
 ('John Doe', '[email protected]', '123-456-7890', '123 Elm Street, Springfield'),
 ('Jane Smith', '[email protected]', '234-567-8901', '456 Oak Street, Springfield'),
 ('Alice Johnson', '[email protected]', '345-678-9012', '789 Pine Street, Springfield'),

docs/getting_started/chat_tutorial_style.py

@@ -3,23 +3,25 @@
 
 shadow = "rgba(0, 0, 0, 0.15) 0px 2px 8px"
 chat_margin = "20%"
-message_style = dict(
-    padding="1em",
-    border_radius="5px",
-    margin_y="0.5em",
-    box_shadow=shadow,
-    max_width="30em",
-    display="inline-block",
-)
+message_style = {
+    "padding": "1em",
+    "border_radius": "5px",
+    "margin_y": "0.5em",
+    "box_shadow": shadow,
+    "max_width": "30em",
+    "display": "inline-block",
+}
 
 # Set specific styles for questions and answers.
-question_style = message_style | dict(
-    background_color=rx.color("gray", 4), margin_left=chat_margin
-)
-answer_style = message_style | dict(
-    background_color=rx.color("accent", 8), margin_right=chat_margin
-)
+question_style = message_style | {
+    "background_color": rx.color("gray", 4),
+    "margin_left": chat_margin,
+}
+answer_style = message_style | {
+    "background_color": rx.color("accent", 8),
+    "margin_right": chat_margin,
+}
 
 # Styles for the action bar.
-input_style = dict(border_width="1px", box_shadow=shadow, width="350px")
-button_style = dict(background_color=rx.color("accent", 10), box_shadow=shadow)
+input_style = {"border_width": "1px", "box_shadow": shadow, "width": "350px"}
+button_style = {"background_color": rx.color("accent", 10), "box_shadow": shadow}

pcweb/components/button.py

@@ -1,5 +1,7 @@
+from typing import Callable, Literal
+
 import reflex as rx
-from typing import Literal, Callable
+
 from pcweb.components.icons import get_icon
 
 LiteralButtonVariant = Literal[
@@ -40,22 +42,22 @@ def get_variant_class(variant: str) -> str:
 def button(
     text: str,
     variant: LiteralButtonVariant = "primary",
-    onclick: Callable = None,
-    style: dict = {},
+    onclick: Callable | None = None,
+    style: dict | None = None,
     class_name: str = "",
     *children,
     **props,
 ) -> rx.Component:
     return rx.el.button(
         text,
+        *children,
         onclick=onclick,
-        style=style,
+        style=style if style is not None else {},
         class_name=default_class_name
         + " "
         + variant_styles[variant]["class_name"]
         + " "
         + class_name,
-        *children,
         **props,
     )
 
@@ -64,22 +66,22 @@ def button_with_icon(
     text: str,
     icon: str,
     variant: LiteralButtonVariant = "primary",
-    onclick: Callable = None,
-    style: dict = {},
+    onclick: Callable | None = None,
+    style: dict | None = None,
     class_name: str = "",
     *children,
     **props,
 ) -> rx.Component:
     return rx.el.button(
         get_icon(icon, class_name="[&>svg]:size-5"),
         text,
+        *children,
         onclick=onclick,
-        style=style,
+        style=style if style is not None else {},
         class_name=default_class_name
         + " "
         + variant_styles[variant]["class_name"]
         + " "
         + class_name,
-        *children,
         **props,
     )

pcweb/components/docpage/navbar/buttons/color.py

@@ -1,9 +1,8 @@
 import reflex as rx
-from pcweb.components.icons import get_icon
-
-
 from reflex.style import toggle_color_mode
 
+from pcweb.components.icons import get_icon
+
 
 def color() -> rx.Component:
     return rx.el.button(

pcweb/components/docpage/navbar/buttons/discord.py

@@ -1,4 +1,5 @@
 import reflex as rx
+
 from pcweb.components.icons.icons import get_icon
 from pcweb.constants import DISCORD_URL
 

pcweb/components/docpage/navbar/buttons/github.py

@@ -1,6 +1,7 @@
 import reflex as rx
-from pcweb.constants import GITHUB_URL
+
 from pcweb.components.icons.icons import get_icon
+from pcweb.constants import GITHUB_URL
 from pcweb.github import GithubStarState
 
 

pcweb/components/docpage/navbar/buttons/sidebar.py

@@ -1,13 +1,14 @@
 import reflex as rx
+from reflex.style import toggle_color_mode
+
 from pcweb.components.icons.icons import get_icon
-from pcweb.constants import GITHUB_URL, TWITTER_URL, DISCORD_URL
+from pcweb.constants import DISCORD_URL, GITHUB_URL, TWITTER_URL
+from pcweb.pages.blog import blogs
 from pcweb.pages.docs import getting_started
-from pcweb.pages.hosting.hosting import hosting_landing
 from pcweb.pages.docs.library import library
-from pcweb.pages.blog import blogs
-from pcweb.pages.gallery import gallery
 from pcweb.pages.framework.framework import framework
-from reflex.style import toggle_color_mode
+from pcweb.pages.gallery import gallery
+from pcweb.pages.hosting.hosting import hosting_landing
 
 
 def social_menu_item(