better redirects & auto activate

src/routes/tools/ToolEdit.svelte

@@ -10,6 +10,9 @@
 	import { colors, icons } from "$lib/utils/tools";
 	import { applyAction, enhance } from "$app/forms";
 	import { getGradioApi } from "$lib/utils/getGradioApi";
+	import { useSettingsStore } from "$lib/stores/settings";
+	import { goto } from "$app/navigation";
+	import { base } from "$app/paths";
 
 	type ActionData = {
 		error: boolean;
@@ -40,8 +43,9 @@
 	let editableTool: CommunityToolEditable = tool ?? {
 		displayName: "",
 		description: "",
-		color: "blue",
-		icon: "wikis",
+		// random color & icon for new tools
+		color: colors[Math.floor(Math.random() * colors.length)],
+		icon: icons[Math.floor(Math.random() * icons.length)],
 		baseUrl: "",
 		endpoint: "",
 		name: "process_image",
@@ -136,6 +140,8 @@
 				return "str";
 		}
 	}
+
+	const settings = useSettingsStore();
 </script>
 
 <form
@@ -147,7 +153,13 @@
 
 		return async ({ result }) => {
 			formLoading = false;
-			await applyAction(result);
+
+			if (result.type === "success" && result.data && typeof result.data.toolId === "string") {
+				$settings.tools = [...($settings.tools ?? []), result.data.toolId];
+				goto(`${base}/tools/${result.data.toolId}`, { invalidateAll: true });
+			} else {
+				await applyAction(result);
+			}
 		};
 	}}
 >

src/routes/tools/[toolId]/+page.svelte

@@ -24,7 +24,7 @@
 	let previousPage: string = base;
 
 	afterNavigate(({ from }) => {
-		if (!from?.url.pathname.includes("settings")) {
+		if (!from?.url.pathname.includes("tools/")) {
 			previousPage = from?.url.toString() || previousPage;
 		}
 	});

src/routes/tools/[toolId]/edit/+page.server.ts

@@ -59,6 +59,6 @@ export const actions = {
 			}
 		);
 
-		throw redirect(302, `${base}/tools`);
+		throw redirect(302, `${base}/tools/${tool._id.toString()}`);
 	},
 };

src/routes/tools/[toolId]/edit/+page.svelte

@@ -10,7 +10,9 @@
 	export let form;
 
 	afterNavigate(({ from }) => {
-		previousPage = from?.url.toString() || previousPage;
+		if (!from?.url.pathname.includes("tools/")) {
+			previousPage = from?.url.toString() || previousPage;
+		}
 	});
 </script>
 

src/routes/tools/new/+page.server.ts

@@ -65,12 +65,7 @@ export const actions = {
 			featured: false,
 			searchTokens: generateSearchTokens(parse.data.name),
 		});
-		// add insertedId to user settings
 
-		await collections.settings.updateOne(authCondition(locals), {
-			$addToSet: { tools: insertedId.toString() },
-		});
-
-		throw redirect(302, `${base}/tools`);
+		return { toolId: insertedId.toString() };
 	},
 };