@jjlmoya/utils-developer 1.28.0 → 1.29.0

package/src/tool/mobileMockupGenerator/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 { MobileMockupGeneratorUI } from '../ui';
@@ -102,10 +103,7 @@ export const content: ToolLocaleContent<MobileMockupGeneratorUI> = {
   faqTitle: 'Vanliga Frågor',
   faq: faqData,
   bibliographyTitle: 'Referenser',
-  bibliography: [
-    { name: 'Apple App Store Skärmbildskrav', url: 'https://developer.apple.com/help/app-store-connect/reference/screenshot-specifications' },
-    { name: 'Google Play Skärmbildskrav', url: 'https://support.google.com/googleplay/android-developer/answer/9866151' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/mobileMockupGenerator/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 { MobileMockupGeneratorUI } from '../ui';
@@ -102,10 +103,7 @@ export const content: ToolLocaleContent<MobileMockupGeneratorUI> = {
   faqTitle: 'Sık Sorulan Sorular',
   faq: faqData,
   bibliographyTitle: 'Referanslar',
-  bibliography: [
-    { name: 'Apple App Store Ekran Görüntüsü Gereksinimleri', url: 'https://developer.apple.com/help/app-store-connect/reference/screenshot-specifications' },
-    { name: 'Google Play Ekran Görüntüsü Gereksinimleri', url: 'https://support.google.com/googleplay/android-developer/answer/9866151' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/mobileMockupGenerator/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 { MobileMockupGeneratorUI } from '../ui';
@@ -102,10 +103,7 @@ export const content: ToolLocaleContent<MobileMockupGeneratorUI> = {
   faqTitle: '常见问题',
   faq: faqData,
   bibliographyTitle: '参考资料',
-  bibliography: [
-    { name: 'Apple App Store 截图要求', url: 'https://developer.apple.com/help/app-store-connect/reference/screenshot-specifications' },
-    { name: 'Google Play 截图要求', url: 'https://support.google.com/googleplay/android-developer/answer/9866151' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/bibliography.astro

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

package/src/tool/musicalTypography/bibliography.ts

@@ -0,0 +1,7 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  { name: 'Bringhurst, R. The Elements of Typographic Style', url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style' },
+  { name: 'Brown, T. More Meaningful Typography. A List Apart', url: 'https://alistapart.com/article/more-meaningful-typography/' },
+  { name: 'Physics of Music. Musical Intervals and Scales', url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes' },
+];

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Häufig gestellte Fragen',
   faq: faqData,
   bibliographyTitle: 'Quellen',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Frequently Asked Questions',
   faq: faqData,
   bibliographyTitle: 'References',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -155,7 +143,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
     {
       type: 'card',
       title: 'The formula',
-      html: '<p>The progression is simple: <code>Size = Base × Ratio<sup>n</sup></code>. Step 0 is your base text. Step 1 is a small subtitle. Step 4 or 5 could be your main H1. The same multiplying constant (the ratio) ensures all relationships are consistent.</p>',
+      html: '<p>The progression is simple: <code>Size = Base × Ratio<sup>n</sup></code>. Step 0 is your base text. Step 1 is a small subtitle. Step 4 or 5 could be your main H1. The same multiplying constant (the ratio) keeps the relationships consistent.</p>',
     },
     {
       type: 'card',

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Preguntas Frecuentes',
   faq: faqData,
   bibliographyTitle: 'Referencias',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -155,7 +143,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
     {
       type: 'card',
       title: 'La fórmula',
-      html: '<p>La progresión es simple: <code>Tamaño = Base × Ratio<sup>n</sup></code>. El paso 0 es tu texto base. El paso 1 es un subtítulo pequeño. El paso 4 o 5 podría ser tu H1 principal. La misma constante multiplicativa (el ratio) garantiza que todas las relaciones sean consistentes.</p>',
+      html: '<p>La progresión es simple: <code>Tamaño = Base × Ratio<sup>n</sup></code>. El paso 0 es tu texto base. El paso 1 es un subtítulo pequeño. El paso 4 o 5 podría ser tu H1 principal. La misma constante multiplicativa (el ratio) mantiene coherentes las relaciones.</p>',
     },
     {
       type: 'card',

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Questions fréquentes',
   faq: faqData,
   bibliographyTitle: 'Références',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Pertanyaan yang Sering Diajukan',
   faq: faqData,
   bibliographyTitle: 'Referensi',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Domande frequenti',
   faq: faqData,
   bibliographyTitle: 'Riferimenti',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'よくある質問',
   faq: faqData,
   bibliographyTitle: '参考文献',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: '자주 묻는 질문',
   faq: faqData,
   bibliographyTitle: '참고 자료',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Veelgestelde Vragen',
   faq: faqData,
   bibliographyTitle: 'Referenties',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -117,20 +118,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Często Zadawane Pytania',
   faq: faqData,
   bibliographyTitle: 'Referencje',
-  bibliography: [
-    {
-      name: 'Bringhurst, R. The Elements of Typographic Style',
-      url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style',
-    },
-    {
-      name: 'Brown, T. More Meaningful Typography. A List Apart',
-      url: 'https://alistapart.com/article/more-meaningful-typography/',
-    },
-    {
-      name: 'Physics of Music. Musical Intervals and Scales',
-      url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -80,11 +81,7 @@ export const content: ToolLocaleContent<MusicalTypographyUI> = {
   faqTitle: 'Perguntas Frequentes',
   faq: faqData,
   bibliographyTitle: 'Referências',
-  bibliography: [
-    { name: 'Bringhurst, R. The Elements of Typographic Style', url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style' },
-    { name: 'Brown, T. More Meaningful Typography. A List Apart', url: 'https://alistapart.com/article/more-meaningful-typography/' },
-    { name: 'Physics of Music. Musical Intervals and Scales', url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -29,11 +30,7 @@ const ui: MusicalTypographyUI = {
 };
 
 export const content: ToolLocaleContent<MusicalTypographyUI> = {
-  slug, title, description, ui, faqTitle: 'Часто Задаваемые Вопросы', faq: faqData, bibliographyTitle: 'Ссылки', bibliography: [
-    { name: 'Bringhurst, R. The Elements of Typographic Style', url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style' },
-    { name: 'Brown, T. More Meaningful Typography. A List Apart', url: 'https://alistapart.com/article/more-meaningful-typography/' },
-    { name: 'Physics of Music. Musical Intervals and Scales', url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes' },
-  ], howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [
+  slug, title, description, ui, faqTitle: 'Часто Задаваемые Вопросы', faq: faqData, bibliographyTitle: 'Ссылки', bibliography, howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [
     { type: 'title', text: 'Невидимая гармония веб-дизайна', level: 2 },
     { type: 'paragraph', html: '<strong>Музыкальная Типографическая Шкала</strong> применяет математику музыкальных интервалов к типографическому дизайну. Подобно тому, как музыкальная композиция управляется точными пропорциями, хороший дизайн выигрывает от математической структуры, которая связывает все размеры вместе.' },
     { type: 'title', text: 'Как работает модульная шкала', level: 3 },

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -26,4 +27,4 @@ const appSchema: WithContext<SoftwareApplication> = { '@context': 'https://schem
 
 const ui: MusicalTypographyUI = { labelConfig: 'Konfiguration', labelBaseSize: 'Basstorlek (px)', hintBaseSize: 'Din styckestextstorlek (vanligtvis 16px).', labelRatio: 'Musikal Skala (Förhållande)', hintRatio: 'Bestämmer hur mycket storleken växer vid varje steg.', labelCalculated: 'Beräknade Värden', labelPreview: 'Förhandsvisning', btnCopyCss: 'Kopiera CSS-Variabler', feedbackCopied: 'Variabler kopierade till urklipp!', previewText: 'Musikal Typografi', previewSubtext: 'En perfekt harmonisk skala för din design.', ratioSecundaMenor: 'Liten Sekund', ratioSegundaMayor: 'Stor Sekund', ratioTerceraMenor: 'Liten Ters', ratioTerceraMayor: 'Stor Ters', ratioCuartaPerfecta: 'Perfekt Fjärdedel', ratioCuartaAumentada: 'Utökad Fjärdedel', ratioQuintaPerfecta: 'Perfekt Kvint', ratioProporcionAurea: 'Gyllene Snitt', ratioSextaMayor: 'Stor Sext', ratioSeptimaMenor: 'Liten Septim', ratioSeptimaMayor: 'Stor Septim', ratioOctava: 'Oktav' };
 
-export const content: ToolLocaleContent<MusicalTypographyUI> = { slug, title, description, ui, faqTitle: 'Vanliga Frågor', faq: faqData, bibliographyTitle: 'Referenser', bibliography: [{ name: 'Bringhurst, R. The Elements of Typographic Style', url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style' }, { name: 'Brown, T. More Meaningful Typography. A List Apart', url: 'https://alistapart.com/article/more-meaningful-typography/' }, { name: 'Physics of Music. Musical Intervals and Scales', url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes' }], howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: 'Den osynliga harmonin inom webdesign', level: 2 }, { type: 'paragraph', html: 'Den <strong>Musikala Typografiska Skalan</strong> tillämpar matematiken för musikaliska intervaller på typografisk design. Precis som en musikkomposition styrs av exakta proportioner, gynnas en solid design av en matematisk struktur som relaterar alla storlekar till varandra.' }, { type: 'title', text: 'Hur den modulära skalan fungerar', level: 3 }, { type: 'grid', columns: 2 }, { type: 'card', title: 'Formeln', html: '<p>Progressionen är enkel: <code>Size = Base × Ratio<sup>n</sup></code>. Steg 0 är din bastex. Steg 1 är en liten undertext. Steg 4 eller 5 kan vara din huvudsakliga H1. Samma multiplikationskonstant (förhållandet) säkerställer att alla relationer är konsekventa.</p>' }, { type: 'card', title: 'Varför "Musikal"', html: '<p>Pythagoreerna upptäckte att delning av en sträng i enkla proportioner (1:2, 2:3, 3:4) producerade konsonanta ljud. Dessa intervaller, oktav, perfekt kvint och perfekt fjärdedel, är exakt de typografiska proportionerna. Du komponerar visuell musik.</p>' }, { type: 'title', text: 'Att välja rätt förhållande', level: 3 }, { type: 'tip', html: 'För täta gränssnitt (instrumentpaneler, tabeller) använd små förhållanden som <code>1.125</code> eller <code>1.2</code>. För redaktionella eller portföljwebbplatser, använd mer uttrycksfulla förhållanden som <code>1.5</code> eller <code>1.618</code>.' }, { type: 'paragraph', html: 'Begränsa inte skalan till bara <code>font-size</code>. Samma CSS-variabler fungerar för <code>margin</code>, <code>padding</code> och <code>gap</code>. När tomt utrymme följer samma matematiska progression som texten, uppnår designen en nivå av sammanhållning som alla känner men få kan förklara.' }] };
+export const content: ToolLocaleContent<MusicalTypographyUI> = { slug, title, description, ui, faqTitle: 'Vanliga Frågor', faq: faqData, bibliographyTitle: 'Referenser', bibliography, howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: 'Den osynliga harmonin inom webdesign', level: 2 }, { type: 'paragraph', html: 'Den <strong>Musikala Typografiska Skalan</strong> tillämpar matematiken för musikaliska intervaller på typografisk design. Precis som en musikkomposition styrs av exakta proportioner, gynnas en solid design av en matematisk struktur som relaterar alla storlekar till varandra.' }, { type: 'title', text: 'Hur den modulära skalan fungerar', level: 3 }, { type: 'grid', columns: 2 }, { type: 'card', title: 'Formeln', html: '<p>Progressionen är enkel: <code>Size = Base × Ratio<sup>n</sup></code>. Steg 0 är din bastex. Steg 1 är en liten undertext. Steg 4 eller 5 kan vara din huvudsakliga H1. Samma multiplikationskonstant (förhållandet) säkerställer att alla relationer är konsekventa.</p>' }, { type: 'card', title: 'Varför "Musikal"', html: '<p>Pythagoreerna upptäckte att delning av en sträng i enkla proportioner (1:2, 2:3, 3:4) producerade konsonanta ljud. Dessa intervaller, oktav, perfekt kvint och perfekt fjärdedel, är exakt de typografiska proportionerna. Du komponerar visuell musik.</p>' }, { type: 'title', text: 'Att välja rätt förhållande', level: 3 }, { type: 'tip', html: 'För täta gränssnitt (instrumentpaneler, tabeller) använd små förhållanden som <code>1.125</code> eller <code>1.2</code>. För redaktionella eller portföljwebbplatser, använd mer uttrycksfulla förhållanden som <code>1.5</code> eller <code>1.618</code>.' }, { type: 'paragraph', html: 'Begränsa inte skalan till bara <code>font-size</code>. Samma CSS-variabler fungerar för <code>margin</code>, <code>padding</code> och <code>gap</code>. När tomt utrymme följer samma matematiska progression som texten, uppnår designen en nivå av sammanhållning som alla känner men få kan förklara.' }] };

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -26,4 +27,4 @@ const appSchema: WithContext<SoftwareApplication> = { '@context': 'https://schem
 
 const ui: MusicalTypographyUI = { labelConfig: 'Yapılandırma', labelBaseSize: 'Temel Boyut (px)', hintBaseSize: 'Paragraf metin boyutunuz (genellikle 16px).', labelRatio: 'Müzik Ölçeği (Oran)', hintRatio: 'Boyutun her adımda ne kadar büyüdüğünü belirler.', labelCalculated: 'Hesaplanan Değerler', labelPreview: 'Önizleme', btnCopyCss: 'CSS Değişkenlerini Kopyala', feedbackCopied: 'Değişkenler panoya kopyalandı!', previewText: 'Müziksel Tipografi', previewSubtext: 'Tasarımınız için mükemmel uyumlu ölçek.', ratioSecundaMenor: 'Küçük İkinci', ratioSegundaMayor: 'Büyük İkinci', ratioTerceraMenor: 'Küçük Üçüncü', ratioTerceraMayor: 'Büyük Üçüncü', ratioCuartaPerfecta: 'Mükemmel Dördüncü', ratioCuartaAumentada: 'Arttırılmış Dördüncü', ratioQuintaPerfecta: 'Mükemmel Beşinci', ratioProporcionAurea: 'Altın Oran', ratioSextaMayor: 'Büyük Altıncı', ratioSeptimaMenor: 'Küçük Yedinci', ratioSeptimaMayor: 'Büyük Yedinci', ratioOctava: 'Sekizinci' };
 
-export const content: ToolLocaleContent<MusicalTypographyUI> = { slug, title, description, ui, faqTitle: 'Sık Sorulan Sorular', faq: faqData, bibliographyTitle: 'Referanslar', bibliography: [{ name: 'Bringhurst, R. The Elements of Typographic Style', url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style' }, { name: 'Brown, T. More Meaningful Typography. A List Apart', url: 'https://alistapart.com/article/more-meaningful-typography/' }, { name: 'Physics of Music. Musical Intervals and Scales', url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes' }], howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: 'Web Tasarımının Görünmez Uyumu', level: 2 }, { type: 'paragraph', html: '<strong>Müziksel Tipografi Ölçeği</strong> müzik aralıklarının matematiğini tipografik tasarıma uygular. Müzik bestesi kesin oranlarla yönetildiği gibi, iyi tasarım tüm boyutları birbiriyle ilişkilendiren matematiksel bir yapıdan yararlanır.' }, { type: 'title', text: 'Modüler ölçek nasıl çalışır', level: 3 }, { type: 'grid', columns: 2 }, { type: 'card', title: 'Formül', html: '<p>İlerleme basittir: <code>Size = Base × Ratio<sup>n</sup></code>. Adım 0, temel metniniz. Adım 1, küçük bir altyazı. Adım 4 veya 5, ana H1\'iniz olabilir. Aynı çarpma sabiti (oran) tüm ilişkilerin tutarlı olmasını sağlar.</p>' }, { type: 'card', title: 'Neden "Müziksel"', html: '<p>Pythagorası, bir dizeyi basit oranlara (1:2, 2:3, 3:4) böldüğünde uyumlu sesler üretileceğini keşfetti. Bu aralıklar, sekizinci, mükemmel beşinci ve mükemmel dördüncü, tam olarak tipografik oranlarıdır. Görsel müzik besteliyorsunuz.</p>' }, { type: 'title', text: 'Doğru oranı seçme', level: 3 }, { type: 'tip', html: 'Yoğun arayüzler (panolar, tablolar) için <code>1.125</code> veya <code>1.2</code> gibi küçük oranlar kullanın. Editoryal veya portföy siteleri için <code>1.5</code> veya <code>1.618</code> gibi daha anlatımlı oranlar kullanın.' }, { type: 'paragraph', html: 'Ölçeği sadece <code>font-size</code> ile sınırlamayın. Aynı CSS değişkenleri <code>margin</code>, <code>padding</code> ve <code>gap</code> için çalışır. Boş alan, metin ile aynı matematiksel ilerlemeyi takip ettiğinde, tasarım herkesin hissettiği ancak çok azının açıklayabileceği bir tutarlılık düzeyine ulaşır.' }] };
+export const content: ToolLocaleContent<MusicalTypographyUI> = { slug, title, description, ui, faqTitle: 'Sık Sorulan Sorular', faq: faqData, bibliographyTitle: 'Referanslar', bibliography, howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: 'Web Tasarımının Görünmez Uyumu', level: 2 }, { type: 'paragraph', html: '<strong>Müziksel Tipografi Ölçeği</strong> müzik aralıklarının matematiğini tipografik tasarıma uygular. Müzik bestesi kesin oranlarla yönetildiği gibi, iyi tasarım tüm boyutları birbiriyle ilişkilendiren matematiksel bir yapıdan yararlanır.' }, { type: 'title', text: 'Modüler ölçek nasıl çalışır', level: 3 }, { type: 'grid', columns: 2 }, { type: 'card', title: 'Formül', html: '<p>İlerleme basittir: <code>Size = Base × Ratio<sup>n</sup></code>. Adım 0, temel metniniz. Adım 1, küçük bir altyazı. Adım 4 veya 5, ana H1\'iniz olabilir. Aynı çarpma sabiti (oran) tüm ilişkilerin tutarlı olmasını sağlar.</p>' }, { type: 'card', title: 'Neden "Müziksel"', html: '<p>Pythagorası, bir dizeyi basit oranlara (1:2, 2:3, 3:4) böldüğünde uyumlu sesler üretileceğini keşfetti. Bu aralıklar, sekizinci, mükemmel beşinci ve mükemmel dördüncü, tam olarak tipografik oranlarıdır. Görsel müzik besteliyorsunuz.</p>' }, { type: 'title', text: 'Doğru oranı seçme', level: 3 }, { type: 'tip', html: 'Yoğun arayüzler (panolar, tablolar) için <code>1.125</code> veya <code>1.2</code> gibi küçük oranlar kullanın. Editoryal veya portföy siteleri için <code>1.5</code> veya <code>1.618</code> gibi daha anlatımlı oranlar kullanın.' }, { type: 'paragraph', html: 'Ölçeği sadece <code>font-size</code> ile sınırlamayın. Aynı CSS değişkenleri <code>margin</code>, <code>padding</code> ve <code>gap</code> için çalışır. Boş alan, metin ile aynı matematiksel ilerlemeyi takip ettiğinde, tasarım herkesin hissettiği ancak çok azının açıklayabileceği bir tutarlılık düzeyine ulaşır.' }] };

package/src/tool/musicalTypography/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 { MusicalTypographyUI } from '../ui';
@@ -26,5 +27,5 @@ const appSchema: WithContext<SoftwareApplication> = { '@context': 'https://schem
 
 const ui: MusicalTypographyUI = { labelConfig: '配置', labelBaseSize: '基础大小 (px)', hintBaseSize: '您的段落文本大小（通常16px）。', labelRatio: '音乐秤（比例）', hintRatio: '确定每个步骤的大小增长程度。', labelCalculated: '计算值', labelPreview: '预览', btnCopyCss: '复制CSS变量', feedbackCopied: '变量已复制到剪贴板！', previewText: '音乐排版', previewSubtext: '为您的设计提供完美的和谐秤。', ratioSecundaMenor: '小二度', ratioSegundaMayor: '大二度', ratioTerceraMenor: '小三度', ratioTerceraMayor: '大三度', ratioCuartaPerfecta: '完全四度', ratioCuartaAumentada: '增大四度', ratioQuintaPerfecta: '完全五度', ratioProporcionAurea: '黄金比例', ratioSextaMayor: '大六度', ratioSeptimaMenor: '小七度', ratioSeptimaMayor: '大七度', ratioOctava: '八度' };
 
-export const content: ToolLocaleContent<MusicalTypographyUI> = { slug, title, description, ui, faqTitle: '常见问题', faq: faqData, bibliographyTitle: '参考', bibliography: [{ name: 'Bringhurst, R. The Elements of Typographic Style', url: 'https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style' }, { name: 'Brown, T. More Meaningful Typography. A List Apart', url: 'https://alistapart.com/article/more-meaningful-typography/' }, { name: 'Physics of Music. Musical Intervals and Scales', url: 'https://es.scribd.com/document/199729396/Physics-of-Music-Notes' }], howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: '网页设计中看不见的和谐', level: 2 }, { type: 'paragraph', html: '<strong>音乐排版秤</strong>将音乐间隔的数学应用于排版设计。就像音乐作品受精确比例支配一样，一个好的设计受益于一个将所有大小联系起来的数学结构。' }, { type: 'title', text: '模块化秤如何工作', level: 3 }, { type: 'grid', columns: 2 }, { type: 'card', title: '公式', html: '<p>进度很简单：<code>Size = Base × Ratio<sup>n</sup></code>。第0步是您的基础文本。第1步是小字幕。第4或5步可能是您的主H1。相同的乘法常数（比例）确保所有关系一致。</p>' }, { type: 'card', title: '为什么是"音乐的"', html: '<p>毕达哥拉斯发现，将弦分成简单比例（1:2、2:3、3:4）会产生辅音。这些间隔、八度、完全五度和完全四度，正是排版比例。您正在组成视觉音乐。</p>' }, { type: 'title', text: '选择正确的比例', level: 3 }, { type: 'tip', html: '对于密集界面（仪表板、表格），使用小比例（如<code>1.125</code>或<code>1.2</code>）。对于编辑或投资组合网站，使用更富表现力的比例（如<code>1.5</code>或<code>1.618</code>）。' }, { type: 'paragraph', html: '不要将秤限制在仅<code>font-size</code>。相同的CSS变量适用于<code>margin</code>、<code>padding</code>和<code>gap</code>。当空白遵循与文本相同的数学进度时，设计达到所有人都能感受但很少有人能解释的凝聚力。' }] };
+export const content: ToolLocaleContent<MusicalTypographyUI> = { slug, title, description, ui, faqTitle: '常见问题', faq: faqData, bibliographyTitle: '参考', bibliography, howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: '网页设计中看不见的和谐', level: 2 }, { type: 'paragraph', html: '<strong>音乐排版秤</strong>将音乐间隔的数学应用于排版设计。就像音乐作品受精确比例支配一样，一个好的设计受益于一个将所有大小联系起来的数学结构。' }, { type: 'title', text: '模块化秤如何工作', level: 3 }, { type: 'grid', columns: 2 }, { type: 'card', title: '公式', html: '<p>进度很简单：<code>Size = Base × Ratio<sup>n</sup></code>。第0步是您的基础文本。第1步是小字幕。第4或5步可能是您的主H1。相同的乘法常数（比例）确保所有关系一致。</p>' }, { type: 'card', title: '为什么是"音乐的"', html: '<p>毕达哥拉斯发现，将弦分成简单比例（1:2、2:3、3:4）会产生辅音。这些间隔、八度、完全五度和完全四度，正是排版比例。您正在组成视觉音乐。</p>' }, { type: 'title', text: '选择正确的比例', level: 3 }, { type: 'tip', html: '对于密集界面（仪表板、表格），使用小比例（如<code>1.125</code>或<code>1.2</code>）。对于编辑或投资组合网站，使用更富表现力的比例（如<code>1.5</code>或<code>1.618</code>）。' }, { type: 'paragraph', html: '不要将秤限制在仅<code>font-size</code>。相同的CSS变量适用于<code>margin</code>、<code>padding</code>和<code>gap</code>。当空白遵循与文本相同的数学进度时，设计达到所有人都能感受但很少有人能解释的凝聚力。' }] };
 

package/src/tool/placeholderGenerator/bibliography.astro

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

package/src/tool/placeholderGenerator/bibliography.ts

@@ -0,0 +1,7 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  { name: 'MDN Web Docs: HTMLCanvasElement.toDataURL()', url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL' },
+  { name: 'MDN Web Docs: CanvasRenderingContext2D', url: 'https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D' },
+  { name: 'W3C: HTML Canvas 2D Context', url: 'https://www.w3.org/TR/2dcontext/' },
+];

package/src/tool/placeholderGenerator/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 { PlaceholderGeneratorUI } from '../ui';
@@ -106,20 +107,7 @@ export const content: ToolLocaleContent<PlaceholderGeneratorUI> = {
   faqTitle: 'Häufig gestellte Fragen',
   faq: faqData,
   bibliographyTitle: 'Referenzen und Dokumentation',
-  bibliography: [
-    {
-      name: 'MDN Web Docs: HTMLCanvasElement.toDataURL()',
-      url: 'https://developer.mozilla.org/de/docs/Web/API/HTMLCanvasElement/toDataURL',
-    },
-    {
-      name: 'MDN Web Docs: CanvasRenderingContext2D',
-      url: 'https://developer.mozilla.org/de/docs/Web/API/CanvasRenderingContext2D',
-    },
-    {
-      name: 'W3C: HTML Canvas 2D Context',
-      url: 'https://www.w3.org/TR/2dcontext/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/placeholderGenerator/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 { PlaceholderGeneratorUI } from '../ui';
@@ -106,20 +107,7 @@ export const content: ToolLocaleContent<PlaceholderGeneratorUI> = {
   faqTitle: 'Frequently Asked Questions',
   faq: faqData,
   bibliographyTitle: 'References and Documentation',
-  bibliography: [
-    {
-      name: 'MDN Web Docs: HTMLCanvasElement.toDataURL()',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL',
-    },
-    {
-      name: 'MDN Web Docs: CanvasRenderingContext2D',
-      url: 'https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D',
-    },
-    {
-      name: 'W3C: HTML Canvas 2D Context',
-      url: 'https://www.w3.org/TR/2dcontext/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -158,9 +146,9 @@ export const content: ToolLocaleContent<PlaceholderGeneratorUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Pixel Perfect Resolution:</strong> Native HTML5 Canvas ensures the exported canvas corresponds arithmetically to the coordinates stipulated by the user.',
+        '<strong>Pixel Perfect Resolution:</strong> Native HTML5 Canvas keeps the exported canvas aligned with the coordinates stipulated by the user.',
         '<strong>Typographic Autoscaling:</strong> In Automatic mode, the font size calculates the perimeter area and number of characters to elegantly fit the text without causing unwanted <em>overflows</em>.',
-        '<strong>Hexadecimal Fusion:</strong> Bidirectional state control between native HTML ecosystem selectors and typed inputs, guaranteeing precise contrasts dictated by your Figma or Penpot UI/UX palette.',
+        '<strong>Hexadecimal Fusion:</strong> Bidirectional state control between native HTML ecosystem selectors and typed inputs, so you can match the contrast values from your Figma or Penpot UI/UX palette.',
       ],
     },
     {

package/src/tool/placeholderGenerator/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 { PlaceholderGeneratorUI } from '../ui';
@@ -106,20 +107,7 @@ export const content: ToolLocaleContent<PlaceholderGeneratorUI> = {
   faqTitle: 'Preguntas Frecuentes',
   faq: faqData,
   bibliographyTitle: 'Referencias y Documentación',
-  bibliography: [
-    {
-      name: 'MDN Web Docs: HTMLCanvasElement.toDataURL()',
-      url: 'https://developer.mozilla.org/es/docs/Web/API/HTMLCanvasElement/toDataURL',
-    },
-    {
-      name: 'MDN Web Docs: CanvasRenderingContext2D',
-      url: 'https://developer.mozilla.org/es/docs/Web/API/CanvasRenderingContext2D',
-    },
-    {
-      name: 'W3C: HTML Canvas 2D Context',
-      url: 'https://www.w3.org/TR/2dcontext/',
-    },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -158,9 +146,9 @@ export const content: ToolLocaleContent<PlaceholderGeneratorUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Resolución Pixel Perfect:</strong> HTML5 Canvas nativo asegura que el lienzo exportado corresponde aritméticamente a las coordenadas estipuladas por el usuario.',
+        '<strong>Resolución Pixel Perfect:</strong> HTML5 Canvas nativo mantiene el lienzo exportado alineado con las coordenadas indicadas por el usuario.',
         '<strong>Autoscaling Tipográfico:</strong> En el modo Automático, la dimensión de la fuente calcula el área perimetral y el número de caracteres para acoplar con elegancia el texto a lo largo y ancho sin provocar <em>overflows</em> indeseados.',
-        '<strong>Fusión Hexadecimal:</strong> Control de estado bidireccional entre selectores de ecosistema nativo HTML e inputs mecanografiados garantizando contrastes precisos dictados por la paleta del UI/UX de tu Figma o Penpot original.',
+        '<strong>Fusión Hexadecimal:</strong> Control de estado bidireccional entre selectores de ecosistema nativo HTML e inputs mecanografiados para ajustar los contrastes de la paleta de tu Figma o Penpot original.',
       ],
     },
     {