feat: add bson-objectid package and custom serialization for ObjectId in API client

Author: nsarrazin

package-lock.json

@@ -43,6 +43,7 @@
 		"@types/uuid": "^9.0.8",
 		"@typescript-eslint/eslint-plugin": "^6.x",
 		"@typescript-eslint/parser": "^6.x",
+		"bson-objectid": "^2.0.4",
 		"dompurify": "^3.2.4",
 		"elysia": "^1.3.2",
 		"eslint": "^8.28.0",

package.json

@@ -3,6 +3,22 @@ import { base } from "$app/paths";
 import { treaty, type Treaty } from "@elysiajs/eden";
 import { browser } from "$app/environment";
 import superjson from "superjson";
+import ObjectId from "bson-objectid";
+
+superjson.registerCustom<ObjectId, string>(
+	{
+		isApplicable: (value): value is ObjectId => {
+			if (ObjectId.isValid(value)) {
+				const str = value.toString();
+				return /^[0-9a-fA-F]{24}$/.test(str);
+			}
+			return false;
+		},
+		serialize: (value) => value.toString(),
+		deserialize: (value) => new ObjectId(value),
+	},
+	"ObjectId"
+);
 
 export function useAPIClient({ fetch }: { fetch?: Treaty.Config["fetcher"] } = {}) {
 	let url;