[chore] Convert some settings / admin panel JS to TypeScript (#2247)

* initial conversion of STUFF to typescript

* more stuff

* update babel deps, include commonjs transform

* update bundler & eslint configuration

* eslint --fix

* upgrade deps

* update docs, build stuff, peripheral stuff

---------

Co-authored-by: f0x <f0x@cthu.lu>

1 files changed, 83 insertions, 0 deletions

diff --git a/web/source/settings/redux/store.ts b/web/source/settings/redux/store.ts
new file mode 100644
index 000000000..0c1285187
--- /dev/null
+++ b/web/source/settings/redux/store.ts
@@ -0,0 +1,83 @@
+/*
+	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 <http://www.gnu.org/licenses/>.
+*/
+
+import { combineReducers } from "redux";
+import { configureStore } from "@reduxjs/toolkit";
+import {
+	persistStore,
+	persistReducer,
+	FLUSH,
+	REHYDRATE,
+	PAUSE,
+	PERSIST,
+	PURGE,
+	REGISTER,
+} from "redux-persist";
+
+import { oauthSlice } from "./oauth";
+import { gtsApi } from "../lib/query/gts-api";
+
+const combinedReducers = combineReducers({
+	[gtsApi.reducerPath]: gtsApi.reducer,
+	oauth: oauthSlice.reducer,
+});
+
+const persistedReducer = persistReducer({
+	key: "gotosocial-settings",
+	storage: require("redux-persist/lib/storage").default,
+	stateReconciler: require("redux-persist/lib/stateReconciler/autoMergeLevel1").default,
+	whitelist: ["oauth"],
+	migrate: async (state) => {
+		if (state == undefined) {
+			return state;
+		}
+
+		// This is a cheeky workaround for
+		// redux-persist being a stickler.
+		let anyState = state as any; 
+		if (anyState?.oauth != undefined) {
+			anyState.oauth.expectingRedirect = false;
+		}
+
+		return anyState;
+	}
+}, combinedReducers);
+
+export const store = configureStore({
+	reducer: persistedReducer,
+	middleware: (getDefaultMiddleware) => {
+		return getDefaultMiddleware({
+			serializableCheck: {
+				ignoredActions: [
+					FLUSH,
+					REHYDRATE,
+					PAUSE,
+					PERSIST,
+					PURGE,
+					REGISTER,
+				]
+			}
+		}).concat(gtsApi.middleware);
+	}
+});
+
+export const persistor = persistStore(store);
+
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;