add shortener

Author: ismailgunayy

apps/client/src/app/[id]/page.tsx

@@ -13,6 +13,7 @@ import debounce from "@/helpers/debounce";
 import editorLanguageOptions from "@/data/languages";
 import editorThemeOptions from "@/data/themes";
 import { getSession } from "@/service/api/session";
+import { shortenUrl } from "@/service/shortener";
 import toast from "react-hot-toast";
 import useSocket from "@/hooks/useSocket";
 
@@ -51,9 +52,12 @@ export default function ShareCode() {
 	}, [socket, sessionID]);
 
 	const handleCopyURL = async () => {
+		const url = window.location.href;
+		const shortenedUrl = await shortenUrl(url);
+
 		const type = "text/plain";
 		const clipboardItemData = {
-			[type]: window.location.href
+			[type]: shortenedUrl
 		};
 		const clipboardItem = new ClipboardItem(clipboardItemData);
 

apps/client/src/common/env.ts

@@ -2,10 +2,12 @@ const NODE_ENV = process.env.NODE_ENV;
 const PORT = Number(process.env.PORT) || 3023;
 const API_URL = process.env.API_URL || "http://localhost:3123/api";
 const WS_SERVER_URL = process.env.WS_SERVER_URL || "ws://localhost:3123";
+const SHORTENER_API_URL = process.env.SHORTENER_API_URL || "http://localhost:3024/api";
 
 export const env = {
 	NODE_ENV,
 	PORT,
 	API_URL,
-	WS_SERVER_URL
+	WS_SERVER_URL,
+	SHORTENER_API_URL
 };

apps/client/src/service/shortener.ts

@@ -0,0 +1,30 @@
+import axios from "axios";
+import { env } from "@/common/env";
+
+const shortenerApi = axios.create({
+	baseURL: env.SHORTENER_API_URL
+});
+
+const authenticate = async () => {
+	const { data, status } = await shortenerApi.get("/auth");
+
+	if (status === 200 && data.accessToken) {
+		shortenerApi.defaults.headers.common["Authorization"] = `Bearer ${data.accessToken}`;
+	}
+};
+
+export const shortenUrl = async (url: string) => {
+	try {
+		if (!shortenerApi.defaults.headers.common["Authorization"]) {
+			await authenticate();
+		}
+
+		const { data, status } = await shortenerApi.post("/url/shorten", { url });
+
+		if (status === 200 && data.url) {
+			return data.url;
+		}
+	} catch {
+		return url;
+	}
+};