support old hashes

Author: milomg

packages/playground/src/app.tsx

@@ -1,5 +1,5 @@
 import { Show, JSX, Suspense } from 'solid-js';
-import { Router, Route } from '@solidjs/router';
+import { Router, Route, Navigate } from '@solidjs/router';
 import { eventBus, setEventBus } from './utils/serviceWorker';
 import { Update } from './components/update';
 import { useZoom } from 'solid-repl/src/hooks/useZoom';
@@ -27,6 +27,8 @@ export const App = (): JSX.Element => {
     }
   });
 
+  const searchParams = new URLSearchParams(window.location.search);
+
   return (
     <div class="dark:bg-solid-darkbg relative flex h-screen flex-col overflow-auto bg-white font-sans text-slate-900 dark:text-slate-50">
       <Router
@@ -40,6 +42,9 @@ export const App = (): JSX.Element => {
       </Router>
 
       <Show when={eventBus()} children={<Update onDismiss={() => setEventBus(false)} />} />
+      <Show when={searchParams.has("hash")}>
+        <Navigate href={`/anonymous/${searchParams.get("hash")}`} />
+      </Show>
     </div>
   );
 };

packages/playground/src/pages/edit.tsx

@@ -105,7 +105,9 @@ export const Edit = () => {
       let output: APIRepl;
 
       if (repl) {
-        output = await fetch(`${API}/repl/${repl}`).then((r) => r.json());
+        const data = await fetch(`${API}/repl/${repl}`);
+        output = await data.json();
+        navigate(`/anonymous/${output.id}`);
       } else {
         const myScratchpad = localStorage.getItem('scratchpad');
         if (!myScratchpad) {