@jjlmoya/utils-developer 1.3.0 → 1.5.0

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

@@ -0,0 +1,43 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ReadabilityCalculatorUI } from '../ui';
+const slug = 'visuell-lasbarhetskalkylator';
+const title = 'Visuell Läsbarhetskalkylatör WCAG och APCA';
+const description = 'Kontrollera den verkliga kontrasten i dina designer med APCA (WCAG 3.0). Analysera hur teckensnittssgravur och storlek påverkar faktisk läsbarhet.';
+const faqData = [
+  { question: 'Vad är APCA och varför skiljer det sig från WCAG 2.1?', answer: 'APCA är Advanced Perceptual Contrast Algorithm utvecklad för WCAG 3.0. Till skillnad från den gamla enkla formeln använder APCA matematiska modeller som efterliknar hur människans hjärna uppfattar kontrast.' },
+  { question: 'Vad betyder Lc-värdet?', answer: 'Lc (Lightness Contrast) är kontraszvärdet som genereras av APCA. Ett värde på 100 representerar ideal maximal kontrast, medan värden under 60 börjar vara kritiska för kontinuerlig läsning av text.' },
+  { question: 'Hur påverkar teckensnittssgravuren läsbarheten?', answer: 'Tunna/Lätta typsnitt kräver mycket högre kontrast för att vara läsbara. APCA straffar lågviktiga typsnitt, vilket indikerar att en design som godkänner WCAG med weight-100 typsnitt kan vara oläslig i praktiken.' },
+  { question: 'Är denna kalkylator privat?', answer: 'Ja, alla beräkningar utförs lokalt i din webbläsare. Färgerna och inställningarna du analyserar skickas aldrig till någon server, vilket garanterar fullständig integritet för dina designprojekt.' },
+];
+const howToData = [
+  { name: 'Välj Färger', text: 'Använd färgväljarna för att ställa in textfärg och bakgrundsfärg för ditt design.' },
+  { name: 'Justera Typografi', text: 'Flytta skjutreglagen för teckensnittstorlek och vikt för att simulera din faktiska typografi.' },
+  { name: 'Läs Resultaten', text: 'Kontrollera WCAG 2.1-förhållandet och APCA Lc-värdet för att veta om ditt design är tillgängligt.' },
+  { name: 'Granska Rekommendationer', text: 'Kontrollera APCA-specifika rekommendationer för brödtext, liten text och UI-element.' },
+];
+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: 'sv' };
+const ui: ReadabilityCalculatorUI = { labelColors: 'Basfärger', labelText: 'Text', labelBg: 'Bakgrund', labelTypo: 'Typografi', labelFontSize: 'Teckensnitsstorlek', labelFontWeight: 'Vikt', labelCompare: 'Kontrastjämförelse', labelPreview: 'Perceptuell Förhandsvisning', labelApcaRecs: 'APCA Rekommendationer', labelBody: 'Läsningstext (Brödtext)', labelSmall: 'Liten Text / Bildtext', labelUi: 'UI / Knappar', statusYes: 'Ja', statusNo: 'Nej', wcagAAA: 'Godkänner AAA', wcagAA: 'Godkänner AA', wcagLarge: 'Endast Stor Text', wcagFail: 'Misslyckas', apcaExcellent: 'Utmärkt', apcaGood: 'Bra', apcaMinimal: 'Minimal', apcaPoor: 'Dålig', previewText: 'Visuell läsbarhet är inte bara matematik. Det är hur ljus och skugga interagerar med dina ögon.', wcagRatioLabel: 'WCAG 2.1 Förhållande', apcaLcLabel: 'APCA Lc (WCAG 3)' };
+export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
+  slug, title, description, ui,
+  faqTitle: 'Vanliga Frågor',
+  faq: faqData,
+  bibliographyTitle: 'Resurser på Kontrast och APCA',
+  bibliography: [
+    { name: 'W3C: WCAG 3.0 Draft (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
+    { name: 'Myndex: APCA Referensguide', url: 'https://apcaw3.myndex.com/' },
+    { name: 'MDN: Tillgänglighet och Färgkontrast', url: 'https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Visuell Läsbarhetskalkylatör (WCAG vs APCA)', level: 2 },
+    { type: 'paragraph', html: 'Förstå hur dina färger och typografi påverkar faktisk läsning med den nya perceptuella tillgänglighetsstandarden. WCAG 2.1 använder en enkel matematisk formel från 2008. <strong>APCA</strong> är den nya modell som föreslås för <strong>WCAG 3.0</strong> som efterliknar mänsklig perception.' },
+    { type: 'title', text: 'Nyckelpoänger för APCA', level: 3 },
+    { type: 'list', items: [ '<strong>Polaritet:</strong> Förstår att Mörkt läge uppfattas annorlunda än Ljust läge.', '<strong>Teckensnittssgravur:</strong> Tilldelar specifika kontrastnivåer (Lc) baserat på typografigravur.', '<strong>Linjäritet:</strong> Åtgärdar matematiska felaktighetar i 2008 års relativa luminansmodell.' ] },
+    { type: 'title', text: 'Rekommenderade APCA-nivåer', level: 3 },
+    { type: 'list', items: [ '<strong>Lc 90+:</strong> Idealisk för mycket liten eller låg gravur text.', '<strong>Lc 75:</strong> Standarden för huvudsaklig läsningstext.', '<strong>Lc 60:</strong> Minimum för läsbart medelstorlek innehål.', '<strong>Lc 45:</strong> Minimum för stora eller dekorativa element.' ] },
+  ],
+};

package/src/tool/readabilityCalculator/i18n/tr.ts

@@ -0,0 +1,43 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ReadabilityCalculatorUI } from '../ui';
+const slug = 'gorsel-okunabilirlik-hesaplayicisi';
+const title = 'Görsel Okunabilirlik Hesaplayıcısı WCAG ve APCA';
+const description = 'APCA (WCAG 3.0) ile tasarımlarınızın gerçek kontrastını kontrol edin. Yazı tipi ağırlığı ve boyutunun gerçek okunabilirliği nasıl etkilediğini analiz edin.';
+const faqData = [
+  { question: 'APCA nedir ve WCAG 2.1\'den neden farklıdır?', answer: 'APCA, WCAG 3.0 için geliştirilen Gelişmiş Algısal Kontrast Algoritmasıdır. Eski basit formülün aksine, APCA insan beyninin kontrastı nasıl algıladığını taklit eden matematiksel modeller kullanır.' },
+  { question: 'Lc değeri ne anlama geliyor?', answer: 'Lc (Lightness Contrast), APCA tarafından oluşturulan kontrast değeridir. 100 değeri ideal maksimum kontrastı temsil ederken, 60 altındaki değerler sürekli metin okuma için kritik olmaya başlar.' },
+  { question: 'Yazı tipi ağırlığı okunabilirliği nasıl etkiler?', answer: 'İnce/Hafif yazı tipleri okunabilir olması için çok daha yüksek kontrast gerektirir. APCA düşük ağırlıklu yazı tiplerini cezalandırır, WCAG\'ı geçen bir tasarımın weight-100 yazı tipi ile pratikte okunamaz olabileceğini gösterir.' },
+  { question: 'Bu hesaplayıcı özel mi?', answer: 'Evet, tüm hesaplamalar tarayıcınızda yerel olarak yapılır. Analiz ettiğiniz renkler ve ayarlar hiçbir zaman sunucuya gönderilmez, tasarım projeleriniz için tam gizlilik garantisini sağlar.' },
+];
+const howToData = [
+  { name: 'Renkleri Seçin', text: 'Tasarımınızın metin rengini ve arka plan rengini ayarlamak için renk seçicileri kullanın.' },
+  { name: 'Tipografiyi Ayarlayın', text: 'Gerçek tipografiyi simüle etmek için yazı tipi boyutu ve ağırlık kaydırıcılarını taşıyın.' },
+  { name: 'Sonuçları Okuyun', text: 'WCAG 2.1 oranını ve APCA Lc değerini kontrol ederek tasarımınızın erişilebilir olup olmadığını bilin.' },
+  { name: 'Tavsiyeleri Gözden Geçirin', text: 'Gövde metni, küçük metin ve UI öğeleri için APCA\'ya özgü tavsiyeleri kontrol edin.' },
+];
+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: 'tr' };
+const ui: ReadabilityCalculatorUI = { labelColors: 'Temel Renkler', labelText: 'Metin', labelBg: 'Arka Plan', labelTypo: 'Tipografi', labelFontSize: 'Yazı Tipi Boyutu', labelFontWeight: 'Ağırlık', labelCompare: 'Kontrast Karşılaştırması', labelPreview: 'Algısal Ön İzleme', labelApcaRecs: 'APCA Önerileri', labelBody: 'Okuma Metni (Gövde)', labelSmall: 'Küçük Metin / Resim Yazısı', labelUi: 'UI / Düğmeler', statusYes: 'Evet', statusNo: 'Hayır', wcagAAA: 'AAA\'yı Geçer', wcagAA: 'AA\'yı Geçer', wcagLarge: 'Yalnızca Büyük Metin', wcagFail: 'Başarısız', apcaExcellent: 'Mükemmel', apcaGood: 'İyi', apcaMinimal: 'Minimum', apcaPoor: 'Zayıf', previewText: 'Görsel okunabilirlik sadece matematik değildir. Işık ve gölgenin gözlerinizle nasıl etkileşim kurduğudur.', wcagRatioLabel: 'WCAG 2.1 Oranı', apcaLcLabel: 'APCA Lc (WCAG 3)' };
+export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
+  slug, title, description, ui,
+  faqTitle: 'Sık Sorulan Sorular',
+  faq: faqData,
+  bibliographyTitle: 'Kontrast ve APCA Kaynakları',
+  bibliography: [
+    { name: 'W3C: WCAG 3.0 Tasarısı (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
+    { name: 'Myndex: APCA Referans Kılavuzu', url: 'https://apcaw3.myndex.com/' },
+    { name: 'MDN: Erişilebilirlik ve Renk Kontrastı', url: 'https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Görsel Okunabilirlik Hesaplayıcısı (WCAG vs APCA)', level: 2 },
+    { type: 'paragraph', html: 'Renkleriniz ve tipografinizin yeni algısal erişilebilirlik standardı ile gerçek okuma üzerindeki etkisini anlayın. WCAG 2.1 basit bir 2008 matematik formülü kullanır. <strong>APCA</strong>, <strong>WCAG 3.0</strong> için önerilen insan algısını taklit eden yeni modeldir.' },
+    { type: 'title', text: 'APCA\'nın Ana Noktaları', level: 3 },
+    { type: 'list', items: [ '<strong>Polarite:</strong> Koyu Modu, Açık Moddan farklı şekilde algılandığını anlıyor.', '<strong>Yazı Tipi Ağırlığı:</strong> Tipografi ağırlığına dayalı belirli kontrast seviyeleri (Lc) atar.', '<strong>Doğrusallık:</strong> 2008 göreli parlaklık modelindeki matematik yanlışlıklarını düzeltir.' ] },
+    { type: 'title', text: 'Önerilen APCA Seviyeleri', level: 3 },
+    { type: 'list', items: [ '<strong>Lc 90+:</strong> Çok küçük veya düşük ağırlıkta metin için ideal.', '<strong>Lc 75:</strong> Ana okuma metni standardı.', '<strong>Lc 60:</strong> Okunabilir orta boyutlu içerik için minimum.', '<strong>Lc 45:</strong> Büyük veya dekoratif öğeler için minimum.' ] },
+  ],
+};

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

@@ -0,0 +1,44 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ReadabilityCalculatorUI } from '../ui';
+const slug = 'visual-readability-calculator-wcag-apca';
+const title = '视觉可读性计算器 WCAG 和 APCA';
+const description = '使用 APCA (WCAG 3.0) 检查设计的真实对比度。分析字体粗细和大小如何影响实际可读性。';
+const faqData = [
+  { question: 'APCA 是什么，为什么与 WCAG 2.1 不同？', answer: 'APCA 是为 WCAG 3.0 开发的高级感知对比算法。与旧的简单公式不同，APCA 使用数学模型来模拟人类大脑如何感知对比度。' },
+  { question: 'Lc 值代表什么？', answer: 'Lc（亮度对比）是 APCA 生成的对比度值。值 100 代表理想的最大对比度，而低于 60 的值对于连续阅读文本开始变得至关重要。' },
+  { question: '字体粗细如何影响可读性？', answer: '细/轻字体需要更高的对比度才能可读。APCA 惩罚低粗细字体，表明通过 WCAG 的使用 weight-100 字体的设计在实践中可能无法阅读。' },
+  { question: '这个计算器是私密的吗？', answer: '是的，所有计算都在浏览器中本地执行。您分析的颜色和设置永远不会发送到任何服务器，确保您的设计项目的完全隐私。' },
+];
+const howToData = [
+  { name: '选择颜色', text: '使用颜色选择器设置设计的文本颜色和背景颜色。' },
+  { name: '调整排版', text: '移动字体大小和粗细滑块以模拟实际排版。' },
+  { name: '阅读结果', text: '检查 WCAG 2.1 比率和 APCA Lc 值，了解您的设计是否可访问。' },
+  { name: '查看建议', text: '检查正文、小文本和 UI 元素的 APCA 特定建议。' },
+];
+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: 'zh' };
+const ui: ReadabilityCalculatorUI = { labelColors: '基础色', labelText: '文本', labelBg: '背景', labelTypo: '排版', labelFontSize: '字体大小', labelFontWeight: '粗细', labelCompare: '对比度比较', labelPreview: '感知预览', labelApcaRecs: 'APCA 建议', labelBody: '阅读文本（正文）', labelSmall: '小文本/标题', labelUi: 'UI / 按钮', statusYes: '是', statusNo: '否', wcagAAA: '通过 AAA', wcagAA: '通过 AA', wcagLarge: '仅大文本', wcagFail: '失败', apcaExcellent: '优秀', apcaGood: '良好', apcaMinimal: '最小', apcaPoor: '差', previewText: '视觉可读性不仅仅是数学。它是光线和阴影如何与您的眼睛相互作用。', wcagRatioLabel: 'WCAG 2.1 比率', apcaLcLabel: 'APCA Lc (WCAG 3)' };
+export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
+  slug, title, description, ui,
+  faqTitle: '常见问题',
+  faq: faqData,
+  bibliographyTitle: '对比度和 APCA 资源',
+  bibliography: [
+    { name: 'W3C: WCAG 3.0 草案 (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
+    { name: 'Myndex: APCA 参考指南', url: 'https://apcaw3.myndex.com/' },
+    { name: 'MDN: 可访问性和颜色对比', url: 'https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: '视觉可读性计算器 (WCAG vs APCA)', level: 2 },
+    { type: 'paragraph', html: '了解您的颜色和排版如何使用新的感知可访问性标准影响实际阅读。WCAG 2.1 使用简单的 2008 年数学公式。<strong>APCA</strong> 是为 <strong>WCAG 3.0</strong> 提议的模拟人类感知的新模型。' },
+    { type: 'title', text: 'APCA 的关键要点', level: 3 },
+    { type: 'list', items: [ '<strong>极性：</strong>理解深色模式的感知方式与浅色模式不同。', '<strong>字体粗细：</strong>根据排版粗细分配特定对比等级 (Lc)。', '<strong>线性：</strong>修复 2008 年相对亮度模型中的数学不准确性。' ] },
+    { type: 'title', text: '建议的 APCA 级别', level: 3 },
+    { type: 'list', items: [ '<strong>Lc 90+：</strong>非常小或低粗细文本的理想选择。', '<strong>Lc 75：</strong>主要正文阅读文本的标准。', '<strong>Lc 60：</strong>可读中等大小内容的最小值。', '<strong>Lc 45：</strong>大型或装饰元素的最小值。' ] },
+  ],
+};
+

package/src/tool/readabilityCalculator/index.ts

@@ -9,6 +9,18 @@ export type ReadabilityCalculatorLocaleContent = ToolLocaleContent<ReadabilityCa
 import { content as es } from './i18n/es';
 import { content as en } from './i18n/en';
 import { content as fr } from './i18n/fr';
+import { content as de } from './i18n/de';
+import { content as id } from './i18n/id';
+import { content as it } from './i18n/it';
+import { content as ja } from './i18n/ja';
+import { content as ko } from './i18n/ko';
+import { content as nl } from './i18n/nl';
+import { content as pl } from './i18n/pl';
+import { content as pt } from './i18n/pt';
+import { content as ru } from './i18n/ru';
+import { content as sv } from './i18n/sv';
+import { content as tr } from './i18n/tr';
+import { content as zh } from './i18n/zh';
 
 export const readabilityCalculator: DeveloperToolEntry<ReadabilityCalculatorUI> = {
   id: 'readability-calculator',
@@ -20,6 +32,18 @@ export const readabilityCalculator: DeveloperToolEntry<ReadabilityCalculatorUI>
     es: async () => es,
     en: async () => en,
     fr: async () => fr,
+    de: async () => de,
+    id: async () => id,
+    it: async () => it,
+    ja: async () => ja,
+    ko: async () => ko,
+    nl: async () => nl,
+    pl: async () => pl,
+    pt: async () => pt,
+    ru: async () => ru,
+    sv: async () => sv,
+    tr: async () => tr,
+    zh: async () => zh,
   },
 };
 

package/src/tool/svgSanitizer/i18n/de.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-bereiniger';
+const title = 'SVG Bereiniger Online';
+const description = 'Optimiere und bereinige SVGs aus Figma, Adobe Illustrator oder Inkscape. Entferne Metadaten, überflüssige Attribute und leere Gruppen für ein produktionsfertiges SVG.';
+
+const faqData = [
+  {
+    question: 'Kann ich den vollständigen HTML-Code einer Seite mit eingebettetem SVG einfügen?',
+    answer: 'Ja. Der Bereiniger erkennt das SVG-Element innerhalb des HTML und extrahiert nur diesen Block zur Verarbeitung. Es funktioniert auch, wenn du den SVG-Fragment direkt einfügst.',
+  },
+  {
+    question: 'Funktioniert das auch mit SVGs aus Illustrator?',
+    answer: 'Ja. Illustrator exportiert SVGs mit XML-Deklarationen, Metadaten und proprietären Namespaces, die der Bereiniger entfernt. Das Ergebnis ist ein SVG, das mit allen modernen Browsern kompatibel ist.',
+  },
+  {
+    question: 'Was ist der Unterschied zwischen Bereinigen und Minifizieren?',
+    answer: 'Beim Bereinigen werden überflüssige Attribute und Tags entfernt, das eingerückte Format bleibt jedoch erhalten, damit du den Code lesen und bearbeiten kannst. Beim Minifizieren wird zusätzlich alles in eine einzige Zeile komprimiert, um die Dateigröße maximal zu reduzieren.',
+  },
+  {
+    question: 'Kann das Entfernen von IDs das SVG beschädigen?',
+    answer: 'Nur wenn ein Element im SVG ein anderes per ID referenziert, zum Beispiel über fill="url(#gradient)". Deaktiviere in diesem Fall die Option IDs entfernen. Sie ist standardmäßig deaktiviert, um genau dieses Problem zu vermeiden.',
+  },
+  {
+    question: 'Wird mein SVG-Code an einen Server gesendet?',
+    answer: 'Nein. Die gesamte Verarbeitung erfolgt in deinem Browser mithilfe der nativen DOMParser- und XMLSerializer-APIs. Der Code verlässt dein Gerät zu keiner Zeit.',
+  },
+];
+
+const howToData = [
+  { name: 'SVG einfügen', text: 'Füge den SVG-Code aus Figma, Illustrator oder Inkscape in das Textfeld ein.' },
+  { name: 'Optionen konfigurieren', text: 'Aktiviere oder deaktiviere die Optionen: IDs entfernen, width/height entfernen und minifizieren – je nach Bedarf.' },
+  { name: 'Bereinigen', text: 'Klicke auf SVG bereinigen, um den Code zu verarbeiten und das optimierte Ergebnis zu erhalten.' },
+  { name: 'Kopieren oder herunterladen', text: 'Nutze die Schaltflächen Kopieren oder Herunterladen, um das bereinigte SVG für die Produktion zu sichern.' },
+];
+
+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: 'de',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: 'Füge hier dein unbereinigtes SVG ein',
+  labelOutput: 'Bereinigtes SVG',
+  optRemoveIds: 'IDs entfernen',
+  optRemoveWH: 'width/height entfernen',
+  optMinify: 'Minifizieren',
+  btnSanitize: 'SVG bereinigen',
+  btnCopy: 'Kopieren',
+  btnCopied: 'Kopiert',
+  btnDownload: 'Herunterladen',
+  statOriginal: 'Original',
+  statCleaned: 'Bereinigt',
+  statReduction: 'Reduzierung',
+  statElems: 'Elem. entfernt',
+  statAttrs: 'Attrs. entfernt',
+  errorPaste: 'Füge ein SVG ein, bevor du bereinigst.',
+  errorProcess: 'Fehler bei der SVG-Verarbeitung.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  bibliographyTitle: 'Referenzen',
+  bibliography: [
+    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
+    { name: 'Figma SVG Export - Offizielle Dokumentation', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
+    { name: 'SVGO - SVG Optimizer (Open-Source-Referenz)', url: 'https://github.com/svg/svgo' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'SVG Bereiniger: Code aus Figma und Illustrator aufräumen', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Füge ein beliebiges SVG aus <strong>Figma</strong>, Adobe Illustrator oder dem Browser-Inspektor ein und erhalte eine saubere, optimierte Vektordatei, die sofort produktionsbereit ist.',
+    },
+    { type: 'title', text: 'Warum sind exportierte SVGs so unordentlich?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Wenn du ein SVG aus Figma exportierst, erhältst du eine Datei voller Attribute, die nur innerhalb der App einen Sinn ergeben: <code>data-name</code>, <code>xml:space</code>, Verweise auf interne Ebenen und Design-Metadaten. Das Ergebnis ist ein SVG, das 40–70 % größer als nötig sein kann.',
+    },
+    { type: 'title', text: 'Was der Bereiniger entfernt', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Editor-Metadaten:</strong> die Tags <code>metadata</code>, <code>title</code> und <code>desc</code>, die Figma und Illustrator automatisch hinzufügen.',
+        '<strong>Inkscape-Namespaces:</strong> alle Elemente mit dem Präfix <code>inkscape:</code> und <code>sodipodi:</code>.',
+        '<strong>Überflüssige Attribute:</strong> <code>xml:space</code>, <code>version</code>, unnötige <code>xmlns:*</code> und Figma-<code>data-*</code>-Attribute.',
+        '<strong>Leere Gruppen:</strong> <code>&lt;g&gt;</code>-Elemente ohne Inhalt, die als Artefakte gelöschter Ebenen übrig bleiben.',
+        '<strong>XML-Deklarationen:</strong> die <code>&lt;?xml version="1.0"?&gt;</code>-Deklaration und den DOCTYPE, die beim Einbetten von SVG in HTML nicht benötigt werden.',
+      ],
+    },
+  ],
+};

package/src/tool/svgSanitizer/i18n/id.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 = 'pembersih-svg';
+const title = 'Pembersih SVG Online';
+const description = 'Optimalkan dan bersihkan SVG yang diekspor dari Figma, Adobe Illustrator, atau Inkscape. Hapus metadata, atribut yang tidak perlu, dan grup kosong untuk menghasilkan SVG siap produksi.';
+
+const faqData = [
+  {
+    question: 'Bisakah saya menempel seluruh HTML halaman yang berisi SVG tertanam?',
+    answer: 'Bisa. Pembersih akan mendeteksi elemen SVG di dalam HTML dan mengekstrak hanya blok tersebut untuk diproses. Cara ini juga berfungsi jika kamu langsung menempelkan fragmen SVG-nya.',
+  },
+  {
+    question: 'Apakah ini berfungsi untuk SVG dari Illustrator?',
+    answer: 'Ya. Illustrator mengekspor SVG dengan deklarasi XML, metadata, dan namespace miliknya sendiri yang akan dihapus oleh pembersih. Hasilnya adalah SVG yang kompatibel dengan semua browser modern.',
+  },
+  {
+    question: 'Apa perbedaan antara membersihkan dan meminifikasi?',
+    answer: 'Membersihkan menghapus atribut dan tag yang tidak diperlukan, tetapi tetap mempertahankan format indentasi agar kamu bisa membaca dan mengedit kode. Meminifikasi juga memampatkan semuanya menjadi satu baris untuk memperkecil ukuran file semaksimal mungkin.',
+  },
+  {
+    question: 'Apakah menghapus ID bisa merusak SVG?',
+    answer: 'Hanya jika ada elemen dalam SVG yang merujuk elemen lain melalui ID, misalnya lewat fill="url(#gradient)". Dalam kasus itu, nonaktifkan opsi Hapus ID. Opsi ini dinonaktifkan secara default justru untuk mencegah masalah tersebut.',
+  },
+  {
+    question: 'Apakah kode SVG saya dikirim ke server?',
+    answer: 'Tidak. Semua pemrosesan terjadi di browser kamu menggunakan API bawaan DOMParser dan XMLSerializer. Kode tidak pernah meninggalkan perangkatmu.',
+  },
+];
+
+const howToData = [
+  { name: 'Tempelkan SVG', text: 'Tempelkan kode SVG yang diekspor dari Figma, Illustrator, atau Inkscape ke area teks.' },
+  { name: 'Atur opsi', text: 'Aktifkan atau nonaktifkan opsi: hapus ID, hilangkan width/height, dan minifikasi sesuai kebutuhanmu.' },
+  { name: 'Bersihkan', text: 'Klik Bersihkan SVG untuk memproses kode dan mendapatkan hasil yang sudah dioptimalkan.' },
+  { name: 'Salin atau unduh', text: 'Gunakan tombol Salin atau Unduh untuk mendapatkan SVG bersih yang siap digunakan di produksi.' },
+];
+
+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: 'id',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: 'Tempelkan SVG kotor kamu di sini',
+  labelOutput: 'SVG bersih',
+  optRemoveIds: 'Hapus ID',
+  optRemoveWH: 'Hilangkan width/height',
+  optMinify: 'Minifikasi',
+  btnSanitize: 'Bersihkan SVG',
+  btnCopy: 'Salin',
+  btnCopied: 'Tersalin',
+  btnDownload: 'Unduh',
+  statOriginal: 'Asli',
+  statCleaned: 'Bersih',
+  statReduction: 'Pengurangan',
+  statElems: 'Elem. dihapus',
+  statAttrs: 'Attrs. dihapus',
+  errorPaste: 'Tempelkan SVG terlebih dahulu sebelum membersihkan.',
+  errorProcess: 'Terjadi kesalahan saat memproses SVG.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Pertanyaan Umum',
+  faq: faqData,
+  bibliographyTitle: 'Referensi',
+  bibliography: [
+    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
+    { name: 'Figma SVG Export - Dokumentasi Resmi', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
+    { name: 'SVGO - SVG Optimizer (referensi open source)', url: 'https://github.com/svg/svgo' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Pembersih SVG: Rapikan Kode dari Figma dan Illustrator', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Tempelkan SVG dari <strong>Figma</strong>, Adobe Illustrator, atau inspector browser dan dapatkan file vektor yang bersih, teroptimasi, dan siap digunakan di produksi.',
+    },
+    { type: 'title', text: 'Mengapa SVG yang diekspor begitu berantakan?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Saat kamu mengekspor SVG dari Figma, kamu mendapatkan file yang penuh dengan atribut yang hanya bermakna di dalam aplikasinya: <code>data-name</code>, <code>xml:space</code>, referensi ke layer internal, dan metadata desain. Hasilnya adalah SVG yang bisa 40–70% lebih besar dari yang seharusnya.',
+    },
+    { type: 'title', text: 'Apa yang dihapus oleh Pembersih', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Metadata editor:</strong> tag <code>metadata</code>, <code>title</code>, dan <code>desc</code> yang ditambahkan Figma dan Illustrator secara otomatis.',
+        '<strong>Namespace Inkscape:</strong> semua elemen dengan awalan <code>inkscape:</code> dan <code>sodipodi:</code>.',
+        '<strong>Atribut tidak perlu:</strong> <code>xml:space</code>, <code>version</code>, <code>xmlns:*</code> yang berlebihan, dan atribut <code>data-*</code> dari Figma.',
+        '<strong>Grup kosong:</strong> elemen <code>&lt;g&gt;</code> tanpa konten yang tersisa sebagai artefak dari layer yang sudah dihapus.',
+        '<strong>Deklarasi XML:</strong> deklarasi <code>&lt;?xml version="1.0"?&gt;</code> dan DOCTYPE yang tidak diperlukan saat SVG ditanam dalam HTML.',
+      ],
+    },
+  ],
+};

package/src/tool/svgSanitizer/i18n/it.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 = 'pulizia-svg';
+const title = 'Pulizia SVG Online';
+const description = 'Ottimizza e pulisci gli SVG esportati da Figma, Adobe Illustrator o Inkscape. Rimuovi metadati, attributi inutili e gruppi vuoti per ottenere un SVG pronto per la produzione.';
+
+const faqData = [
+  {
+    question: 'Posso incollare l\'HTML completo di una pagina con SVG incorporato?',
+    answer: 'Sì. Lo strumento rileva l\'elemento SVG all\'interno dell\'HTML ed estrae solo quel blocco per elaborarlo. Funziona anche se incolli direttamente il frammento SVG.',
+  },
+  {
+    question: 'Funziona con gli SVG di Illustrator?',
+    answer: 'Sì. Illustrator esporta SVG con dichiarazioni XML, metadati e namespace proprietari che lo strumento rimuove. Il risultato è un SVG compatibile con tutti i browser moderni.',
+  },
+  {
+    question: 'Qual è la differenza tra pulire e minificare?',
+    answer: 'Pulire rimuove attributi e tag inutili, ma mantiene il formato con indentazione in modo che tu possa leggere e modificare il codice. Minificare comprime anche tutto in una singola riga per ridurre al massimo il peso del file.',
+  },
+  {
+    question: 'Rimuovere gli ID può rompere l\'SVG?',
+    answer: 'Solo se un elemento dell\'SVG fa riferimento a un altro tramite ID, ad esempio con fill="url(#gradient)". In quel caso, disattiva l\'opzione Rimuovi ID. È disattivata per impostazione predefinita proprio per evitare questo problema.',
+  },
+  {
+    question: 'Il mio codice SVG viene inviato a qualche server?',
+    answer: 'No. Tutta l\'elaborazione avviene nel tuo browser utilizzando le API native DOMParser e XMLSerializer. Il codice non lascia mai il tuo dispositivo.',
+  },
+];
+
+const howToData = [
+  { name: 'Incolla l\'SVG', text: 'Incolla il codice SVG esportato da Figma, Illustrator o Inkscape nell\'area di testo.' },
+  { name: 'Configura le opzioni', text: 'Attiva o disattiva le opzioni: rimuovi ID, elimina width/height e minifica in base alle tue esigenze.' },
+  { name: 'Pulisci', text: 'Clicca su Pulisci SVG per elaborare il codice e ottenere il risultato ottimizzato.' },
+  { name: 'Copia o scarica', text: 'Usa i pulsanti Copia o Scarica per ottenere l\'SVG pulito pronto per la produzione.' },
+];
+
+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: 'it',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: 'Incolla qui il tuo SVG sporco',
+  labelOutput: 'SVG pulito',
+  optRemoveIds: 'Rimuovi ID',
+  optRemoveWH: 'Elimina width/height',
+  optMinify: 'Minifica',
+  btnSanitize: 'Pulisci SVG',
+  btnCopy: 'Copia',
+  btnCopied: 'Copiato',
+  btnDownload: 'Scarica',
+  statOriginal: 'Originale',
+  statCleaned: 'Pulito',
+  statReduction: 'Riduzione',
+  statElems: 'Elem. rimossi',
+  statAttrs: 'Attrs. rimossi',
+  errorPaste: 'Incolla un SVG prima di pulire.',
+  errorProcess: 'Errore durante l\'elaborazione dell\'SVG.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Domande Frequenti',
+  faq: faqData,
+  bibliographyTitle: 'Riferimenti',
+  bibliography: [
+    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
+    { name: 'Figma SVG Export - Documentazione ufficiale', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
+    { name: 'SVGO - SVG Optimizer (riferimento open source)', url: 'https://github.com/svg/svgo' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Pulizia SVG: Codice Pulito da Figma e Illustrator', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Incolla qualsiasi SVG esportato da <strong>Figma</strong>, Adobe Illustrator o dall\'inspector del browser e ottieni un file vettoriale pulito, ottimizzato e pronto per la produzione.',
+    },
+    { type: 'title', text: 'Perché gli SVG esportati sono così sporchi?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Quando esporti un SVG da Figma, ottieni un file carico di attributi che hanno senso solo all\'interno dell\'applicazione: <code>data-name</code>, <code>xml:space</code>, riferimenti a layer interni e metadati di design. Il risultato è un SVG che può pesare dal 40 al 70% in più del necessario.',
+    },
+    { type: 'title', text: 'Cosa rimuove lo strumento di pulizia', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Metadati dell\'editor:</strong> tag <code>metadata</code>, <code>title</code> e <code>desc</code> aggiunti automaticamente da Figma e Illustrator.',
+        '<strong>Namespace di Inkscape:</strong> tutti gli elementi con prefisso <code>inkscape:</code> e <code>sodipodi:</code>.',
+        '<strong>Attributi inutili:</strong> <code>xml:space</code>, <code>version</code>, <code>xmlns:*</code> superflui e attributi <code>data-*</code> di Figma.',
+        '<strong>Gruppi vuoti:</strong> elementi <code>&lt;g&gt;</code> senza contenuto rimasti come artefatti di layer eliminati.',
+        '<strong>Dichiarazioni XML:</strong> la dichiarazione <code>&lt;?xml version="1.0"?&gt;</code> e il DOCTYPE inutili quando si incorpora un SVG in HTML.',
+      ],
+    },
+  ],
+};