snapshot of https://github.com/zulip/zulip.git @ 48c69911c7dd4e03b20552eb3bd77ad8151c1357 (2026-09-15)

zerver/views/development/showroom.py

@@ -0,0 +1,63 @@
+import os
+
+from django.http import HttpRequest, HttpResponse
+from django.shortcuts import render
+
+background_colors = [
+    {"name": "Default background", "css_var": "--color-background"},
+    {"name": "Popover background", "css_var": "--color-background-popover-menu"},
+    {"name": "Modal background", "css_var": "--color-background-modal"},
+    {"name": "Compose background", "css_var": "--color-compose-box-background"},
+]
+
+
+def get_svg_filenames() -> list[str]:
+    icons_dir = os.path.join(os.path.dirname(__file__), "../../../web/icons")
+
+    # Get all .svg file names from the directory
+    svg_files = [f for f in os.listdir(icons_dir) if f.endswith(".svg")]
+
+    # Remove the .svg extension from the file names
+    icon_names = [os.path.splitext(f)[0] for f in svg_files]
+
+    # Sort the list alphabetically
+    return sorted(icon_names)
+
+
+def showroom_component_buttons(request: HttpRequest) -> HttpResponse:
+    context = {
+        "background_colors": background_colors,
+        "icons": get_svg_filenames(),
+        "page_is_showroom": True,
+        "showroom_component": "buttons",
+        "doc_root_title": "Button styles browser",
+        # We set isolated_page to avoid clutter from footer/header.
+        "isolated_page": True,
+    }
+    return render(request, "zerver/development/showroom/buttons.html", context)
+
+
+def showroom_component_banners(request: HttpRequest) -> HttpResponse:
+    context = {
+        "background_colors": background_colors,
+        "icons": get_svg_filenames(),
+        "page_is_showroom": True,
+        "showroom_component": "banners",
+        "doc_root_title": "Banner styles browser",
+        # We set isolated_page to avoid clutter from footer/header.
+        "isolated_page": True,
+    }
+    return render(request, "zerver/development/showroom/banners.html", context)
+
+
+def showroom_component_inputs(request: HttpRequest) -> HttpResponse:
+    context = {
+        "background_colors": background_colors,
+        "icons": get_svg_filenames(),
+        "page_is_showroom": True,
+        "showroom_component": "inputs",
+        "doc_root_title": "Input styles browser",
+        # We set isolated_page to avoid clutter from footer/header.
+        "isolated_page": True,
+    }
+    return render(request, "zerver/development/showroom/inputs.html", context)