@jjlmoya/utils-developer 1.14.0 → 1.16.0

package/src/tool/urlCleaner/component.astro

@@ -15,7 +15,7 @@ const t = (ui ?? {}) as UrlCleanerUI;
       <label for="uc-url-input" class="uc-label">{t.labelInput}</label>
       <div class="uc-input-group">
         <input type="url" id="uc-url-input" class="uc-input" placeholder="https://example.com?utm_source=twitter&fbclid=123..." />
-        <button id="uc-btn-clean" class="uc-btn-primary">
+        <button id="uc-btn-clean" class="uc-btn-primary" type="button">
           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19.36 2.72L20.78 4.14L15.06 9.85C16.13 11.39 16.28 13.24 15.38 14.44L9.06 8.12C10.26 7.22 12.11 7.38 13.65 8.44L19.36 2.72M5.93 17.57C3.92 15.56 2.69 13.16 2.35 10.92L7.23 8.83L14.67 16.27L12.58 21.15C10.34 20.81 7.94 19.58 5.93 17.57Z"/></svg>
           {t.btnClean}
         </button>
@@ -26,7 +26,7 @@ const t = (ui ?? {}) as UrlCleanerUI;
       <div class="uc-result-card">
         <div class="uc-card-header">
           <h3 class="uc-card-title">{t.labelCleaned}</h3>
-          <button id="uc-btn-copy" class="uc-copy-btn">
+          <button id="uc-btn-copy" class="uc-copy-btn" type="button">
             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg>
             {t.btnCopy}
           </button>
@@ -161,14 +161,32 @@ const t = (ui ?? {}) as UrlCleanerUI;
     if (e.key === 'Enter') cleanUrl();
   });
 
+  async function copyText(text: string): Promise<void> {
+    if (navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text);
+      return;
+    }
+
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.setAttribute('readonly', '');
+    textarea.style.position = 'fixed';
+    textarea.style.inset = '0 auto auto 0';
+    textarea.style.opacity = '0';
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand('copy');
+    textarea.remove();
+  }
+
   copyBtn.addEventListener('click', () => {
     const text = cleanedUrlEl.textContent || '';
-    navigator.clipboard.writeText(text).then(() => {
-      const origText = copyBtn.textContent;
+    copyText(text).then(() => {
+      const origHtml = copyBtn.innerHTML;
       copyBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg> ${t.btnCopied}`;
       copyBtn.classList.add('uc-copied');
       setTimeout(() => {
-        copyBtn.textContent = origText;
+        copyBtn.innerHTML = origHtml;
         copyBtn.classList.remove('uc-copied');
       }, 2000);
     });

package/src/tool/urlCleaner/i18n/de.ts

@@ -13,15 +13,15 @@ const faqData = [
   },
   {
     question: 'Beeinträchtigt das die Funktionalität der Website?',
-    answer: 'In der Regel nicht. Diese Parameter werden fast ausschließlich für Analyse und Marketing verwendet. Wenn du sie entfernst, lädt die Seite ganz normal – nur der Websitebetreiber kann nicht mehr nachvollziehen, woher dein Klick stammte.',
+    answer: 'In der Regel nicht. Diese Parameter werden fast ausschließlich für Analyse und Marketing verwendet. Wenn du sie entfernst, lädt die Seite ganz normal - nur der Websitebetreiber kann nicht mehr nachvollziehen, woher dein Klick stammte.',
   },
   {
     question: 'Ist es sicher, meine Links hier zu verarbeiten?',
-    answer: 'Absolut. Wie alle unsere Tools läuft der Prozess zu 100 % clientseitig ab. Deine Links werden niemals an unsere Server übertragen – alles geschieht privat in deinem eigenen Browser.',
+    answer: 'Absolut. Wie alle unsere Tools läuft der Prozess zu 100 % clientseitig ab. Deine Links werden niemals an unsere Server übertragen - alles geschieht privat in deinem eigenen Browser.',
   },
   {
     question: 'Warum sind meine Facebook-Links so lang?',
-    answer: 'Facebook hängt an jeden Link, der die Plattform verlässt, einen Parameter namens „fbclid" an. Damit können sie deine Aktivitäten auf anderen Websites verfolgen – selbst wenn du Drittanbieter-Werbung blockiert hast.',
+    answer: 'Facebook hängt an jeden Link, der die Plattform verlässt, einen Parameter namens "fbclid" an. Damit können sie deine Aktivitäten auf anderen Websites verfolgen - selbst wenn du Drittanbieter-Werbung blockiert hast.',
   },
 ];
 

package/src/tool/urlCleaner/i18n/es.ts

@@ -98,7 +98,7 @@ export const content: ToolLocaleContent<UrlCleanerUI> = {
     { type: 'title', text: '¿Qué es un Limpiador de Tracking de URL y por qué lo necesitas?', level: 3 },
     {
       type: 'paragraph',
-      html: 'Alguna vez has copiado un enlace para enviárselo a un amigo y te has dado cuenta de que es tres veces más largo de lo que debería ser? Ese "ruido" extra son los parámetros de rastreo. Un <strong>limpiador de tracking</strong> es una herramienta diseñada para "desnudar" la dirección web de toda la información publicitaria y de seguimiento que las grandes plataformas inyectan en cada clic que haces.',
+      html: '¿Alguna vez has copiado un enlace para enviárselo a un amigo y te has dado cuenta de que es tres veces más largo de lo que debería ser? Ese "ruido" extra son los parámetros de rastreo. Un <strong>limpiador de tracking</strong> es una herramienta diseñada para "desnudar" la dirección web de toda la información publicitaria y de seguimiento que las grandes plataformas inyectan en cada clic que haces.',
     },
     { type: 'title', text: 'Parámetros de rastreo más comunes', level: 3 },
     {

package/src/tool/urlCleaner/i18n/id.ts

@@ -13,7 +13,7 @@ const faqData = [
   },
   {
     question: 'Apakah ini mempengaruhi fungsionalitas website?',
-    answer: 'Umumnya tidak. Parameter-parameter ini hampir sepenuhnya digunakan untuk analitik dan pemasaran. Saat Anda menghapusnya, halaman akan tetap terbuka seperti biasa — hanya saja pemilik website tidak bisa melacak dari mana asal klik Anda.',
+    answer: 'Umumnya tidak. Parameter-parameter ini hampir sepenuhnya digunakan untuk analitik dan pemasaran. Saat Anda menghapusnya, halaman akan tetap terbuka seperti biasa - hanya saja pemilik website tidak bisa melacak dari mana asal klik Anda.',
   },
   {
     question: 'Apakah aman memproses tautan saya di sini?',

package/src/tool/urlCleaner/i18n/nl.ts

@@ -13,7 +13,7 @@ const faqData = [
   },
   {
     question: 'Heeft dit invloed op de werking van de website?',
-    answer: 'Doorgaans niet. Deze parameters worden vrijwel uitsluitend gebruikt voor analyse en marketing. Als je ze verwijdert, laadt de pagina gewoon — alleen kan de websitebeheerder niet meer zien waar jouw klik vandaan kwam.',
+    answer: 'Doorgaans niet. Deze parameters worden vrijwel uitsluitend gebruikt voor analyse en marketing. Als je ze verwijdert, laadt de pagina gewoon - alleen kan de websitebeheerder niet meer zien waar jouw klik vandaan kwam.',
   },
   {
     question: 'Is het veilig om mijn links hier te verwerken?',

package/src/tool/urlCleaner/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await urlCleaner.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/urlCleaner/url-tracking-cleaner.css

@@ -1,14 +1,17 @@
 .uc-root {
     width: 100%;
+    min-width: 0;
   }
 
   .uc-container {
+    container-type: inline-size;
     max-width: 900px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
     padding-bottom: 2rem;
+    min-width: 0;
   }
 
   .uc-input-card {
@@ -22,6 +25,7 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
+    min-width: 0;
   }
 
   .theme-dark .uc-input-card {
@@ -44,10 +48,12 @@
   .uc-input-group {
     display: flex;
     gap: 0.75rem;
+    min-width: 0;
   }
 
   .uc-input {
     flex-grow: 1;
+    min-width: 0;
     background: white;
     border: 1px solid rgb(226, 232, 240);
     border-radius: 0.75rem;
@@ -82,6 +88,14 @@
     gap: 0.5rem;
     transition: all 0.2s ease;
     font-size: 0.875rem;
+    justify-content: center;
+    min-height: 2.875rem;
+    min-width: 0;
+    white-space: nowrap;
+  }
+
+  .uc-btn-primary svg {
+    flex: 0 0 auto;
   }
 
   .uc-btn-primary:hover {
@@ -91,7 +105,7 @@
 
   .uc-results {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
     gap: 1.5rem;
   }
 
@@ -112,6 +126,7 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
+    min-width: 0;
   }
 
   .theme-dark .uc-result-card {
@@ -123,6 +138,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
+    gap: 1rem;
   }
 
   .uc-card-title {
@@ -132,6 +148,7 @@
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 0.05em;
+    overflow-wrap: anywhere;
   }
 
   .theme-dark .uc-card-title {
@@ -146,6 +163,7 @@
     padding: 1rem;
     border-radius: 0.5rem;
     border: 1px solid rgba(0, 0, 0, 0.05);
+    min-width: 0;
   }
 
   .theme-dark .uc-url-display {
@@ -167,6 +185,8 @@
     color: rgb(71, 85, 105);
     cursor: pointer;
     transition: all 0.2s ease;
+    flex: 0 0 auto;
+    white-space: nowrap;
   }
 
   .theme-dark .uc-copy-btn {
@@ -217,6 +237,7 @@
     font-size: 0.75rem;
     color: rgb(100, 116, 139);
     margin-left: 0.5rem;
+    overflow-wrap: anywhere;
   }
 
   .uc-item-desc {
@@ -246,6 +267,7 @@
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1.5rem;
+    min-width: 0;
   }
 
   .theme-dark .uc-stats-card {
@@ -277,4 +299,72 @@
 
   .theme-dark .uc-stat-label {
     color: rgb(148, 163, 184);
-  }
+  }
+
+  @container (max-width: 520px) {
+    .uc-container {
+      gap: 1rem;
+    }
+
+    .uc-input-card,
+    .uc-result-card,
+    .uc-stats-card {
+      border-radius: 1rem;
+      padding: 1rem;
+    }
+
+    .uc-input-group {
+      flex-direction: column;
+    }
+
+    .uc-btn-primary {
+      width: 100%;
+      padding: 0.75rem 1rem;
+      white-space: normal;
+    }
+
+    .uc-card-header {
+      align-items: flex-start;
+      flex-direction: column;
+      gap: 0.75rem;
+    }
+
+    .uc-copy-btn {
+      justify-content: center;
+      width: 100%;
+      border-radius: 0.75rem;
+      padding: 0.65rem 0.875rem;
+    }
+
+    .uc-stats-card {
+      grid-template-columns: 1fr;
+    }
+
+    .uc-item-val {
+      display: block;
+      margin: 0.25rem 0 0;
+    }
+  }
+
+  @media (max-width: 640px) {
+    .uc-container {
+      gap: 1rem;
+    }
+
+    .uc-input-card,
+    .uc-result-card,
+    .uc-stats-card {
+      border-radius: 1rem;
+      padding: 1rem;
+    }
+
+    .uc-input-group {
+      flex-direction: column;
+    }
+
+    .uc-btn-primary {
+      width: 100%;
+      padding: 0.75rem 1rem;
+      white-space: normal;
+    }
+  }

package/src/tool/urlEncoderDecoder/i18n/de.ts

@@ -33,15 +33,15 @@ const faqData = [
 const howToData = [
   {
     name: 'Rohtext einfügen',
-    text: 'Geben Sie Ihre URL oder Zeichenfolge in das obere Feld „Rohtext (lesbar)“ ein oder fügen Sie sie ein.',
+    text: 'Geben Sie Ihre URL oder Zeichenfolge in das obere Feld "Rohtext (lesbar)" ein oder fügen Sie sie ein.',
   },
   {
     name: 'Kodieren oder Dekodieren',
-    text: 'Klicken Sie auf „URL kodieren“, um den Text in das sichere Percent-Encoding-Format zu konvertieren, oder auf „Dekodieren“, um eine kodierte URL wieder in ihre lesbare Form zu bringen.',
+    text: 'Klicken Sie auf "URL kodieren", um den Text in das sichere Percent-Encoding-Format zu konvertieren, oder auf "Dekodieren", um eine kodierte URL wieder in ihre lesbare Form zu bringen.',
   },
   {
     name: 'Ergebnis kopieren',
-    text: 'Verwenden Sie die Schaltfläche „Kopieren“ des entsprechenden Feldes, um das Ergebnis in Ihre Zwischenablage zu übernehmen.',
+    text: 'Verwenden Sie die Schaltfläche "Kopieren" des entsprechenden Feldes, um das Ergebnis in Ihre Zwischenablage zu übernehmen.',
   },
 ];
 
@@ -123,7 +123,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Beim Surfen im Internet oder beim Senden von Anfragen an Server betrachtet man eine URL (Uniform Resource Locator) oft einfach als „Webadresse“. Das Internetprotokoll schreibt jedoch vor, dass URLs nur mit einem sehr eingeschränkten Satz von <strong>Standard-ASCII</strong>-Zeichen übertragen werden dürfen.',
+      html: 'Beim Surfen im Internet oder beim Senden von Anfragen an Server betrachtet man eine URL (Uniform Resource Locator) oft einfach als "Webadresse". Das Internetprotokoll schreibt jedoch vor, dass URLs nur mit einem sehr eingeschränkten Satz von <strong>Standard-ASCII</strong>-Zeichen übertragen werden dürfen.',
     },
     {
       type: 'paragraph',
@@ -136,7 +136,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Wenn Sie dieses Tool verwenden, nimmt der Algorithmus jedes „unsichere“ Zeichen (wie ein Leerzeichen oder einen Umlaut wie ä) und ersetzt es durch ein Prozentzeichen <code>%</code> gefolgt von zwei hexadezimalen Ziffern, die seinem Wert im UTF-8-Standard entsprechen.',
+      html: 'Wenn Sie dieses Tool verwenden, nimmt der Algorithmus jedes "unsichere" Zeichen (wie ein Leerzeichen oder einen Umlaut wie ä) und ersetzt es durch ein Prozentzeichen <code>%</code> gefolgt von zwei hexadezimalen Ziffern, die seinem Wert im UTF-8-Standard entsprechen.',
     },
     {
       type: 'list',

package/src/tool/urlEncoderDecoder/i18n/fr.ts

@@ -11,7 +11,7 @@ const faqData = [
   {
     question: 'Quels caractères sont encodés dans une URL ?',
     answer:
-      "Tous les caractères non autorisés dans le standard ASCII pour les URLs sont encodés : espaces, lettres accentuées, symboles tels que &, =, +, #, ?, / et d'autres. Par exemple, un espace devient %20 et ñ devient %C3%B1.",
+      "Tous les caractères non autorisés dans le standard ASCII pour les URLs sont encodés: espaces, lettres accentuées, symboles tels que &, =, +, #, ?, / et d'autres. Par exemple, un espace devient %20 et ñ devient %C3%B1.",
   },
   {
     question: 'Quelle est la différence entre encodeURI et encodeURIComponent ?',
@@ -141,7 +141,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Exemple Basique :</strong> Un simple espace sera remplacé par son équivalent sécurisé : <code>%20</code>.',
+        '<strong>Exemple Basique:</strong> Un simple espace sera remplacé par son équivalent sécurisé: <code>%20</code>.',
         '<strong>Support Étendu :</strong> La lettre <code>á</code> devient <code>%C3%A1</code>, et <code>ñ</code> devient <code>%C3%B1</code>.',
       ],
     },

package/src/tool/urlEncoderDecoder/i18n/pl.ts

@@ -33,15 +33,15 @@ const faqData = [
 const howToData = [
   {
     name: 'Wklej surowy tekst',
-    text: 'Wpisz lub wklej swój adres URL lub ciąg tekstowy w górnym polu „Tekst surowy (czytelny)”.',
+    text: 'Wpisz lub wklej swój adres URL lub ciąg tekstowy w górnym polu "Tekst surowy (czytelny)".',
   },
   {
     name: 'Zakoduj lub dekoduj',
-    text: 'Kliknij „Koduj URL”, aby przekonwertować tekst na bezpieczny format Percent-Encoding, lub „Dekoduj”, aby przywrócić zakodowany adres URL do jego czytelnej formy.',
+    text: 'Kliknij "Koduj URL", aby przekonwertować tekst na bezpieczny format Percent-Encoding, lub "Dekoduj", aby przywrócić zakodowany adres URL do jego czytelnej formy.',
   },
   {
     name: 'Skopiuj wynik',
-    text: 'Użyj przycisku „Kopiuj” w odpowiednim polu, aby przenieść wynik do schowka.',
+    text: 'Użyj przycisku "Kopiuj" w odpowiednim polu, aby przenieść wynik do schowka.',
   },
 ];
 
@@ -123,7 +123,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Podczas przeglądania Internetu lub wysyłania żądań do serwerów często myślimy o adresie URL (Uniform Resource Locator) po prostu jako o „adresie internetowym”. Jednak protokół internetowy dyktuje, że adresy URL mogą być przesyłane wyłącznie przy użyciu bardzo ograniczonego zestawu <strong>standardowych znaków ASCII</strong>.',
+      html: 'Podczas przeglądania Internetu lub wysyłania żądań do serwerów często myślimy o adresie URL (Uniform Resource Locator) po prostu jako o "adresie internetowym". Jednak protokół internetowy dyktuje, że adresy URL mogą być przesyłane wyłącznie przy użyciu bardzo ograniczonego zestawu <strong>standardowych znaków ASCII</strong>.',
     },
     {
       type: 'paragraph',
@@ -136,7 +136,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Gdy korzystasz z tego narzędzia, algorytm pobiera dowolny „niebezpieczny” znak (taki jak spacja lub litera z akcentem, np. ñ) i zastępuje go znakiem procenta <code>%</code>, po którym następują dwie cyfry szesnastkowe odpowiadające jego wartości w standardzie UTF-8.',
+      html: 'Gdy korzystasz z tego narzędzia, algorytm pobiera dowolny "niebezpieczny" znak (taki jak spacja lub litera z akcentem, np. ñ) i zastępuje go znakiem procenta <code>%</code>, po którym następują dwie cyfry szesnastkowe odpowiadające jego wartości w standardzie UTF-8.',
     },
     {
       type: 'list',

package/src/tool/urlEncoderDecoder/i18n/ru.ts

@@ -11,7 +11,7 @@ const faqData = [
   {
     question: 'Какие символы кодируются в URL?',
     answer:
-      'Кодируются все символы, не разрешенные стандартом ASCII для URL: пробелы, буквы с диакритическими знаками, символы, такие как &, =, +, #, ?, / и другие. Например, пробел заменяется на %20, а ñ — на %C3%B1.',
+      'Кодируются все символы, не разрешенные стандартом ASCII для URL: пробелы, буквы с диакритическими знаками, символы, такие как &, =, +, #, ?, / и другие. Например, пробел заменяется на %20, а ñ - на %C3%B1.',
   },
   {
     question: 'В чем разница между encodeURI и encodeURIComponent?',
@@ -21,7 +21,7 @@ const faqData = [
   {
     question: 'Почему в моем URL-адресе %20 вместо пробелов?',
     answer:
-      'Протокол HTTP не допускает использования пробелов в URL-адресах. %20 — это представление пробела в кодировке Percent-Encoding согласно стандарту ASCII. Некоторые системы используют знак + в качестве альтернативы, но %20 является наиболее универсальным и безопасным.',
+      'Протокол HTTP не допускает использования пробелов в URL-адресах. %20 - это представление пробела в кодировке Percent-Encoding согласно стандарту ASCII. Некоторые системы используют знак + в качестве альтернативы, но %20 является наиболее универсальным и безопасным.',
   },
   {
     question: 'Безопасно ли использовать этот инструмент с личными URL-адресами?',
@@ -33,15 +33,15 @@ const faqData = [
 const howToData = [
   {
     name: 'Вставьте исходный текст',
-    text: 'Введите или вставьте ваш URL-адрес или текстовую строку в верхнее поле «Исходный текст (читаемый)».',
+    text: 'Введите или вставьте ваш URL-адрес или текстовую строку в верхнее поле "Исходный текст (читаемый)".',
   },
   {
     name: 'Закодируйте или декодируйте',
-    text: 'Нажмите «Закодировать URL», чтобы преобразовать текст в безопасный формат Percent-Encoding, или «Декодировать», чтобы вернуть закодированный URL-адрес в читаемый вид.',
+    text: 'Нажмите "Закодировать URL", чтобы преобразовать текст в безопасный формат Percent-Encoding, или "Декодировать", чтобы вернуть закодированный URL-адрес в читаемый вид.',
   },
   {
     name: 'Скопируйте результат',
-    text: 'Используйте кнопку «Копировать» в соответствующем поле, чтобы перенести результат в буфер обмена.',
+    text: 'Используйте кнопку "Копировать" в соответствующем поле, чтобы перенести результат в буфер обмена.',
   },
 ];
 
@@ -123,7 +123,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'При просмотре веб-страниц или отправке запросов на серверы часто думают об URL (Uniform Resource Locator) просто как о «веб-адресе». Однако интернет-протокол диктует, что URL-адреса могут передаваться только с использованием очень ограниченного набора <strong>стандартных символов ASCII</strong>.',
+      html: 'При просмотре веб-страниц или отправке запросов на серверы часто думают об URL (Uniform Resource Locator) просто как о "веб-адресе". Однако интернет-протокол диктует, что URL-адреса могут передаваться только с использованием очень ограниченного набора <strong>стандартных символов ASCII</strong>.',
     },
     {
       type: 'paragraph',
@@ -136,13 +136,13 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Когда вы используете этот инструмент, алгоритм берет любой «небезопасный» символ (например, пробел или букву с диакритическим знаком, такую как ñ) и заменяет его знаком процента <code>%</code>, за которым следуют две шестнадцатеричные цифры, соответствующие его значению в стандарте UTF-8.',
+      html: 'Когда вы используете этот инструмент, алгоритм берет любой "небезопасный" символ (например, пробел или букву с диакритическим знаком, такую как ñ) и заменяет его знаком процента <code>%</code>, за которым следуют две шестнадцатеричные цифры, соответствующие его значению в стандарте UTF-8.',
     },
     {
       type: 'list',
       items: [
         '<strong>Базовый пример:</strong> обычный пробел будет заменен его безопасным эквивалентом: <code>%20</code>.',
-        '<strong>Расширенная поддержка:</strong> буква <code>ё</code> заменяется на <code>%D1%91</code>, а <code>й</code> — на <code>%D0%B9</code>.',
+        '<strong>Расширенная поддержка:</strong> буква <code>ё</code> заменяется на <code>%D1%91</code>, а <code>й</code> - на <code>%D0%B9</code>.',
       ],
     },
     {

package/src/tool/urlEncoderDecoder/i18n/sv.ts

@@ -33,15 +33,15 @@ const faqData = [
 const howToData = [
   {
     name: 'Klistra in råtexten',
-    text: 'Skriv eller klistra in din URL eller textsträng i det övre fältet ”Råtext (läsbar)”.',
+    text: 'Skriv eller klistra in din URL eller textsträng i det övre fältet "Råtext (läsbar)".',
   },
   {
     name: 'Koda eller avkoda',
-    text: 'Klicka på ”Koda URL” för att konvertera texten till det säkra Percent-Encoding-formatet, eller ”Avkoda” för att återställa en kodad URL till dess läsbara form.',
+    text: 'Klicka på "Koda URL" för att konvertera texten till det säkra Percent-Encoding-formatet, eller "Avkoda" för att återställa en kodad URL till dess läsbara form.',
   },
   {
     name: 'Kopiera resultatet',
-    text: 'Använd knappen ”Kopiera” i motsvarande fält för att ta resultatet till ditt urklipp.',
+    text: 'Använd knappen "Kopiera" i motsvarande fält för att ta resultatet till ditt urklipp.',
   },
 ];
 
@@ -123,7 +123,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'När man surfar på internet eller skickar förfrågningar till servrar är det vanligt att tänka på en URL (Uniform Resource Locator) helt enkelt som en ”webbadress”. Internetprotokoll föreskriver dock att URL:er endast kan överföras med en mycket begränsad uppsättning <strong>standard-ASCII</strong>-tecken.',
+      html: 'När man surfar på internet eller skickar förfrågningar till servrar är det vanligt att tänka på en URL (Uniform Resource Locator) helt enkelt som en "webbadress". Internetprotokoll föreskriver dock att URL:er endast kan överföras med en mycket begränsad uppsättning <strong>standard-ASCII</strong>-tecken.',
     },
     {
       type: 'paragraph',
@@ -136,7 +136,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: 'När du använder det här verktyget tar algoritmen alla ”osäkra” tecken (som ett blanksteg eller ett tecken med accent som ñ) och ersätter det med ett procenttecken <code>%</code> följt av två hexadecimala siffror som motsvarar dess värde i UTF-8-standarden.',
+      html: 'När du använder det här verktyget tar algoritmen alla "osäkra" tecken (som ett blanksteg eller ett tecken med accent som ñ) och ersätter det med ett procenttecken <code>%</code> följt av två hexadecimala siffror som motsvarar dess värde i UTF-8-standarden.',
     },
     {
       type: 'list',

package/src/tool/urlEncoderDecoder/i18n/zh.ts

@@ -33,15 +33,15 @@ const faqData = [
 const howToData = [
   {
     name: '粘贴原始文本',
-    text: '在上方“原始文本（可读）”字段中输入或粘贴您的 URL 或文本字符串。',
+    text: '在上方"原始文本（可读）"字段中输入或粘贴您的 URL 或文本字符串。',
   },
   {
     name: '编码或解码',
-    text: '点击“URL 编码”将文本转换为安全的百分比编码格式，或点击“解码”将已编码的 URL 恢复为可读形式。',
+    text: '点击"URL 编码"将文本转换为安全的百分比编码格式，或点击"解码"将已编码的 URL 恢复为可读形式。',
   },
   {
     name: '复制结果',
-    text: '使用对应字段的“复制”按钮将结果保存到剪贴板。',
+    text: '使用对应字段的"复制"按钮将结果保存到剪贴板。',
   },
 ];
 
@@ -123,7 +123,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: '在浏览互联网或向服务器发送请求时，人们通常将 URL（统一资源定位符）简单地视为“网址”。然而，互联网协议规定 URL 只能使用非常有限的 <strong>标准 ASCII</strong> 字符集进行传输。',
+      html: '在浏览互联网或向服务器发送请求时，人们通常将 URL（统一资源定位符）简单地视为"网址"。然而，互联网协议规定 URL 只能使用非常有限的 <strong>标准 ASCII</strong> 字符集进行传输。',
     },
     {
       type: 'paragraph',
@@ -136,7 +136,7 @@ export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
     },
     {
       type: 'paragraph',
-      html: '当您使用此工具时，算法会将任何“不安全”的字符（如空格或 ñ 等带重音符号的字母）替换为百分号 <code>%</code>，后跟与其在 UTF-8 标准中的值相对应的两个十六进制数字。',
+      html: '当您使用此工具时，算法会将任何"不安全"的字符（如空格或 ñ 等带重音符号的字母）替换为百分号 <code>%</code>，后跟与其在 UTF-8 标准中的值相对应的两个十六进制数字。',
     },
     {
       type: 'list',

package/src/tool/urlEncoderDecoder/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await urlEncoderDecoder.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/utmGenerator/i18n/de.ts

@@ -17,7 +17,7 @@ const faqData = [
   },
   {
     question: 'Unterscheidet Google Analytics bei UTM zwischen Groß- und Kleinschreibung?',
-    answer: 'Ja. „google“, „Google“ und „GOOGLE“ werden als unterschiedliche Quellen behandelt. Achten Sie immer auf Konsistenz, am besten verwenden Sie nur Kleinschreibung.',
+    answer: 'Ja. "google", "Google" und "GOOGLE" werden als unterschiedliche Quellen behandelt. Achten Sie immer auf Konsistenz, am besten verwenden Sie nur Kleinschreibung.',
   },
 ];
 
@@ -107,7 +107,7 @@ export const content: ToolLocaleContent<UtmGeneratorUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Einheitliche Schreibweise:</strong> Tools unterscheiden zwischen „Google“, „GOOGLE“ und „google“. Verwenden Sie immer Kleinschreibung, um Duplikate zu vermeiden.',
+        '<strong>Einheitliche Schreibweise:</strong> Tools unterscheiden zwischen "Google", "GOOGLE" und "google". Verwenden Sie immer Kleinschreibung, um Duplikate zu vermeiden.',
         '<strong>Leerzeichen vermeiden:</strong> Leerzeichen werden zu %20. Verwenden Sie stattdessen Bindestriche (-) oder Unterstriche (_).',
         '<strong>Nicht bei internen Links verwenden:</strong> UTM-Tracking ist ausschließlich für externen Traffic gedacht. Bei internen Links unterbricht es die Sitzung und verfälscht wichtige Kennzahlen.',
         '<strong>Dokumentieren Sie Ihre Tags:</strong> Führen Sie Protokoll über alle verwendeten Kombinationen, um Inkonsistenzen zu vermeiden.',

package/src/tool/utmGenerator/i18n/pl.ts

@@ -17,7 +17,7 @@ const faqData = [
   },
   {
     question: 'Czy Google Analytics rozróżnia wielkość liter w UTM?',
-    answer: 'Tak. „google”, „Google” i „GOOGLE” będą traktowane jako różne źródła. Zawsze zachowuj spójność, najlepiej używając tylko małych liter.',
+    answer: 'Tak. "google", "Google" i "GOOGLE" będą traktowane jako różne źródła. Zawsze zachowuj spójność, najlepiej używając tylko małych liter.',
   },
 ];
 
@@ -81,8 +81,8 @@ export const content: ToolLocaleContent<UtmGeneratorUI> = {
   faq: faqData,
   bibliographyTitle: 'Referencje',
   bibliography: [
-    { name: 'Gromadzenie danych kampanii za pomocą niestandardowych adresów URL — Pomoc Google Analytics (2024)', url: 'https://support.google.com/analytics/answer/1033863' },
-    { name: 'Najlepsze praktyki tagowania adresów URL kampanii — Blog VWO (2023)', url: 'https://vwo.com/blog/utm-tagging-best-practices/' },
+    { name: 'Gromadzenie danych kampanii za pomocą niestandardowych adresów URL - Pomoc Google Analytics (2024)', url: 'https://support.google.com/analytics/answer/1033863' },
+    { name: 'Najlepsze praktyki tagowania adresów URL kampanii - Blog VWO (2023)', url: 'https://vwo.com/blog/utm-tagging-best-practices/' },
   ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
@@ -99,7 +99,7 @@ export const content: ToolLocaleContent<UtmGeneratorUI> = {
         '<strong>Źródło kampanii:</strong> Identyfikuje wyszukiwarkę, sieć społecznościową lub pochodzenie ruchu. Przykład: google, newsletter, facebook.',
         '<strong>Medium kampanii:</strong> Odnosi się do kanału marketingowego. Przykład: cpc, e-mail, social, banner, organic.',
         '<strong>Nazwa kampanii:</strong> Konkretna nazwa Twojej kampanii. Przykład: oferta_letnia_2025, app_launch_v2.',
-        '<strong>Termin kampanii:</strong> W przypadku wyszukiwania płatnego — słowa kluczowe, na które licytujesz. Przykład: kup_buty_sportowe.',
+        '<strong>Termin kampanii:</strong> W przypadku wyszukiwania płatnego - słowa kluczowe, na które licytujesz. Przykład: kup_buty_sportowe.',
         '<strong>Treść kampanii:</strong> Do testów A/B. Rozróżnia podobne elementy w ramach kampanii. Przykład: header_v1, sidebar_v2.',
       ],
     },
@@ -107,7 +107,7 @@ export const content: ToolLocaleContent<UtmGeneratorUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Spójność wielkości liter:</strong> Narzędzia rozróżniają „Google”, „GOOGLE” i „google”. Zawsze używaj małych liter, aby uniknąć duplikatów.',
+        '<strong>Spójność wielkości liter:</strong> Narzędzia rozróżniają "Google", "GOOGLE" i "google". Zawsze używaj małych liter, aby uniknąć duplikatów.',
         '<strong>Unikaj spacji:</strong> Spacje zmieniają się w %20. Zamiast nich używaj łączników (-) lub podkreśleń (_).',
         '<strong>Nie używaj w linkach wewnętrznych:</strong> Śledzenie UTM służy wyłącznie do ruchu zewnętrznego. W linkach wewnętrznych przerywa sesję i psuje kluczowe wskaźniki.',
         '<strong>Dokumentuj swoje tagi:</strong> Prowadź rejestr wszystkich używanych kombinacji, aby zapobiec niespójnościom.',