Spaces:

NaA-IA
/

Prenma

Running

App Files Files Community

Clemylia commited on Sep 11

Commit

92c31ea

verified ·

1 Parent(s): f0961c6

Update index.html

Browse files

Files changed (1) hide show

index.html +64 -62

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Prenma - Générateur de noms</title>
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -91,7 +91,7 @@
             border-radius: 5px;
             font-size: 24px;
             color: #fff;
-            word-wrap: break-word; /* Pour les longs noms */
         }
     </style>
 </head>
@@ -119,79 +119,81 @@
         <label for="includeNumbers">Inclure des chiffres</label>
     </div>
-    <button onclick="generateName()">Générer</button>
     <div id="result">
         Nom généré :
     </div>
 </div>
-<script>
-    const vowels = 'aeiouy';
-    const consonants = 'bcdfghjklmnpqrstvwxyz';
-    const numbers = '0123456789';
-    function getRandomChar(str) {
-        return str[Math.floor(Math.random() * str.length)];
-    }
-    function generateFantasyName(length) {
-        let name = '';
-        let lastCharType = Math.random() < 0.5 ? 'vowel' : 'consonant';
-        for (let i = 0; i < length; i++) {
-            if (lastCharType === 'vowel') {
-                name += getRandomChar(consonants);
-                lastCharType = 'consonant';
-            } else {
-                name += getRandomChar(vowels);
-                lastCharType = 'vowel';
             }
         }
-        return name.charAt(0).toUpperCase() + name.slice(1);
-    }
-    function generateRealName() {
-        // Liste de prénoms et noms de familles
-        const firstNames = ['Alex', 'Léa', 'Lucas', 'Emma', 'Hugo', 'Chloé', 'Théo', 'Manon', 'Louise', 'Clementine', 'charlotte', 'Nicole', 'Rose', 'Françoise', 'Elsa', 'Julie', 'Karine', 'Emylie', 'Sylvie', 'Antoine', 'Mïa', "Elena", 'Mathieu', 'Clemence', 'Xavier', 'Laura', 'Veronique', 'Gloria', 'Louna', 'Oceanne', 'Violetine', 'Nora', 'Leo', 'Valentina', 'Nina', 'Lora', 'Dania', 'Sandra', 'Anaselia', 'Anastasia', 'Vincent', 'Olga', 'Maya', 'Lucie', 'Sindy', 'Sandy', 'Wendy', 'Julien', 'Clementine', 'Xavier', 'Georgia'];
-        const lastNames = ['Martin', 'Dubois', 'Thomas', 'Robert', 'Petit', 'Durand', 'Leroy', 'Moreau', 'Garcia', 'Bonnet', 'Castorina', 'Baril', 'Geneviere', 'Jonia', 'Mazoo', 'Noca', 'Cary', 'Astro', 'Grosiel', 'Lebois', 'Marte', 'Reno', 'Luminis', 'Zexir', 'Norza', 'Zilda', 'Kachallit', 'Vanilla', 'Durand', 'Bonnard', 'Le marseille', 'Nicotouche', 'Montaise', 'Dubeure', 'Carco', 'Tary'];
-        const randomFirstName = firstNames[Math.floor(Math.random() * firstNames.length)];
-        const randomLastName = lastNames[Math.floor(Math.random() * lastNames.length)];
-        return randomFirstName + ' ' + randomLastName;
     }
-    function addNumbers(name) {
-        let numLength = Math.floor(Math.random() * 4) + 1; // 1 à 4 chiffres
-        let numbersPart = '';
-        for (let i = 0; i < numLength; i++) {
-            numbersPart += getRandomChar(numbers);
         }
-        return name + numbersPart;
     }
-    function generateName() {
-        const length = document.getElementById('nameLength').value;
-        const style = document.getElementById('nameStyle').value;
-        const includeNumbers = document.getElementById('includeNumbers').checked;
-        const resultDiv = document.getElementById('result');
-        let generatedName;
-        if (style === 'fantasy') {
-            generatedName = generateFantasyName(length);
-        } else {
-            generatedName = generateRealName();
-        }
-        if (includeNumbers) {
-            generatedName = addNumbers(generatedName);
-        }
-        resultDiv.textContent = 'Nom généré : ' + generatedName;
-    }
 </script>
 </body>
-</html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Prenma - Générateur de noms (modèle)</title>
     <style>
         body {
             font-family: Arial, sans-serif;
             border-radius: 5px;
             font-size: 24px;
             color: #fff;
+            word-wrap: break-word;
         }
     </style>
 </head>
         <label for="includeNumbers">Inclure des chiffres</label>
     </div>
+    <button id="generateBtn">Générer</button>
     <div id="result">
         Nom généré :
     </div>
 </div>
+<script type="module">
+    // Remplacez 'Clemylia/Prenma-model' par le nom de votre modèle s'il est différent
+    const modelName = 'Clemylia/Prenma-model';
+    let prenmaModel = null;
+    let isModelReady = false;
+    // Récupération des éléments HTML
+    const resultDiv = document.getElementById('result');
+    const nameLengthInput = document.getElementById('nameLength');
+    const nameStyleSelect = document.getElementById('nameStyle');
+    const includeNumbersCheckbox = document.getElementById('includeNumbers');
+    const generateBtn = document.getElementById('generateBtn');
+    // Fonction pour charger le modèle
+    async function initializeModel() {
+        resultDiv.textContent = 'Chargement du modèle...';
+        try {
+            const response = await fetch(`https://huggingface.co/${modelName}/raw/main/prenma-model.js`);
+            if (!response.ok) {
+                throw new Error(`Erreur de téléchargement : ${response.statusText}`);
             }
+            const scriptText = await response.text();
+            const scriptBlob = new Blob([scriptText], { type: 'application/javascript' });
+            const scriptUrl = URL.createObjectURL(scriptBlob);
+            const module = await import(scriptUrl);
+            prenmaModel = new module.default();
+            isModelReady = true;
+            resultDiv.textContent = 'Modèle Prenma prêt !';
+        } catch (error) {
+            resultDiv.textContent = `Erreur de chargement : ${error.message}`;
+            console.error(error);
         }
     }
+    // Fonction pour obtenir les options de l'interface et appeler le modèle
+    async function getModelResponse() {
+        if (!isModelReady) {
+            resultDiv.textContent = "Le modèle n'est pas encore prêt. Veuillez patienter.";
+            return;
+        }
+        resultDiv.textContent = 'Génération en cours...';
+        // Création de l'objet d'options
+        const options = {
+            length: parseInt(nameLengthInput.value),
+            style: nameStyleSelect.value,
+            includeNumbers: includeNumbersCheckbox.checked,
+        };
+        try {
+            const result = await prenmaModel.generate(options);
+            resultDiv.textContent = 'Nom généré : ' + result[0].generated_text;
+        } catch (error) {
+            resultDiv.textContent = `Erreur de génération : ${error.message}`;
+            console.error(error);
         }
     }
+    // Attacher l'écouteur d'événement au bouton
+    generateBtn.addEventListener('click', getModelResponse);
+    // Lancer le chargement du modèle au début
+    initializeModel();
 </script>
 </body>
+</html>