<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="204833" data-post-id="204833">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dimitarvp" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/dimitarvp/120/38664_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dimitarvp
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Really neat, I’ll give this a go.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="204833" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-204833" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="204833"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #11"></div>
  </section>
</div>
    <div class="postbit" id="221079" data-post-id="221079">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dimitarvp" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/dimitarvp/120/38664_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dimitarvp
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>…And I tried it. Does what it promises. My problem is that the project I am participating in is huge (1100+ Elixir files) and the output isn’t giving me a direct feedback what to address because the transitive dependency chains are like 40+ nodes. <img src="https://forum.elixirforum.com/images/emoji/apple/frowning.png?v=15" title=":frowning:" class="emoji" alt=":frowning:" loading="lazy" width="20" height="20"></p>
<p>I used verbose compilation and just <code>touch</code>-ing files and I despaired. <img src="https://forum.elixirforum.com/images/emoji/apple/smiley.png?v=15" title=":smiley:" class="emoji" alt=":smiley:" loading="lazy" width="20" height="20"></p>
<p>Wish Elixir had compiler apparatus to tell you which exact statements in the source file lead to compile / runtime dependency between files. <img src="https://forum.elixirforum.com/images/emoji/apple/expressionless.png?v=15" title=":expressionless:" class="emoji" alt=":expressionless:" loading="lazy" width="20" height="20"> Some of the files are huge, there are <code>use</code> statements, there are macros, there are Phoenix peculiarities (dependencies between router and views and various utilities) so you can very easily get lost in all this.</p>
<p>Not your fault, of course, the tool is useful! Thank you for it.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="221079" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-221079" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="221079"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #12"></div>
  </section>
</div>
    <div class="postbit" id="221112" data-post-id="221112">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mpope" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mpope
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>This sounds oddly familiar to an issue I experienced on an Erlang project. The project was passing macros to <code>erlc</code> at compiletime with <code>-d</code>, and due to a dependency chain it caused a whole-app recompile for each change. Could something similar be happening with your Elixir project? This escaped <code>xref</code> and other tools completely.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="221112" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-221112" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="221112"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #13"></div>
  </section>
</div>
    <div class="postbit" id="221114" data-post-id="221114">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="schnittchen" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  schnittchen
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I noticed that a simple <code>alias M</code> can make the containing file compile-time depend on the file defining M.</p>
<p>This might be legitimate, but if not, making the compiler not mark the aliased modules’s file a dependency would drastically reduce overall cases.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="221114" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-221114" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="221114"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #14"></div>
  </section>
</div>
    <div class="postbit" id="221118" data-post-id="221118">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="axelson" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/axelson/120/26351_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  axelson
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Scenic Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="dimitarvp" data-post="13" data-topic="37600">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/dimitarvp/48/38664_2.png" class="avatar"> dimitarvp:</div>
<blockquote>
<p>…And I tried it. Does what it promises. My problem is that the project I am participating in is huge (1100+ Elixir files) and the output isn’t giving me a direct feedback what to address because the transitive dependency chains are like 40+ nodes.</p>
</blockquote>
</aside>
<p>Have you given DepViz a try?</p><aside class="onebox allowlistedgeneric" data-onebox-src="https://depviz.jasonaxelson.com/">
  <header class="source">

      <a href="https://depviz.jasonaxelson.com/" target="_blank" rel="noopener nofollow">depviz.jasonaxelson.com</a>
  </header>

  <article class="onebox-body">
    

<h3><a href="https://depviz.jasonaxelson.com/" target="_blank" rel="noopener nofollow">DepViz</a></h3>

  <p>A visual tool to help developers understand Elixir recompilation in their projects.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p>I spoke about it at Code BEAM BR last year (in english): <a href="https://www.codebeambr.com/video/12" rel="nofollow">https://www.codebeambr.com/video/12</a></p>
<aside class="quote no-group" data-username="schnittchen" data-post="15" data-topic="37600">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/s/f9ae1b/48.png" class="avatar"> schnittchen:</div>
<blockquote>
<p>I noticed that a simple <code>alias M</code> can make the containing file compile-time depend on the file defining M.</p>
</blockquote>
</aside>
<p>That is not quite accurate, an <code>alias</code> will only cause a run-time dependency. However, compile-time dependencies are transitive so if <code>A-&gt;compile-time-&gt;B</code> and <code>B-&gt;run-time-&gt;C</code>, then when <code>C</code> changes, <code>A</code> will need to be recompiled.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="221118" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-221118" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="221118"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #15"></div>
  </section>
</div>
    <div class="postbit" id="221121" data-post-id="221121">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mcampbell" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mcampbell/120/17742_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mcampbell
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hah, love the name!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="221121" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-221121" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="221121"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #16"></div>
  </section>
</div>
    <div class="postbit" id="221128" data-post-id="221128">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dimitarvp" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/dimitarvp/120/38664_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dimitarvp
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Just did. It’s super laggy though. <img src="https://forum.elixirforum.com/images/emoji/apple/frowning.png?v=15" title=":frowning:" class="emoji" alt=":frowning:" loading="lazy" width="20" height="20"> I think it could be very useful for smaller projects.</p>
<aside class="quote no-group" data-username="axelson" data-post="16" data-topic="37600">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/axelson/48/26351_2.png" class="avatar"> axelson:</div>
<blockquote>
<p>That is not quite accurate, an <code>alias</code> will only cause a run-time dependency. However, compile-time dependencies are transitive so if <code>A-&gt;compile-time-&gt;B</code> and <code>B-&gt;run-time-&gt;C</code>, then when <code>C</code> changes, <code>A</code> will need to be recompiled.</p>
</blockquote>
</aside>
<p>I am still trying to learn these and what does an “export” or “runtime” dependency even mean. <img src="https://forum.elixirforum.com/images/emoji/apple/smiley.png?v=15" title=":smiley:" class="emoji" alt=":smiley:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="221128" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-221128" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="221128"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #17"></div>
  </section>
</div>
    <div class="postbit" id="260967" data-post-id="260967">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="riebeekn" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/riebeekn/120/13981_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  riebeekn
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Did you have any success in finding a strategy for diagnosing your issue?</p>
<p>I’m in a similar situation, working on a large project with a ton of files.  In some cases changing the css class in a template results in hundreds of files being recompiled.  Turning on verbose compilation is somewhat helpful but as you say trying to track things down gets overwhelming quickly!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="260967" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-260967" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="260967"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #18"></div>
  </section>
</div>
    <div class="postbit" id="260989" data-post-id="260989">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dimitarvp" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/dimitarvp/120/38664_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dimitarvp
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Nope, unfortunately gave up. The company I worked for back then was extremely output-driven so doing R&amp;D was frowned upon unless you achieve results in a day or two which is unrealistic for such a hard and exploratory task. We parted ways soon after.</p>
<p>Since then I haven’t worked with bigger code bases in Elixir – only in Rust. Those I work with in Elixir are small to medium.</p>
<p>I’d love to work on this again one day – there’s a potential to improve things by piping several CLI tools at the tail of <code>mix xref ...</code> – but between my constant fight to undo a potential serious health condition and working part-time, it seems it ain’t happening for now.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="260989" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-260989" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="260989"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #19"></div>
  </section>
</div>
    <div class="postbit" id="260995" data-post-id="260995">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sodapopcan" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sodapopcan/120/34668_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sodapopcan
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I recently dealt with a larger project that had these problems.</p>
<p>This info is scattered around these forums and I know someone wrote a blog post recently but I can’t find it.</p>
<p>Basically the main culprit is pretty much always cyclical dependencies between modules and, depending on how intertwined they’ve gotten, it can be really hard to fix.</p>
<p>Basically look for things like this:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">defmodule A do
  def a, do: "a"

  def b() do
    B.b()
  end
end

defmodule B do
  def b, do: "b"

  def a() do
    A.a()
  end
end
</code></pre>
<p>Even if they don’t explicitly cause a compile-time deps (my example won’t), you want to avoid code like that in general.  It gets tricky with Elixir since some things were are normally just runtime deps can become compile time deps if the thing they depend on has a compile time dep.  For example if I were to introduce the following:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">defmodule C do
  @b B

  def b, do: @b.b()
end
</code></pre>
<p>…now both <code>B</code> <em>and</em> <code>A</code> have a compile-time dep on <code>C</code> (with <code>A</code> also depending on <code>B</code>).  I won’t get into why this is to keep this post shorter, but avoiding cyclical dependencies will avoid this scenario altogether.  (I’m sure someone is going to correct me on me calling them cyclical but I’m not sure what else to call them).</p>
<p>The solution is to always(*) design your module hierarchy as a <a href="https://en.wikipedia.org/wiki/Directed_acyclic_graph" rel="noopener nofollow ugc">DAG</a>.  Ensure that children never talk to their parents and that when siblings talk it only goes in one direction (and never loops).</p>
<p>(*) of course there are exceptions to every rule</p>
<p><em>Anyway</em>, sorry if I’m telling you things you already know, but that is where I would look first.  People often jump to eliminating the easy targets (like removing references to modules within other module bodies).  Those help, but honestly, having a few compile time deps isn’t so bad so long as they are in files that aren’t often changed.</p>
<p>Unfortunately I can’t remember the exact xref commands I would use, but this was a common one:</p>
<pre data-code-wrap="shell"><code class="lang-shell">$ mix xref graph --sink SOME_FILE_THAT_GIVES_YOU_HECK.ex --label compile
</code></pre>
<p>…where <code>SOME_FILE_THAT_GIVES_YOU_HECK.ex</code> is a file that causes tons of recompilations. This will show you all the files you have with compile time deps on that file.  If you remove the <code>--label compile</code> then you should get an insanely large tree.  It’s useless to look at the whole thing but what you want to do is look for repeating files, like so:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">a.ex
|-b.ex
|-|-c.ex
|-|-|-d.ex
|-|-|-|-e.ex
|-|-|-|-|-a.ex
</code></pre>
<p>This situation can be very hard to detangle, especially if <code>a.ex</code> appears, nested, again.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="260995" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/excessive-recompilations-when-nothing-substantially-changed/37600/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-260995" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="260995"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #20"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/37600/load_more?page=3">Load more posts (7 remaining)</a>
</div></template></turbo-stream>