chore: apply mix format to codebase

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-31 14:24:58 +00:00
parent d97918d66a
commit 336b2bb81d
43 changed files with 2227 additions and 1204 deletions
--- a/lib/simpleshop_theme_web/components/layouts/shop.html.heex
+++ b/lib/simpleshop_theme_web/components/layouts/shop.html.heex
@@ -1 +1 @@
-<%= @inner_content %>
+{@inner_content}
--- a/lib/simpleshop_theme_web/components/layouts/shop_root.html.heex
+++ b/lib/simpleshop_theme_web/components/layouts/shop_root.html.heex
@@ -4,8 +4,14 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="csrf-token" content={get_csrf_token()} />
-    <meta name="description" content={assigns[:page_description] || @theme_settings.site_description || "Welcome to #{@theme_settings.site_name}"} />
-    <.live_title><%= assigns[:page_title] || @theme_settings.site_name %></.live_title>
+    <meta
+      name="description"
+      content={
+        assigns[:page_description] || @theme_settings.site_description ||
+          "Welcome to #{@theme_settings.site_name}"
+      }
+    />
+    <.live_title>{assigns[:page_title] || @theme_settings.site_name}</.live_title>
    <!-- Preload critical fonts for the current typography preset -->
    <%= for preload <- SimpleshopTheme.Theme.Fonts.preload_links(
          @theme_settings.typography,
@@ -17,7 +23,9 @@
    <script defer phx-track-static src={~p"/assets/js/app.js"}>
    </script>
    <!-- Generated theme CSS with @font-face declarations -->
-    <style id="theme-css"><%= Phoenix.HTML.raw(@generated_css) %></style>
+    <style id="theme-css">
+      <%= Phoenix.HTML.raw(@generated_css) %>
+    </style>
  </head>
  <body class="h-full">
    <div
--- a/lib/simpleshop_theme_web/components/page_templates/about.html.heex
+++ b/lib/simpleshop_theme_web/components/page_templates/about.html.heex
@@ -1,11 +1,21 @@
-<div class="shop-container min-h-screen pb-20 md:pb-0" style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);">
+<div
+  class="shop-container min-h-screen pb-20 md:pb-0"
+  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
+>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

-  <.shop_header theme_settings={@theme_settings} logo_image={@logo_image} header_image={@header_image} active_page="about" mode={@mode} cart_count={@cart_count} />
+  <.shop_header
+    theme_settings={@theme_settings}
+    logo_image={@logo_image}
+    header_image={@header_image}
+    active_page="about"
+    mode={@mode}
+    cart_count={@cart_count}
+  />

  <main id="main-content" class="content-page" style="background-color: var(--t-surface-base);">
    <.hero_section
--- a/lib/simpleshop_theme_web/components/page_templates/cart.html.heex
+++ b/lib/simpleshop_theme_web/components/page_templates/cart.html.heex
@@ -1,11 +1,21 @@
-<div class="shop-container min-h-screen pb-20 md:pb-0" style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);">
+<div
+  class="shop-container min-h-screen pb-20 md:pb-0"
+  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
+>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

-  <.shop_header theme_settings={@theme_settings} logo_image={@logo_image} header_image={@header_image} active_page="cart" mode={@mode} cart_count={@cart_count} />
+  <.shop_header
+    theme_settings={@theme_settings}
+    logo_image={@logo_image}
+    header_image={@header_image}
+    active_page="cart"
+    mode={@mode}
+    cart_count={@cart_count}
+  />

  <main id="main-content" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <.page_title text="Your basket" />
--- a/lib/simpleshop_theme_web/components/page_templates/collection.html.heex
+++ b/lib/simpleshop_theme_web/components/page_templates/collection.html.heex
@@ -1,11 +1,21 @@
-<div class="shop-container min-h-screen pb-20 md:pb-0" style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);">
+<div
+  class="shop-container min-h-screen pb-20 md:pb-0"
+  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
+>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

-  <.shop_header theme_settings={@theme_settings} logo_image={@logo_image} header_image={@header_image} active_page="collection" mode={@mode} cart_count={@cart_count} />
+  <.shop_header
+    theme_settings={@theme_settings}
+    logo_image={@logo_image}
+    header_image={@header_image}
+    active_page="collection"
+    mode={@mode}
+    cart_count={@cart_count}
+  />

  <main id="main-content">
    <.collection_header title="All Products" product_count={length(@preview_data.products)} />
--- a/lib/simpleshop_theme_web/components/page_templates/contact.html.heex
+++ b/lib/simpleshop_theme_web/components/page_templates/contact.html.heex
@@ -1,11 +1,21 @@
-<div class="shop-container min-h-screen pb-20 md:pb-0" style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);">
+<div
+  class="shop-container min-h-screen pb-20 md:pb-0"
+  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
+>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

-  <.shop_header theme_settings={@theme_settings} logo_image={@logo_image} header_image={@header_image} active_page="contact" mode={@mode} cart_count={@cart_count} />
+  <.shop_header
+    theme_settings={@theme_settings}
+    logo_image={@logo_image}
+    header_image={@header_image}
+    active_page="contact"
+    mode={@mode}
+    cart_count={@cart_count}
+  />

  <main id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
    <.hero_section
@@ -20,11 +30,14 @@
      <div class="flex flex-col gap-6">
        <.order_tracking_card />

-        <.info_card title="Handy to know" items={[
-          %{label: "Printing", value: "2-5 business days"},
-          %{label: "Delivery", value: "3-7 business days after printing"},
-          %{label: "Returns", value: "Happy to help with faulty or damaged items"}
-        ]} />
+        <.info_card
+          title="Handy to know"
+          items={[
+            %{label: "Printing", value: "2-5 business days"},
+            %{label: "Delivery", value: "3-7 business days after printing"},
+            %{label: "Returns", value: "Happy to help with faulty or damaged items"}
+          ]}
+        />

        <.newsletter_card />

--- a/lib/simpleshop_theme_web/components/page_templates/error.html.heex
+++ b/lib/simpleshop_theme_web/components/page_templates/error.html.heex
@@ -1,13 +1,27 @@
-<div class="shop-container min-h-screen" style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);">
+<div
+  class="shop-container min-h-screen"
+  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
+>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

-  <.shop_header theme_settings={@theme_settings} logo_image={@logo_image} header_image={@header_image} active_page="error" mode={@mode} cart_count={@cart_count} />
+  <.shop_header
+    theme_settings={@theme_settings}
+    logo_image={@logo_image}
+    header_image={@header_image}
+    active_page="error"
+    mode={@mode}
+    cart_count={@cart_count}
+  />

-  <main id="main-content" class="flex items-center justify-center" style="min-height: calc(100vh - 4rem);">
+  <main
+    id="main-content"
+    class="flex items-center justify-center"
+    style="min-height: calc(100vh - 4rem);"
+  >
    <div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
      <.hero_section
        variant={:error}
--- a/lib/simpleshop_theme_web/components/page_templates/home.html.heex
+++ b/lib/simpleshop_theme_web/components/page_templates/home.html.heex
@@ -1,11 +1,21 @@
-<div class="shop-container min-h-screen pb-20 md:pb-0" style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);">
+<div
+  class="shop-container min-h-screen pb-20 md:pb-0"
+  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
+>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

-  <.shop_header theme_settings={@theme_settings} logo_image={@logo_image} header_image={@header_image} active_page="home" mode={@mode} cart_count={@cart_count} />
+  <.shop_header
+    theme_settings={@theme_settings}
+    logo_image={@logo_image}
+    header_image={@header_image}
+    active_page="home"
+    mode={@mode}
+    cart_count={@cart_count}
+  />

  <main id="main-content">
    <.hero_section
--- a/lib/simpleshop_theme_web/components/page_templates/pdp.html.heex
+++ b/lib/simpleshop_theme_web/components/page_templates/pdp.html.heex
@@ -1,18 +1,36 @@
-<div class="shop-container min-h-screen pb-20 md:pb-0" style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);">
+<div
+  class="shop-container min-h-screen pb-20 md:pb-0"
+  style="background-color: var(--t-surface-base); font-family: var(--t-font-body); color: var(--t-text-primary);"
+>
  <.skip_link />

  <%= if @theme_settings.announcement_bar do %>
    <.announcement_bar theme_settings={@theme_settings} />
  <% end %>

-  <.shop_header theme_settings={@theme_settings} logo_image={@logo_image} header_image={@header_image} active_page="pdp" mode={@mode} cart_count={@cart_count} />
+  <.shop_header
+    theme_settings={@theme_settings}
+    logo_image={@logo_image}
+    header_image={@header_image}
+    active_page="pdp"
+    mode={@mode}
+    cart_count={@cart_count}
+  />

  <main id="main-content" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-    <.breadcrumb items={[
-      %{label: "Home", page: "home", href: "/"},
-      %{label: @product.category, page: "collection", href: "/collections/#{@product.category |> String.downcase() |> String.replace(" ", "-")}"},
-      %{label: @product.name, current: true}
-    ]} mode={@mode} />
+    <.breadcrumb
+      items={[
+        %{label: "Home", page: "home", href: "/"},
+        %{
+          label: @product.category,
+          page: "collection",
+          href:
+            "/collections/#{@product.category |> String.downcase() |> String.replace(" ", "-")}"
+        },
+        %{label: @product.name, current: true}
+      ]}
+      mode={@mode}
+    />

    <div class="grid grid-cols-1 md:grid-cols-2 gap-12 mb-16">
      <.product_gallery images={@gallery_images} product_name={@product.name} />
@@ -27,7 +45,12 @@
      </div>
    </div>

-    <.reviews_section :if={@theme_settings.pdp_reviews} reviews={SimpleshopTheme.Theme.PreviewData.reviews()} average_rating={5} total_count={24} />
+    <.reviews_section
+      :if={@theme_settings.pdp_reviews}
+      reviews={SimpleshopTheme.Theme.PreviewData.reviews()}
+      average_rating={5}
+      total_count={24}
+    />

    <.related_products_section
      :if={@theme_settings.pdp_related_products}
--- a/lib/simpleshop_theme_web/components/shop_components.ex
+++ b/lib/simpleshop_theme_web/components/shop_components.ex