@jjlmoya/utils-creative 1.7.0 → 1.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-creative",
-    "version": "1.7.0",
+    "version": "1.9.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",
@@ -37,6 +37,7 @@
     },
     "dependencies": {
         "@iconify-json/mdi": "^1.2.3",
+        "@jjlmoya/prompagate": "^1.1.0",
         "@jjlmoya/utils-shared": "1.2.0",
         "astro": "^6.1.2",
         "astro-icon": "^1.1.0"

package/src/category/i18n/de.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'kreativitaet-freizeit',
+  title: 'Kreativität und Freizeit',
+  description: 'Werkzeuge, die inspirieren, amüsieren und kreativ machen.',
+  seo: [
+    { type: 'title', text: 'Tägliche kreative Hilfsmittel', level: 2 },
+    { type: 'paragraph', html: 'Von Ausredengeneratoren bis hin zu Bastelmustern – unsere Sammlung kreativer Werkzeuge ist für Unterhaltung und praktischen Gebrauch konzipiert.' }
+  ]
+};

package/src/category/i18n/id.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'kreativitas-hiburan',
+  title: 'Kreativitas dan Hiburan',
+  description: 'Alat yang dirancang untuk menginspirasi, menghibur, dan berkreasi.',
+  seo: [
+    { type: 'title', text: 'Utilitas Kreatif Harian', level: 2 },
+    { type: 'paragraph', html: 'Dari pembuat alasan hingga pola kerajinan, koleksi alat kreatif kami dirancang untuk hiburan dan penggunaan praktis.' }
+  ]
+};

package/src/category/i18n/it.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'creativita-tempo-libero',
+  title: 'Creatività e Tempo Libero',
+  description: 'Strumenti progettati per ispirare, divertire e creare.',
+  seo: [
+    { type: 'title', text: 'Utility Creative Quotidiane', level: 2 },
+    { type: 'paragraph', html: 'Dai generatori di scuse ai modelli per il fai-da-te, la nostra collezione di strumenti creativi è pensata per l\'intrattenimento e l\'uso pratico.' }
+  ]
+};

package/src/category/i18n/ja.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'creativity-leisure-ja',
+  title: 'クリエイティビティとレジャー',
+  description: 'インスピレーションを与え、楽しみ、創造するためのツール。',
+  seo: [
+    { type: 'title', text: '毎日のクリエイティブ・ユーティリティ', level: 2 },
+    { type: 'paragraph', html: '言訳ジェネレーターから手芸パターンまで、私たちのクリエイティブツールコレクションは、エンターテインメントと実用性のために設計されています。' }
+  ]
+};

package/src/category/i18n/ko.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'creativity-leisure-ko',
+  title: '창의성과 여가',
+  description: '영감을 주고, 즐거움을 선사하며, 창작을 돕기 위해 설계된 도구들입니다.',
+  seo: [
+    { type: 'title', text: '일상의 창의적인 유틸리티', level: 2 },
+    { type: 'paragraph', html: '변명 생성기부터 공예 패턴까지, 당사의 창의적인 도구 컬렉션은 즐거움과 실용적인 사용을 위해 제작되었습니다.' }
+  ]
+};

package/src/category/i18n/nl.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'creativiteit-vrije-tijd',
+  title: 'Creativiteit en Vrije Tijd',
+  description: 'Hulpmiddelen ontworpen om te inspireren, te vermaken en te creëren.',
+  seo: [
+    { type: 'title', text: 'Dagelijkse Creatieve Hulpmiddelen', level: 2 },
+    { type: 'paragraph', html: 'Van smoesjesgeneratoren tot knutselpatronen, onze collectie creatieve hulpmiddelen is ontworpen voor entertainment en praktisch gebruik.' }
+  ]
+};

package/src/category/i18n/pl.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'kreatywnosc-i-rozrywka',
+  title: 'Kreatywność i Rozrywka',
+  description: 'Narzędzia zaprojektowane, aby inspirować, bawić i tworzyć.',
+  seo: [
+    { type: 'title', text: 'Codzienne Narzędzia Kreatywne', level: 2 },
+    { type: 'paragraph', html: 'Od generatorów wymówek po wzory do rękodzieła, nasza kolekcja narzędzi kreatywnych została stworzona z myślą o rozrywce i praktycznym zastosowaniu.' }
+  ]
+};

package/src/category/i18n/pt.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'criatividade-lazer',
+  title: 'Criatividade e Lazer',
+  description: 'Ferramentas concebidas para inspirar, divertir e criar.',
+  seo: [
+    { type: 'title', text: 'Utilitários Criativos Diários', level: 2 },
+    { type: 'paragraph', html: 'Desde geradores de desculpas a padrões de artesanato, a nossa coleção de ferramentas criativas foi desenhada para entretenimento e uso prático.' }
+  ]
+};

package/src/category/i18n/ru.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'creativity-leisure-ru',
+  title: 'Творчество и досуг',
+  description: 'Инструменты, созданные для того, чтобы вдохновлять, развлекать и создавать.',
+  seo: [
+    { type: 'title', text: 'Ежедневные творческие утилиты', level: 2 },
+    { type: 'paragraph', html: 'От генераторов оправданий до шаблонов для рукоделия — наша коллекция творческих инструментов создана для развлечения и практического использования.' }
+  ]
+};

package/src/category/i18n/sv.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'kreativitet-fritid',
+  title: 'Kreativitet och Fritid',
+  description: 'Verktyg designade för att inspirera, roa och skapa.',
+  seo: [
+    { type: 'title', text: 'Dagliga Kreativa Verktyg', level: 2 },
+    { type: 'paragraph', html: 'Från ursäktsgeneratorer till hantverksmönster, vår samling av kreativa verktyg är designad för underhållning och praktisk användning.' }
+  ]
+};

package/src/category/i18n/tr.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'yaraticilik-bos-zaman',
+  title: 'Yaratıcılık ve Boş Zaman',
+  description: 'İlham vermek, eğlendirmek ve yaratmak için tasarlanmış araçlar.',
+  seo: [
+    { type: 'title', text: 'Günlük Yaratıcı Araçlar', level: 2 },
+    { type: 'paragraph', html: 'Mazeret üreteçlerinden el işi desenlerine kadar yaratıcı araç koleksiyonumuz eğlence ve pratik kullanım için tasarlanmıştır.' }
+  ]
+};

package/src/category/i18n/zh.ts

@@ -0,0 +1,9 @@
+export const content = {
+  slug: 'creativity-leisure-zh',
+  title: '创意与休闲',
+  description: '旨在激发灵感、提供娱乐和辅助创造的工具。',
+  seo: [
+    { type: 'title', text: '每日创意实用工具', level: 2 },
+    { type: 'paragraph', html: '从借口生成器到手工图样，我们的创意工具系列专为娱乐和实际用途而设计。' }
+  ]
+};

package/src/category/index.ts

@@ -30,5 +30,17 @@ export const creativeCategory: {
     es: () => import('./i18n/es').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),
     fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };

package/src/tests/faq_count.test.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest';
 import type * as DATA from '../data';
 
-const TOOLS: typeof DATA.creativeCategory[] = [];
+const TOOLS: typeof DATA.audiovisualCategory[] = [];
 
 describe('FAQ Content Validation', () => {
   TOOLS.forEach((entry) => {

package/src/tests/i18n_coverage.test.ts

@@ -0,0 +1,36 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+
+const EXPECTED_LOCALES = [
+  'de', 'en', 'es', 'fr', 'id', 'it', 'ja', 'ko', 'nl', 'pl', 'pt', 'ru', 'sv', 'tr', 'zh'
+];
+
+describe('I18n Coverage Validation', () => {
+  it('all tools should be registered', () => {
+    expect(ALL_TOOLS.length).toBeGreaterThan(0);
+  });
+
+  ALL_TOOLS.forEach(({ entry }: { entry: any }) => {
+    describe(`Tool: ${entry.id}`, () => {
+      it('should have all 15 required locales', () => {
+        const registeredLocales = Object.keys(entry.i18n);
+        EXPECTED_LOCALES.forEach((locale) => {
+          expect(
+            registeredLocales,
+            `Tool "${entry.id}" is missing locale "${locale}"`,
+          ).toContain(locale);
+        });
+      });
+
+      it('all locale loaders should be functions', () => {
+        EXPECTED_LOCALES.forEach((locale) => {
+          const loader = entry.i18n[locale as keyof typeof entry.i18n];
+          expect(
+            typeof loader,
+            `Tool "${entry.id}" locale "${locale}" loader is not a function`,
+          ).toBe('function');
+        });
+      });
+    });
+  });
+});

package/src/tests/locale_completeness.test.ts

@@ -35,8 +35,8 @@ describe('Locale Completeness Validation', () => {
     });
   });
 
-  it('should have tools registered', () => {
-    expect(ALL_TOOLS.length).toBeGreaterThan(0);
+  it('all 6 tools registered', () => {
+    expect(ALL_TOOLS.length).toBe(6);
   });
 });
 

package/src/tests/slug_uniqueness.test.ts

@@ -0,0 +1,81 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import type { ToolLocaleContent } from '../types';
+
+const sharingLocales = ['ja', 'ko', 'zh'];
+
+interface ValidateParams {
+  toolId: string;
+  locale: string;
+  content: ToolLocaleContent;
+  enSlug: string;
+  slugs: Map<string, string>;
+}
+
+const validateLocaleSlug = ({
+  toolId,
+  locale,
+  content,
+  enSlug,
+  slugs,
+}: ValidateParams) => {
+  expect(
+    content.slug,
+    `Tool "${toolId}" locale "${locale}" has an invalid slug ("${content.slug}"). Slugs must be transliterated (only a-z, 0-9, and -).`,
+  ).toMatch(/^[a-z0-9-]+$/);
+
+  if (locale === 'en') {
+    return;
+  }
+
+  if (sharingLocales.includes(locale)) {
+    expect(
+      content.slug,
+      `Tool "${toolId}" locale "${locale}" must use the same slug as "en" ("${enSlug}").`,
+    ).toBe(enSlug);
+  } else {
+    expect(
+      content.slug,
+      `Tool "${toolId}" locale "${locale}" has the same slug as "en" ("${enSlug}"). Cada slug tiene que estar en su propia idioma`,
+    ).not.toBe(enSlug);
+
+    if (slugs.has(content.slug)) {
+      const previousLocale = slugs.get(content.slug);
+      expect(
+        false,
+        `Tool "${toolId}" locales "${locale}" and "${previousLocale}" share the same slug ("${content.slug}"). Cada slug tiene que estar en su propia idioma`,
+      ).toBe(true);
+    }
+    slugs.set(content.slug, locale);
+  }
+};
+
+describe('Slug Localization and Uniqueness Validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      it('every locale should have a unique, translated slug', async () => {
+        const slugs = new Map<string, string>();
+        const locales = Object.keys(tool.entry.i18n);
+
+        let enSlug = '';
+        if (locales.includes('en')) {
+          const enLoader = tool.entry.i18n['en' as keyof typeof tool.entry.i18n];
+          const enContent = (await enLoader?.()) as ToolLocaleContent;
+          enSlug = enContent.slug;
+        }
+
+        for (const locale of locales) {
+          const loader = tool.entry.i18n[locale as keyof typeof tool.entry.i18n];
+          const content = (await loader?.()) as ToolLocaleContent;
+          validateLocaleSlug({
+            toolId: tool.entry.id,
+            locale,
+            content,
+            enSlug,
+            slugs,
+          });
+        }
+      });
+    });
+  });
+});

package/src/tests/title_quality.test.ts

@@ -26,7 +26,7 @@ describe('Project Titles - Separator Validation', () => {
     ...getFiles(path.join(SRC_DIR, 'category'), ['.ts']),
   ].filter(f => f.includes('i18n'));
 
-  it.each(files)('Verify that titles in %s do not contain | or spaced -', (filePath) => {
+  it.each(files)('Verify that titles in %s do not contain | or -', (filePath) => {
     const content = fs.readFileSync(filePath, 'utf-8');
     const relativePath = path.relative(process.cwd(), filePath);
 
@@ -41,7 +41,7 @@ describe('Project Titles - Separator Validation', () => {
       let match;
       while ((match = pattern.exec(content)) !== null) {
         const title = match[1];
-        if (title.includes('|') || /\s-\s/.test(title)) {
+        if (title.includes('|') || title.includes('-')) {
           findings.push(title);
         }
       }
@@ -49,7 +49,7 @@ describe('Project Titles - Separator Validation', () => {
 
     if (findings.length > 0) {
       const list = findings.map((f) => `  - "${f}"`).join('\n');
-      throw new Error(`Forbidden separators (| or spaced -) found in titles in ${relativePath}:\n${list}`);
+      throw new Error(`Forbidden separators (| or -) found in titles in ${relativePath}:\n${list}`);
     }
   });
 });

package/src/tool/bead-pattern-generator/i18n/de.ts

@@ -0,0 +1,115 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { BeadPatternGeneratorLocaleContent } from '../index';
+
+const slug = 'perlenmuster-generator';
+const title = 'Muster Generator';
+const description = 'Erstellen Sie Pixelkunst und Perlenschemata für Miyuki oder Hama aus Ihren Fotos. Farbauantierungsalgorithmus, Tunnelblick-Modus und ZIP-Export.';
+
+const faq: BeadPatternGeneratorLocaleContent['faq'] = [
+  { question: 'Was ist Farbauantierung bei Mustern?', answer: 'Dabei werden die Tausenden von Farben in einem Foto auf einige wenige reduziert, die den tatsächlich verfügbaren Perlenfarben entsprechen (z. B. Miyuki oder Hama). Wir verwenden intelligente Algorithmen, um die visuelle Ähnlichkeit mit einer minimalen Palette beizubehalten.' },
+  { question: 'Kann ich dieses Muster für Kreuzstich verwenden?', answer: 'Ja, der Generator erstellt ein Rasterdiagramm, das perfekt für Kreuzstich geeignet ist. Sie müssen lediglich eine Rastergröße wählen, die zu Ihrem Stoff passt (Aida 14, 18 usw.).' },
+  { question: 'Was ist der Unterschied zwischen Miyuki- und Hama-Perlen?', answer: 'Miyuki Delica-Perlen sind sehr kleine, präzise Glasperlen für Schmuck. Hama-Perlen sind aus Kunststoff und werden mit einem Bügeleisen verschmolzen. Unser Werkzeug ermöglicht es Ihnen, das Seitenverhältnis anzupassen, damit sich das Muster je nach verwendetem Material nicht verzerrt.' },
+  { question: 'Wie funktioniert der Dithering-Algorithmus?', answer: 'Dithering erzeugt die Illusion von mehr Farben, indem Pixel verschiedener Farben in Abständen gemischt werden. Dies hilft dabei, Farbübergänge auch mit einer begrenzten Perlenpalette glatter erscheinen zu lassen.' },
+];
+
+const howTo: BeadPatternGeneratorLocaleContent['howTo'] = [
+  { name: 'Ein klares Bild hochladen', text: 'Wählen Sie ein Foto mit gutem Kontrast und wenigen kleinen Details, damit das Muster einfacher zu befolgen ist.' },
+  { name: 'Die Rastergröße anpassen', text: 'Legen Sie fest, wie viele Perlen breit und hoch Ihr fertiges Stück sein soll. Mehr Perlen = mehr Details, aber auch höherer Schwierigkeitsgrad.' },
+  { name: 'Die Farbpalette optimieren', text: 'Reduzieren Sie die Anzahl der Farben, bis sie mit den Perlen übereinstimmen, die Sie in Ihrem Bastelset zur Verfügung haben.' },
+  { name: 'Das Musterschema exportieren', text: 'Generieren Sie das endgültige Muster mit Farbcodes, um es als Referenz beim Zusammensetzen Ihrer Perlen auf der Platte oder dem Faden zu verwenden.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'de',
+};
+
+export const content: BeadPatternGeneratorLocaleContent = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Häufig gestellte Fragen',
+  bibliographyTitle: 'Handwerks-Bibliographie',
+  ui: {
+    title: 'Muster Labor',
+    subtitle: 'Farbtechnik für Ihre Hände',
+    description: 'Vom Foto zum Perlenschema.',
+    gridSizeLabel: 'Größe (Breite)',
+    colorCountLabel: 'Farben',
+    optionsLabel: 'Optionen',
+    rulersLabel: 'Lineale',
+    symbolsTooltip: 'Überraschungsmuster',
+    symbolsLabel: 'Symbole',
+    downloadBtn: 'Herunterladen',
+    uploadTitle: 'Laden Sie Ihre Vision hoch',
+    uploadSubtitle: 'und lassen Sie die digitale Magie wirken',
+    paletteTitle: 'Chromatische DNA',
+    reuploadBtn: 'Bild ändern',
+    tunnelVisionTitle: 'Tunnelblick',
+    tunnelVisionSubtitle: 'Ihr Präzisionsassistent Reihe für Reihe.',
+    uploadLabel: 'Laden Sie Ihr Foto hoch',
+    pixelateBtn: 'Muster generieren',
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'Referenzen'
+  },
+  seo: [
+    { type: 'title', text: 'Digitale Alchemie: Pixel in greifbare Kunst verwandeln', level: 2 },
+    { type: 'paragraph', html: 'Willkommen im <strong>Ultimativen Musterstudio</strong>. Ein <em>chromatisches Intelligenzsystem</em>, entwickelt für Pixel-Art-Architekten, Miyuki-Meister und Kreuzstich-Visionäre. Ihre Brücke zwischen Digitalem und Handwerk.' },
+    { type: 'card', icon: 'mdi:grid', title: 'Das intelligente Raster', html: 'Unser Algorithmus für <strong>räumliches Subsampling</strong> "schrumpft" Ihr Bild nicht einfach nur. Er analysiert die visuelle Struktur, um komplexe Pixelgruppen auf einzelne Zellen abzubilden und so die Integrität von Silhouetten und Kanten wie ein erfahrener Illustrator zu bewahren.' },
+    { type: 'card', icon: 'mdi:palette', title: 'K Means Farbquantisierung', html: 'Wir implementieren eine Variante des <strong>K-Means-Clustering</strong>-Algorithmus, der mathematisch die "Zentroid"-Töne Ihres Bildes findet. Erstaunliche visuelle Treue mit einer minimalistischen Palette von 12, 24 oder 32 Farben.' },
+    { type: 'title', text: 'Meisterschaft in 3 Schritten', level: 3 },
+    { type: 'card', icon: 'mdi:image-search', title: 'Die perfekte Auswahl', html: 'Suchen Sie nach <strong>hohem Kontrast</strong>, dramatischer Beleuchtung und ikonischen Formen. Porträts mit klarem Hintergrund, Logos und Vektorgrafiken lassen sich wunderbar umsetzen.' },
+    { type: 'card', icon: 'mdi:ruler', title: 'Dimensionale Kalibrierung', html: '<strong>Miyuki Delica:</strong> 50 Perlen ≈ 8 cm · <strong>Hama Midi:</strong> 50 Perlen ≈ 25 cm · <strong>Kreuzstich:</strong> 1 Zelle = 1 Stich.' },
+    { type: 'card', icon: 'mdi:eye-check', title: 'Zen Ausführung (Tunnelblick Modus)', html: 'Unser <strong>Tunnelblick</strong>-System fungiert als Ihr persönlicher Assistent, der visuelles Rauschen ausblendet und chirurgisch nur die aktive Reihe hervorhebt. Absolute Konzentration.' },
+    { type: 'title', text: 'Unendliche Leinwände', level: 3 },
+    { type: 'list', items: [
+      '<strong>Textiler Schmuck:</strong> Komplizierte Muster für Webstühle und geometrische Armbänder.',
+      '<strong>Kreuzstich:</strong> Moderne Schemata, bereit, Pixel für Pixel gestickt zu werden.',
+      '<strong>Mosaike:</strong> Großformatige Wandbilder aus vereinfachten Keramikmosaiksteinen.',
+      '<strong>Retro-Gaming:</strong> Authentische 8-Bit-Assets und Sprites in Sekunden.',
+    ]},
+    { type: 'stats', items: [
+      { value: '10–100', label: 'Perlenbreite', icon: 'mdi:arrow-expand-horizontal' },
+      { value: '2–32', label: 'Farbpalettenplätze', icon: 'mdi:palette-swatch' },
+      { value: 'K-Means', label: 'Quantisierungsalgorithmus', icon: 'mdi:function-variant' },
+      { value: 'ZIP', label: 'Exportformat (Muster + Anleitung)', icon: 'mdi:zip-box' },
+    ], columns: 4 },
+    { type: 'paragraph', html: 'In einer Ära flüchtiger Bildschirme ist das Erschaffen von etwas Physischem ein revolutionärer Akt. Dieses Werkzeug versucht nicht, Kunst zu automatisieren, sondern den <strong>Handwerker zu stärken</strong>. Wir geben Ihnen rechnerische Präzision, damit Ihre Hände bleibende Vermächtnisse schaffen können.' },
+  ],
+  faq,
+  bibliography: [
+    { name: 'Scikit-Image: Color Quantization using K-Means', url: 'https://scikit-learn.org/0.23/auto_examples/cluster/plot_color_quantization.html' },
+    { name: 'Miyuki Delica Beads Specification', url: 'https://www.miyuki-beads.co.jp/english/seedbeads/delica.html' },
+    { name: 'Visgraf Lab: Dithering Algorithms', url: 'https://www.visgraf.impa.br/Courses/ip00/proj/Dithering1/floyd_steinberg_dithering.html' },
+  ],
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/bead-pattern-generator/i18n/en.ts

@@ -84,7 +84,7 @@ export const content: BeadPatternGeneratorLocaleContent = {
     { type: 'title', text: 'Digital Alchemy: Transmute Pixels into Tangible Art', level: 2 },
     { type: 'paragraph', html: 'Welcome to the <strong>Ultimate Pattern Studio</strong>. A <em>chromatic intelligence engine</em> designed for Pixel Art architects, Miyuki masters, and cross-stitch visionaries. Your bridge between the digital and the handmade.' },
     { type: 'card', icon: 'mdi:grid', title: 'The Intelligent Grid', html: 'Our <strong>spatial subsampling</strong> algorithm does not just "shrink" your image. It analyzes the visual structure to map complex pixel groups to individual cells, preserving the integrity of silhouettes and edges like an expert illustrator.' },
-    { type: 'card', icon: 'mdi:palette', title: 'K-Means Color Quantization', html: 'We implement a variant of the <strong>K-Means Clustering</strong> algorithm that mathematically finds the "centroid" tones of your image. Astonishing visual fidelity with a minimalist palette of 12, 24 or 32 colors.' },
+    { type: 'card', icon: 'mdi:palette', title: 'K Means Color Quantization', html: 'We implement a variant of the <strong>K-Means Clustering</strong> algorithm that mathematically finds the "centroid" tones of your image. Astonishing visual fidelity with a minimalist palette of 12, 24 or 32 colors.' },
     { type: 'title', text: 'Mastery in 3 Steps', level: 3 },
     { type: 'card', icon: 'mdi:image-search', title: 'The Perfect Selection', html: 'Look for <strong>high contrast</strong>, dramatic lighting and iconic shapes. Portraits with clean backgrounds, logos, and vector art translate beautifully.' },
     { type: 'card', icon: 'mdi:ruler', title: 'Dimensional Calibration', html: '<strong>Miyuki Delica:</strong> 50 beads ≈ 8cm · <strong>Hama Midi:</strong> 50 beads ≈ 25cm · <strong>Cross-Stitch:</strong> 1 cell = 1 stitch.' },

package/src/tool/bead-pattern-generator/i18n/es.ts

@@ -84,7 +84,7 @@ export const content: BeadPatternGeneratorLocaleContent = {
     { type: 'title', text: 'Alquimia Digital: Transmuta Píxeles en Arte Tangible', level: 2 },
     { type: 'paragraph', html: 'Bienvenido al <strong>Estudio Definitivo de Patrones</strong>. Un motor de <em>inteligencia cromática</em> diseñado para arquitectos del Pixel Art, maestros del Miyuki y visionarios del punto de cruz. Tu puente entre lo digital y lo artesanal.' },
     { type: 'card', icon: 'mdi:grid', title: 'La Retícula Inteligente', html: 'Nuestro algoritmo de <strong>submuestreo espacial</strong> no solo "encoge" tu imagen. Analiza la estructura visual para mapear grupos de píxeles complejos a celdas individuales, preservando la integridad de siluetas y bordes como un dibujante experto.' },
-    { type: 'card', icon: 'mdi:palette', title: 'Cuantización K-Means', html: 'Implementamos una variante del algoritmo <strong>K-Means Clustering</strong> que encuentra matemáticamente los tonos "centroides" de tu imagen. Fidelidad visual asombrosa con una paleta minimalista de 12, 24 o 32 tonos.' },
+    { type: 'card', icon: 'mdi:palette', title: 'Cuantización de Color K Means', html: 'Implementamos una variante del algoritmo <strong>K-Means Clustering</strong> que encuentra matemáticamente los tonos "centroides" de tu imagen. Fidelidad visual asombrosa con una paleta minimalista de 12, 24 o 32 colores.' },
     { type: 'title', text: 'Maestría en 3 Pasos', level: 3 },
     { type: 'card', icon: 'mdi:image-search', title: 'La Selección Perfecta', html: 'Busca <strong>alto contraste</strong>, iluminación dramática y formas icónicas. Los retratos con fondo limpio, logotipos y arte vectorial se traducen maravillosamente.' },
     { type: 'card', icon: 'mdi:ruler', title: 'Calibración Dimensional', html: '<strong>Miyuki Delica:</strong> 50 cuentas ≈ 8cm · <strong>Hama Midi:</strong> 50 cuentas ≈ 25cm · <strong>Punto de Cruz:</strong> 1 celda = 1 puntada.' },

package/src/tool/bead-pattern-generator/i18n/fr.ts

@@ -84,7 +84,7 @@ export const content: BeadPatternGeneratorLocaleContent = {
     { type: 'title', text: 'Alchimie Numérique : Transmutez les Pixels en Art Tangible', level: 2 },
     { type: 'paragraph', html: 'Bienvenue dans le <strong>Studio de Modèles Ultime</strong>. Un <em>moteur d\'intelligence chromatique</em> conçu pour les architectes du Pixel Art, les maîtres de la Miyuki et les visionnaires du point de croix. Votre pont entre le numérique et le fait-main.' },
     { type: 'card', icon: 'mdi:grid', title: 'La Grille Intelligente', html: 'Notre algorithme de <strong>sous-échantillonnage spatial</strong> ne se contente pas de "réduire" votre image. Il analyse la structure visuelle pour mapper des groupes de pixels complexes sur des cellules individuelles, préservant l\'intégrité des silhouettes et des contours comme le ferait un illustrateur expert.' },
-    { type: 'card', icon: 'mdi:palette', title: 'Quantification de Couleurs K-Means', html: 'Nous implémentons une variante de l\'algorithme <strong>K-Means Clustering</strong> qui trouve mathématiquement les tons "centroïdes" de votre image. Une fidélité visuelle étonnante avec une palette minimaliste de 12, 24 ou 32 couleurs.' },
+    { type: 'card', icon: 'mdi:palette', title: 'Quantification de Couleurs K Means', html: 'Nous implémentons une variante de l\'algorithme <strong>K-Means Clustering</strong> qui trouve mathématiquement les tons "centroïdes" de votre image. Une fidélité visuelle étonnante avec une palette minimaliste de 12, 24 ou 32 couleurs.' },
     { type: 'title', text: 'La Maîtrise en 3 Étapes', level: 3 },
     { type: 'card', icon: 'mdi:image-search', title: 'La Sélection Parfaite', html: 'Recherchez un <strong>contraste élevé</strong>, un éclairage dramatique et des formes iconiques. Les portraits avec des fonds épurés, les logos et l\'art vectoriel se traduisent magnifiquement.' },
     { type: 'card', icon: 'mdi:ruler', title: 'Calibration Dimensionnelle', html: '<strong>Miyuki Delica :</strong> 50 perles ≈ 8 cm · <strong>Hama Midi :</strong> 50 perles ≈ 25 cm · <strong>Point de Croix :</strong> 1 cellule = 1 point.' },

package/src/tool/bead-pattern-generator/i18n/id.ts

@@ -0,0 +1,115 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { BeadPatternGeneratorLocaleContent } from '../index';
+
+const slug = 'pembuat-pola-manik';
+const title = 'Pembuat Pola';
+const description = 'Buat pixel art dan skema manik-manik untuk Miyuki atau Hama dari foto Anda. Algoritma kuantisasi warna, mode pandangan terowongan, dan ekspor ZIP.';
+
+const faq: BeadPatternGeneratorLocaleContent['faq'] = [
+  { question: 'Apa itu kuantisasi warna dalam pola?', answer: 'Ini adalah proses pengurangan ribuan warna dalam foto menjadi hanya beberapa yang sesuai dengan warna manik-manik asli yang tersedia (misalnya, Miyuki atau Hama). Kami menggunakan algoritma cerdas untuk menjaga kemiripan visual dengan palet seminimal mungkin.' },
+  { question: 'Bisakah saya menggunakan pola ini untuk sulam silang (cross-stitch)?', answer: 'Ya, generator ini membuat grafik kisi yang sangat kompatibel dengan sulam silang. Anda hanya perlu memilih ukuran kisi yang sesuai dengan kain Anda (Aida 14, 18, dsb.).' },
+  { question: 'Apa perbedaan antara Manik Miyuki dan Hama?', answer: 'Manik Miyuki Delica adalah manik-manik kaca yang sangat kecil dan presisi untuk perhiasan. Manik Hama berbahan plastik dan disatukan dengan setrika. Alat kami memungkinkan Anda menyesuaikan rasio aspek agar pola tidak terdistorsi tergantung pada bahan yang digunakan.' },
+  { question: 'Bagaimana cara kerja algoritma dithering?', answer: 'Dithering menciptakan ilusi warna yang lebih banyak dengan mencampurkan piksel dari warna yang berbeda dalam pola berjarak. Ini membantu gradasi warna tampak lebih halus meskipun dengan palet manik-manik yang terbatas.' },
+];
+
+const howTo: BeadPatternGeneratorLocaleContent['howTo'] = [
+  { name: 'Unggah gambar yang jelas', text: 'Pilih foto dengan kontras yang baik dan sedikit detail kecil agar pola lebih mudah diikuti.' },
+  { name: 'Sesuaikan ukuran kisi', text: 'Tentukan berapa banyak manik lebar dan tinggi untuk karya akhir Anda. Lebih banyak manik = lebih banyak detail tetapi lebih sulit.' },
+  { name: 'Optimalkan palet warna', text: 'Kurangi jumlah warna hingga sesuai dengan manik-manik yang tersedia dalam kit kerajinan Anda.' },
+  { name: 'Ekspor skema panduan', text: 'Hasilkan pola akhir dengan kode warna untuk digunakan sebagai referensi saat merangkai manik-manik Anda pada papan atau benang.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'id',
+};
+
+export const content: BeadPatternGeneratorLocaleContent = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+  bibliographyTitle: 'Bibliografi Artisan',
+  ui: {
+    title: 'Laboratorium Pola',
+    subtitle: 'Rekayasa warna untuk tangan Anda',
+    description: 'Dari foto ke skema manik-manik.',
+    gridSizeLabel: 'Ukuran (Lebar)',
+    colorCountLabel: 'Warna',
+    optionsLabel: 'Opsi',
+    rulersLabel: 'Penggaris',
+    symbolsTooltip: 'Pola Kejutan',
+    symbolsLabel: 'Simbol',
+    downloadBtn: 'Unduh',
+    uploadTitle: 'Unggah Visi Anda',
+    uploadSubtitle: 'dan biarkan keajaiban digital terjadi',
+    paletteTitle: 'DNA Kromatik',
+    reuploadBtn: 'Ubah Gambar',
+    tunnelVisionTitle: 'Pandangan Terowongan',
+    tunnelVisionSubtitle: 'Asisten presisi Anda baris demi baris.',
+    uploadLabel: 'Unggah foto Anda',
+    pixelateBtn: 'Hasilkan Pola',
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'Referensi'
+  },
+  seo: [
+    { type: 'title', text: 'Alkimia Digital: Mengubah Piksel Menjadi Seni Nyata', level: 2 },
+    { type: 'paragraph', html: 'Selamat datang di <strong>Studio Pola Utama</strong>. Sebuah <em>mesin kecerdasan kromatik</em> yang dirancang untuk arsitek Pixel Art, master Miyuki, dan visioner sulam silang. Jembatan Anda antara dunia digital dan buatan tangan.' },
+    { type: 'card', icon: 'mdi:grid', title: 'Kisi Cerdas', html: 'Algoritma <strong>subsampling spasial</strong> kami tidak sekadar "menyusutkan" gambar Anda. Ia menganalisis struktur visual untuk memetakan kelompok piksel yang kompleks ke sel individu, menjaga integritas siluet dan tepi layaknya ilustrator ahli.' },
+    { type: 'card', icon: 'mdi:palette', title: 'Kuantisasi Warna K Means', html: 'Kami menerapkan varian algoritma <strong>K-Means Clustering</strong> yang secara matematis menemukan nada "centroid" dari gambar Anda. Kesetiaan visual yang mengagumkan dengan palet minimalis 12, 24, atau 32 warna.' },
+    { type: 'title', text: 'Penguasaan dalam 3 Langkah', level: 3 },
+    { type: 'card', icon: 'mdi:image-search', title: 'Pilihan Sempurna', html: 'Cari <strong>kontras tinggi</strong>, pencahayaan dramatis, dan bentuk ikonik. Potret dengan latar belakang bersih, logo, dan seni vektor dapat diterjemahkan dengan indah.' },
+    { type: 'card', icon: 'mdi:ruler', title: 'Kalibrasi Dimensi', html: '<strong>Miyuki Delica:</strong> 50 manik ≈ 8cm · <strong>Hama Midi:</strong> 50 manik ≈ 25cm · <strong>Sulam Silang:</strong> 1 sel = 1 jahitan.' },
+    { type: 'card', icon: 'mdi:eye-check', title: 'Eksekusi Zen (Mode Pandangan Terowongan)', html: 'Sistem <strong>Pandangan Terowongan</strong> kami bertindak sebagai asisten pribadi Anda, meredupkan kebisingan visual dan menyoroti secara bedah hanya baris yang aktif. Konsentrasi mutlak.' },
+    { type: 'title', text: 'Kanvas Tak Terbatas', level: 3 },
+    { type: 'list', items: [
+      '<strong>Perhiasan Tekstil:</strong> Pola rumit untuk alat tenun dan gelang geometris.',
+      '<strong>Sulam Silang:</strong> Skema modern yang siap disulam piksel demi piksel.',
+      '<strong>Mosaik:</strong> Mural skala besar menggunakan tesserae keramik yang disederhanakan.',
+      '<strong>Retro Gaming:</strong> Aset dan sprite 8-bit otentik dalam hitungan detik.',
+    ]},
+    { type: 'stats', items: [
+      { value: '10–100', label: 'Rentang lebar manik', icon: 'mdi:arrow-expand-horizontal' },
+      { value: '2–32', label: 'Slot palet warna', icon: 'mdi:palette-swatch' },
+      { value: 'K-Means', label: 'Algoritma kuantisasi', icon: 'mdi:function-variant' },
+      { value: 'ZIP', label: 'Format ekspor (pola + panduan)', icon: 'mdi:zip-box' },
+    ], columns: 4 },
+    { type: 'paragraph', html: 'Di era layar yang fana, menciptakan sesuatu yang fisik adalah tindakan revolusioner. Alat ini tidak berusaha mengotomatisasi seni, tetapi untuk <strong>memberdayakan artisan</strong>. Kami memberi Anda presisi komputasi sehingga tangan Anda dapat membangun warisan yang langgeng.' },
+  ],
+  faq,
+  bibliography: [
+    { name: 'Scikit-Image: Color Quantization using K-Means', url: 'https://scikit-learn.org/0.23/auto_examples/cluster/plot_color_quantization.html' },
+    { name: 'Miyuki Delica Beads Specification', url: 'https://www.miyuki-beads.co.jp/english/seedbeads/delica.html' },
+    { name: 'Visgraf Lab: Dithering Algorithms', url: 'https://www.visgraf.impa.br/Courses/ip00/proj/Dithering1/floyd_steinberg_dithering.html' },
+  ],
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};