Format heex files

m1foley · m1foley · commit 26af7fbfe5c1 · 2024-06-30T21:12:43.000+08:00
Result of automatic formatting:
```
mix format --check-formatted
mix format
```
diff --git a/lib/mjw_web/components/layouts/root.html.heex b/lib/mjw_web/components/layouts/root.html.heex
@@ -6,7 +6,8 @@
     <meta name="csrf-token" content={get_csrf_token()} />
     <.live_title><%= assigns[:page_title] || "Mahjong Wind" %></.live_title>
     <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
-    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}></script>
+    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
+    </script>
   </head>
   <body>
     <%= @inner_content %>
diff --git a/lib/mjw_web/live/game_live/current_user_seat_component.html.heex b/lib/mjw_web/live/game_live/current_user_seat_component.html.heex
@@ -1,22 +1,47 @@
 <div id={@id}>
   <div class={"tiles flex-wrap turn-glow-0-#{if @current_user_drawing, do: "t"}"}>
-    <div id="hiddengongs-0" phx-hook="Drag" phx-target="#game" class={"hiddengong-tiles dropzone#{if @win_declared_seatno && @win_declared_seatno != @current_user_seatno && @seat.win_expose, do: " exposed-loser-hand"}"}>
+    <div
+      id="hiddengongs-0"
+      phx-hook="Drag"
+      phx-target="#game"
+      class={"hiddengong-tiles dropzone#{if @win_declared_seatno && @win_declared_seatno != @current_user_seatno && @seat.win_expose, do: " exposed-loser-hand"}"}
+    >
       <%= for tile <- @seat.hiddengongs do %>
-        <img id={tile} src={"/images/tiles/#{Mjw.Tile.without_id(tile)}.png"} alt="" class="tile draggable" />
+        <img
+          id={tile}
+          src={"/images/tiles/#{Mjw.Tile.without_id(tile)}.png"}
+          alt=""
+          class="tile draggable"
+        />
       <% end %>
       <div class="dropzone-description">Hidden gong</div>
     </div>
 
     <div id="exposed-0" phx-hook="Drag" phx-target="#game" class="exposed-tiles dropzone">
       <%= for tile <- @seat.exposed do %>
-        <img id={tile} src={"/images/tiles/#{Mjw.Tile.without_id(tile)}.png"} alt="" class="tile draggable" />
+        <img
+          id={tile}
+          src={"/images/tiles/#{Mjw.Tile.without_id(tile)}.png"}
+          alt=""
+          class="tile draggable"
+        />
       <% end %>
       <div class="dropzone-description">Exposed tiles</div>
     </div>
 
-    <div id="wintile-0" phx-hook="Drag" phx-target="#game" class={"wintile-tiles#{if !@win_declared_seatno || @win_declared_seatno == @current_user_seatno, do: " dropzone"}"}>
+    <div
+      id="wintile-0"
+      phx-hook="Drag"
+      phx-target="#game"
+      class={"wintile-tiles#{if !@win_declared_seatno || @win_declared_seatno == @current_user_seatno, do: " dropzone"}"}
+    >
       <%= if @seat.wintile do %>
-        <img id={@seat.wintile} src={"/images/tiles/#{Mjw.Tile.without_id(@seat.wintile)}.png"} alt="" class="tile cursor-not-allowed" />
+        <img
+          id={@seat.wintile}
+          src={"/images/tiles/#{Mjw.Tile.without_id(@seat.wintile)}.png"}
+          alt=""
+          class="tile cursor-not-allowed"
+        />
       <% end %>
       <%= if !@win_declared_seatno || @win_declared_seatno == @current_user_seatno do %>
         <div class="dropzone-description">Winning tile</div>
@@ -25,7 +50,12 @@
 
     <div class="line-break"></div>
 
-    <div id="concealed-0" phx-hook="Drag" phx-target="#game" class={"concealed-tiles dropzone current-user-discarding-#{if @current_user_discarding, do: "t"} enable-pull-from-discards-#{if @available_discard_tile, do: "t"} concealed-loser-hand-#{if @concealed_loser_hand, do: "t"}"}>
+    <div
+      id="concealed-0"
+      phx-hook="Drag"
+      phx-target="#game"
+      class={"concealed-tiles dropzone current-user-discarding-#{if @current_user_discarding, do: "t"} enable-pull-from-discards-#{if @available_discard_tile, do: "t"} concealed-loser-hand-#{if @concealed_loser_hand, do: "t"}"}
+    >
       <%= for tile <- @seat.concealed do %>
         <img
           id={tile}
diff --git a/lib/mjw_web/live/game_live/dice_component.html.heex b/lib/mjw_web/live/game_live/dice_component.html.heex
@@ -2,7 +2,11 @@
   <div class={"dice-#{@previous_roller_relative_position}"}>
     <%= if @rolled_dice do %>
       <%= for {die, i} <- Enum.with_index(@dice) do %>
-        <img src={"/images/dice/d#{die}.png"} alt="" class={"die die-#{i}#{if @raw_event in [:rolled_for_first_dealer, :rolled_for_deal], do: " #{@game_state}-#{@previous_roller_relative_position}"}"} />
+        <img
+          src={"/images/dice/d#{die}.png"}
+          alt=""
+          class={"die die-#{i}#{if @raw_event in [:rolled_for_first_dealer, :rolled_for_deal], do: " #{@game_state}-#{@previous_roller_relative_position}"}"}
+        />
       <% end %>
     <% end %>
   </div>
diff --git a/lib/mjw_web/live/game_live/game_menu_component.html.heex b/lib/mjw_web/live/game_live/game_menu_component.html.heex
@@ -1,12 +1,19 @@
 <div id={@id} class="phx-modal relative" phx-target="#game" phx-click="closegamemenu">
   <div class="gamemenu-content">
     <%= if @player_seats_finalized do %>
-      <div phx-target="#game" phx-click="draw" class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4">
+      <div
+        phx-target="#game"
+        phx-click="draw"
+        class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4"
+      >
         Declare draw 🤝
       </div>
 
       <div id="dqs" phx-hook="DeclareDq" phx-click="">
-        <div id="declare-dq-btn" class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4">
+        <div
+          id="declare-dq-btn"
+          class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4"
+        >
           Declare DQ 🙅🏻‍♀️
         </div>
 
@@ -15,7 +22,12 @@
         </div>
 
         <%= for seat <- @relative_game_seats |> Enum.drop(1) do %>
-          <div class="dqplayer bg-red-600 hover:bg-red-500 text-gray-200 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4 hidden" phx-target="#game" phx-click="dq" phx-value-seatno={seat.seatno}>
+          <div
+            class="dqplayer bg-red-600 hover:bg-red-500 text-gray-200 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4 hidden"
+            phx-target="#game"
+            phx-click="dq"
+            phx-value-seatno={seat.seatno}
+          >
             <%= seat.player_name %>
           </div>
         <% end %>
@@ -24,7 +36,10 @@
 
     <%= if length(@relative_game_seats_with_players) > 1 do %>
       <div id="bootplayers" phx-hook="BootPlayer" phx-click="">
-        <div id="boot-player-btn" class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4">
+        <div
+          id="boot-player-btn"
+          class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4"
+        >
           Boot player 🥾
         </div>
 
@@ -33,25 +48,43 @@
         </div>
 
         <%= for seat <- @relative_game_seats_with_players |> Enum.drop(1) do %>
-          <div class="bootplayer bg-red-600 hover:bg-red-500 text-gray-200 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4 hidden" phx-target="#game" phx-click="bootplayer" phx-value-seatno={seat.seatno}>
+          <div
+            class="bootplayer bg-red-600 hover:bg-red-500 text-gray-200 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4 hidden"
+            phx-target="#game"
+            phx-click="bootplayer"
+            phx-value-seatno={seat.seatno}
+          >
             <%= seat.player_name %>
           </div>
         <% end %>
       </div>
     <% end %>
 
-    <div phx-target={@myself} class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4" phx-click="quit">
+    <div
+      phx-target={@myself}
+      class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4"
+      phx-click="quit"
+    >
       Leave game
     </div>
 
-    <div phx-target="#game" phx-click="reset" class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4">
+    <div
+      phx-target="#game"
+      phx-click="reset"
+      class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow cursor-pointer my-4"
+    >
       <div phx-target="#game" phx-click="reset">
         Reset game
       </div>
     </div>
 
     <div phx-click="">
-      <.live_component module={MjwWeb.GameLive.InviteLinkComponent} id="invite-link-gamemenu" game={@game} game_state={@game_state} />
+      <.live_component
+        module={MjwWeb.GameLive.InviteLinkComponent}
+        id="invite-link-gamemenu"
+        game={@game}
+        game_state={@game_state}
+      />
     </div>
   </div>
 </div>
diff --git a/lib/mjw_web/live/game_live/index.html.heex b/lib/mjw_web/live/game_live/index.html.heex
@@ -8,7 +8,11 @@
     <%= unless Enum.empty?(@games) do %>
       <div class="pt-12 pb-10 text-xl font-semibold">or join a game in progress:</div>
       <%= for game <- @games do %>
-        <.live_component module={MjwWeb.GameLive.LobbyGameComponent} id={"join-#{game.id}"} game={game} />
+        <.live_component
+          module={MjwWeb.GameLive.LobbyGameComponent}
+          id={"join-#{game.id}"}
+          game={game}
+        />
       <% end %>
     <% end %>
   </div>
diff --git a/lib/mjw_web/live/game_live/invite_link_component.html.heex b/lib/mjw_web/live/game_live/invite_link_component.html.heex
@@ -1,6 +1,9 @@
-<div id={@id} class="text-gray-800 text-base font-semibold py-2 px-4 my-4" phx-hook="CopyToClipboard">
-  Invite link:
-  <% game_url = url(~p"/games/#{@game.id}") %>
+<div
+  id={@id}
+  class="text-gray-800 text-base font-semibold py-2 px-4 my-4"
+  phx-hook="CopyToClipboard"
+>
+  Invite link: <% game_url = url(~p"/games/#{@game.id}") %>
   <input type="text" class="game-url font-normal" value={game_url} size={String.length(game_url)} />
   <span class="copy-to-clipboard" style="cursor:pointer;">📋</span>
 
diff --git a/lib/mjw_web/live/game_live/opponent_seat_component.html.heex b/lib/mjw_web/live/game_live/opponent_seat_component.html.heex
@@ -7,20 +7,31 @@
 
       <div class="player-icons">
         <%= if @seat.seatno == 0 && @player_seats_finalized do %>
-          <div class="firstdealer-indicator" title="First dealer. Game wind changes when the deal circles back to them.">
+          <div
+            class="firstdealer-indicator"
+            title="First dealer. Game wind changes when the deal circles back to them."
+          >
             庄
           </div>
         <% end %>
 
         <%= if @seat.seatno == @game.dealer_seatno do %>
-          <div class="dealer-indicator" title={"Dealer#{if @game.dealer_win_count > 0, do: " (time ##{@game.dealer_win_count + 1})"}"}>
+          <div
+            class="dealer-indicator"
+            title={"Dealer#{if @game.dealer_win_count > 0, do: " (time ##{@game.dealer_win_count + 1})"}"}
+          >
             Dealer<%= if @game.dealer_win_count > 0 do %>
               <sup><%= @game.dealer_win_count + 1 %></sup>
             <% end %>
           </div>
         <% end %>
         <%= if @game_state != :rolling_for_deal && @seat.seatno == @game.dealpick_seatno do %>
-          <img src="/images/staircase.png" alt="" title="This staircase is the end of the deck (used to determine player wind)" class={"dealpickstaircase inline-block mx-auto relative bottom-1#{if @seat.seatno == @game.dealer_seatno, do: " pl-1"}"} />
+          <img
+            src="/images/staircase.png"
+            alt=""
+            title="This staircase is the end of the deck (used to determine player wind)"
+            class={"dealpickstaircase inline-block mx-auto relative bottom-1#{if @seat.seatno == @game.dealer_seatno, do: " pl-1"}"}
+          />
         <% end %>
       </div>
     </div>
@@ -34,7 +45,11 @@
     <div class="hiddengong-tiles">
       <%= if @seat.win_expose do %>
         <%= for tile <- @seat.hiddengongs do %>
-          <img src={"/images/tiles/#{Mjw.Tile.without_id(tile)}.png"} alt="" class="tile opacity-50" />
+          <img
+            src={"/images/tiles/#{Mjw.Tile.without_id(tile)}.png"}
+            alt=""
+            class="tile opacity-50"
+          />
         <% end %>
       <% else %>
         <%= for _tile <- @seat.hiddengongs do %>
@@ -59,7 +74,12 @@
 
     <%= if @seat.wintile do %>
       <div class="wintile-tiles">
-        <img id={@seat.wintile} src={"/images/tiles/#{Mjw.Tile.without_id(@seat.wintile)}.png"} alt="" class="tile ml-8" />
+        <img
+          id={@seat.wintile}
+          src={"/images/tiles/#{Mjw.Tile.without_id(@seat.wintile)}.png"}
+          alt=""
+          class="tile ml-8"
+        />
       </div>
     <% end %>
   </div>
diff --git a/lib/mjw_web/live/game_live/seat_offering_component.html.heex b/lib/mjw_web/live/game_live/seat_offering_component.html.heex
@@ -10,7 +10,18 @@
       </div>
 
       <div class="pt-4">
-        <input type="text" name="player_name" class="p-2 mx-3 border border-gray-600 rounded w-72" required minlength="1" maxlength="70" autofocus autocomplete="off" data-1p-ignore="true" data-lpignore="true" />
+        <input
+          type="text"
+          name="player_name"
+          class="p-2 mx-3 border border-gray-600 rounded w-72"
+          required
+          minlength="1"
+          maxlength="70"
+          autofocus
+          autocomplete="off"
+          data-1p-ignore="true"
+          data-lpignore="true"
+        />
       </div>
 
       <div class="pt-8">
diff --git a/lib/mjw_web/live/game_live/show.html.heex b/lib/mjw_web/live/game_live/show.html.heex
diff --git a/lib/mjw_web/live/game_live/table_center_component.html.heex b/lib/mjw_web/live/game_live/table_center_component.html.heex
diff --git a/lib/mjw_web/live/game_live/win_menu_component.html.heex b/lib/mjw_web/live/game_live/win_menu_component.html.heex
diff --git a/lib/mjw_web/live/game_live/wind_pick_component.html.heex b/lib/mjw_web/live/game_live/wind_pick_component.html.heex
