@jjlmoya/utils-developer 1.30.0 → 1.31.0

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

@@ -1,123 +1,123 @@
 import { bibliography } from '../bibliography';
-import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
-import type { ToolLocaleContent } from '../../../types';
-import type { ColorConverterUI } from '../ui';
-
-const slug = 'cvhetovoj-konverter-rgb-hex-hsl';
-const title = 'Онлайн конвертер цветов RGB, HEX и HSL';
-const description = 'Мгновенно конвертируйте цвета между RGB, HEX и HSL. Генерируйте комплементарные цветовые гармонии и анализируйте контрастность по WCAG. 100% на стороне клиента и приватно.';
-
-const faqData = [
-  {
-    question: 'Как работает конвертер цветов RGB в HEX и HSL?',
-    answer: 'Инструмент принимает значения красного, зеленого и синего (RGB) и использует математические алгоритмы для их преобразования в шестнадцатеричный эквивалент (HEX) или значения тона, насыщенности и светлоты (HSL). Он также работает в обратном порядке.',
-  },
-  {
-    question: 'Почему в своих проектах мне стоит использовать HSL вместо HEX?',
-    answer: 'Формат HSL гораздо более интуитивно понятен. Он позволяет настраивать насыщенность или светлоту без изменения самого цветового тона, что значительно упрощает создание гармоничных палитр или состояний кнопок (при наведении, отключено).',
-  },
-  {
-    question: 'Что такое значение относительной контрастности?',
-    answer: 'Это показатель, который указывает на читаемость текста на фоне на основе его яркости. Высокая контрастность гарантирует, что люди с нарушениями зрения смогут прочитать контент в соответствии с рекомендациями по доступности WCAG.',
-  },
-  {
-    question: 'Безопасно ли использовать этот онлайн-конвертер цветов?',
-    answer: 'Безусловно. Поскольку он на 100% работает на стороне клиента, ваши данные о цвете никогда не покидают ваш компьютер. Вся обработка происходит прямо в вашем браузере, что гарантирует конфиденциальность и мгновенную работу.',
-  },
-];
-
-const howToData = [
-  { name: 'Выберите цвет', text: 'Используйте ползунки красного, зеленого и синего или введите HEX-код прямо в текстовое поле.' },
-  { name: 'Настройте каналы RGB', text: 'Передвигайте ползунки, чтобы изменить интенсивность каждого канала и увидеть обновление в режиме реального времени.' },
-  { name: 'Скопируйте формат', text: 'Нажмите кнопку "Копировать" рядом с нужным форматом HEX, RGB или HSL.' },
-  { name: 'Исследуйте гармонии', text: 'Нажмите на гармоничные цвета (комплементарные, аналогичные, триадические), чтобы скопировать их в буфер обмена.' },
-];
-
-const faqSchema: WithContext<FAQPage> = {
-  '@context': 'https://schema.org',
-  '@type': 'FAQPage',
-  mainEntity: faqData.map((item) => ({
-    '@type': 'Question',
-    name: item.question,
-    acceptedAnswer: { '@type': 'Answer', text: item.answer },
-  })),
-};
-
-const howToSchema: WithContext<HowToThing> = {
-  '@context': 'https://schema.org',
-  '@type': 'HowTo',
-  name: title,
-  description,
-  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
-};
-
-const appSchema: WithContext<SoftwareApplication> = {
-  '@context': 'https://schema.org',
-  '@type': 'SoftwareApplication',
-  name: title,
-  description,
-  applicationCategory: 'UtilityApplication',
-  operatingSystem: 'All',
-  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
-  inLanguage: 'ru',
-};
-
-const ui: ColorConverterUI = {
-  labelPreview: 'Предпросмотр (нажмите, чтобы скопировать HEX)',
-  labelHarmonies: 'Цветовые гармонии',
-  labelR: 'Красный',
-  labelG: 'Зеленый',
-  labelB: 'Синий',
-  labelComp: 'Компл.',
-  labelAna1: 'Аналог. 1',
-  labelAna2: 'Аналог. 2',
-  labelTri1: 'Триада 1',
-  labelTri2: 'Триада 2',
-  btnCopy: 'Копировать',
-  btnCopied: 'Скопировано',
-  contrastLabel: 'Контрастность',
-  clickToCopy: 'Нажмите, чтобы скопировать',
-};
-
-export const content: ToolLocaleContent<ColorConverterUI> = {
-  slug,
-  title,
-  description,
-  ui,
-  faqTitle: 'Часто задаваемые вопросы',
-  faq: faqData,
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'cvhetovoj-konverter-rgb-hex-hsl';
+const title = 'Онлайн конвертер цветов RGB, HEX и HSL';
+const description = 'Мгновенно конвертируйте цвета между RGB, HEX и HSL. Генерируйте комплементарные цветовые гармонии и анализируйте контрастность по WCAG. 100% на стороне клиента и приватно.';
+
+const faqData = [
+  {
+    question: 'Как работает конвертер цветов RGB в HEX и HSL?',
+    answer: 'Инструмент принимает значения красного, зеленого и синего (RGB) и использует математические алгоритмы для их преобразования в шестнадцатеричный эквивалент (HEX) или значения тона, насыщенности и светлоты (HSL). Он также работает в обратном порядке.',
+  },
+  {
+    question: 'Почему в своих проектах мне стоит использовать HSL вместо HEX?',
+    answer: 'Формат HSL гораздо более интуитивно понятен. Он позволяет настраивать насыщенность или светлоту без изменения самого цветового тона, что значительно упрощает создание гармоничных палитр или состояний кнопок (при наведении, отключено).',
+  },
+  {
+    question: 'Что такое значение относительной контрастности?',
+    answer: 'Это показатель, который указывает на читаемость текста на фоне на основе его яркости. Высокая контрастность гарантирует, что люди с нарушениями зрения смогут прочитать контент в соответствии с рекомендациями по доступности WCAG.',
+  },
+  {
+    question: 'Безопасно ли использовать этот онлайн-конвертер цветов?',
+    answer: 'Безусловно. Поскольку он на 100% работает на стороне клиента, ваши данные о цвете никогда не покидают ваш компьютер. Вся обработка происходит прямо в вашем браузере, что гарантирует конфиденциальность и мгновенную работу.',
+  },
+];
+
+const howToData = [
+  { name: 'Выберите цвет', text: 'Используйте ползунки красного, зеленого и синего или введите HEX-код прямо в текстовое поле.' },
+  { name: 'Настройте каналы RGB', text: 'Передвигайте ползунки, чтобы изменить интенсивность каждого канала и увидеть обновление в режиме реального времени.' },
+  { name: 'Скопируйте формат', text: 'Нажмите кнопку "Копировать" рядом с нужным форматом HEX, RGB или HSL.' },
+  { name: 'Исследуйте гармонии', text: 'Нажмите на гармоничные цвета (комплементарные, аналогичные, триадические), чтобы скопировать их в буфер обмена.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'ru',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: 'Предпросмотр (нажмите, чтобы скопировать HEX)',
+  labelHarmonies: 'Цветовые гармонии',
+  labelR: 'Красный',
+  labelG: 'Зеленый',
+  labelB: 'Синий',
+  labelComp: 'Компл.',
+  labelAna1: 'Аналог. 1',
+  labelAna2: 'Аналог. 2',
+  labelTri1: 'Триада 1',
+  labelTri2: 'Триада 2',
+  btnCopy: 'Копировать',
+  btnCopied: 'Скопировано',
+  contrastLabel: 'Контрастность',
+  clickToCopy: 'Нажмите, чтобы скопировать',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Часто задаваемые вопросы',
+  faq: faqData,
   bibliographyTitle: 'Ресурсы по цвету и веб-дизайну',
   bibliography,
-  howTo: howToData,
-  schemas: [faqSchema, howToSchema, appSchema],
-  seo: [
-    { 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>.',
-    },
-    { type: 'title', text: 'Форматы цветов: HEX, RGB и HSL', level: 3 },
-    {
-      type: 'list',
-      items: [
-        '<strong>HEX (шестнадцатеричный):</strong> стандарт де-факто для CSS. Компактный и удобный для обмена в коде.',
-        '<strong>RGB (Красный, Зеленый, Синий):</strong> на основе аддитивной системы света. Идеально подходит для прямого манипулирования каналами или применения прозрачности с помощью RGBA.',
-        '<strong>HSL (Цветовой тон, Насыщенность, Светлота):</strong> самый интуитивно понятный формат. Настраивайте тон, насыщенность и светлоту для создания гармоничных палитр.',
-      ],
-    },
-    { type: 'title', text: 'Контрастность и доступность по WCAG', level: 3 },
-    {
-      type: 'paragraph',
-      html: 'Калькулятор включает измерение <strong>относительной контрастности</strong> на основе яркости. Это помогает вам соблюдать рекомендации <strong>WCAG</strong>, гарантируя читаемость вашего текста на выбранном фоне.',
-    },
-    { type: 'title', text: 'Автоматические цветовые гармонии', level: 3 },
-    {
-      type: 'list',
-      items: [
-        '<strong>Комплементарные:</strong> противоположный цвет на цветовом круге, идеально подходит для максимального контраста.',
-        '<strong>Аналогичные:</strong> соседние цвета, которые создают плавные, гармоничные переходы.',
-        '<strong>Триадические:</strong> три равноудаленных цвета для ярких, сбалансированных композиций.',
-      ],
-    },
-  ],
-};
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { 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>.',
+    },
+    { type: 'title', text: 'Форматы цветов: HEX, RGB и HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX (шестнадцатеричный):</strong> стандарт де-факто для CSS. Компактный и удобный для обмена в коде.',
+        '<strong>RGB (Красный, Зеленый, Синий):</strong> на основе аддитивной системы света. Идеально подходит для прямого манипулирования каналами или применения прозрачности с помощью RGBA.',
+        '<strong>HSL (Цветовой тон, Насыщенность, Светлота):</strong> самый интуитивно понятный формат. Настраивайте тон, насыщенность и светлоту для создания гармоничных палитр.',
+      ],
+    },
+    { type: 'title', text: 'Контрастность и доступность по WCAG', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Калькулятор включает измерение <strong>относительной контрастности</strong> на основе яркости. Это помогает вам соблюдать рекомендации <strong>WCAG</strong>, гарантируя читаемость вашего текста на выбранном фоне.',
+    },
+    { type: 'title', text: 'Автоматические цветовые гармонии', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Комплементарные:</strong> противоположный цвет на цветовом круге, идеально подходит для максимального контраста.',
+        '<strong>Аналогичные:</strong> соседние цвета, которые создают плавные, гармоничные переходы.',
+        '<strong>Триадические:</strong> три равноудаленных цвета для ярких, сбалансированных композиций.',
+      ],
+    },
+  ],
+};

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

@@ -121,4 +121,4 @@ export const content: ToolLocaleContent<ColorConverterUI> = {
     },
   ],
 };
-
+

package/src/tool/colorConverter/seo.astro

@@ -1,15 +1,15 @@
----
-import { SEORenderer } from '@jjlmoya/utils-shared';
-import { colorConverter } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await colorConverter.i18n[locale]?.();
-if (!content) return null;
----
-
-{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { colorConverter } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await colorConverter.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

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

@@ -123,4 +123,4 @@ export const content: ToolLocaleContent<ConversorExcelCsvHtmlUI> = {
     },
   ],
 };
-
+

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

@@ -123,4 +123,4 @@ export const content: ToolLocaleContent<ConversorExcelCsvHtmlUI> = {
     },
   ],
 };
-
+

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

@@ -1,125 +1,125 @@
 import { bibliography } from '../bibliography';
-import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
-import type { ToolLocaleContent } from '../../../types';
-import type { ConversorExcelCsvHtmlUI } from '../ui';
-
-const slug = 'konwerter-tabel-excel-csv-html';
-const title = 'Generator kodu konwertera tabel Excel i CSV na HTML';
-const description = 'Natychmiast konwertuj dane Excel lub CSV na czyste, semantyczne tabele HTML. Darmowe narzędzie dla programistów i twórców treści.';
-
-const faqData = [
-  {
-    question: 'Jak przekonwertować plik Excel (.xlsx) na HTML?',
-    answer: 'Najpierw otwórz plik w programie Excel i zapisz go jako CSV (rozdzielany przecinkami). Następnie prześlij ten plik CSV do naszego narzędzia lub wklej jego zawartość, aby otrzymać kod tabeli HTML.',
-  },
-  {
-    question: 'Czy wygenerowany kod zawiera style CSS?',
-    answer: 'Generator tworzy czysty kod HTML z opcjonalnymi klasami dla obramowań i pasów zebry. Ostateczne style wizualne zależą od własnego kodu CSS Twojej witryny, co zapewnia idealną integrację.',
-  },
-  {
-    question: 'Czy mogę przesyłać bardzo duże pliki CSV?',
-    answer: 'Tak, nasze narzędzie przetwarza dane lokalnie w Twojej przeglądarce. Oznacza to, że jest bardzo szybkie i bezpieczne, ponieważ Twoje dane nigdy nie są przesyłane przez Internet.',
-  },
-  {
-    question: 'Czy narzędzie jest kompatybilne z Arkuszami Google?',
-    answer: 'Absolutnie. W Arkuszach Google wybierz Plik > Pobierz > Wartości rozdzielane przecinkami (.csv) i użyj tego pliku w naszym narzędziu.',
-  },
-];
-
-const howToData = [
-  {
-    name: 'Przygotuj dane',
-    text: 'Przygotuj swój plik Excel lub CSV. Upewnij się, że dane są poprawne.',
-  },
-  {
-    name: 'Załaduj dane',
-    text: 'Wklej tekst CSV w obszarze wejściowym lub przeciągnij plik bezpośrednio do konwertera.',
-  },
-  {
-    name: 'Skonfiguruj tabelę',
-    text: 'Wybierz, czy chcesz użyć pierwszego wiersza jako nagłówka i czy chcesz zastosować podstawowe style.',
-  },
-  {
-    name: 'Skopiuj kod',
-    text: 'Przełącz się na kartę "Kod HTML" i skopiuj wynik, aby wkleić go na swojej stronie internetowej.',
-  },
-];
-
-const faqSchema: WithContext<FAQPage> = {
-  '@context': 'https://schema.org',
-  '@type': 'FAQPage',
-  mainEntity: faqData.map((item) => ({
-    '@type': 'Question',
-    name: item.question,
-    acceptedAnswer: { '@type': 'Answer', text: item.answer },
-  })),
-};
-
-const howToSchema: WithContext<HowToThing> = {
-  '@context': 'https://schema.org',
-  '@type': 'HowTo',
-  name: title,
-  description,
-  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
-};
-
-const appSchema: WithContext<SoftwareApplication> = {
-  '@context': 'https://schema.org',
-  '@type': 'SoftwareApplication',
-  name: title,
-  description,
-  applicationCategory: 'UtilityApplication',
-  operatingSystem: 'All',
-  offers: { '@type': 'Offer', price: '0', priceCurrency: 'PLN' },
-  inLanguage: 'pl',
-};
-
-const ui: ConversorExcelCsvHtmlUI = {
-  csvInputLabel: 'Wklej tutaj swój kod CSV',
-  csvInputPlaceholder: 'Imię,Wiek,Miasto\nJan,25,Warszawa\nAnna,30,Kraków',
-  uploadLabel: 'Lub prześlij swój plik (CSV)',
-  dragDropLabel: 'Przeciągnij i upuść plik tutaj',
-  headerCheckboxLabel: 'Użyj pierwszego wiersza jako nagłówka',
-  bordersCheckboxLabel: 'Dodaj obramowanie',
-  stripeCheckboxLabel: 'Pasy zebry',
-  previewTabLabel: 'Podgląd',
-  codeTabLabel: 'Kod HTML',
-  emptyStateLabel: 'Wprowadź dane, aby zobaczyć tabelę',
-  copyButtonLabel: 'Kopiuj kod',
-  copiedLabel: 'Skopiowano!',
-};
-
-export const content: ToolLocaleContent<ConversorExcelCsvHtmlUI> = {
-  slug,
-  title,
-  description,
-  ui,
-  faqTitle: 'Często zadawane pytania',
-  faq: faqData,
-  bibliographyTitle: 'Zasoby dotyczące tabel HTML i formatów danych',
-  bibliography,
-  howTo: howToData,
-  schemas: [faqSchema, howToSchema, appSchema],
-  seo: [
-    { type: 'title', text: 'Łatwo konwertuj pliki Excel i CSV na tabele HTML', level: 2 },
-    {
-      type: 'paragraph',
-      html: 'W nowoczesnym tworzeniu stron internetowych prezentowanie danych tabelarycznych jest jednym z najskuteczniejszych sposobów przekazywania ustrukturyzowanych informacji. Jednak ręczne konwertowanie danych z arkusza kalkulacyjnego, takiego jak <strong>Excel</strong> lub plik <strong>CSV</strong>, na znaczniki HTML <code>&lt;table&gt;</code>, <code>&lt;tr&gt;</code> i <code>&lt;td&gt;</code> jest żmudne i podatne na błędy.',
-    },
-    { type: 'title', text: 'Dlaczego warto używać semantycznych tabel HTML?', level: 3 },
-    {
-      type: 'list',
-      items: [
-        '<strong>Dostępność:</strong> Czytniki ekranu mogą interpretować strukturę i pomagać użytkownikom z niepełnosprawnością wzroku.',
-        '<strong>SEO:</strong> Wyszukiwarki indeksują zawartość komórek, co poprawia ranking Twoich danych.',
-        '<strong>Responsywność:</strong> Przy odrobinie kodu CSS tabele HTML mogą dostosowywać się do urządzeń mobilnych.',
-        '<strong>Łatwość konserwacji:</strong> Znacznie łatwiej jest edytować dane w formacie HTML niż ponownie generować cały obraz.',
-      ],
-    },
-    { type: 'title', text: 'Jak działa konwerter programu Excel na HTML', level: 3 },
-    {
-      type: 'paragraph',
-      html: 'Nasze narzędzie wykorzystuje natywny parser tekstu, który przetwarza pliki rozdzielane przecinkami (CSV). Większość programów do obsługi arkuszy kalkulacyjnych, w tym Microsoft Excel, Arkusze Google i LibreOffice Calc, umożliwia eksportowanie danych w formacie CSV.',
-    },
-  ],
-};
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ConversorExcelCsvHtmlUI } from '../ui';
+
+const slug = 'konwerter-tabel-excel-csv-html';
+const title = 'Generator kodu konwertera tabel Excel i CSV na HTML';
+const description = 'Natychmiast konwertuj dane Excel lub CSV na czyste, semantyczne tabele HTML. Darmowe narzędzie dla programistów i twórców treści.';
+
+const faqData = [
+  {
+    question: 'Jak przekonwertować plik Excel (.xlsx) na HTML?',
+    answer: 'Najpierw otwórz plik w programie Excel i zapisz go jako CSV (rozdzielany przecinkami). Następnie prześlij ten plik CSV do naszego narzędzia lub wklej jego zawartość, aby otrzymać kod tabeli HTML.',
+  },
+  {
+    question: 'Czy wygenerowany kod zawiera style CSS?',
+    answer: 'Generator tworzy czysty kod HTML z opcjonalnymi klasami dla obramowań i pasów zebry. Ostateczne style wizualne zależą od własnego kodu CSS Twojej witryny, co zapewnia idealną integrację.',
+  },
+  {
+    question: 'Czy mogę przesyłać bardzo duże pliki CSV?',
+    answer: 'Tak, nasze narzędzie przetwarza dane lokalnie w Twojej przeglądarce. Oznacza to, że jest bardzo szybkie i bezpieczne, ponieważ Twoje dane nigdy nie są przesyłane przez Internet.',
+  },
+  {
+    question: 'Czy narzędzie jest kompatybilne z Arkuszami Google?',
+    answer: 'Absolutnie. W Arkuszach Google wybierz Plik > Pobierz > Wartości rozdzielane przecinkami (.csv) i użyj tego pliku w naszym narzędziu.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Przygotuj dane',
+    text: 'Przygotuj swój plik Excel lub CSV. Upewnij się, że dane są poprawne.',
+  },
+  {
+    name: 'Załaduj dane',
+    text: 'Wklej tekst CSV w obszarze wejściowym lub przeciągnij plik bezpośrednio do konwertera.',
+  },
+  {
+    name: 'Skonfiguruj tabelę',
+    text: 'Wybierz, czy chcesz użyć pierwszego wiersza jako nagłówka i czy chcesz zastosować podstawowe style.',
+  },
+  {
+    name: 'Skopiuj kod',
+    text: 'Przełącz się na kartę "Kod HTML" i skopiuj wynik, aby wkleić go na swojej stronie internetowej.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'PLN' },
+  inLanguage: 'pl',
+};
+
+const ui: ConversorExcelCsvHtmlUI = {
+  csvInputLabel: 'Wklej tutaj swój kod CSV',
+  csvInputPlaceholder: 'Imię,Wiek,Miasto\nJan,25,Warszawa\nAnna,30,Kraków',
+  uploadLabel: 'Lub prześlij swój plik (CSV)',
+  dragDropLabel: 'Przeciągnij i upuść plik tutaj',
+  headerCheckboxLabel: 'Użyj pierwszego wiersza jako nagłówka',
+  bordersCheckboxLabel: 'Dodaj obramowanie',
+  stripeCheckboxLabel: 'Pasy zebry',
+  previewTabLabel: 'Podgląd',
+  codeTabLabel: 'Kod HTML',
+  emptyStateLabel: 'Wprowadź dane, aby zobaczyć tabelę',
+  copyButtonLabel: 'Kopiuj kod',
+  copiedLabel: 'Skopiowano!',
+};
+
+export const content: ToolLocaleContent<ConversorExcelCsvHtmlUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Często zadawane pytania',
+  faq: faqData,
+  bibliographyTitle: 'Zasoby dotyczące tabel HTML i formatów danych',
+  bibliography,
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Łatwo konwertuj pliki Excel i CSV na tabele HTML', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'W nowoczesnym tworzeniu stron internetowych prezentowanie danych tabelarycznych jest jednym z najskuteczniejszych sposobów przekazywania ustrukturyzowanych informacji. Jednak ręczne konwertowanie danych z arkusza kalkulacyjnego, takiego jak <strong>Excel</strong> lub plik <strong>CSV</strong>, na znaczniki HTML <code>&lt;table&gt;</code>, <code>&lt;tr&gt;</code> i <code>&lt;td&gt;</code> jest żmudne i podatne na błędy.',
+    },
+    { type: 'title', text: 'Dlaczego warto używać semantycznych tabel HTML?', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Dostępność:</strong> Czytniki ekranu mogą interpretować strukturę i pomagać użytkownikom z niepełnosprawnością wzroku.',
+        '<strong>SEO:</strong> Wyszukiwarki indeksują zawartość komórek, co poprawia ranking Twoich danych.',
+        '<strong>Responsywność:</strong> Przy odrobinie kodu CSS tabele HTML mogą dostosowywać się do urządzeń mobilnych.',
+        '<strong>Łatwość konserwacji:</strong> Znacznie łatwiej jest edytować dane w formacie HTML niż ponownie generować cały obraz.',
+      ],
+    },
+    { type: 'title', text: 'Jak działa konwerter programu Excel na HTML', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Nasze narzędzie wykorzystuje natywny parser tekstu, który przetwarza pliki rozdzielane przecinkami (CSV). Większość programów do obsługi arkuszy kalkulacyjnych, w tym Microsoft Excel, Arkusze Google i LibreOffice Calc, umożliwia eksportowanie danych w formacie CSV.',
+    },
+  ],
+};