@jjlmoya/utils-tools 1.2.0 → 1.3.0

package/src/tool/text-pixel-calculator/i18n/tr.ts

@@ -0,0 +1,133 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { TextPixelCalculatorUI } from '../ui';
+
+const faqData = [
+  {
+    question: 'Metnin piksel genişliğini çevrimiçi olarak nasıl hesaplarım?',
+    answer: 'Metninizi giriş kutusuna yapıştırın, yazı tipini ve boyutunu yapılandırın; araç, tam piksel genişliğini döndürmek için otomatik olarak tarayıcı Canvas API\'sini kullanacaktır.',
+  },
+  {
+    question: 'Piksel genişliği neden yazı tipleri arasında değişir?',
+    answer: "Çoğu yazı tipi orantılıdır, yani her karakterin farklı bir genişliği vardır. Örneğin, standart bir sans-serif yazı tipinde büyük 'M' harfi her zaman küçük 'i' harfinden daha geniştir.",
+  },
+  {
+    question: 'Karakter ölçmekle piksel ölçmek aynı şey midir?',
+    answer: 'Hayır. Karakter ölçmek size dizge uzunluğunu verirken, piksel ölçmek kapladığı görsel alanı verir. Bu, bir web tasarımında metnin kapsayıcısından taşmamasını sağlamak için çok önemlidir.',
+  },
+  {
+    question: 'Herhangi bir Google Fonts yazı tipini kullanabilir miyim?',
+    answer: 'Evet, yazı tipi işletim sisteminizde yüklü olduğu veya mevcut sayfada yüklendiği sürece araç boyutlarını doğru bir şekilde ölçecektir.',
+  },
+  {
+    question: 'Özel metinleri veya kod parçacıklarını işlemek güvenli midir?',
+    answer: 'Evet. Hesaplayıcı tamamen yerel olarak çalışır. Harici sunuculara hiçbir veri gönderilmez, projeleriniz için tam gizlilik garanti edilir.',
+  },
+];
+
+const howToData = [
+  { name: 'Metni girin', text: 'Ölçmek istediğiniz metni giriş alanına yazın veya yapıştırın.' },
+  { name: 'Yazı tipini yapılandırın', text: 'Yazı tipi ailesini, piksel cinsinden boyutunu, ağırlığını ve italik olup olmadığını ayarlayın.' },
+  { name: 'Sonucu okuyun', text: 'Piksel genişliği ve karakter sayısı gerçek zamanlı olarak güncellenir.' },
+  { name: 'Değeri kopyalayın', text: 'Piksel sayısını panoya kaydetmek için "Genişliği Kopyala"ya tıklayın.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: 'Metin genişliği piksel cinsinden nasıl ölçülür?',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Metin Piksel Genişliği Hesaplayıcı',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'Herhangi bir metnin yazı tipine, boyutuna ve stiline göre piksel genişliğini doğru bir şekilde hesaplayın.',
+};
+
+const ui: TextPixelCalculatorUI = {
+  textLabel: 'Ölçülecek metin',
+  textPlaceholder: 'Ölçmek istediğiniz metni buraya yazın veya yapıştırın...',
+  defaultText: 'Merhaba Dünya',
+  fontLabel: 'Yazı tipi ailesi',
+  sizeLabel: 'Boyut (px)',
+  weightLabel: 'Ağırlık',
+  italicLabel: 'İtalik',
+  widthLabel: 'Genişlik (piksel)',
+  charsLabel: 'Karakter',
+  previewLabel: 'Görsel önizleme',
+  copyBtn: 'Genişliği Kopyala',
+  resetBtn: 'Sıfırla',
+  copyDone: 'Genişlik kopyalandı',
+};
+
+export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
+  slug: 'metin-piksel-genisligi-hesaplayici',
+  title: 'Metin Piksel Genişliği Hesaplayıcı',
+  description: 'Yazı tipi, boyut ve stile göre herhangi bir metnin kaç piksel genişliğinde olduğunu doğru bir şekilde hesaplayın. Tasarımcılar ve geliştiriciler için ücretsiz araç.',
+  ui,
+  faqTitle: 'Sıkça Sorulan Sorular',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'Kaynaklar',
+  bibliography: [
+    { name: 'W3C: CSS Text Module Level 3', url: 'https://www.w3.org/TR/css-text-3/' },
+    { name: 'Google Fonts: Understanding variable fonts', url: 'https://fonts.google.com/knowledge/glossary/variable_fonts' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: 'Herhangi bir metnin tam piksel genişliğini ölçün' },
+    {
+      type: 'paragraph',
+      html: 'Metniniz kapsayıcısından taşıyor mu? Bir başlığı oluşturmadan önce ne kadar yer kapladığını bilmeniz mi gerekiyor? <strong>Tarayıcı Canvas API\'si</strong>, herhangi bir metin dizisinin tam genişliğini DOM\'da oluşturmadan piksel hassasiyetiyle ölçmenize olanak tanır.',
+    },
+    { type: 'title', level: 3, text: 'Neden karakter sayımı yeterli değildir?' },
+    {
+      type: 'paragraph',
+      html: 'Modern yazı tipleri <strong>orantılıdır</strong>: her glifin farklı bir genişliği vardır. Bir "W", bir "i"den üç kat daha fazla yer kaplayabilir. Karakter sayısı size metnin kapladığı gerçek görsel alan hakkında hiçbir şey söylemez.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Web tasarımı:</strong> Düğmelerde, etiketlerde ve tablo hücrelerinde taşmayı önleyin.',
+        '<strong>SEO:</strong> Arama motorları başlıkları karakter sayısına göre değil, piksellere göre kısaltır.',
+        '<strong>Canvas ve PDF:</strong> Programlı olarak metin çizmeden önce tam konumu hesaplayın.',
+        '<strong>Tooltip\'ler ve balonlar:</strong> Kapsayıcıları iç metne göre dinamik olarak boyutlandırın.',
+      ],
+    },
+    { type: 'title', level: 3, text: 'Canvas ile ölçüm nasıl çalışır?' },
+    {
+      type: 'paragraph',
+      html: 'Canvas API\'sinin <code>ctx.measureText()</code> yöntemi, o anda aktif olan yazı tipini kullanarak CSS piksel genişliğini yansıtan bir <code>width</code> özelliğine sahip bir <code>TextMetrics</code> nesnesi döndürür. Bu araç, ölçümden önce bağlamı yazı tipiniz, boyutunuz, ağırlığınız ve stilinizle yapılandırır.',
+    },
+    {
+      type: 'code',
+      ariaLabel: 'Canvas measureText örneği',
+      code: "const ctx = document.createElement('canvas').getContext('2d');\nctx.font = '700 16px Inter, system-ui, sans-serif';\nconst width = ctx.measureText('Merhaba Dünya').width; // örn. 74.5",
+    },
+    { type: 'title', level: 3, text: 'Gizlilik ve yerel işleme' },
+    {
+      type: 'paragraph',
+      html: 'Tüm hesaplamalar tarayıcınızda gerçekleşir. Cihazınızdan hiçbir metin, kod parçacığı veya özel veri çıkmaz.',
+    },
+    {
+      type: 'tip',
+      title: 'Google Fonts yazı tipleri',
+      html: 'Bir Google Fonts yazı tipini doğru bir şekilde ölçmek için önce sayfada yüklendiğinden veya sisteminizde yüklü olduğundan emin olun. Aksi takdirde tarayıcı yedek bir yazı tipine dönecektir ve sonuç farklı olacaktır.',
+    },
+  ],
+};

package/src/tool/text-pixel-calculator/i18n/zh.ts

@@ -0,0 +1,133 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { TextPixelCalculatorUI } from '../ui';
+
+const faqData = [
+  {
+    question: '如何在线计算文本的像素宽度？',
+    answer: '将您的文本粘贴到输入框中，配置字体和大小，工具将自动使用浏览器 Canvas API 返回精确的像素宽度。',
+  },
+  {
+    question: '为什么不同字体的像素宽度不同？',
+    answer: '大多数字体都是比例字体，这意味着每个字符都有不同的宽度。例如，在标准的无衬线字体中，大写字母“M”总是比小写字母“i”宽。',
+  },
+  {
+    question: '测量字符数和测量像素是一回事吗？',
+    answer: '不是。测量字符数得到的是字符串长度，而测量像素得到的是它占用的视觉空间。这对于确保网页设计中文本不会超出其容器至关重要。',
+  },
+  {
+    question: '我可以使用任何 Google Fonts 字体吗？',
+    answer: '是的，只要字体安装在您的操作系统上或加载在当前页面上，工具就能准确测量其尺寸。',
+  },
+  {
+    question: '处理私有文本或代码片段安全吗？',
+    answer: '安全。计算器完全在本地运行。没有任何数据被发送到外部服务器，保证了您项目的完全隐私。',
+  },
+];
+
+const howToData = [
+  { name: '输入文本', text: '在输入区域键入或粘贴您想要测量的文本。' },
+  { name: '配置字体', text: '设置字体系列、像素大小、字重以及是否斜体。' },
+  { name: '读取结果', text: '像素宽度和字符计数会进行实时更新。' },
+  { name: '复制数值', text: '点击“复制宽度”将像素值保存到剪贴板。' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: '如何测量文本的像素宽度',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: '文本像素宽度计算器',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'CNY' },
+  description: '根据字体、大小和样式精确计算任何文本的像素宽度。',
+};
+
+const ui: TextPixelCalculatorUI = {
+  textLabel: '待测量文本',
+  textPlaceholder: '在此处键入或粘贴您想要测量的文本...',
+  defaultText: '你好，世界',
+  fontLabel: '字体系列',
+  sizeLabel: '大小 (px)',
+  weightLabel: '字重',
+  italicLabel: '斜体',
+  widthLabel: '宽度 (像素)',
+  charsLabel: '字符数',
+  previewLabel: '视觉预览',
+  copyBtn: '复制宽度',
+  resetBtn: '重置',
+  copyDone: '宽度已复制',
+};
+
+export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
+  slug: 'text-pixel-width-calculator',
+  title: '文本像素宽度计算器',
+  description: '根据字体、大小和样式精确计算任何文本在像素上的宽度。专为设计师和开发者提供的免费工具。',
+  ui,
+  faqTitle: '常见问题',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: '参考文献',
+  bibliography: [
+    { name: 'W3C: CSS 文本模块第 3 级', url: 'https://www.w3.org/TR/css-text-3/' },
+    { name: 'Google Fonts: 了解可变字体', url: 'https://fonts.google.com/knowledge/glossary/variable_fonts' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: '测量任何文本的精确像素宽度' },
+    {
+      type: 'paragraph',
+      html: '您的文本是否超出了容器？在渲染标题之前需要知道它占用了多少空间？<strong>浏览器 Canvas API</strong> 允许您以像素级精度测量任何文本字符串的精确宽度，而无需将其渲染到 DOM 中。',
+    },
+    { type: 'title', level: 3, text: '为什么只计算字符数是不够的' },
+    {
+      type: 'paragraph',
+      html: '现代字体是<strong>比例字体</strong>：每个字形都有不同的宽度。一个“W”占用的空间可能是“i”的三倍。字符数无法告诉您文本实际占用的视觉空间。',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>网页设计：</strong>防止按钮、标签和表格单元格中的文本溢出。',
+        '<strong>SEO：</strong>搜索引擎是按像素而不是字符截断标题。',
+        '<strong>Canvas 和 PDF：</strong>在以编程方式绘制文本之前计算精确位置。',
+        '<strong>工具提示和气泡：</strong>根据内部文本动态调整容器大小。',
+      ],
+    },
+    { type: 'title', level: 3, text: 'Canvas 测量如何工作' },
+    {
+      type: 'paragraph',
+      html: 'Canvas API 的 <code>ctx.measureText()</code> 方法会返回一个 <code>TextMetrics</code> 对象，其中的 <code>width</code> 属性反映了使用当前有效字体时的 CSS 像素宽度。该工具在测量之前会根据您选择的字体、大小、字重和样式配置上下文。',
+    },
+    {
+      type: 'code',
+      ariaLabel: 'Canvas measureText 示例',
+      code: "const ctx = document.createElement('canvas').getContext('2d');\nctx.font = '700 16px Inter, system-ui, sans-serif';\nconst width = ctx.measureText('你好，世界').width; // 例如 74.5",
+    },
+    { type: 'title', level: 3, text: '隐私和本地处理' },
+    {
+      type: 'paragraph',
+      html: '所有计算都在您的浏览器中进行。任何文本、代码片段或私人数据都不会离开您的设备。',
+    },
+    {
+      type: 'tip',
+      title: 'Google Fonts 字体',
+      html: '为了准确测量 Google Fonts 字体，请首先确保它已在页面加载或安装在您的系统中。否则，浏览器将回退到备用字体，结果会有所不同。',
+    },
+  ],
+};

package/src/tool/text-pixel-calculator/index.ts

@@ -11,6 +11,18 @@ export const textPixelCalculator: ToolsToolEntry<TextPixelCalculatorUI> = {
     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),
+    it: () => import('./i18n/it').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };
 

package/src/tool/whatsapp-link/i18n/de.ts

@@ -0,0 +1,128 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { WhatsappLinkUI } from '../ui';
+
+const faqData = [
+  {
+    question: 'Wie erstelle ich einen WhatsApp-Link?',
+    answer: 'Um Ihren Link zu erstellen, geben Sie Ihre Mobilnummer einschließlich der Ländervorwahl ein. Geben Sie beispielsweise für Deutschland zuerst 49 ein, gefolgt von Ihrer lokalen Nummer. Sie können eine optionale Nachricht hinzufügen, und das Tool generiert den fertigen wa.me-Link, der zum Kopieren bereit ist.',
+  },
+  {
+    question: 'Kann ich eine lange vorformulierte Nachricht hinzufügen?',
+    answer: 'Ja. Sie können eine Nachricht anhängen, die automatisch im Chat-Feld erscheint, wenn jemand auf Ihren Link klickt. Das Tool verwendet die URL-Kodierung, um Leerzeichen, Akzente und Emojis zu unterstützen, ohne die URL zu beschädigen.',
+  },
+  {
+    question: 'Wie verwende ich den generierten QR-Code?',
+    answer: 'Sobald ein gültiger Link generiert wurde, erscheint die Schaltfläche „QR anzeigen“. Der QR-Code enthält Ihre Link-URL. Klicken Sie mit der rechten Maustaste darauf und wählen Sie „Bild speichern unter“, um eine saubere, hochauflösende Datei für Visitenkarten, Poster oder soziale Medien herunterzuladen.',
+  },
+  {
+    question: 'Wo landen meine Daten?',
+    answer: 'Der Generator verarbeitet alles auf der Client-Seite, direkt in Ihrem Browser. Ihre Telefonnummer und die vorformulierte Nachricht werden niemals an einen Server gesendet oder in einer Datenbank gespeichert.',
+  },
+];
+
+const howToData = [
+  { name: 'Ländervorwahl auswählen', text: 'Wählen Sie Ihre Ländervorwahl aus dem Dropdown-Menü aus und geben Sie Ihre Telefonnummer ohne die Vorwahl ein.' },
+  { name: 'Optionale Nachricht hinzufügen', text: 'Schreiben Sie einen vorformulierten Text, der erscheint, wenn jemand den Link öffnet und auf Senden tippt.' },
+  { name: 'Link generieren', text: 'Drücken Sie die grüne Schaltfläche, um Ihre direkte wa.me-URL zum Teilen zu erhalten.' },
+  { name: 'QR-Code teilen oder drucken', text: 'Kopieren Sie den Link, testen Sie den Chat oder laden Sie den QR-Code für Karten und Drucke herunter.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: 'So erstellen Sie einen direkten WhatsApp-Link',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'WhatsApp Link Generator',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'Erstellen Sie direkte WhatsApp-Chat-Links mit vorformulierten Nachrichten und QR-Codes. Kostenloses Tool, keine Registrierung, 100 % privat.',
+};
+
+const ui: WhatsappLinkUI = {
+  phoneLabel: 'WhatsApp-Telefonnummer',
+  phonePlaceholder: '170 0000000',
+  messageLabel: 'Eröffnungsnachricht (optional)',
+  messagePlaceholder: 'Hallo! Ich hätte gerne mehr Informationen über Ihren Service...',
+  generateBtn: 'Link generieren',
+  resultLabel: 'Direkter Link generiert',
+  copyTitle: 'In Zwischenablage kopieren',
+  copyDone: 'Kopiert!',
+  testBtn: 'Chat testen',
+  qrShow: 'QR anzeigen',
+  qrHide: 'QR ausblenden',
+  errorPhone: 'Bitte geben Sie eine gültige Telefonnummer ein.',
+  defaultPrefix: '49',
+};
+
+export const content: ToolLocaleContent<WhatsappLinkUI> = {
+  slug: 'whatsapp-link-generator-de',
+  title: 'WhatsApp Link Generator mit QR',
+  description: 'Erstellen Sie direkte WhatsApp-Chat-Links mit vorformulierter Nachricht und QR-Code. Kostenloses Tool, keine Registrierung, 100 % privat.',
+  ui,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'Referenzen',
+  bibliography: [
+    { name: 'So verwenden Sie die Funktion „Click to Chat“ — WhatsApp Hilfebereich', url: 'https://faq.whatsapp.com/591339899867293' },
+    { name: 'API Click to chat: Parameter und Formate — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: 'Generieren Sie kurze Direktlinks für WhatsApp' },
+    {
+      type: 'paragraph',
+      html: 'Müssen Kunden oder Follower Sie auf WhatsApp kontaktieren, ohne Ihre Nummer zuerst zu speichern? Unser <strong>wa.me Link-Creator</strong> löst dieses Problem, indem er einen Link generiert, der sofort einen direkten Chat öffnet, ohne dass weitere Schritte erforderlich sind.',
+    },
+    { type: 'title', level: 3, text: 'Wofür ist der wa.me WhatsApp Shortener gedacht?' },
+    {
+      type: 'paragraph',
+      html: 'WhatsApp bietet eine API namens „Click to Chat“ an. Über eine spezielle URL kann jeder Nutzer einen neuen Chat mit Ihnen eröffnen, ohne Sie vorher als Kontakt hinzufügen zu müssen, sowohl vom Handy als auch von WhatsApp Web aus.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Mehr Konversionen:</strong> Ein „Kontakt über WhatsApp“-Button in Ihrem Shop reduziert Hürden und steigert die Verkäufe.',
+        '<strong>Vorformulierte Nachricht:</strong> Der Nutzer drückt einfach auf „Senden“. Beispiel: „Hallo! Ich komme von Instagram und möchte das Angebot in Anspruch nehmen.“',
+        '<strong>Automatischer QR-Code:</strong> Laden Sie den QR-Code für Visitenkarten, Poster oder Social-Media-Posts herunter.',
+      ],
+    },
+    { type: 'title', level: 3, text: 'Wie funktioniert die Link-Generierung?' },
+    {
+      type: 'paragraph',
+      html: 'Das Tool verknüpft die Ländervorwahl und die bereinigte Telefonnummer und hängt sie dann zusammen mit dem über <em>URL-Kodierung</em> konvertierten Nachrichtensuchparameter an die offizielle WhatsApp-API an.',
+    },
+    {
+      type: 'code',
+      ariaLabel: 'WhatsApp URL-Format',
+      code: 'https://wa.me/49XXXXXXXXX\nhttps://wa.me/49XXXXXXXXX?text=%C2%A1Hallo!%20Ich%20m%C3%B6chte...',
+    },
+    { type: 'title', level: 3, text: 'Garantierte Privatsphäre und lokale Verarbeitung' },
+    {
+      type: 'paragraph',
+      html: 'Die gesamte Link-Erstellung findet in Ihrem Browser über JavaScript statt. Kein Server zeichnet Ihre eingegebenen Telefonnummern oder Nachrichten auf, speichert sie oder liest sie. Ihre Privatsphäre ist vollständig geschützt.',
+    },
+    {
+      type: 'tip',
+      title: 'Bedeutung der Ländervorwahl',
+      html: 'Damit WhatsApp die Nachricht korrekt weiterleitet, ist die Ländervorwahl zwingend erforderlich. Für Deutschland ist sie <strong>49</strong>, gefolgt von Ihrer Mobilnummer, ohne Leerzeichen oder das +-Symbol. Das Endergebnis wäre zum Beispiel <code>4917XXXXXXXX</code>.',
+    },
+  ],
+};

package/src/tool/whatsapp-link/i18n/es.ts

@@ -72,7 +72,7 @@ const ui: WhatsappLinkUI = {
 };
 
 export const content: ToolLocaleContent<WhatsappLinkUI> = {
-  slug: 'generador-enlaces-whatsapp',
+  slug: 'generador-enlace-whatsapp',
   title: 'Generador de Enlace WhatsApp con QR',
   description: 'Crea enlaces directos a tu chat de WhatsApp con mensaje predefinido y código QR. Herramienta gratuita, sin registro y 100% privada.',
   ui,

package/src/tool/whatsapp-link/i18n/id.ts

@@ -0,0 +1,128 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { WhatsappLinkUI } from '../ui';
+
+const faqData = [
+  {
+    question: 'Bagaimana cara membuat tautan WhatsApp?',
+    answer: 'Untuk membuat tautan Anda, masukkan nomor ponsel Anda termasuk kode negara. Misalnya, untuk Spanyol masukkan 34 terlebih dahulu, untuk Indonesia 62, diikuti dengan nomor lokal Anda. Anda dapat menambahkan pesan opsional dan alat ini akan menghasilkan tautan wa.me final yang siap disalin.',
+  },
+  {
+    question: 'Dapatkah saya menambahkan pesan panjang yang sudah diisi sebelumnya?',
+    answer: 'Ya. Anda dapat melampirkan pesan yang akan muncul secara otomatis di kotak obrolan saat seseorang mengklik tautan Anda. Alat ini menggunakan encoding URL untuk mendukung spasi, aksen, dan emoji tanpa merusak URL.',
+  },
+  {
+    question: 'Bagaimana cara menggunakan kode QR yang dihasilkan?',
+    answer: 'Setelah tautan valid dibuat, tombol "Tampilkan QR" muncul. Kode QR berisi URL tautan Anda. Klik kanan padanya dan pilih "Simpan gambar sebagai" untuk mengunduh file bersih beresolusi tinggi untuk kartu nama, poster, atau media sosial.',
+  },
+  {
+    question: 'Ke mana data saya pergi?',
+    answer: 'Generator memproses semuanya di sisi klien, langsung di browser Anda. Nomor telepon dan pesan yang Anda isi tidak pernah dikirim ke server mana pun atau disimpan dalam database apa pun.',
+  },
+];
+
+const howToData = [
+  { name: 'Pilih prefiks', text: 'Pilih kode negara Anda dari dropdown dan masukkan nomor telepon Anda tanpa prefiks.' },
+  { name: 'Tambahkan pesan opsional', text: 'Tulis teks yang sudah diisi sebelumnya yang akan muncul saat seseorang membuka tautan dan mengetuk Kirim.' },
+  { name: 'Buat tautan', text: 'Tekan tombol hijau untuk mendapatkan URL wa.me langsung yang siap dibagikan.' },
+  { name: 'Bagikan atau cetak QR', text: 'Salin tautan, uji obrolan, atau unduh kode QR untuk kartu dan pencetakan.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: 'Cara membuat tautan WhatsApp langsung',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Pembuat Tautan WhatsApp',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'Buat tautan obrolan WhatsApp langsung dengan pesan yang sudah diisi sebelumnya dan kode QR. Alat gratis, tanpa pendaftaran, 100% pribadi.',
+};
+
+const ui: WhatsappLinkUI = {
+  phoneLabel: 'Nomor Telepon WhatsApp',
+  phonePlaceholder: '0812 3456 789',
+  messageLabel: 'Pesan pembuka (opsional)',
+  messagePlaceholder: 'Halo! Saya ingin informasi lebih lanjut tentang layanan Anda...',
+  generateBtn: 'Buat Tautan',
+  resultLabel: 'Tautan Langsung Berhasil Dibuat',
+  copyTitle: 'Salin ke papan klip',
+  copyDone: 'Disalin!',
+  testBtn: 'Uji Obrolan',
+  qrShow: 'Tampilkan QR',
+  qrHide: 'Sembunyikan QR',
+  errorPhone: 'Harap masukkan nomor telepon yang valid.',
+  defaultPrefix: '62',
+};
+
+export const content: ToolLocaleContent<WhatsappLinkUI> = {
+  slug: 'pembuat-tautan-whatsapp',
+  title: 'Pembuat Tautan WhatsApp dengan QR',
+  description: 'Buat tautan obrolan WhatsApp langsung dengan pesan yang sudah diisi sebelumnya dan kode QR. Alat gratis, tanpa pendaftaran, 100% pribadi.',
+  ui,
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'Referensi',
+  bibliography: [
+    { name: 'Cara menggunakan fitur klik untuk chat — Pusat Bantuan WhatsApp', url: 'https://faq.whatsapp.com/591339899867293' },
+    { name: 'API Klik untuk chat: parameter dan format — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: 'Buat tautan langsung pendek untuk WhatsApp' },
+    {
+      type: 'paragraph',
+      html: 'Butuh pelanggan atau pengikut untuk menghubungi Anda di WhatsApp tanpa harus menyimpan nomor Anda terlebih dahulu? <strong>Pembuat tautan wa.me</strong> kami mengatasi hal ini dengan menghasilkan tautan yang membuka obrolan langsung secara instan, tanpa langkah awal.',
+    },
+    { type: 'title', level: 3, text: 'Untuk apa penyingkat WhatsApp wa.me?' },
+    {
+      type: 'paragraph',
+      html: 'WhatsApp menawarkan API yang disebut "Klik untuk Chat". Menggunakan URL khusus, setiap pengguna dapat membuka obrolan baru dengan Anda tanpa perlu menambahkan Anda sebagai kontak terlebih dahulu, baik dari ponsel maupun WhatsApp Web.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Lebih banyak konversi:</strong> Tombol "Hubungi via WhatsApp" di toko Anda mengurangi hambatan dan meningkatkan penjualan.',
+        '<strong>Pesan yang sudah diisi:</strong> Pengguna hanya perlu menekan "Kirim". Contoh: "Halo! Saya datang dari Instagram dan ingin mengklaim penawarannya."',
+        '<strong>Kode QR otomatis:</strong> Unduh QR untuk kartu nama, poster, atau postingan media sosial.',
+      ],
+    },
+    { type: 'title', level: 3, text: 'Bagaimana cara kerja pembuatan tautan?' },
+    {
+      type: 'paragraph',
+      html: 'Alat ini menggabungkan prefiks internasional dan nomor telepon yang bersih, lalu menambahkannya ke API resmi WhatsApp bersama parameter pesan yang dikonversi melalui <em>url-encoding</em>.',
+    },
+    {
+      type: 'code',
+      ariaLabel: 'Format URL WhatsApp',
+      code: 'https://wa.me/62XXXXXXXXX\nhttps://wa.me/62XXXXXXXXX?text=%C2%A1Halo!%20Saya%20ingin...',
+    },
+    { type: 'title', level: 3, text: 'Privasi terjamin dan pemrosesan lokal' },
+    {
+      type: 'paragraph',
+      html: 'Semua pembuatan tautan terjadi di browser Anda melalui JavaScript. Tidak ada server yang mencatat, menyimpan, atau membaca nomor telepon atau pesan yang Anda masukkan. Privasi Anda sepenuhnya terlindungi.',
+    },
+    {
+      type: 'tip',
+      title: 'Pentingnya prefiks internasional',
+      html: 'Agar WhatsApp dapat merutekan pesan dengan benar, kode negara wajib diisi. Untuk Indonesia adalah <strong>62</strong>, diikuti oleh nomor ponsel, tanpa spasi atau simbol +. Hasil akhirnya, misalnya, adalah <code>628XXXXXXXXX</code>.',
+    },
+  ],
+};