Handle URLs with weird characters

app/routes/short-links.tsx

@@ -54,9 +54,12 @@ export default function () {
   const toast = useToast();
 
   async function deleteLink(path: string) {
-    const deleteResp = await fetch(`/api/short-links/${path}`, {
+    const deleteResp = await fetch(
+      `/api/short-links/${encodeURIComponent(path)}`,
+      {
         method: "DELETE",
-    });
+      },
+    );
 
     if (!deleteResp.ok) {
       let error = "Unknown error";
@@ -103,7 +106,9 @@ export default function () {
                   <Td
                     onClick={() => {
                       navigator.clipboard.writeText(
+                        encodeURIComponent(
                           `https://carcrushe.rs/${entry.path}`,
+                        ),
                       );
                       alert("Link copied");
                     }}

functions/api/short-links/[[id]].ts

@@ -1,7 +1,7 @@
 import { jsonError } from "../../common.js";
 
 export async function onRequestDelete(context: RequestContext) {
-  const path = context.params.id;
+  const path = decodeURIComponent(context.params.id as string);
 
   if (typeof path !== "string") return jsonError("Invalid path", 400);
 
@@ -42,7 +42,11 @@ export async function onRequestPatch(context: RequestContext) {
   await context.env.D1.prepare(
     "UPDATE short_links SET path = ? WHERE path = ? AND user = ?;",
   )
-    .bind(path, context.params.id, context.data.current_user.id)
+    .bind(
+      path,
+      decodeURIComponent(context.params.id as string),
+      context.data.current_user.id,
+    )
     .run();
 
   return new Response(null, {