@jjlmoya/utils-developer 1.13.0 → 1.15.0

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

@@ -8,7 +8,7 @@ const description = 'Convierte tus datos de Excel o CSV a tablas HTML semántica
 
 const faqData = [
   {
-    question: '¿Cómo convierto un archivo Excel (.xlsx) a HTML?',
+    question: '¿Cómo convierto un archivo Excel (XLSX) a HTML?',
     answer: 'Primero, abre tu archivo en Excel y guárdalo como CSV (delimitado por comas). Luego, sube ese archivo CSV a nuestra herramienta o pega su contenido para obtener el código HTML de la tabla.',
   },
   {

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

@@ -40,7 +40,7 @@ const howToData = [
   },
   {
     name: 'Skopiuj kod',
-    text: 'Przełącz się na kartę „Kod HTML” i skopiuj wynik, aby wkleić go na swojej stronie internetowej.',
+    text: 'Przełącz się na kartę "Kod HTML" i skopiuj wynik, aby wkleić go na swojej stronie internetowej.',
   },
 ];
 

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

@@ -13,7 +13,7 @@ const faqData = [
   },
   {
     question: 'Включает ли сгенерированный код стили CSS?',
-    answer: 'Генератор создает чистый HTML с дополнительными классами для границ и «зебры» (чередующихся строк). Окончательные визуальные стили зависят от CSS вашего собственного сайта, что обеспечивает идеальную интеграцию.',
+    answer: 'Генератор создает чистый HTML с дополнительными классами для границ и "зебры" (чередующихся строк). Окончательные визуальные стили зависят от CSS вашего собственного сайта, что обеспечивает идеальную интеграцию.',
   },
   {
     question: 'Могу ли я загружать очень большие CSV-файлы?',
@@ -40,7 +40,7 @@ const howToData = [
   },
   {
     name: 'Скопируйте код',
-    text: 'Перейдите на вкладку «Код HTML» и скопируйте результат для вставки на ваш сайт.',
+    text: 'Перейдите на вкладку "Код HTML" и скопируйте результат для вставки на ваш сайт.',
   },
 ];
 

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

@@ -21,7 +21,7 @@ const faqData = [
   },
   {
     question: '它与 Google 表格兼容吗？',
-    answer: '绝对兼容。在 Google 表格中，转到“文件”>“下载”>“逗号分隔值 (.csv)”，然后将该文件用于我们的工具。',
+    answer: '绝对兼容。在 Google 表格中，转到"文件">"下载">"逗号分隔值 (.csv)"，然后将该文件用于我们的工具。',
   },
 ];
 
@@ -40,7 +40,7 @@ const howToData = [
   },
   {
     name: '复制代码',
-    text: '切换到“HTML 代码”选项卡并复制结果以粘贴到您的网站上。',
+    text: '切换到"HTML 代码"选项卡并复制结果以粘贴到您的网站上。',
   },
 ];
 

package/src/tool/conversorExcelCsvHtml/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await conversorExcelCsvHtml.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/cronGenerator/cron.css

@@ -12,7 +12,7 @@
     color: var(--cron-text);
   }
 
-  :global(.theme-dark) .cron-root {
+  .theme-dark .cron-root {
     --cron-card-bg: #1e293b;
     --cron-bg: #0f172a;
     --cron-text: #f1f5f9;
@@ -249,7 +249,7 @@
     border: 1px solid var(--cron-border);
   }
 
-  :global(.cron-run-item) {
+  .cron-run-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -260,18 +260,18 @@
     font-size: 0.825rem;
   }
 
-  :global(.cron-run-date) {
+  .cron-run-date {
     font-weight: 600;
     color: var(--cron-text);
     text-transform: capitalize;
   }
 
-  :global(.cron-run-rel) {
+  .cron-run-rel {
     font-size: 0.72rem;
     color: var(--cron-text-muted);
   }
 
-  :global(.cron-no-runs) {
+  .cron-no-runs {
     padding: 1rem;
     text-align: center;
     color: var(--cron-text-muted);

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

@@ -21,7 +21,7 @@ const faqData = [
   {
     question: 'Was bedeutet das Sternchen (*) in Cron?',
     answer:
-      'Das Sternchen ist ein Platzhalter, der „alle“ bedeutet. Beispielsweise bedeutet ein * im Minutenfeld, dass die Aufgabe jede Minute des definierten Bereichs ausgeführt wird.',
+      'Das Sternchen ist ein Platzhalter, der "alle" bedeutet. Beispielsweise bedeutet ein * im Minutenfeld, dass die Aufgabe jede Minute des definierten Bereichs ausgeführt wird.',
   },
   {
     question: 'Wie kann ich die anstehenden Ausführungen überprüfen?',
@@ -37,7 +37,7 @@ const howToData = [
   },
   {
     name: 'Erweiterte Details konfigurieren',
-    text: 'Wechseln Sie zur Registerkarte „Erweitert“, um die genauen Minuten, Stunden oder特定 Wochentage manuell zu definieren.',
+    text: 'Wechseln Sie zur Registerkarte "Erweitert", um die genauen Minuten, Stunden oder特定 Wochentage manuell zu definieren.',
   },
   {
     name: 'Übersetzung und Daten überprüfen',
@@ -157,7 +157,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Obwohl wir im Zeitalter von <em>Serverless</em>-Servern und Cloud-Workflows leben, bleibt das <strong>Crontab</strong>-System das Rückgrat der globalen Technologieinfrastruktur. Von kleinen Blogs bis hin zu massiven Bankinfrastrukturen – die Aufgabenplanung sorgt dafür, dass die digitale Welt läuft.',
+      html: 'Obwohl wir im Zeitalter von <em>Serverless</em>-Servern und Cloud-Workflows leben, bleibt das <strong>Crontab</strong>-System das Rückgrat der globalen Technologieinfrastruktur. Von kleinen Blogs bis hin zu massiven Bankinfrastrukturen - die Aufgabenplanung sorgt dafür, dass die digitale Welt läuft.',
     },
     {
       type: 'title',
@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90 % der Server laufen auf <strong>UTC</strong>. Wenn Sie eine Aufgabe für 02:00 Uhr morgens in Ihrer lokalen Zeitzone planen, wird sie möglicherweise zu einer unerwarteten Zeit ausgeführt. Außerdem hat Cron keinen Zugriff auf Ihren üblichen <code>$PATH</code> – verwenden Sie immer absolute Pfade wie <code>/usr/local/bin/node</code>.',
+      html: '90 % der Server laufen auf <strong>UTC</strong>. Wenn Sie eine Aufgabe für 02:00 Uhr morgens in Ihrer lokalen Zeitzone planen, wird sie möglicherweise zu einer unerwarteten Zeit ausgeführt. Außerdem hat Cron keinen Zugriff auf Ihren üblichen <code>$PATH</code> - verwenden Sie immer absolute Pfade wie <code>/usr/local/bin/node</code>.',
     },
   ],
 };

package/src/tool/cronGenerator/i18n/en.ts

@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90% of servers run on <strong>UTC</strong>. If you schedule a task at 02:00 AM thinking in your local timezone, it may run at an unexpected time. Also, Cron does not have access to your usual <code>$PATH</code> — always use absolute paths like <code>/usr/local/bin/node</code>.',
+      html: '90% of servers run on <strong>UTC</strong>. If you schedule a task at 02:00 AM thinking in your local timezone, it may run at an unexpected time. Also, Cron does not have access to your usual <code>$PATH</code> - always use absolute paths like <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -100,7 +100,7 @@ const ui: CronGeneratorUI = {
   hintDow: '0 = Domingo, 6 = Sábado',
   labelNextRuns: 'Próximas Ejecuciones',
   btnCopy: 'Copiar Expresión',
-  btnCopied: 'Copiado!',
+  btnCopied: '¡Copiado!',
   msgNoRuns: 'No se encontraron ejecuciones próximas razonables.',
   msgError: 'Error al calcular fechas.',
   presetEveryMinute: 'Cada minuto',
@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'El 90% de los servidores funcionan en <strong>UTC</strong>. Si programas una tarea a las 02:00 AM pensando en tu horario local, podrías ejecutarla en un momento inesperado. Además, Cron no tiene acceso a tu <code>$PATH</code> habitual — usa siempre rutas absolutas como <code>/usr/local/bin/node</code>.',
+      html: 'El 90% de los servidores funcionan en <strong>UTC</strong>. Si programas una tarea a las 02:00 AM pensando en tu horario local, podrías ejecutarla en un momento inesperado. Además, Cron no tiene acceso a tu <code>$PATH</code> habitual - usa siempre rutas absolutas como <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -96,7 +96,7 @@ const ui: CronGeneratorUI = {
   fieldDom: 'Jour du Mois (1-31)',
   fieldMonth: 'Mois (1-12)',
   fieldDow: 'Jour de la Semaine (0-6)',
-  hintMinute: 'Ex : *, */5, 0,30',
+  hintMinute: 'Ex: *, */5, 0,30',
   hintDow: '0 = Dimanche, 6 = Samedi',
   labelNextRuns: 'Prochaines exécutions',
   btnCopy: 'Copier l\'expression',
@@ -139,11 +139,11 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
   bibliographyTitle: 'Références et documentation',
   bibliography: [
     {
-      name: 'Manuel GNU Crontab : Expressions Cron sous Linux',
+      name: 'Manuel GNU Crontab: Expressions Cron sous Linux',
       url: 'https://www.gnu.org/software/mcron/manual/html_node/Crontab-file.html',
     },
     {
-      name: 'Cron sur Wikipedia : Histoire et syntaxe',
+      name: 'Cron sur Wikipedia: Histoire et syntaxe',
       url: 'https://en.wikipedia.org/wiki/Cron',
     },
   ],
@@ -181,11 +181,11 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'tip',
-      html: 'Utilisez le slash <code>/</code> pour définir des pas : <code>*/5</code> en minutes s\'exécute toutes les 5 minutes. La virgule <code>,</code> crée des listes (<code>1,3,5</code>) et le tiret <code>-</code> définit des plages (<code>1-5</code>).',
+      html: 'Utilisez le slash <code>/</code> pour définir des pas: <code>*/5</code> en minutes s\'exécute toutes les 5 minutes. La virgule <code>,</code> crée des listes (<code>1,3,5</code>) et le tiret <code>-</code> définit des plages (<code>1-5</code>).',
     },
     {
       type: 'paragraph',
-      html: '90% des serveurs fonctionnent en <strong>UTC</strong>. Si vous planifiez une tâche à 02h00 en pensant à votre fuseau local, elle peut s\'exécuter à un moment inattendu. De plus, Cron n\'a pas accès à votre <code>$PATH</code> habituel — utilisez toujours des chemins absolus comme <code>/usr/local/bin/node</code>.',
+      html: '90% des serveurs fonctionnent en <strong>UTC</strong>. Si vous planifiez une tâche à 02h00 en pensant à votre fuseau local, elle peut s\'exécuter à un moment inattendu. De plus, Cron n\'a pas accès à votre <code>$PATH</code> habituel - utilisez toujours des chemins absolus comme <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90% server berjalan pada <strong>UTC</strong>. Jika Anda menjadwalkan tugas pada pukul 02:00 pagi berdasarkan zona waktu lokal Anda, tugas tersebut mungkin berjalan pada waktu yang tidak terduga. Selain itu, Cron tidak memiliki akses ke <code>$PATH</code> Anda yang biasa — selalu gunakan jalur absolut seperti <code>/usr/local/bin/node</code>.',
+      html: '90% server berjalan pada <strong>UTC</strong>. Jika Anda menjadwalkan tugas pada pukul 02:00 pagi berdasarkan zona waktu lokal Anda, tugas tersebut mungkin berjalan pada waktu yang tidak terduga. Selain itu, Cron tidak memiliki akses ke <code>$PATH</code> Anda yang biasa - selalu gunakan jalur absolut seperti <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90% van de servers draait op <strong>UTC</strong>. Als u een taak plant om 02:00 uur \'s nachts op basis van uw lokale tijdzone, kan deze op een onverwacht tijdstip worden uitgevoerd. Bovendien heeft Cron geen toegang tot uw gebruikelijke <code>$PATH</code> — gebruik altijd absolute paden zoals <code>/usr/local/bin/node</code>.',
+      html: '90% van de servers draait op <strong>UTC</strong>. Als u een taak plant om 02:00 uur \'s nachts op basis van uw lokale tijdzone, kan deze op een onverwacht tijdstip worden uitgevoerd. Bovendien heeft Cron geen toegang tot uw gebruikelijke <code>$PATH</code> - gebruik altijd absolute paden zoals <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -21,7 +21,7 @@ const faqData = [
   {
     question: 'Co oznacza gwiazdka (*) w Cron?',
     answer:
-      'Gwiazdka to symbol wieloznaczny oznaczający „wszystko”. Na przykład gwiazdka w polu minut oznacza, że zadanie będzie uruchamiane w każdej minucie zdefiniowanego zakresu.',
+      'Gwiazdka to symbol wieloznaczny oznaczający "wszystko". Na przykład gwiazdka w polu minut oznacza, że zadanie będzie uruchamiane w każdej minucie zdefiniowanego zakresu.',
   },
   {
     question: 'Jak mogę sprawdzić nadchodzące wykonania?',
@@ -37,7 +37,7 @@ const howToData = [
   },
   {
     name: 'Skonfiguruj zaawansowane szczegóły',
-    text: 'Przełącz się na kartę „Zaawansowane”, aby ręcznie zdefiniować dokładne minuty, godziny lub określone dni tygodnia.',
+    text: 'Przełącz się na kartę "Zaawansowane", aby ręcznie zdefiniować dokładne minuty, godziny lub określone dni tygodnia.',
   },
   {
     name: 'Zweryfikuj tłumaczenie i daty',
@@ -167,11 +167,11 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Pole 1 – Minuta (0-59):</strong> Kiedy zadanie rozpoczyna się w ciągu godziny.',
-        '<strong>Pole 2 – Godzina (0-23):</strong> Wymagany format 24-godzinny.',
-        '<strong>Pole 3 – Dzień miesiąca (1-31):</strong> Konkretny dzień kalendarzowy.',
-        '<strong>Pole 4 – Miesiąc (1-12):</strong> Od stycznia do grudnia.',
-        '<strong>Pole 5 – Dzień tygodnia (0-6):</strong> 0 to zazwyczaj niedziela.',
+        '<strong>Pole 1 - Minuta (0-59):</strong> Kiedy zadanie rozpoczyna się w ciągu godziny.',
+        '<strong>Pole 2 - Godzina (0-23):</strong> Wymagany format 24-godzinny.',
+        '<strong>Pole 3 - Dzień miesiąca (1-31):</strong> Konkretny dzień kalendarzowy.',
+        '<strong>Pole 4 - Miesiąc (1-12):</strong> Od stycznia do grudnia.',
+        '<strong>Pole 5 - Dzień tygodnia (0-6):</strong> 0 to zazwyczaj niedziela.',
       ],
     },
     {
@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90% serwerów działa w czasie <strong>UTC</strong>. Jeśli zaplanujesz zadanie na 02:00 rano, myśląc o lokalnej strefie czasowej, może ono zostać uruchomione o nieoczekiwanej porze. Ponadto Cron nie ma dostępu do Twojej zwykłej ścieżki <code>$PATH</code> – zawsze używaj ścieżek bezwzględnych, takich jak <code>/usr/local/bin/node</code>.',
+      html: '90% serwerów działa w czasie <strong>UTC</strong>. Jeśli zaplanujesz zadanie na 02:00 rano, myśląc o lokalnej strefie czasowej, może ono zostać uruchomione o nieoczekiwanej porze. Ponadto Cron nie ma dostępu do Twojej zwykłej ścieżki <code>$PATH</code> - zawsze używaj ścieżek bezwzględnych, takich jak <code>/usr/local/bin/node</code>.',
     },
   ],
 };

package/src/tool/cronGenerator/i18n/pt.ts

@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90% dos servidores funcionam em <strong>UTC</strong>. Se agendar uma tarefa às 02:00 da manhã pensando no seu fuso horário local, ela poderá ser executada num horário inesperado. Além disso, o Cron não tem acesso ao seu <code>$PATH</code> habitual — use sempre caminhos absolutos como <code>/usr/local/bin/node</code>.',
+      html: '90% dos servidores funcionam em <strong>UTC</strong>. Se agendar uma tarefa às 02:00 da manhã pensando no seu fuso horário local, ela poderá ser executada num horário inesperado. Além disso, o Cron não tem acesso ao seu <code>$PATH</code> habitual - use sempre caminhos absolutos como <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -21,7 +21,7 @@ const faqData = [
   {
     question: 'Что означает звездочка (*) в Cron?',
     answer:
-      'Звездочка — это подстановочный знак, означающий «все». Например, * в поле минут означает, что задача будет запускаться каждую минуту определенного диапазона.',
+      'Звездочка - это подстановочный знак, означающий "все". Например, * в поле минут означает, что задача будет запускаться каждую минуту определенного диапазона.',
   },
   {
     question: 'Как я могу проверить предстоящие запуски?',
@@ -37,7 +37,7 @@ const howToData = [
   },
   {
     name: 'Настройте дополнительные детали',
-    text: 'Перейдите на вкладку «Дополнительно», чтобы вручную определить точные минуты, часы или конкретные дни недели.',
+    text: 'Перейдите на вкладку "Дополнительно", чтобы вручную определить точные минуты, часы или конкретные дни недели.',
   },
   {
     name: 'Проверьте перевод и даты',
@@ -157,7 +157,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Несмотря на то, что мы живем в эпоху <em>serverless</em>-серверов и облачных рабочих процессов, система <strong>Crontab</strong> остается основой глобальной технологической инфраструктуры. От небольших блогов до массивных банковских систем — планирование задач поддерживает работу цифрового мира.',
+      html: 'Несмотря на то, что мы живем в эпоху <em>serverless</em>-серверов и облачных рабочих процессов, система <strong>Crontab</strong> остается основой глобальной технологической инфраструктуры. От небольших блогов до массивных банковских систем - планирование задач поддерживает работу цифрового мира.',
     },
     {
       type: 'title',
@@ -167,11 +167,11 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Поле 1 — Минута (0-59):</strong> когда задача запускается внутри часа.',
-        '<strong>Поле 2 — Час (0-23):</strong> требуется 24-часовой формат.',
-        '<strong>Поле 3 — День месяца (1-31):</strong> конкретный календарный день.',
-        '<strong>Поле 4 — Месяц (1-12):</strong> с января по декабрь.',
-        '<strong>Поле 5 — День недели (0-6):</strong> 0 обычно означает воскресенье.',
+        '<strong>Поле 1 - Минута (0-59):</strong> когда задача запускается внутри часа.',
+        '<strong>Поле 2 - Час (0-23):</strong> требуется 24-часовой формат.',
+        '<strong>Поле 3 - День месяца (1-31):</strong> конкретный календарный день.',
+        '<strong>Поле 4 - Месяц (1-12):</strong> с января по декабрь.',
+        '<strong>Поле 5 - День недели (0-6):</strong> 0 обычно означает воскресенье.',
       ],
     },
     {
@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90% серверов работают по времени <strong>UTC</strong>. Если вы планируете задачу на 02:00 ночи, ориентируясь на местное время, она может запуститься в неожиданное время. Кроме того, у Cron нет доступа к вашему обычному <code>$PATH</code> — всегда используйте абсолютные пути, такие как <code>/usr/local/bin/node</code>.',
+      html: '90% серверов работают по времени <strong>UTC</strong>. Если вы планируете задачу на 02:00 ночи, ориентируясь на местное время, она может запуститься в неожиданное время. Кроме того, у Cron нет доступа к вашему обычному <code>$PATH</code> - всегда используйте абсолютные пути, такие как <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90 % av alla servrar körs på <strong>UTC</strong>. Om du schemalägger en uppgift kl. 02:00 med din lokala tidszon i åtanke, kan den köras vid en oväntad tidpunkt. Cron har dessutom inte tillgång till din vanliga <code>$PATH</code> – använd alltid absoluta sökvägar som <code>/usr/local/bin/node</code>.',
+      html: '90 % av alla servrar körs på <strong>UTC</strong>. Om du schemalägger en uppgift kl. 02:00 med din lokala tidszon i åtanke, kan den köras vid en oväntad tidpunkt. Cron har dessutom inte tillgång till din vanliga <code>$PATH</code> - använd alltid absoluta sökvägar som <code>/usr/local/bin/node</code>.',
     },
   ],
 };

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

@@ -21,7 +21,7 @@ const faqData = [
   {
     question: 'Cron 中的星号 (*) 是什么意思？',
     answer:
-      '星号是一个通配符，表示“所有”。例如，分钟字段中的 * 表示任务将在定义范围内的每分钟运行。',
+      '星号是一个通配符，表示"所有"。例如，分钟字段中的 * 表示任务将在定义范围内的每分钟运行。',
   },
   {
     question: '如何检查即将进行的执行？',
@@ -37,7 +37,7 @@ const howToData = [
   },
   {
     name: '配置高级细节',
-    text: '切换到“高级”选项卡，手动定义具体的分钟、小时或特定的星期。',
+    text: '切换到"高级"选项卡，手动定义具体的分钟、小时或特定的星期。',
   },
   {
     name: '验证翻译和日期',
@@ -185,7 +185,7 @@ export const content: ToolLocaleContent<CronGeneratorUI> = {
     },
     {
       type: 'paragraph',
-      html: '90% 的服务器运行在 <strong>UTC</strong> 时间。如果您按照当地时区计划在凌晨 02:00 运行任务，它可能会在意外的时间执行。此外，Cron 无法直接访问您的 <code>$PATH</code> 变量 —— 请始终使用绝对路径，例如 <code>/usr/local/bin/node</code>。',
+      html: '90% 的服务器运行在 <strong>UTC</strong> 时间。如果您按照当地时区计划在凌晨 02:00 运行任务，它可能会在意外的时间执行。此外，Cron 无法直接访问您的 <code>$PATH</code> 变量 - 请始终使用绝对路径，例如 <code>/usr/local/bin/node</code>。',
     },
   ],
 };

package/src/tool/cronGenerator/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await cronGenerator.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/cssSpecificityCalculator/css-specificity-calculator.css

@@ -13,7 +13,7 @@
     color: var(--spec-text);
   }
 
-  :global(.theme-dark) .spec-root {
+  .theme-dark .spec-root {
     --spec-card-bg: #1e293b;
     --spec-bg: #0f172a;
     --spec-text: #f1f5f9;

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

@@ -119,7 +119,7 @@ export const content: ToolLocaleContent<CssSpecificityCalculatorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Die CSS-Spezifität ist der Algorithmus, nach dem Browser entscheiden, welche Eigenschaftswerte auf ein bestimmtes Element angewendet werden. Es ist im Grunde ein mathematischer Wert, der dem Browser sagt, „wie spezifisch“ eine Regel ist.',
+      html: 'Die CSS-Spezifität ist der Algorithmus, nach dem Browser entscheiden, welche Eigenschaftswerte auf ein bestimmtes Element angewendet werden. Es ist im Grunde ein mathematischer Wert, der dem Browser sagt, "wie spezifisch" eine Regel ist.',
     },
     {
       type: 'paragraph',

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

@@ -33,11 +33,11 @@ const faqData = [
 const howToData = [
   {
     name: 'Saisissez le premier sélecteur',
-    text: 'Tapez le Sélecteur A dans le champ texte de gauche, par exemple : #header .nav-item > a. Les compteurs d\'IDs, Classes et Éléments se mettront à jour instantanément.',
+    text: 'Tapez le Sélecteur A dans le champ texte de gauche, par exemple: #header .nav-item > a. Les compteurs d\'IDs, Classes et Éléments se mettront à jour instantanément.',
   },
   {
     name: 'Saisissez le deuxième sélecteur',
-    text: 'Tapez le Sélecteur B dans le champ texte de droite, par exemple : ul li.active a:hover. Observez comment les poids changent en temps réel.',
+    text: 'Tapez le Sélecteur B dans le champ texte de droite, par exemple: ul li.active a:hover. Observez comment les poids changent en temps réel.',
   },
   {
     name: 'Lisez le résultat',
@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<CssSpecificityCalculatorUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Colonne A (IDs) :</strong> Compte le nombre d\'identifiants uniques. Exemple : <code>#header</code> compte comme 1 dans la colonne A.',
+        '<strong>Colonne A (IDs):</strong> Compte le nombre d\'identifiants uniques. Exemple: <code>#header</code> compte comme 1 dans la colonne A.',
         '<strong>Colonne B (Classes, Attributs et Pseudo-classes) :</strong> Compte toutes les classes (<code>.button</code>), attributs (<code>[type="text"]</code>) et pseudo-classes (<code>:hover</code>).',
         '<strong>Colonne C (Éléments et Pseudo-éléments) :</strong> Compte tous les éléments HTML (<code>div</code>, <code>h1</code>) et pseudo-éléments (<code>::before</code>).',
       ],

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

@@ -119,11 +119,11 @@ export const content: ToolLocaleContent<CssSpecificityCalculatorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Specyficzność CSS to algorytm, według którego przeglądarki decydują, które wartości właściwości zastosować do danego elementu. To nic innego jak matematyczny wynik, który mówi przeglądarce, jak bardzo „szczegółowa" jest dana reguła.',
+      html: 'Specyficzność CSS to algorytm, według którego przeglądarki decydują, które wartości właściwości zastosować do danego elementu. To nic innego jak matematyczny wynik, który mówi przeglądarce, jak bardzo "szczegółowa" jest dana reguła.',
     },
     {
       type: 'paragraph',
-      html: 'Jeśli dwie reguły mają różne poziomy specyficzności, wygrywa ta o wyższej wadze — niezależnie od kolejności, w jakiej zostały napisane. Gdy obie mają tę samą wagę, decyduje ta zadeklarowana później w kodzie źródłowym.',
+      html: 'Jeśli dwie reguły mają różne poziomy specyficzności, wygrywa ta o wyższej wadze - niezależnie od kolejności, w jakiej zostały napisane. Gdy obie mają tę samą wagę, decyduje ta zadeklarowana później w kodzie źródłowym.',
     },
     {
       type: 'title',

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

@@ -11,7 +11,7 @@ const faqData = [
   {
     question: 'Что такое специфичность CSS?',
     answer:
-      'Специфичность — это алгоритм, который браузеры используют для определения того, какое правило CSS применяется к элементу, когда несколько правил конкурируют. Она представлена трёхколонным счётом (A, B, C), указывающим идентификаторы, классы/атрибуты/псевдо-классы и элементы/псевдо-элементы соответственно.',
+      'Специфичность - это алгоритм, который браузеры используют для определения того, какое правило CSS применяется к элементу, когда несколько правил конкурируют. Она представлена трёхколонным счётом (A, B, C), указывающим идентификаторы, классы/атрибуты/псевдо-классы и элементы/псевдо-элементы соответственно.',
   },
   {
     question: 'Может ли класс когда-либо победить ID в специфичности?',
@@ -119,7 +119,7 @@ export const content: ToolLocaleContent<CssSpecificityCalculatorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Специфичность CSS — это алгоритм, по которому браузеры определяют, какие значения свойств применять к конкретному элементу. По сути это математический счёт, который говорит браузеру «насколько специфичным» является правило.',
+      html: 'Специфичность CSS - это алгоритм, по которому браузеры определяют, какие значения свойств применять к конкретному элементу. По сути это математический счёт, который говорит браузеру "насколько специфичным" является правило.',
     },
     {
       type: 'paragraph',

package/src/tool/cssSpecificityCalculator/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await cssSpecificityCalculator.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/cssToInlineConverter/css-to-inline-converter.css

@@ -13,7 +13,7 @@
     color: var(--cssi-text);
   }
 
-  :global(.theme-dark) .cssi-root {
+  .theme-dark .cssi-root {
     --cssi-card-bg: #1e293b;
     --cssi-bg: #0f172a;
     --cssi-text: #f1f5f9;

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

@@ -16,32 +16,32 @@ const faqData = [
   {
     question: 'Was passiert, wenn ein Element bereits ein eigenes style-Attribut hat?',
     answer:
-      'Das Werkzeug respektiert vorhandene Inline-Styles und fügt die neuen Eigenschaften dahinter an – es simuliert dabei das Verhalten der CSS-Kaskade: Bei Konflikten überschreiben später deklarierte Eigenschaften frühere.',
+      'Das Werkzeug respektiert vorhandene Inline-Styles und fügt die neuen Eigenschaften dahinter an - es simuliert dabei das Verhalten der CSS-Kaskade: Bei Konflikten überschreiben später deklarierte Eigenschaften frühere.',
   },
   {
     question: 'Funktioniert es auch mit komplexen Selektoren wie :hover oder Media Queries?',
     answer:
-      'Das Werkzeug verarbeitet Klassen-, ID-, Attribut- und strukturelle Pseudo-Klassen-Selektoren, die DOMParser auflösen kann. Zustandsabhängige Selektoren wie :hover und Media Queries können nicht inline eingebettet werden – sie hängen von der Laufzeitumgebung ab und werden ignoriert.',
+      'Das Werkzeug verarbeitet Klassen-, ID-, Attribut- und strukturelle Pseudo-Klassen-Selektoren, die DOMParser auflösen kann. Zustandsabhängige Selektoren wie :hover und Media Queries können nicht inline eingebettet werden - sie hängen von der Laufzeitumgebung ab und werden ignoriert.',
   },
   {
     question: 'Wird mein HTML- und CSS-Code an einen Server gesendet?',
     answer:
-      'Nein. Die gesamte Verarbeitung findet zu 100 % in Ihrem Browser mithilfe der nativen DOMParser-API statt. Kein einziges Byte Ihres Codes verlässt Ihr Gerät – das garantiert vollständige Privatsphäre, auch bei Vorlagen mit vertraulichen Inhalten.',
+      'Nein. Die gesamte Verarbeitung findet zu 100 % in Ihrem Browser mithilfe der nativen DOMParser-API statt. Kein einziges Byte Ihres Codes verlässt Ihr Gerät - das garantiert vollständige Privatsphäre, auch bei Vorlagen mit vertraulichen Inhalten.',
   },
 ];
 
 const howToData = [
   {
     name: 'Fügen Sie Ihr HTML ein',
-    text: 'Schreiben oder fügen Sie das HTML, das Sie verarbeiten möchten, in das Feld „Original-HTML" ein. Es kann sich um ein Fragment oder ein vollständiges Dokument handeln.',
+    text: 'Schreiben oder fügen Sie das HTML, das Sie verarbeiten möchten, in das Feld "Original-HTML" ein. Es kann sich um ein Fragment oder ein vollständiges Dokument handeln.',
   },
   {
     name: 'CSS-Regeln hinzufügen',
-    text: 'Fügen Sie die Klassen und IDs, die Sie einbetten möchten, in das Feld „CSS-Regeln" ein. Das Werkzeug wendet sie unter Berücksichtigung der Selektorspezifität an.',
+    text: 'Fügen Sie die Klassen und IDs, die Sie einbetten möchten, in das Feld "CSS-Regeln" ein. Das Werkzeug wendet sie unter Berücksichtigung der Selektorspezifität an.',
   },
   {
     name: 'Konvertieren und kopieren',
-    text: 'Klicken Sie auf „CSS in HTML einbetten". Das Ergebnis mit allen Inline-Styles erscheint darunter – bereit zum Kopieren und Einfügen in Ihren E-Mail-Manager oder Ihr CMS.',
+    text: 'Klicken Sie auf "CSS in HTML einbetten". Das Ergebnis mit allen Inline-Styles erscheint darunter - bereit zum Kopieren und Einfügen in Ihren E-Mail-Manager oder Ihr CMS.',
   },
 ];
 

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

@@ -19,7 +19,7 @@ const faqData = [
       'La herramienta respeta los estilos inline existentes y añade las nuevas propiedades a continuación, simulando el comportamiento de la cascada CSS: las propiedades declaradas más tarde sobreescriben las anteriores en caso de conflicto.',
   },
   {
-    question: '¿Funciona con selectores complejos como :hover o media queries?',
+    question: '¿Funciona con selectores complejos como hover o media queries?',
     answer:
       'La herramienta procesa selectores de clase, id, atributos y pseudo-clases estructurales que DOMParser puede resolver. Los selectores dependientes de estado como :hover y las media queries no se pueden inlinear (ya que dependen del entorno en tiempo de ejecución) y son ignorados.',
   },

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

@@ -16,7 +16,7 @@ const faqData = [
   {
     question: 'Que se passe-t-il si un élément a déjà son propre attribut style ?',
     answer:
-      'L\'outil respecte les styles inline existants et ajoute les nouvelles propriétés à la suite, simulant le comportement de la cascade CSS : les propriétés déclarées plus tard écrasent les précédentes en cas de conflit.',
+      'L\'outil respecte les styles inline existants et ajoute les nouvelles propriétés à la suite, simulant le comportement de la cascade CSS: les propriétés déclarées plus tard écrasent les précédentes en cas de conflit.',
   },
   {
     question: 'Fonctionne-t-il avec des sélecteurs complexes comme :hover ou les media queries ?',
@@ -124,11 +124,11 @@ export const content: ToolLocaleContent<CssToInlineConverterUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Lors du développement d\'applications web modernes, nous sommes habitués à séparer les responsabilités : le HTML construit la structure, et un fichier CSS externe apporte tout le style visuel. Cependant, tous les environnements ne font pas confiance aux feuilles de style externes ni aux balises globales <code>&lt;style&gt;</code>.',
+      html: 'Lors du développement d\'applications web modernes, nous sommes habitués à séparer les responsabilités: le HTML construit la structure, et un fichier CSS externe apporte tout le style visuel. Cependant, tous les environnements ne font pas confiance aux feuilles de style externes ni aux balises globales <code>&lt;style&gt;</code>.',
     },
     {
       type: 'paragraph',
-      html: 'Le cas d\'usage le plus populaire où le CSS externe échoue est le <strong>Développement de Modèles d\'Email</strong>. Dans ces environnements, la seule façon fiable qu\'une police, couleur ou marge se rende correctement est qu\'elle soit imbriquée directement dans la balise : <code>&lt;span style="color: red;"&gt;</code>.',
+      html: 'Le cas d\'usage le plus populaire où le CSS externe échoue est le <strong>Développement de Modèles d\'Email</strong>. Dans ces environnements, la seule façon fiable qu\'une police, couleur ou marge se rende correctement est qu\'elle soit imbriquée directement dans la balise: <code>&lt;span style="color: red;"&gt;</code>.',
     },
     {
       type: 'title',

package/src/tool/cssToInlineConverter/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await cssToInlineConverter.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/duplicateCssRemover/duplicate-css-remover.css

@@ -14,7 +14,7 @@
     color: var(--dupcss-text);
   }
 
-  :global(.theme-dark) .dupcss-root {
+  .theme-dark .dupcss-root {
     --dupcss-card-bg: #1e293b;
     --dupcss-bg: #0f172a;
     --dupcss-text: #f1f5f9;
@@ -43,7 +43,7 @@
     overflow: hidden;
   }
 
-  :global(.dupcss-stats-visible) {
+  .dupcss-stats-visible {
     display: flex;
   }