@jjlmoya/utils-developer 1.14.0 → 1.16.0

package/src/tests/script_density.test.ts

@@ -0,0 +1,94 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+
+type ScriptLocale = keyof typeof SCRIPT_RULES;
+
+const SCRIPT_RULES = {
+  ja: {
+    language: 'Japanese',
+    scriptName: 'kana/kanji',
+    scriptCharacters: /[\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Han}]/gu,
+    minScriptRatio: 0.45,
+  },
+  ko: {
+    language: 'Korean',
+    scriptName: 'hangul',
+    scriptCharacters: /\p{Script=Hangul}/gu,
+    minScriptRatio: 0.55,
+  },
+  ru: {
+    language: 'Russian',
+    scriptName: 'cyrillic',
+    scriptCharacters: /\p{Script=Cyrillic}/gu,
+    minScriptRatio: 0.65,
+  },
+  zh: {
+    language: 'Chinese',
+    scriptName: 'han',
+    scriptCharacters: /\p{Script=Han}/gu,
+    minScriptRatio: 0.45,
+  },
+} as const;
+
+const LETTERS = /\p{L}/gu;
+const TRANSLATABLE_KEYS = ['title', 'description', 'ui', 'seo', 'faq', 'howTo'] as const;
+
+function collectStrings(value: unknown): string[] {
+  if (typeof value === 'string') return [value];
+  if (!value || typeof value !== 'object') return [];
+  if (Array.isArray(value)) return value.flatMap(collectStrings);
+  return Object.values(value).flatMap(collectStrings);
+}
+
+function normalizeText(value: unknown): string {
+  return collectStrings(value).join(' ').normalize('NFC');
+}
+
+function translatableContent(content: Record<string, unknown>) {
+  return TRANSLATABLE_KEYS.map((key) => content[key]);
+}
+
+function letterCount(text: string): number {
+  return text.match(LETTERS)?.length ?? 0;
+}
+
+function scriptCount(text: string, locale: ScriptLocale): number {
+  return text.match(SCRIPT_RULES[locale].scriptCharacters)?.length ?? 0;
+}
+
+function scriptRatio(text: string, locale: ScriptLocale): number {
+  const letters = letterCount(text);
+  if (letters === 0) return 0;
+  return scriptCount(text, locale) / letters;
+}
+
+describe('Native script density validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      Object.keys(SCRIPT_RULES).forEach((locale) => {
+        it(`${locale} keeps most translated text in its native script`, async () => {
+          const typedLocale = locale as ScriptLocale;
+          const loader = tool.entry.i18n[typedLocale];
+          if (!loader) return;
+
+          const content = await loader();
+          const rule = SCRIPT_RULES[typedLocale];
+          const text = normalizeText(translatableContent(content as Record<string, unknown>));
+          const letters = letterCount(text);
+          const matches = scriptCount(text, typedLocale);
+          const ratio = scriptRatio(text, typedLocale);
+
+          expect(
+            ratio,
+            [
+              `Possible broken translation detected in ${tool.entry.id}/${typedLocale} (${rule.language}).`,
+              `The text has ${matches} ${rule.scriptName} characters out of ${letters} analyzed letters (${(ratio * 100).toFixed(1)}%).`,
+              `Most translatable content should be written in ${rule.scriptName} script.`,
+              'Non-translatable fields such as slug, bibliography, and schemas are ignored to avoid false positives.',
+            ].join(' '),
+          ).toBeGreaterThanOrEqual(rule.minScriptRatio);
+        });
+      });
+    });
+  });
+});

package/src/tests/shared-test-helpers.ts

@@ -0,0 +1,56 @@
+import type { ToolDefinition } from '../types';
+
+export interface ToolExportValidationResult {
+  passed: boolean;
+  failures: string[];
+}
+
+function validateComponentType(
+  toolId: string,
+  componentName: string,
+  component: unknown,
+  failures: string[],
+): void {
+  if (typeof component !== 'function') {
+    failures.push(`${toolId}: ${componentName} is not a function (${typeof component})`);
+  }
+}
+
+async function validateComponentExecution(
+  toolId: string,
+  componentName: string,
+  fn: () => Promise<unknown>,
+  failures: string[],
+): Promise<void> {
+  try {
+    const result = await fn();
+    if (!result || typeof result !== 'object') {
+      failures.push(`${toolId}: ${componentName} import returned invalid result`);
+    }
+  } catch (error) {
+    failures.push(`${toolId}: ${componentName} execution error - ${error instanceof Error ? error.message : 'unknown'}`);
+  }
+}
+
+export async function validateToolExports(tools: ToolDefinition[]): Promise<ToolExportValidationResult> {
+  const failures: string[] = [];
+
+  for (const tool of tools) {
+    validateComponentType(tool.entry.id, 'Component', tool.Component, failures);
+    validateComponentType(tool.entry.id, 'SEOComponent', tool.SEOComponent, failures);
+    validateComponentType(tool.entry.id, 'BibliographyComponent', tool.BibliographyComponent, failures);
+
+    const componentFn = tool.Component as () => Promise<unknown>;
+    const seoFn = tool.SEOComponent as () => Promise<unknown>;
+    const bibFn = tool.BibliographyComponent as () => Promise<unknown>;
+
+    await validateComponentExecution(tool.entry.id, 'Component', componentFn, failures);
+    await validateComponentExecution(tool.entry.id, 'SEOComponent', seoFn, failures);
+    await validateComponentExecution(tool.entry.id, 'BibliographyComponent', bibFn, failures);
+  }
+
+  return {
+    passed: failures.length === 0,
+    failures,
+  };
+}

package/src/tests/tool_exports.test.ts

@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import { validateToolExports } from './shared-test-helpers';
+
+describe('Tool Exports Pattern Validation', () => {
+  describe('Component Exports Format', () => {
+    ALL_TOOLS.forEach((tool) => {
+      it(`${tool.entry.id}: Component should be a lazy-loaded function`, () => {
+        expect(typeof tool.Component).toBe('function');
+        expect(tool.Component).toBeInstanceOf(Function);
+      });
+
+      it(`${tool.entry.id}: SEOComponent should be a lazy-loaded function`, () => {
+        expect(typeof tool.SEOComponent).toBe('function');
+        expect(tool.SEOComponent).toBeInstanceOf(Function);
+      });
+
+      it(`${tool.entry.id}: BibliographyComponent should be a lazy-loaded function`, () => {
+        expect(typeof tool.BibliographyComponent).toBe('function');
+        expect(tool.BibliographyComponent).toBeInstanceOf(Function);
+      });
+    });
+  });
+
+  describe('Dynamic Import Validation', () => {
+    it('all tools must have functional dynamic imports', async () => {
+      const result = await validateToolExports(ALL_TOOLS);
+      if (!result.passed) {
+        throw new Error(`Tool export validation failed:\n${result.failures.join('\n')}`);
+      }
+      expect(result.passed).toBe(true);
+    });
+  });
+});

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { developerCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 24 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(24);
+    it('should have 25 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(25);
     });
 
     it('developerCategory should be defined', () => {

package/src/tool/aspectRatio/component.astro

@@ -137,12 +137,14 @@ const t = (ui ?? {}) as AspectRatioUI;
     const { rw, rh, cw, ch } = getInputValues();
     const divisor = calculateGcd(Math.round(rw * 100), Math.round(rh * 100)) / 100;
     const ratioText = `${Math.round(rw / divisor)}:${Math.round(rh / divisor)}`;
+    const viewWidth = viewport.clientWidth - 80;
+    const viewHeight = viewport.clientHeight - 80;
+    const { w, h } = computeBoxDimensions(rw, rh, viewWidth, viewHeight);
 
     arcBoxRatio.textContent = ratioText;
     arcBoxRes.innerHTML = `${cw} × ${ch}px`;
     arcBadge.textContent = ratioText;
 
-    const { w, h } = computeBoxDimensions(rw, rh, viewport.clientWidth - 80, viewport.clientHeight - 80);
     arcBox.style.width = w + 'px';
     arcBox.style.height = h + 'px';
   };

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

@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<AspectRatioUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Falsch gehandhabte Seitenverhältnisse sind eine häufige Ursache für gestauchte Fotos, Videos mit unerwartetem Beschnitt (Letterboxing) oder Webkomponenten, deren Layout beim Betrachten auf unterschiedlichen Geräten – vom Smartphone bis hin zu Ultra-Wide-Monitoren – fehlerhaft dargestellt wird.',
+      html: 'Falsch gehandhabte Seitenverhältnisse sind eine häufige Ursache für gestauchte Fotos, Videos mit unerwartetem Beschnitt (Letterboxing) oder Webkomponenten, deren Layout beim Betrachten auf unterschiedlichen Geräten - vom Smartphone bis hin zu Ultra-Wide-Monitoren - fehlerhaft dargestellt wird.',
     },
     {
       type: 'title',

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

@@ -21,7 +21,7 @@ const faqData = [
   {
     question: "Comment calculer la hauteur à partir de la largeur avec un ratio donné ?",
     answer:
-      "La formule est : Hauteur = Largeur × (Ratio Hauteur / Ratio Largeur). Par exemple, pour une largeur de 1280px avec un ratio 16:9, la hauteur serait : 1280 × (9/16) = 720px.",
+      "La formule est: Hauteur = Largeur × (Ratio Hauteur / Ratio Largeur). Par exemple, pour une largeur de 1280px avec un ratio 16:9, la hauteur serait: 1280 × (9/16) = 720px.",
   },
   {
     question: "Quel est le Ratio de Format standard pour les vidéos YouTube ?",

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

@@ -42,7 +42,7 @@ const howToData = [
   },
   {
     name: 'Dostosuj skalę',
-    text: 'Zmień wartość szerokości lub wysokości w sekcji „Rzeczywista skala”. Narzędzie automatycznie obliczy drugą wartość, aby zachować proporcje.',
+    text: 'Zmień wartość szerokości lub wysokości w sekcji "Rzeczywista skala". Narzędzie automatycznie obliczy drugą wartość, aby zachować proporcje.',
   },
   {
     name: 'Sprawdź podgląd',
@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<AspectRatioUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Błędne zarządzanie proporcjami jest częstą przyczyną spłaszczonych zdjęć, filmów z nieoczekiwanym przycięciem (letterboxing) lub komponentów stron internetowych, które tracą swój układ przy przeglądaniu na różnych urządzeniach – od telefonów po monitory panoramiczne.',
+      html: 'Błędne zarządzanie proporcjami jest częstą przyczyną spłaszczonych zdjęć, filmów z nieoczekiwanym przycięciem (letterboxing) lub komponentów stron internetowych, które tracą swój układ przy przeglądaniu na różnych urządzeniach - od telefonów po monitory panoramiczne.',
     },
     {
       type: 'title',

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

@@ -16,7 +16,7 @@ const faqData = [
   {
     question: 'Почему важно соблюдать правильные пропорции?',
     answer:
-      'Игнорирование соотношения сторон приводит к сплющенным или растянутым изображениям, появлению нежелательных черных полос (letterboxing) в видео и нарушению макета веб-компонентов на экранах разного размера. Соблюдение правильных пропорций — залог профессионального вида.',
+      'Игнорирование соотношения сторон приводит к сплющенным или растянутым изображениям, появлению нежелательных черных полос (letterboxing) в видео и нарушению макета веб-компонентов на экранах разного размера. Соблюдение правильных пропорций - залог профессионального вида.',
   },
   {
     question: 'Как рассчитать высоту на основе ширины при заданном соотношении?',
@@ -26,7 +26,7 @@ const faqData = [
   {
     question: 'Какое стандартное соотношение сторон используется для видео на YouTube?',
     answer:
-      '16:9 — это стандартное соотношение для YouTube и большинства современных видеоплатформ. Оно соответствует таким разрешениям, как 1280×720 (HD), 1920×1080 (Full HD) или 3840×2160 (4K UHD).',
+      '16:9 - это стандартное соотношение для YouTube и большинства современных видеоплатформ. Оно соответствует таким разрешениям, как 1280×720 (HD), 1920×1080 (Full HD) или 3840×2160 (4K UHD).',
   },
   {
     question: 'Какое соотношение сторон используется для вертикальных видео в соцсетях?',
@@ -42,7 +42,7 @@ const howToData = [
   },
   {
     name: 'Настройте масштаб',
-    text: 'Измените значение ширины или высоты в разделе «Реальный масштаб». Инструмент автоматически рассчитает противоположное значение для сохранения пропорций.',
+    text: 'Измените значение ширины или высоты в разделе "Реальный масштаб". Инструмент автоматически рассчитает противоположное значение для сохранения пропорций.',
   },
   {
     name: 'Проверьте результат',
@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<AspectRatioUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Несоблюдение соотношения сторон — частая причина сплющенных фотографий, видео с неожиданной обрезкой (letterboxing) или веб-компонентов, макет которых нарушается при просмотре на разных устройствах — от мобильных телефонов до ультрашироких мониторов.',
+      html: 'Несоблюдение соотношения сторон - частая причина сплющенных фотографий, видео с неожиданной обрезкой (letterboxing) или веб-компонентов, макет которых нарушается при просмотре на разных устройствах - от мобильных телефонов до ультрашироких мониторов.',
     },
     {
       type: 'title',

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

@@ -42,7 +42,7 @@ const howToData = [
   },
   {
     name: '调整缩放',
-    text: '在“实际缩放”部分更改宽度或高度值。工具将自动计算对应的数值以保持比例。',
+    text: '在"实际缩放"部分更改宽度或高度值。工具将自动计算对应的数值以保持比例。',
   },
   {
     name: '查看预览',

package/src/tool/aspectRatio/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await aspectRatio.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/calculadoraTiempoDatos/i18n/de.ts

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Website-Gewicht eingeben', text: 'Verwenden Sie Browser-Entwicklertools oder WebPageTest, um das Gewicht Ihrer Seite zu ermitteln. Geben Sie diesen Wert in MB ein.' },
   { name: 'Ladezeiten beobachten', text: 'Der Rechner zeigt an, wie viele Sekunden Ihre Website zum Laden bei 3G, 4G und 5G benötigt. Die realen Zeiten sind meist höher.' },
-  { name: 'Lebenszeitauswirkung verstehen', text: 'Der Prozentsatz der „Lebenszeit“ zeigt, wie viel Zeit jemand mit Warten verbringt. Nutzen Sie dies als Motivation zur Optimierung.' },
+  { name: 'Lebenszeitauswirkung verstehen', text: 'Der Prozentsatz der "Lebenszeit" zeigt, wie viel Zeit jemand mit Warten verbringt. Nutzen Sie dies als Motivation zur Optimierung.' },
   { name: 'Optimieren und neu berechnen', text: 'Messen Sie nach der Optimierung erneut und berechnen Sie neu. Sehen Sie, wie kleine Verbesserungen große Auswirkungen haben.' },
 ];
 

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

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Wpisz wagę swojej strony', text: 'Użyj narzędzi deweloperskich przeglądarki lub WebPageTest, aby sprawdzić wagę strony. Wpisz tę wartość w MB.' },
   { name: 'Obserwuj czasy ładowania', text: 'Kalkulator pokazuje, ile sekund zajmuje ładowanie strony w sieciach 3G, 4G i 5G. Czasy w rzeczywistości są zazwyczaj wyższe.' },
-  { name: 'Zrozum wpływ na czas życia', text: 'Procent „czasu życia” pokazuje, ile czyjegoś życia mija na czekaniu. Użyj tego jako motywacji do optymalizacji.' },
+  { name: 'Zrozum wpływ na czas życia', text: 'Procent "czasu życia" pokazuje, ile czyjegoś życia mija na czekaniu. Użyj tego jako motywacji do optymalizacji.' },
   { name: 'Optymalizuj i oblicz ponownie', text: 'Po optymalizacji zmierz ponownie i wykonaj obliczenia. Zobacz, jak małe ulepszenia mają duży wpływ.' },
 ];
 

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

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Введите вес вашего сайта', text: 'Используйте инструменты разработчика браузера или WebPageTest, чтобы узнать вес вашей страницы. Введите это значение в МБ.' },
   { name: 'Наблюдайте за временем загрузки', text: 'Калькулятор показывает, сколько секунд требуется вашему сайту для загрузки на 3G, 4G и 5G. Реальное время обычно выше.' },
-  { name: 'Поймите влияние на продолжительность жизни', text: 'Процент «времени жизни» показывает, сколько времени чьей-то жизни тратится на ожидание. Используйте это как мотивацию для оптимизации.' },
+  { name: 'Поймите влияние на продолжительность жизни', text: 'Процент "времени жизни" показывает, сколько времени чьей-то жизни тратится на ожидание. Используйте это как мотивацию для оптимизации.' },
   { name: 'Оптимизируйте и пересчитайте', text: 'После оптимизации измерьте показатели снова и сделайте перерасчет. Посмотрите, как небольшие улучшения приносят значительный результат.' },
 ];
 
@@ -114,7 +114,7 @@ export const content: ToolLocaleContent<CalculadoraTiempoDatosUI> = {
     { type: 'title', text: 'Почему скорость загрузки сайта критически важна', level: 2 },
     {
       type: 'paragraph',
-      html: 'В сегодняшнюю цифровую эпоху скорость загрузки сайта — это не роскошь, а необходимость. Каждая миллисекунда имеет значение для удержания пользователей, улучшения рейтинга в поиске и максимизации конверсии. Современные пользователи ожидают, что страницы загрузятся менее чем за 3 секунды.',
+      html: 'В сегодняшнюю цифровую эпоху скорость загрузки сайта - это не роскошь, а необходимость. Каждая миллисекунда имеет значение для удержания пользователей, улучшения рейтинга в поиске и максимизации конверсии. Современные пользователи ожидают, что страницы загрузятся менее чем за 3 секунды.',
     },
     { type: 'title', text: 'Влияние на пользовательский опыт', level: 3 },
     {
@@ -125,9 +125,9 @@ export const content: ToolLocaleContent<CalculadoraTiempoDatosUI> = {
     {
       type: 'list',
       items: [
-        '<strong>3G:</strong> 0,4 Мбит/с — часто встречается в сельской местности и развивающихся странах',
-        '<strong>4G/LTE:</strong> 10 Мбит/с — стандарт в развитых странах',
-        '<strong>5G:</strong> 100+ Мбит/с — постепенно расширяется, но все еще ограничен',
+        '<strong>3G:</strong> 0,4 Мбит/с - часто встречается в сельской местности и развивающихся странах',
+        '<strong>4G/LTE:</strong> 10 Мбит/с - стандарт в развитых странах',
+        '<strong>5G:</strong> 100+ Мбит/с - постепенно расширяется, но все еще ограничен',
       ],
     },
     { type: 'title', text: 'Стратегии по уменьшению веса сайта', level: 3 },

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

@@ -21,11 +21,11 @@ const faqData = [
   },
   {
     question: 'Hur mycket bör min webbplats väga?',
-    answer: 'Google rekommenderar att startsidan laddas på mindre än 3 sekunder via en typisk 4G-anslutning. För detta bör en webbplats helst väga mellan 1 och 2 MB. Det globala genomsnittet ligger dock nära 2–3 MB.',
+    answer: 'Google rekommenderar att startsidan laddas på mindre än 3 sekunder via en typisk 4G-anslutning. För detta bör en webbplats helst väga mellan 1 och 2 MB. Det globala genomsnittet ligger dock nära 2-3 MB.',
   },
   {
     question: 'Hur kan jag minska min webbplats vikt?',
-    answer: 'Huvudstrategier: optimera bilder (50–80 % av vikten), minifiera CSS och JavaScript, använda lazy loading, implementera webbläsarcache och använda en CDN. Bildoptimering är vanligtvis den mest effektiva faktorn.',
+    answer: 'Huvudstrategier: optimera bilder (50-80 % av vikten), minifiera CSS och JavaScript, använda lazy loading, implementera webbläsarcache och använda en CDN. Bildoptimering är vanligtvis den mest effektiva faktorn.',
   },
   {
     question: 'Påverkar laddningshastigheten Google-rankningen?',
@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Ange din webbplats vikt', text: 'Använd webbläsarens utvecklarverktyg eller WebPageTest för att hitta din sidas vikt. Ange det värdet i MB.' },
   { name: 'Observera laddningstider', text: 'Kalkylatorn visar hur många sekunder det tar för din webbplats att ladda via 3G, 4G och 5G. Tiderna i verkligheten är vanligtvis högre.' },
-  { name: 'Förstå livstidspåverkan', text: 'Procentandelen ”livstid” visar hur mycket av någons liv som spenderas på att vänta. Använd detta som motivation för att optimera.' },
+  { name: 'Förstå livstidspåverkan', text: 'Procentandelen "livstid" visar hur mycket av någons liv som spenderas på att vänta. Använd detta som motivation för att optimera.' },
   { name: 'Optimera och beräkna om', text: 'Mät igen och beräkna om efter optimeringen. Se hur små förbättringar har stor betydelse.' },
 ];
 
@@ -134,8 +134,8 @@ export const content: ToolLocaleContent<CalculadoraTiempoDatosUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Bildoptimering:</strong> Representerar 50–80 % av vikten. Minska med 40–60 % med verktyg som TinyPNG.',
-        '<strong>Minifiering:</strong> Ta bort onödig kod från CSS och JavaScript. Spara 30–50 %.',
+        '<strong>Bildoptimering:</strong> Representerar 50-80 % av vikten. Minska med 40-60 % med verktyg som TinyPNG.',
+        '<strong>Minifiering:</strong> Ta bort onödig kod från CSS och JavaScript. Spara 30-50 %.',
         '<strong>Lazy Loading:</strong> Ladda bilder först när användaren scrollar till dem.',
         '<strong>Webbläsarcache:</strong> Cachelagra statiska filer i användarnas webbläsare.',
         '<strong>CDN:</strong> Leverera innehåll från servrar som ligger geografiskt nära.',

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

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: '输入您的网站权重', text: '使用浏览器开发者工具或 WebPageTest 获取页面权重。以 MB 为单位输入该值。' },
   { name: '观察加载时间', text: '计算器显示网站在 3G、4G 和 5G 下加载所需的秒数。现实中的时间通常更高。' },
-  { name: '了解对寿命的影响', text: '“寿命”百分比显示了一个人有多少生命花在了等待上。以此作为优化的动力。' },
+  { name: '了解对寿命的影响', text: '"寿命"百分比显示了一个人有多少生命花在了等待上。以此作为优化的动力。' },
   { name: '优化并重新计算', text: '优化后，再次测量并重新计算。观察微小的改进如何产生重大影响。' },
 ];
 

package/src/tool/calculadoraTiempoDatos/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await calculadoraTiempoDatos.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/colorConverter/component.astro

@@ -53,21 +53,21 @@ const t = (ui ?? {}) as ColorConverterUI;
             <span>{t.labelR}</span>
             <span id="cc-r-val">255</span>
           </div>
-          <input type="range" id="cc-r-slider" class="cc-range" min="0" max="255" value="255" />
+          <input type="range" id="cc-r-slider" class="cc-range" min="0" max="255" value="255" aria-label={t.labelR} />
         </div>
         <div class="cc-slider-group">
           <div class="cc-slider-header">
             <span>{t.labelG}</span>
             <span id="cc-g-val">255</span>
           </div>
-          <input type="range" id="cc-g-slider" class="cc-range" min="0" max="255" value="255" />
+          <input type="range" id="cc-g-slider" class="cc-range" min="0" max="255" value="255" aria-label={t.labelG} />
         </div>
         <div class="cc-slider-group">
           <div class="cc-slider-header">
             <span>{t.labelB}</span>
             <span id="cc-b-val">255</span>
           </div>
-          <input type="range" id="cc-b-slider" class="cc-range" min="0" max="255" value="255" />
+          <input type="range" id="cc-b-slider" class="cc-range" min="0" max="255" value="255" aria-label={t.labelB} />
         </div>
       </div>
     </div>

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

@@ -28,7 +28,7 @@ const faqData = [
 const howToData = [
   { name: 'Farbe auswählen', text: 'Verwenden Sie die Schieberegler für Rot, Grün und Blau oder geben Sie einen HEX-Code direkt in das Textfeld ein.' },
   { name: 'RGB-Kanäle anpassen', text: 'Bewegen Sie die Schieberegler, um die Intensität jedes Kanals zu ändern und die Aktualisierung in Echtzeit zu sehen.' },
-  { name: 'Format kopieren', text: 'Klicken Sie auf die Schaltfläche „Kopieren“ neben dem HEX-, RGB- oder HSL-Format, das Sie benötigen.' },
+  { name: 'Format kopieren', text: 'Klicken Sie auf die Schaltfläche "Kopieren" neben dem HEX-, RGB- oder HSL-Format, das Sie benötigen.' },
   { name: 'Harmonien erkunden', text: 'Klicken Sie auf die Harmoniefarben (komplementär, analog, triadisch), um sie in die Zwischenablage zu kopieren.' },
 ];
 

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

@@ -28,7 +28,7 @@ const faqData = [
 const howToData = [
   { name: 'Выберите цвет', text: 'Используйте ползунки красного, зеленого и синего или введите HEX-код прямо в текстовое поле.' },
   { name: 'Настройте каналы RGB', text: 'Передвигайте ползунки, чтобы изменить интенсивность каждого канала и увидеть обновление в режиме реального времени.' },
-  { name: 'Скопируйте формат', text: 'Нажмите кнопку «Копировать» рядом с нужным форматом HEX, RGB или HSL.' },
+  { name: 'Скопируйте формат', text: 'Нажмите кнопку "Копировать" рядом с нужным форматом HEX, RGB или HSL.' },
   { name: 'Исследуйте гармонии', text: 'Нажмите на гармоничные цвета (комплементарные, аналогичные, триадические), чтобы скопировать их в буфер обмена.' },
 ];
 
@@ -97,7 +97,7 @@ export const content: ToolLocaleContent<ColorConverterUI> = {
     { type: 'title', text: 'Конвертер цветов RGB в HEX и HSL для разработчиков', level: 2 },
     {
       type: 'paragraph',
-      html: 'В мире <strong>frontend-разработки</strong> и <strong>UI/UX дизайна</strong> управление цветом — это постоянная задача. Наш <strong>онлайн-конвертер цветов</strong> позволяет мгновенно и с математической точностью преобразовывать значения между <strong>HEX, RGB и HSL</strong>.',
+      html: 'В мире <strong>frontend-разработки</strong> и <strong>UI/UX дизайна</strong> управление цветом - это постоянная задача. Наш <strong>онлайн-конвертер цветов</strong> позволяет мгновенно и с математической точностью преобразовывать значения между <strong>HEX, RGB и HSL</strong>.',
     },
     { type: 'title', text: 'Форматы цветов: HEX, RGB и HSL', level: 3 },
     {

package/src/tool/colorConverter/seo.astro

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