New login screen

mastodon/build.gradle

@@ -9,7 +9,7 @@ android {
 		applicationId "org.joinmastodon.android"
 		minSdk 23
 		targetSdk 33
-		versionCode 43
+		versionCode 45
 		versionName "1.1.4"
 		testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
 		resConfigs "en", "ar-rSA", "bs-rBA", "ca-rES", "cs-rCZ", "de-rDE", "el-rGR", "es-rES",

mastodon/src/main/java/org/joinmastodon/android/fragments/SplashFragment.java

@@ -1,6 +1,5 @@
 package org.joinmastodon.android.fragments;
 
-import android.content.res.Configuration;
 import android.os.Bundle;
 import android.view.LayoutInflater;
 import android.view.View;
@@ -10,7 +9,8 @@ import android.view.WindowInsets;
 
 import org.joinmastodon.android.MastodonApp;
 import org.joinmastodon.android.R;
-import org.joinmastodon.android.fragments.onboarding.InstanceCatalogFragment;
+import org.joinmastodon.android.fragments.onboarding.InstanceCatalogSignupFragment;
+import org.joinmastodon.android.fragments.onboarding.InstanceChooserLoginFragment;
 import org.joinmastodon.android.ui.InterpolatingMotionEffect;
 import org.joinmastodon.android.ui.views.SizeListenerFrameLayout;
 
@@ -66,8 +66,9 @@ public class SplashFragment extends AppKitFragment{
 
 	private void onButtonClick(View v){
 		Bundle extras=new Bundle();
-		extras.putBoolean("signup", v.getId()==R.id.btn_get_started);
+		boolean isSignup=v.getId()==R.id.btn_get_started;
-		Nav.go(getActivity(), InstanceCatalogFragment.class, extras);
+		extras.putBoolean("signup", isSignup);
+		Nav.go(getActivity(), isSignup ? InstanceCatalogSignupFragment.class : InstanceChooserLoginFragment.class, extras);
 	}
 
 	private void updateArtSize(int w, int h){

mastodon/src/main/java/org/joinmastodon/android/fragments/onboarding/InstanceCatalogFragment.java

@@ -2,46 +2,30 @@ package org.joinmastodon.android.fragments.onboarding;
 
 import android.app.Activity;
 import android.app.ProgressDialog;
-import android.content.Context;
 import android.net.Uri;
 import android.os.Build;
 import android.os.Bundle;
 import android.os.LocaleList;
-import android.text.Editable;
 import android.text.TextUtils;
-import android.text.TextWatcher;
-import android.util.Log;
 import android.view.KeyEvent;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.WindowInsets;
-import android.view.inputmethod.InputMethodManager;
 import android.widget.Button;
 import android.widget.EditText;
-import android.widget.ImageView;
 import android.widget.RadioButton;
 import android.widget.TextView;
 
 import org.joinmastodon.android.R;
 import org.joinmastodon.android.api.MastodonAPIController;
-import org.joinmastodon.android.api.MastodonAPIRequest;
 import org.joinmastodon.android.api.MastodonErrorResponse;
 import org.joinmastodon.android.api.requests.instance.GetInstance;
-import org.joinmastodon.android.api.requests.catalog.GetCatalogCategories;
-import org.joinmastodon.android.api.requests.catalog.GetCatalogInstances;
-import org.joinmastodon.android.api.session.AccountSessionManager;
 import org.joinmastodon.android.model.Instance;
-import org.joinmastodon.android.model.catalog.CatalogCategory;
 import org.joinmastodon.android.model.catalog.CatalogInstance;
-import org.joinmastodon.android.ui.BetterItemAnimator;
-import org.joinmastodon.android.ui.DividerItemDecoration;
 import org.joinmastodon.android.ui.M3AlertDialogBuilder;
-import org.joinmastodon.android.ui.tabs.TabLayout;
 import org.joinmastodon.android.ui.utils.UiUtils;
-import org.parceler.Parcels;
 import org.w3c.dom.Document;
 import org.w3c.dom.Element;
-import org.w3c.dom.Node;
 import org.w3c.dom.NodeList;
 import org.xml.sax.InputSource;
 
@@ -59,49 +43,42 @@ import java.util.stream.Collectors;
 import javax.xml.parsers.DocumentBuilderFactory;
 
 import androidx.annotation.NonNull;
-import androidx.recyclerview.widget.DiffUtil;
 import androidx.recyclerview.widget.RecyclerView;
-import me.grishka.appkit.Nav;
 import me.grishka.appkit.api.Callback;
 import me.grishka.appkit.api.ErrorResponse;
 import me.grishka.appkit.fragments.BaseRecyclerFragment;
 import me.grishka.appkit.utils.BindableViewHolder;
 import me.grishka.appkit.utils.MergeRecyclerAdapter;
-import me.grishka.appkit.utils.SingleViewRecyclerAdapter;
 import me.grishka.appkit.utils.V;
 import me.grishka.appkit.views.UsableRecyclerView;
 import okhttp3.Call;
 import okhttp3.Request;
 import okhttp3.Response;
 
-public class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstance>{
+abstract class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstance>{
-	private InstancesAdapter adapter;
+	protected RecyclerView.Adapter adapter;
-	private MergeRecyclerAdapter mergeAdapter;
+	protected MergeRecyclerAdapter mergeAdapter;
-	private View headerView;
+	protected CatalogInstance chosenInstance;
-	private CatalogInstance chosenInstance;
+	protected Button nextButton;
-	private List<CatalogInstance> filteredData=new ArrayList<>();
+	protected EditText searchEdit;
-	private Button nextButton;
+	protected Runnable searchDebouncer=this::onSearchChangedDebounced;
-	private MastodonAPIRequest<?> getCategoriesRequest;
+	protected String currentSearchQuery;
-	private EditText searchEdit;
+	protected String loadingInstanceDomain;
-	private TabLayout categoriesList;
+	protected HashMap<String, Instance> instancesCache=new HashMap<>();
-	private Runnable searchDebouncer=this::onSearchChangedDebounced;
+	protected View buttonBar;
-	private String currentSearchQuery;
+	protected List<CatalogInstance> filteredData=new ArrayList<>();
-	private String currentCategory="all";
+	protected GetInstance loadingInstanceRequest;
-	private List<CatalogCategory> categories=new ArrayList<>();
+	protected Call loadingInstanceRedirectRequest;
-	private String loadingInstanceDomain;
+	protected ProgressDialog instanceProgressDialog;
-	private GetInstance loadingInstanceRequest;
+	protected HashMap<String, String> redirects=new HashMap<>();
-	private Call loadingInstanceRedirectRequest;
+	protected HashMap<String, String> redirectsInverse=new HashMap<>();
-	private HashMap<String, Instance> instancesCache=new HashMap<>();
+	protected boolean isSignup;
-	private ProgressDialog instanceProgressDialog;
+	protected CatalogInstance fakeInstance=new CatalogInstance();
-	private View buttonBar;
-	private HashMap<String, String> redirects=new HashMap<>(), redirectsInverse=new HashMap<>();
-
-	private boolean isSignup;
 
 	private static final double DUNBAR=Math.log(800);
 
-	public InstanceCatalogFragment(){
+	public InstanceCatalogFragment(int layout, int perPage){
-		super(R.layout.fragment_onboarding_common, 10);
+		super(layout, perPage);
 	}
 
 	@Override
@@ -110,266 +87,9 @@ public class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstanc
 		isSignup=getArguments().getBoolean("signup");
 	}
 
-	@Override
+	protected abstract void proceedWithAuthOrSignup(Instance instance);
-	public void onAttach(Context context){
-		super.onAttach(context);
-		setRefreshEnabled(false);
-		loadData();
-	}
 
-	@Override
+	protected boolean onSearchEnterPressed(TextView v, int actionId, KeyEvent event){
-	protected void doLoadData(int offset, int count){
-		currentRequest=new GetCatalogInstances(null, null)
-				.setCallback(new Callback<>(){
-					@Override
-					public void onSuccess(List<CatalogInstance> result){
-						if(getActivity()==null)
-							return;
-						Map<String, List<CatalogInstance>> byLang=result.stream().collect(Collectors.groupingBy(ci->ci.language));
-						for(List<CatalogInstance> group:byLang.values()){
-							Collections.sort(group, (a, b)->{
-								double aa=Math.abs(DUNBAR-Math.log(a.lastWeekUsers));
-								double bb=Math.abs(DUNBAR-Math.log(b.lastWeekUsers));
-								return Double.compare(aa, bb);
-							});
-						}
-						// get the list of user-configured system languages
-						List<String> userLangs;
-						if(Build.VERSION.SDK_INT<24){
-							userLangs=Collections.singletonList(getResources().getConfiguration().locale.getLanguage());
-						}else{
-							LocaleList ll=getResources().getConfiguration().getLocales();
-							userLangs=new ArrayList<>(ll.size());
-							for(int i=0;i<ll.size();i++){
-								userLangs.add(ll.get(i).getLanguage());
-							}
-						}
-						// add instances in preferred languages to the top of the list, in the order of preference
-						ArrayList<CatalogInstance> sortedList=new ArrayList<>();
-						for(String lang:userLangs){
-							List<CatalogInstance> langInstances=byLang.remove(lang);
-							if(langInstances!=null){
-								sortedList.addAll(langInstances);
-							}
-						}
-						// sort the remaining language groups by aggregate lastWeekUsers
-						class InstanceGroup{
-							public int activeUsers;
-							public List<CatalogInstance> instances;
-						}
-						byLang.values().stream().map(il->{
-							InstanceGroup group=new InstanceGroup();
-							group.instances=il;
-							for(CatalogInstance instance:il){
-								group.activeUsers+=instance.lastWeekUsers;
-							}
-							return group;
-						}).sorted(Comparator.comparingInt((InstanceGroup g)->g.activeUsers).reversed()).forEachOrdered(ig->sortedList.addAll(ig.instances));
-						onDataLoaded(sortedList, false);
-						updateFilteredList();
-					}
-
-					@Override
-					public void onError(ErrorResponse error){
-						error.showToast(getActivity());
-						onDataLoaded(Collections.emptyList(), false);
-					}
-				})
-				.execNoAuth("");
-		getCategoriesRequest=new GetCatalogCategories(null)
-				.setCallback(new Callback<>(){
-					@Override
-					public void onSuccess(List<CatalogCategory> result){
-						getCategoriesRequest=null;
-						CatalogCategory all=new CatalogCategory();
-						all.category="all";
-						categories.add(all);
-						result.stream().sorted(Comparator.comparingInt((CatalogCategory cc)->cc.serversCount).reversed()).forEach(categories::add);
-						updateCategories();
-					}
-
-					@Override
-					public void onError(ErrorResponse error){
-						getCategoriesRequest=null;
-						error.showToast(getActivity());
-						CatalogCategory all=new CatalogCategory();
-						all.category="all";
-						categories.add(all);
-						updateCategories();
-					}
-				})
-				.execNoAuth("");
-	}
-
-	private void updateCategories(){
-		categoriesList.removeAllTabs();
-		for(CatalogCategory cat:categories){
-			int titleRes=getTitleForCategory(cat.category);
-			TabLayout.Tab tab=categoriesList.newTab().setText(titleRes!=0 ? getString(titleRes) : cat.category).setCustomView(R.layout.item_instance_category);
-			ImageView emoji=tab.getCustomView().findViewById(R.id.emoji);
-			emoji.setImageResource(getEmojiForCategory(cat.category));
-			categoriesList.addTab(tab);
-		}
-	}
-
-	@Override
-	public void onDestroy(){
-		super.onDestroy();
-		if(getCategoriesRequest!=null)
-			getCategoriesRequest.cancel();
-	}
-
-	@Override
-	protected RecyclerView.Adapter getAdapter(){
-		headerView=getActivity().getLayoutInflater().inflate(R.layout.header_onboarding_instance_catalog, list, false);
-		searchEdit=headerView.findViewById(R.id.search_edit);
-		categoriesList=headerView.findViewById(R.id.categories_list);
-		categoriesList.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener(){
-			@Override
-			public void onTabSelected(TabLayout.Tab tab){
-				CatalogCategory category=categories.get(tab.getPosition());
-				currentCategory=category.category;
-				updateFilteredList();
-			}
-
-			@Override
-			public void onTabUnselected(TabLayout.Tab tab){
-
-			}
-
-			@Override
-			public void onTabReselected(TabLayout.Tab tab){
-
-			}
-		});
-		searchEdit.setOnEditorActionListener(this::onSearchEnterPressed);
-		searchEdit.addTextChangedListener(new TextWatcher(){
-			@Override
-			public void beforeTextChanged(CharSequence s, int start, int count, int after){
-
-			}
-
-			@Override
-			public void onTextChanged(CharSequence s, int start, int before, int count){
-				searchEdit.removeCallbacks(searchDebouncer);
-				searchEdit.postDelayed(searchDebouncer, 300);
-			}
-
-			@Override
-			public void afterTextChanged(Editable s){
-			}
-		});
-
-		mergeAdapter=new MergeRecyclerAdapter();
-		mergeAdapter.addAdapter(new SingleViewRecyclerAdapter(headerView));
-		mergeAdapter.addAdapter(adapter=new InstancesAdapter());
-		return mergeAdapter;
-	}
-
-	@Override
-	public void onViewCreated(View view, Bundle savedInstanceState){
-		super.onViewCreated(view, savedInstanceState);
-		nextButton=view.findViewById(R.id.btn_next);
-		nextButton.setOnClickListener(this::onNextClick);
-		nextButton.setEnabled(chosenInstance!=null);
-		view.findViewById(R.id.btn_back).setOnClickListener(v->Nav.finish(this));
-		list.setItemAnimator(new BetterItemAnimator());
-		list.addItemDecoration(new DividerItemDecoration(getActivity(), R.attr.colorPollVoted, 1, 16, 16, DividerItemDecoration.NOT_FIRST));
-		view.setBackgroundColor(UiUtils.getThemeColor(getActivity(), R.attr.colorBackgroundLight));
-		buttonBar=view.findViewById(R.id.button_bar);
-		setStatusBarColor(UiUtils.getThemeColor(getActivity(), R.attr.colorBackgroundLight));
-	}
-
-	private void onNextClick(View v){
-		String domain=chosenInstance.domain;
-		Instance instance=instancesCache.get(domain);
-		if(instance!=null){
-			proceedWithAuthOrSignup(instance);
-		}else{
-			showProgressDialog();
-			if(!domain.equals(loadingInstanceDomain)){
-				loadInstanceInfo(domain, false);
-			}
-		}
-	}
-
-	private void proceedWithAuthOrSignup(Instance instance){
-		getActivity().getSystemService(InputMethodManager.class).hideSoftInputFromWindow(contentView.getWindowToken(), 0);
-		if(isSignup){
-			if(!instance.registrations){
-				new M3AlertDialogBuilder(getActivity())
-						.setTitle(R.string.error)
-						.setMessage(R.string.instance_signup_closed)
-						.setPositiveButton(R.string.ok, null)
-						.show();
-				return;
-			}
-			Bundle args=new Bundle();
-			args.putParcelable("instance", Parcels.wrap(instance));
-			Nav.go(getActivity(), InstanceRulesFragment.class, args);
-		}else{
-			AccountSessionManager.getInstance().authenticate(getActivity(), instance);
-		}
-	}
-
-//	private String getEmojiForCategory(String category){
-//		return switch(category){
-//			case "all" -> "💬";
-//			case "academia" -> "📚";
-//			case "activism" -> "✊";
-//			case "food" -> "🍕";
-//			case "furry" -> "🦁";
-//			case "games" -> "🕹";
-//			case "general" -> "🐘";
-//			case "journalism" -> "📰";
-//			case "lgbt" -> "🏳️‍🌈";
-//			case "regional" -> "📍";
-//			case "art" -> "🎨";
-//			case "music" -> "🎼";
-//			case "tech" -> "📱";
-//			default -> "❓";
-//		};
-//	}
-
-	private int getEmojiForCategory(String category){
-		return switch(category){
-			case "all" -> R.drawable.ic_category_all;
-			case "academia" -> R.drawable.ic_category_academia;
-			case "activism" -> R.drawable.ic_category_activism;
-			case "food" -> R.drawable.ic_category_food;
-			case "furry" -> R.drawable.ic_category_furry;
-			case "games" -> R.drawable.ic_category_games;
-			case "general" -> R.drawable.ic_category_general;
-			case "journalism" -> R.drawable.ic_category_journalism;
-			case "lgbt" -> R.drawable.ic_category_lgbt;
-			case "regional" -> R.drawable.ic_category_regional;
-			case "art" -> R.drawable.ic_category_art;
-			case "music" -> R.drawable.ic_category_music;
-			case "tech" -> R.drawable.ic_category_tech;
-			default -> R.drawable.ic_category_unknown;
-		};
-	}
-
-	private int getTitleForCategory(String category){
-		return switch(category){
-			case "all" -> R.string.category_all;
-			case "academia" -> R.string.category_academia;
-			case "activism" -> R.string.category_activism;
-			case "food" -> R.string.category_food;
-			case "furry" -> R.string.category_furry;
-			case "games" -> R.string.category_games;
-			case "general" -> R.string.category_general;
-			case "journalism" -> R.string.category_journalism;
-			case "lgbt" -> R.string.category_lgbt;
-			case "regional" -> R.string.category_regional;
-			case "art" -> R.string.category_art;
-			case "music" -> R.string.category_music;
-			case "tech" -> R.string.category_tech;
-			default -> 0;
-		};
-	}
-
-	private boolean onSearchEnterPressed(TextView v, int actionId, KeyEvent event){
 		if(event!=null && event.getAction()!=KeyEvent.ACTION_DOWN)
 			return true;
 		currentSearchQuery=searchEdit.getText().toString().toLowerCase();
@@ -385,60 +105,73 @@ public class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstanc
 		return true;
 	}
 
-	private void onSearchChangedDebounced(){
+	protected void onSearchChangedDebounced(){
 		currentSearchQuery=searchEdit.getText().toString().toLowerCase();
 		updateFilteredList();
 		loadInstanceInfo(currentSearchQuery, false);
 	}
 
-	private void updateFilteredList(){
+	protected List<CatalogInstance> sortInstances(List<CatalogInstance> result){
-		ArrayList<CatalogInstance> prevData=new ArrayList<>(filteredData);
+		Map<String, List<CatalogInstance>> byLang=result.stream().collect(Collectors.groupingBy(ci->ci.language));
-		filteredData.clear();
+		for(List<CatalogInstance> group:byLang.values()){
-		for(CatalogInstance instance:data){
+			Collections.sort(group, (a, b)->{
-			if(currentCategory.equals("all") || instance.categories.contains(currentCategory)){
+				double aa=Math.abs(DUNBAR-Math.log(a.lastWeekUsers));
-				if(TextUtils.isEmpty(currentSearchQuery) || instance.domain.contains(currentSearchQuery)){
+				double bb=Math.abs(DUNBAR-Math.log(b.lastWeekUsers));
-					if(instance.domain.equals(currentSearchQuery) || !isSignup || !instance.approvalRequired)
+				return Double.compare(aa, bb);
-						filteredData.add(instance);
+			});
-				}
+		}
+		// get the list of user-configured system languages
+		List<String> userLangs;
+		if(Build.VERSION.SDK_INT<24){
+			userLangs=Collections.singletonList(getResources().getConfiguration().locale.getLanguage());
+		}else{
+			LocaleList ll=getResources().getConfiguration().getLocales();
+			userLangs=new ArrayList<>(ll.size());
+			for(int i=0;i<ll.size();i++){
+				userLangs.add(ll.get(i).getLanguage());
 			}
 		}
-		DiffUtil.calculateDiff(new DiffUtil.Callback(){
+		// add instances in preferred languages to the top of the list, in the order of preference
-			@Override
+		ArrayList<CatalogInstance> sortedList=new ArrayList<>();
-			public int getOldListSize(){
+		for(String lang:userLangs){
-				return prevData.size();
+			List<CatalogInstance> langInstances=byLang.remove(lang);
+			if(langInstances!=null){
+				sortedList.addAll(langInstances);
 			}
-
+		}
-			@Override
+		// sort the remaining language groups by aggregate lastWeekUsers
-			public int getNewListSize(){
+		class InstanceGroup{
-				return filteredData.size();
+			public int activeUsers;
+			public List<CatalogInstance> instances;
+		}
+		byLang.values().stream().map(il->{
+			InstanceGroup group=new InstanceGroup();
+			group.instances=il;
+			for(CatalogInstance instance:il){
+				group.activeUsers+=instance.lastWeekUsers;
 			}
-
+			return group;
-			@Override
+		}).sorted(Comparator.comparingInt((InstanceGroup g)->g.activeUsers).reversed()).forEachOrdered(ig->sortedList.addAll(ig.instances));
-			public boolean areItemsTheSame(int oldItemPosition, int newItemPosition){
+		return sortedList;
-				return prevData.get(oldItemPosition)==filteredData.get(newItemPosition);
-			}
-
-			@Override
-			public boolean areContentsTheSame(int oldItemPosition, int newItemPosition){
-				return prevData.get(oldItemPosition)==filteredData.get(newItemPosition);
-			}
-		}).dispatchUpdatesTo(adapter);
 	}
 
-	private void showProgressDialog(){
+	protected abstract void updateFilteredList();
+
+	protected void showProgressDialog(){
 		instanceProgressDialog=new ProgressDialog(getActivity());
 		instanceProgressDialog.setMessage(getString(R.string.loading_instance));
 		instanceProgressDialog.setOnCancelListener(dialog->cancelLoadingInstanceInfo());
 		instanceProgressDialog.show();
 	}
 
-	private String normalizeInstanceDomain(String _domain){
+	protected String normalizeInstanceDomain(String _domain){
 		if(TextUtils.isEmpty(_domain))
 			return null;
 		if(_domain.contains(":")){
 			try{
 				_domain=Uri.parse(_domain).getAuthority();
-			}catch(Exception ignore){}
+			}catch(Exception ignore){
+			}
 			if(TextUtils.isEmpty(_domain))
 				return null;
 		}
@@ -453,12 +186,12 @@ public class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstanc
 		return domain;
 	}
 
-	private void loadInstanceInfo(String _domain, boolean isFromRedirect){
+	protected void loadInstanceInfo(String _domain, boolean isFromRedirect){
 		String domain=normalizeInstanceDomain(_domain);
 		Instance cachedInstance=instancesCache.get(domain);
 		if(cachedInstance!=null){
-			for(CatalogInstance ci:filteredData){
+			for(CatalogInstance ci : filteredData){
-				if(ci.domain.equals(domain))
+				if(ci.domain.equals(domain) && ci!=fakeInstance)
 					return;
 			}
 			CatalogInstance ci=cachedInstance.toCatalogInstance();
@@ -476,44 +209,57 @@ public class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstanc
 		loadingInstanceDomain=domain;
 		loadingInstanceRequest=new GetInstance();
 		loadingInstanceRequest.setCallback(new Callback<>(){
-					@Override
+			@Override
-					public void onSuccess(Instance result){
+			public void onSuccess(Instance result){
-						loadingInstanceRequest=null;
+				loadingInstanceRequest=null;
-						loadingInstanceDomain=null;
+				loadingInstanceDomain=null;
-						result.uri=domain; // needed for instances that use domain redirection
+				result.uri=domain; // needed for instances that use domain redirection
-						instancesCache.put(domain, result);
+				instancesCache.put(domain, result);
-						if(instanceProgressDialog!=null){
+				if(instanceProgressDialog!=null){
-							instanceProgressDialog.dismiss();
+					instanceProgressDialog.dismiss();
-							instanceProgressDialog=null;
+					instanceProgressDialog=null;
-							proceedWithAuthOrSignup(result);
+					proceedWithAuthOrSignup(result);
-						}
+				}
-						if(Objects.equals(domain, currentSearchQuery) || Objects.equals(currentSearchQuery, redirects.get(domain)) || Objects.equals(currentSearchQuery, redirectsInverse.get(domain))){
+				if(Objects.equals(domain, currentSearchQuery) || Objects.equals(currentSearchQuery, redirects.get(domain)) || Objects.equals(currentSearchQuery, redirectsInverse.get(domain))){
-							boolean found=false;
+					boolean found=false;
-							for(CatalogInstance ci:filteredData){
+					for(CatalogInstance ci : filteredData){
-								if(ci.domain.equals(domain)){
+						if(ci.domain.equals(domain) && ci!=fakeInstance){
-									found=true;
+							found=true;
-									break;
+							break;
-								}
-							}
-							if(!found){
-								CatalogInstance ci=result.toCatalogInstance();
-								filteredData.add(0, ci);
-								adapter.notifyItemInserted(0);
-							}
 						}
 					}
+					if(!found){
+						CatalogInstance ci=result.toCatalogInstance();
+						if(filteredData.size()==1 && filteredData.get(0)==fakeInstance){
+							filteredData.set(0, ci);
+							adapter.notifyItemChanged(0);
+						}else{
+							filteredData.add(0, ci);
+							adapter.notifyItemInserted(0);
+						}
+					}
+				}
+			}
 
-					@Override
+			@Override
-					public void onError(ErrorResponse error){
+			public void onError(ErrorResponse error){
-						loadingInstanceRequest=null;
+				loadingInstanceRequest=null;
-						if(!isFromRedirect && error instanceof MastodonErrorResponse me && me.httpStatus==404){
+				if(!isFromRedirect && error instanceof MastodonErrorResponse me && me.httpStatus==404){
-							fetchDomainFromHostMetaAndMaybeRetry(domain, error);
+					fetchDomainFromHostMetaAndMaybeRetry(domain, error);
-							return;
+					return;
+				}
+				loadingInstanceDomain=null;
+				showInstanceInfoLoadError(domain, error);
+				if(fakeInstance!=null){
+					fakeInstance.description=getString(R.string.error);
+					if(filteredData.size()>0 && filteredData.get(0)==fakeInstance){
+						if(list.findViewHolderForAdapterPosition(1) instanceof BindableViewHolder<?> ivh){
+							ivh.rebind();
 						}
-						loadingInstanceDomain=null;
-						showInstanceInfoLoadError(domain, error);
 					}
-				}).execNoAuth(domain);
+				}
+			}
+		}).execNoAuth(domain);
 	}
 
 	private void cancelLoadingInstanceInfo(){
@@ -584,7 +330,7 @@ public class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstanc
 					InputSource source=new InputSource(response.body().charStream());
 					Document doc=DocumentBuilderFactory.newInstance().newDocumentBuilder().parse(source);
 					NodeList list=doc.getElementsByTagName("Link");
-					for(int i=0;i<list.getLength();i++){
+					for(int i=0; i<list.getLength(); i++){
 						if(list.item(i) instanceof Element el){
 							String template=el.getAttribute("template");
 							if("lrdd".equals(el.getAttribute("rel")) && !TextUtils.isEmpty(template) && template.contains("{uri}")){
@@ -616,78 +362,26 @@ public class InstanceCatalogFragment extends BaseRecyclerFragment<CatalogInstanc
 		}
 	}
 
-	private class InstancesAdapter extends UsableRecyclerView.Adapter<InstanceViewHolder>{
+	@Override
-		public InstancesAdapter(){
+	public void onViewCreated(View view, Bundle savedInstanceState){
-			super(imgLoader);
+		super.onViewCreated(view, savedInstanceState);
-		}
+		nextButton=view.findViewById(R.id.btn_next);
-
+		nextButton.setOnClickListener(this::onNextClick);
-		@NonNull
+		nextButton.setEnabled(chosenInstance!=null);
-		@Override
+		buttonBar=view.findViewById(R.id.button_bar);
-		public InstanceViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType){
+		setRefreshEnabled(false);
-			return new InstanceViewHolder();
-		}
-
-		@Override
-		public void onBindViewHolder(InstanceViewHolder holder, int position){
-			holder.bind(filteredData.get(position));
-			super.onBindViewHolder(holder, position);
-		}
-
-		@Override
-		public int getItemCount(){
-			return filteredData.size();
-		}
-
-		@Override
-		public int getItemViewType(int position){
-			return -1;
-		}
 	}
 
-	private class InstanceViewHolder extends BindableViewHolder<CatalogInstance> implements UsableRecyclerView.Clickable{
+	protected void onNextClick(View v){
-		private final TextView title, description, userCount, lang;
+		String domain=chosenInstance.domain;
-		private final RadioButton radioButton;
+		Instance instance=instancesCache.get(domain);
-
+		if(instance!=null){
-		public InstanceViewHolder(){
+			proceedWithAuthOrSignup(instance);
-			super(getActivity(), R.layout.item_instance_catalog, list);
+		}else{
-			title=findViewById(R.id.title);
+			showProgressDialog();
-			description=findViewById(R.id.description);
+			if(!domain.equals(loadingInstanceDomain)){
-			userCount=findViewById(R.id.user_count);
+				loadInstanceInfo(domain, false);
-			lang=findViewById(R.id.lang);
-			radioButton=findViewById(R.id.radiobtn);
-			if(Build.VERSION.SDK_INT<Build.VERSION_CODES.N){
-				UiUtils.fixCompoundDrawableTintOnAndroid6(userCount);
-				UiUtils.fixCompoundDrawableTintOnAndroid6(lang);
 			}
 		}
-
-		@Override
-		public void onBind(CatalogInstance item){
-			title.setText(item.normalizedDomain);
-			description.setText(item.description);
-			userCount.setText(UiUtils.abbreviateNumber(item.totalUsers));
-			lang.setText(item.language.toUpperCase());
-			radioButton.setChecked(chosenInstance==item);
-		}
-
-		@Override
-		public void onClick(){
-			if(chosenInstance==item)
-				return;
-			if(chosenInstance!=null){
-				int idx=filteredData.indexOf(chosenInstance);
-				if(idx!=-1){
-					RecyclerView.ViewHolder holder=list.findViewHolderForAdapterPosition(mergeAdapter.getPositionForAdapter(adapter)+idx);
-					if(holder instanceof InstanceViewHolder ivh){
-						ivh.radioButton.setChecked(false);
-					}
-				}
-			}
-			radioButton.setChecked(true);
-			if(chosenInstance==null)
-				nextButton.setEnabled(true);
-			chosenInstance=item;
-			loadInstanceInfo(chosenInstance.domain, false);
-		}
 	}
 }

mastodon/src/main/java/org/joinmastodon/android/fragments/onboarding/InstanceCatalogSignupFragment.java

@@ -0,0 +1,374 @@
+package org.joinmastodon.android.fragments.onboarding;
+
+import android.content.Context;
+import android.os.Build;
+import android.os.Bundle;
+import android.os.LocaleList;
+import android.text.Editable;
+import android.text.TextUtils;
+import android.text.TextWatcher;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.inputmethod.InputMethodManager;
+import android.widget.ImageView;
+import android.widget.RadioButton;
+import android.widget.TextView;
+
+import org.joinmastodon.android.R;
+import org.joinmastodon.android.api.MastodonAPIRequest;
+import org.joinmastodon.android.api.requests.catalog.GetCatalogCategories;
+import org.joinmastodon.android.api.requests.catalog.GetCatalogInstances;
+import org.joinmastodon.android.api.session.AccountSessionManager;
+import org.joinmastodon.android.model.Instance;
+import org.joinmastodon.android.model.catalog.CatalogCategory;
+import org.joinmastodon.android.model.catalog.CatalogInstance;
+import org.joinmastodon.android.ui.BetterItemAnimator;
+import org.joinmastodon.android.ui.DividerItemDecoration;
+import org.joinmastodon.android.ui.M3AlertDialogBuilder;
+import org.joinmastodon.android.ui.tabs.TabLayout;
+import org.joinmastodon.android.ui.utils.UiUtils;
+import org.parceler.Parcels;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.Comparator;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.DiffUtil;
+import androidx.recyclerview.widget.RecyclerView;
+import me.grishka.appkit.Nav;
+import me.grishka.appkit.api.Callback;
+import me.grishka.appkit.api.ErrorResponse;
+import me.grishka.appkit.utils.BindableViewHolder;
+import me.grishka.appkit.utils.MergeRecyclerAdapter;
+import me.grishka.appkit.utils.SingleViewRecyclerAdapter;
+import me.grishka.appkit.views.UsableRecyclerView;
+
+public class InstanceCatalogSignupFragment extends InstanceCatalogFragment{
+	private View headerView;
+	private MastodonAPIRequest<?> getCategoriesRequest;
+	private TabLayout categoriesList;
+	private String currentCategory="all";
+	private List<CatalogCategory> categories=new ArrayList<>();
+
+
+	public InstanceCatalogSignupFragment(){
+		super(R.layout.fragment_onboarding_common, 10);
+	}
+
+	@Override
+	public void onAttach(Context context){
+		super.onAttach(context);
+		setRefreshEnabled(false);
+		loadData();
+	}
+
+	@Override
+	protected void doLoadData(int offset, int count){
+		currentRequest=new GetCatalogInstances(null, null)
+				.setCallback(new Callback<>(){
+					@Override
+					public void onSuccess(List<CatalogInstance> result){
+						if(getActivity()==null)
+							return;
+						onDataLoaded(sortInstances(result), false);
+						updateFilteredList();
+					}
+
+					@Override
+					public void onError(ErrorResponse error){
+						error.showToast(getActivity());
+						onDataLoaded(Collections.emptyList(), false);
+					}
+				})
+				.execNoAuth("");
+		getCategoriesRequest=new GetCatalogCategories(null)
+				.setCallback(new Callback<>(){
+					@Override
+					public void onSuccess(List<CatalogCategory> result){
+						getCategoriesRequest=null;
+						CatalogCategory all=new CatalogCategory();
+						all.category="all";
+						categories.add(all);
+						result.stream().sorted(Comparator.comparingInt((CatalogCategory cc)->cc.serversCount).reversed()).forEach(categories::add);
+						updateCategories();
+					}
+
+					@Override
+					public void onError(ErrorResponse error){
+						getCategoriesRequest=null;
+						error.showToast(getActivity());
+						CatalogCategory all=new CatalogCategory();
+						all.category="all";
+						categories.add(all);
+						updateCategories();
+					}
+				})
+				.execNoAuth("");
+	}
+
+	private void updateCategories(){
+		categoriesList.removeAllTabs();
+		for(CatalogCategory cat:categories){
+			int titleRes=getTitleForCategory(cat.category);
+			TabLayout.Tab tab=categoriesList.newTab().setText(titleRes!=0 ? getString(titleRes) : cat.category).setCustomView(R.layout.item_instance_category);
+			ImageView emoji=tab.getCustomView().findViewById(R.id.emoji);
+			emoji.setImageResource(getEmojiForCategory(cat.category));
+			categoriesList.addTab(tab);
+		}
+	}
+
+	@Override
+	public void onDestroy(){
+		super.onDestroy();
+		if(getCategoriesRequest!=null)
+			getCategoriesRequest.cancel();
+	}
+
+	@Override
+	protected RecyclerView.Adapter getAdapter(){
+		headerView=getActivity().getLayoutInflater().inflate(R.layout.header_onboarding_instance_catalog, list, false);
+		searchEdit=headerView.findViewById(R.id.search_edit);
+		categoriesList=headerView.findViewById(R.id.categories_list);
+		categoriesList.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener(){
+			@Override
+			public void onTabSelected(TabLayout.Tab tab){
+				CatalogCategory category=categories.get(tab.getPosition());
+				currentCategory=category.category;
+				updateFilteredList();
+			}
+
+			@Override
+			public void onTabUnselected(TabLayout.Tab tab){
+
+			}
+
+			@Override
+			public void onTabReselected(TabLayout.Tab tab){
+
+			}
+		});
+		searchEdit.setOnEditorActionListener(this::onSearchEnterPressed);
+		searchEdit.addTextChangedListener(new TextWatcher(){
+			@Override
+			public void beforeTextChanged(CharSequence s, int start, int count, int after){
+
+			}
+
+			@Override
+			public void onTextChanged(CharSequence s, int start, int before, int count){
+				searchEdit.removeCallbacks(searchDebouncer);
+				searchEdit.postDelayed(searchDebouncer, 300);
+			}
+
+			@Override
+			public void afterTextChanged(Editable s){
+			}
+		});
+
+		mergeAdapter=new MergeRecyclerAdapter();
+		mergeAdapter.addAdapter(new SingleViewRecyclerAdapter(headerView));
+		mergeAdapter.addAdapter(adapter=new InstancesAdapter());
+		return mergeAdapter;
+	}
+
+	@Override
+	public void onViewCreated(View view, Bundle savedInstanceState){
+		super.onViewCreated(view, savedInstanceState);
+		view.findViewById(R.id.btn_back).setOnClickListener(v->Nav.finish(this));
+		list.setItemAnimator(new BetterItemAnimator());
+		list.addItemDecoration(new DividerItemDecoration(getActivity(), R.attr.colorPollVoted, 1, 16, 16, DividerItemDecoration.NOT_FIRST));
+		view.setBackgroundColor(UiUtils.getThemeColor(getActivity(), R.attr.colorBackgroundLight));
+		setStatusBarColor(UiUtils.getThemeColor(getActivity(), R.attr.colorBackgroundLight));
+	}
+
+	@Override
+	protected void proceedWithAuthOrSignup(Instance instance){
+		getActivity().getSystemService(InputMethodManager.class).hideSoftInputFromWindow(contentView.getWindowToken(), 0);
+		if(isSignup){
+			if(!instance.registrations){
+				new M3AlertDialogBuilder(getActivity())
+						.setTitle(R.string.error)
+						.setMessage(R.string.instance_signup_closed)
+						.setPositiveButton(R.string.ok, null)
+						.show();
+				return;
+			}
+			Bundle args=new Bundle();
+			args.putParcelable("instance", Parcels.wrap(instance));
+			Nav.go(getActivity(), InstanceRulesFragment.class, args);
+		}else{
+		}
+	}
+
+//	private String getEmojiForCategory(String category){
+//		return switch(category){
+//			case "all" -> "💬";
+//			case "academia" -> "📚";
+//			case "activism" -> "✊";
+//			case "food" -> "🍕";
+//			case "furry" -> "🦁";
+//			case "games" -> "🕹";
+//			case "general" -> "🐘";
+//			case "journalism" -> "📰";
+//			case "lgbt" -> "🏳️‍🌈";
+//			case "regional" -> "📍";
+//			case "art" -> "🎨";
+//			case "music" -> "🎼";
+//			case "tech" -> "📱";
+//			default -> "❓";
+//		};
+//	}
+
+	private int getEmojiForCategory(String category){
+		return switch(category){
+			case "all" -> R.drawable.ic_category_all;
+			case "academia" -> R.drawable.ic_category_academia;
+			case "activism" -> R.drawable.ic_category_activism;
+			case "food" -> R.drawable.ic_category_food;
+			case "furry" -> R.drawable.ic_category_furry;
+			case "games" -> R.drawable.ic_category_games;
+			case "general" -> R.drawable.ic_category_general;
+			case "journalism" -> R.drawable.ic_category_journalism;
+			case "lgbt" -> R.drawable.ic_category_lgbt;
+			case "regional" -> R.drawable.ic_category_regional;
+			case "art" -> R.drawable.ic_category_art;
+			case "music" -> R.drawable.ic_category_music;
+			case "tech" -> R.drawable.ic_category_tech;
+			default -> R.drawable.ic_category_unknown;
+		};
+	}
+
+	private int getTitleForCategory(String category){
+		return switch(category){
+			case "all" -> R.string.category_all;
+			case "academia" -> R.string.category_academia;
+			case "activism" -> R.string.category_activism;
+			case "food" -> R.string.category_food;
+			case "furry" -> R.string.category_furry;
+			case "games" -> R.string.category_games;
+			case "general" -> R.string.category_general;
+			case "journalism" -> R.string.category_journalism;
+			case "lgbt" -> R.string.category_lgbt;
+			case "regional" -> R.string.category_regional;
+			case "art" -> R.string.category_art;
+			case "music" -> R.string.category_music;
+			case "tech" -> R.string.category_tech;
+			default -> 0;
+		};
+	}
+
+	@Override
+	protected void updateFilteredList(){
+		ArrayList<CatalogInstance> prevData=new ArrayList<>(filteredData);
+		filteredData.clear();
+		for(CatalogInstance instance:data){
+			if(currentCategory.equals("all") || instance.categories.contains(currentCategory)){
+				if(TextUtils.isEmpty(currentSearchQuery) || instance.domain.contains(currentSearchQuery)){
+					if(instance.domain.equals(currentSearchQuery) || !isSignup || !instance.approvalRequired)
+						filteredData.add(instance);
+				}
+			}
+		}
+		DiffUtil.calculateDiff(new DiffUtil.Callback(){
+			@Override
+			public int getOldListSize(){
+				return prevData.size();
+			}
+
+			@Override
+			public int getNewListSize(){
+				return filteredData.size();
+			}
+
+			@Override
+			public boolean areItemsTheSame(int oldItemPosition, int newItemPosition){
+				return prevData.get(oldItemPosition)==filteredData.get(newItemPosition);
+			}
+
+			@Override
+			public boolean areContentsTheSame(int oldItemPosition, int newItemPosition){
+				return prevData.get(oldItemPosition)==filteredData.get(newItemPosition);
+			}
+		}).dispatchUpdatesTo(adapter);
+	}
+
+
+	private class InstancesAdapter extends UsableRecyclerView.Adapter<InstanceCatalogSignupFragment.InstanceViewHolder>{
+		public InstancesAdapter(){
+			super(imgLoader);
+		}
+
+		@NonNull
+		@Override
+		public InstanceCatalogSignupFragment.InstanceViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType){
+			return new InstanceCatalogSignupFragment.InstanceViewHolder();
+		}
+
+		@Override
+		public void onBindViewHolder(InstanceCatalogSignupFragment.InstanceViewHolder holder, int position){
+			holder.bind(filteredData.get(position));
+			super.onBindViewHolder(holder, position);
+		}
+
+		@Override
+		public int getItemCount(){
+			return filteredData.size();
+		}
+
+		@Override
+		public int getItemViewType(int position){
+			return -1;
+		}
+	}
+
+	private class InstanceViewHolder extends BindableViewHolder<CatalogInstance> implements UsableRecyclerView.Clickable{
+		private final TextView title, description, userCount, lang;
+		private final RadioButton radioButton;
+
+		public InstanceViewHolder(){
+			super(getActivity(), R.layout.item_instance_catalog, list);
+			title=findViewById(R.id.title);
+			description=findViewById(R.id.description);
+			userCount=findViewById(R.id.user_count);
+			lang=findViewById(R.id.lang);
+			radioButton=findViewById(R.id.radiobtn);
+			if(Build.VERSION.SDK_INT<Build.VERSION_CODES.N){
+				UiUtils.fixCompoundDrawableTintOnAndroid6(userCount);
+				UiUtils.fixCompoundDrawableTintOnAndroid6(lang);
+			}
+		}
+
+		@Override
+		public void onBind(CatalogInstance item){
+			title.setText(item.normalizedDomain);
+			description.setText(item.description);
+			userCount.setText(UiUtils.abbreviateNumber(item.totalUsers));
+			lang.setText(item.language.toUpperCase());
+			radioButton.setChecked(chosenInstance==item);
+		}
+
+		@Override
+		public void onClick(){
+			if(chosenInstance==item)
+				return;
+			if(chosenInstance!=null){
+				int idx=filteredData.indexOf(chosenInstance);
+				if(idx!=-1){
+					RecyclerView.ViewHolder holder=list.findViewHolderForAdapterPosition(mergeAdapter.getPositionForAdapter(adapter)+idx);
+					if(holder instanceof InstanceCatalogSignupFragment.InstanceViewHolder ivh){
+						ivh.radioButton.setChecked(false);
+					}
+				}
+			}
+			radioButton.setChecked(true);
+			if(chosenInstance==null)
+				nextButton.setEnabled(true);
+			chosenInstance=item;
+			loadInstanceInfo(chosenInstance.domain, false);
+		}
+	}
+}

mastodon/src/main/java/org/joinmastodon/android/fragments/onboarding/InstanceChooserLoginFragment.java

@@ -0,0 +1,256 @@
+package org.joinmastodon.android.fragments.onboarding;
+
+import android.graphics.Canvas;
+import android.graphics.Outline;
+import android.graphics.Rect;
+import android.graphics.RectF;
+import android.os.Build;
+import android.os.Bundle;
+import android.text.Editable;
+import android.text.TextWatcher;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.ViewOutlineProvider;
+import android.widget.ImageButton;
+import android.widget.RadioButton;
+import android.widget.TextView;
+import android.widget.Toolbar;
+
+import org.joinmastodon.android.R;
+import org.joinmastodon.android.api.requests.catalog.GetCatalogInstances;
+import org.joinmastodon.android.api.session.AccountSessionManager;
+import org.joinmastodon.android.model.Instance;
+import org.joinmastodon.android.model.catalog.CatalogInstance;
+import org.joinmastodon.android.ui.utils.UiUtils;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Objects;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import me.grishka.appkit.api.Callback;
+import me.grishka.appkit.api.ErrorResponse;
+import me.grishka.appkit.utils.BindableViewHolder;
+import me.grishka.appkit.utils.MergeRecyclerAdapter;
+import me.grishka.appkit.utils.SingleViewRecyclerAdapter;
+import me.grishka.appkit.utils.V;
+import me.grishka.appkit.views.UsableRecyclerView;
+
+public class InstanceChooserLoginFragment extends InstanceCatalogFragment{
+	private View headerView;
+	private boolean loadedAutocomplete;
+	private ImageButton clearBtn;
+
+	public InstanceChooserLoginFragment(){
+		super(R.layout.fragment_login, 10);
+	}
+
+	@Override
+	public void onCreate(Bundle savedInstanceState){
+		super.onCreate(savedInstanceState);
+		dataLoaded();
+		setTitle(R.string.login_title);
+		if(!loadedAutocomplete){
+			loadAutocompleteServers();
+		}
+	}
+
+	@Override
+	protected void proceedWithAuthOrSignup(Instance instance){
+		AccountSessionManager.getInstance().authenticate(getActivity(), instance);
+	}
+
+	@Override
+	protected void updateFilteredList(){
+		ArrayList<CatalogInstance> prevData=new ArrayList<>(filteredData);
+		filteredData.clear();
+		if(currentSearchQuery.length()>0){
+			boolean foundExactMatch=false;
+			for(CatalogInstance inst:data){
+				if(inst.normalizedDomain.contains(currentSearchQuery)){
+					filteredData.add(inst);
+					if(inst.normalizedDomain.equals(currentSearchQuery))
+						foundExactMatch=true;
+				}
+			}
+			if(!foundExactMatch)
+				filteredData.add(0, fakeInstance);
+		}
+		UiUtils.updateList(prevData, filteredData, list, adapter, Objects::equals);
+		for(int i=0;i<list.getChildCount();i++){
+			list.getChildAt(i).invalidateOutline();
+		}
+	}
+
+	@Override
+	protected void doLoadData(int offset, int count){
+
+	}
+
+	private void loadAutocompleteServers(){
+		loadedAutocomplete=true;
+		new GetCatalogInstances(null, null)
+				.setCallback(new Callback<>(){
+					@Override
+					public void onSuccess(List<CatalogInstance> result){
+						data.clear();
+						data.addAll(sortInstances(result));
+					}
+
+					@Override
+					public void onError(ErrorResponse error){
+
+					}
+				})
+				.execNoAuth("");
+	}
+
+	@Override
+	protected void onUpdateToolbar(){
+		super.onUpdateToolbar();
+		Toolbar toolbar=getToolbar();
+		toolbar.setElevation(0);
+		toolbar.setBackground(null);
+	}
+
+	@Override
+	protected RecyclerView.Adapter getAdapter(){
+		headerView=getActivity().getLayoutInflater().inflate(R.layout.header_onboarding_login, list, false);
+		clearBtn=headerView.findViewById(R.id.search_clear);
+		searchEdit=headerView.findViewById(R.id.search_edit);
+		searchEdit.setOnEditorActionListener(this::onSearchEnterPressed);
+		searchEdit.addTextChangedListener(new TextWatcher(){
+			@Override
+			public void beforeTextChanged(CharSequence s, int start, int count, int after){
+
+			}
+
+			@Override
+			public void onTextChanged(CharSequence s, int start, int before, int count){
+				searchEdit.removeCallbacks(searchDebouncer);
+				searchEdit.postDelayed(searchDebouncer, 300);
+
+				if(s.length()>0){
+					fakeInstance.domain=fakeInstance.normalizedDomain=s.toString();
+					fakeInstance.description=getString(R.string.loading_instance);
+					if(filteredData.size()>0 && filteredData.get(0)==fakeInstance){
+						if(list.findViewHolderForAdapterPosition(1) instanceof InstanceViewHolder ivh){
+							ivh.rebind();
+						}
+					}
+					if(filteredData.isEmpty()){
+						filteredData.add(fakeInstance);
+						adapter.notifyItemInserted(0);
+					}
+					clearBtn.setVisibility(View.VISIBLE);
+				}else{
+					clearBtn.setVisibility(View.GONE);
+				}
+			}
+
+			@Override
+			public void afterTextChanged(Editable s){
+			}
+		});
+		clearBtn.setOnClickListener(v->searchEdit.setText(""));
+
+		mergeAdapter=new MergeRecyclerAdapter();
+		mergeAdapter.addAdapter(new SingleViewRecyclerAdapter(headerView));
+		mergeAdapter.addAdapter(adapter=new InstancesAdapter());
+		return mergeAdapter;
+	}
+
+	@Override
+	public void onViewCreated(View view, Bundle savedInstanceState){
+		super.onViewCreated(view, savedInstanceState);
+		setStatusBarColor(UiUtils.getThemeColor(getActivity(), R.attr.colorM3Background));
+
+		list.addItemDecoration(new RecyclerView.ItemDecoration(){
+			@Override
+			public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state){
+				if(parent.getChildViewHolder(view) instanceof InstanceViewHolder){
+					outRect.left=outRect.right=V.dp(16);
+				}
+			}
+		});
+		((UsableRecyclerView)list).setDrawSelectorOnTop(true);
+	}
+
+	private class InstancesAdapter extends UsableRecyclerView.Adapter<InstanceViewHolder>{
+		public InstancesAdapter(){
+			super(imgLoader);
+		}
+
+		@NonNull
+		@Override
+		public InstanceViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType){
+			return new InstanceViewHolder();
+		}
+
+		@Override
+		public void onBindViewHolder(InstanceViewHolder holder, int position){
+			holder.bind(filteredData.get(position));
+			super.onBindViewHolder(holder, position);
+		}
+
+		@Override
+		public int getItemCount(){
+			return filteredData.size();
+		}
+
+		@Override
+		public int getItemViewType(int position){
+			return -1;
+		}
+	}
+
+	private class InstanceViewHolder extends BindableViewHolder<CatalogInstance> implements UsableRecyclerView.Clickable{
+		private final TextView title, description;
+		private final RadioButton radioButton;
+
+		public InstanceViewHolder(){
+			super(getActivity(), R.layout.item_instance_login, list);
+			title=findViewById(R.id.title);
+			description=findViewById(R.id.description);
+			radioButton=findViewById(R.id.radiobtn);
+			radioButton.setMinWidth(0);
+			radioButton.setMinHeight(0);
+
+			itemView.setOutlineProvider(new ViewOutlineProvider(){
+				@Override
+				public void getOutline(View view, Outline outline){
+					outline.setRoundRect(0, getAbsoluteAdapterPosition()==1 ? 0 : V.dp(-4), view.getWidth(), view.getHeight()+(getAbsoluteAdapterPosition()==filteredData.size() ? 0 : V.dp(4)), V.dp(4));
+				}
+			});
+			itemView.setClipToOutline(true);
+		}
+
+		@Override
+		public void onBind(CatalogInstance item){
+			title.setText(item.normalizedDomain);
+			description.setText(item.description);
+			radioButton.setChecked(chosenInstance==item);
+		}
+
+		@Override
+		public void onClick(){
+			if(chosenInstance==item)
+				return;
+			if(chosenInstance!=null){
+				int idx=filteredData.indexOf(chosenInstance);
+				if(idx!=-1){
+					RecyclerView.ViewHolder holder=list.findViewHolderForAdapterPosition(mergeAdapter.getPositionForAdapter(adapter)+idx);
+					if(holder instanceof InstanceViewHolder ivh){
+						ivh.radioButton.setChecked(false);
+					}
+				}
+			}
+			radioButton.setChecked(true);
+			if(chosenInstance==null)
+				nextButton.setEnabled(true);
+			chosenInstance=item;
+			loadInstanceInfo(chosenInstance.domain, false);
+		}
+	}
+}

mastodon/src/main/java/org/joinmastodon/android/ui/views/FloatingHintEditTextLayout.java

@@ -0,0 +1,124 @@
+package org.joinmastodon.android.ui.views;
+
+import android.animation.Animator;
+import android.animation.AnimatorListenerAdapter;
+import android.animation.AnimatorSet;
+import android.animation.ObjectAnimator;
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.text.Editable;
+import android.util.AttributeSet;
+import android.util.TypedValue;
+import android.view.Gravity;
+import android.view.ViewGroup;
+import android.widget.EditText;
+import android.widget.FrameLayout;
+import android.widget.TextView;
+
+import org.joinmastodon.android.R;
+import org.joinmastodon.android.ui.utils.SimpleTextWatcher;
+
+import me.grishka.appkit.utils.CubicBezierInterpolator;
+import me.grishka.appkit.utils.V;
+
+public class FloatingHintEditTextLayout extends FrameLayout{
+	private EditText edit;
+	private TextView label;
+	private int labelTextSize;
+	private int offsetY;
+	private boolean hintVisible;
+	private Animator currentAnim;
+
+	public FloatingHintEditTextLayout(Context context){
+		this(context, null);
+	}
+
+	public FloatingHintEditTextLayout(Context context, AttributeSet attrs){
+		this(context, attrs, 0);
+	}
+
+	public FloatingHintEditTextLayout(Context context, AttributeSet attrs, int defStyle){
+		super(context, attrs, defStyle);
+		if(isInEditMode())
+			V.setApplicationContext(context);
+		TypedArray ta=context.obtainStyledAttributes(attrs, R.styleable.FloatingHintEditTextLayout);
+		labelTextSize=ta.getDimensionPixelSize(R.styleable.FloatingHintEditTextLayout_android_labelTextSize, V.dp(12));
+		offsetY=ta.getDimensionPixelOffset(R.styleable.FloatingHintEditTextLayout_editTextOffsetY, 0);
+		ta.recycle();
+	}
+
+	@Override
+	protected void onFinishInflate(){
+		super.onFinishInflate();
+		if(getChildCount()>0 && getChildAt(0) instanceof EditText et){
+			edit=et;
+		}else{
+			throw new IllegalStateException("First child must be an EditText");
+		}
+
+		label=new TextView(getContext());
+		label.setTextSize(TypedValue.COMPLEX_UNIT_PX, labelTextSize);
+		label.setTextColor(edit.getHintTextColors());
+		label.setText(edit.getHint());
+		label.setSingleLine();
+		label.setPivotX(0f);
+		label.setPivotY(0f);
+		LayoutParams lp=new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.START | Gravity.TOP);
+		lp.setMarginStart(edit.getPaddingStart());
+		addView(label, lp);
+
+		hintVisible=edit.getText().length()==0;
+		if(hintVisible)
+			label.setAlpha(0f);
+
+		edit.addTextChangedListener(new SimpleTextWatcher(this::onTextChanged));
+	}
+
+	private void onTextChanged(Editable text){
+		boolean newHintVisible=text.length()==0;
+		if(newHintVisible==hintVisible)
+			return;
+		if(currentAnim!=null)
+			currentAnim.cancel();
+		hintVisible=newHintVisible;
+
+		label.setAlpha(1);
+		float scale=edit.getLineHeight()/(float)label.getLineHeight();
+		float transY=edit.getHeight()/2f-edit.getLineHeight()/2f+(edit.getTop()-label.getTop())-(label.getHeight()/2f-label.getLineHeight()/2f);
+
+		AnimatorSet anim=new AnimatorSet();
+		if(hintVisible){
+			anim.playTogether(
+					ObjectAnimator.ofFloat(edit, TRANSLATION_Y, 0),
+					ObjectAnimator.ofFloat(label, SCALE_X, scale),
+					ObjectAnimator.ofFloat(label, SCALE_Y, scale),
+					ObjectAnimator.ofFloat(label, TRANSLATION_Y, transY)
+			);
+			edit.setHintTextColor(0);
+		}else{
+			label.setScaleX(scale);
+			label.setScaleY(scale);
+			label.setTranslationY(transY);
+			anim.playTogether(
+					ObjectAnimator.ofFloat(edit, TRANSLATION_Y, offsetY),
+					ObjectAnimator.ofFloat(label, SCALE_X, 1f),
+					ObjectAnimator.ofFloat(label, SCALE_Y, 1f),
+					ObjectAnimator.ofFloat(label, TRANSLATION_Y, 0f)
+			);
+		}
+		anim.setDuration(150);
+		anim.setInterpolator(CubicBezierInterpolator.DEFAULT);
+		anim.start();
+		anim.addListener(new AnimatorListenerAdapter(){
+			@Override
+			public void onAnimationEnd(Animator animation){
+				currentAnim=null;
+				if(hintVisible){
+					label.setAlpha(0);
+					edit.setHintTextColor(label.getTextColors());
+				}
+			}
+		});
+		currentAnim=anim;
+	}
+}

mastodon/src/main/res/color/button_text_m3_filled.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+	<item android:color="?colorM3OnPrimary" android:state_enabled="true"/>
+	<item android:color="?colorM3OnSurface" android:alpha="0.38"/>
+</selector>

mastodon/src/main/res/color/m3_pressed_overlay.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+	 <item android:color="?colorM3PressedOverlay" android:alpha="0.12"/>
+</selector>

mastodon/src/main/res/color/m3_radiobutton_tint.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+	<item android:color="?colorM3Primary" android:state_checked="true"/>
+	<item android:color="?colorM3OnSurfaceVariant"/>
+</selector>

mastodon/src/main/res/drawable/bg_button_m3_filled.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+	<item android:state_enabled="true">
+		<ripple android:color="@color/m3_pressed_overlay">
+			<item>
+				<shape>
+					<solid android:color="?colorM3Primary"/>
+					<corners android:radius="20dp"/>
+				</shape>
+			</item>
+		</ripple>
+	</item>
+	<item>
+		<shape>
+			<solid android:color="?colorM3DisabledBackground"/>
+			<corners android:radius="20dp"/>
+		</shape>
+	</item>
+</selector>

mastodon/src/main/res/drawable/ic_m3_cancel.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2ZM12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20ZM12,10.59L15.59,7L17,8.41L13.41,12L17,15.59L15.59,17L12,13.41L8.41,17L7,15.59L10.59,12L7,8.41L8.41,7L12,10.59Z"
+      android:fillColor="#49454F"/>
+</vector>

mastodon/src/main/res/drawable/ic_m3_search.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M12.3,11.058L17.075,15.833L15.833,17.075L11.058,12.3C10.167,12.942 9.092,13.333 7.917,13.333C4.925,13.333 2.5,10.908 2.5,7.917C2.5,4.925 4.925,2.5 7.917,2.5C10.908,2.5 13.333,4.925 13.333,7.917C13.333,9.092 12.942,10.167 12.3,11.058ZM7.917,4.167C5.842,4.167 4.167,5.842 4.167,7.917C4.167,9.992 5.842,11.667 7.917,11.667C9.992,11.667 11.667,9.992 11.667,7.917C11.667,5.842 9.992,4.167 7.917,4.167Z"
+      android:fillColor="#49454F"/>
+</vector>

mastodon/src/main/res/drawable/rect_4dp.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+	<solid android:color="#000"/>
+	<corners android:radius="4dp"/>
+</shape>

mastodon/src/main/res/layout/fragment_login.xml

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<me.grishka.appkit.views.FragmentRootLinearLayout
+	android:layout_width="match_parent"
+	android:layout_height="match_parent"
+	xmlns:app="http://schemas.android.com/apk/res-auto"
+	android:orientation="vertical"
+	android:id="@+id/appkit_loader_root"
+	xmlns:android="http://schemas.android.com/apk/res/android"
+	android:background="?colorM3Background">
+
+	<include layout="@layout/appkit_toolbar"/>
+
+	<FrameLayout
+		android:id="@+id/appkit_loader_content"
+		android:layout_width="match_parent"
+		android:layout_height="0px"
+		android:layout_weight="1">
+
+		<include layout="@layout/loading"
+			android:id="@+id/loading"/>
+
+		<ViewStub android:layout="?errorViewLayout"
+			android:layout_width="match_parent"
+			android:layout_height="match_parent"
+			android:id="@+id/error"
+			android:visibility="gone"/>
+
+		<View
+			android:layout_width="match_parent"
+			android:layout_height="match_parent"
+			android:id="@+id/content_stub"/>
+
+	</FrameLayout>
+	<LinearLayout
+		android:id="@+id/button_bar"
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:orientation="horizontal">
+		<Button
+			android:id="@+id/btn_next"
+			android:layout_width="match_parent"
+			android:layout_height="wrap_content"
+			android:layout_marginLeft="16dp"
+			android:layout_marginRight="16dp"
+			android:layout_marginTop="8dp"
+			android:layout_marginBottom="16dp"
+			android:minWidth="145dp"
+			style="@style/Widget.Mastodon.M3.Button.Filled"
+			android:text="@string/next" />
+
+	</LinearLayout>
+</me.grishka.appkit.views.FragmentRootLinearLayout>

mastodon/src/main/res/layout/header_onboarding_login.xml

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+	xmlns:app="http://schemas.android.com/apk/res-auto"
+	xmlns:tools="http://schemas.android.com/tools"
+	android:layout_width="match_parent"
+	android:layout_height="wrap_content"
+	android:orientation="vertical">
+
+	<TextView
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:textAppearance="@style/m3_body_large"
+		android:paddingStart="56dp"
+		android:paddingEnd="24dp"
+		android:text="@string/login_subtitle"/>
+	
+	<org.joinmastodon.android.ui.views.FloatingHintEditTextLayout
+		android:layout_width="match_parent"
+		android:layout_height="56dp"
+		android:layout_marginTop="8dp"
+		android:layout_marginLeft="16dp"
+		android:layout_marginRight="16dp"
+		android:layout_marginBottom="8dp"
+		android:paddingTop="8dp"
+		android:paddingBottom="8dp"
+		app:editTextOffsetY="8dp"
+		android:background="@drawable/rect_4dp"
+		android:backgroundTint="?colorM3SurfaceVariant">
+
+		<EditText
+			android:id="@+id/search_edit"
+			android:layout_width="match_parent"
+			android:layout_height="match_parent"
+			android:background="@null"
+			android:stateListAnimator="@null"
+			android:textColor="?colorM3OnSurfaceVariant"
+			android:textColorHint="?colorM3OnSurfaceVariant"
+			android:inputType="textUri"
+			android:importantForAutofill="no"
+			android:paddingStart="48dp"
+			android:layout_marginEnd="52dp"
+			android:drawablePadding="16dp"
+			android:textAppearance="@style/m3_body_large"
+			android:hint="@string/server_url"/>
+		
+		<ImageView
+			android:layout_width="44dp"
+			android:layout_height="20dp"
+			android:layout_gravity="start|center_vertical"
+			android:scaleType="center"
+			android:importantForAccessibility="no"
+			android:tint="?colorM3OnSurfaceVariant"
+			android:src="@drawable/ic_m3_search"/>
+		
+		<ImageButton
+			android:id="@+id/search_clear"
+			android:layout_width="36dp"
+			android:layout_height="36dp"
+			android:layout_marginEnd="6dp"
+			android:background="?android:selectableItemBackgroundBorderless"
+			android:layout_gravity="center_vertical|end"
+			android:visibility="gone"
+			tools:visibility="visible"
+			android:contentDescription="@string/clear"
+			android:stateListAnimator="@null"
+			android:elevation="0dp"
+			android:src="@drawable/ic_m3_cancel"/>
+
+	</org.joinmastodon.android.ui.views.FloatingHintEditTextLayout>
+
+</LinearLayout>

mastodon/src/main/res/layout/item_instance_login.xml

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+	xmlns:tools="http://schemas.android.com/tools"
+	android:layout_width="match_parent"
+	android:layout_height="wrap_content"
+	android:paddingStart="16dp"
+	android:paddingEnd="24dp"
+	android:paddingTop="12dp"
+	android:paddingBottom="12dp"
+	android:background="?colorM3SurfaceVariant">
+
+	<RadioButton
+		android:id="@+id/radiobtn"
+		android:layout_width="28dp"
+		android:layout_height="24dp"
+		android:layout_marginEnd="23dp"
+		android:layout_marginStart="-3dp"
+		android:layout_alignParentTop="true"
+		android:layout_alignParentStart="true"
+		android:buttonTint="@color/m3_radiobutton_tint"
+		android:background="@null"
+		android:focusable="false"
+		android:clickable="false"/>
+
+	<TextView
+		android:id="@+id/title"
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:layout_toEndOf="@id/radiobtn"
+		android:layout_alignParentTop="true"
+		android:textAppearance="@style/m3_body_large"
+		android:singleLine="true"
+		android:ellipsize="end"
+		android:gravity="center_vertical"
+		android:textSize="16sp"
+		android:minHeight="24dp"
+		android:textColor="?colorM3OnSurface"
+		tools:text="mastodon.social"/>
+
+	<TextView
+		android:id="@+id/description"
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:layout_toEndOf="@id/radiobtn"
+		android:layout_below="@id/title"
+		android:layout_marginBottom="8dp"
+		android:textAppearance="@style/m3_body_medium"
+		android:textColor="?colorM3OnSurfaceVariant"
+		android:textSize="14sp"
+		android:lineSpacingExtra="4sp"
+		tools:text="General-purpose server run by the lead developer of Mastodon"/>
+
+</RelativeLayout>

mastodon/src/main/res/values-v31/colors.xml

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+	<!-- M3 dynamic colors -->
+
+	<!-- light theme -->
+	<color name="m3_sys_light_primary">@android:color/system_accent1_600</color>
+	<color name="m3_sys_light_on_primary">#FFF</color>
+	<color name="m3_sys_light_primary_container">@android:color/system_accent1_100</color>
+	<color name="m3_sys_light_on_primary_container">@android:color/system_accent1_900</color>
+	<color name="m3_sys_light_secondary">@android:color/system_accent2_600</color>
+	<color name="m3_sys_light_on_secondary">#FFF</color>
+	<color name="m3_sys_light_secondary_container">@android:color/system_accent2_100</color>
+	<color name="m3_sys_light_on_secondary_container">@android:color/system_accent2_900</color>
+	<color name="m3_sys_light_tertiary">@android:color/system_accent3_600</color>
+	<color name="m3_sys_light_on_tertiary">#FFF</color>
+	<color name="m3_sys_light_tertiary_container">@android:color/system_accent3_100</color>
+	<color name="m3_sys_light_on_tertiary_container">@android:color/system_accent3_900</color>
+	<color name="m3_sys_light_background">@android:color/system_neutral1_10</color>
+	<color name="m3_sys_light_on_background">@android:color/system_neutral1_900</color>
+	<color name="m3_sys_light_surface">@android:color/system_neutral1_10</color>
+	<color name="m3_sys_light_on_surface">@android:color/system_neutral1_900</color>
+	<color name="m3_sys_light_surface_variant">@android:color/system_neutral2_100</color>
+	<color name="m3_sys_light_on_surface_variant">@android:color/system_neutral2_700</color>
+	<color name="m3_sys_light_outline">@android:color/system_neutral2_500</color>
+
+	<!-- dark theme -->
+	<color name="m3_sys_dark_primary">@android:color/system_accent1_200</color>
+	<color name="m3_sys_dark_on_primary">@android:color/system_accent1_800</color>
+	<color name="m3_sys_dark_primary_container">@android:color/system_accent1_700</color>
+	<color name="m3_sys_dark_on_primary_container">@android:color/system_accent1_100</color>
+	<color name="m3_sys_dark_secondary">@android:color/system_accent2_200</color>
+	<color name="m3_sys_dark_on_secondary">@android:color/system_accent2_800</color>
+	<color name="m3_sys_dark_secondary_container">@android:color/system_accent2_700</color>
+	<color name="m3_sys_dark_on_secondary_container">@android:color/system_accent2_100</color>
+	<color name="m3_sys_dark_tertiary">@android:color/system_accent3_200</color>
+	<color name="m3_sys_dark_on_tertiary">@android:color/system_accent3_800</color>
+	<color name="m3_sys_dark_tertiary_container">@android:color/system_accent3_700</color>
+	<color name="m3_sys_dark_on_tertiary_container">@android:color/system_accent3_100</color>
+	<color name="m3_sys_dark_background">@android:color/system_neutral1_900</color>
+	<color name="m3_sys_dark_on_background">@android:color/system_neutral1_100</color>
+	<color name="m3_sys_dark_surface">@android:color/system_neutral1_900</color>
+	<color name="m3_sys_dark_on_surface">@android:color/system_neutral1_100</color>
+	<color name="m3_sys_dark_surface_variant">@android:color/system_neutral2_700</color>
+	<color name="m3_sys_dark_on_surface_variant">@android:color/system_neutral2_200</color>
+	<color name="m3_sys_dark_outline">@android:color/system_neutral2_400</color>
+</resources>

mastodon/src/main/res/values/attrs.xml

@@ -16,10 +16,37 @@
 	<attr name="colorTabInactive" format="color"/>
 	<attr name="colorAccentLightest" format="color"/>
 	
+	<attr name="colorM3Primary" format="color"/>
+	<attr name="colorM3OnPrimary" format="color"/>
+	<attr name="colorM3PrimaryContainer" format="color"/>
+	<attr name="colorM3OnPrimaryContainer" format="color"/>
+	<attr name="colorM3Secondary" format="color"/>
+	<attr name="colorM3OnSecondary" format="color"/>
+	<attr name="colorM3SecondaryContainer" format="color"/>
+	<attr name="colorM3OnSecondaryContainer" format="color"/>
+	<attr name="colorM3Tertiary" format="color"/>
+	<attr name="colorM3OnTertiary" format="color"/>
+	<attr name="colorM3TertiaryContainer" format="color"/>
+	<attr name="colorM3OnTertiaryContainer" format="color"/>
+	<attr name="colorM3Background" format="color"/>
+	<attr name="colorM3OnBackground" format="color"/>
+	<attr name="colorM3Surface" format="color"/>
+	<attr name="colorM3OnSurface" format="color"/>
+	<attr name="colorM3SurfaceVariant" format="color"/>
+	<attr name="colorM3OnSurfaceVariant" format="color"/>
+	<attr name="colorM3Outline" format="color"/>
+	<attr name="colorM3DisabledBackground" format="color"/>
+	<attr name="colorM3PressedOverlay" format="color"/>
+
 	<attr name="primaryLargeButtonStyle" format="reference"/>
 	<attr name="secondaryLargeButtonStyle" format="reference"/>
 
 	<declare-styleable name="MaxWidthFrameLayout">
 		<attr name="android:maxWidth" format="dimension"/>
 	</declare-styleable>
+
+	<declare-styleable name="FloatingHintEditTextLayout">
+		<attr name="editTextOffsetY" format="dimension"/>
+		<attr name="android:labelTextSize" format="dimension"/>
+	</declare-styleable>
 </resources>

mastodon/src/main/res/values/colors.xml

@@ -96,4 +96,49 @@
 
 	<color name="shortcut_icon_background">@color/gray_100</color>
 	<color name="shortcut_icon_foreground">@color/primary_700</color>
+
+	<!-- M3 dynamic colors -->
+
+	<!-- light theme -->
+	<color name="m3_sys_light_primary">#6750A4</color>
+	<color name="m3_sys_light_on_primary">#FFFFFF</color>
+	<color name="m3_sys_light_primary_container">#EADDFF</color>
+	<color name="m3_sys_light_on_primary_container">#21005D</color>
+	<color name="m3_sys_light_secondary">#625B71</color>
+	<color name="m3_sys_light_on_secondary">#FFFFFF</color>
+	<color name="m3_sys_light_secondary_container">#E8DEF8</color>
+	<color name="m3_sys_light_on_secondary_container">#1D192B</color>
+	<color name="m3_sys_light_tertiary">#7D5260</color>
+	<color name="m3_sys_light_on_tertiary">#FFF</color>
+	<color name="m3_sys_light_tertiary_container">#FFD8E4</color>
+	<color name="m3_sys_light_on_tertiary_container">#31111D</color>
+	<color name="m3_sys_light_background">#FFFBFE</color>
+	<color name="m3_sys_light_on_background">#1C1B1F</color>
+	<color name="m3_sys_light_surface">#FFFBFE</color>
+	<color name="m3_sys_light_on_surface">#1C1B1F</color>
+	<color name="m3_sys_light_surface_variant">#E7E0EC</color>
+	<color name="m3_sys_light_on_surface_variant">#49454F</color>
+	<color name="m3_sys_light_outline">#79747E</color>
+
+	<!-- dark theme -->
+	<color name="m3_sys_dark_primary">#D0BCFF</color>
+	<color name="m3_sys_dark_on_primary">#381E72</color>
+	<color name="m3_sys_dark_primary_container">#4F378B</color>
+	<color name="m3_sys_dark_on_primary_container">#EADDFF</color>
+	<color name="m3_sys_dark_secondary">#CCC2DC</color>
+	<color name="m3_sys_dark_on_secondary">#332D41</color>
+	<color name="m3_sys_dark_secondary_container">#4A4458</color>
+	<color name="m3_sys_dark_on_secondary_container">#E8DEF8</color>
+	<color name="m3_sys_dark_tertiary">#EFB8C8</color>
+	<color name="m3_sys_dark_on_tertiary">#492532</color>
+	<color name="m3_sys_dark_tertiary_container">#633B48</color>
+	<color name="m3_sys_dark_on_tertiary_container">#FFD8E4</color>
+	<color name="m3_sys_dark_background">#1C1B1F</color>
+	<color name="m3_sys_dark_on_background">#E6E1E5</color>
+	<color name="m3_sys_dark_surface">#1C1B1F</color>
+	<color name="m3_sys_dark_on_surface">#E6E1E5</color>
+	<color name="m3_sys_dark_surface_variant">#49454F</color>
+	<color name="m3_sys_dark_on_surface_variant">#CAC4D0</color>
+	<color name="m3_sys_dark_outline">#938F99</color>
+
 </resources>

mastodon/src/main/res/values/strings.xml

@@ -5,9 +5,9 @@
 	<string name="get_started">Get started</string>
 	<string name="log_in">Log in</string>
 	<string name="next">Next</string>
-	<string name="loading_instance">Getting instance info…</string>
+	<string name="loading_instance">Retrieving server info…</string>
 	<string name="error">Error</string>
-	<string name="not_a_mastodon_instance">%s doesn\'t appear to be a Mastodon instance.</string>
+	<string name="not_a_mastodon_instance">%s doesn\'t appear to be a Mastodon server.</string>
 	<string name="ok">OK</string>
 	<string name="preparing_auth">Preparing for authentication…</string>
 	<string name="finishing_auth">Finishing authentication…</string>
@@ -394,4 +394,7 @@
 	<string name="remove_bookmark">Remove bookmark</string>
 	<string name="bookmarks">Bookmarks</string>
 	<string name="your_favorites">Your Favorites</string>
+	<string name="login_title">Welcome Back</string>
+	<string name="login_subtitle">Log in with the server where you created your account.</string>
+	<string name="server_url">Server URL</string>
 </resources>

mastodon/src/main/res/values/styles.xml

@@ -43,6 +43,29 @@
 		<item name="android:windowLightNavigationBar" tools:ignore="NewApi">true</item>
 		<item name="android:popupMenuStyle">@style/Widget.Mastodon.PopupMenu</item>
 		<item name="android:actionOverflowMenuStyle">@style/Widget.Mastodon.PopupMenu</item>
+		
+		<!-- M3 colors -->
+		<item name="colorM3Primary">@color/m3_sys_light_primary</item>
+		<item name="colorM3OnPrimary">@color/m3_sys_light_on_primary</item>
+		<item name="colorM3PrimaryContainer">@color/m3_sys_light_primary_container</item>
+		<item name="colorM3OnPrimaryContainer">@color/m3_sys_light_on_primary_container</item>
+		<item name="colorM3Secondary">@color/m3_sys_light_secondary</item>
+		<item name="colorM3OnSecondary">@color/m3_sys_light_on_secondary</item>
+		<item name="colorM3SecondaryContainer">@color/m3_sys_light_secondary_container</item>
+		<item name="colorM3OnSecondaryContainer">@color/m3_sys_light_on_secondary_container</item>
+		<item name="colorM3Tertiary">@color/m3_sys_light_tertiary</item>
+		<item name="colorM3OnTertiary">@color/m3_sys_light_on_tertiary</item>
+		<item name="colorM3TertiaryContainer">@color/m3_sys_light_tertiary_container</item>
+		<item name="colorM3OnTertiaryContainer">@color/m3_sys_light_on_tertiary_container</item>
+		<item name="colorM3Background">@color/m3_sys_light_background</item>
+		<item name="colorM3OnBackground">@color/m3_sys_light_on_background</item>
+		<item name="colorM3Surface">@color/m3_sys_light_surface</item>
+		<item name="colorM3OnSurface">@color/m3_sys_light_on_surface</item>
+		<item name="colorM3SurfaceVariant">@color/m3_sys_light_surface_variant</item>
+		<item name="colorM3OnSurfaceVariant">@color/m3_sys_light_on_surface_variant</item>
+		<item name="colorM3Outline">@color/m3_sys_light_outline</item>
+		<item name="colorM3DisabledBackground">#1F1F1F1F</item>
+		<item name="colorM3PressedOverlay">@color/m3_sys_light_on_primary</item>
 	</style>
 
 	<style name="Theme.Mastodon.Dark" parent="Theme.AppKit">
@@ -90,10 +113,35 @@
 		<item name="android:windowLightNavigationBar" tools:ignore="NewApi">false</item>
 		<item name="android:popupMenuStyle">@style/Widget.Mastodon.PopupMenu</item>
 		<item name="android:actionOverflowMenuStyle">@style/Widget.Mastodon.PopupMenu</item>
+
+		<!-- M3 colors -->
+		<item name="colorM3Primary">@color/m3_sys_dark_primary</item>
+		<item name="colorM3OnPrimary">@color/m3_sys_dark_on_primary</item>
+		<item name="colorM3PrimaryContainer">@color/m3_sys_dark_primary_container</item>
+		<item name="colorM3OnPrimaryContainer">@color/m3_sys_dark_on_primary_container</item>
+		<item name="colorM3Secondary">@color/m3_sys_dark_secondary</item>
+		<item name="colorM3OnSecondary">@color/m3_sys_dark_on_secondary</item>
+		<item name="colorM3SecondaryContainer">@color/m3_sys_dark_secondary_container</item>
+		<item name="colorM3OnSecondaryContainer">@color/m3_sys_dark_on_secondary_container</item>
+		<item name="colorM3Tertiary">@color/m3_sys_dark_tertiary</item>
+		<item name="colorM3OnTertiary">@color/m3_sys_dark_on_tertiary</item>
+		<item name="colorM3TertiaryContainer">@color/m3_sys_dark_tertiary_container</item>
+		<item name="colorM3OnTertiaryContainer">@color/m3_sys_dark_on_tertiary_container</item>
+		<item name="colorM3Background">@color/m3_sys_dark_background</item>
+		<item name="colorM3OnBackground">@color/m3_sys_dark_on_background</item>
+		<item name="colorM3Surface">@color/m3_sys_dark_surface</item>
+		<item name="colorM3OnSurface">@color/m3_sys_dark_on_surface</item>
+		<item name="colorM3SurfaceVariant">@color/m3_sys_dark_surface_variant</item>
+		<item name="colorM3OnSurfaceVariant">@color/m3_sys_dark_on_surface_variant</item>
+		<item name="colorM3Outline">@color/m3_sys_dark_outline</item>
+		<item name="colorM3DisabledBackground">#1FE3E3E3</item>
+		<item name="colorM3PressedOverlay">@color/m3_sys_dark_primary</item>
 	</style>
 
 	<style name="Theme.Mastodon.Dark.TrueBlack">
 		<item name="colorWindowBackground">#000</item>
+
+		<item name="colorM3Background">#000</item>
 	</style>
 
 	<style name="Theme.Mastodon.AutoLightDark" parent="Theme.Mastodon.Light"/>
@@ -103,12 +151,20 @@
 		<item name="android:colorPrimary">@color/gray_50</item>
 		<item name="android:textColorPrimary">@color/gray_800</item>
 		<item name="android:textColorSecondary">@color/gray_800</item>
+		<item name="android:toolbarStyle">@style/Widget.Mastodon.Toolbar</item>
 	</style>
 
 	<style name="Theme.Mastodon.Toolbar.Dark" parent="android:ThemeOverlay.Material.Dark.ActionBar">
 		<item name="android:colorPrimary">@color/gray_800</item>
 		<item name="android:textColorPrimary">@color/gray_50</item>
 		<item name="android:textColorSecondary">@color/gray_50</item>
+		<item name="android:toolbarStyle">@style/Widget.Mastodon.Toolbar</item>
+	</style>
+
+	<style name="Widget.Mastodon.Toolbar" parent="android:Widget.Material.Toolbar">
+		<item name="android:contentInsetStartWithNavigation">0dp</item>
+		<item name="android:titleMarginEnd">0dp</item>
+		<item name="android:titleMarginStart">0dp</item>
 	</style>
 
 	<style name="Theme.Mastodon.Toolbar.Profile">
@@ -226,6 +282,21 @@
 		<item name="android:popupBackground">@drawable/bg_popup</item>
 	</style>
 
+	<style name="Widget.Mastodon.M3.Button" parent="android:Widget.Material.Button">
+		<item name="android:textAllCaps">false</item>
+		<item name="android:textSize">14dp</item>
+		<item name="android:minHeight">40dp</item>
+		<item name="android:fontFamily">sans-serif-medium</item>
+		<item name="android:stateListAnimator">@null</item>
+	</style>
+
+	<style name="Widget.Mastodon.M3.Button.Filled">
+		<item name="android:background">@drawable/bg_button_m3_filled</item>
+		<item name="android:textColor">@color/button_text_m3_filled</item>
+		<item name="android:paddingLeft">24dp</item>
+		<item name="android:paddingRight">24dp</item>
+	</style>
+
 	<style name="alert_title">
 		<item name="android:textColor">?android:textColorPrimary</item>
 		<item name="android:textSize">24dp</item>