@jjlmoya/utils-developer 1.28.0 → 1.29.1

package/src/tool/serpPixelSimulator/logic.test.ts

@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest';
+import {
+  DESCRIPTION_LIMIT, DESKTOP_TITLE_LIMIT, MOBILE_TITLE_LIMIT,
+  getTitleLimit, needsPixelTrim, ratioToPercent,
+} from './logic';
+
+describe('SERP pixel simulator logic', () => {
+  it('uses the documented desktop and mobile limits', () => {
+    expect(getTitleLimit('desktop')).toBe(DESKTOP_TITLE_LIMIT);
+    expect(getTitleLimit('mobile')).toBe(MOBILE_TITLE_LIMIT);
+    expect(DESCRIPTION_LIMIT).toBe(920);
+  });
+
+  it('clamps ratios and handles invalid measurements', () => {
+    expect(ratioToPercent(290, 580)).toBe(50);
+    expect(ratioToPercent(-1, 580)).toBe(0);
+    expect(ratioToPercent(900, 580)).toBe(100);
+    expect(ratioToPercent(Number.NaN, 580)).toBe(0);
+  });
+
+  it('only flags widths beyond the selected limit', () => {
+    expect(needsPixelTrim(580, 580)).toBe(false);
+    expect(needsPixelTrim(581, 580)).toBe(true);
+  });
+});

package/src/tool/svgSanitizer/bibliography.astro

@@ -1,14 +1,6 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { svgSanitizer } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await svgSanitizer.i18n[locale]?.();
+import { bibliography } from './bibliography';
 ---
 
-{content && <SharedBibliography links={content.bibliography} />}
+<SharedBibliography links={bibliography} />

package/src/tool/svgSanitizer/bibliography.ts

@@ -0,0 +1,7 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  { 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' },
+];

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   faqTitle: 'Frequently Asked Questions',
   faq: faqData,
   bibliographyTitle: 'References',
-  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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   faqTitle: 'Preguntas Frecuentes',
   faq: faqData,
   bibliographyTitle: 'Referencias',
-  bibliography: [
-    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
-    { name: 'Figma SVG Export - Documentaci\u00f3n oficial', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
-    { name: 'SVGO - SVG Optimizer (referencia open source)', url: 'https://github.com/svg/svgo' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   faqTitle: 'Questions Fr\u00e9quentes',
   faq: faqData,
   bibliographyTitle: 'R\u00e9f\u00e9rences',
-  bibliography: [
-    { name: 'SVG Specification - W3C', url: 'https://www.w3.org/TR/SVG2/' },
-    { name: 'Figma SVG Export - Documentation officielle', url: 'https://help.figma.com/hc/en-us/articles/360040028114-Export-from-Figma' },
-    { name: 'SVGO - SVG Optimizer (r\u00e9f\u00e9rence open source)', url: 'https://github.com/svg/svgo' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -27,4 +28,4 @@ const appSchema: WithContext<SoftwareApplication> = { '@context': 'https://schem
 
 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.'] }] };
+export const content: ToolLocaleContent<SvgSanitizerUI> = { slug, title, description, ui, faqTitle: 'Perguntas Frequentes', faq: faqData, bibliographyTitle: 'Referências', bibliography, 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.'] }] };

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgSanitizerUI } from '../ui';
@@ -92,11 +93,7 @@ export const content: ToolLocaleContent<SvgSanitizerUI> = {
   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' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/svgToCss/bibliography.astro

@@ -1,14 +1,6 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { svgToCss } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await svgToCss.i18n[locale]?.();
+import { bibliography } from './bibliography';
 ---
 
-{content && <SharedBibliography links={content.bibliography} />}
+<SharedBibliography links={bibliography} />

package/src/tool/svgToCss/bibliography.ts

@@ -0,0 +1,8 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  { name: 'CSS-Tricks: Using SVG as Background', url: 'https://css-tricks.com/using-svg/' },
+  { name: 'MDN Web Docs: mask-image', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image' },
+  { name: 'MDN Web Docs: background-image', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/background-image' },
+  { name: 'W3C: CSS Masking Module Level 1', url: 'https://www.w3.org/TR/css-masking-1/' },
+];

package/src/tool/svgToCss/i18n/de.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'Häufig gestellte Fragen',
   faq: faqData,
   bibliographyTitle: 'Referenzen und Dokumentation',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: Using SVG as Background',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/svgToCss/i18n/en.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'Frequently Asked Questions',
   faq: faqData,
   bibliographyTitle: 'References and Documentation',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: Using SVG as Background',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/svgToCss/i18n/es.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'Preguntas Frecuentes',
   faq: faqData,
   bibliographyTitle: 'Referencias y Documentación',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: Using SVG as Background',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/es/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/es/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/svgToCss/i18n/fr.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'Questions Fréquentes',
   faq: faqData,
   bibliographyTitle: 'Références et Documentation',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: Using SVG as Background',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/fr/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/fr/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/svgToCss/i18n/id.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'Pertanyaan yang Sering Diajukan',
   faq: faqData,
   bibliographyTitle: 'Referensi dan Dokumentasi',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: Menggunakan SVG sebagai Latar Belakang',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/svgToCss/i18n/it.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'Domande Frequenti',
   faq: faqData,
   bibliographyTitle: 'Riferimenti e Documentazione',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: Usare SVG come Sfondo',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/it/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/it/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'よくある質問',
   faq: faqData,
   bibliographyTitle: '参考文献とドキュメント',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: 背景としてSVGを使用する',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/ja/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/ja/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: '자주 묻는 질문',
   faq: faqData,
   bibliographyTitle: '참고 자료 및 문서',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: 배경으로 SVG 사용하기',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/ko/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/ko/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { SvgToCssUI } from '../ui';
@@ -110,24 +111,7 @@ export const content: ToolLocaleContent<SvgToCssUI> = {
   faqTitle: 'Veelgestelde Vragen',
   faq: faqData,
   bibliographyTitle: 'Referenties en Documentatie',
-  bibliography: [
-    {
-      name: 'CSS-Tricks: Using SVG as Background',
-      url: 'https://css-tricks.com/using-svg/',
-    },
-    {
-      name: 'MDN Web Docs: mask-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image',
-    },
-    {
-      name: 'MDN Web Docs: background-image',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/background-image',
-    },
-    {
-      name: 'W3C: CSS Masking Module Level 1',
-      url: 'https://www.w3.org/TR/css-masking-1/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [