@jjlmoya/utils-developer 1.4.0 → 1.5.0

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

@@ -0,0 +1,162 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { UrlEncoderDecoderUI } from '../ui';
+
+const slug = 'koder-i-dekoder-url';
+const title = 'Koder i dekoder URL online';
+const description =
+  'Konwertuj znaki specjalne z dowolnego łącza na bezpieczny format (Percent-Encoding) lub natychmiast i lokalnie przywracaj je do ich oryginalnego, czytelnego stanu.';
+
+const faqData = [
+  {
+    question: 'Które znaki są kodowane w adresie URL?',
+    answer:
+      'Wszystkie znaki niedozwolone w standardzie ASCII dla adresów URL są kodowane: spacje, litery z akcentami, symbole takie jak &, =, +, #, ?, / i inne. Na przykład spacja zmienia się w %20, a ñ w %C3%B1.',
+  },
+  {
+    question: 'Jaka jest różnica między encodeURI a encodeURIComponent?',
+    answer:
+      'encodeURI koduje kompletny adres URL i pozostawia niezmienione znaki zarezerwowane, takie jak / i ?. encodeURIComponent koduje wszystkie znaki specjalne, w tym znaki zarezerwowane, co czyni go idealnym do kodowania poszczególnych wartości parametrów zapytania.',
+  },
+  {
+    question: 'Dlaczego mój adres URL zawiera %20 zamiast spacji?',
+    answer:
+      'Protokół HTTP nie pozwala na spacje w adresach URL. %20 to reprezentacja spacji w formacie Percent-Encoding zgodnie ze standardem ASCII. Niektóre systemy używają znaku + jako alternatywy, ale %20 jest najbardziej uniwersalne i bezpieczne.',
+  },
+  {
+    question: 'Czy używanie tego narzędzia z prywatnymi adresami URL jest bezpieczne?',
+    answer:
+      'Tak, całkowicie bezpieczne. Całe przetwarzanie odbywa się w Twojej przeglądarce przy użyciu natywnego JavaScript (encodeURIComponent/decodeURIComponent). Żaden z Twoich adresów URL ani parametrów nie jest wysyłany do żadnego zewnętrznego serwera.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Wklej surowy tekst',
+    text: 'Wpisz lub wklej swój adres URL lub ciąg tekstowy w górnym polu „Tekst surowy (czytelny)”.',
+  },
+  {
+    name: 'Zakoduj lub dekoduj',
+    text: 'Kliknij „Koduj URL”, aby przekonwertować tekst na bezpieczny format Percent-Encoding, lub „Dekoduj”, aby przywrócić zakodowany adres URL do jego czytelnej formy.',
+  },
+  {
+    name: 'Skopiuj wynik',
+    text: 'Użyj przycisku „Kopiuj” w odpowiednim polu, aby przenieść wynik do schowka.',
+  },
+];
+
+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((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.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: 'pl',
+};
+
+const ui: UrlEncoderDecoderUI = {
+  labelRaw: 'Tekst surowy (czytelny)',
+  labelEncoded: 'Sformatowany adres URL (zakodowany)',
+  btnClear: 'Wyczyść',
+  btnCopy: 'Kopiuj',
+  btnCopied: 'Skopiowano!',
+  btnEncode: 'Koduj URL',
+  btnDecode: 'Dekoduj',
+  placeholderRaw: 'https://example.com/search?q=czerwone buty&size=38',
+  placeholderEncoded: 'https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dczerwone%20buty%26size%3D38',
+};
+
+export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Często zadawane pytania',
+  faq: faqData,
+  bibliographyTitle: 'Referencje i dokumentacja',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: encodeURIComponent()',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent',
+    },
+    {
+      name: 'IETF RFC 3986: URI Generic Syntax',
+      url: 'https://datatracker.ietf.org/doc/html/rfc3986',
+    },
+    {
+      name: 'W3C: URL Living Standard',
+      url: 'https://url.spec.whatwg.org/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Co to jest kodowanie URL?',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Podczas przeglądania Internetu lub wysyłania żądań do serwerów często myślimy o adresie URL (Uniform Resource Locator) po prostu jako o „adresie internetowym”. Jednak protokół internetowy dyktuje, że adresy URL mogą być przesyłane wyłącznie przy użyciu bardzo ograniczonego zestawu <strong>standardowych znaków ASCII</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Co się dzieje, jeśli adres URL zawiera spację, litery z akcentami lub parametry specjalne, takie jak znaki plusa (<code>+</code>) lub równości (<code>=</code>)? Aby zapobiec awariom systemów przy próbie odczytu niedozwolonych znaków, należy je przetłumaczyć na ich bezpieczną, kompatybilną formę za pomocą <strong>Percent-Encoding</strong>.',
+    },
+    {
+      type: 'title',
+      text: 'Jak działa Percent-Encoding',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Gdy korzystasz z tego narzędzia, algorytm pobiera dowolny „niebezpieczny” znak (taki jak spacja lub litera z akcentem, np. ñ) i zastępuje go znakiem procenta <code>%</code>, po którym następują dwie cyfry szesnastkowe odpowiadające jego wartości w standardzie UTF-8.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Podstawowy przykład:</strong> Zwykła spacja zostanie zastąpiona jej bezpiecznym odpowiednikiem: <code>%20</code>.',
+        '<strong>Rozszerzone wsparcie:</strong> Litera <code>ą</code> staje się <code>%C3%B1</code>, a <code>ł</code> staje się <code>%C5%82</code>.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Znaczenie w interfejsach API i żądaniach GET',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Podczas tworzenia integracji typowym błędem jest przekazywanie surowego ciągu znaków do parametrów URL. Jeśli wstawisz <code>koszula&niebieska</code> w surowej formie do swojego backendu (<code>/search?q=koszula&niebieska</code>), serwer zinterpretuje <code>niebieska</code> jako nowy parametr, co zepsuje całą logikę.',
+    },
+    {
+      type: 'paragraph',
+      html: 'To narzędzie gwarantuje czyste, automatyczne obliczenia przy 100% wykonaniu w lokalnej przeglądarce. Żaden z Twoich ciągów URL nie jest przesyłany do serwerów stron trzecich, co zapewnia prywatność Twoich tokenów i parametrów analitycznych.',
+    },
+  ],
+};

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

@@ -0,0 +1,162 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { UrlEncoderDecoderUI } from '../ui';
+
+const slug = 'codificador-url-decodificador';
+const title = 'Codificador e Decodificador de URL Online';
+const description =
+  'Converta caracteres especiais de qualquer link para um formato seguro (Percent-Encoding) ou restaure-os instantaneamente para o estado original legível de forma local.';
+
+const faqData = [
+  {
+    question: 'Quais caracteres são codificados em uma URL?',
+    answer:
+      'Todos os caracteres não permitidos no padrão ASCII para URLs são codificados: espaços, letras acentuadas, símbolos como &, =, +, #, ?, / e outros. Por exemplo, um espaço torna-se %20 e um ñ torna-se %C3%B1.',
+  },
+  {
+    question: 'Qual a diferença entre encodeURI e encodeURIComponent?',
+    answer:
+      'O encodeURI codifica uma URL completa e mantém intactos caracteres reservados como / e ?. O encodeURIComponent codifica todos os caracteres especiais, incluindo os reservados, sendo ideal para codificar valores individuais de parâmetros de consulta.',
+  },
+  {
+    question: 'Por que minha URL tem %20 em vez de espaços?',
+    answer:
+      'O protocolo HTTP não permite espaços em URLs. %20 é a representação em Percent-Encoding de um espaço de acordo com o padrão ASCII. Alguns sistemas usam o sinal + como alternativa, mas %20 é o mais universal e seguro.',
+  },
+  {
+    question: 'É seguro usar esta ferramenta com URLs privadas?',
+    answer:
+      'Sim, totalmente seguro. Todo o processamento ocorre no seu navegador usando JavaScript nativo (encodeURIComponent/decodeURIComponent). Nenhuma das suas URLs ou parâmetros é enviada para qualquer servidor externo.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Cole o texto bruto',
+    text: 'Digite ou cole sua URL ou sequência de texto no campo superior "Texto Bruto (Legível)".',
+  },
+  {
+    name: 'Codificar ou decodificar',
+    text: 'Clique em "Codificar URL" para converter o texto para o formato seguro Percent-Encoding, ou em "Decodificar" para reverter uma URL codificada para sua forma legível.',
+  },
+  {
+    name: 'Copie o resultado',
+    text: 'Use o botão "Copiar" do campo correspondente para levar o resultado para sua área de transferência.',
+  },
+];
+
+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((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.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: 'pt',
+};
+
+const ui: UrlEncoderDecoderUI = {
+  labelRaw: 'Texto Bruto (Legível)',
+  labelEncoded: 'URL Formatada (Codificada)',
+  btnClear: 'Limpar',
+  btnCopy: 'Copiar',
+  btnCopied: 'Copiado!',
+  btnEncode: 'Codificar URL',
+  btnDecode: 'Decodificar',
+  placeholderRaw: 'https://example.com/search?q=sapatos vermelhos&size=38',
+  placeholderEncoded: 'https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dsapatos%20vermelhos%26size%3D38',
+};
+
+export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Perguntas Frequentes',
+  faq: faqData,
+  bibliographyTitle: 'Referências e Documentação',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: encodeURIComponent()',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent',
+    },
+    {
+      name: 'IETF RFC 3986: URI Generic Syntax',
+      url: 'https://datatracker.ietf.org/doc/html/rfc3986',
+    },
+    {
+      name: 'W3C: URL Living Standard',
+      url: 'https://url.spec.whatwg.org/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'O que é Codificação de URL?',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Ao navegar na internet ou enviar solicitações para servidores, é comum pensar em uma URL (Uniform Resource Locator) simplesmente como um "endereço web". No entanto, o protocolo de internet dita que as URLs só podem ser transmitidas usando um conjunto muito restrito de caracteres <strong>ASCII padrão</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'O que acontece se a URL contiver um espaço, letras acentuadas ou parâmetros especiais como os sinais de mais (<code>+</code>) ou igual (<code>=</code>)? Para evitar que os sistemas falhem ao tentar ler caracteres ilegais, estes devem ser traduzidos para sua forma segura e compatível usando <strong>Percent-Encoding</strong>.',
+    },
+    {
+      type: 'title',
+      text: 'Como o Percent-Encoding funciona',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Ao usar esta ferramenta, o algoritmo pega qualquer caractere "inseguro" (como um espaço ou uma letra acentuada como ñ) e o substitui por um sinal de porcentagem <code>%</code> seguido por dois dígitos hexadecimais correspondentes ao seu valor no padrão UTF-8.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Exemplo Básico:</strong> Um simples espaço será substituído por seu equivalente seguro: <code>%20</code>.',
+        '<strong>Suporte Estendido:</strong> A letra <code>á</code> torna-se <code>%C3%A1</code>, e <code>ñ</code> torna-se <code>%C3%B1</code>.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Importância em APIs e solicitações GET',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Ao desenvolver integrações, um erro típico é passar uma sequência bruta para parâmetros de URL. Se você inserir <code>camisa&azul</code> de forma bruta no seu backend (<code>/search?q=camisa&azul</code>), o servidor interpretará <code>azul</code> como um novo parâmetro, quebrando toda a lógica.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Esta ferramenta garante cálculos limpos e automáticos com 100% de execução no seu navegador local. Nenhuma de suas sequências de URL é transmitida para servidores de terceiros, garantindo a privacidade de seus tokens e parâmetros analíticos.',
+    },
+  ],
+};

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

@@ -0,0 +1,163 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { UrlEncoderDecoderUI } from '../ui';
+
+const slug = 'url-encoder-decoder-ru';
+const title = 'Онлайн URL энкодер и декодер';
+const description =
+  'Преобразуйте специальные символы любой ссылки в безопасный формат (Percent-Encoding) или мгновенно возвращайте их в исходное читаемое состояние локально.';
+
+const faqData = [
+  {
+    question: 'Какие символы кодируются в URL?',
+    answer:
+      'Кодируются все символы, не разрешенные стандартом ASCII для URL: пробелы, буквы с диакритическими знаками, символы, такие как &, =, +, #, ?, / и другие. Например, пробел заменяется на %20, а ñ — на %C3%B1.',
+  },
+  {
+    question: 'В чем разница между encodeURI и encodeURIComponent?',
+    answer:
+      'encodeURI кодирует полный URL-адрес и оставляет нетронутыми зарезервированные символы, такие как / и ?. encodeURIComponent кодирует все специальные символы, включая зарезервированные, что делает его идеальным для кодирования отдельных значений параметров запроса.',
+  },
+  {
+    question: 'Почему в моем URL-адресе %20 вместо пробелов?',
+    answer:
+      'Протокол HTTP не допускает использования пробелов в URL-адресах. %20 — это представление пробела в кодировке Percent-Encoding согласно стандарту ASCII. Некоторые системы используют знак + в качестве альтернативы, но %20 является наиболее универсальным и безопасным.',
+  },
+  {
+    question: 'Безопасно ли использовать этот инструмент с личными URL-адресами?',
+    answer:
+      'Да, совершенно безопасно. Вся обработка происходит в вашем браузере с использованием встроенного JavaScript (encodeURIComponent/decodeURIComponent). Ни один из ваших URL-адресов или параметров не отправляется на внешний сервер.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Вставьте исходный текст',
+    text: 'Введите или вставьте ваш URL-адрес или текстовую строку в верхнее поле «Исходный текст (читаемый)».',
+  },
+  {
+    name: 'Закодируйте или декодируйте',
+    text: 'Нажмите «Закодировать URL», чтобы преобразовать текст в безопасный формат Percent-Encoding, или «Декодировать», чтобы вернуть закодированный URL-адрес в читаемый вид.',
+  },
+  {
+    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((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.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: UrlEncoderDecoderUI = {
+  labelRaw: 'Исходный текст (читаемый)',
+  labelEncoded: 'Форматированный URL (закодированный)',
+  btnClear: 'Очистить',
+  btnCopy: 'Копировать',
+  btnCopied: 'Скопировано!',
+  btnEncode: 'Закодировать URL',
+  btnDecode: 'Декодировать',
+  placeholderRaw: 'https://example.com/search?q=красные туфли&size=38',
+  placeholderEncoded: 'https%3A%2F%2Fexample.com%2Fsearch%3Fq%3D%D0%BA%D1%80%D0%B0%D1%81%D0%BD%D1%8B%D0%B5%20%D1%82%D1%83%D1%84%D0%BB%D0%B8%26size%3D38',
+};
+
+export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Часто задаваемые вопросы',
+  faq: faqData,
+  bibliographyTitle: 'Ссылки и документация',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: encodeURIComponent()',
+      url: 'https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent',
+    },
+    {
+      name: 'IETF RFC 3986: URI Generic Syntax',
+      url: 'https://datatracker.ietf.org/doc/html/rfc3986',
+    },
+    {
+      name: 'W3C: URL Living Standard',
+      url: 'https://url.spec.whatwg.org/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Что такое URL-кодирование?',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'При просмотре веб-страниц или отправке запросов на серверы часто думают об URL (Uniform Resource Locator) просто как о «веб-адресе». Однако интернет-протокол диктует, что URL-адреса могут передаваться только с использованием очень ограниченного набора <strong>стандартных символов ASCII</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Что произойдет, если URL-адрес содержит пробел, буквы с диакритическими знаками или специальные параметры, такие как знаки плюс (<code>+</code>) или равно (<code>=</code>)? Чтобы предотвратить сбои систем при попытке чтения недопустимых символов, они должны быть переведены в их безопасную совместимую форму с использованием <strong>Percent-Encoding</strong>.',
+    },
+    {
+      type: 'title',
+      text: 'Как работает Percent-Encoding',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Когда вы используете этот инструмент, алгоритм берет любой «небезопасный» символ (например, пробел или букву с диакритическим знаком, такую как ñ) и заменяет его знаком процента <code>%</code>, за которым следуют две шестнадцатеричные цифры, соответствующие его значению в стандарте UTF-8.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Базовый пример:</strong> обычный пробел будет заменен его безопасным эквивалентом: <code>%20</code>.',
+        '<strong>Расширенная поддержка:</strong> буква <code>ё</code> заменяется на <code>%D1%91</code>, а <code>й</code> — на <code>%D0%B9</code>.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Важность в API и GET-запросах',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'При разработке интеграций типичной ошибкой является передача необработанной строки в параметры URL. Если вы вставите <code>рубашка&синий</code> в необработанном виде в свой бэкэнд (<code>/search?q=рубашка&синий</code>), сервер интерпретирует <code>синий</code> как новый параметр, нарушая всю логику.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Этот инструмент гарантирует чистые автоматические вычисления со 100% выполнением в вашем локальном браузере. Ни одна из ваших строк URL не передается на сторонние серверы, что обеспечивает конфиденциальность ваших токенов и аналитических параметров.',
+    },
+  ],
+};
+

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

@@ -0,0 +1,163 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { UrlEncoderDecoderUI } from '../ui';
+
+const slug = 'url-encoder-decoder-sv';
+const title = 'URL Encoder och Decoder Online';
+const description =
+  'Konvertera specialtecken från valfri länk till ett säkert format (Percent-Encoding) eller återställ dem omedelbart och lokalt till deras ursprungliga läsbara tillstånd.';
+
+const faqData = [
+  {
+    question: 'Vilka tecken kodas i en URL?',
+    answer:
+      'Alla tecken som inte är tillåtna i ASCII-standarden för URL:er kodas: blanksteg, accenter, symboler som &, =, +, #, ?, / och andra. Till exempel blir ett blanksteg %20 och ett ñ blir %C3%B1.',
+  },
+  {
+    question: 'Vad är skillnaden mellan encodeURI och encodeURIComponent?',
+    answer:
+      'encodeURI kodar en komplett URL och lämnar reserverade tecken som / och ? intakta. encodeURIComponent kodar alla specialtecken inklusive reserverade tecken, vilket gör den idealisk för att koda enskilda värden för frågeparametrar.',
+  },
+  {
+    question: 'Varför har min URL %20 istället för blanksteg?',
+    answer:
+      'HTTP-protokollet tillåter inte blanksteg i URL:er. %20 är Percent-Encoding-representationen av ett blanksteg enligt ASCII-standarden. Vissa system använder plustecknet (+) som ett alternativ, men %20 är det mest universella och säkra.',
+  },
+  {
+    question: 'Är det säkert att använda det här verktyget med privata URL:er?',
+    answer:
+      'Ja, helt säkert. All bearbetning sker i din webbläsare med hjälp av inbyggd JavaScript (encodeURIComponent/decodeURIComponent). Ingen av dina URL:er eller parametrar skickas till någon extern server.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Klistra in råtexten',
+    text: 'Skriv eller klistra in din URL eller textsträng i det övre fältet ”Råtext (läsbar)”.',
+  },
+  {
+    name: 'Koda eller avkoda',
+    text: 'Klicka på ”Koda URL” för att konvertera texten till det säkra Percent-Encoding-formatet, eller ”Avkoda” för att återställa en kodad URL till dess läsbara form.',
+  },
+  {
+    name: 'Kopiera resultatet',
+    text: 'Använd knappen ”Kopiera” i motsvarande fält för att ta resultatet till ditt urklipp.',
+  },
+];
+
+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((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.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: 'sv',
+};
+
+const ui: UrlEncoderDecoderUI = {
+  labelRaw: 'Råtext (läsbar)',
+  labelEncoded: 'Formaterad URL (kodad)',
+  btnClear: 'Rensa',
+  btnCopy: 'Kopiera',
+  btnCopied: 'Kopierad!',
+  btnEncode: 'Koda URL',
+  btnDecode: 'Avkoda',
+  placeholderRaw: 'https://example.com/search?q=röda skor&size=38',
+  placeholderEncoded: 'https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dr%C3%B6da%20skor%26size%3D38',
+};
+
+export const content: ToolLocaleContent<UrlEncoderDecoderUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Vanliga frågor',
+  faq: faqData,
+  bibliographyTitle: 'Referenser och dokumentation',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: encodeURIComponent()',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent',
+    },
+    {
+      name: 'IETF RFC 3986: URI Generic Syntax',
+      url: 'https://datatracker.ietf.org/doc/html/rfc3986',
+    },
+    {
+      name: 'W3C: URL Living Standard',
+      url: 'https://url.spec.whatwg.org/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Vad är URL-kodning?',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'När man surfar på internet eller skickar förfrågningar till servrar är det vanligt att tänka på en URL (Uniform Resource Locator) helt enkelt som en ”webbadress”. Internetprotokoll föreskriver dock att URL:er endast kan överföras med en mycket begränsad uppsättning <strong>standard-ASCII</strong>-tecken.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Vad händer om URL:en innehåller ett blanksteg, accenter eller specialparametrar som plustecken (<code>+</code>) eller likhetstecken (<code>=</code>)? För att förhindra att system kraschar när de försöker läsa otillåtna tecken, måste dessa översättas till sin säkra kompatibla form med hjälp av <strong>Percent-Encoding</strong>.',
+    },
+    {
+      type: 'title',
+      text: 'Hur Percent-Encoding fungerar',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'När du använder det här verktyget tar algoritmen alla ”osäkra” tecken (som ett blanksteg eller ett tecken med accent som ñ) och ersätter det med ett procenttecken <code>%</code> följt av två hexadecimala siffror som motsvarar dess värde i UTF-8-standarden.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Grundläggande exempel:</strong> Ett enkelt blanksteg ersätts med dess säkra motsvarighet: <code>%20</code>.',
+        '<strong>Utökat stöd:</strong> Bokstaven <code>å</code> blir <code>%C3%A5</code>, <code>ä</code> blir <code>%C3%A4</code> och <code>ö</code> blir <code>%C3%B6</code>.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Betydelse i API:er och GET-förfrågningar',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Vid utveckling av integrationer är ett typiskt misstag att skicka en rå sträng till URL-parametrar. Om du infogar <code>skjorta&blå</code> i råformat i din backend (<code>/search?q=skjorta&blå</code>), kommer servern att tolka <code>blå</code> som en ny parameter, vilket förstör hela logiken.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Detta verktyg garanterar rena, automatiska beräkningar med 100 % körning i din lokala webbläsare. Ingen av dina URL-strängar överförs till tredjepartsservrar, vilket säkerställer integriteten för dina tokens och analysparametrar.',
+    },
+  ],
+};
+