integration

Now, it can be build with maven,
we can debug using "yarn debug"
Updated readme

Author: omursahin

pom.xml

@@ -96,6 +96,27 @@
                     <target>${java.version}</target>
                 </configuration>
             </plugin>
+            <plugin>
+                <groupId>org.codehaus.mojo</groupId>
+                <artifactId>exec-maven-plugin</artifactId>
+                <version>3.1.0</version>
+                <executions>
+                    <execution>
+                        <id>yarn install build</id>
+                        <phase>generate-sources</phase>
+                        <goals>
+                            <goal>exec</goal>
+                        </goals>
+                        <configuration>
+                            <executable>yarn</executable>
+                            <arguments>
+                                <argument>installAndBuild</argument>
+                            </arguments>
+                            <workingDirectory>${project.basedir}/web-report</workingDirectory>
+                        </configuration>
+                    </execution>
+                </executions>
+            </plugin>
         </plugins>
     </build>
 

web-report/README.md

@@ -0,0 +1,63 @@
+# Web Report
+
+Web Fuzzing Commons (WFC): A set of standards and library support for facilitating fuzzing Web APIs.
+
+
+## Prerequisites
+
+- Node.js (version 18.x or higher)
+- npm (comes with Node.js) or Yarn (version 1.22.x or higher)
+
+## Installation
+
+Install dependencies using npm:
+```bash
+npm install
+```
+
+Or using Yarn:
+```bash
+yarn install
+```
+
+## Development
+
+To start the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+The development server will start at `http://localhost:5173` by default.
+
+## Building for Production
+
+To build the project for production:
+
+```bash
+npm run build
+# or
+yarn build
+```
+
+The build artifacts will be stored in the `dist/` directory.
+
+## Preview Production Build
+
+To preview the production build locally:
+
+```bash
+npm run preview
+# or
+yarn preview
+```
+
+## Available Scripts
+
+- `dev` - Start development server
+- `build` - Build for production
+- `preview` - Preview production build
+- `lint` - Run ESLint
+- `installAndBuild` - Install dependencies and build (Yarn only)

web-report/package-lock.json

@@ -5,9 +5,12 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "generate": "json2ts ../src/main/resources/wfc/schemas/report.yaml src/types/GeneratedTypes.tsx",
     "build": "tsc -b && vite build",
+    "installAndBuild": "yarn install && yarn generate && tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "debug": "cpx \"tests/static/*\" ../target/generated-sources/webreport && vite preview"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.3",
@@ -19,6 +22,7 @@
     "@tailwindcss/vite": "^4.0.14",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "json-schema-to-typescript": "^15.0.4",
     "lucide-react": "^0.483.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -35,11 +39,12 @@
     "@types/react-dom": "^19.0.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.4",
+    "cpx": "^1.5.0",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^15.15.0",
-    "typescript": "~5.7.2",
+    "typescript": "^5.8.3",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0"
   }

web-report/package.json

@@ -1,21 +1,22 @@
 import './App.css'
 import {Dashboard} from "@/components/Dashboard.tsx";
 import {useEffect, useState} from "react";
-import {ITestFilesType, ITypes} from "@/Types.tsx";
+import {WebFuzzingReport} from "@/types/GeneratedTypes.tsx";
 import {LoadingScreen} from "@/components/LoadingScreen.tsx";
 import {fetchFileContent} from "@/utils.tsx";
+import {ITestFiles} from "@/types/General.tsx";
 
 function App() {
 
-    const [data, setData] = useState<ITypes | null>(null);
+    const [data, setData] = useState<WebFuzzingReport | null>(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState<string | null>(null);
-    const [testFiles, setTestFiles] = useState<ITestFilesType[]>([]);
+    const [testFiles, setTestFiles] = useState<ITestFiles[]>([]);
 
     useEffect(() => {
         const fetchData = async () => {
             try {
-                const jsonData = await fetchFileContent('./report.json') as ITypes;
+                const jsonData = await fetchFileContent('./report.json') as WebFuzzingReport;
                 setData(jsonData);
             } catch (error: Error | unknown) {
                 if (error instanceof Error) {