From e37e2657510c021013899901822a32e58525da01 Mon Sep 17 00:00:00 2001
From: limepotato <limepotato@noreply.iceshrimp.dev>
Date: Mon, 26 Aug 2024 20:28:22 +0200
Subject: [PATCH] revert a220810f76be1aecf9993db8f84afa7c8e26b522

revert Remove Experiments page
---
 .../client/src/pages/admin/experiments.vue    | 74 +++++++++++++++++++
 packages/client/src/pages/admin/index.vue     |  6 ++
 packages/client/src/router.ts                 |  5 ++
 3 files changed, 85 insertions(+)
 create mode 100644 packages/client/src/pages/admin/experiments.vue

diff --git a/packages/client/src/pages/admin/experiments.vue b/packages/client/src/pages/admin/experiments.vue
new file mode 100644
index 000000000..32ce9bfae
--- /dev/null
+++ b/packages/client/src/pages/admin/experiments.vue
@@ -0,0 +1,74 @@
+<template>
+	<MkStickyContainer>
+		<template #header
+			><MkPageHeader
+				:actions="headerActions"
+				:tabs="headerTabs"
+				:display-back-button="true"
+		/></template>
+		<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
+			<FormSuspense :p="init">
+				<FormSwitch
+					v-model="enablePostImports"
+					@update:modelValue="save"
+					class="_formBlock"
+				>
+					<template #label>
+						<i class="ph-download-simple ph-bold ph-lg"></i>
+						{{ i18n.ts._experiments.enablePostImports }}
+					</template>
+					<template #caption>{{
+						i18n.ts._experiments.postImportsCaption
+					}}</template>
+				</FormSwitch>
+			</FormSuspense>
+		</MkSpacer>
+	</MkStickyContainer>
+</template>
+
+<script lang="ts" setup>
+import {} from "vue";
+import MkStickyContainer from "@/components/global/MkStickyContainer.vue";
+import FormSuspense from "@/components/form/suspense.vue";
+import FormSwitch from "@/components/form/switch.vue";
+import * as os from "@/os";
+import { fetchInstance } from "@/instance";
+import { i18n } from "@/i18n";
+import { definePageMetadata } from "@/scripts/page-metadata";
+
+let enablePostImports = $ref(false);
+let meta = $ref<MetaExperiments | null>(null);
+
+type MetaExperiments = {
+	experimentalFeatures?: {
+		postImports?: boolean;
+	};
+};
+
+async function init() {
+	meta = (await os.api("admin/meta")) as MetaExperiments;
+	if (!meta) return;
+
+	enablePostImports = meta.experimentalFeatures?.postImports ?? false;
+}
+
+function save() {
+	const experiments: MetaExperiments = {
+		experimentalFeatures: {
+			postImports: enablePostImports,
+		},
+	};
+	os.apiWithDialog("admin/update-meta", experiments).then(() => {
+		fetchInstance();
+	});
+}
+
+const headerActions = $computed(() => []);
+
+const headerTabs = $computed(() => []);
+
+definePageMetadata({
+	title: i18n.ts._experiments.title,
+	icon: "ph-flask ph-bold ph-lg",
+});
+</script>
diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue
index e6c986c94..b489c56f0 100644
--- a/packages/client/src/pages/admin/index.vue
+++ b/packages/client/src/pages/admin/index.vue
@@ -259,6 +259,12 @@ const menuDef = $computed(() => [
 							to: "/admin/database",
 							active: currentPage?.route.name === "database",
 						},
+						{
+							icon: "ph-flask ph-bold ph-lg",
+							text: i18n.ts._experiments.title,
+							to: "/admin/experiments",
+							active: currentPage?.route.name === "experiments",
+						},
 					],
 				},
 		  ]
diff --git a/packages/client/src/router.ts b/packages/client/src/router.ts
index 9dc03c44a..243ab68a8 100644
--- a/packages/client/src/router.ts
+++ b/packages/client/src/router.ts
@@ -543,6 +543,11 @@ export const routes = [
 				name: "other-settings",
 				component: page(() => import("./pages/admin/custom-css.vue")),
 			},
+			{
+				path: "/experiments",
+				name: "experiments",
+				component: page(() => import("./pages/admin/experiments.vue")),
+			},
 			{
 				path: "/",
 				component: page(() => import("./pages/_empty_.vue")),