Nicolas Cantu
c7db6590f0
**Motivations :** * Create a complete simulator for 4NK Waste & Water modular waste treatment infrastructure * Implement frontend-only application with client-side data persistence * Provide seed data for wastes and natural regulators from specifications **Root causes :** * Need for a simulation tool to configure and manage waste treatment projects * Requirement for localhost-only access with persistent client-side storage * Need for initial seed data to bootstrap the application **Correctifs :** * Implemented authentication system with AuthContext * Fixed login/logout functionality with proper state management * Created placeholder pages for all routes **Evolutions :** * Complete application structure with React, TypeScript, and Vite * Seed data for 9 waste types and 52 natural regulators * Settings page with import/export and seed data loading functionality * Configuration pages for wastes and regulators with CRUD operations * Project management pages structure * Business plan and yields pages placeholders * Comprehensive UI/UX design system (dark mode only) * Navigation system with sidebar and header **Page affectées :** * All pages: Login, Dashboard, Waste Configuration, Regulators Configuration, Services Configuration * Project pages: Project List, Project Configuration, Treatment Sites, Waste Sites, Investors, Administrative Procedures * Analysis pages: Yields, Business Plan * Utility pages: Settings, Help * Components: Layout, Sidebar, Header, base components (Button, Input, Select, Card, Badge, Table) * Utils: Storage, seed data, formatters, validators, constants * Types: Complete TypeScript definitions for all entities
28 lines
890 B
TypeScript
28 lines
890 B
TypeScript
import React from 'react'
|
|
import ReactDOM from 'react-dom/client'
|
|
import { BrowserRouter } from 'react-router-dom'
|
|
import { AuthProvider } from './contexts/AuthContext'
|
|
import App from './App'
|
|
import './index.css'
|
|
|
|
// Check if running on localhost
|
|
if (window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') {
|
|
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
<div style={{ padding: '2rem', textAlign: 'center', color: '#EF4444' }}>
|
|
<h1>Access Restricted</h1>
|
|
<p>This application can only be accessed from localhost.</p>
|
|
<p>Current hostname: {window.location.hostname}</p>
|
|
</div>
|
|
)
|
|
} else {
|
|
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
<React.StrictMode>
|
|
<BrowserRouter>
|
|
<AuthProvider>
|
|
<App />
|
|
</AuthProvider>
|
|
</BrowserRouter>
|
|
</React.StrictMode>
|
|
)
|
|
}
|