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

package-lock.json

@@ -87,6 +87,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",
@@ -7995,6 +7996,13 @@
 				"node": ">=14.20.1"
 			}
 		},
+		"node_modules/bson-objectid": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/bson-objectid/-/bson-objectid-2.0.4.tgz",
+			"integrity": "sha512-vgnKAUzcDoa+AeyYwXCoHyF2q6u/8H46dxu5JN+4/TZeq/Dlinn0K6GvxsCLb3LHUJl0m/TLiEK31kUwtgocMQ==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
 		"node_modules/buffer": {
 			"version": "6.0.3",
 			"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",

package.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",

src/lib/APIClient.ts

@@ -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;