@jjlmoya/utils-audiovisual 1.18.0 → 1.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-audiovisual",
-    "version": "1.18.0",
+    "version": "1.20.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/i18n/de.ts

@@ -106,7 +106,7 @@ export const content: CategoryLocaleContent = {
       type: 'proscons',
       items: [
         {
-          pro: '100% browserbasierte Verarbeitung – Ihre Daten werden niemals auf Server hochgeladen',
+          pro: '100% browserbasierte Verarbeitung - Ihre Daten werden niemals auf Server hochgeladen',
           con: 'Erfordert einen modernen Browser mit JavaScript-Unterstützung'
         },
         {

package/src/category/i18n/fr.ts

@@ -155,7 +155,7 @@ export const content: CategoryLocaleContent = {
         },
         {
           term: 'FPS (Images par seconde)',
-          definition: 'Nombre d\'images lues chaque seconde. Valeurs communes : 24 fps (cinéma), 25 fps (PAL), 30 fps (NTSC), 60 fps (vidéo fluide).'
+          definition: 'Nombre d\'images lues chaque seconde. Valeurs communes: 24 fps (cinéma), 25 fps (PAL), 30 fps (NTSC), 60 fps (vidéo fluide).'
         },
         {
           term: 'DPI (Points par pouce)',

package/src/category/i18n/ru.ts

@@ -106,7 +106,7 @@ export const content: CategoryLocaleContent = {
       type: 'proscons',
       items: [
         {
-          pro: '100% обработка в браузере — ваши данные никогда не загружаются на серверы',
+          pro: '100% обработка в браузере - ваши данные никогда не загружаются на серверы',
           con: 'Требуется современный браузер с поддержкой JavaScript'
         },
         {

package/src/category/index.ts

@@ -10,6 +10,7 @@ import { imageCompressor } from '../tool/imageCompressor/index';
 import { collageMaker } from '../tool/collageMaker/index';
 import { videoFrameExtractor } from '../tool/videoFrameExtractor/index';
 import { depthOfFieldCalculator } from '../tool/depthOfFieldCalculator/index';
+import { videoMerger } from '../tool/videoMerger/index';
 
 export const audiovisualCategory: AudiovisualCategoryEntry = {
   icon: 'mdi:camera-iris',
@@ -25,6 +26,7 @@ export const audiovisualCategory: AudiovisualCategoryEntry = {
     collageMaker as AudiovisualToolEntry,
     videoFrameExtractor as AudiovisualToolEntry,
     depthOfFieldCalculator as AudiovisualToolEntry,
+    videoMerger as AudiovisualToolEntry,
   ],
   i18n: {
     es: async () => (await import('./i18n/es')).content,

package/src/entries.ts

@@ -20,6 +20,8 @@ export { videoFrameExtractor } from './tool/videoFrameExtractor/entry';
 export type { VideoFrameExtractorUI, VideoFrameExtractorLocaleContent } from './tool/videoFrameExtractor/entry';
 export { depthOfFieldCalculator } from './tool/depthOfFieldCalculator/entry';
 export type { DepthOfFieldUI, DepthOfFieldLocaleContent } from './tool/depthOfFieldCalculator/entry';
+export { videoMerger } from './tool/videoMerger/entry';
+export type { VideoMergerUI, VideoMergerLocaleContent } from './tool/videoMerger/entry';
 export { audiovisualCategory, toolsCategory } from './category';
 import { chromaticLens } from './tool/chromaticLens/entry';
 import { collageMaker } from './tool/collageMaker/entry';
@@ -32,4 +34,5 @@ import { timelapseCalculator } from './tool/timelapseCalculator/entry';
 import { tvDistance } from './tool/tvDistance/entry';
 import { videoFrameExtractor } from './tool/videoFrameExtractor/entry';
 import { depthOfFieldCalculator } from './tool/depthOfFieldCalculator/entry';
-export const ALL_ENTRIES = [chromaticLens, collageMaker, exifCleaner, imageCompressor, printQualityCalculator, privacyBlur, subtitleSync, timelapseCalculator, tvDistance, videoFrameExtractor, depthOfFieldCalculator];
+import { videoMerger } from './tool/videoMerger/entry';
+export const ALL_ENTRIES = [chromaticLens, collageMaker, exifCleaner, imageCompressor, printQualityCalculator, privacyBlur, subtitleSync, timelapseCalculator, tvDistance, videoFrameExtractor, depthOfFieldCalculator, videoMerger];

package/src/index.ts

@@ -14,6 +14,7 @@ export * from './tool/collageMaker';
 export * from './tool/videoFrameExtractor';
 export * from './tool/privacyBlur';
 export * from './tool/depthOfFieldCalculator';
+export * from './tool/videoMerger';
 
 export type {
   KnownLocale,

package/src/tests/diacritics_density.test.ts

@@ -0,0 +1,118 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+
+type LocaleWithDiacritics = keyof typeof DIACRITIC_RULES;
+
+const DIACRITIC_RULES = {
+  de: {
+    language: 'German',
+    expectedCharacters: 'ä ö ü ß',
+    characters: /[äöüÄÖÜß]/g,
+    minPerThousandLetters: 0.1,
+  },
+  es: {
+    language: 'Spanish',
+    expectedCharacters: 'á é í ó ú ü ñ',
+    characters: /[áéíóúüñÁÉÍÓÚÜÑ]/g,
+    minPerThousandLetters: 0.1,
+  },
+  fr: {
+    language: 'French',
+    expectedCharacters: 'à â æ ç é è ê ë î ï ô œ ù û ü ÿ',
+    characters: /[àâæçéèêëîïôœùûüÿÀÂÆÇÉÈÊËÎÏÔŒÙÛÜŸ]/g,
+    minPerThousandLetters: 0.1,
+  },
+  it: {
+    language: 'Italian',
+    expectedCharacters: 'à è é ì í î ò ó ù ú',
+    characters: /[àèéìíîòóùúÀÈÉÌÍÎÒÓÙÚ]/g,
+    minPerThousandLetters: 0.1,
+  },
+  pl: {
+    language: 'Polish',
+    expectedCharacters: 'ą ć ę ł ń ó ś ź ż',
+    characters: /[ąćęłńóśźżĄĆĘŁŃÓŚŹŻ]/g,
+    minPerThousandLetters: 0.1,
+  },
+  pt: {
+    language: 'Portuguese',
+    expectedCharacters: 'á â ã à ç é ê í ó ô õ ú ü',
+    characters: /[áâãàçéêíóôõúüÁÂÃÀÇÉÊÍÓÔÕÚÜ]/g,
+    minPerThousandLetters: 0.1,
+  },
+  sv: {
+    language: 'Swedish',
+    expectedCharacters: 'å ä ö',
+    characters: /[åäöÅÄÖ]/g,
+    minPerThousandLetters: 0.1,
+  },
+  tr: {
+    language: 'Turkish',
+    expectedCharacters: 'ç ğ ı İ ö ş ü',
+    characters: /[çğıöşüÇĞİÖŞÜ]/g,
+    minPerThousandLetters: 0.1,
+  },
+} 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 diacriticCount(text: string, locale: LocaleWithDiacritics): number {
+  return text.match(DIACRITIC_RULES[locale].characters)?.length ?? 0;
+}
+
+function diacriticsPerThousandLetters(text: string, locale: LocaleWithDiacritics): number {
+  const letters = letterCount(text);
+  if (letters === 0) return 0;
+  return diacriticCount(text, locale) / letters * 1000;
+}
+
+describe('Diacritics density validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      Object.keys(DIACRITIC_RULES).forEach((locale) => {
+        it(`${locale} keeps the expected accent and special-letter set`, async () => {
+          const typedLocale = locale as LocaleWithDiacritics;
+          const loader = tool.entry.i18n[typedLocale];
+          if (!loader) return;
+
+          const content = await loader();
+          const text = normalizeText(translatableContent(content as Record<string, unknown>));
+          const rule = DIACRITIC_RULES[typedLocale];
+          const letters = letterCount(text);
+          const matches = diacriticCount(text, typedLocale);
+          const density = diacriticsPerThousandLetters(text, typedLocale);
+
+          expect(
+            density,
+            [
+              `Possible spelling or encoding issue detected in ${tool.entry.id}/${typedLocale} (${rule.language}).`,
+              `The text has ${matches} special characters (${density.toFixed(2)} per 1000 letters, ${letters} letters analyzed).`,
+              `This locale should include some of these characters: ${rule.expectedCharacters}.`,
+              'If the count is 0 or near 0, accents, tildes, or special letters were probably stripped by encoding or normalization.',
+            ].join(' '),
+          ).toBeGreaterThanOrEqual(rule.minPerThousandLetters);
+        });
+      });
+    });
+  });
+});

package/src/tests/inverted_punctuation.test.ts

@@ -0,0 +1,84 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+
+const INVERTED_PUNCTUATION_LOCALES = {
+  es: {
+    language: 'Spanish',
+    questionStart: '¿',
+    questionEnd: '?',
+    exclamationStart: '¡',
+    exclamationEnd: '!',
+  },
+} as const;
+
+type InvertedPunctuationLocale = keyof typeof INVERTED_PUNCTUATION_LOCALES;
+
+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 translatableStrings(content: Record<string, unknown>): string[] {
+  return TRANSLATABLE_KEYS.flatMap((key) => collectStrings(content[key]));
+}
+
+function sentenceStart(text: string, endIndex: number): string {
+  const beforeMark = text.slice(0, endIndex).trimEnd();
+  const boundary = Math.max(
+    beforeMark.lastIndexOf('.'),
+    beforeMark.lastIndexOf(':'),
+    beforeMark.lastIndexOf(';'),
+    beforeMark.lastIndexOf('\n'),
+  );
+
+  return beforeMark.slice(boundary + 1).trimStart();
+}
+
+function findMissingInvertedMarks(
+  text: string,
+  startMark: string,
+  endMark: string,
+): string[] {
+  return [...text.matchAll(new RegExp(`\\${endMark}`, 'g'))]
+    .map((match) => sentenceStart(text, match.index ?? 0))
+    .filter((segment) => segment.length > 0 && !segment.includes(startMark))
+    .map((segment) => `${segment}${endMark}`);
+}
+
+describe('Inverted punctuation validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      Object.keys(INVERTED_PUNCTUATION_LOCALES).forEach((locale) => {
+        it(`${locale} uses opening punctuation marks for questions and exclamations`, async () => {
+          const typedLocale = locale as InvertedPunctuationLocale;
+          const loader = tool.entry.i18n[typedLocale];
+          if (!loader) return;
+
+          const rule = INVERTED_PUNCTUATION_LOCALES[typedLocale];
+          const content = await loader();
+          const strings = translatableStrings(content as Record<string, unknown>);
+          const missingQuestions = strings.flatMap((text) =>
+            findMissingInvertedMarks(text, rule.questionStart, rule.questionEnd)
+          );
+          const missingExclamations = strings.flatMap((text) =>
+            findMissingInvertedMarks(text, rule.exclamationStart, rule.exclamationEnd)
+          );
+          const failures = [...missingQuestions, ...missingExclamations];
+
+          expect(
+            failures,
+            [
+              `Missing opening punctuation marks in ${tool.entry.id}/${typedLocale} (${rule.language}).`,
+              `Questions must use ${rule.questionStart}...${rule.questionEnd} and exclamations must use ${rule.exclamationStart}...${rule.exclamationEnd}.`,
+              `Examples: ${failures.slice(0, 5).join(' | ')}`,
+            ].join(' '),
+          ).toHaveLength(0);
+        });
+      });
+    });
+  });
+});

package/src/tests/locale_completeness.test.ts

@@ -2,7 +2,7 @@ import { describe, it, expect } from 'vitest';
 import { ALL_TOOLS } from '../tools';
 
 describe('Locale Completeness Validation', () => {
-  it('all 11 tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(11);
+  it('all 12 tools registered', () => {
+    expect(ALL_TOOLS.length).toBe(12);
   });
 });

package/src/tests/no_en_dash.test.ts

@@ -0,0 +1,70 @@
+import { describe, it, expect } from 'vitest';
+import fs from 'node:fs';
+import path from 'node:path';
+
+function getFiles(dir: string): string[] {
+  const results: string[] = [];
+  if (!fs.existsSync(dir)) {
+    return results;
+  }
+  const list = fs.readdirSync(dir);
+  for (const file of list) {
+    const fullPath = path.join(dir, file);
+    const stat = fs.statSync(fullPath);
+    if (stat && stat.isDirectory()) {
+      if (file !== 'tests' && file !== 'node_modules' && file !== '.astro') {
+        results.push(...getFiles(fullPath));
+      }
+    } else {
+      results.push(fullPath);
+    }
+  }
+  return results;
+}
+
+function isContentFile(filePath: string): boolean {
+  return /\\i18n\\/.test(filePath) || filePath.endsWith('bibliography.ts');
+}
+
+const srcDir = path.join(process.cwd(), 'src');
+const scriptsDir = path.join(process.cwd(), 'scripts');
+const filesToTest = [
+  ...getFiles(srcDir).filter(isContentFile),
+  ...getFiles(scriptsDir).filter(isContentFile),
+];
+
+const aiTypographyGarbage = [
+  '\u2013',
+  '\u2014',
+  '\u2026',
+  '\u201C',
+  '\u201D',
+  '\u2018',
+  '\u2019',
+  '\u00AB',
+  '\u00BB',
+  '\u200B',
+  '\u201E',
+];
+
+describe('Typography Garbage Character Validation', () => {
+  filesToTest.forEach((filePath) => {
+    const relativePath = path.relative(process.cwd(), filePath);
+    it(`should not contain typography garbage characters in ${relativePath}`, () => {
+      const content = fs.readFileSync(filePath, 'utf-8');
+      const hasAiPatterns = aiTypographyGarbage.some(char => content.includes(char));
+      expect(hasAiPatterns).toBe(false);
+    });
+
+    it(`should not contain space before colon in ${relativePath}`, () => {
+      const content = fs.readFileSync(filePath, 'utf-8');
+      const spaceBeforeColon = / : /.test(content);
+      expect(spaceBeforeColon).toBe(false);
+    });
+
+    it(`should not contain double hyphen in ${relativePath}`, () => {
+      const content = fs.readFileSync(filePath, 'utf-8');
+      expect(content).not.toContain('--');
+    });
+  });
+});

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/tests/tool_validation.test.ts

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

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

@@ -57,9 +57,9 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         title: 'Intelligente Extraktion von Farbpaletten',
         items: [
             'Professioneller Median-Cut-Algorithmus zur Farbanalyse',
-            'Extraktion von 3–12 dominanten Farben aus jedem Bild',
+            'Extraktion von 3-12 dominanten Farben aus jedem Bild',
             'HEX-Codes direkt in die Zwischenablage kopierbar',
-            '100% lokale Verarbeitung – ideal für Kreative'
+            '100% lokale Verarbeitung - ideal für Kreative'
         ]
     },
     { type: 'title', text: 'Farbetraktion: Wissenschaft und Design', level: 2 },
@@ -138,15 +138,15 @@ const seo: ChromaticLensLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Mathematische Präzision bei der Extraktion – keine ungefähre visuelle Auswahl',
+            pro: 'Mathematische Präzision bei der Extraktion - keine ungefähre visuelle Auswahl',
             con: 'Kaum sichtbare Farben können enthalten sein, wenn sie viele Pixel haben'
         },
         {
-            pro: 'Sofortiges Kopieren in die Zwischenablage – perfekte Integration in den Workflow',
+            pro: 'Sofortiges Kopieren in die Zwischenablage - perfekte Integration in den Workflow',
             con: 'Benötigt einen modernen Browser, der mit der Canvas-API kompatibel ist'
         },
         {
-            pro: 'Vollständige Privatsphäre – 100% lokale Analyse ohne Datenübermittlung',
+            pro: 'Vollständige Privatsphäre - 100% lokale Analyse ohne Datenübermittlung',
             con: 'Kein Verlauf früherer Analysen gespeichert'
         },
         {
@@ -164,7 +164,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         },
         {
             term: 'RGB-Farbraum',
-            definition: 'Farbmodell basierend auf Rot, Grün und Blau. Jede Farbe wird als Kombination dieser drei Werte (0–255) dargestellt. Standard für Bildschirme und Web.'
+            definition: 'Farbmodell basierend auf Rot, Grün und Blau. Jede Farbe wird als Kombination dieser drei Werte (0-255) dargestellt. Standard für Bildschirme und Web.'
         },
         {
           term: 'HEX-Code',

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

@@ -62,7 +62,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
             'Traitement 100 % local - idéal pour les créatifs'
         ]
     },
-    { type: 'title', text: 'Extraction de Palettes de Couleurs : Science et Design', level: 2 },
+    { type: 'title', text: 'Extraction de Palettes de Couleurs: Science et Design', level: 2 },
     { type: 'paragraph', html: 'Vous êtes-vous déjà demandé pourquoi une photographie de film semble si harmonieuse ? Ce n\'est pas un hasard ; c\'est la théorie des couleurs en action. Lentille Chromatique vous permet d\'extraire cette harmonie directement du pixel, en la transformant en codes HEX utilisables dans vos projets de design.' },
 
     { type: 'stats', items: [
@@ -180,10 +180,10 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         }
     ] },
 
-    { type: 'message', title: 'Analyse Chromatique Professionnelle', ariaLabel: 'Informations techniques sur l\'analyse des couleurs', html: 'Lentille Chromatique transforme l\'analyse visuelle manuelle en précision algorithmique. Elle ne se contente pas d\'extraire des couleurs : elle capture l\'essence émotionnelle et visuelle de toute image, la plaçant directement dans votre presse-papiers sous forme de codes HEX prêts à l\'emploi. Confidentialité totale, analyses illimitées.' },
+    { type: 'message', title: 'Analyse Chromatique Professionnelle', ariaLabel: 'Informations techniques sur l\'analyse des couleurs', html: 'Lentille Chromatique transforme l\'analyse visuelle manuelle en précision algorithmique. Elle ne se contente pas d\'extraire des couleurs: elle capture l\'essence émotionnelle et visuelle de toute image, la plaçant directement dans votre presse-papiers sous forme de codes HEX prêts à l\'emploi. Confidentialité totale, analyses illimitées.' },
 
     { type: 'title', text: 'Concevez Depuis l\'Inspiration Visuelle', level: 3 },
-    { type: 'paragraph', html: 'La meilleure palette de couleurs est celle qui capture l\'intention visuelle de votre référence. Lentille Chromatique automatise ce qui était auparavant un processus manuel : observer, analyser, noter. Désormais, faites simplement glisser une image et obtenez des codes HEX professionnels en quelques secondes.' }
+    { type: 'paragraph', html: 'La meilleure palette de couleurs est celle qui capture l\'intention visuelle de votre référence. Lentille Chromatique automatise ce qui était auparavant un processus manuel: observer, analyser, noter. Désormais, faites simplement glisser une image et obtenez des codes HEX professionnels en quelques secondes.' }
 ];
 
 const faqSchema: WithContext<FAQPage> = {

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

@@ -74,7 +74,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     { type: 'title', text: 'Wyjaśnienie Algorytmu Median Cut', level: 3 },
     { type: 'paragraph', html: 'Inteligentna ekstrakcja palety nie jest prostym losowym próbkowaniem pikseli. Wykorzystuje algorytm Median Cut, technikę rekurencyjnego partycjonowania, która zapewnia wierne odwzorowanie:' },
     { type: 'list', items: [
-        '<strong>Podział Rekurencyjny:</strong> „Kostka kolorów” RGB obrazu jest rekurencyjnie dzielona na mniejsze pudełka.',
+        '<strong>Podział Rekurencyjny:</strong> \"Kostka kolorów\" RGB obrazu jest rekurencyjnie dzielona na mniejsze pudełka.',
         '<strong>Równowaga Objętości:</strong> Każda partycja dąży do pogrupowania pikseli z tej samej przestrzeni barw o podobnych objętościach.',
         '<strong>Średnia Ważona:</strong> Wynikowy kolor każdego pudełka jest średnią wszystkich pikseli, które zawiera.',
         '<strong>Wierne Odwzorowanie:</strong> Dominujące kolory odzwierciedlają rzeczywistą atmosferę wizualną obrazu, a nie prostą próbkę.'

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

@@ -20,7 +20,7 @@ const ui: ChromaticLensUI = {
 const faq: ChromaticLensLocaleContent['faq'] = [
     {
         question: "Как работает извлечение цвета?",
-        answer: "Мы используем алгоритм «Median Cut», который группирует пиксели изображения в соответствии с их близостью в цветовом пространстве RGB для поиска наиболее репрезентативных тонов.",
+        answer: "Мы используем алгоритм \"Median Cut\", который группирует пиксели изображения в соответствии с их близостью в цветовом пространстве RGB для поиска наиболее репрезентативных тонов.",
     },
     {
         question: "Могу ли я копировать цвета в свой дизайнерский редактор?",
@@ -57,9 +57,9 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         title: 'Интеллектуальное извлечение цветовой палитры',
         items: [
             'Профессиональный алгоритм Median Cut для анализа цвета',
-            'Извлечение 3–12 доминирующих цветов из любого изображения',
+            'Извлечение 3-12 доминирующих цветов из любого изображения',
             'HEX-коды копируются непосредственно в буфер обмена',
-            '100% локальная обработка — идеально для креативщиков'
+            '100% локальная обработка - идеально для креативщиков'
         ]
     },
     { type: 'title', text: 'Извлечение цветовой палитры: наука и дизайн', level: 2 },
@@ -72,9 +72,9 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     ], columns: 3 },
 
     { type: 'title', text: 'Объяснение алгоритма Median Cut', level: 3 },
-    { type: 'paragraph', html: 'Интеллектуальное извлечение палитры — это не простая случайная выборка пикселей. Оно использует алгоритм Median Cut, метод рекурсивного разделения, который обеспечивает верное представление:' },
+    { type: 'paragraph', html: 'Интеллектуальное извлечение палитры - это не простая случайная выборка пикселей. Оно использует алгоритм Median Cut, метод рекурсивного разделения, который обеспечивает верное представление:' },
     { type: 'list', items: [
-        '<strong>Рекурсивное деление:</strong> «Цветовой куб» RGB изображения рекурсивно делится на более мелкие блоки.',
+        '<strong>Рекурсивное деление:</strong> \"Цветовой куб\" RGB изображения рекурсивно делится на более мелкие блоки.',
         '<strong>Баланс объема:</strong> Каждый раздел стремится сгруппировать пиксели одного цветового пространства с похожими объемами.',
         '<strong>Средневзвешенное значение:</strong> Результирующий цвет каждого блока является средним значением всех содержащихся в нем пикселей.',
         '<strong>Точное представление:</strong> Доминирующие цвета отражают реальную визуальную атмосферу изображения, а не просто случайную пробу.'
@@ -138,15 +138,15 @@ const seo: ChromaticLensLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Математическая точность при извлечении — не приблизительный визуальный выбор',
+            pro: 'Математическая точность при извлечении - не приблизительный визуальный выбор',
             con: 'Могут быть включены едва видимые цвета, если в них много пикселей'
         },
         {
-            pro: 'Мгновенное копирование в буфер обмена — идеальная интеграция с рабочим процессом',
+            pro: 'Мгновенное копирование в буфер обмена - идеальная интеграция с рабочим процессом',
             con: 'Требуется современный браузер, совместимый с Canvas API'
         },
         {
-            pro: 'Полная конфиденциальность — 100% локальный анализ без отправки данных',
+            pro: 'Полная конфиденциальность - 100% локальный анализ без отправки данных',
             con: 'История предыдущих анализов не сохраняется'
         },
         {
@@ -164,7 +164,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         },
         {
             term: 'Цветовое пространство RGB',
-            definition: 'Цветовая модель, основанная на красном, зеленом и синем цветах. Каждый цвет представлен как комбинация этих трех значений (0–255). Стандарт для цифровых экранов и веб-интерфейсов.'
+            definition: 'Цветовая модель, основанная на красном, зеленом и синем цветах. Каждый цвет представлен как комбинация этих трех значений (0-255). Стандарт для цифровых экранов и веб-интерфейсов.'
         },
         {
             term: 'HEX-код',
@@ -183,7 +183,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     { type: 'message', title: 'Профессиональный хроматический анализ', ariaLabel: 'Техническая информация об анализе цвета', html: 'Chromatic Lens превращает ручной визуальный анализ в алгоритмическую точность. Он не просто извлекает цвета: он улавливает эмоциональную и визуальную суть любого изображения, помещая её прямо в ваш буфер обмена в виде готовых к использованию HEX-кодов. Полная конфиденциальность, без ограничений по объему анализа.' },
 
     { type: 'title', text: 'Дизайн на основе визуального вдохновения', level: 3 },
-    { type: 'paragraph', html: 'Лучшая цветовая палитра — та, которая улавливает визуальный замысел вашего референса. Chromatic Lens автоматизирует то, что раньше было ручным процессом: наблюдение, анализ, запись. Теперь просто перетащите изображение и получите профессиональные HEX-коды за считанные секунды.' }
+    { type: 'paragraph', html: 'Лучшая цветовая палитра - та, которая улавливает визуальный замысел вашего референса. Chromatic Lens автоматизирует то, что раньше было ручным процессом: наблюдение, анализ, запись. Теперь просто перетащите изображение и получите профессиональные HEX-коды за считанные секунды.' }
 ];
 
 const faqSchema: WithContext<FAQPage> = {

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

@@ -20,7 +20,7 @@ const ui: ChromaticLensUI = {
 const faq: ChromaticLensLocaleContent['faq'] = [
     {
         question: "色彩提取是如何工作的？",
-        answer: "我们使用“中位切分”（Median Cut）算法。该算法根据图像像素在 RGB 色彩空间中的接近程度进行分组，从而找到最具代表性的色调。",
+        answer: "我们使用\"中位切分\"（Median Cut）算法。该算法根据图像像素在 RGB 色彩空间中的接近程度进行分组，从而找到最具代表性的色调。",
     },
     {
         question: "我可以将颜色复制到我的设计编辑器吗？",
@@ -74,7 +74,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     { type: 'title', text: '中位切分算法详解', level: 3 },
     { type: 'paragraph', html: '智能调色盘提取并非简单的随机采样。它使用中位切分（Median Cut）算法，这是一种确保忠实呈现的递归切分技术：' },
     { type: 'list', items: [
-        '<strong>递归细分：</strong> 图像的 RGB “色彩立方体”被递归地细分为更小的方块。',
+        '<strong>递归细分：</strong> 图像的 RGB \"色彩立方体\"被递归地细分为更小的方块。',
         '<strong>体积平衡：</strong> 每个分区都力求将色彩空间中体积相似的像素归为一类。',
         '<strong>加权平均：</strong> 每个方块最终产生的颜色是其包含的所有像素的平均值。',
         '<strong>忠实呈现：</strong> 主导色彩反映了图像真实的视觉氛围，而不仅仅是简单的样本。'