markdown: implement wysiwyg editor

app/build.gradle

@@ -165,6 +165,7 @@ dependencies {
     implementation "com.evernote:android-job:1.4.2"
 
     implementation "de.c1710:filemojicompat:1.0.17"
+    implementation 'com.github.Tunous:MarkdownEdit:1.0.0'
 
 
     testImplementation "androidx.test.ext:junit:1.1.1"

app/src/main/java/com/keylesspalace/tusky/ComposeActivity.java

@@ -160,6 +160,7 @@ import okhttp3.MultipartBody;
 import retrofit2.Call;
 import retrofit2.Callback;
 import retrofit2.Response;
+import me.thanel.markdownedit.MarkdownEdit;
 
 import static com.keylesspalace.tusky.util.MediaUtilsKt.MEDIA_SIZE_UNKNOWN;
 import static com.keylesspalace.tusky.util.MediaUtilsKt.getImageSquarePixels;
@@ -231,6 +232,11 @@ public final class ComposeActivity
     private TextView actionAddPoll;
     private Button atButton;
     private Button hashButton;
+    private ImageButton codeButton;
+    private ImageButton linkButton;
+    private ImageButton strikethroughButton;
+    private ImageButton italicButton;
+    private ImageButton boldButton;
 
     private ComposeOptionsView composeOptionsView;
     private BottomSheetBehavior composeOptionsBehavior;
@@ -300,6 +306,11 @@ public final class ComposeActivity
         emojiList = Collections.emptyList();
         atButton = findViewById(R.id.atButton);
         hashButton = findViewById(R.id.hashButton);
+        codeButton = findViewById(R.id.codeButton);
+        linkButton = findViewById(R.id.linkButton);
+        strikethroughButton = findViewById(R.id.strikethroughButton);
+        italicButton = findViewById(R.id.italicButton);
+        boldButton = findViewById(R.id.boldButton);
 
         saveTootHelper = new SaveTootHelper(database.tootDao(), this);
 
@@ -400,6 +411,11 @@ public final class ComposeActivity
         scheduleView.setResetOnClickListener(v -> resetSchedule());
         atButton.setOnClickListener(v -> atButtonClicked());
         hashButton.setOnClickListener(v -> hashButtonClicked());
+        codeButton.setOnClickListener(v -> codeButtonClicked());
+        linkButton.setOnClickListener(v -> linkButtonClicked());
+        strikethroughButton.setOnClickListener(v -> strikethroughButtonClicked());
+        italicButton.setOnClickListener(v -> italicButtonClicked());
+        boldButton.setOnClickListener(v -> boldButtonClicked());
 
         TextView actionPhotoTake = findViewById(R.id.action_photo_take);
         TextView actionPhotoPick = findViewById(R.id.action_photo_pick);
@@ -444,6 +460,7 @@ public final class ComposeActivity
                 onCommitContentInternal(previousInputContentInfo, previousFlags);
             }
             photoUploadUri = savedInstanceState.getParcelable("photoUploadUri");
+            markdownMode = savedInstanceState.getBoolean("statusMarkdownMode");
         } else {
             statusMarkSensitive = activeAccount.getDefaultMediaSensitivity();
             startingHideText = false;
@@ -764,6 +781,27 @@ public final class ComposeActivity
         replaceTextAtCaret("#");
     }
     
+    private void codeButtonClicked() {
+        MarkdownEdit.addCode(textEditor);
+    }
+    
+    private void linkButtonClicked() {
+        MarkdownEdit.addLink(textEditor);
+    }
+    
+    private void strikethroughButtonClicked() {
+        MarkdownEdit.addStrikeThrough(textEditor);
+    }
+    
+    private void italicButtonClicked() {
+        MarkdownEdit.addItalic(textEditor);
+    }
+    
+    private void boldButtonClicked() {
+        MarkdownEdit.addBold(textEditor);
+    }
+
+
     @Override
     protected void onSaveInstanceState(Bundle outState) {
         ArrayList<SavedQueuedMedia> savedMediaQueued = new ArrayList<>();
@@ -783,6 +821,7 @@ public final class ComposeActivity
         currentFlags = 0;
         outState.putParcelable("photoUploadUri", photoUploadUri);
         outState.putInt("statusVisibility", statusVisibility.getNum());
+        outState.putBoolean("statusMarkdownMode", markdownMode);
         super.onSaveInstanceState(outState);
     }
 
@@ -809,6 +848,8 @@ public final class ComposeActivity
     }
     
     private void enableMarkdownMode(boolean enable) {
+        enableMarkdownWYSIWYGButtons(enable);
+     
         markdownMode = enable;
      
         TransitionManager.beginDelayedTransition((ViewGroup) markdownButton.getParent());
@@ -817,8 +858,7 @@ public final class ComposeActivity
         color = ThemeUtils.getColor(this, markdownMode ? R.attr.colorPrimary : android.R.attr.textColorTertiary);
         
         markdownButton.getDrawable().setColorFilter(color, PorterDuff.Mode.SRC_IN);   
-
+     }
-    }
     
     private void toggleMarkdownMode() {
         enableMarkdownMode(!markdownMode);
@@ -880,6 +920,16 @@ public final class ComposeActivity
         tootButton.setEnabled(true);
     }
     
+    private void enableMarkdownWYSIWYGButtons(boolean enable) {
+        int visibility = enable ? View.VISIBLE : View.GONE;
+        
+        codeButton.setVisibility(visibility);
+        linkButton.setVisibility(visibility);
+        strikethroughButton.setVisibility(visibility);
+        italicButton.setVisibility(visibility);
+        boldButton.setVisibility(visibility);
+    }
+
     private void setStatusVisibility(Status.Visibility visibility) {
         statusVisibility = visibility;
         composeOptionsView.setStatusVisibility(visibility);

app/src/main/res/layout/activity_compose.xml

@@ -47,6 +47,61 @@
             android:textColor="?android:textColorTertiary"
             android:textSize="?attr/status_text_large"
             />
+        
+        <ImageButton
+            android:id="@+id/codeButton"
+            style="?attr/image_button_style"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_gravity="end"
+            android:padding="8dp"
+            android:visibility="gone"
+            android:src="@drawable/md_code"
+            />
+        
+        <ImageButton
+            android:id="@+id/linkButton"
+            style="?attr/image_button_style"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_gravity="end"
+            android:padding="8dp"
+            android:visibility="gone"
+            android:src="@drawable/md_link"
+            />
+        
+        <ImageButton
+            android:id="@+id/strikethroughButton"
+            style="?attr/image_button_style"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_gravity="end"
+            android:padding="8dp"
+            android:visibility="gone"
+            android:src="@drawable/md_strikethrough"
+            />
+        
+        <ImageButton
+            android:id="@+id/italicButton"
+            style="?attr/image_button_style"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_gravity="end"
+            android:padding="8dp"
+            android:visibility="gone"
+            android:src="@drawable/md_italic"
+            />
+        
+        <ImageButton
+            android:id="@+id/boldButton"
+            style="?attr/image_button_style"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_gravity="end"
+            android:padding="8dp"
+            android:visibility="gone"
+            android:src="@drawable/md_bold"
+            />
     </androidx.appcompat.widget.Toolbar>
 
     <androidx.core.widget.NestedScrollView