angular-generate 2.2.2 → 2.2.3

package/README.md

@@ -2,14 +2,13 @@
 
 **AngularGenerate** est un package Angular qui permet de générer automatiquement une application Angular complète à partir d'un fichier de configuration.
 
-Il permet notamment de générer les **modules, routes, composants, formulaires, listes, pages de détails et interfaces d'authentification** à partir des tables définies dans votre configuration.
 
-AngularGenerate peut fonctionner avec un backend Laravel généré automatiquement grâce au package **ControllerGenerate**.
+AngularGenerate fonctionne avec un backend Laravel généré automatiquement grâce au package [**ControllerGenerate**](https://packagist.org/packages/saloum45/controllergenerate)
 
 #### Packages utilisés :
 
 * Frontend : **AngularGenerate**
-* Backend : **ControllerGenerate**
+* Backend : [**ControllerGenerate**](https://packagist.org/packages/saloum45/controllergenerate)
 
 ---
 
@@ -19,14 +18,48 @@ AngularGenerate fonctionne à partir d'un fichier **`config.json`** contenant la
 
 Le principe est simple :
 
-1. Vous créez votre backend Laravel avec **ControllerGenerate**.
-2. ControllerGenerate génère les modèles, migrations, contrôleurs, routes et relations.
-3. Vous récupérez la configuration générée par le backend.
-4. Vous placez cette configuration dans votre projet Angular.
-5. AngularGenerate utilise cette configuration pour générer automatiquement le frontend.
-6. Les composants Angular sont générés en fonction des modules et des tables définis dans `config.json`.
+1. Vous créez votre backend Laravel avec [**ControllerGenerate**](https://packagist.org/packages/saloum45/controllergenerate).
+3. Vous récupérez le fichier **`config.json`**  généré par le backend dans la racine du projet Laravel.
+4. Copier ce fichier dans la racine de votre projet Angular.
+5. Les composants Angular sont générés en fonction des modules et des tables définis dans `config.json`.
 
-Vous pouvez ainsi partir d'une base de données et obtenir rapidement une structure complète **Backend Laravel + Frontend Angular**.
+Votre structure doit alors ressembler à ceci :
+
+```text
+mon-projet-angular/
+├── src/
+├── public/
+├── angular.json
+├── package.json
+├── tsconfig.json
+└── config.json
+```
+
+> ⚠️ **Important :** utilisez directement le `config.json` généré par votre backend Laravel afin de garantir que la configuration du frontend corresponde à celle de votre API.
+
+
+### Exemple de `config.json`
+
+Le fichier généré par le backend aura une structure similaire à :
+
+```json
+{
+    "projectName": "projet.angular",
+    "description": "Fichier de configuration de AngularGenerate",
+    "config_base_url": "http://localhost:8000",
+    "les_modules": [
+        {
+            "module": "home",
+            "les_tables": []
+        },
+        {
+            "module": "public",
+            "les_tables": []
+        }
+    ]
+}
+```
+Vous pouvez ainsi partir de deux packages et obtenir rapidement une structure complète **Backend Laravel + Frontend Angular**.
 
 ---
 
@@ -38,7 +71,7 @@ Avant d'utiliser AngularGenerate, assurez-vous d'avoir installé :
 * **npm**
 * **Angular CLI**
 * Un projet Angular
-* Un backend Laravel utilisant **ControllerGenerate**
+* Un backend Laravel utilisant [**ControllerGenerate**](https://packagist.org/packages/saloum45/controllergenerate)
 
 ---
 
@@ -52,10 +85,6 @@ Installez le package avec npm :
 npm install angular-generate
 ```
 
-Le package est disponible sur npm :
-
-https://www.npmjs.com/package/angular-generate
-
 ---
 
 ## 3️⃣ Installer Angular JWT
@@ -144,99 +173,6 @@ Puis importez les styles dans `style.css` ou `style.scss` :
 /* Importing NG-Select styles */
 @import url('../node_modules/@ng-select/ng-select/themes/default.theme.css');
 ```
-
----
-
-# Configuration
-
-## 1️⃣ Créer le fichier `config.json`
-
-Créez un fichier nommé :
-
-```text
-config.json
-```
-
-à la racine de votre projet Angular.
-
-Ce fichier contient la configuration utilisée par AngularGenerate pour savoir **quels modules et quelles tables doivent être générés**.
-
-Exemple :
-
-```json
-{
-    "projectName": "projet1.angular",
-    "description": "Fichier de configuration de AngularGenerate",
-    "config_base_url": "http://localhost:8000",
-    "les_modules": [
-        {
-            "module": "home",
-            "les_tables": []
-        },
-        {
-            "module": "public",
-            "les_tables": []
-        }
-    ]
-}
-```
-
-### `projectName`
-
-Nom du projet Angular :
-
-```json
-"projectName": "projet1.angular"
-```
-
-### `config_base_url`
-
-URL de votre backend Laravel :
-
-```json
-"config_base_url": "http://localhost:8000"
-```
-
-Cette URL correspond à l'application Laravel utilisant **ControllerGenerate**.
-
-### `les_modules`
-
-Cette propriété contient les différents modules de votre application.
-
-```json
-"les_modules": [
-    {
-        "module": "home",
-        "les_tables": []
-    },
-    {
-        "module": "public",
-        "les_tables": []
-    }
-]
-```
-
-Chaque module peut contenir plusieurs tables.
-
----
-
-# Configuration depuis ControllerGenerate
-
-L'un des objectifs d'AngularGenerate est de pouvoir fonctionner directement avec un backend généré par **ControllerGenerate**.
-
-Vous pouvez donc récupérer la configuration nécessaire directement depuis votre backend Laravel.
-
-Le backend contient les informations permettant à AngularGenerate de connaître :
-
-* les modèles ;
-* les tables ;
-* les attributs ;
-* les relations ;
-* les clés étrangères ;
-* les informations nécessaires à la génération du frontend.
-
-Cela permet d'éviter de reconstruire manuellement toute la configuration côté Angular.
-
 ---
 
 # Configuration de HttpClient
@@ -380,36 +316,6 @@ Génère la page permettant d'afficher les détails d'un enregistrement.
 
 ---
 
-### `login`
-
-Génère le formulaire de connexion à l'application.
-
-```bash
---type login
-```
-
----
-
-### `deconnexion`
-
-Génère la page permettant de gérer la déconnexion de l'utilisateur.
-
-```bash
---type deconnexion
-```
-
----
-
-### `not-found`
-
-Génère la page affichée lorsqu'une route demandée n'existe pas.
-
-```bash
---type not-found
-```
-
----
-
 # Exemple d'utilisation
 
 Supposons que nous avons une table :
@@ -581,38 +487,9 @@ Après l'utilisation d'AngularGenerate, vous disposez automatiquement d'une base
 * **Formulaires de modification** ;
 * **Pages de détails** ;
 * **Authentification** ;
-* **Déconnexion** ;
-* **Page 404 / Not Found** ;
 * Gestion des **relations entre tables** ;
 * Communication avec votre **API Laravel**.
 
----
-
-# Packages associés
 
-### ControllerGenerate
-
-Package Laravel permettant de générer automatiquement :
-
-* Controllers ;
-* Migrations ;
-* Routes ;
-* Relations ;
-* CRUD ;
-* Authentification.
-
-Documentation :
-
-https://packagist.org/packages/saloum45/controllergenerate
-
-### AngularGenerate
-
-Package Angular permettant de générer automatiquement le frontend à partir d'une configuration.
-
-Documentation et installation :
-
-https://www.npmjs.com/package/angular-generate
-
----
 
 ## Bon code 🧑🏽‍💻 Salem DEV 👈🏽 fait avec beaucoup de ❤️ et ☕️

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-generate",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Générateur de composant et code Angular à partir du fichier de configuration config.json",
   "scripts": {
     "build": "tsc -p tsconfig.json",