Fixfrontendtests

.github/workflows/testing.yml

@@ -86,5 +86,53 @@ jobs:
         run: just frontend-install
       - name: Lint
         run: just frontend-lint
-        # - name: Build
-        #   run: just frontend-build
+  frontend-build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: install Just
+        uses: taiki-e/install-action@just
+      - name: Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: "npm"
+          cache-dependency-path: ./frontend/package-lock.json
+      - name: Install Dependencies
+        run: just frontend-install
+      - name: Build
+        run: just frontend-build
+  frontend-testing:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: install Just
+        uses: taiki-e/install-action@just
+      - name: Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: "npm"
+          cache-dependency-path: ./frontend/package-lock.json
+      - name: Install Dependencies
+        run: just frontend-install
+      - name: test
+        run: just frontend-test
+  end-to-end-testing:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: install Just
+        uses: taiki-e/install-action@just
+      - name: Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: "npm"
+          cache-dependency-path: ./frontend/package-lock.json
+      - name: Install Dependencies
+        run: just frontend-install
+      - name: Start containers
+        run: just docker-up-detached
+      - name: test
+        run: just e2e-test

.gitignore

@@ -1,4 +1,3 @@
-
 # Byte-compiled / optimized / DLL files
 __pycache__/
 *.py[cod]
@@ -19,7 +18,9 @@ dist/
 downloads/
 eggs/
 .eggs/
-lib/
+/lib/
+backend/lib/
+!frontend/lib/
 lib64/
 parts/
 sdist/
@@ -270,3 +271,4 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+node_modules

.pre-commit-config.yaml

@@ -2,19 +2,19 @@ repos:
   - repo: https://github.com/pre-commit/pre-commit-hooks
     rev: v5.0.0
     hooks:
-    - id: check-added-large-files
-    - id: check-toml
-    - id: check-yaml
-    - id: debug-statements
-    - id: end-of-file-fixer
-    - id: trailing-whitespace
+      - id: check-added-large-files
+      - id: check-toml
+      - id: check-yaml
+      - id: debug-statements
+      - id: end-of-file-fixer
+      - id: trailing-whitespace
   - repo: https://github.com/pre-commit/mirrors-mypy
     rev: v1.14.0
     hooks:
-    - id: mypy
+      - id: mypy
   - repo: https://github.com/astral-sh/ruff-pre-commit
     rev: v0.8.4
     hooks:
-    - id: ruff
-      args: [--fix, --exit-non-zero-on-fix]
-    - id: ruff-format
+      - id: ruff
+        args: [--fix, --exit-non-zero-on-fix]
+      - id: ruff-format

app/login/page.tsx

@@ -0,0 +1 @@
+const message = "It's a great day!";

babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript'
+  ]
+};

backend/.dockerignore

@@ -13,3 +13,4 @@ htmlcov
 Dockerfile
 .dockerignore
 .git
+.env

components/ChatInterfaceClient.tsx

@@ -0,0 +1,8 @@
+// existing code...
+// import ChatMessage from './ChatMessage';
+// import AgentResponse from './AgentResponse';
+// const activeFeedback = ...;
+// const isMobile = ...;
+// const handleFeedback = ...;
+// const handleFeedbackComment = ...;
+// existing code...

frontend/.dockerignore

@@ -3,8 +3,11 @@
 Dockerfile
 .dockerignore
 node_modules
-.env
+.next
 .git
+.gitignore
+README.md
+.env
 logs
 *.log
 npm-debug.log*

frontend/POSD.md

@@ -0,0 +1,31 @@
+# Applying "A Philosophy of Software Design" Principles
+
+This document outlines how the SCANUEV project applies the principles from "A Philosophy of Software Design" by John Ousterhout.
+
+## Complexity Management
+
+The `ChatInterfaceClient` component manages complexity by breaking down functionality into smaller, manageable pieces and using hooks for state management.
+
+## Deep Modules
+
+The `ChatService` class provides a simple interface while hiding complex implementation details, demonstrating the principle of deep modules.
+
+## Information Hiding
+
+The `AgentConfigService` module encapsulates agent-specific configurations, hiding implementation details and providing a clean interface.
+
+## Error Handling
+
+The project centralizes error handling, providing meaningful error messages and using constants for error messages.
+
+## Separation of Concerns
+
+The project structure demonstrates good separation of concerns, with clear distinctions between components, hooks, services, and utilities.
+
+## Reusable Components
+
+UI components are designed to be reusable and modular, promoting code reuse and consistency across the application.
+
+## Comments and Documentation
+
+The codebase uses JSDoc comments and markdown documentation to provide clear explanations of functionality, parameters, and return values.

frontend/README.md

@@ -0,0 +1,73 @@
+# SCANUEV Frontend
+
+This is the frontend for the SCANUEV project, an advanced conversational AI platform.
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js (version 14 or later)
+- npm or yarn
+
+### Installation
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/yourusername/SCANUEV.git
+   cd SCANUEV/frontend
+   ```
+
+2. Install dependencies:
+   ```bash
+   npm install
+   # or
+   yarn install
+   ```
+
+### Running the Development Server
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+### Building for Production
+
+```bash
+npm run build
+# or
+yarn build
+```
+
+### Linting and Formatting
+
+```bash
+npm run lint
+npm run format
+```
+
+### Testing
+
+```bash
+npm run test
+```
+
+## Project Structure
+
+- `components/`: React components
+- `hooks/`: Custom React hooks
+- `services/`: Service classes and utilities
+- `utils/`: Utility functions
+- `constants/`: Application constants
+- `types/`: TypeScript type definitions
+
+## Contributing
+
+Contributions are welcome! Please read the [contributing guidelines](CONTRIBUTING.md) first.
+
+## License
+
+This project is licensed under the MIT License.