Use an in-memory repository to save shortened url

Author: selimyanat

webapp/app/api/url-shortener/route.ts

@@ -4,9 +4,6 @@ import { NextRequest, NextResponse } from 'next/server';
 export async function POST(request: NextRequest) {
   try {
     const { url } = await request.json();
-
-    console.log('Sending request body:', request.body); // ✅ Debugging
-
     if (!url || typeof url !== 'string') {
       throw new Error(`Invalid URL format ${url}`);
     }
@@ -37,9 +34,7 @@ async function shortenUrl(url: string): Promise<string> {
       throw new Error(errorResponse.error || 'Failed to shorten URL');
     }
 
-    const data = await response.json(); // Expected { shortenedUrl: "https://short.ly/abc123" }
-    console.log('URL shortened successfully:', data);
-
+    const data = await response.json();
     return data;
   } catch (error) {
     console.error('Error shortening URL:', error);

webapp/components/url-shortener/hooks/useURLShortener.ts

@@ -1,6 +1,5 @@
 import { useState } from 'react';
 import { shortenURL } from '../services/url-shorten-service';
-import * as console from 'node:console';
 
 export const useURLShortener = () => {
   const shorten = async () => {

webapp/components/url-shortener/services/url-shorten-service.ts

@@ -13,5 +13,5 @@ export const shortenURL = async (longUrl: string): Promise<string> => {
   }
 
   const data = await response.json();
-  return data.shortenedUrl.shortenedUrl;
+  return data.shortenedUrl;
 };

webapp/components/url-shortener/ui/URLShortener.test.jsx

@@ -1,7 +1,7 @@
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { describe, it, expect } from '@jest/globals';
 import { URLShortener } from './URLShortener';
-import React, { act } from 'react';
+import React from 'react';
 
 global.fetch = jest.fn();
 
@@ -26,7 +26,7 @@ describe('URLShortenerV2', () => {
     const shortenedUrl = 'https://short.ly/abc123';
     global.fetch = jest.fn().mockResolvedValue({
       ok: true,
-      json: async () => ({ shortenedUrl }), // API response in JSON
+      json: async () => ({ shortenedUrl: shortenedUrl }), // API response in JSON
     });
 
     render(<URLShortener />);
@@ -51,7 +51,6 @@ describe('URLShortenerV2', () => {
       const shortenedUrlTextBox = screen.getByRole('textbox', {
         name: /shortened url/i,
       });
-      //expect(shortenedUrlTextBox).toHaveValue('should-be-a-shortened-url');
       expect(shortenedUrlTextBox).toHaveValue(shortenedUrl);
       expect(
         screen.queryByRole('button', { name: /shorten url/i })