Auto tweet only when going through screenshot flow

Author: rossta

app/controllers/share/snippet_screenshots_controller.rb

@@ -14,6 +14,6 @@ def new
   def create
     @snippet = Snippet.find(params[:snippet_id])
     @snippet.attach_screenshot_from_base64(params[:screenshot])
-    redirect_to new_share_snippet_tweet_path(@snippet), notice: "Screenshot attached".emojoy
+    redirect_to new_share_snippet_tweet_path(@snippet, auto: true), notice: "Screenshot attached".emojoy
   end
 end

app/controllers/share/snippet_tweets_controller.rb

@@ -3,5 +3,6 @@ class Share::SnippetTweetsController < ApplicationController
 
   def new
     @snippet = Snippet.find(params[:snippet_id])
+    @auto = params[:auto] == "true"
   end
 end

app/javascript/controllers/snippets/tweet.ts

@@ -7,20 +7,27 @@ const console = debug('app:javascript:controllers:snippets:tweet');
 export default class extends Controller {
   static values = {
     url: String,
+    auto: Boolean,
   };
 
   declare urlValue: string;
+  declare autoValue: boolean;
 
   connect() {
     console.log('Connect!');
 
-    this.tweet();
+    if (this.autoValue) {
+      this.tweet();
+    }
   }
 
   tweet() {
     console.log('Tweet!');
 
-    const tweetText = encodeURIComponent(this.urlValue);
+    const url = this.urlValue;
+
+    const tweetText = encodeURIComponent(`Created with @joyofrails ${url}`);
+
     const tweetUrl = `https://twitter.com/intent/tweet?text=${tweetText}`;
 
     window.open(

app/views/share/snippet_tweets/new.html.erb

@@ -1,7 +1,7 @@
 <%= render Pages::Header.new(title: "Share Snippet: Tweet") %>
 <div class="section-content container py-gap">
   <%= turbo_frame_tag :snippet_form, data: {turbo_action: "advance"} do %>
-    <%= render Share::SnippetTweets::Tweet.new(@snippet) %>
+    <%= render Share::SnippetTweets::Tweet.new(@snippet, auto: @auto) %>
   <% end %>
 
   <div>

app/views/share/snippet_tweets/tweet.rb

@@ -1,20 +1,38 @@
 class Share::SnippetTweets::Tweet < ApplicationComponent
-  def initialize(snippet)
+  include Phlex::Rails::Helpers::ButtonTag
+  include Phlex::Rails::Helpers::ClassNames
+  include PhlexConcerns::FlexBlock
+
+  def initialize(snippet, auto: false)
     @snippet = snippet
+    @auto = auto
   end
 
   def view_template
-    render CodeBlock::Snippet.new(
-      @snippet,
-      screenshot: true,
+    div(
+      class: "snippet-tweet grid-content",
       data: {
         controller: "snippet-tweet",
-        snippet_tweet_url_value: tweet_url
+        snippet_tweet_url_value: tweet_url,
+        snippet_tweet_auto_value: auto?.to_s
       }
-    )
+    ) do
+      render CodeBlock::Snippet.new(
+        @snippet,
+        screenshot: true
+      )
+
+      flex_block do
+        button_tag "Tweet",
+          class: class_names("button", "primary", hidden: auto?),
+          data: {action: "click->snippet-tweet#tweet"}
+      end
+    end
   end
 
   def tweet_url
     @snippet.screenshot.attached? ? rails_storage_proxy_url(@snippet.screenshot) : share_snippet_url(@snippet)
   end
+
+  def auto? = !!@auto
 end