@jjlmoya/utils-developer 1.4.0 → 1.6.0

package/src/tool/svgSanitizer/i18n/ru.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-ochishchatel';
+const title = 'Онлайн SVG Очиститель';
+const description = 'Оптимизируйте и очищайте SVG, экспортированные из Figma, Adobe Illustrator или Inkscape. Удаляйте метаданные, ненужные атрибуты и пустые группы, чтобы получить готовый к продакшену SVG.';
+
+const faqData = [
+  {
+    question: 'Могу ли я вставить полный HTML страницы с встроенным SVG?',
+    answer: 'Да. Очиститель обнаружит SVG-элемент внутри HTML и извлечёт только этот блок для обработки. Также работает, если вставить SVG-фрагмент напрямую.',
+  },
+  {
+    question: 'Работает ли это с SVG из Illustrator?',
+    answer: 'Да. Illustrator экспортирует SVG с XML-объявлениями, метаданными и собственными пространствами имён, которые очиститель удаляет. Результат — это SVG, совместимый со всеми современными браузерами.',
+  },
+  {
+    question: 'Какая разница между очисткой и минификацией?',
+    answer: 'Очистка удаляет ненужные атрибуты и теги, но сохраняет отступы, чтобы вы могли читать и редактировать код. Минификация также свёртывает всё в одну строку, чтобы максимально уменьшить размер файла.',
+  },
+  {
+    question: 'Может ли удаление ID-элементов повредить SVG?',
+    answer: 'Только если элемент в SVG ссылается на другой по ID, например через fill="url(#gradient)". В этом случае отключите опцию «Удалить ID». Она отключена по умолчанию именно чтобы избежать этой проблемы.',
+  },
+  {
+    question: 'Передаётся ли код SVG на какой-нибудь сервер?',
+    answer: 'Нет. Вся обработка происходит в вашем браузере с помощью встроенных API DOMParser и XMLSerializer. Код никогда не покидает ваше устройство.',
+  },
+];
+
+const howToData = [
+  { name: 'Вставьте SVG', text: 'Вставьте код SVG, экспортированный из Figma, Illustrator или Inkscape, в текстовое поле.' },
+  { name: 'Настройте параметры', text: 'Включите или отключите опции: удалить ID, убрать ширину/высоту и минифицировать в зависимости от ваших нужд.' },
+  { 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: 'ru',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: 'Вставьте грязный SVG здесь',
+  labelOutput: 'Чистый SVG',
+  optRemoveIds: 'Удалить ID',
+  optRemoveWH: 'Убрать ширину/высоту',
+  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 — 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: 'SVG Очиститель: Чистый код из Figma и Illustrator', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Вставьте любой SVG, экспортированный из <strong>Figma</strong>, Adobe Illustrator или инспектора браузера, и получите чистый, оптимизированный векторный файл, готовый к продакшену.',
+    },
+    { type: 'title', text: 'Почему экспортированные SVG такие грязные?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Когда вы экспортируете SVG из Figma, вы получаете файл, перегруженный атрибутами, которые имеют смысл только внутри приложения: <code>data-name</code>, <code>xml:space</code>, ссылки на внутренние слои и метаданные дизайна. Результат — это SVG, весящий на 40-70% больше необходимого.',
+    },
+    { type: 'title', text: 'Что удаляет очиститель', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Метаданные редактора:</strong> теги <code>metadata</code>, <code>title</code> и <code>desc</code>, которые Figma и Illustrator добавляют автоматически.',
+        '<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> объявление <code>&lt;?xml version="1.0"?&gt;</code> и DOCTYPE, ненужные при встраивании SVG в HTML.',
+      ],
+    },
+  ],
+};
+

package/src/tool/svgSanitizer/i18n/sv.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-sanering-online';
+const title = 'Online SVG Sanering';
+const description = 'Optimera och rensa SVG exporterade från Figma, Adobe Illustrator eller Inkscape. Ta bort metadata, onödiga attribut och tomma grupper för att få en produktionsklar SVG.';
+
+const faqData = [
+  {
+    question: 'Kan jag klistra in hela HTML på en sida med inbäddad SVG?',
+    answer: 'Ja. Saneringen identifierar SVG-elementet inuti HTML och extraherar bara det blocket för bearbetning. Det fungerar också om du klistrar in SVG-fragmentet direkt.',
+  },
+  {
+    question: 'Fungerar det med Illustrator SVG?',
+    answer: 'Ja. Illustrator exporterar SVG med XML-deklarationer, metadata och egna namnrymder som saneringen tar bort. Resultatet är en SVG kompatibel med alla moderna webbläsare.',
+  },
+  {
+    question: 'Vad är skillnaden mellan rensning och minifiering?',
+    answer: 'Rensning tar bort onödiga attribut och taggar men behåller det indragna formatet så du kan läsa och redigera koden. Minifiering drar också ihop allt till en enda rad för att minska filstorlek maximalt.',
+  },
+  {
+    question: 'Kan borttagning av ID-nummer skada SVG?',
+    answer: 'Endast om ett element i SVG refererar till ett annat med ID, till exempel genom fill="url(#gradient)". I så fall inaktivera alternativet Ta bort ID. Det är inaktiverat som standard just för att undvika detta problem.',
+  },
+  {
+    question: 'Skickas min SVG-kod till någon server?',
+    answer: 'Nej. All bearbetning sker i din webbläsare med hjälp av nativa DOMParser- och XMLSerializer-API:er. Koden lämnar aldrig din enhet.',
+  },
+];
+
+const howToData = [
+  { name: 'Klistra in SVG', text: 'Klistra in SVG-koden exporterad från Figma, Illustrator eller Inkscape i textområdet.' },
+  { name: 'Konfigurera alternativ', text: 'Aktivera eller inaktivera alternativ: ta bort ID, ta bort bredd/höjd och minifiera enligt dina behov.' },
+  { name: 'Rensa', text: 'Klicka på Rensa SVG för att bearbeta koden och få det optimerade resultatet.' },
+  { name: 'Kopiera eller ladda ned', text: 'Använd knapparna Kopiera eller Ladda ned för att få den rensade SVG klar för produktion.' },
+];
+
+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: SvgSanitizerUI = {
+  labelInput: 'Klistra in din smutsiga SVG här',
+  labelOutput: 'Ren SVG',
+  optRemoveIds: 'Ta bort ID',
+  optRemoveWH: 'Ta bort bredd/höjd',
+  optMinify: 'Minifiera',
+  btnSanitize: 'Rensa SVG',
+  btnCopy: 'Kopiera',
+  btnCopied: 'Kopierat',
+  btnDownload: 'Ladda ned',
+  statOriginal: 'Original',
+  statCleaned: 'Ren',
+  statReduction: 'Minskning',
+  statElems: 'Element borttagna',
+  statAttrs: 'Attribut borttagna',
+  errorPaste: 'Klistra in en SVG innan rensning.',
+  errorProcess: 'Fel vid bearbetning av SVG.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Vanliga frågor',
+  faq: faqData,
+  bibliographyTitle: 'Referenser',
+  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: 'SVG Sanering: Ren kod från Figma och Illustrator', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Klistra in vilken SVG som helst exporterad från <strong>Figma</strong>, Adobe Illustrator eller webbläsarens inspektör och få en ren, optimerad vektorfil redo för produktion.',
+    },
+    { type: 'title', text: 'Varför är exporterade SVG så smutsiga?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'När du exporterar en SVG från Figma får du en fil fullproppad med attribut som bara är vettiga inuti appen: <code>data-name</code>, <code>xml:space</code>, referenser till interna lager och designmetadata. Resultatet är en SVG som väger 40-70% mer än nödvändigt.',
+    },
+    { type: 'title', text: 'Vad saneringen tar bort', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Redigerarmetadata:</strong> <code>metadata</code>, <code>title</code> och <code>desc</code> taggar som Figma och Illustrator lägger till automatiskt.',
+        '<strong>Inkscape-namnrymder:</strong> alla element med <code>inkscape:</code> och <code>sodipodi:</code> prefix.',
+        '<strong>Onödiga attribut:</strong> <code>xml:space</code>, <code>version</code>, överflödiga <code>xmlns:*</code> och Figma <code>data-*</code> attribut.',
+        '<strong>Tomma grupper:</strong> <code>&lt;g&gt;</code> element utan innehåll kvar från raderade lager.',
+        '<strong>XML deklarationer:</strong> deklarationen <code>&lt;?xml version="1.0"?&gt;</code> och DOCTYPE onödiga vid inbäddning av SVG i HTML.',
+      ],
+    },
+  ],
+};
+

package/src/tool/svgSanitizer/i18n/tr.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-temizleyici';
+const title = 'Online SVG Temizleyici';
+const description = 'Figma, Adobe Illustrator veya Inkscape\'ten dışa aktarılan SVG dosyalarını optimize edin ve temizleyin. Meta verileri, gereksiz öznitelikleri ve boş grupları kaldırarak üretim ortamına hazır bir SVG elde edin.';
+
+const faqData = [
+  {
+    question: 'Gömülü SVG içeren tam bir sayfa HTML\'sini yapıştırabilirim?',
+    answer: 'Evet. Temizleyici HTML içindeki SVG öğesini tespit eder ve işlemek için yalnızca bu bloğu çıkarır. SVG parçasını doğrudan yapıştırsanız da çalışır.',
+  },
+  {
+    question: 'Illustrator SVG\'leriyle çalışır mı?',
+    answer: 'Evet. Illustrator, SVG\'leri XML deklarasyonları, meta verileri ve temizleyicinin kaldırdığı özel ad alanlarıyla dışa aktarır. Sonuç, tüm modern tarayıcılarla uyumlu bir SVG\'dir.',
+  },
+  {
+    question: 'Temizleme ile minifikasyon arasındaki fark nedir?',
+    answer: 'Temizleme gereksiz öznitelikleri ve etiketleri kaldırır ancak kodu okuyabilmeniz ve düzenleyebilmeniz için girintili biçimi korur. Minifikasyon ayrıca dosya boyutunu maksimuma indirmek için her şeyi tek satıra daraltır.',
+  },
+  {
+    question: 'ID\'lerin kaldırılması SVG\'yi kırabilir mi?',
+    answer: 'Yalnızca SVG içindeki bir öğe başka bir öğeyi ID ile referans gösterirse, örneğin fill="url(#gradient)" aracılığıyla. Bu durumda Kimlik Kaldır seçeneğini devre dışı bırakın. Tam da bu sorunu önlemek için varsayılan olarak devre dışıdır.',
+  },
+  {
+    question: 'SVG kodum herhangi bir sunucuya gönderilir mi?',
+    answer: 'Hayır. Tüm işlemler tarayıcınızda yerel DOMParser ve XMLSerializer API\'leri kullanılarak gerçekleşir. Kod asla cihazınızı terk etmez.',
+  },
+];
+
+const howToData = [
+  { name: 'SVG\'yi yapıştırın', text: 'Figma, Illustrator veya Inkscape\'ten dışa aktarılan SVG kodunu metin alanına yapıştırın.' },
+  { name: 'Seçenekleri yapılandırın', text: 'Seçenekleri etkinleştirin veya devre dışı bırakın: ID\'leri kaldırın, genişlik/yüksekliği çıkarın ve ihtiyaçlarınıza göre minifiye edin.' },
+  { name: 'Temizleyin', text: 'Kodu işlemek ve optimize edilmiş sonucu almak için SVG\'yi Temizle\'ye tıklayın.' },
+  { name: 'Kopyala veya indir', text: 'Üretim ortamına hazır temiz SVG\'yi almak için Kopyala veya İndir düğmelerini kullanın.' },
+];
+
+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: SvgSanitizerUI = {
+  labelInput: 'Kirli SVG\'nizi buraya yapıştırın',
+  labelOutput: 'Temiz SVG',
+  optRemoveIds: 'ID\'leri Kaldır',
+  optRemoveWH: 'Genişlik/Yüksekliği Çıkar',
+  optMinify: 'Minifiye Et',
+  btnSanitize: 'SVG\'yi Temizle',
+  btnCopy: 'Kopyala',
+  btnCopied: 'Kopyalandı',
+  btnDownload: 'İndir',
+  statOriginal: 'Orijinal',
+  statCleaned: 'Temiz',
+  statReduction: 'İndirim',
+  statElems: 'Öğe kaldırıldı',
+  statAttrs: 'Öznitelik kaldırıldı',
+  errorPaste: 'Temizlemeden önce bir SVG yapıştırın.',
+  errorProcess: 'SVG işlenirken hata oluştu.',
+};
+
+export const content: ToolLocaleContent<SvgSanitizerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Sık Sorulan Sorular',
+  faq: faqData,
+  bibliographyTitle: 'Referanslar',
+  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: 'SVG Temizleyici: Figma ve Illustrator\'dan Temiz Kod', level: 2 },
+    {
+      type: 'paragraph',
+      html: '<strong>Figma</strong>, Adobe Illustrator veya tarayıcı inceleme aracından dışa aktarılan herhangi bir SVG yapıştırın ve üretim ortamına hazır temiz, optimize edilmiş bir vektör dosyası elde edin.',
+    },
+    { type: 'title', text: 'Neden dışa aktarılan SVG dosyaları bu kadar kiridir?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Figma\'dan bir SVG dışa aktardığınızda, yalnızca uygulama içinde anlamlı özniteliklerle dolu bir dosya alırsınız: <code>data-name</code>, <code>xml:space</code>, iç katmanlara referanslar ve tasarım meta verileri. Sonuç gerekli olandan %40-70 daha ağır bir SVG\'dir.',
+    },
+    { type: 'title', text: 'Temizleyicinin kaldırdığı şeyler', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Editör meta verileri:</strong> Figma ve Illustrator\'un otomatik olarak eklediği <code>metadata</code>, <code>title</code> ve <code>desc</code> etiketleri.',
+        '<strong>Inkscape ad alanları:</strong> <code>inkscape:</code> ve <code>sodipodi:</code> önekine sahip tüm öğeler.',
+        '<strong>Gereksiz öznitelikler:</strong> <code>xml:space</code>, <code>version</code>, fazlalık <code>xmlns:*</code> ve Figma <code>data-*</code> öznitelikleri.',
+        '<strong>Boş gruplar:</strong> silinen katmanlardan kalan içeriği olmayan <code>&lt;g&gt;</code> öğeleri.',
+        '<strong>XML deklarasyonları:</strong> SVG\'yi HTML\'ye gömerken gereksiz olan <code>&lt;?xml version="1.0"?&gt;</code> deklarasyonu ve DOCTYPE.',
+      ],
+    },
+  ],
+};
+

package/src/tool/svgSanitizer/i18n/zh.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声明、元数据和清理工具会删除的专有命名空间。结果是与所有现代浏览器兼容的SVG。',
+  },
+  {
+    question: '清理和最小化有什么区别?',
+    answer: '清理删除不必要的属性和标签，但保持缩进格式以便您可以读取和编辑代码。最小化还会将所有内容折叠成一行，以最大化减少文件大小。',
+  },
+  {
+    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、移除宽度/高度和最小化。' },
+  { 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: 'zh',
+};
+
+const ui: SvgSanitizerUI = {
+  labelInput: '在这里粘贴您的脏SVG',
+  labelOutput: '清理的SVG',
+  optRemoveIds: '删除ID',
+  optRemoveWH: '移除宽度/高度',
+  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 — 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: '来自Figma和Illustrator的干净代码SVG清理工具', 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/index.ts

@@ -9,6 +9,18 @@ export type SvgSanitizerLocaleContent = ToolLocaleContent<SvgSanitizerUI>;
 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 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';
+import { content as id } from './i18n/id';
 
 export const svgSanitizer: DeveloperToolEntry<SvgSanitizerUI> = {
   id: 'svg-sanitizer',
@@ -20,6 +32,18 @@ export const svgSanitizer: DeveloperToolEntry<SvgSanitizerUI> = {
     es: async () => es,
     en: async () => en,
     fr: async () => fr,
+    de: async () => de,
+    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,
+    id: async () => id,
   },
 };