Add formatting and type checks

karldns/web/components.py

@@ -46,8 +46,7 @@ def _copy_row(label: str, value: str, sensitivity: str | None = None, *, mask_se
         else ""
     )
     row_class = "copy-field copy-field-secret" if is_secret else "copy-field copy-field-public"
-    return trusted(
-        f"""
+    return trusted(f"""
         <div class="{row_class}">
           <div class="copy-pill">
             <span class="copy-pill-label">{safe_label}</span>
@@ -58,8 +57,7 @@ def _copy_row(label: str, value: str, sensitivity: str | None = None, *, mask_se
             {_svg_icon("clipboard")}<span data-copy-label>Copy</span>{_svg_icon("check", "check-icon")}
           </button>
         </div>
-        """
-    )
+        """)
 
 
 def _copy_button(label: str, value: str, *, style: str = "outline-primary") -> SafeHtml:
@@ -89,8 +87,7 @@ def _copy_menu(label: str, items: list[tuple[str, str]]) -> SafeHtml:
             f'<button type="button" class="copy-menu-item" data-copy="{attr(item_value)}" aria-label="Copy {attr(item_label)}">'
             f'{_svg_icon("clipboard")}<span data-copy-label>{escape(item_label)}</span>{_svg_icon("check", "check-icon")}</button>'
         )
-    return trusted(
-        f"""
+    return trusted(f"""
         <details class="copy-menu">
           <summary aria-label="{safe_label}" title="{safe_label}">
             {_svg_icon("more", "more-icon")}
@@ -99,22 +96,21 @@ def _copy_menu(label: str, items: list[tuple[str, str]]) -> SafeHtml:
             {''.join(buttons)}
           </div>
         </details>
-        """
-    )
+        """)
 
 
-def _code_window(commands: str, *, copy_label: str = "code", class_name: str = "", copy_value: str | None = None) -> SafeHtml:
+def _code_window(
+    commands: str, *, copy_label: str = "code", class_name: str = "", copy_value: str | None = None
+) -> SafeHtml:
     safe_class = f" {attr(class_name)}" if class_name else ""
     code_lines = "\n".join(f"<code>{escape(line)}</code>" for line in commands.splitlines())
     copy_value = copy_value if copy_value is not None else _code_copy_value(commands)
-    return trusted(
-        f"""
+    return trusted(f"""
         <div class="terminal-card code-window{safe_class}">
           {_copy_icon_button(copy_label, copy_value)}
           {code_lines}
         </div>
-        """
-    )
+        """)
 
 
 def _code_copy_value(commands: str) -> str:
@@ -167,8 +163,7 @@ def _known_request_ip(request_ip: str | None = None) -> tuple[int | None, str]:
 
 
 def _manual_update_panel(commands: str) -> SafeHtml:
-    return trusted(
-        f"""
+    return trusted(f"""
         <div class="card card-body gap-3 mt-4">
           <div>
             <h3>Manual updates</h3>
@@ -176,8 +171,7 @@ def _manual_update_panel(commands: str) -> SafeHtml:
           </div>
           {_code_window(commands, copy_label="manual update commands", class_name="manual-code")}
         </div>
-        """
-    )
+        """)
 
 
 def _fritzbox_fields(
@@ -196,25 +190,23 @@ def _fritzbox_fields(
 
 
 def _secret_notice(*, include_registration: bool = False) -> SafeHtml:
-    secret_items = "Update URL, register URL, and dashboard link" if include_registration else "Update URL and dashboard link"
-    return trusted(
-        f"""
+    secret_items = (
+        "Update URL, register URL, and dashboard link" if include_registration else "Update URL and dashboard link"
+    )
+    return trusted(f"""
         <div class="alert alert-info my-3 py-2 small" role="note">
           <strong>Public:</strong> Hostname and CNAME target can be shared.
           <strong>Secret:</strong> {escape(secret_items)} can update or manage this hostname.
           Secrets are hidden on screen. Copy still copies the real value.
         </div>
-        """
-    )
+        """)
 
 
 def _message_band(message: str | None) -> SafeHtml:
     if not message:
         return trusted("")
-    return trusted(
-        f"""
+    return trusted(f"""
         <div class="alert alert-warning mb-0 rounded-0 border-start-0 border-end-0" role="status">
           <div class="container">{escape(message)}</div>
         </div>
-        """
-    )
+        """)