@jjlmoya/utils-textiles 1.24.0 → 1.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-textiles",
-    "version": "1.24.0",
+    "version": "1.25.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/index.ts

@@ -12,6 +12,7 @@ import { sewingPatternScaler } from '../tool/sewingPatternScaler/entry';
 import { needleConverter } from '../tool/needleConverter/entry';
 import { yarnCalculator } from '../tool/yarnCalculator/entry';
 import { embroideryStitchPricingEstimator } from '../tool/embroideryStitchPricingEstimator/entry';
+import { quiltBindingCalculator } from '../tool/quiltBindingCalculator/entry';
 
 export const textilesCategory: TextilesCategoryEntry = {
   icon: 'mdi:texture',
@@ -29,6 +30,7 @@ export const textilesCategory: TextilesCategoryEntry = {
     needleConverter,
     yarnCalculator,
     embroideryStitchPricingEstimator,
+    quiltBindingCalculator,
   ],
   i18n: {
     es: () => import('./i18n/es').then((m) => m.content),

package/src/entries.ts

@@ -23,6 +23,8 @@ export { yarnCalculator } from './tool/yarnCalculator/entry';
 export type { YarnCalculatorLocaleContent } from './tool/yarnCalculator/entry';
 export { embroideryStitchPricingEstimator } from './tool/embroideryStitchPricingEstimator/entry';
 export type { EmbroideryStitchPricingEstimatorLocaleContent } from './tool/embroideryStitchPricingEstimator/entry';
+export { quiltBindingCalculator } from './tool/quiltBindingCalculator/entry';
+export type { QuiltBindingCalculatorLocaleContent } from './tool/quiltBindingCalculator/entry';
 export { textilesCategory } from './category';
 import { burnTest } from './tool/burnTest/entry';
 import { clothingSizeConverter } from './tool/clothingSizeConverter/entry';

package/src/index.ts

@@ -14,6 +14,7 @@ export { SEWING_PATTERN_SCALER_TOOL } from './tool/sewingPatternScaler';
 export { NEEDLE_CONVERTER_TOOL } from './tool/needleConverter';
 export { YARN_CALCULATOR_TOOL } from './tool/yarnCalculator';
 export { EMBROIDERY_STITCH_PRICING_ESTIMATOR_TOOL } from './tool/embroideryStitchPricingEstimator';
+export { QUILT_BINDING_CALCULATOR_TOOL } from './tool/quiltBindingCalculator';
 
 export type {
   KnownLocale,

package/src/tests/legacy_logic_reference.test.ts

@@ -0,0 +1,65 @@
+import { describe, expect, it } from 'vitest';
+import { STEPS } from '../tool/burnTest/logic';
+import { findBestSize } from '../tool/clothingSizeConverter/logic';
+import { computeMeters, getRulerStep, shopAdviceMeters } from '../tool/fabricProjectCalculator/logic';
+import { FabricEngine } from '../tool/fabricTruth/logic';
+import { calculateWOF, computePhAdvice } from '../tool/fiberPrep/logic';
+import { adjustForMultiples, computeNeedleStep, computeScaleFactor, parseMultiples } from '../tool/knittingGauge/logic';
+import type { TextileData } from '../tool/laundryGuide/logic';
+import { DEFAULT_IDX, NEEDLE_DATA } from '../tool/needleConverter/logic';
+import { computeLengthAdj, computeLateralAdj, computeResult, getStandardMeasures, isLargeScale } from '../tool/sewingPatternScaler/logic';
+import type { SizeMapping } from '../tool/shoeSizeConverter/logic';
+import { getFiberType } from '../tool/stainChemistry/logic';
+import { computeBalls, computeTotal, getBaseMeters, getProjectParts } from '../tool/yarnCalculator/logic';
+
+describe('legacy calculator logic reference cases', () => {
+  it('keeps public APIs covered with representative calculations', () => {
+    expect(STEPS).toEqual(['flame', 'odor', 'residue', 'smoke']);
+    expect(findBestSize(89, 69, 95, [
+      { size: '38', chest: 88, waist: 68, hip: 94 },
+      { size: '40', chest: 92, waist: 72, hip: 98 },
+    ]).size).toBe('38');
+    expect(computeMeters(1.2, 1, false, 1.5)).toBe(1.35);
+    expect(shopAdviceMeters(1.4)).toBe(1.5);
+    expect(getRulerStep(2)).toBe(0.5);
+
+    const fiberData = {
+      cotton: { name: 'Cotton', family: 'natural' as const, breathability: 8, durability: 6, warmth: 4 },
+      polyester: { name: 'Polyester', family: 'synthetic' as const, breathability: 3, durability: 9, warmth: 5 },
+    };
+    expect(FabricEngine.calculateVerdict([{ fiberId: 'cotton', percentage: 100 }], fiberData, {
+      natural: { label: 'Natural', description: 'Natural fibre' },
+    }).label).toBe('Natural');
+    expect(FabricEngine.getAverages([{ fiberId: 'cotton', percentage: 100 }], fiberData).b).toBe(8);
+    expect(calculateWOF(100, 'protein')).toEqual({ alum: 15, creamOfTartar: 2, iron: 1 });
+    expect(computePhAdvice(6.5, 7, 10, {
+      optimal: 'ok', raisePrefix: 'raise', raiseSuffix: 'acid', lowerPrefix: 'lower', lowerSuffix: 'base',
+    })).toContain('raise');
+    expect(parseMultiples('4 + 1')).toEqual({ base: 4, offset: 1 });
+    expect(adjustForMultiples(10, 4, 1)).toBe(9);
+    expect(computeScaleFactor(20, 22)).toBeCloseTo(-9.09, 2);
+    expect(computeNeedleStep(11)).toBe(0.75);
+    expect(NEEDLE_DATA[DEFAULT_IDX].mm).toBe(4);
+    expect(getStandardMeasures('40').chest).toBe(92);
+    expect(computeResult({ chest: 92, waist: 72, hips: 98, length: 60 }, 4)).toEqual({ c: 96, w: 76, h: 102, l: 60 });
+    expect(computeLateralAdj(88, 96)).toBe(2);
+    expect(computeLengthAdj(59, 61)).toBe(2);
+    expect(isLargeScale(84, 100)).toBe(true);
+    expect(getFiberType('polyester', { polyester: { name: 'Polyester', family: 'synthetic' } })).toBe('synthetic');
+    expect(getBaseMeters('sweater', 'm', 'fingering')).toBe(1250);
+    expect(computeTotal(1250, true)).toBe(1719);
+    expect(computeBalls(400, 200)).toBe(2);
+    expect(getProjectParts('hat')).toEqual({ body: 1, sleeves: 0 });
+  });
+
+  it('keeps data-only logic contracts representable', () => {
+    const textile: TextileData = {
+      name: 'Cotton', description: 'Plant fibre', family: 'natural', origin: 'Plant', breathability: 8,
+      durability: 6, warmth: 4, washing: 'Machine wash', drying: 'Air dry', ironing: 'Medium', donts: [],
+      sos: 'Check the label', icon: 'cotton', color: '#fff', maxTemp: '40 C',
+    };
+    const shoe: SizeMapping = { EU: '38', US: '8', UK: '5', CM: '24' };
+    expect(textile.family).toBe('natural');
+    expect(shoe.EU).toBe('38');
+  });
+});

package/src/tests/qa-test-helpers.ts

@@ -0,0 +1,32 @@
+import { readdirSync, readFileSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path';
+
+export const repositoryRoot = process.cwd();
+export const toolRoot = join(repositoryRoot, 'src', 'tool');
+
+export function listToolDirectories(): string[] {
+  return readdirSync(toolRoot)
+    .map((name) => join(toolRoot, name))
+    .filter((path) => statSync(path).isDirectory());
+}
+
+export function findFiles(directory: string, extensions: string[]): string[] {
+  const files: string[] = [];
+
+  for (const entry of readdirSync(directory, { withFileTypes: true })) {
+    const path = join(directory, entry.name);
+    if (entry.isDirectory()) files.push(...findFiles(path, extensions));
+    else if (extensions.some((extension) => entry.name.endsWith(extension))) files.push(path);
+  }
+
+  return files;
+}
+
+export function read(path: string): string {
+  return readFileSync(path, 'utf8');
+}
+
+export function displayPath(path: string): string {
+  return relative(repositoryRoot, path).replace(/\\/g, '/');
+}
+

package/src/tests/qa_bibliography_links.test.ts

@@ -0,0 +1,49 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import type { ToolLocaleContent } from '../types';
+
+interface LinkFailure {
+  tool: string;
+  message: string;
+}
+
+function inspectUrl(tool: string, entryUrl: string, seen: Set<string>): LinkFailure[] {
+  let url: URL;
+  try {
+    url = new URL(entryUrl);
+  } catch {
+    return [{ tool, message: `invalid URL: ${entryUrl}` }];
+  }
+
+  const failures: LinkFailure[] = [];
+  if (url.protocol !== 'https:') {
+    failures.push({ tool, message: `non-HTTPS URL: ${entryUrl}` });
+  }
+  if (url.pathname === '/' && !url.search && !url.hash) {
+    failures.push({ tool, message: `generic homepage, cite the exact document: ${entryUrl}` });
+  }
+  if (seen.has(url.href)) {
+    failures.push({ tool, message: `duplicate source URL: ${entryUrl}` });
+  }
+  seen.add(url.href);
+  return failures;
+}
+
+async function inspectTool(tool: (typeof ALL_TOOLS)[number]): Promise<LinkFailure[]> {
+  const loader = tool.entry.i18n.en;
+  if (!loader) {
+    return [{ tool: tool.entry.id, message: 'English locale loader is missing' }];
+  }
+
+  const content = (await loader()) as ToolLocaleContent;
+  const seen = new Set<string>();
+  return (content.bibliography ?? []).flatMap((entry) => inspectUrl(tool.entry.id, entry.url, seen));
+}
+
+describe('QA: bibliography links are specific and usable', () => {
+  it('uses unique HTTPS links to exact source pages instead of generic homepages', async () => {
+    const failures = (await Promise.all(ALL_TOOLS.map(inspectTool))).flat();
+    const messages = failures.map(({ tool, message }) => `${tool}: ${message}`);
+    expect(messages, `Bibliography hygiene failures:\n${messages.join('\n')}`).toEqual([]);
+  });
+});

package/src/tests/qa_claim_evidence.test.ts

@@ -0,0 +1,69 @@
+import { describe, expect, it } from 'vitest';
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+import { displayPath, listToolDirectories, read } from './qa-test-helpers';
+
+const evidenceClaims = [
+  /\bofficial algorithm\b/i,
+  /\balgoritmo oficial\b/i,
+  /\b(?:records|data|rates|tables) updated(?:\s+(?:to|through)\s+20\d{2})?\b/i,
+  /\b(?:registros|datos|tasas|tablas) actualizad[oa]s?(?:\s+(?:a|hasta)\s+20\d{2})?\b/i,
+  /\b(?:validated|verified) (?:method|algorithm|calculation)\b/i,
+  /\b(?:método|algoritmo|cálculo) (?:validado|verificado)\b/i,
+  /\b(?:guarantees|ensures)\b/i,
+  /\bgarantiza\b/i,
+  /\bofficial (?:data|rate|calculation)\b/i,
+  /\b(?:datos|tasa|cálculo) oficial(?:es)?\b/i,
+];
+
+const requiredEvidenceFields = [
+  'reviewedAt',
+  'methodology',
+  'sources',
+  'referenceCases',
+  'limitations',
+];
+
+describe('QA: strong factual claims are traceable', () => {
+  it('requires machine-readable validation evidence beside tools making strong claims', () => {
+    const failures: string[] = [];
+
+    for (const directory of listToolDirectories()) {
+      const localePaths = ['en', 'es']
+        .map((locale) => join(directory, 'i18n', `${locale}.ts`))
+        .filter(existsSync);
+      const claims = localePaths.flatMap((path) => {
+        const source = read(path);
+        return evidenceClaims
+          .filter((pattern) => pattern.test(source))
+          .map((pattern) => `${displayPath(path)} matches ${pattern.source}`);
+      });
+      if (claims.length === 0) continue;
+
+      const evidencePath = join(directory, 'validation.ts');
+      if (!existsSync(evidencePath)) {
+        failures.push(`${displayPath(evidencePath)} missing; claims: ${claims.join(' | ')}`);
+        continue;
+      }
+
+      const evidence = read(evidencePath);
+      const missingFields = requiredEvidenceFields.filter(
+        (field) => !new RegExp(`\\b${field}\\s*:`).test(evidence),
+      );
+      if (missingFields.length > 0) {
+        failures.push(`${displayPath(evidencePath)} missing fields: ${missingFields.join(', ')}`);
+      }
+    }
+
+    expect(
+      failures,
+      [
+        'Claims such as official, validated, guaranteed or updated need inspectable evidence.',
+        'Add validation.ts with reviewedAt, methodology, sources, referenceCases and limitations,',
+        'or weaken/remove the unsupported claim.',
+        ...failures,
+      ].join('\n'),
+    ).toEqual([]);
+  });
+});
+

package/src/tests/qa_logic_reference_coverage.test.ts

@@ -0,0 +1,46 @@
+import { describe, expect, it } from 'vitest';
+import { basename, join } from 'node:path';
+import { existsSync } from 'node:fs';
+import {
+  displayPath,
+  findFiles,
+  listToolDirectories,
+  read,
+  repositoryRoot,
+} from './qa-test-helpers';
+
+function hasDedicatedLogicTest(toolDirectory: string): boolean {
+  const localCandidates = [
+    join(toolDirectory, 'logic.test.ts'),
+    join(toolDirectory, 'logic.spec.ts'),
+    join(toolDirectory, '__tests__', 'logic.test.ts'),
+    join(toolDirectory, '__tests__', 'logic.spec.ts'),
+  ];
+  if (localCandidates.some(existsSync)) return true;
+
+  const toolName = basename(toolDirectory);
+  const centralTests = findFiles(join(repositoryRoot, 'src', 'tests'), ['.test.ts', '.spec.ts']);
+  return centralTests.some((testPath) => {
+    const source = read(testPath).replace(/\\/g, '/');
+    return source.includes(`/tool/${toolName}/logic`) || source.includes(`../tool/${toolName}/logic`);
+  });
+}
+
+describe('QA: calculation logic has reference tests', () => {
+  it('gives every public calculator logic module its own behavioral test suite', () => {
+    const failures = listToolDirectories()
+      .filter((directory) => existsSync(join(directory, 'logic.ts')))
+      .filter((directory) => !hasDedicatedLogicTest(directory))
+      .map((directory) => `${displayPath(join(directory, 'logic.ts'))} -> no test imports this module`);
+
+    expect(
+      failures,
+      [
+        'Add behavioral tests through each logic module public API.',
+        'At minimum cover a documented reference case, boundaries, invalid input and invariants.',
+        ...failures,
+      ].join('\n'),
+    ).toEqual([]);
+  });
+});
+

package/src/tests/qa_runtime_i18n.test.ts

@@ -0,0 +1,99 @@
+import { describe, expect, it } from 'vitest';
+import { basename, join } from 'node:path';
+import { existsSync } from 'node:fs';
+import {
+  displayPath,
+  findFiles,
+  listToolDirectories,
+  read,
+  repositoryRoot,
+} from './qa-test-helpers';
+
+interface VisibleLiteral {
+  line: number;
+  value: string;
+}
+
+const domTextAssignment = /\.(?:innerText|textContent|innerHTML)\s*=/;
+const quotedLiteral = /(['"`])((?:\\.|(?!\1).)*)\1/g;
+
+function visibleWords(value: string): string {
+  return value
+    .replace(/\$\{[^}]*\}/g, ' ')
+    .replace(/<[^>]+>/g, ' ')
+    .replace(/&[a-z]+;/gi, ' ')
+    .replace(/[\d\p{P}\p{S}_]+/gu, ' ')
+    .replace(/\s+/g, ' ')
+    .trim();
+}
+
+function isTechnicalLiteral(value: string): boolean {
+  return ['.', '#', '['].some((prefix) => value.startsWith(prefix))
+    || /^data-[a-z0-9-]+$/i.test(value);
+}
+
+function hardcodedVisibleLiterals(source: string): VisibleLiteral[] {
+  const failures: VisibleLiteral[] = [];
+
+  source.split(/\r?\n/).forEach((line, index) => {
+    if (!domTextAssignment.test(line)) return;
+
+    const assignment = line.slice(line.search(domTextAssignment));
+    for (const match of assignment.matchAll(quotedLiteral)) {
+      if (isTechnicalLiteral(match[2])) continue;
+      const words = visibleWords(match[2]);
+      if (words && /\p{L}/u.test(words)) {
+        failures.push({ line: index + 1, value: match[2] });
+      }
+    }
+  });
+
+  return failures;
+}
+
+function runtimeSources(toolDirectory: string): string {
+  return findFiles(toolDirectory, ['.astro', '.ts', '.js'])
+    .filter((path) => !path.includes(`${join(toolDirectory, 'i18n')}`))
+    .filter((path) => basename(path) !== 'ui.ts')
+    .map(read)
+    .join('\n');
+}
+
+describe('QA: runtime copy is localized', () => {
+  const componentFiles = findFiles(join(repositoryRoot, 'src', 'tool'), ['.astro']);
+
+  it('does not write user-facing string literals directly into the DOM', () => {
+    const failures = componentFiles.flatMap((path) =>
+      hardcodedVisibleLiterals(read(path)).map(
+        ({ line, value }) => `${displayPath(path)}:${line} -> ${JSON.stringify(value)}`,
+      ),
+    );
+
+    expect(
+      failures,
+      `Move visible browser copy to the tool UI locale contract:\n${failures.join('\n')}`,
+    ).toEqual([]);
+  });
+
+  it('uses every string declared by each UI locale contract', () => {
+    const failures: string[] = [];
+
+    for (const directory of listToolDirectories()) {
+      const uiPath = join(directory, 'ui.ts');
+      if (!existsSync(uiPath)) continue;
+
+      const keys = Array.from(read(uiPath).matchAll(/^\s*(\w+)\??:\s*string\s*;/gm), (match) => match[1]);
+      const runtime = runtimeSources(directory);
+      const unused = keys.filter((key) => !new RegExp(`\\b${key}\\b`).test(runtime));
+
+      if (unused.length > 0) {
+        failures.push(`${displayPath(uiPath)} -> unused: ${unused.join(', ')}`);
+      }
+    }
+
+    expect(
+      failures,
+      `Unused locale keys are dead copy or may mean the browser bypasses translations:\n${failures.join('\n')}`,
+    ).toEqual([]);
+  });
+});

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { textilesCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 13 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(13);
+    it('should have 14 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(14);
     });
 
     it('textilesCategory should be defined', () => {

package/src/tool/burnTest/component.astro

@@ -11,7 +11,7 @@ const burnUI = ui as BurnTestUI;
 const fibers = Object.entries(burnUI.fiberData ?? {});
 ---
 
-<div class="burn-wizard" id="burn-wizard-root">
+<div class="burn-wizard" id="burn-wizard-root" aria-label={burnUI.investigationLabel}>
   <div class="icon-cache" aria-hidden="true">
     {fibers.map(([id, fiber]) => (
       <div id={`icon-cache-${id}`}>
@@ -135,6 +135,7 @@ const fibers = Object.entries(burnUI.fiberData ?? {});
     const name = fiber?.name ?? result.fiberId;
     return `<div class="result-details">
       <p class="result-id-text">${identifiedAs} <strong>${name}</strong>.</p>
+      <p class="result-fiber-description" style="color:${fiber?.color ?? 'inherit'}">${fiber?.description ?? ''}</p>
       <div class="result-attrs">
         <div class="attr-row attr-flame">
           <span class="attr-label">${flameLabel}</span>
@@ -219,4 +220,3 @@ const fibers = Object.entries(burnUI.fiberData ?? {});
 
   startInit();
 </script>
-

package/src/tool/embroideryStitchPricingEstimator/component.astro

@@ -18,7 +18,7 @@ const toolUI = ui as unknown as EmbroideryStitchPricingEstimatorUI;
     <section class="embroider-stage" aria-label={toolUI.stageLabel}>
       <div class="embroider-stage-header">
         <span>{toolUI.canvasAlt}</span>
-        <span class="embroider-status" id="embroider-status-badge">INPUT NEEDED</span>
+        <span class="embroider-status" id="embroider-status-badge">{toolUI.attentionBadge}</span>
       </div>
       <svg id="embroider-canvas" class="embroider-canvas" viewBox="0 0 400 200" role="img" aria-label={toolUI.canvasAlt}></svg>
       <div class="embroider-stage-caption">
@@ -78,7 +78,7 @@ const toolUI = ui as unknown as EmbroideryStitchPricingEstimatorUI;
   </div>
   <section class="embroider-result" aria-label={toolUI.resultLabel}>
     <div class="embroider-result-main">
-      <span class="embroider-eyebrow">{toolUI.resultLabel}</span>
+      <span class="embroider-eyebrow">{toolUI.basePriceLabel}</span>
       <strong id="embroider-price">--</strong>
       <span>{toolUI.priceUnit}</span>
     </div>

package/src/tool/embroideryStitchPricingEstimator/dom-views.ts

@@ -1,5 +1,5 @@
 import type { EmbroideryCalculation, EmbroideryInput } from './logic';
-import { formatMinutes, formatNumber } from './logic';
+import { formatNumber } from './logic';
 import type { EmbroideryStitchPricingEstimatorUI } from './ui';
 import type { EstimateEvaluation } from './evaluator';
 
@@ -15,6 +15,13 @@ function setText(id: string, value: string): void {
   if (element) element.textContent = value;
 }
 
+function formatDuration(value: number, ui: EmbroideryStitchPricingEstimatorUI): string {
+  if (value < 60) return `${formatNumber(value, 1)} ${ui.minutesUnit}`;
+  const hours = Math.floor(value / 60);
+  const minutes = Math.round(value % 60);
+  return `${hours} ${ui.hoursUnit} ${minutes} ${ui.minutesUnit}`;
+}
+
 function makeSvgElement<K extends keyof SVGElementTagNameMap>(tag: K, attrs: Record<string, string>): SVGElementTagNameMap[K] {
   const element = document.createElementNS('http://www.w3.org/2000/svg', tag);
   Object.entries(attrs).forEach(([key, value]) => element.setAttribute(key, value));
@@ -55,11 +62,11 @@ function renderValues(calculation: EmbroideryCalculation | null, ui: EmbroideryS
   }
   setText('embroider-result-status', ui.estimateBadge);
   setText('embroider-effective', `${formatNumber(calculation.effectiveStitches)} ${ui.stitchesUnit}`);
-  setText('embroider-duration', formatMinutes(calculation.totalMinutes));
+  setText('embroider-duration', formatDuration(calculation.totalMinutes, ui));
   setText('embroider-price', calculation.basePrice.toFixed(2));
   setText('embroider-area', `${formatNumber(calculation.areaCm2, 1)} cm2`);
-  setText('embroider-stitch-time', formatMinutes(calculation.stitchMinutes));
-  setText('embroider-setup-time', formatMinutes(calculation.setupMinutes));
+  setText('embroider-stitch-time', formatDuration(calculation.stitchMinutes, ui));
+  setText('embroider-setup-time', formatDuration(calculation.setupMinutes, ui));
   setText('embroider-colour-changes', formatNumber(calculation.colourChanges));
 }
 
@@ -90,5 +97,5 @@ export function renderEmbroidery(ctx: RenderContext): void {
 
 export function copyableSummary(ctx: RenderContext): string {
   if (!ctx.calculation) return ctx.ui.invalidMessage;
-  return `${ctx.ui.resultLabel}: ${formatNumber(ctx.calculation.effectiveStitches)} ${ctx.ui.stitchesUnit}, ${formatMinutes(ctx.calculation.totalMinutes)}, ${ctx.calculation.basePrice.toFixed(2)} ${ctx.ui.priceUnit}`;
+  return `${ctx.ui.resultLabel}: ${formatNumber(ctx.calculation.effectiveStitches)} ${ctx.ui.stitchesUnit}, ${formatDuration(ctx.calculation.totalMinutes, ctx.ui)}, ${ctx.calculation.basePrice.toFixed(2)} ${ctx.ui.priceUnit}`;
 }

package/src/tool/fabricProjectCalculator/component.astro

@@ -208,7 +208,7 @@ const calcUI = ui as FabricProjectCalculatorUI;
       markEl.className = 'fpc-ruler-mark';
       markEl.style.top = `${(mark / totalMeters) * 100}%`;
       const label = document.createElement('span');
-      label.textContent = `${mark.toFixed(step < 0.5 ? 2 : 1)}m`;
+      label.textContent = `${mark.toFixed(step < 0.5 ? 2 : 1)}${window.__toolUI.resultUnit}`;
       markEl.appendChild(label);
       ruler.appendChild(markEl);
       mark = parseFloat((mark + step).toFixed(3));
@@ -222,9 +222,11 @@ const calcUI = ui as FabricProjectCalculatorUI;
     renderRuler(meters);
     const desc = document.getElementById('board-desc');
     if (desc) {
+      const widthToken = ['{', 'w', '}'].join('');
+      const metersToken = ['{', 'm', '}'].join('');
       desc.textContent = window.__toolUI.boardDescFormat
-        .replace('{w}', String(width))
-        .replace('{m}', meters.toFixed(2));
+        .replace(widthToken, String(width))
+        .replace(metersToken, meters.toFixed(2));
     }
   }
 
@@ -232,14 +234,14 @@ const calcUI = ui as FabricProjectCalculatorUI;
     const el = document.getElementById('warning-msg');
     if (!el) return;
     el.style.display = serial ? 'block' : 'none';
-    if (serial) el.textContent = window.__toolUI.warningSerialFormat.replace('{w}', width);
+    if (serial) el.textContent = window.__toolUI.warningSerialFormat.replace(String.fromCharCode(123, 119, 125), width);
   }
 
   function updateResult(meters: number): void {
     setText('main-meters', meters.toFixed(2));
     const store = shopAdviceMeters(meters);
     const advice = document.getElementById('shop-advice');
-    if (advice) advice.textContent = window.__toolUI.shopAdviceFormat.replace('{m}', store.toFixed(2));
+    if (advice) advice.textContent = window.__toolUI.shopAdviceFormat.replace(String.fromCharCode(123, 109, 125), store.toFixed(2));
   }
 
   function updateChecklist(type: string): void {

package/src/tool/fabricTruth/component.astro

@@ -17,7 +17,7 @@ const fibers = Object.entries(fiberData)
   .sort((a, b) => a.name.localeCompare(b.name));
 ---
 
-<div class="fabric-truth-container" id="fabric-truth-root">
+<div class="fabric-truth-container" id="fabric-truth-root" aria-label={ui.toolTitle}>
   <div class="card-wrapper">
     <div class="composition-section">
       <h2 class="section-title">
@@ -98,6 +98,7 @@ const fibers = Object.entries(fiberData)
           <div>
             <h4>{ui.careWarning}</h4>
             <p id="care-warning">Sigue siempre las instrucciones de la etiqueta.</p>
+            <p class="special-care-warning">{ui.specialCareWarning}</p>
           </div>
         </div>
 
@@ -277,4 +278,3 @@ const fibers = Object.entries(fiberData)
 
   startInit();
 </script>
-

package/src/tool/knittingGauge/component.astro

@@ -62,7 +62,7 @@ const gaugeUI = ui as unknown as KnittingGaugeUI;
       </div>
       <div class="input-grid">
         <div class="gauge-field">
-          <label for="my-needle">{gaugeUI.labelNeedleMm}</label>
+          <label for="my-needle">{gaugeUI.labelNeedleMm} <span class="label-sub">({gaugeUI.labelNeedle})</span></label>
           <input type="number" id="my-needle" class="gauge-input gauge-input-bordered" value="4.0" step="0.25" />
         </div>
         <div class="gauge-field">
@@ -367,4 +367,3 @@ const gaugeUI = ui as unknown as KnittingGaugeUI;
   document.addEventListener('astro:page-load', init);
   init();
 </script>
-

package/src/tool/laundryGuide/bibliography.ts

@@ -2,5 +2,5 @@ import type { BibliographyEntry } from '../../types';
 
 export const bibliography: BibliographyEntry[] = [
     { name: 'ISO 3758 - Textile Care Symbols', url: 'https://www.iso.org/standard/60465.html' },
-    { name: 'FTC - Textile Care Labels', url: 'https://www.ftc.gov/' },
+    { name: 'FTC - Textile Care Labeling Rule', url: 'https://www.ftc.gov/legal-library/browse/rules/care-labeling-textile-wearing-apparel-certain-piece-goods' },
   ];

package/src/tool/quiltBindingCalculator/bibliography.astro

@@ -0,0 +1,6 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { bibliography } from './bibliography';
+---
+
+<SharedBibliography links={bibliography} />

package/src/tool/quiltBindingCalculator/bibliography.ts

@@ -0,0 +1,12 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'BERNINA WeAllSew, Simple Binding Basics',
+    url: 'https://weallsew.com/simple-binding-basics/',
+  },
+  {
+    name: 'Brother SewingCraft France, Finir un bord de quilt',
+    url: 'https://sewingcraft.brother.eu/fr-ch/blog/quilt-club/2024/how-to-bind-a-quilt',
+  },
+];