@jjlmoya/utils-creative 1.5.0 → 1.7.0

package/src/tool/zalgo-generator/component.astro

@@ -1,21 +1,28 @@
 ---
 import { Icon } from 'astro-icon/components';
+import type { ZalgoGeneratorUI } from './index';
+
+interface Props {
+    ui: ZalgoGeneratorUI;
+}
+
+const { ui } = Astro.props;
 ---
 
-<section class="zg-section">
+<section class="zg-section" id="zalgo-generator-root" data-ui={JSON.stringify(ui)}>
     <div class="zg-grid">
         <div class="zg-left">
             <div class="zg-config-card">
                 <div class="zg-config-hover-bg"></div>
                 <h3 class="zg-config-title">
                     <Icon name="mdi:tune-variant" style="width:1.25rem;height:1.25rem;color:#9333ea" />
-                    Configuración
+                    {ui.configTitle}
                 </h3>
 
                 <div class="zg-config-body">
                     <div class="zg-field">
                         <div class="zg-field-header">
-                            <label class="zg-field-label">Intensidad</label>
+                            <label class="zg-field-label">{ui.intensity}</label>
                             <span id="intensity-value" class="zg-intensity-val">50%</span>
                         </div>
                         <input type="range" id="intensity-slider" min="0.1" max="1.5" step="0.1" value="0.5" class="zg-slider" />
@@ -23,21 +30,21 @@ import { Icon } from 'astro-icon/components';
 
                     <div class="zg-toggles">
                         <label class="zg-toggle-row">
-                            <span class="zg-toggle-label">Corrupción Superior</span>
+                            <span class="zg-toggle-label">{ui.upLabel}</span>
                             <div class="zg-switch">
                                 <input type="checkbox" id="opt-up" checked class="zg-switch-input" />
                                 <div class="zg-switch-track"></div>
                             </div>
                         </label>
                         <label class="zg-toggle-row">
-                            <span class="zg-toggle-label">Ruido Central</span>
+                            <span class="zg-toggle-label">{ui.midLabel}</span>
                             <div class="zg-switch">
                                 <input type="checkbox" id="opt-middle" checked class="zg-switch-input" />
                                 <div class="zg-switch-track"></div>
                             </div>
                         </label>
                         <label class="zg-toggle-row">
-                            <span class="zg-toggle-label">Corrupción Inferior</span>
+                            <span class="zg-toggle-label">{ui.downLabel}</span>
                             <div class="zg-switch">
                                 <input type="checkbox" id="opt-down" checked class="zg-switch-input" />
                                 <div class="zg-switch-track"></div>
@@ -47,13 +54,13 @@ import { Icon } from 'astro-icon/components';
 
                     <button id="reset-options" class="zg-reset-btn">
                         <Icon name="mdi:history" style="width:1rem;height:1rem" />
-                        Restablecer Valores
+                        {ui.resetBtn}
                     </button>
                 </div>
             </div>
 
             <div class="zg-warning">
-                <p>ADVERTENCIA: El texto Zalgo utiliza caracteres combinados de Unicode que pueden desbordar visualmente su contenedor. Úsese con precaución en redes sociales.</p>
+                <p>{ui.warningText}</p>
             </div>
         </div>
 
@@ -68,14 +75,14 @@ import { Icon } from 'astro-icon/components';
                 <textarea
                     id="input-text"
                     class="zg-textarea"
-                    placeholder="Escribe aquí el mensaje que deseas corromper..."
+                    placeholder={ui.inputPlaceholder}
                 ></textarea>
                 <div class="zg-editor-footer">
-                    <span id="char-count" class="zg-char-count">0 CARACTERES</span>
+                    <span id="char-count" class="zg-char-count">0 {ui.charLabel}</span>
                     <div class="zg-footer-sep"></div>
                     <button id="copy-btn" class="zg-copy-btn">
                         <Icon name="mdi:content-copy" style="width:1.25rem;height:1.25rem" />
-                        Copiar Resultado
+                        {ui.copyBtn}
                     </button>
                     <button id="clear-btn" class="zg-clear-btn">
                         <Icon name="mdi:trash-can-outline" style="width:1.25rem;height:1.25rem" />
@@ -84,24 +91,28 @@ import { Icon } from 'astro-icon/components';
             </div>
 
             <div class="zg-preview-wrap">
-                <div class="zg-preview-badge">Vista Previa en Tiempo Real</div>
+                <div class="zg-preview-badge">{ui.previewLabel}</div>
                 <div id="fake-ui-body" class="zg-preview-body">
                     <div class="zg-preview-dots"></div>
                     <div id="zalgo-output" class="zg-output">
-                        <span class="zg-output-empty">Vacío</span>
+                        <span class="zg-output-empty">{ui.emptyLabel}</span>
                     </div>
                     <div id="glitch-overlay" class="zg-glitch-overlay">
                         <div class="zg-glitch-line zg-glitch-line-1"></div>
                         <div class="zg-glitch-line zg-glitch-line-2"></div>
                     </div>
                 </div>
-                <p class="zg-preview-note">Nota: Algunos navegadores pueden limitar el renderizado de caracteres combinados</p>
+                <p class="zg-preview-note">{ui.noteText}</p>
             </div>
         </div>
     </div>
 </section>
 
 <script>
+    import type { ZalgoGeneratorUI } from './index';
+    const root = document.getElementById('zalgo-generator-root') as HTMLElement;
+    const ui = JSON.parse(root.dataset.ui || '{}') as ZalgoGeneratorUI;
+
     const UP = ["\u030d","\u030e","\u0304","\u0305","\u033f","\u0311","\u0306","\u0310","\u0352","\u0357","\u0351","\u0307","\u0308","\u030a","\u0342","\u0343","\u0344","\u034a","\u034b","\u034c","\u0303","\u0302","\u030c","\u0350","\u0300","\u0301","\u030b","\u030f","\u0312","\u0313","\u0314","\u033d","\u0309","\u0363","\u0364","\u0365","\u0366","\u0367","\u0368","\u0369","\u036a","\u036b","\u036c","\u036d","\u036e","\u036f","\u033e","\u035b","\u0346","\u031a"];
     const MID = ["\u0315","\u031b","\u0340","\u0341","\u0358","\u0321","\u0322","\u0327","\u0328","\u0334","\u0335","\u0336","\u034f","\u035c","\u035d","\u035e","\u035f","\u0360","\u0362","\u0338","\u0337","\u0361","\u0489"];
     const DOWN = ["\u0316","\u0317","\u0318","\u0319","\u031c","\u031d","\u031e","\u031f","\u0320","\u0324","\u0325","\u0326","\u0329","\u032a","\u032b","\u032c","\u032d","\u032e","\u032f","\u0330","\u0331","\u0332","\u0333","\u0339","\u033a","\u033b","\u033c","\u0345","\u0347","\u0348","\u0349","\u034d","\u034e","\u0353","\u0354","\u0355","\u0356","\u0359","\u035a","\u0323"];
@@ -142,10 +153,10 @@ import { Icon } from 'astro-icon/components';
     function update() {
         const text = input.value;
         const intensity = parseFloat(intensitySlider.value);
-        if (charCount) charCount.textContent = `${text.length} CARACTERES`;
+        if (charCount) charCount.textContent = `${text.length} ${ui.charLabel}`;
         if (intensityValue) intensityValue.textContent = `${Math.round(intensity * 100)}%`;
         if (!text.trim()) {
-            output.innerHTML = '<span class="zg-output-empty">Vacío</span>';
+            output.innerHTML = `<span class="zg-output-empty">${ui.emptyLabel}</span>`;
             glitchOverlay.style.opacity = "0";
             fakeUiBody.style.borderColor = "";
             fakeUiBody.style.boxShadow = "";
@@ -174,10 +185,10 @@ import { Icon } from 'astro-icon/components';
 
     copyBtn?.addEventListener("click", () => {
         const text = output.textContent || "";
-        if (text && text !== "Vacío") {
+        if (text && text !== ui.emptyLabel) {
             navigator.clipboard.writeText(text);
             const orig = copyBtn.innerHTML;
-            copyBtn.innerHTML = "¡Copiado!";
+            copyBtn.innerHTML = ui.copied || '¡Copiado!';
             setTimeout(() => { copyBtn.innerHTML = orig; }, 2000);
         }
     });

package/src/tool/zalgo-generator/i18n/en.ts

@@ -1,9 +1,61 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ZalgoGeneratorLocaleContent } from '../index';
 
+const slug = 'zalgo-generator';
+const title = 'Zalgo Generator';
+const description = 'Corrupt your messages with cascading overflowing Unicode characters. Adjust intensity and direction of the glitch effect.';
+
+const faq: ZalgoGeneratorLocaleContent['faq'] = [
+  { question: 'What is Zalgo text?', answer: 'It is a type of text that uses Unicode combining characters (diacritics) excessively. When stacked vertically, these characters "overflow" their original line, creating a visual effect of corruption, disorder, or horror popular in internet culture.' },
+  { question: 'Why does Zalgo text look so strange?', answer: 'It exploits a feature of the Unicode standard that allows adding marks above, below, or through a base letter. Since there is no strict limit on how many marks can be added, the text can "invade" lines above or below.' },
+  { question: 'Can I use this text on social media?', answer: 'Yes, most modern platforms (Instagram, Twitter, Discord) support Unicode. However, some networks or devices may filter or truncate excess characters at very high intensity to maintain interface readability.' },
+  { question: 'How can I remove the Zalgo effect from text?', answer: 'To clean corrupted text, you can use JavaScript string normalization or simply paste it into a basic text editor that only accepts plain text. Our tool is purely creative and does not damage the original content.' },
+];
+
+const howTo: ZalgoGeneratorLocaleContent['howTo'] = [
+  { name: 'Write the base message', text: 'Enter the text you want to "corrupt" in the main text box.' },
+  { name: 'Adjust the chaos intensity', text: 'Move the slider to define how many combining characters to stack. Higher intensity = harder to read.' },
+  { name: 'Select the overflow direction', text: 'Choose whether corruption should grow upward, downward, or in all directions simultaneously.' },
+  { name: 'Copy the result', text: 'Click the copy button. The resulting text includes all the invisible bytes needed to maintain the glitch effect.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
 export const content: ZalgoGeneratorLocaleContent = {
-  slug: 'zalgo-generator',
-  title: 'Zalgo Generator',
-  description: 'Corrupt your messages with cascading overflowing Unicode characters. Adjust intensity and direction of the glitch effect.',
+  slug,
+  title,
+  description,
   faqTitle: 'Frequently Asked Questions',
   bibliographyTitle: 'Chaos Bibliography',
   ui: {
@@ -15,7 +67,18 @@ export const content: ZalgoGeneratorLocaleContent = {
     copyBtn: 'Copy Chaos',
     copied: 'Copied!',
     faqTitle: 'FAQ',
-    bibliographyTitle: 'References'
+    bibliographyTitle: 'References',
+    configTitle: 'Configuration',
+    intensity: 'Intensity',
+    upLabel: 'Upper Corruption',
+    midLabel: 'Middle Noise',
+    downLabel: 'Lower Corruption',
+    resetBtn: 'Reset Values',
+    warningText: 'WARNING: Zalgo text uses combined Unicode characters that may visually overflow their container. Use with caution on social media.',
+    previewLabel: 'Real-time Preview',
+    emptyLabel: 'Empty',
+    charLabel: 'CHARACTERS',
+    noteText: 'Note: Some browsers may limit the rendering of combined characters'
   },
   seo: [
     { type: 'title', text: 'What Is Zalgo Text and How Does Visual Corruption Work?', level: 2 },
@@ -39,22 +102,12 @@ export const content: ZalgoGeneratorLocaleContent = {
       { term: 'Glitch Art', definition: 'An aesthetic that intentionally incorporates or simulates errors, artifacts, and corruptions in digital media as an expressive technique.' },
     ]},
   ],
-  faq: [
-    { question: 'What is Zalgo text?', answer: 'It is a type of text that uses Unicode combining characters (diacritics) excessively. When stacked vertically, these characters "overflow" their original line, creating a visual effect of corruption, disorder, or horror popular in internet culture.' },
-    { question: 'Why does Zalgo text look so strange?', answer: 'It exploits a feature of the Unicode standard that allows adding marks above, below, or through a base letter. Since there is no strict limit on how many marks can be added, the text can "invade" lines above or below.' },
-    { question: 'Can I use this text on social media?', answer: 'Yes, most modern platforms (Instagram, Twitter, Discord) support Unicode. However, some networks or devices may filter or truncate excess characters at very high intensity to maintain interface readability.' },
-    { question: 'How can I remove the Zalgo effect from text?', answer: 'To clean corrupted text, you can use JavaScript string normalization or simply paste it into a basic text editor that only accepts plain text. Our tool is purely creative and does not damage the original content.' },
-  ],
+  faq,
   bibliography: [
     { name: 'Unicode Standard - Combining Characters', url: 'https://www.unicode.org/standard/principles.html#Combining_Characters' },
     { name: 'The Zalgo Text Phenomenon', url: 'https://knowyourmeme.com/memes/zalgo' },
     { name: 'MDN - String normalization', url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize' },
   ],
-  howTo: [
-    { name: 'Write the base message', text: 'Enter the text you want to "corrupt" in the main text box.' },
-    { name: 'Adjust the chaos intensity', text: 'Move the slider to define how many combining characters to stack. Higher intensity = harder to read.' },
-    { name: 'Select the overflow direction', text: 'Choose whether corruption should grow upward, downward, or in all directions simultaneously.' },
-    { name: 'Copy the result', text: 'Click the copy button. The resulting text includes all the invisible bytes needed to maintain the glitch effect.' },
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/zalgo-generator/i18n/es.ts

@@ -1,9 +1,61 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ZalgoGeneratorLocaleContent } from '../index';
 
+const slug = 'generador-zalgo';
+const title = 'Generador Zalgo';
+const description = 'Corrompe tus mensajes con cascadas de caracteres Unicode desbordantes.';
+
+const faq: ZalgoGeneratorLocaleContent['faq'] = [
+  { question: '¿Qué es el texto Zalgo?', answer: 'Es un tipo de texto que utiliza caracteres Unicode de combinación (diacríticos) de forma excesiva. Al apilarse verticalmente, estos caracteres "desbordan" su línea original, creando un efecto visual de corrupción, desorden o terror muy popular en la cultura de internet.' },
+  { question: '¿Por qué el texto Zalgo se ve tan extraño?', answer: 'Se aprovecha de una característica del estándar Unicode que permite añadir marcas encima, debajo o en medio de una letra base. Como no hay un límite estricto de cuántas marcas se pueden añadir, el texto puede "invadir" párrafos superiores o inferiores.' },
+  { question: '¿Puedo usar este texto en redes sociales?', answer: 'Sí, la mayoría de plataformas modernas (Instagram, Twitter, Discord) soportan Unicode. Sin embargo, algunas redes o dispositivos pueden filtrar o recortar el exceso de caracteres si la intensidad es muy alta para mantener la legibilidad de la interfaz.' },
+  { question: '¿Cómo puedo quitar el efecto Zalgo de un texto?', answer: 'Para limpiar un texto corrupto, puedes usar la normalización de strings de JavaScript o simplemente copiarlo en un editor básico que solo admita texto plano. Nuestra herramienta es puramente creativa y no daña el contenido original.' },
+];
+
+const howTo: ZalgoGeneratorLocaleContent['howTo'] = [
+  { name: 'Escribir el mensaje base', text: 'Introduce el texto que quieres "corromper" en el cuadro principal de la herramienta.' },
+  { name: 'Ajustar la intensidad del caos', text: 'Mueve el selector para definir cuántos caracteres de combinación quieres apilar. A más intensidad, más difícil será de leer.' },
+  { name: 'Seleccionar la dirección del desbordamiento', text: 'Elige si quieres que la corrupción crezca hacia arriba, hacia abajo o en todas las direcciones simultáneamente.' },
+  { name: 'Copiar el texto resultante', text: 'Haz clic en el botón de copiar. El texto resultante incluirá todos los bytes invisibles necesarios para mantener el efecto glitch.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
 export const content: ZalgoGeneratorLocaleContent = {
-  slug: 'generador-zalgo',
-  title: 'Generador Zalgo',
-  description: 'Corrompe tus mensajes con cascadas de caracteres Unicode desbordantes.',
+  slug,
+  title,
+  description,
   faqTitle: 'Preguntas Frecuentes',
   bibliographyTitle: 'Bibliografía del Caos',
   ui: {
@@ -15,7 +67,18 @@ export const content: ZalgoGeneratorLocaleContent = {
     copyBtn: 'Copiar Caos',
     copied: '¡Copiado!',
     faqTitle: 'FAQ',
-    bibliographyTitle: 'Referencias'
+    bibliographyTitle: 'Referencias',
+    configTitle: 'Configuración',
+    intensity: 'Intensidad',
+    upLabel: 'Corrupción Superior',
+    midLabel: 'Ruido Central',
+    downLabel: 'Corrupción Inferior',
+    resetBtn: 'Restablecer Valores',
+    warningText: 'ADVERTENCIA: El texto Zalgo utiliza caracteres combinados de Unicode que pueden desbordar visualmente su contenedor. Úsese con precaución en redes sociales.',
+    previewLabel: 'Vista Previa en Tiempo Real',
+    emptyLabel: 'Vacío',
+    charLabel: 'CARACTERES',
+    noteText: 'Nota: Algunos navegadores pueden limitar el renderizado de caracteres combinados'
   },
   seo: [
     { type: 'title', text: '¿Qué es el Texto Zalgo y cómo funciona la corrupción visual?', level: 2 },
@@ -46,22 +109,12 @@ export const content: ZalgoGeneratorLocaleContent = {
       { term: 'Glitch Art', definition: 'Estética que incorpora intencionalmente errores, artefactos y corrupciones en medios digitales como técnica expresiva.' },
     ]},
   ],
-  faq: [
-    { question: '¿Qué es el texto Zalgo?', answer: 'Es un tipo de texto que utiliza caracteres Unicode de combinación (diacríticos) de forma excesiva. Al apilarse verticalmente, estos caracteres "desbordan" su línea original, creando un efecto visual de corrupción, desorden o terror muy popular en la cultura de internet.' },
-    { question: '¿Por qué el texto Zalgo se ve tan extraño?', answer: 'Se aprovecha de una característica del estándar Unicode que permite añadir marcas encima, debajo o en medio de una letra base. Como no hay un límite estricto de cuántas marcas se pueden añadir, el texto puede "invadir" párrafos superiores o inferiores.' },
-    { question: '¿Puedo usar este texto en redes sociales?', answer: 'Sí, la mayoría de plataformas modernas (Instagram, Twitter, Discord) soportan Unicode. Sin embargo, algunas redes o dispositivos pueden filtrar o recortar el exceso de caracteres si la intensidad es muy alta para mantener la legibilidad de la interfaz.' },
-    { question: '¿Cómo puedo quitar el efecto Zalgo de un texto?', answer: 'Para limpiar un texto corrupto, puedes usar la normalización de strings de JavaScript o simplemente copiarlo en un editor básico que solo admita texto plano. Nuestra herramienta es puramente creativa y no daña el contenido original.' },
-  ],
+  faq,
   bibliography: [
     { name: 'Unicode Standard - Combining Characters', url: 'https://www.unicode.org/standard/principles.html#Combining_Characters' },
     { name: 'The Zalgo Text Phenomenon', url: 'https://knowyourmeme.com/memes/zalgo' },
     { name: 'MDN - String normalization', url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize' },
   ],
-  howTo: [
-    { name: 'Escribir el mensaje base', text: 'Introduce el texto que quieres "corromper" en el cuadro principal de la herramienta.' },
-    { name: 'Ajustar la intensidad del caos', text: 'Mueve el selector para definir cuántos caracteres de combinación quieres apilar. A más intensidad, más difícil será de leer.' },
-    { name: 'Seleccionar la dirección del desbordamiento', text: 'Elige si quieres que la corrupción crezca hacia arriba, hacia abajo o en todas las direcciones simultáneamente.' },
-    { name: 'Copiar el texto resultante', text: 'Haz clic en el botón de copiar. El texto resultante incluirá todos los bytes invisibles necesarios para mantener el efecto glitch.' },
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/zalgo-generator/i18n/fr.ts

@@ -1,9 +1,61 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ZalgoGeneratorLocaleContent } from '../index';
 
+const slug = 'generateur-zalgo';
+const title = 'Générateur Zalgo';
+const description = 'Corrompez vos messages avec une cascade de caractères Unicode débordants. Ajustez l\'intensité et la direction de l\'effet glitch.';
+
+const faq: ZalgoGeneratorLocaleContent['faq'] = [
+  { question: 'Qu\'est-ce que le texte Zalgo ?', answer: 'C\'est un type de texte qui utilise excessivement les caractères de combinaison Unicode (diacritiques). Lorsqu\'ils sont empilés verticalement, ces caractères "débordent" de leur ligne d\'origine, créant un effet visuel de corruption, de désordre ou d\'horreur populaire dans la culture internet.' },
+  { question: 'Pourquoi le texte Zalgo a-t-il l\'air si étrange ?', answer: 'Il exploite une fonctionnalité de la norme Unicode qui permet d\'ajouter des marques au-dessus, en dessous ou à travers une lettre de base. Comme il n\'y a pas de limite stricte au nombre de marques pouvant être ajoutées, le texte peut "envahir" les lignes supérieures ou inférieures.' },
+  { question: 'Puis-je utiliser ce texte sur les réseaux sociaux ?', answer: 'Oui, la plupart des plateformes modernes (Instagram, Twitter, Discord) prennent en charge l\'Unicode. Cependant, certains réseaux ou appareils peuvent filtrer ou tronquer les caractères excédentaires à très haute intensité pour maintenir la lisibilité de l\'interface.' },
+  { question: 'Comment puis-je supprimer l\'effet Zalgo d\'un texte ?', answer: 'Pour nettoyer un texte corrompu, vous pouvez utiliser la normalisation de chaîne JavaScript ou simplement le coller dans un éditeur de texte basique qui n\'accepte que le texte brut. Notre outil est purement créatif et n\'endommage pas le contenu original.' },
+];
+
+const howTo: ZalgoGeneratorLocaleContent['howTo'] = [
+  { name: 'Écrire le message de base', text: 'Entrez le texte que vous souhaitez "corrompre" dans la zone de texte principale.' },
+  { name: 'Ajuster l\'intensité du chaos', text: 'Déplacez le curseur pour définir le nombre de caractères de combinaison à empiler. Plus l\'intensité est élevée, plus il est difficile à lire.' },
+  { name: 'Sélectionner la direction du débordement', text: 'Choisissez si la corruption doit croître vers le haut, vers le bas ou dans toutes les directions simultanément.' },
+  { name: 'Copier le résultat', text: 'Cliquez sur le bouton de copie. Le texte résultant inclut tous les octets invisibles nécessaires pour maintenir l\'effet glitch.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'fr',
+};
+
 export const content: ZalgoGeneratorLocaleContent = {
-  slug: 'generateur-zalgo',
-  title: 'Générateur Zalgo',
-  description: 'Corrompez vos messages avec une cascade de caractères Unicode débordants. Ajustez l\'intensité et la direction de l\'effet glitch.',
+  slug,
+  title,
+  description,
   faqTitle: 'Questions Fréquemment Posées',
   bibliographyTitle: 'Bibliographie du Chaos',
   ui: {
@@ -15,7 +67,18 @@ export const content: ZalgoGeneratorLocaleContent = {
     copyBtn: 'Copier le Chaos',
     copied: 'Copié !',
     faqTitle: 'FAQ',
-    bibliographyTitle: 'Références'
+    bibliographyTitle: 'Références',
+    configTitle: 'Configuration',
+    intensity: 'Intensité',
+    upLabel: 'Corruption Supérieure',
+    midLabel: 'Bruit Central',
+    downLabel: 'Corruption Inférieure',
+    resetBtn: 'Réinitialiser les Valeurs',
+    warningText: 'AVERTISSEMENT : Le texte Zalgo utilise des caractères combinés Unicode qui peuvent déborder visuellement de leur conteneur. À utiliser avec précaution sur les réseaux sociaux.',
+    previewLabel: 'Aperçu en Temps Réel',
+    emptyLabel: 'Vide',
+    charLabel: 'CARACTÈRES',
+    noteText: 'Note : Certains navigateurs peuvent limiter le rendu des caractères combinés'
   },
   seo: [
     { type: 'title', text: 'Qu\'est-ce que le Texte Zalgo et comment fonctionne la corruption visuelle ?', level: 2 },
@@ -39,22 +102,12 @@ export const content: ZalgoGeneratorLocaleContent = {
       { term: 'Art Glitch', definition: 'Une esthétique qui incorpore ou simule intentionnellement des erreurs, des artefacts et des corruptions dans les médias numériques comme technique expressive.' },
     ]},
   ],
-  faq: [
-    { question: 'Qu\'est-ce que le texte Zalgo ?', answer: 'C\'est un type de texte qui utilise excessivement les caractères de combinaison Unicode (diacritiques). Lorsqu\'ils sont empilés verticalement, ces caractères "débordent" de leur ligne d\'origine, créant un effet visuel de corruption, de désordre ou d\'horreur populaire dans la culture internet.' },
-    { question: 'Pourquoi le texte Zalgo a-t-il l\'air si étrange ?', answer: 'Il exploite une fonctionnalité de la norme Unicode qui permet d\'ajouter des marques au-dessus, en dessous ou à travers une lettre de base. Comme il n\'y a pas de limite stricte au nombre de marques pouvant être ajoutées, le texte peut "envahir" les lignes supérieures ou inférieures.' },
-    { question: 'Puis-je utiliser ce texte sur les réseaux sociaux ?', answer: 'Oui, la plupart des plateformes modernes (Instagram, Twitter, Discord) prennent en charge l\'Unicode. Cependant, certains réseaux ou appareils peuvent filtrer ou tronquer les caractères excédentaires à très haute intensité pour maintenir la lisibilité de l\'interface.' },
-    { question: 'Comment puis-je supprimer l\'effet Zalgo d\'un texte ?', answer: 'Pour nettoyer un texte corrompu, vous pouvez utiliser la normalisation de chaîne JavaScript ou simplement le coller dans un éditeur de texte basique qui n\'accepte que le texte brut. Notre outil est purement créatif et n\'endommage pas le contenu original.' },
-  ],
+  faq,
   bibliography: [
     { name: 'Norme Unicode - Caractères de Combinaison', url: 'https://www.unicode.org/standard/principles.html#Combining_Characters' },
     { name: 'Le Phénomène du Texte Zalgo (Know Your Meme)', url: 'https://knowyourmeme.com/memes/zalgo' },
     { name: 'MDN - Normalisation de chaîne JavaScript', url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize' },
   ],
-  howTo: [
-    { name: 'Écrire le message de base', text: 'Entrez le texte que vous souhaitez "corrompre" dans la zone de texte principale.' },
-    { name: 'Ajuster l\'intensité du chaos', text: 'Déplacez le curseur pour définir le nombre de caractères de combinaison à empiler. Plus l\'intensité est élevée, plus il est difficile à lire.' },
-    { name: 'Sélectionner la direction du débordement', text: 'Choisissez si la corruption doit croître vers le haut, vers le bas ou dans toutes les directions simultanément.' },
-    { name: 'Copier le résultat', text: 'Cliquez sur le bouton de copie. Le texte résultant inclut tous les octets invisibles nécessaires pour maintenir l\'effet glitch.' },
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/zalgo-generator/index.ts

@@ -14,6 +14,17 @@ export interface ZalgoGeneratorUI {
   copied: string;
   faqTitle: string;
   bibliographyTitle: string;
+  configTitle: string;
+  intensity: string;
+  upLabel: string;
+  midLabel: string;
+  downLabel: string;
+  resetBtn: string;
+  warningText: string;
+  previewLabel: string;
+  emptyLabel: string;
+  charLabel: string;
+  noteText: string;
 }
 
 export type ZalgoGeneratorLocaleContent = ToolLocaleContent<ZalgoGeneratorUI>;

package/src/tools.ts

@@ -1,4 +1,17 @@
 import type { ToolDefinition } from './types';
+import { BEAD_PATTERN_GENERATOR_TOOL } from './tool/bead-pattern-generator/index';
+import { DICE_ROLLER_TOOL } from './tool/dice-roller/index';
+import { EXCUSE_GENERATOR_TOOL } from './tool/excuse-generator/index';
+import { FORTUNE_COOKIE_TOOL } from './tool/fortune-cookie/index';
+import { SYNESTHESIA_PAINTER_TOOL } from './tool/synesthesia-painter/index';
+import { ZALGO_GENERATOR_TOOL } from './tool/zalgo-generator/index';
 
-export const ALL_TOOLS: ToolDefinition[] = [];
+export const ALL_TOOLS: ToolDefinition[] = [
+  BEAD_PATTERN_GENERATOR_TOOL,
+  DICE_ROLLER_TOOL,
+  EXCUSE_GENERATOR_TOOL,
+  FORTUNE_COOKIE_TOOL,
+  SYNESTHESIA_PAINTER_TOOL,
+  ZALGO_GENERATOR_TOOL,
+];