Open same page when clicking on make changes on local machine — radicle-explorer

👉 Preview
👉 Workflow runs
👉 Branch on GitHub

 <script>
   import { api, httpdStore } from "@app/lib/httpd";
   import Command from "./Command.svelte";
   import { api, httpdStore } from "@app/lib/httpd";
   import { routeToPath, activeUnloadedRouteStore } from "@app/lib/router";
   $: path = window.location.href.replace(window.location.origin, "");
   $: path = routeToPath($activeUnloadedRouteStore);
   $: pathParam = path === "/" ? "" : `--path "${path}"`;
 </script>

 export { type Route };
 const InitialStore = { resource: "booting" as const };
 export const isLoading = writable<boolean>(true);
 export const activeRouteStore = writable<LoadedRoute>({
   resource: "booting",
 });
 export const activeRouteStore = writable<LoadedRoute>(InitialStore);
 export const activeUnloadedRouteStore = writable<Route>(InitialStore);
 let currentUrl: URL | undefined;

   setTitle(loadedRoute);
   activeRouteStore.set(loadedRoute);
   activeUnloadedRouteStore.set(newRoute);
   isLoading.set(false);
 }

   }
 }
 export function urlToRoute(url: URL): Route | null {
 function urlToRoute(url: URL): Route | null {
   const segments = url.pathname.substring(1).split("/");
   const resource = segments.shift();

   import { queryProject } from "@app/lib/projects";
   import { config } from "@app/lib/config";
   import { formatPublicExplorer } from "@app/lib/utils";
   import { routeToPath, urlToRoute } from "@app/lib/router";
   import { activeUnloadedRouteStore, routeToPath } from "@app/lib/router";
   import Clipboard from "@app/components/Clipboard.svelte";
   import Command from "@app/components/Command.svelte";

   let usedFallbackSeed = false;
   const route = urlToRoute(new URL(window.location.href)) as ProjectRoute;
   const route = $activeUnloadedRouteStore as ProjectRoute;
   const seedRoutes = preferredSeeds.reduce<ProjectRoute[]>((acc, seed) => {
     const [, address] = seed.split("@");
     acc.push({

 <script lang="ts">
   import type { BaseUrl } from "@httpd-client";
   import type { Route } from "@app/lib/router/definitions";
   import { activeUnloadedRouteStore } from "@app/lib/router";
   import { api, httpdStore } from "@app/lib/httpd";
   import { isLocal } from "@app/lib/utils";

   export let localProject: "notFound" | "found" | undefined;
   export let projectId: string;
   export let popover: boolean = false;
   let route: Route;
   $: {
     route = $activeUnloadedRouteStore;
     if ("node" in route) {
       route.node = api.baseUrl;
     }
   }
 </script>
 <style>

   {#if !hideLocalButton}
     <div style:padding-top="1rem">
       <Link
         disabled={disableLocalButton}
         route={{
           resource: "project.source",
           node: api.baseUrl,
           project: projectId,
         }}>
       <Link {route} disabled={disableLocalButton}>
         <Button size="large" styleWidth="100%" disabled={disableLocalButton}>
           <IconSmall name="device" />Make changes on your local node
         </Button>

         },
       });
     }
     const route = router.urlToRoute(
     void router.navigateToUrl(
       "replace",
       new URL(activeRoute.params.path || "", window.location.origin),
     );
     if (route) {
       void router.push(route);
     } else {
       void router.push({ resource: "home" });
     }
   });
 </script>