feat(devtools): add JSON generator (#644)

* feat(devtools): add JSON generator

* fix: adjust icon size for delete button

Author: antonreshetov

package.json

@@ -43,6 +43,7 @@
     "@elysiajs/cors": "^1.2.0",
     "@elysiajs/node": "^1.4.2",
     "@elysiajs/swagger": "^1.3.1",
+    "@faker-js/faker": "^10.1.0",
     "@sinclair/typebox": "^0.34.41",
     "@vue-flow/background": "^1.3.2",
     "@vue-flow/controls": "^1.1.3",
@@ -85,7 +86,8 @@
     "toml": "^3.0.0",
     "uuid": "^11.1.0",
     "vue-sonner": "^1.3.0",
-    "vue3-perfect-scrollbar": "^2.0.0"
+    "vue3-perfect-scrollbar": "^2.0.0",
+    "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^3.16.0",

pnpm-lock.yaml

@@ -1,5 +1,75 @@
 {
   "label": "Vývojářské nástroje",
+  "generators": {
+    "label": "Generátory",
+    "json": {
+      "label": "JSON generátor",
+      "description": "Generovat náhodná JSON data s různými typy polí",
+      "fields": "Pole",
+      "fieldName": "Název pole",
+      "selectType": "Vybrat typ",
+      "addField": "Přidat pole",
+      "rowCount": "Počet řádků",
+      "maxRows": "Max 1000",
+      "categories": {
+        "general": "Obecné",
+        "person": "Osoba",
+        "internet": "Internet",
+        "location": "Umístění",
+        "finance": "Finance",
+        "commerce": "Obchod",
+        "company": "Společnost",
+        "lorem": "Lorem",
+        "date": "Datum",
+        "number": "Číslo",
+        "phone": "Telefon",
+        "image": "Obrázek"
+      },
+      "types": {
+        "rowNumber": "Číslo řádku",
+        "firstName": "Křestní jméno",
+        "lastName": "Příjmení",
+        "fullName": "Celé jméno",
+        "gender": "Pohlaví",
+        "jobTitle": "Pracovní pozice",
+        "email": "E-mailová adresa",
+        "username": "Uživatelské jméno",
+        "password": "Heslo",
+        "url": "URL",
+        "ipv4": "IP adresa v4",
+        "ipv6": "IP adresa v6",
+        "userAgent": "User Agent",
+        "city": "Město",
+        "country": "Země",
+        "streetAddress": "Adresa",
+        "zipCode": "PSČ",
+        "latitude": "Zeměpisná šířka",
+        "longitude": "Zeměpisná délka",
+        "amount": "Částka",
+        "currencyCode": "Kód měny",
+        "creditCardNumber": "Číslo kreditní karty",
+        "productName": "Název produktu",
+        "price": "Cena",
+        "department": "Oddělení",
+        "companyName": "Název společnosti",
+        "catchPhrase": "Slogan",
+        "word": "Slovo",
+        "sentence": "Věta",
+        "paragraph": "Odstavec",
+        "past": "Minulé datum",
+        "future": "Budoucí datum",
+        "recent": "Nedávné datum",
+        "birthdate": "Datum narození",
+        "int": "Celé číslo",
+        "float": "Desetinné číslo",
+        "boolean": "Boolean",
+        "phoneNumber": "Telefonní číslo",
+        "imei": "IMEI",
+        "avatar": "URL avatara",
+        "imageUrl": "URL obrázku"
+      }
+    }
+  },
   "converters": {
     "label": "Převodníky",
     "caseConverter": {

src/main/i18n/locales/cs_CZ/devtools.json

@@ -1,5 +1,75 @@
 {
   "label": "Entwicklertools",
+  "generators": {
+    "label": "Generatoren",
+    "json": {
+      "label": "JSON Generator",
+      "description": "Zufällige JSON-Daten mit verschiedenen Feldtypen generieren",
+      "fields": "Felder",
+      "fieldName": "Feldname",
+      "selectType": "Typ auswählen",
+      "addField": "Feld hinzufügen",
+      "rowCount": "Anzahl der Zeilen",
+      "maxRows": "Max 1000",
+      "categories": {
+        "general": "Allgemein",
+        "person": "Person",
+        "internet": "Internet",
+        "location": "Standort",
+        "finance": "Finanzen",
+        "commerce": "Handel",
+        "company": "Unternehmen",
+        "lorem": "Lorem",
+        "date": "Datum",
+        "number": "Zahl",
+        "phone": "Telefon",
+        "image": "Bild"
+      },
+      "types": {
+        "rowNumber": "Zeilennummer",
+        "firstName": "Vorname",
+        "lastName": "Nachname",
+        "fullName": "Vollständiger Name",
+        "gender": "Geschlecht",
+        "jobTitle": "Berufsbezeichnung",
+        "email": "E-Mail-Adresse",
+        "username": "Benutzername",
+        "password": "Passwort",
+        "url": "URL",
+        "ipv4": "IP-Adresse v4",
+        "ipv6": "IP-Adresse v6",
+        "userAgent": "User Agent",
+        "city": "Stadt",
+        "country": "Land",
+        "streetAddress": "Straßenadresse",
+        "zipCode": "Postleitzahl",
+        "latitude": "Breitengrad",
+        "longitude": "Längengrad",
+        "amount": "Betrag",
+        "currencyCode": "Währungscode",
+        "creditCardNumber": "Kreditkartennummer",
+        "productName": "Produktname",
+        "price": "Preis",
+        "department": "Abteilung",
+        "companyName": "Firmenname",
+        "catchPhrase": "Slogan",
+        "word": "Wort",
+        "sentence": "Satz",
+        "paragraph": "Absatz",
+        "past": "Vergangenes Datum",
+        "future": "Zukünftiges Datum",
+        "recent": "Kürzliches Datum",
+        "birthdate": "Geburtsdatum",
+        "int": "Ganzzahl",
+        "float": "Gleitkommazahl",
+        "boolean": "Boolesch",
+        "phoneNumber": "Telefonnummer",
+        "imei": "IMEI",
+        "avatar": "Avatar-URL",
+        "imageUrl": "Bild-URL"
+      }
+    }
+  },
   "converters": {
     "label": "Konverter",
     "caseConverter": {

src/main/i18n/locales/de_DE/devtools.json

@@ -1,5 +1,75 @@
 {
   "label": "Εργαλεία Προγραμματιστή",
+  "generators": {
+    "label": "Γεννήτριες",
+    "json": {
+      "label": "Γεννήτρια JSON",
+      "description": "Δημιουργία τυχαίων δεδομένων JSON με διάφορους τύπους πεδίων",
+      "fields": "Πεδία",
+      "fieldName": "Όνομα πεδίου",
+      "selectType": "Επιλέξτε τύπο",
+      "addField": "Προσθήκη πεδίου",
+      "rowCount": "Αριθμός γραμμών",
+      "maxRows": "Μέγιστο 1000",
+      "categories": {
+        "general": "Γενικά",
+        "person": "Άτομο",
+        "internet": "Διαδίκτυο",
+        "location": "Τοποθεσία",
+        "finance": "Οικονομικά",
+        "commerce": "Εμπόριο",
+        "company": "Εταιρεία",
+        "lorem": "Lorem",
+        "date": "Ημερομηνία",
+        "number": "Αριθμός",
+        "phone": "Τηλέφωνο",
+        "image": "Εικόνα"
+      },
+      "types": {
+        "rowNumber": "Αριθμός γραμμής",
+        "firstName": "Όνομα",
+        "lastName": "Επώνυμο",
+        "fullName": "Πλήρες όνομα",
+        "gender": "Φύλο",
+        "jobTitle": "Τίτλος εργασίας",
+        "email": "Διεύθυνση email",
+        "username": "Όνομα χρήστη",
+        "password": "Κωδικός πρόσβασης",
+        "url": "URL",
+        "ipv4": "Διεύθυνση IP v4",
+        "ipv6": "Διεύθυνση IP v6",
+        "userAgent": "User Agent",
+        "city": "Πόλη",
+        "country": "Χώρα",
+        "streetAddress": "Διεύθυνση",
+        "zipCode": "Ταχυδρομικός κώδικας",
+        "latitude": "Γεωγραφικό πλάτος",
+        "longitude": "Γεωγραφικό μήκος",
+        "amount": "Ποσό",
+        "currencyCode": "Κωδικός νομίσματος",
+        "creditCardNumber": "Αριθμός πιστωτικής κάρτας",
+        "productName": "Όνομα προϊόντος",
+        "price": "Τιμή",
+        "department": "Τμήμα",
+        "companyName": "Όνομα εταιρείας",
+        "catchPhrase": "Σλόγκαν",
+        "word": "Λέξη",
+        "sentence": "Πρόταση",
+        "paragraph": "Παράγραφος",
+        "past": "Προηγούμενη ημερομηνία",
+        "future": "Μελλοντική ημερομηνία",
+        "recent": "Πρόσφατη ημερομηνία",
+        "birthdate": "Ημερομηνία γέννησης",
+        "int": "Ακέραιος",
+        "float": "Δεκαδικός",
+        "boolean": "Boolean",
+        "phoneNumber": "Αριθμός τηλεφώνου",
+        "imei": "IMEI",
+        "avatar": "URL avatar",
+        "imageUrl": "URL εικόνας"
+      }
+    }
+  },
   "converters": {
     "label": "Μετατροπείς",
     "caseConverter": {