({
+ query: (data) => ({
+ method: "POST",
+ url: `/api/v1/accounts/move`,
+ body: data
+ })
})
})
});
@@ -45,4 +73,6 @@ const extended = gtsApi.injectEndpoints({
export const {
useUpdateCredentialsMutation,
usePasswordChangeMutation,
+ useAliasAccountMutation,
+ useMoveAccountMutation,
} = extended;
diff --git a/web/source/settings/lib/types/migration.ts b/web/source/settings/lib/types/migration.ts
new file mode 100644
index 000000000..e66887a83
--- /dev/null
+++ b/web/source/settings/lib/types/migration.ts
@@ -0,0 +1,27 @@
+/*
+ GoToSocial
+ Copyright (C) GoToSocial Authors admin@gotosocial.org
+ SPDX-License-Identifier: AGPL-3.0-or-later
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program. If not, see .
+*/
+
+export interface UpdateAliasesFormData {
+ also_known_as_uris: string[];
+}
+
+export interface MoveAccountFormData {
+ moved_to_uri: string;
+ password: string;
+}
diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index 13642dd0c..6e19acdd4 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -51,7 +51,8 @@ ul li::before {
border-radius: $br;
max-width: 100%;
- & > div, & > form {
+ & > div,
+ & > form {
border-left: 0.2rem solid $border-accent;
padding-left: 0.4rem;
display: flex;
@@ -59,13 +60,14 @@ ul li::before {
gap: 0.5rem;
margin: 1rem 0;
- h2 {
+ h1, h2 {
margin: 0;
margin-top: 0.1rem;
}
&:only-child {
border-left: none;
+ padding-left: none;
}
&:first-child {
@@ -76,7 +78,8 @@ ul li::before {
margin-bottom: 0;
}
- &.without-border {
+ &.without-border,
+ .without-border {
border-left: 0;
padding-left: 0;
}
@@ -410,6 +413,19 @@ section.with-sidebar > div, section.with-sidebar > form {
}
}
+/*
+ Normalize mock profile and make profile
+ header preview pop a bit nicer.
+*/
+.profile {
+ padding: 0;
+
+ & > .profile-header {
+ margin-bottom: 0;
+ border: 0.1rem solid $gray1;
+ }
+}
+
.user-profile {
.overview {
display: grid;
@@ -418,14 +434,6 @@ section.with-sidebar > div, section.with-sidebar > form {
grid-template-rows: 100%;
gap: 1rem;
- .profile {
- padding: 0;
-
- .header {
- border: 0.1rem solid $gray1;
- }
- }
-
.files {
width: 100%;
display: flex;
@@ -451,6 +459,36 @@ section.with-sidebar > div, section.with-sidebar > form {
}
}
+.migration-details {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+
+ background-color: $gray2;
+ padding: 1rem;
+ max-width: fit-content;
+ border-radius: $br;
+
+ & > div {
+ display: flex;
+ flex-direction: column;
+ gap: 0.25rem;
+
+ & > dd {
+ font-weight: bold;
+ word-wrap: anywhere;
+ }
+ }
+}
+
+.user-migration-alias {
+ .aliases {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ }
+}
+
form {
display: flex;
flex-direction: column;
diff --git a/web/source/settings/user/migration.tsx b/web/source/settings/user/migration.tsx
new file mode 100644
index 000000000..7a8b934ac
--- /dev/null
+++ b/web/source/settings/user/migration.tsx
@@ -0,0 +1,206 @@
+/*
+ GoToSocial
+ Copyright (C) GoToSocial Authors admin@gotosocial.org
+ SPDX-License-Identifier: AGPL-3.0-or-later
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program. If not, see .
+*/
+
+import React from "react";
+
+import FormWithData from "../lib/form/form-with-data";
+
+import { useVerifyCredentialsQuery } from "../lib/query/oauth";
+import { useArrayInput, useTextInput } from "../lib/form";
+import { TextInput } from "../components/form/inputs";
+import useFormSubmit from "../lib/form/submit";
+import MutationButton from "../components/form/mutation-button";
+import { useAliasAccountMutation, useMoveAccountMutation } from "../lib/query/user";
+import { FormContext, useWithFormContext } from "../lib/form/context";
+import { store } from "../redux/store";
+
+export default function UserMigration() {
+ return (
+
+ );
+}
+
+function UserMigrationForm({ data: profile }) {
+ let urlStr = store.getState().oauth.instanceUrl ?? "";
+ let url = new URL(urlStr);
+
+ return (
+ <>
+ Account Migration Settings
+
+ The following settings allow you to alias your account to another account
+ elsewhere, and to move your followers and following lists to another account.
+
+
+ Account aliasing is harmless and reversible; you can
+ set and unset up to five account aliases as many times as you wish.
+
+
+ The account move action, on the other hand, has serious and irreversible consequences.
+
+
+ To move, you must set an alias from your account to the target account, using this settings panel.
+
+
+ You must also set an alias from the target account back to your account, using
+ the settings panel of the instance on which the target account resides.
+
+
+ Provide the following details to the other instance:
+
+
+
+
- Account handle/username:
+ - @{profile.acct}@{url.host}
+
+
+
- Account URI:
+ - {urlStr}/users/{profile.username}
+
+
+
+ For more information on account migration, please see the documentation.
+
+
+
+
+ );
+}
+
+function AliasForm({ data: profile }) {
+ const form = {
+ alsoKnownAs: useArrayInput("also_known_as_uris", {
+ source: profile,
+ valueSelector: (p) => (
+ p.source?.also_known_as_uris
+ ? p.source?.also_known_as_uris.map(entry => [entry])
+ : []
+ ),
+ length: 5,
+ }),
+ };
+
+ const [submitForm, result] = useFormSubmit(form, useAliasAccountMutation());
+
+ return (
+
+ );
+}
+
+function AlsoKnownAsURIs({ field: formField }) {
+ return (
+
+
+ {formField.value.map((data, i) => (
+
+ ))}
+
+