Modernise tooling (#1055)

* Switch to uv + ruff + just

* Configure ruff

* Format

* Migrate nox and invoke tasks to just

* Landing page typos

* Update actions

* Update prettier config

* Format JS

* Install just in workflow

* Uv run dash-generate-components

* Update prettier

* Update contribution guide

Author: tcbegley

components_page/__init__.py

@@ -143,9 +143,7 @@ def register_apps():
 
     for slug, kwargs in component_bodies.items():
         requests_pathname_prefix = (
-            f"/docs/components/{slug}/"
-            if slug != "index"
-            else "/docs/components/"
+            f"/docs/components/{slug}/" if slug != "index" else "/docs/components/"
         )
         app = dash.Dash(
             external_stylesheets=["/static/loading.css"],
@@ -162,13 +160,9 @@ def register_apps():
         app.title = f"{_get_label(slug)} - dbc docs"
 
         if slug == "layout":
-            app.layout = html.Div(
-                parse(app, **kwargs), className="layout-demo"
-            )
+            app.layout = html.Div(parse(app, **kwargs), className="layout-demo")
         elif slug == "button_group":
-            app.layout = html.Div(
-                parse(app, **kwargs), className="button-group-demo"
-            )
+            app.layout = html.Div(parse(app, **kwargs), className="button-group-demo")
         else:
             app.layout = parse(app, **kwargs)
         if slug == "index":

components_page/components/alert/auto_dismiss.py

@@ -3,9 +3,7 @@
 
 alert = html.Div(
     [
-        dbc.Button(
-            "Toggle", id="alert-toggle-auto", className="me-1", n_clicks=0
-        ),
+        dbc.Button("Toggle", id="alert-toggle-auto", className="me-1", n_clicks=0),
         html.Hr(),
         dbc.Alert(
             "Hello! I am an auto-dismissing alert!",

components_page/components/alert/dismiss.py

@@ -9,9 +9,7 @@
             className="me-1",
             n_clicks=0,
         ),
-        dbc.Button(
-            "Toggle alert without fade", id="alert-toggle-no-fade", n_clicks=0
-        ),
+        dbc.Button("Toggle alert without fade", id="alert-toggle-no-fade", n_clicks=0),
         html.Hr(),
         dbc.Alert(
             "Hello! I am an alert",

components_page/components/badge/links.py

@@ -46,8 +46,6 @@
             text_color="dark",
             className="me-1 text-decoration-none",
         ),
-        dbc.Badge(
-            "Dark", href="#", color="dark", className="text-decoration-none"
-        ),
+        dbc.Badge("Dark", href="#", color="dark", className="text-decoration-none"),
     ]
 )

components_page/components/badge/text_color.py

@@ -33,12 +33,8 @@
             text_color="danger",
             className="border me-1",
         ),
-        dbc.Badge(
-            "Info", color="white", text_color="info", className="border me-1"
-        ),
-        dbc.Badge(
-            "Dark", color="white", text_color="dark", className="border me-1"
-        ),
+        dbc.Badge("Info", color="white", text_color="info", className="border me-1"),
+        dbc.Badge("Dark", color="white", text_color="dark", className="border me-1"),
         dbc.Badge(
             "Black",
             color="white",
@@ -57,8 +53,6 @@
             text_color="light",
             className="border me-1",
         ),
-        dbc.Badge(
-            "White", color="secondary", text_color="white", className="border"
-        ),
+        dbc.Badge("White", color="secondary", text_color="white", className="border"),
     ]
 )

components_page/components/button/outline.py

@@ -4,9 +4,7 @@
 buttons = html.Div(
     [
         dbc.Button("Primary", outline=True, color="primary", className="me-1"),
-        dbc.Button(
-            "Secondary", outline=True, color="secondary", className="me-1"
-        ),
+        dbc.Button("Secondary", outline=True, color="secondary", className="me-1"),
         dbc.Button("Success", outline=True, color="success", className="me-1"),
         dbc.Button("Warning", outline=True, color="warning", className="me-1"),
         dbc.Button("Danger", outline=True, color="danger", className="me-1"),

components_page/components/button/usage.py

@@ -3,9 +3,7 @@
 
 button = html.Div(
     [
-        dbc.Button(
-            "Click me", id="example-button", className="me-2", n_clicks=0
-        ),
+        dbc.Button("Click me", id="example-button", className="me-2", n_clicks=0),
         html.Span(id="example-output", style={"verticalAlign": "middle"}),
     ]
 )

components_page/components/card/color.py

@@ -19,9 +19,7 @@
         dbc.Row(
             [
                 dbc.Col(dbc.Card(card_content, color="primary", inverse=True)),
-                dbc.Col(
-                    dbc.Card(card_content, color="secondary", inverse=True)
-                ),
+                dbc.Col(dbc.Card(card_content, color="secondary", inverse=True)),
                 dbc.Col(dbc.Card(card_content, color="info", inverse=True)),
             ],
             className="mb-4",

components_page/components/card/image_overlay.py

@@ -13,8 +13,7 @@
                 [
                     html.H4("Card title", className="card-title"),
                     html.P(
-                        "An example of using an image in the background of "
-                        "a card.",
+                        "An example of using an image in the background of " "a card.",
                         className="card-text",
                     ),
                     dbc.Button("Go somewhere", color="primary"),

components_page/components/card/layout/group.py

@@ -12,9 +12,7 @@
                         "bit longer than the second card.",
                         className="card-text",
                     ),
-                    dbc.Button(
-                        "Click here", color="success", className="mt-auto"
-                    ),
+                    dbc.Button("Click here", color="success", className="mt-auto"),
                 ]
             )
         ),
@@ -26,9 +24,7 @@
                         "This card has some text content.",
                         className="card-text",
                     ),
-                    dbc.Button(
-                        "Click here", color="warning", className="mt-auto"
-                    ),
+                    dbc.Button("Click here", color="warning", className="mt-auto"),
                 ]
             )
         ),
@@ -43,9 +39,7 @@
                         "card group.",
                         className="card-text",
                     ),
-                    dbc.Button(
-                        "Click here", color="danger", className="mt-auto"
-                    ),
+                    dbc.Button("Click here", color="danger", className="mt-auto"),
                 ]
             )
         ),