feat: 🔒 saving changes for later

apps/web/app/(app)/loading/page.tsx

@@ -24,8 +24,15 @@ const LoadingPage = (): JSX.Element => {
       try {
         setProgress(25);
 
-        const response = await fetch('/api/get-formatted-data');
-        const contentType = response.headers.get('content-type');
+        const response = await fetch('/api/format-data', {
+          body: JSON.stringify({
+            value: localStorage.getItem('xml-data'),
+          }),
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        });
 
         if (!response.ok) {
           const errorData = await response.json();
@@ -39,7 +46,6 @@ const LoadingPage = (): JSX.Element => {
           throw new Error('No data received from server');
         }
 
-        // Store the data
         localStorage.setItem('json-data', JSON.stringify(data));
 
         setProgress(100);

apps/web/app/(app)/results/page.tsx

@@ -65,7 +65,6 @@ const ResultsPage = (): JSX.Element => {
   useEffect(() => {
     const loadData = async () => {
       try {
-        // First try to get data from localStorage
         const resultData = localStorage.getItem('json-data');
         if (resultData) {
           const testResult: TestResultData[] = JSON.parse(resultData);

apps/web/app/api/format-data/route.ts

@@ -0,0 +1,28 @@
+import { getData } from '@ultra-reporter/ui/data';
+import { getTestResults } from '@ultra-reporter/utils/xml-parser';
+import { NextRequest, NextResponse } from 'next/server';
+
+export async function POST(request: NextRequest) {
+  try {
+    const { value } = await request.json();
+
+    if (!value) {
+      return NextResponse.json(
+        { error: 'Please upload a file first' },
+        { status: 404 }
+      );
+    }
+
+    console.log(value);
+    const testResult = getTestResults(value);
+    const formattedData = getData(testResult);
+
+    return NextResponse.json(formattedData);
+  } catch (error) {
+    console.error('Error getting formatted data:', error);
+    return NextResponse.json(
+      { error: 'Error retrieving formatted data' },
+      { status: 500 }
+    );
+  }
+}

apps/web/app/api/process-file/route.ts

@@ -1,8 +1,5 @@
-import { getData } from '@ultra-reporter/ui/data';
-import {
-  convertToJson,
-  getTestResults,
-} from '@ultra-reporter/utils/xml-parser';
+import { convertToJson } from '@ultra-reporter/utils/xml-parser';
+import { FileReader } from 'fs/promises';
 import { NextRequest, NextResponse } from 'next/server';
 
 export async function POST(request: NextRequest) {
@@ -21,7 +18,13 @@ export async function POST(request: NextRequest) {
       );
     }
 
-    const xmlContent = await file.text();
+    let xmlContent: string | null = null;
+    const reader = new FileReader();
+    reader.onload = async (e) => {
+      xmlContent = e.target?.result as string;
+    };
+    reader.readAsText(file);
+
     if (!xmlContent) {
       return NextResponse.json(
         { error: 'Empty file content' },
@@ -30,22 +33,7 @@ export async function POST(request: NextRequest) {
     }
 
     const jsonData = convertToJson(xmlContent);
-    const testResult = getTestResults(jsonData);
-    const processedData = getData(testResult);
-
-    // Create the response first
-    const response = NextResponse.json({ success: true });
-
-    // Set cookie in the response
-    response.cookies.set('test-results', JSON.stringify(processedData), {
-      path: '/',
-      maxAge: 3600,
-      httpOnly: false, // Set to false so client-side can access it
-      secure: process.env.NODE_ENV === 'production',
-      sameSite: 'lax',
-    });
-
-    return response;
+    return NextResponse.json(jsonData);
   } catch (error) {
     console.error('Error processing file:', error);
     return NextResponse.json(

apps/web/package.json

@@ -17,6 +17,7 @@
     "@next/third-parties": "^15.0.4",
     "@tanstack/react-table": "^8.20.5",
     "@ultra-reporter/analytics": "workspace:*",
+    "@ultra-reporter/kv": "workspace:*",
     "@ultra-reporter/feature-toggle": "workspace:*",
     "@ultra-reporter/ui": "workspace:*",
     "@ultra-reporter/utils": "workspace:*",

packages/kv/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@ultra-reporter/kv",
+  "description": "Ultra Reporter Redis and Rate limiter",
+  "version": "0.6.0",
+  "private": true,
+  "scripts": {
+    "lint": "eslint . --max-warnings 0"
+  },
+  "exports": {
+    "./redis": "./src/index.ts",
+    "./ratelimit": "./src/rate-limit.ts"
+  },
+  "devDependencies": {
+    "@ultra-reporter/typescript-config": "workspace:*"
+  },
+  "dependencies": {
+    "@upstash/ratelimit": "^2.0.5",
+    "@upstash/redis": "^1.34.3",
+    "server-only": "^0.0.1"
+  }
+}

packages/kv/src/index.ts

@@ -0,0 +1,4 @@
+import { Redis } from '@upstash/redis';
+import 'server-only';
+
+export const redis = Redis.fromEnv();

packages/kv/src/rate-limit.ts

@@ -0,0 +1,10 @@
+import { Ratelimit } from '@upstash/ratelimit';
+import 'server-only';
+import { redis } from './index';
+
+export const ratelimit = new Ratelimit({
+  limiter: Ratelimit.slidingWindow(5, '10s'),
+  redis,
+  analytics: true,
+  timeout: 10000,
+});

packages/kv/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "@ultra-reporter/typescript-config/react-library.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["dist", "build", "node_modules"]
+}

packages/ui/src/utils/file-upload.tsx

@@ -51,6 +51,8 @@ export const FileUpload = (): JSX.Element => {
           throw new Error(error.error || 'Failed to process file');
         }
 
+        localStorage.setItem('xml-data', JSON.stringify(await response.json()));
+
         router.push('/loading');
       } catch (error) {
         console.error('Error processing file:', error);