@jjlmoya/utils-textiles 1.14.0 → 1.15.0

package/src/tests/script_density.test.ts

@@ -0,0 +1,94 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+
+type ScriptLocale = keyof typeof SCRIPT_RULES;
+
+const SCRIPT_RULES = {
+  ja: {
+    language: 'Japanese',
+    scriptName: 'kana/kanji',
+    scriptCharacters: /[\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Han}]/gu,
+    minScriptRatio: 0.45,
+  },
+  ko: {
+    language: 'Korean',
+    scriptName: 'hangul',
+    scriptCharacters: /\p{Script=Hangul}/gu,
+    minScriptRatio: 0.55,
+  },
+  ru: {
+    language: 'Russian',
+    scriptName: 'cyrillic',
+    scriptCharacters: /\p{Script=Cyrillic}/gu,
+    minScriptRatio: 0.65,
+  },
+  zh: {
+    language: 'Chinese',
+    scriptName: 'han',
+    scriptCharacters: /\p{Script=Han}/gu,
+    minScriptRatio: 0.45,
+  },
+} as const;
+
+const LETTERS = /\p{L}/gu;
+const TRANSLATABLE_KEYS = ['title', 'description', 'ui', 'seo', 'faq', 'howTo'] as const;
+
+function collectStrings(value: unknown): string[] {
+  if (typeof value === 'string') return [value];
+  if (!value || typeof value !== 'object') return [];
+  if (Array.isArray(value)) return value.flatMap(collectStrings);
+  return Object.values(value).flatMap(collectStrings);
+}
+
+function normalizeText(value: unknown): string {
+  return collectStrings(value).join(' ').normalize('NFC');
+}
+
+function translatableContent(content: Record<string, unknown>) {
+  return TRANSLATABLE_KEYS.map((key) => content[key]);
+}
+
+function letterCount(text: string): number {
+  return text.match(LETTERS)?.length ?? 0;
+}
+
+function scriptCount(text: string, locale: ScriptLocale): number {
+  return text.match(SCRIPT_RULES[locale].scriptCharacters)?.length ?? 0;
+}
+
+function scriptRatio(text: string, locale: ScriptLocale): number {
+  const letters = letterCount(text);
+  if (letters === 0) return 0;
+  return scriptCount(text, locale) / letters;
+}
+
+describe('Native script density validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      Object.keys(SCRIPT_RULES).forEach((locale) => {
+        it(`${locale} keeps most translated text in its native script`, async () => {
+          const typedLocale = locale as ScriptLocale;
+          const loader = tool.entry.i18n[typedLocale];
+          if (!loader) return;
+
+          const content = await loader();
+          const rule = SCRIPT_RULES[typedLocale];
+          const text = normalizeText(translatableContent(content as Record<string, unknown>));
+          const letters = letterCount(text);
+          const matches = scriptCount(text, typedLocale);
+          const ratio = scriptRatio(text, typedLocale);
+
+          expect(
+            ratio,
+            [
+              `Possible broken translation detected in ${tool.entry.id}/${typedLocale} (${rule.language}).`,
+              `The text has ${matches} ${rule.scriptName} characters out of ${letters} analyzed letters (${(ratio * 100).toFixed(1)}%).`,
+              `Most translatable content should be written in ${rule.scriptName} script.`,
+              'Non-translatable fields such as slug, bibliography, and schemas are ignored to avoid false positives.',
+            ].join(' '),
+          ).toBeGreaterThanOrEqual(rule.minScriptRatio);
+        });
+      });
+    });
+  });
+});

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

@@ -154,7 +154,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Eine präzise Analyse erfordert den Abgleich von mindestens drei Beweisstücken. Der Geruch ist der zuverlässigste Indikator zur Identifizierung von Mischgeweben: Wenn ein „Leinen“-Stoff ein leichtes Kunststoffaroma verströmt und harte Rückstände hinterlässt, deutet dies auf eine nicht deklarierte Polyestermischung hin.',
+      html: 'Eine präzise Analyse erfordert den Abgleich von mindestens drei Beweisstücken. Der Geruch ist der zuverlässigste Indikator zur Identifizierung von Mischgeweben: Wenn ein "Leinen"-Stoff ein leichtes Kunststoffaroma verströmt und harte Rückstände hinterlässt, deutet dies auf eine nicht deklarierte Polyestermischung hin.',
     },
     {
       type: 'tip',
@@ -187,8 +187,8 @@ export const content: ToolLocaleContent<BurnTestUI> = {
       wool: { name: 'Wolle / Merino', icon: 'mdi:sheep', color: '#FCD34D', description: 'Tierische Proteinfaser, hervorragender Wärmeisolator und elastisch.' },
       silk: { name: 'Seide', icon: 'mdi:ticket-percent', color: '#F472B6', description: 'Tierische Endlosfaser. Natürlicher Glanz und trockener Griff.' },
       cashmere: { name: 'Kaschmir', icon: 'mdi:crown', color: '#F59E0B', description: 'Luxuriöse Kaschmirziegenfaser. Extrem weich, leicht und warm.' },
-      mohair: { name: 'Mohair', icon: 'mdi:shimmer', color: '#14B8A6', description: 'Die „Diamantfaser“ der Angora-Ziege. Natürlicher Glanz, sehr widerstandsfähig.' },
-      angora: { name: 'Angora', icon: 'mdi:rabbit', color: '#F9FAFB', description: 'Haar des Angora-Kaninchens. Bekannt für seinen flauschigen „Halo“-Effekt und extreme Leichtigkeit.' },
+      mohair: { name: 'Mohair', icon: 'mdi:shimmer', color: '#14B8A6', description: 'Die "Diamantfaser" der Angora-Ziege. Natürlicher Glanz, sehr widerstandsfähig.' },
+      angora: { name: 'Angora', icon: 'mdi:rabbit', color: '#F9FAFB', description: 'Haar des Angora-Kaninchens. Bekannt für seinen flauschigen "Halo"-Effekt und extreme Leichtigkeit.' },
       alpaca: { name: 'Alpaka', icon: 'mdi:image-filter-hdr', color: '#9F7AEA', description: 'Schatz der Anden. Hohle, thermische, hypoallergene und seidige Faser.' },
       polyester: { name: 'Polyester', icon: 'mdi:oil', color: '#94A3B8', description: 'Synthetische Faser auf Erdölbasis. Widerstandsfähig, knitterfrei, nicht atmungsaktiv.' },
       nylon: { name: 'Nylon (Polyamid)', icon: 'mdi:parachute', color: '#2DD4BF', description: 'Hochwiderstandsfähige Kunstfaser für Zugkraft und Abrieb.' },

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

@@ -12,7 +12,7 @@ const faqData = [
   {
     question: 'Est-il sûr d\'effectuer un test de combustion à la maison?',
     answer:
-      "Oui, à condition de prendre des précautions extrêmes : utilisez des pinces métalliques, travaillez sur une surface ignifuge (céramique ou métal), gardez de l'eau à portée et effectuez le test dans un endroit ventilé. Vous n'avez besoin que d'un petit échantillon de 1x1 cm ou de quelques fils.",
+      "Oui, à condition de prendre des précautions extrêmes: utilisez des pinces métalliques, travaillez sur une surface ignifuge (céramique ou métal), gardez de l'eau à portée et effectuez le test dans un endroit ventilé. Vous n'avez besoin que d'un petit échantillon de 1x1 cm ou de quelques fils.",
   },
   {
     question: 'Comment sent le coton quand il brûle?',
@@ -127,7 +127,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
     },
     {
       type: 'paragraph',
-      html: "Le test de combustion est la méthode analytique la plus rapide et précise pour différencier les polymères naturels des synthétiques sans recourir au microscope électronique. En soumettant une fibre à la chaleur, son comportement moléculaire révèle son origine : depuis la cellulose végétale jusqu'aux protéines animales ou aux dérivés du pétrole.",
+      html: "Le test de combustion est la méthode analytique la plus rapide et précise pour différencier les polymères naturels des synthétiques sans recourir au microscope électronique. En soumettant une fibre à la chaleur, son comportement moléculaire révèle son origine: depuis la cellulose végétale jusqu'aux protéines animales ou aux dérivés du pétrole.",
     },
     {
       type: 'card',
@@ -154,7 +154,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
     },
     {
       type: 'paragraph',
-      html: "Une analyse précise nécessite de croiser au moins trois preuves. L'odeur est l'indicateur le plus fiable pour identifier les mélanges : si un tissu de \"lin\" dégage un léger arôme plastique et laisse des résidus durs, cela indique un mélange polyester non déclaré.",
+      html: "Une analyse précise nécessite de croiser au moins trois preuves. L'odeur est l'indicateur le plus fiable pour identifier les mélanges: si un tissu de \"lin\" dégage un léger arôme plastique et laisse des résidus durs, cela indique un mélange polyester non déclaré.",
     },
     {
       type: 'tip',

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

@@ -154,7 +154,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Precyzyjna analiza wymaga zestawienia co najmniej trzech dowodów. Zapach jest najbardziej wiarygodnym wskaźnikiem przy identyfikacji mieszanek: jeśli „lniana” tkanina wydziela lekki plastikowy aromat i pozostawia twarde resztki, oznacza to niezadeklarowaną domieszkę poliestru.',
+      html: 'Precyzyjna analiza wymaga zestawienia co najmniej trzech dowodów. Zapach jest najbardziej wiarygodnym wskaźnikiem przy identyfikacji mieszanek: jeśli "lniana" tkanina wydziela lekki plastikowy aromat i pozostawia twarde resztki, oznacza to niezadeklarowaną domieszkę poliestru.',
     },
     {
       type: 'tip',
@@ -187,8 +187,8 @@ export const content: ToolLocaleContent<BurnTestUI> = {
       wool: { name: 'Wełna / Merino', icon: 'mdi:sheep', color: '#FCD34D', description: 'Białkowe włókno zwierzęce, doskonały izolator termiczny i elastyczne.' },
       silk: { name: 'Jedwab', icon: 'mdi:ticket-percent', color: '#F472B6', description: 'Zwierzęce włókno ciągłe. Naturalny połysk i suchy chwyt.' },
       cashmere: { name: 'Kaszmir', icon: 'mdi:crown', color: '#F59E0B', description: 'Luksusowe włókno z kóz kaszmirskich. Ekstremalnie miękkie, lekkie i ciepłe.' },
-      mohair: { name: 'Mohair', icon: 'mdi:shimmer', color: '#14B8A6', description: '„Diamentowe włókno” z kóz angorskich. Naturalny połysk, bardzo wytrzymałe.' },
-      angora: { name: 'Angora', icon: 'mdi:rabbit', color: '#F9FAFB', description: 'Sierść krolika angorskiego. Znana z puszystego efektu „halo” i ekstremalnej lekkości.' },
+      mohair: { name: 'Mohair', icon: 'mdi:shimmer', color: '#14B8A6', description: '"Diamentowe włókno" z kóz angorskich. Naturalny połysk, bardzo wytrzymałe.' },
+      angora: { name: 'Angora', icon: 'mdi:rabbit', color: '#F9FAFB', description: 'Sierść krolika angorskiego. Znana z puszystego efektu "halo" i ekstremalnej lekkości.' },
       alpaca: { name: 'Alpaka', icon: 'mdi:image-filter-hdr', color: '#9F7AEA', description: 'Skarb Andów. Włókno puste w środku, termiczne, hipoalergiczne i jedwabiste.' },
       polyester: { name: 'Poliester', icon: 'mdi:oil', color: '#94A3B8', description: 'Syntetyczne włókno na bazie ropy naftowej. Wytrzymałe, nie gniecie się, nie oddycha.' },
       nylon: { name: 'Nylon (Poliamid)', icon: 'mdi:parachute', color: '#2DD4BF', description: 'Bardzo wytrzymałe włókno syntetyczne na rozciąganie i ścieranie.' },

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

@@ -17,7 +17,7 @@ const faqData = [
   {
     question: 'Как пахнет хлопок при горении?',
     answer:
-      'Хлопок — это чистая целлюлоза. При горении он пахнет точно так же, как жженая бумага или сухие листья. Образующаяся зола серая, очень мелкая и рассыпается при прикосновении.',
+      'Хлопок  -  это чистая целлюлоза. При горении он пахнет точно так же, как жженая бумага или сухие листья. Образующаяся зола серая, очень мелкая и рассыпается при прикосновении.',
   },
   {
     question: 'Что означает твердый черный шарик на конце волокна?',
@@ -27,7 +27,7 @@ const faqData = [
   {
     question: 'Почему шерсть плохо пахнет при горении?',
     answer:
-      'Шерсть и шелк — это животные белки, содержащие серу. При контакте с огнем они издают резкий запах паленой шерсти или перьев. Это самый простой способ отличить их от растительных волокон.',
+      'Шерсть и шелк  -  это животные белки, содержащие серу. При контакте с огнем они издают резкий запах паленой шерсти или перьев. Это самый простой способ отличить их от растительных волокон.',
   },
 ];
 
@@ -127,7 +127,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Тест на горение — это самый быстрый и точный аналитический метод дифференциации натуральных полимеров от синтетических без использования электронного микроскопа. При воздействии тепла на волокно его молекулярное поведение раскрывает его происхождение: от растительной целлюлозы до животных белков или производных нефти.',
+      html: 'Тест на горение  -  это самый быстрый и точный аналитический метод дифференциации натуральных полимеров от синтетических без использования электронного микроскопа. При воздействии тепла на волокно его молекулярное поведение раскрывает его происхождение: от растительной целлюлозы до животных белков или производных нефти.',
     },
     {
       type: 'card',
@@ -145,7 +145,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
       type: 'card',
       title: 'Синтетические волокна',
       icon: 'mdi:bottle-soda-classic',
-      html: '<strong>Полиэстер</strong> и <strong>Нейлон</strong> — это, по сути, пластик. Они плавятся, образуя горячую каплю, которая застывает в стеклянную бусину, которую невозможно сломать, с резким химическим запахом.',
+      html: '<strong>Полиэстер</strong> и <strong>Нейлон</strong>  -  это, по сути, пластик. Они плавятся, образуя горячую каплю, которая застывает в стеклянную бусину, которую невозможно сломать, с резким химическим запахом.',
     },
     {
       type: 'title',
@@ -154,7 +154,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Точный анализ требует сопоставления как минимум трех улик. Запах — самый надежный индикатор для определения смешанных составов: если «льняная» ткань издает легкий пластиковый аромат и оставляет твердые остатки, это указывает на незаявленную примесь полиэстера.',
+      html: 'Точный анализ требует сопоставления как минимум трех улик. Запах  -  самый надежный индикатор для определения смешанных составов: если "льняная" ткань издает легкий пластиковый аромат и оставляет твердые остатки, это указывает на незаявленную примесь полиэстера.',
     },
     {
       type: 'tip',
@@ -187,7 +187,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
       wool: { name: 'Шерсть / Меринос', icon: 'mdi:sheep', color: '#FCD34D', description: 'Белковое животное волокно, отличный термоизолятор, эластичное.' },
       silk: { name: 'Шелк', icon: 'mdi:ticket-percent', color: '#F472B6', description: 'Животное волокно в виде непрерывной нити. Естественный блеск и приятная сухость.' },
       cashmere: { name: 'Кашемир', icon: 'mdi:crown', color: '#F59E0B', description: 'Роскошное волокно из подшерстка кашемировых коз. Невероятно мягкое, легкое и теплое.' },
-      mohair: { name: 'Мохер', icon: 'mdi:shimmer', color: '#14B8A6', description: '«Алмазное волокно» из шерсти ангорской козы. Естественный блеск, очень прочное.' },
+      mohair: { name: 'Мохер', icon: 'mdi:shimmer', color: '#14B8A6', description: '"Алмазное волокно" из шерсти ангорской козы. Естественный блеск, очень прочное.' },
       angora: { name: 'Ангора', icon: 'mdi:rabbit', color: '#F9FAFB', description: 'Пух ангорского кролика. Известен своим пушистым эффектом и экстремальной легкостью.' },
       alpaca: { name: 'Альпака', icon: 'mdi:image-filter-hdr', color: '#9F7AEA', description: 'Сокровище Анд. Полое, теплое, гипоаллергенное и шелковистое волокно.' },
       polyester: { name: 'Полиэстер', icon: 'mdi:oil', color: '#94A3B8', description: 'Синтетическое волокно на основе нефти. Прочное, не мнется, не дышит.' },

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

@@ -154,7 +154,7 @@ export const content: ToolLocaleContent<BurnTestUI> = {
     },
     {
       type: 'paragraph',
-      html: '精确的分析需要交叉验证至少三个证据。气味是识别混纺最可靠的指标：如果一种“亚麻”织物散发出轻微的塑料香味并留下坚硬的残留物，这表明其含有未声明的聚酯成分。',
+      html: '精确的分析需要交叉验证至少三个证据。气味是识别混纺最可靠的指标：如果一种"亚麻"织物散发出轻微的塑料香味并留下坚硬的残留物，这表明其含有未声明的聚酯成分。',
     },
     {
       type: 'tip',
@@ -187,8 +187,8 @@ export const content: ToolLocaleContent<BurnTestUI> = {
       wool: { name: '羊毛 / 羊绒', icon: 'mdi:sheep', color: '#FCD34D', description: '动物蛋白质纤维，优异的绝热体，具有弹性。' },
       silk: { name: '丝绸 (真丝)', icon: 'mdi:ticket-percent', color: '#F472B6', description: '动物长丝纤维。天然光泽，手感干爽。' },
       cashmere: { name: '山羊绒', icon: 'mdi:crown', color: '#F59E0B', description: '昂贵的克什米尔山羊纤维。极其柔软、轻盈、保暖。' },
-      mohair: { name: '马海毛', icon: 'mdi:shimmer', color: '#14B8A6', description: '安哥拉山羊的“钻石纤维”。天然光泽，非常耐磨。' },
-      angora: { name: '安哥拉兔毛', icon: 'mdi:rabbit', color: '#F9FAFB', description: '安哥拉兔的毛。以其蓬松的“光环”效果和极致轻盈著称。' },
+      mohair: { name: '马海毛', icon: 'mdi:shimmer', color: '#14B8A6', description: '安哥拉山羊的"钻石纤维"。天然光泽，非常耐磨。' },
+      angora: { name: '安哥拉兔毛', icon: 'mdi:rabbit', color: '#F9FAFB', description: '安哥拉兔的毛。以其蓬松的"光环"效果和极致轻盈著称。' },
       alpaca: { name: '阿尔パカ (羊驼毛)', icon: 'mdi:image-filter-hdr', color: '#9F7AEA', description: '安第斯山的珍宝。中空纤维，保暖、防过敏、丝滑。' },
       polyester: { name: '聚酯纤维 (涤纶)', icon: 'mdi:oil', color: '#94A3B8', description: '石油基合成纤维。耐用、抗皱、不透气。' },
       nylon: { name: '尼龙 (锦纶)', icon: 'mdi:parachute', color: '#2DD4BF', description: '抗拉和耐磨性极强的合成纤维。' },

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

@@ -32,7 +32,7 @@ const faqData = [
   {
     question: 'Do clothes shrink after washing?',
     answer:
-      '100% cotton can shrink 5–10% if washed in hot water and tumble dried. Synthetic materials hold their shape better. Always check the care label instructions.',
+      '100% cotton can shrink 5-10% if washed in hot water and tumble dried. Synthetic materials hold their shape better. Always check the care label instructions.',
   },
 ];
 

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

@@ -22,7 +22,7 @@ const faqData = [
   {
     question: 'Comment savoir si je dois prendre une taille au-dessus ou en dessous ?',
     answer:
-      'Le meilleur moyen est de lire les avis d\'autres clients. Des expressions comme « taille petit » ou « taille grand » sont très utiles. Consultez aussi le guide des tailles spécifique de la marque.',
+      'Le meilleur moyen est de lire les avis d\'autres clients. Des expressions comme " taille petit " ou " taille grand " sont très utiles. Consultez aussi le guide des tailles spécifique de la marque.',
   },
   {
     question: 'La table de conversion des tailles est-elle exacte ?',
@@ -43,7 +43,7 @@ const howToData = [
   },
   {
     name: 'Choisir votre Système de Taille',
-    text: 'Sélectionnez le système que vous connaissez : EU, US, UK ou IT.',
+    text: 'Sélectionnez le système que vous connaissez: EU, US, UK ou IT.',
   },
   {
     name: 'Sélectionner votre Taille',
@@ -214,7 +214,7 @@ export const content: ToolLocaleContent<ClothingSizeConverterUI> = {
   seo: [
     {
       type: 'title',
-      text: 'Convertisseur de Tailles : Guide International Complet',
+      text: 'Convertisseur de Tailles: Guide International Complet',
       level: 2,
     },
     {
@@ -304,9 +304,9 @@ export const content: ToolLocaleContent<ClothingSizeConverterUI> = {
     chestLabel: 'Poitrine (cm)',
     waistLabel: 'Taille (cm)',
     hipLabel: 'Hanches (cm)',
-    chestPlaceholder: 'Ex. : 95',
-    waistPlaceholder: 'Ex. : 85',
-    hipPlaceholder: 'Ex. : 95',
+    chestPlaceholder: 'Ex.: 95',
+    waistPlaceholder: 'Ex.: 85',
+    hipPlaceholder: 'Ex.: 95',
     recommendBtnLabel: 'Recommander une Taille',
     tipsTitle: 'Conseils de Mesure',
     tipOverClothes: 'Par-dessus les vêtements',

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

@@ -22,7 +22,7 @@ const faqData = [
   {
     question: 'Skąd mam wiedzieć, czy w danej marce powinienem wziąć rozmiar większy czy mniejszy?',
     answer:
-      'Najlepszym sposobem jest sprawdzenie opinii innych klientów. Zdania typu „było na mnie za małe” lub „duży krój” są bardzo pomocne. Sprawdź również konkretną tabelę wymiarów danej marki.',
+      'Najlepszym sposobem jest sprawdzenie opinii innych klientów. Zdania typu "było na mnie za małe" lub "duży krój" są bardzo pomocne. Sprawdź również konkretną tabelę wymiarów danej marki.',
   },
   {
     question: 'Jak dokładna jest tabela konwersji rozmiarów?',

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

@@ -17,12 +17,12 @@ const faqData = [
   {
     question: 'Меняются ли размеры для мужской и женской одежды?',
     answer:
-      'Да, безусловно. Даже в одной стране мужской размер 40 — это не то же самое, что женский размер 40. У мужчин другие пропорции (более широкие плечи), поэтому расчет размера варьируется.',
+      'Да, безусловно. Даже в одной стране мужской размер 40  -  это не то же самое, что женский размер 40. У мужчин другие пропорции (более широкие плечи), поэтому расчет размера варьируется.',
   },
   {
     question: 'Как узнать, стоит ли мне брать размер больше или меньше в конкретном бренде?',
     answer:
-      'Лучший способ — проверить отзывы других покупателей. Фразы типа «маломерит» или «большемерит» очень полезны. Также сверяйтесь с конкретной таблицей измерений этого бренда.',
+      'Лучший способ  -  проверить отзывы других покупателей. Фразы типа "маломерит" или "большемерит" очень полезны. Также сверяйтесь с конкретной таблицей измерений этого бренда.',
   },
   {
     question: 'Насколько точна таблица соответствия размеров?',

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

@@ -22,7 +22,7 @@ const faqData = [
   {
     question: '我如何知道在某个品牌中应该买大一码还是买小一码？',
     answer:
-      '最好的方法是查看其他顾客的评价。诸如“我觉得偏小”或“版型偏大”之类的短语非常有帮助。同时请参考该品牌的具体尺寸测量表。',
+      '最好的方法是查看其他顾客的评价。诸如"我觉得偏小"或"版型偏大"之类的短语非常有帮助。同时请参考该品牌的具体尺寸测量表。',
   },
   {
     question: '此尺码换算表准确吗？',

package/src/tool/fabricProjectCalculator/component.astro

@@ -10,7 +10,7 @@ const calcUI = ui as FabricProjectCalculatorUI;
 ---
 
 <div class="fabric-calculator-card" id="fabric-calc-app">
-  <aside class="fabric-sidebar">
+  <div class="fabric-sidebar">
     <div class="config-group">
       <h3>{calcUI.sectionProject}</h3>
       <div class="fabric-field">
@@ -59,7 +59,7 @@ const calcUI = ui as FabricProjectCalculatorUI;
       <button id="btn-clear-f" class="f-btn f-seco">{calcUI.btnClear}</button>
       <button id="btn-share-f" class="f-btn f-prim">{calcUI.btnShare}</button>
     </div>
-  </aside>
+  </div>
 
   <main class="fabric-main">
     <div id="warning-msg" class="warning-banner"></div>
@@ -371,4 +371,3 @@ const calcUI = ui as FabricProjectCalculatorUI;
   document.addEventListener('astro:page-load', init);
   init();
 </script>
-

package/src/tool/fabricProjectCalculator/fabric-project-calculator.css

@@ -470,10 +470,13 @@
 
   @media (max-width: 1100px) {
     .fabric-calculator-card {
+      display: flex;
+      flex-direction: column;
       grid-template-columns: 1fr;
       width: 100%;
       border-radius: 1rem;
       margin: 0;
+      overflow: visible;
     }
 
     .fabric-sidebar {
@@ -498,13 +501,69 @@
   }
 
   @media (max-width: 600px) {
+    .fabric-calculator-card {
+      background: transparent;
+      border: 0;
+      box-shadow: none;
+      gap: 1rem;
+    }
+
     .fabric-sidebar {
+      background: var(--bg-surface);
+      border: 1px solid var(--border-color);
+      border-radius: 1rem;
       padding: 1.25rem;
+      gap: 1.5rem;
+      min-width: 0;
+    }
+
+    .config-group {
+      gap: 1rem;
+      min-width: 0;
+    }
+
+    .fabric-field {
+      min-width: 0;
+    }
+
+    .fabric-select,
+    .fabric-input {
+      display: block;
+      min-width: 0;
+      min-height: 48px;
+      color: var(--text-main);
+    }
+
+    .fabric-select {
+      background-color: var(--bg-surface);
+    }
+
+    .shop-stepper {
+      width: 100%;
+      max-width: none;
+      grid-template-columns: 48px minmax(0, 1fr) 48px;
+    }
+
+    .preset-group {
+      grid-template-columns: 1fr;
+    }
+
+    .preset-pill {
+      min-height: 44px;
+      padding: 0.75rem;
+    }
+
+    .btn-actions {
+      grid-template-columns: 1fr;
     }
 
     .fabric-main {
+      background: var(--bg-surface);
+      border: 1px solid var(--border-color);
+      border-radius: 1rem;
       padding: 1.25rem;
       gap: 1.5rem;
+      min-width: 0;
     }
 
     .magic-result-area {
@@ -524,15 +583,18 @@
     .advice-tag {
       font-size: 0.875rem;
       padding: 0.7rem 1.25rem;
+      max-width: 100%;
+      overflow-wrap: anywhere;
     }
 
     .canvas-wrapper {
       padding: 14px 14px 10px 8px;
       border-radius: 16px;
+      min-width: 0;
     }
 
     .fabric-board {
       height: 220px;
       padding-bottom: 20px;
     }
-  }
+  }

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

@@ -99,7 +99,7 @@ export const content: ToolLocaleContent<FabricProjectCalculatorUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Один из самых частых вопросов в швейной мастерской — сколько ткани купить для конкретного проекта. Расход ткани радикально зависит от трех факторов: модели изделия, размера человека и, прежде всего, ширины отреза ткани (которая обычно варьируется от 90 см до 150 см). Этот технический калькулятор систематизирует расчет, чтобы вы не купили лишнего и вам не не хватило материала в середине раскроя.',
+      html: 'Один из самых частых вопросов в швейной мастерской  -  сколько ткани купить для конкретного проекта. Расход ткани радикально зависит от трех факторов: модели изделия, размера человека и, прежде всего, ширины отреза ткани (которая обычно варьируется от 90 см до 150 см). Этот технический калькулятор систематизирует расчет, чтобы вы не купили лишнего и вам не не хватило материала в середине раскроя.',
     },
     {
       type: 'title',
@@ -167,7 +167,7 @@ export const content: ToolLocaleContent<FabricProjectCalculatorUI> = {
       type: 'card',
       title: 'Припуск на шов',
       icon: 'mdi:tape-measure',
-      html: 'Расстояние между краем выкройки и <strong>линией финального шва</strong>. Стандартное значение — 1,5 см для швов одежды.',
+      html: 'Расстояние между краем выкройки и <strong>линией финального шва</strong>. Стандартное значение  -  1,5 см для швов одежды.',
     },
     {
       type: 'card',

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

@@ -99,7 +99,7 @@ export const content: ToolLocaleContent<FabricProjectCalculatorUI> = {
     },
     {
       type: 'paragraph',
-      html: '在缝纫工作室中，最常见的疑问之一是确定为一个特定项目购买多少布料。布料消耗量主要取决于三个因素：服装模型、个人尺寸，以及最核心的——布料幅宽（通常在 90 厘米到 150 厘米之间）。这款技术计算器使计算系统化，让您既不会买得太多，也不会在裁剪到一半时发现面料不够。',
+      html: '在缝纫工作室中，最常见的疑问之一是确定为一个特定项目购买多少布料。布料消耗量主要取决于三个因素：服装模型、个人尺寸，以及最核心的 -  - 布料幅宽（通常在 90 厘米到 150 厘米之间）。这款技术计算器使计算系统化，让您既不会买得太多，也不会在裁剪到一半时发现面料不够。',
     },
     {
       type: 'title',

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

@@ -259,7 +259,7 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
     { type: 'tip', title: 'Weniger ist mehr (Waschmittel)', html: 'Zu viel Seife hinterlässt Rückstände, die Schmutz anziehen und die Kleidung steif machen.' },
     { type: 'tip', title: 'Trockner: Der subtile Feind', html: 'Die Flusen, die Sie im Trocknerfilter sehen, sind Teile Ihrer Kleidung, die sich durch Reibung und Hitze gelöst haben.' },
     { type: 'tip', title: 'Auf links waschen', html: 'Schützt Farben und Stickereien vor der Reibung mit der Trommel und anderen Kleidungsstücken.' },
-    { type: 'paragraph', html: '"Weniger kaufen, besser wählen und langlebig machen." — Dieser Analysator ist Ihr erster Schritt zu einem bewussten und hochwertigen Kleiderschrank.' },
+    { type: 'paragraph', html: '"Weniger kaufen, besser wählen und langlebig machen."  -  Dieser Analysator ist Ihr erster Schritt zu einem bewussten und hochwertigen Kleiderschrank.' },
   ],
   faq: faqData,
   bibliography: bibliography,

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

@@ -259,7 +259,7 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
     { type: 'tip', title: 'Less is More (Detergent)', html: 'Excess soap leaves residue that attracts dirt and makes clothes feel stiff.' },
     { type: 'tip', title: 'Dryer: The Subtle Enemy', html: 'The lint you see in the dryer filter is pieces of your clothes that have come off due to friction and heat.' },
     { type: 'tip', title: 'Inside Out Washing', html: 'Protects color and embroidery from rubbing against the drum and other garments.' },
-    { type: 'paragraph', html: '"Buy less, choose better, and make it last." — This calculator is your first step towards a conscious and high-quality wardrobe.' },
+    { type: 'paragraph', html: '"Buy less, choose better, and make it last."  -  This calculator is your first step towards a conscious and high-quality wardrobe.' },
   ],
   faq: faqData,
   bibliography: bibliography,

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

@@ -259,7 +259,7 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
     { type: 'tip', title: 'Menos es Más (Detergente)', html: 'El exceso de jabón deja residuos que atraen suciedad y hacen que la ropa se sienta rígida.' },
     { type: 'tip', title: 'Secadora: El Enemigo Sutil', html: 'La pelusa que ves en el filtro de la secadora son trozos de tu ropa que se han desprendido por la fricción y el calor.' },
     { type: 'tip', title: 'Lavado del Revés', html: 'Protege el color y los bordados del roce con el tambor y otras prendas.' },
-    { type: 'paragraph', html: '"Comprar menos, elegir mejor y hacerlo durar." — Esta calculadora es tu primer paso hacia un armario consciente y de alta calidad.' },
+    { type: 'paragraph', html: '"Comprar menos, elegir mejor y hacerlo durar."  -  Esta calculadora es tu primer paso hacia un armario consciente y de alta calidad.' },
   ],
   faq: [
     {

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

@@ -93,17 +93,17 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
     durability: 'Durabilité',
     warmth: 'Chaleur',
     careWarning: 'Avertissement de Soins Spéciaux',
-    specialCareWarning: 'LAVAGE STANDARD : Suivez toujours les instructions de l\'étiquette physique.',
+    specialCareWarning: 'LAVAGE STANDARD: Suivez toujours les instructions de l\'étiquette physique.',
     validationError: 'La composition doit totaliser exactement 100 % pour voir le verdict',
     actualTotal: 'Actuel',
     missingLabel: 'manquant',
     disclaimer: 'Les données de respirabilité, durabilité et chaleur sont des estimations basées sur les moyennes de l\'industrie pour chaque type de fibre.',
     careWarnings: {
-      delicate: 'TRÈS DÉLICAT : Lavage à la main à froid. Ne pas utiliser de sèche-linge. Éviter d\'essorer.',
-      wool: 'LAINE / POILS NOBLES : Laver à froid avec un programme spécial. Sécher à plat pour éviter les déformations. Ne pas utiliser de sèche-linge.',
-      linen: 'LIN : A tendance à beaucoup se froisser. Repasser légèrement humide pour de meilleurs résultats.',
-      semisynthetic: 'SEMI-SYNTHÉTIQUES : Se fragilise lorsqu\'il est mouillé. Manipuler avec soin et ne pas essorer fort.',
-      standard: 'LAVAGE STANDARD : Suivez toujours les instructions de l\'étiquette physique.',
+      delicate: 'TRÈS DÉLICAT: Lavage à la main à froid. Ne pas utiliser de sèche-linge. Éviter d\'essorer.',
+      wool: 'LAINE / POILS NOBLES: Laver à froid avec un programme spécial. Sécher à plat pour éviter les déformations. Ne pas utiliser de sèche-linge.',
+      linen: 'LIN: A tendance à beaucoup se froisser. Repasser légèrement humide pour de meilleurs résultats.',
+      semisynthetic: 'SEMI-SYNTHÉTIQUES: Se fragilise lorsqu\'il est mouillé. Manipuler avec soin et ne pas essorer fort.',
+      standard: 'LAVAGE STANDARD: Suivez toujours les instructions de l\'étiquette physique.',
     },
     fiberData: {
       cotton: {
@@ -214,7 +214,7 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
       },
       fragile: {
         label: 'Doux mais Fragile',
-        description: 'Très agréable au toucher, mais attention au lavage : a tendance à se déformer et à rétrécir facilement.',
+        description: 'Très agréable au toucher, mais attention au lavage: a tendance à se déformer et à rétrécir facilement.',
       },
       natural: {
         label: 'Qualité Naturelle',
@@ -235,13 +235,13 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
     },
   },
   seo: [
-    { type: 'title', text: 'La Vérité Derrière l\'Étiquette : Guide Maître de la Composition Textile', level: 2 },
+    { type: 'title', text: 'La Vérité Derrière l\'Étiquette: Guide Maître de la Composition Textile', level: 2 },
     { type: 'paragraph', html: 'Vous êtes-vous déjà demandé pourquoi ce t-shirt de marque vous fait tant transpirer, ou pourquoi ce pull "en laine" gratte insupportablement ? La réponse n\'est pas dans le design, mais dans la chimie de ses fibres.' },
     { type: 'paragraph', html: 'Dans un monde dominé par la <strong>Fast Fashion</strong>, la qualité des tissus est passée au second plan derrière l\'esthétique éphémère. Cependant, comprendre la composition textile est le seul moyen de faire un achat intelligent, durable et respectueux de votre peau. Notre outil de <strong>Vérité Textile</strong> analyse les pourcentages officiels pour vous révéler si vous êtes face à un vêtement de qualité ou simplement à un bloc de plastique traité.' },
     { type: 'title', text: 'Notre Méthodologie', level: 2 },
     { type: 'paragraph', html: 'Nous utilisons un algorithme pondéré basé sur trois piliers fondamentaux tirés des normes industrielles européennes et nord-américaines :' },
     { type: 'list', items: ['<strong>Respirabilité :</strong> Capacité de la fibre à laisser passer la vapeur d\'eau et l\'air.', '<strong>Durabilité :</strong> Résistance à l\'abrasion, à la traction et à la formation de <strong>pilling</strong> (bouloches).', '<strong>Efficacité Thermique :</strong> Capacité de rétention de chaleur ou de fraîcheur mécanique.'] },
-    { type: 'tip', title: 'Important', html: 'La loi exige que tous les vêtements vendus dans l\'UE et aux États-Unis listent leurs composants par ordre décroissant de pourcentage. Si un vêtement n\'a pas d\'étiquette ou si celle-ci est illisible, méfiez-vous : il ne répond probablement pas aux normes minimales de sécurité textile.' },
+    { type: 'tip', title: 'Important', html: 'La loi exige que tous les vêtements vendus dans l\'UE et aux États-Unis listent leurs composants par ordre décroissant de pourcentage. Si un vêtement n\'a pas d\'étiquette ou si celle-ci est illisible, méfiez-vous: il ne répond probablement pas aux normes minimales de sécurité textile.' },
     { type: 'title', text: 'Les "Tromperies" Communes dans le Commerce', level: 2 },
     { type: 'paragraph', html: 'Il existe des techniques de marketing sophistiquées conçues pour élever la valeur perçue d\'un vêtement médiocre. Voici comment les repérer :' },
     { type: 'card', title: 'L\'Accroche de la Fibre Noble', icon: 'mdi:alert', html: 'Vous verrez des étiquettes indiquant "AVEC CACHEMIRE" ou "AVEC SOIE" en grosses lettres. En regardant la composition, vous découvrez 3 % de soie et 97 % de polyester. Ces 3 % n\'apportent ni douceur, ni brillance, ni chaleur ; ils ne servent qu\'à permettre à la marque d\'augmenter le prix de 20 %.' },
@@ -250,16 +250,16 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
     { type: 'title', text: '1. Fibres Naturelles (Fièrement Organiques)', level: 3 },
     { type: 'paragraph', html: 'Ce sont la référence absolue. Le coton à fibres longues (comme le Pima ou l\'Égyptien) offre une douceur éternelle. Le lin est scientifiquement la meilleure fibre pour la chaleur en raison de sa structure moléculaire qui repousse la chaleur et absorbe l\'humidité. La laine et le chanvre sont des antibactériens naturels ; ils n\'ont pas besoin de lavages fréquents car ils ne retiennent pas les odeurs.' },
     { type: 'title', text: '2. Fibres Semi-Synthétiques (L\'Hybride)', level: 3 },
-    { type: 'paragraph', html: 'On trouve ici la viscose, la rayonne et le modal. Ils ressemblent à de la soie mais coûtent comme du coton. Ils sont excellents pour les vêtements avec beaucoup de drapé, mais ils sont "assoiffés" : ils absorbent beaucoup d\'eau et mettent longtemps à sécher, ce qui peut favoriser la moisissure s\'ils ne sont pas soignés. Le Lyocell (Tencel) est la version premium et durable de ce groupe, avec un cycle de production fermé et une plus grande résistance.' },
+    { type: 'paragraph', html: 'On trouve ici la viscose, la rayonne et le modal. Ils ressemblent à de la soie mais coûtent comme du coton. Ils sont excellents pour les vêtements avec beaucoup de drapé, mais ils sont "assoiffés": ils absorbent beaucoup d\'eau et mettent longtemps à sécher, ce qui peut favoriser la moisissure s\'ils ne sont pas soignés. Le Lyocell (Tencel) est la version premium et durable de ce groupe, avec un cycle de production fermé et une plus grande résistance.' },
     { type: 'title', text: '3. Fibres Synthétiques (Plastiques Filés)', level: 3 },
-    { type: 'paragraph', html: 'Le polyester est le roi du marché. Il est bon marché, ne se froisse pas et est éternel (littéralement, il mettra 200 ans à se décomposer). Le problème est qu\'il ne respire pas. Il crée un microclimat humide entre le tissu et votre peau, le terrain fertile idéal pour les bactéries. L\'acrylique est l\'imitation bon marché de la laine : il réchauffe, mais génère beaucoup d\'électricité statique et se couvre de bouloches en deux lavages.' },
+    { type: 'paragraph', html: 'Le polyester est le roi du marché. Il est bon marché, ne se froisse pas et est éternel (littéralement, il mettra 200 ans à se décomposer). Le problème est qu\'il ne respire pas. Il crée un microclimat humide entre le tissu et votre peau, le terrain fertile idéal pour les bactéries. L\'acrylique est l\'imitation bon marché de la laine: il réchauffe, mais génère beaucoup d\'électricité statique et se couvre de bouloches en deux lavages.' },
     { type: 'title', text: 'Conseils de Survie Textile', level: 2 },
     { type: 'paragraph', html: 'Même le meilleur vêtement au monde peut être ruiné par un seul lavage inapproprié. Voici les règles d\'or universelles :' },
     { type: 'tip', title: 'L\'Eau Froide est Votre Amie', html: '90 % des vêtements n\'ont pas besoin de plus de 30°C. La chaleur dégrade les fibres élastiques et rétrécit les fibres naturelles.' },
     { type: 'tip', title: 'Moins, c\'est Mieux (Detergent)', html: 'L\'excès de savon laisse des résidus qui attirent la saleté et rendent les vêtements raides.' },
-    { type: 'tip', title: 'Seche linge : LEnnemi Subtil', html: 'Les peluches que vous voyez dans le filtre du sèche-linge sont des morceaux de vos vêtements qui se sont détachés par friction et chaleur.' },
+    { type: 'tip', title: 'Seche linge: LEnnemi Subtil', html: 'Les peluches que vous voyez dans le filtre du sèche-linge sont des morceaux de vos vêtements qui se sont détachés par friction et chaleur.' },
     { type: 'tip', title: 'Lavage à l\'envers', html: 'Protège la couleur et les broderies du frottement avec le tambour et d\'autres vêtements.' },
-    { type: 'paragraph', html: '"Acheter moins, choisir mieux et faire durer." — Ce calculateur est votre première étape vers une garde-robe consciente et de haute qualité.' },
+    { type: 'paragraph', html: '"Acheter moins, choisir mieux et faire durer."  -  Ce calculateur est votre première étape vers une garde-robe consciente et de haute qualité.' },
   ],
   faq: faqData,
   bibliography: bibliography,

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

@@ -259,7 +259,7 @@ export const content: ToolLocaleContent<FabricTruthUI> = {
     { type: 'tip', title: 'Sedikit Lebih Baik (Deterjen)', html: 'Kelebihan sabun meninggalkan residu yang menarik kotoran dan membuat pakaian terasa kaku.' },
     { type: 'tip', title: 'Pengering Mesin: Musuh yang Halus', html: 'Serat halus yang Anda lihat di filter pengering adalah bagian dari pakaian Anda yang terlepas karena gesekan dan panas.' },
     { type: 'tip', title: 'Cuci dengan Posisi Terbalik', html: 'Melindungi warna dan sulaman dari gesekan dengan drum mesin cuci dan pakaian lainnya.' },
-    { type: 'paragraph', html: '"Beli lebih sedikit, pilih lebih baik, dan buat bertahan lama." — Alat analisis ini adalah langkah pertama Anda menuju lemari pakaian yang sadar dan berkualitas tinggi.' },
+    { type: 'paragraph', html: '"Beli lebih sedikit, pilih lebih baik, dan buat bertahan lama."  -  Alat analisis ini adalah langkah pertama Anda menuju lemari pakaian yang sadar dan berkualitas tinggi.' },
   ],
   faq: faqData,
   bibliography: bibliography,