Merge pull request #10 from HelloAsso/feature/token_generation

Feature/token generation

Author: lemarty

.gitignore

@@ -2,4 +2,7 @@ composer.phar
 /vendor/
 public/node_modules/
 .env*
-log.txt
+log.txt
+*.log
+
+node_modules/

LICENSE

@@ -451,7 +451,7 @@ propagate that work, subject to this License.  You are not responsible
 for enforcing compliance by third parties with this License.
 
   An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
+organization, or substantially all Assets of one, or subdividing an
 organization, or merging organizations.  If propagation of a covered
 work results from an entity transaction, each party to that
 transaction who receives a copy of the work also receives whatever

README.md

@@ -29,6 +29,8 @@ composer install
 ```
 
 Install frontend dependencies using npm:
+require node >22.12
+
 ```bash
 npm install
 ```
@@ -52,8 +54,13 @@ To set up your database, execute the SQL migrations provided:
 php migrations/run.php
 ```
 
+### Step 5: Build dependancies if needed
+```bash
+npm run build
+```
+
 ## Running the Application
-Once you have configured your environment, start your PHP server to run the application:
+Once you have configured your environment, start your PHP server from public folder to run the application:
 
 ```bash
 php -S localhost:8000
@@ -78,7 +85,7 @@ Also update WEBSITE_DOMAIN from you env file
 
 ### Framework & Technologies
 - **Backend:** PHP 8.3 with Slim Framework 4
-- **Frontend:** Bootstrap 5.3, CountUp.js, Moment.js
+- **Frontend:** Bootstrap 5.3, CountUp.js, Moment.js, Vite.js
 - **Database:** MySQL
 - **Template Engine:** Twig
 - **Dependency Injection:** PHP-DI
@@ -90,18 +97,19 @@ Also update WEBSITE_DOMAIN from you env file
 ```
 twitch-widget/
 ├── public/                 # Web root directory
-│   ├── css/               # Compiled CSS files
-│   ├── js/                # Compiled JavaScript files
+│   ├── dist/               # Compiled CSS and Javascript files
 │   └── index.php          # Application entry point
 ├── src/                   # Application source code
-│   ├── Controllers/       # Request handlers
+│   ├── Assets/            # Assets folders (scss + js)
+│   ├── Controllers/      # Request handlers
 │   ├── Models/           # Data models
 │   ├── Repositories/     # Data access layer
 │   ├── Services/         # Business logic services
 │   ├── Middlewares/      # Request/response middleware
 │   └── views/            # Twig templates
 ├── migrations/           # Database migration files
-└── vendor/              # Composer dependencies
+└── vendor/               # Composer dependencies
+└── node_modules/         # NPM dependencies
 ```
 
 ### Key Components
@@ -160,12 +168,13 @@ Database schema is managed through SQL migration files in the `migrations/` dire
 - `07-improve-user-rights.sql`: User permissions
 
 ### Frontend Assets
-JavaScript and CSS files are organized in `public/js/` and `public/css/`:
+JavaScript and CSS files are organized in `src/Assets/js/` and `src/Assets/css/`:
 - **admin.js:** Admin panel functionality
+- **app.js:** App module loader
 - **alert.js:** Alert widget logic
 - **event.js:** Event widget logic
 - **stream.js:** Stream management
-- **main.css:** Global styles
+- **main.scss:** Global styles
 
 ### Environment Configuration
 Key environment variables include:

composer.json

@@ -7,14 +7,15 @@
         "league/mime-type-detection": "^1.16",
         "mailchimp/transactional": "^1.0",
         "microsoft/azure-storage-blob": "^1.5",
-        "monolog/monolog": "^3.8",
+        "monolog/monolog": "^3.10",
         "php-di/php-di": "^7.0",
         "slim/slim": "^4.14",
         "slim/psr7": "^1.7",
         "slim/twig-view": "^3.4",
         "twig/intl-extra": "^3.18",
         "vlucas/phpdotenv": "^5.6",
-        "slim/flash": "^0.4.0"
+        "slim/flash": "^0.4.0",
+        "filp/whoops": "^2.18"
     },
     "autoload": {
         "psr-4": {