@jjlmoya/utils-developer 1.3.0 → 1.5.0

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

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SvgSanitizerUI } from '../ui';
+
+const slug = 'svg-sanitizer';
+const title = 'SVGサニタイザー オンライン';
+const description = 'FigmaやAdobe Illustrator、Inkscapeからエクスポートしたsvgを最適化してクリーンアップ。メタデータや不要な属性、空のグループを削除し、本番環境に対応したSVGを生成します。';
+
+const faqData = [
+  {
+    question: 'SVGが埋め込まれたページのHTML全体を貼り付けることはできますか？',
+    answer: 'はい。HTML内のSVG要素を自動的に検出し、そのブロックだけを抽出して処理します。SVGフラグメントをそのまま貼り付けた場合も同様に動作します。',
+  },
+  {
+    question: 'IllustratorのSVGにも対応していますか？',
+    answer: 'はい。IllustratorがエクスポートするSVGにはXML宣言やメタデータ、独自のnamespaceが含まれますが、これらをすべて削除します。結果として、あらゆるモダンブラウザと互換性のあるSVGが得られます。',
+  },
+  {
+    question: 'クリーニングとminify（圧縮）の違いは何ですか？',
+    answer: 'クリーニングは不要な属性やタグを削除しますが、コードを読んで編集できるようにインデント形式を保持します。minifyはさらにすべてを1行に圧縮し、ファイルサイズを最小化します。',
+  },
+  {
+    question: 'IDを削除するとSVGが壊れることはありますか？',
+    answer: 'SVG内の要素が別の要素をIDで参照している場合、例えばfill="url(#gradient)"のような場合にのみ問題が発生します。その場合はIDを削除オプションをオフにしてください。この問題を防ぐため、デフォルトでは無効になっています。',
+  },
+  {
+    question: 'SVGコードはサーバーに送信されますか？',
+    answer: 'いいえ。すべての処理はブラウザ上でネイティブのDOMParserおよびXMLSerializer APIを使用して行われます。コードがデバイス外に出ることは一切ありません。',
+  },
+];
+
+const howToData = [
+  { name: 'SVGを貼り付ける', text: 'Figma、Illustrator、InkscapeからエクスポートしたSVGコードをテキストエリアに貼り付けます。' },
+  { name: 'オプションを設定する', text: 'IDの削除、width/heightの除去、minifyなど、必要に応じてオプションを有効または無効にします。' },
+  { name: 'クリーニングする', text: '「SVGをクリーニング」ボタンをクリックしてコードを処理し、最適化された結果を取得します。' },
+  { name: 'コピーまたはダウンロードする', text: 'コピーまたはダウンロードボタンを使用して、本番環境に対応したクリーンなSVGを保存します。' },
+];
+
+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: 'ja',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: 'クリーニング前のSVGをここに貼り付け',
+  labelOutput: 'クリーンなSVG',
+  optRemoveIds: 'IDを削除',
+  optRemoveWH: 'width/heightを除去',
+  optMinify: 'Minify',
+  btnSanitize: 'SVGをクリーニング',
+  btnCopy: 'コピー',
+  btnCopied: 'コピー済み',
+  btnDownload: 'ダウンロード',
+  statOriginal: '元のサイズ',
+  statCleaned: 'クリーン後',
+  statReduction: '削減率',
+  statElems: '削除した要素',
+  statAttrs: '削除した属性',
+  errorPaste: 'クリーニング前にSVGを貼り付けてください。',
+  errorProcess: 'SVGの処理中にエラーが発生しました。',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'よくある質問',
+  faq: faqData,
+  bibliographyTitle: '参考資料',
+  bibliography: [
+    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
+    { name: 'Figma SVG Export - 公式ドキュメント', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
+    { name: 'SVGO - SVG Optimizer (オープンソースリファレンス)', url: 'https://github.com/svg/svgo' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'SVGサニタイザー：FigmaとIllustratorのコードをクリーンアップ', level: 2 },
+    {
+      type: 'paragraph',
+      html: '<strong>Figma</strong>やAdobe Illustrator、ブラウザのインスペクターからエクスポートしたSVGを貼り付けるだけで、クリーンで最適化された、本番環境にそのまま使えるベクターファイルが得られます。',
+    },
+    { type: 'title', text: 'エクスポートしたSVGはなぜ汚いのか？', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'FigmaからSVGをエクスポートすると、アプリ内でのみ意味を持つ属性が大量に含まれたファイルが生成されます。<code>data-name</code>、<code>xml:space</code>、内部レイヤーへの参照、デザインメタデータなどがその例です。結果として、本来必要なサイズより40〜70%も大きなSVGになることがあります。',
+    },
+    { type: 'title', text: 'サニタイザーが削除するもの', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>エディタのメタデータ：</strong>FigmaやIllustratorが自動的に追加する<code>metadata</code>、<code>title</code>、<code>desc</code>タグ。',
+        '<strong>Inkscapeのnamespace：</strong><code>inkscape:</code>や<code>sodipodi:</code>プレフィックスを持つすべての要素。',
+        '<strong>不要な属性：</strong><code>xml:space</code>、<code>version</code>、余分な<code>xmlns:*</code>、Figmaの<code>data-*</code>属性。',
+        '<strong>空のグループ：</strong>削除されたレイヤーの残骸として残る、コンテンツのない<code>&lt;g&gt;</code>要素。',
+        '<strong>XML宣言：</strong>HTMLにSVGを埋め込む際には不要な<code>&lt;?xml version="1.0"?&gt;</code>宣言とDOCTYPE。',
+      ],
+    },
+  ],
+};
+

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

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SvgSanitizerUI } from '../ui';
+
+const slug = 'svg-sanitizer';
+const title = 'SVG 새니타이저 온라인';
+const description = 'Figma, Adobe Illustrator 또는 Inkscape에서 내보낸 SVG를 최적화하고 정리합니다. 메타데이터, 불필요한 속성, 빈 그룹을 제거해 바로 배포할 수 있는 SVG를 만들어보세요.';
+
+const faqData = [
+  {
+    question: 'SVG가 포함된 페이지의 전체 HTML을 붙여넣을 수 있나요?',
+    answer: '네. 새니타이저가 HTML 내에서 SVG 요소를 자동으로 감지해 해당 블록만 추출하여 처리합니다. SVG 코드를 직접 붙여넣어도 동일하게 동작합니다.',
+  },
+  {
+    question: 'Illustrator에서 내보낸 SVG도 사용할 수 있나요?',
+    answer: '네. Illustrator는 XML 선언, 메타데이터, 독자적인 네임스페이스가 포함된 SVG를 내보내는데, 새니타이저가 이를 모두 제거합니다. 결과물은 모든 최신 브라우저와 호환되는 SVG입니다.',
+  },
+  {
+    question: '정리(Clean)와 압축(Minify)의 차이는 무엇인가요?',
+    answer: '정리는 불필요한 속성과 태그를 제거하되 들여쓰기 형식을 유지해 코드를 읽고 편집할 수 있게 합니다. 압축은 여기에 더해 모든 내용을 한 줄로 합쳐 파일 크기를 최대한 줄입니다.',
+  },
+  {
+    question: 'ID를 제거하면 SVG가 깨질 수 있나요?',
+    answer: '예를 들어 fill="url(#gradient)"처럼 SVG 내 요소가 다른 요소를 ID로 참조하는 경우에만 문제가 생길 수 있습니다. 그럴 때는 ID 제거 옵션을 비활성화하세요. 이 문제를 방지하기 위해 기본값은 비활성화로 설정되어 있습니다.',
+  },
+  {
+    question: 'SVG 코드가 서버로 전송되나요?',
+    answer: '아니요. 모든 처리는 브라우저 내에서 기본 DOMParser 및 XMLSerializer API를 사용해 이루어집니다. 코드는 절대 사용자 기기를 벗어나지 않습니다.',
+  },
+];
+
+const howToData = [
+  { name: 'SVG 붙여넣기', text: 'Figma, Illustrator 또는 Inkscape에서 내보낸 SVG 코드를 텍스트 영역에 붙여넣습니다.' },
+  { name: '옵션 설정', text: '필요에 따라 ID 제거, width/height 제거, 압축 옵션을 켜거나 끕니다.' },
+  { name: '정리하기', text: 'SVG 정리 버튼을 클릭해 코드를 처리하고 최적화된 결과를 확인합니다.' },
+  { name: '복사 또는 다운로드', text: '복사 또는 다운로드 버튼으로 배포 준비가 완료된 깨끗한 SVG를 저장합니다.' },
+];
+
+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: 'ko',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: '정리할 SVG를 여기에 붙여넣으세요',
+  labelOutput: '정리된 SVG',
+  optRemoveIds: 'ID 제거',
+  optRemoveWH: 'width/height 제거',
+  optMinify: '압축',
+  btnSanitize: 'SVG 정리',
+  btnCopy: '복사',
+  btnCopied: '복사됨',
+  btnDownload: '다운로드',
+  statOriginal: '원본',
+  statCleaned: '정리 후',
+  statReduction: '감소율',
+  statElems: '제거된 요소',
+  statAttrs: '제거된 속성',
+  errorPaste: '정리하기 전에 SVG를 붙여넣어 주세요.',
+  errorProcess: 'SVG 처리 중 오류가 발생했습니다.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: '자주 묻는 질문',
+  faq: faqData,
+  bibliographyTitle: '참고 자료',
+  bibliography: [
+    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
+    { name: 'Figma SVG Export - 공식 문서', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
+    { name: 'SVGO - SVG Optimizer (오픈소스 레퍼런스)', url: 'https://github.com/svg/svgo' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'SVG 새니타이저: Figma와 Illustrator 코드 정리하기', level: 2 },
+    {
+      type: 'paragraph',
+      html: '<strong>Figma</strong>, Adobe Illustrator 또는 브라우저 인스펙터에서 내보낸 SVG를 붙여넣으면, 바로 배포할 수 있는 깔끔하고 최적화된 벡터 파일을 얻을 수 있습니다.',
+    },
+    { type: 'title', text: '내보낸 SVG는 왜 지저분할까요?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Figma에서 SVG를 내보내면 앱 내부에서만 의미 있는 속성들이 가득 담긴 파일이 생성됩니다. <code>data-name</code>, <code>xml:space</code>, 내부 레이어 참조, 디자인 메타데이터 등이 그 예입니다. 결과적으로 실제 필요한 용량보다 40~70%까지 더 큰 SVG가 만들어집니다.',
+    },
+    { type: 'title', text: '새니타이저가 제거하는 것들', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>편집기 메타데이터:</strong> Figma와 Illustrator가 자동으로 추가하는 <code>metadata</code>, <code>title</code>, <code>desc</code> 태그.',
+        '<strong>Inkscape 네임스페이스:</strong> <code>inkscape:</code> 및 <code>sodipodi:</code> 접두사를 가진 모든 요소.',
+        '<strong>불필요한 속성:</strong> <code>xml:space</code>, <code>version</code>, 불필요한 <code>xmlns:*</code>, Figma의 <code>data-*</code> 속성.',
+        '<strong>빈 그룹:</strong> 삭제된 레이어의 잔재로 남은 콘텐츠 없는 <code>&lt;g&gt;</code> 요소.',
+        '<strong>XML 선언:</strong> HTML에 SVG를 삽입할 때 필요 없는 <code>&lt;?xml version="1.0"?&gt;</code> 선언과 DOCTYPE.',
+      ],
+    },
+  ],
+};
+

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

@@ -0,0 +1,125 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SvgSanitizerUI } from '../ui';
+
+const slug = 'svg-opschoner';
+const title = 'SVG Opschoner Online';
+const description = 'Optimaliseer en maak SVGs schoon die geëxporteerd zijn vanuit Figma, Adobe Illustrator of Inkscape. Verwijder metadata, overbodige attributen en lege groepen voor een productieklare SVG.';
+
+const faqData = [
+  {
+    question: 'Kan ik de volledige HTML van een pagina met ingesloten SVG plakken?',
+    answer: 'Ja. De opschoner detecteert het SVG-element in de HTML en extraheert alleen dat blok voor verwerking. Het werkt ook als je het SVG-fragment direct plakt.',
+  },
+  {
+    question: 'Werkt het ook met SVGs van Illustrator?',
+    answer: 'Ja. Illustrator exporteert SVGs met XML-declaraties, metadata en eigen namespaces die de opschoner verwijdert. Het resultaat is een SVG die compatibel is met alle moderne browsers.',
+  },
+  {
+    question: 'Wat is het verschil tussen opschonen en minificeren?',
+    answer: 'Opschonen verwijdert overbodige attributen en tags, maar behoudt het ingesprongen formaat zodat je de code kunt lezen en bewerken. Minificeren comprimeert alles ook nog eens tot één regel om de bestandsgrootte maximaal te beperken.',
+  },
+  {
+    question: 'Kan het verwijderen van ID\'s de SVG beschadigen?',
+    answer: 'Alleen als een element in de SVG een ander element via ID aanroept, bijvoorbeeld via fill="url(#gradient)". Schakel in dat geval de optie ID\'s verwijderen uit. Die is standaard uitgeschakeld om dit probleem te voorkomen.',
+  },
+  {
+    question: 'Wordt mijn SVG-code naar een server gestuurd?',
+    answer: 'Nee. Alle verwerking vindt plaats in je browser via de ingebouwde DOMParser- en XMLSerializer-API\'s. De code verlaat je apparaat nooit.',
+  },
+];
+
+const howToData = [
+  { name: 'SVG plakken', text: 'Plak de SVG-code geëxporteerd vanuit Figma, Illustrator of Inkscape in het tekstveld.' },
+  { name: 'Opties instellen', text: 'Schakel opties in of uit: ID\'s verwijderen, width/height weghalen en minificeren naar behoefte.' },
+  { name: 'Opschonen', text: 'Klik op SVG opschonen om de code te verwerken en het geoptimaliseerde resultaat te krijgen.' },
+  { name: 'Kopiëren of downloaden', text: 'Gebruik de knoppen Kopiëren of Downloaden om de schoongemaakte SVG klaar voor productie te bewaren.' },
+];
+
+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: 'nl',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: 'Plak hier je onbewerkte SVG',
+  labelOutput: 'Schoongemaakte SVG',
+  optRemoveIds: 'ID\'s verwijderen',
+  optRemoveWH: 'width/height weghalen',
+  optMinify: 'Minificeren',
+  btnSanitize: 'SVG opschonen',
+  btnCopy: 'Kopiëren',
+  btnCopied: 'Gekopieerd',
+  btnDownload: 'Downloaden',
+  statOriginal: 'Origineel',
+  statCleaned: 'Schoon',
+  statReduction: 'Reductie',
+  statElems: 'Elem. verwijderd',
+  statAttrs: 'Attrs. verwijderd',
+  errorPaste: 'Plak eerst een SVG voordat je opschoont.',
+  errorProcess: 'Fout bij het verwerken van de SVG.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Veelgestelde vragen',
+  faq: faqData,
+  bibliographyTitle: 'Referenties',
+  bibliography: [
+    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
+    { name: 'Figma SVG Export - Officiële documentatie', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
+    { name: 'SVGO - SVG Optimizer (open source referentie)', url: 'https://github.com/svg/svgo' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'SVG Opschoner: Code van Figma en Illustrator schoonmaken', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Plak een willekeurige SVG geëxporteerd vanuit <strong>Figma</strong>, Adobe Illustrator of de browser-inspector en ontvang een schone, geoptimaliseerde vectorafbeelding klaar voor productie.',
+    },
+    { type: 'title', text: 'Waarom zijn geëxporteerde SVGs zo rommelig?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Wanneer je een SVG exporteert vanuit Figma, krijg je een bestand vol attributen die alleen binnen de applicatie zinvol zijn: <code>data-name</code>, <code>xml:space</code>, verwijzingen naar interne lagen en designmetadata. Het resultaat is een SVG die 40 tot 70% groter kan zijn dan nodig.',
+    },
+    { type: 'title', text: 'Wat de opschoner verwijdert', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Editormetadata:</strong> de tags <code>metadata</code>, <code>title</code> en <code>desc</code> die Figma en Illustrator automatisch toevoegen.',
+        '<strong>Inkscape-namespaces:</strong> alle elementen met het prefix <code>inkscape:</code> en <code>sodipodi:</code>.',
+        '<strong>Overbodige attributen:</strong> <code>xml:space</code>, <code>version</code>, overbodige <code>xmlns:*</code> en Figma-<code>data-*</code>-attributen.',
+        '<strong>Lege groepen:</strong> <code>&lt;g&gt;</code>-elementen zonder inhoud die als resten van verwijderde lagen overblijven.',
+        '<strong>XML-declaraties:</strong> de <code>&lt;?xml version="1.0"?&gt;</code>-declaratie en het DOCTYPE die niet nodig zijn bij het insluiten van SVG in HTML.',
+      ],
+    },
+  ],
+};

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

@@ -0,0 +1,125 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SvgSanitizerUI } from '../ui';
+
+const slug = 'oczyszczacz-svg';
+const title = 'Oczyszczacz SVG Online';
+const description = 'Optymalizuj i czyść pliki SVG wyeksportowane z Figmy, Adobe Illustratora lub Inkscape. Usuń metadane, zbędne atrybuty i puste grupy, aby uzyskać SVG gotowy do produkcji.';
+
+const faqData = [
+  {
+    question: 'Czy mogę wkleić pełny kod HTML strony z osadzonym SVG?',
+    answer: 'Tak. Oczyszczacz wykrywa element SVG wewnątrz HTML i wyodrębnia tylko ten blok do przetworzenia. Działa również wtedy, gdy wkleisz bezpośrednio fragment SVG.',
+  },
+  {
+    question: 'Czy narzędzie obsługuje pliki SVG z Illustratora?',
+    answer: 'Tak. Illustrator eksportuje SVG z deklaracjami XML, metadanymi i własnymi przestrzeniami nazw, które oczyszczacz usuwa. Wynikiem jest SVG zgodny ze wszystkimi nowoczesnymi przeglądarkami.',
+  },
+  {
+    question: 'Jaka jest różnica między czyszczeniem a minifikacją?',
+    answer: 'Czyszczenie usuwa zbędne atrybuty i tagi, ale zachowuje format z wcięciami, dzięki czemu możesz czytać i edytować kod. Minifikacja dodatkowo kompresuje wszystko do jednej linii, aby maksymalnie zmniejszyć rozmiar pliku.',
+  },
+  {
+    question: 'Czy usunięcie identyfikatorów może uszkodzić SVG?',
+    answer: 'Tylko jeśli jakiś element SVG odwołuje się do innego przez identyfikator, na przykład przez fill="url(#gradient)". W takim przypadku wyłącz opcję Usuń identyfikatory. Jest ona domyślnie wyłączona właśnie po to, aby uniknąć tego problemu.',
+  },
+  {
+    question: 'Czy mój kod SVG jest wysyłany na serwer?',
+    answer: 'Nie. Całe przetwarzanie odbywa się w Twojej przeglądarce przy użyciu natywnych interfejsów API DOMParser i XMLSerializer. Kod nigdy nie opuszcza Twojego urządzenia.',
+  },
+];
+
+const howToData = [
+  { name: 'Wklej SVG', text: 'Wklej kod SVG wyeksportowany z Figmy, Illustratora lub Inkscape do pola tekstowego.' },
+  { name: 'Skonfiguruj opcje', text: 'Włącz lub wyłącz opcje: usuń identyfikatory, usuń width/height i minifikuj według swoich potrzeb.' },
+  { name: 'Wyczyść', text: 'Kliknij Wyczyść SVG, aby przetworzyć kod i uzyskać zoptymalizowany wynik.' },
+  { name: 'Skopiuj lub pobierz', text: 'Użyj przycisków Kopiuj lub Pobierz, aby zachować czysty SVG gotowy do produkcji.' },
+];
+
+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: 'pl',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: 'Wklej tutaj swój brudny SVG',
+  labelOutput: 'Czysty SVG',
+  optRemoveIds: 'Usuń identyfikatory',
+  optRemoveWH: 'Usuń width/height',
+  optMinify: 'Minifikuj',
+  btnSanitize: 'Wyczyść SVG',
+  btnCopy: 'Kopiuj',
+  btnCopied: 'Skopiowano',
+  btnDownload: 'Pobierz',
+  statOriginal: 'Oryginał',
+  statCleaned: 'Czysty',
+  statReduction: 'Redukcja',
+  statElems: 'Usunięte elem.',
+  statAttrs: 'Usunięte atryb.',
+  errorPaste: 'Wklej plik SVG przed czyszczeniem.',
+  errorProcess: 'Błąd podczas przetwarzania SVG.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Często zadawane pytania',
+  faq: faqData,
+  bibliographyTitle: 'Odniesienia',
+  bibliography: [
+    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
+    { name: 'Figma SVG Export - Oficjalna dokumentacja', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
+    { name: 'SVGO - SVG Optimizer (open source reference)', url: 'https://github.com/svg/svgo' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Oczyszczacz SVG: Czysty kod z Figmy i Illustratora', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Wklej dowolny SVG wyeksportowany z <strong>Figmy</strong>, Adobe Illustratora lub inspektora przeglądarki i uzyskaj czysty, zoptymalizowany plik wektorowy gotowy do produkcji.',
+    },
+    { type: 'title', text: 'Dlaczego wyeksportowane pliki SVG są takie brudne?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Gdy eksportujesz SVG z Figmy, otrzymujesz plik wypełniony atrybutami, które mają sens tylko wewnątrz aplikacji: <code>data-name</code>, <code>xml:space</code>, odwołania do wewnętrznych warstw i metadane projektu. Efektem jest SVG, który może ważyć o 40–70% więcej niż powinien.',
+    },
+    { type: 'title', text: 'Co usuwa oczyszczacz', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Metadane edytora:</strong> tagi <code>metadata</code>, <code>title</code> i <code>desc</code> dodawane automatycznie przez Figmę i Illustratora.',
+        '<strong>Przestrzenie nazw Inkscape:</strong> wszystkie elementy z prefiksem <code>inkscape:</code> i <code>sodipodi:</code>.',
+        '<strong>Zbędne atrybuty:</strong> <code>xml:space</code>, <code>version</code>, nadmiarowe <code>xmlns:*</code> oraz atrybuty <code>data-*</code> z Figmy.',
+        '<strong>Puste grupy:</strong> elementy <code>&lt;g&gt;</code> bez zawartości pozostałe jako artefakty usuniętych warstw.',
+        '<strong>Deklaracje XML:</strong> deklaracja <code>&lt;?xml version="1.0"?&gt;</code> i DOCTYPE zbędne przy osadzaniu SVG w HTML.',
+      ],
+    },
+  ],
+};

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

@@ -0,0 +1,30 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SvgSanitizerUI } from '../ui';
+
+const slug = 'desinfetante-svg-online';
+const title = 'Sanitizador SVG Online';
+const description = 'Otimize e limpe SVGs exportados do Figma, Adobe Illustrator ou Inkscape. Remova metadados, atributos desnecessários e grupos vazios para obter um SVG pronto para produção.';
+
+const faqData = [
+  { question: 'Posso colar o HTML completo de uma página com um SVG incorporado?', answer: 'Sim. O sanitizador detecta o elemento SVG dentro do HTML e extrai apenas esse bloco para processamento. Funciona também se você colar o fragmento SVG diretamente.' },
+  { question: 'Funciona com SVGs do Illustrator?', answer: 'Sim. O Illustrator exporta SVGs com declarações XML, metadados e namespaces proprietários que o sanitizador remove. O resultado é um SVG compatível com todos os navegadores modernos.' },
+  { question: 'Qual é a diferença entre limpeza e minificação?', answer: 'A limpeza remove atributos e tags desnecessários, mas mantém o formato indentado para que você possa ler e editar o código. A minificação também collapsa tudo em uma linha para reduzir o tamanho do arquivo ao máximo.' },
+  { question: 'Remover IDs pode quebrar o SVG?', answer: 'Apenas se um elemento no SVG faz referência a outro por ID, por exemplo através de fill="url(#gradient)". Nesse caso, desabilite a opção Remover IDs. Ela está desabilitada por padrão justamente para evitar esse problema.' },
+  { question: 'Meu código SVG é enviado para algum servidor?', answer: 'Não. Todo processamento acontece em seu navegador usando as APIs DOMParser e XMLSerializer nativas. O código nunca deixa seu dispositivo.' },
+];
+
+const howToData = [
+  { name: 'Cole o SVG', text: 'Cole o código SVG exportado do Figma, Illustrator ou Inkscape na área de texto.' },
+  { name: 'Configure opções', text: 'Ative ou desative opções: remover IDs, remover largura/altura e minificar de acordo com suas necessidades.' },
+  { name: 'Limpe', text: 'Clique em Limpar SVG para processar o código e obter o resultado otimizado.' },
+  { name: 'Copie ou baixe', text: 'Use os botões Copiar ou Baixar para obter o SVG limpo pronto para produção.' },
+];
+
+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: 'pt' };
+
+const ui: SvgSanitizerUI = { labelInput: 'Cole seu SVG sujo aqui', labelOutput: 'SVG Limpo', optRemoveIds: 'Remover IDs', optRemoveWH: 'Remover largura/altura', optMinify: 'Minificar', btnSanitize: 'Limpar SVG', btnCopy: 'Copiar', btnCopied: 'Copiado', btnDownload: 'Baixar', statOriginal: 'Original', statCleaned: 'Limpo', statReduction: 'Redução', statElems: 'Elem. removidos', statAttrs: 'Attrs. removidos', errorPaste: 'Cole um SVG antes de limpar.', errorProcess: 'Erro ao processar o SVG.', };
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = { slug, title, description, ui, faqTitle: 'Perguntas Frequentes', faq: faqData, bibliographyTitle: 'Referências', bibliography: [{ name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' }, { name: 'Figma SVG Export - Official Documentation', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' }, { name: 'SVGO - SVG Optimizer (open source reference)', url: 'https://github.com/svg/svgo' }], howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: 'Sanitizador SVG: Limpar Código do Figma e Illustrator', level: 2 }, { type: 'paragraph', html: 'Cole qualquer SVG exportado do <strong>Figma</strong>, Adobe Illustrator ou do inspetor do navegador e obtenha um arquivo vetorial limpo e otimizado pronto para produção.' }, { type: 'title', text: 'Por que SVGs exportados são tão sujos?', level: 3 }, { type: 'paragraph', html: 'Quando você exporta um SVG do Figma, você obtém um arquivo carregado com atributos que fazem sentido apenas dentro do aplicativo: <code>data-name</code>, <code>xml:space</code>, referências a camadas internas e metadados de design. O resultado é um SVG que pode pesar 40-70% mais do que o necessário.' }, { type: 'title', text: 'O que o Sanitizador remove', level: 3 }, { type: 'list', items: ['<strong>Metadados do editor:</strong> <code>metadata</code>, tags <code>title</code> e <code>desc</code> que Figma e Illustrator adicionam automaticamente.', '<strong>Namespaces Inkscape:</strong> todos os elementos com prefixo <code>inkscape:</code> e <code>sodipodi:</code>.', '<strong>Atributos desnecessários:</strong> <code>xml:space</code>, <code>version</code>, <code>xmlns:*</code> supérfluos e atributos Figma <code>data-*</code>.', '<strong>Grupos vazios:</strong> elementos <code>&lt;g&gt;</code> sem conteúdo deixados como artefatos de camadas deletadas.', '<strong>Declarações XML:</strong> a declaração <code>&lt;?xml version="1.0"?&gt;</code> e DOCTYPE desnecessários ao incorporar SVG em HTML.'] }] };