Add UUID v7 to /id

sergiodxa · Jun 24, 2024 · 6748388 · 6748388
1 parent 90cd97e
commit 6748388
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/app/routes/id.tsx b/app/routes/id.tsx
@@ -3,22 +3,24 @@ import { json } from "@remix-run/cloudflare";
 import { useLoaderData } from "@remix-run/react";
 import { useId } from "react";
 import { ulid } from "ulidx";
+import { v7 } from "uuid";
 
 export function loader() {
 	return json({
-		uuid: crypto.randomUUID(),
+		uuidv4: crypto.randomUUID(),
+		uuidv7: v7(),
 		cuid: createId(),
 		ulid: ulid(),
 	});
 }
 
 export default function Component() {
-	let { uuid, cuid, ulid } = useLoaderData<typeof loader>();
-	let id = useId();
+	let { uuidv4, uuidv7, cuid, ulid } = useLoaderData<typeof loader>();
 
 	return (
 		<main className="flex min-h-screen w-full flex-col items-center justify-center gap-6 font-mono">
-			<Identifier label="UUID" value={uuid} />
+			<Identifier label="UUID v4" value={uuidv4} />
+			<Identifier label="UUID v7" value={uuidv7} />
 			<Identifier label="CUID" value={cuid} />
 			<Identifier label="ULID" value={ulid} />
 		</main>

diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -80,6 +80,7 @@
 		"tiny-invariant": "^1.3.1",
 		"turbo-stream": "^2.0.1",
 		"ulidx": "^2.3.0",
+		"uuid": "^10.0.0",
 		"zod": "^3.22.4"
 	},
 	"devDependencies": {
@@ -97,6 +98,7 @@
 		"@types/prismjs": "^1.26.3",
 		"@types/react": "^18.2.14",
 		"@types/react-dom": "^18.2.7",
+		"@types/uuid": "^10.0.0",
 		"@vitejs/plugin-react": "^4.0.3",
 		"@vitest/coverage-v8": "^1.2.1",
 		"cross-env": "^7.0.3",