@jjlmoya/utils-tools 1.1.0 → 1.3.0

package/src/tool/speed-reader/i18n/tr.ts

@@ -0,0 +1,152 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { SpeedReaderUI } from '../ui';
+
+const faqData = [
+  {
+    question: 'RSVP teknolojisi nedir?',
+    answer: "RSVP, Rapid Serial Visual Presentation (Hızlı Seri Görsel Sunum) anlamına gelir. Kelimeler aynı odak noktasında teker teker görünüyor, böylece gözlerinizi soldan sağa hareket ettirme ihtiyacı ortadan kalkıyor. Bu, pratik yapıldığında anlama yeteneğinden ödün vermeden çok daha yüksek hızlarda okumaya olanak tanır.",
+  },
+  {
+    question: 'Daha hızlı okumak anlamayı azaltır mı?',
+    answer: 'Bu eğitim durumuna bağlıdır. Orta hızlarda (350-500 WPM), birçok kullanıcı iç seslendirmeyi (subvocalization) ortadan kaldırarak daha yüksek konsantrasyona ulaştığını belirtmektedir. Aşırı hızlarda (800+ WPM), önceden pratik yapılmadığında hatırlama oranı düşebilir.',
+  },
+  {
+    question: 'Ortalama okuma hızı nedir?',
+    answer: 'Ortalama bir yetişkin dakikada 200 ile 250 kelime arasında okur. RSVP okuyucusu ve biraz pratikle, mükemmel anlamayı koruyarak bu hızı ikiye katlamak (400-500 WPM) oldukça yaygındır.',
+  },
+  {
+    question: 'RSVP göz yorgunluğuna neden olur mu?',
+    answer: 'Gözlerinizi hareket ettirmenin kas eforunu ortadan kaldırarak, birçok kullanıcı geleneksel yöntemlere göre daha az yorgunlukla okuyabildiklerini fark eder. İlk başta yoğun hissettirebilir ancak beyin hızla uyum sağlar.',
+  },
+];
+
+const howToData = [
+  { name: 'Metninizi girin', text: 'Okumak istediğiniz makaleyi, kitabı veya belgeyi metin alanına yapıştırın.' },
+  { name: 'WPM Yapılandırması', text: 'Dakikadaki Kelime Sayısını (WPM) ayarlayın. Yeni başlıyorsanız 300 WPM ile başlayın ve kademeli olarak artırın.' },
+  { name: 'Bakışınızı sabitleyin', text: 'Gözlerinizi kırmızı harf (ORP odak noktası) üzerinde tutun. Kelimeleri göz hareketiyle takip etmeye çalışmayın.' },
+  { name: 'Eğitimi başlatın', text: 'Oynat düğmesine basın ve bilgilerin akmasına izin verin. İstediğiniz zaman duraklatabilirsiniz.' },
+];
+
+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: 'RSVP Hızlı Okuyucu nasıl kullanı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: 'RSVP Speed Reader',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'RSVP teknolojisi ve optimal tanıma noktası hizalaması ile okuma hızınızı dakikada 1000 kelimeye kadar eğitin.',
+};
+
+const ui: SpeedReaderUI = {
+  progressLabel: 'Okuma ilerlemesi',
+  speedLabel: 'Hız',
+  slowLabel: 'YAVAŞ',
+  fastLabel: 'TANRI',
+  speedHint: 'Sınırlarınızı zorlamak için 300 WPM ile başlayın ve kademeli olarak artırın.',
+  textLabel: 'İşlenecek metin',
+  textPlaceholder: 'Makalenizi, kitabınızı veya metninizi buraya yapıştırın...',
+  clearLabel: 'TEMİZLE',
+  words: 'kelime',
+  defaultText: 'RSVP Speed Reader\'a hoş geldiniz. Başlamak için metninizi aşağıya yapıştırın. Bu teknoloji, gereksiz göz hareketlerini ortadan kaldırarak üç kata kadar daha hızlı okumanıza yardımcı olacaktır.',
+  play: 'Oynat',
+  pause: 'Duraklat',
+};
+
+export const content: ToolLocaleContent<SpeedReaderUI> = {
+  slug: 'hizli-okuyucu',
+  title: 'Hızlı Okuma RSVP Speed Reader',
+  description: 'Okuma hızınızı dakikada 1000 kelimeye kadar eğitin. Optimal odak noktası hizalamalı RSVP teknolojisi. Entelektüel üretkenliğinizi ikiye katlayın.',
+  ui,
+  faqTitle: 'Sıkça Sorulan Sorular',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'Kaynaklar',
+  bibliography: [
+    { name: 'Rayner, K., et al. (2016). So much to read, so little time. Psychological Science in the Public Interest.', url: 'https://journals.sagepub.com/doi/full/10.1177/1529100615623267' },
+    { name: 'Forster, K. I. (1970). Visual perception of rapidly presented word sequences. Perception & Psychophysics.', url: 'https://link.springer.com/article/10.3758/BF03212522' },
+    { name: 'Öquist, G., & Goldstein, M. (2003). Towards an improved readability on mobile devices. Mobile HCI.', url: 'https://www.researchgate.net/publication/221063852_Towards_an_improved_readability_on_mobile_devices' },
+    { name: 'Juola, J. F., et al. (1982). Visual search and reading of rapid serial visual presentations. Perception & Psychophysics.', url: 'https://link.springer.com/article/10.3758/BF03202598' },
+    { name: 'Masson, M. E. J. (1983). Conceptual processing of text during rapid serial visual presentation. Journal of Educational Psychology.', url: 'https://psycnet.apa.org/record/1984-08638-001' },
+    { name: 'Saldana, D., & Greene, R. (2022). Reading effectiveness with RSVP apps. Reading Psychology.', url: 'https://www.tandfonline.com/doi/abs/10.1080/02702711.2022.2030000' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: 'Okumanın Formula 1\'i: Zihinsel Bant Genişliğinizin Kilidini Açın' },
+    {
+      type: 'paragraph',
+      html: 'Ya okuma eylemi, biyomekanik olarak bir zaman kaybı olsaydı? Beyniniz, analog bir bağlantıyla -gözlerinizle- kısıtlanmış bir süper bilgisayardır. <strong>RSVP Okuyucu</strong>, kelimeleri zihninizin onları en hızlı işlediği odak noktasında sunarak bu darboğazı kırar.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Geleneksel okuma verimsiz bir süreçtir. Gözleriniz bir tarayıcı gibi çalışmaz; seri çekim modundaki bir kamera gibi çalışır: dur, odaklan, atla. <strong>Sakkad</strong> adı verilen bu atlama hareketi, okuma sürenizin büyük bir kısmını bilgiyi özümsemek yerine sadece gözlerinizi hareket ettirmekle geçirdiğiniz anlamına gelir.',
+    },
+    {
+      type: 'tip',
+      html: '"RSVP okuma sadece daha hızlı okumak değildir. Metin ile beyniniz arasındaki mekanik sürtünmeyi ortadan kaldırmaktır."',
+    },
+    { type: 'title', level: 3, text: 'Veri Enjeksiyonunun Arkasındaki Bilim' },
+    {
+      type: 'comparative',
+      columns: 3,
+      items: [
+        {
+          icon: 'mdi:bullseye-arrow',
+          title: 'Optimal Tanıma Noktası (ORP)',
+          description: 'Her kelimenin, beyninizin onu en hızlı tanıdığı bir noktası vardır. Algoritma bu tam harfi (kırmızı olan) hesaplar ve mükemmel şekilde merkezler. Gözleriniz tek bir milimetre bile hareket etmez.',
+        },
+        {
+          icon: 'mdi:speedometer-slow',
+          title: 'Bilişsel Sessizlik',
+          highlight: true,
+          description: '400-500 WPM\'nin üzerinde, iç sesiniz susar - yetişemez. Okuduğunuzu "duymayı" bırakır ve somut anlamları ve kavramları "görmeye" başlarsınız. Bu, nihai akış (flow) halidir.',
+        },
+        {
+          icon: 'mdi:brain',
+          title: 'Görsel Nöroplastisite',
+          description: 'Spor salonuna gitmek gibi: 300 WPM başlangıçta hızlı hissettirecektir. Bir hafta sonra, 500 WPM bir yürüyüş gibi gelecektir. Görsel korteksinizi dil işleme merkezine bağlayan nöral yolları yeniden eğitiyorsunuz.',
+        },
+      ],
+    },
+    { type: 'title', level: 3, text: 'Eğitim Protokolü: Yeni Başlayandan Neo\'ya' },
+    {
+      type: 'comparative',
+      columns: 3,
+      items: [
+        {
+          title: 'Seviye 1: Uyanış (200 300 WPM)',
+          description: 'Normal okuma hızınız. Arayüze alışın. Yüzünüzü gevşetin ve kelimelerin size gelmesine izin verin. Onları "yakalamaya" çalışmayın.',
+          points: ['Yeni başlayanlar için ideal', 'ORP aşinalığı', 'Göz yorgunluğu yok'],
+        },
+        {
+          title: 'Seviye 2: Ses Duvarı (400 500 WPM)',
+          highlight: true,
+          description: 'Sihrin gerçekleştiği yer burasıdır. Rahatsızlık hissedeceksiniz. Bir kelimeyi kaçırdığınızda yavaşlamayın - beyniniz boşlukları bağlamdan doldurmayı öğrenecektir.',
+          points: ['İç seslendirme kaybolur', 'Zihinsel akış hali', 'Temel hızınızı ikiye katlayın'],
+        },
+        {
+          title: 'Seviye 3: Kurtulma Hızı (600+ WPM)',
+          description: 'İleri düzey bölge. Çalışma materyallerini gözden geçirmek, haber okumak veya temel kavramları aradığınız teknik belgeleri tüketmek için idealdir.',
+          points: ['Ortalama bir roman 2 saatte biter', 'Maksimum okuma verimliliği', 'Önceden pratik gerektirir'],
+        },
+      ],
+    },
+  ],
+};

package/src/tool/speed-reader/i18n/zh.ts

@@ -0,0 +1,152 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { SpeedReaderUI } from '../ui';
+
+const faqData = [
+  {
+    question: '什么是 RSVP 技术？',
+    answer: 'RSVP 代表 Rapid Serial Visual Presentation（急速逐次视觉呈现）。单词出现在同一个焦点的中心，每次出现一个，从而消除了眼睛从左向右移动的需要。经过练习，这可以在不牺牲理解力的情况下大幅提高阅读速度。',
+  },
+  {
+    question: '阅读速度过快会降低理解力吗？',
+    answer: '这取决于训练。在适中速度（350-500 WPM）下，许多用户通过消除默读（内心发声）报告了更高的专注度。在极端速度（800+ WPM）下，如果没有预先练习，记忆力可能会下降。',
+  },
+  {
+    question: '平均阅读速度是多少？',
+    answer: '普通成年人每分钟阅读 200 到 250 个单词。配合 RSVP 阅读器并辅以练习，通常可以将速度翻倍（400-500 WPM），且保持极佳的理解力。',
+  },
+  {
+    question: 'RSVP 会导致眼睛疲劳吗？',
+    answer: '通过消除移动眼睛的肌肉疲劳，许多用户发现阅读比传统方法更不容易疲劳。起初可能会感觉强度很大，但大脑会迅速适应。',
+  },
+];
+
+const howToData = [
+  { name: '输入文本', text: '将您想要阅读的文章、书籍或文档粘贴到文本区域。' },
+  { name: '配置 WPM', text: '调整每分钟单词数 (WPM)。如果您是初学者，请从 300 WPM 开始并逐渐增加。' },
+  { name: '固定视线', text: '盯着红色字母（ORP 焦点）。不要尝试用眼球运动来跟随单词。' },
+  { 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: '如何使用 RSVP 快速阅读器',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'RSVP Speed Reader',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: '利用 RSVP 技术和最佳识别点对齐，将您的阅读速度训练至每分钟 1000 个单词。',
+};
+
+const ui: SpeedReaderUI = {
+  progressLabel: '阅读进度',
+  speedLabel: '速度',
+  slowLabel: '慢速',
+  fastLabel: '神速',
+  speedHint: '从 300 WPM 开始并逐渐增加，挑战您的极限。',
+  textLabel: '待处理文本',
+  textPlaceholder: '在这里粘贴您的文章、书籍或文本...',
+  clearLabel: '清除',
+  words: '单词',
+  defaultText: '欢迎使用 RSVP Speed Reader。在下方粘贴您的文本以开始。这项技术通过消除不必要的眼球运动，帮助您提高三倍的阅读速度。',
+  play: '播放',
+  pause: '暂停',
+};
+
+export const content: ToolLocaleContent<SpeedReaderUI> = {
+  slug: 'speed-reader',
+  title: 'RSVP Speed Reader',
+  description: '将您的阅读速度训练至每分钟 1000 个单词。具有最佳焦点对齐功能的 RSVP 技术。使您的智力生产力翻倍。',
+  ui,
+  faqTitle: '常见问题',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: '参考文献',
+  bibliography: [
+    { name: 'Rayner, K., et al. (2016). So much to read, so little time. Psychological Science in the Public Interest.', url: 'https://journals.sagepub.com/doi/full/10.1177/1529100615623267' },
+    { name: 'Forster, K. I. (1970). Visual perception of rapidly presented word sequences. Perception & Psychophysics.', url: 'https://link.springer.com/article/10.3758/BF03212522' },
+    { name: 'Öquist, G., & Goldstein, M. (2003). Towards an improved readability on mobile devices. Mobile HCI.', url: 'https://www.researchgate.net/publication/221063852_Towards_an_improved_readability_on_mobile_devices' },
+    { name: 'Juola, J. F., et al. (1982). Visual search and reading of rapid serial visual presentations. Perception & Psychophysics.', url: 'https://link.springer.com/article/10.3758/BF03202598' },
+    { name: 'Masson, M. E. J. (1983). Conceptual processing of text during rapid serial visual presentation. Journal of Educational Psychology.', url: 'https://psycnet.apa.org/record/1984-08638-001' },
+    { name: 'Saldana, D., & Greene, R. (2022). Reading effectiveness with RSVP apps. Reading Psychology.', url: 'https://www.tandfonline.com/doi/abs/10.1080/02702711.2022.2030000' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: '阅读的方程式：释放您的精神带宽' },
+    {
+      type: 'paragraph',
+      html: '如果从生物力学的角度来看，阅读是在浪费时间呢？您的大脑是一台被模拟连接（双眼）所限制的超级计算机。<strong>RSVP 阅读器</strong>通过在您大脑处理速度最快的精确焦点上呈现单词，打破了这一瓶颈。',
+    },
+    {
+      type: 'paragraph',
+      html: '传统阅读是一个低效的过程。您的眼睛不像扫描仪那样工作；它们像连拍模式下的相机：停止、聚焦、跳跃。这种跳跃称为<strong>扫视 (saccade)</strong>，这意味着您在阅读时 spends 了大量时间仅仅是移动眼睛，而不是吸收信息。',
+    },
+    {
+      type: 'tip',
+      html: '“RSVP 阅读不仅仅是读得更快。它是消除了文本和大脑之间的机械摩擦。”',
+    },
+    { type: 'title', level: 3, text: '数据注入背后的科学' },
+    {
+      type: 'comparative',
+      columns: 3,
+      items: [
+        {
+          icon: 'mdi:bullseye-arrow',
+          title: '最佳识别点 (ORP)',
+          description: '每个单词都有一个大脑识别速度最快的点。该算法会计算精准的字母（红色部分）并将其完美居中。您的眼睛一毫米都不必移动。',
+        },
+        {
+          icon: 'mdi:speedometer-slow',
+          title: '认知静默',
+          highlight: true,
+          description: '当速度高于 400-500 WPM 时，您的内心声音会保持安静——它跟不上速度。您不再“听到”您所读的内容，而是开始“看到”纯粹的含义和概念。这是终极的心流状态。',
+        },
+        {
+          icon: 'mdi:brain',
+          title: '视觉神经可塑性',
+          description: '就像去健身房一样：起初 300 WPM 会感觉很快。一周后，500 WPM 就像散步一样。您正在重新训练连接视觉皮层与语言处理的神经通路。',
+        },
+      ],
+    },
+    { type: 'title', level: 3, text: '训练方案：从初学者到 Neo' },
+    {
+      type: 'comparative',
+      columns: 3,
+      items: [
+        {
+          title: '级别 1：觉醒 (200 到 300 WPM)',
+          description: '您的正常阅读速度。习惯界面。放松脸部，让单词呈现在您面前。不要试图“捕捉”它们。',
+          points: ['适合初学者', '熟悉 ORP', '无眼部疲劳'],
+        },
+        {
+          title: '级别 2：音障 (400 到 500 WPM)',
+          highlight: true,
+          description: '这就是奇迹发生的地方。您会感到不适。错过单词时不要慢下来——您的大脑会学会根据上下文填补空白。',
+          points: ['默读消失', '精神心流状态', '两倍基础速度'],
+        },
+        {
+          title: '级别 3：脱离速度 (600+ WPM)',
+          description: '进阶领域。非常适合复习学习材料、阅读新闻或当您在寻找核心概念时阅读技术文档。',
+          points: ['2 小时读完普通小说', '极致阅读效率', '需要预先练习'],
+        },
+      ],
+    },
+  ],
+};

package/src/tool/speed-reader/index.ts

@@ -11,6 +11,18 @@ export const speedReader: ToolsToolEntry<SpeedReaderUI> = {
     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/text-pixel-calculator/i18n/de.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: 'Wie berechne ich die Pixelbreite von Text online?',
+    answer: 'Fügen Sie Ihren Text in das Eingabefeld ein, konfigurieren Sie Schriftart und Größe, und das Tool verwendet automatisch die Browser-Canvas-API, um die exakte Breite in Pixeln zurückzugeben.',
+  },
+  {
+    question: 'Warum variiert die Pixelbreite zwischen den Schriftarten?',
+    answer: "Die meisten Schriftarten sind proportional, was bedeutet, dass jedes Zeichen eine andere Breite hat. Zum Beispiel ist ein großes 'M' in einer Standard-Sans-Serif-Schriftart immer breiter als ein kleines 'i'.",
+  },
+  {
+    question: 'Ist das Messen von Zeichen dasselbe wie das Messen von Pixeln?',
+    answer: 'Nein. Das Messen von Zeichen ergibt die String-Länge, während das Messen von Pixeln den visuellen Raum ergibt, den der Text einnimmt. Dies ist entscheidend, um sicherzustellen, dass Text in einem Webdesign nicht aus seinem Container herausläuft.',
+  },
+  {
+    question: 'Kann ich jede Google Fonts Schriftart verwenden?',
+    answer: 'Ja, solange die Schriftart auf Ihrem Betriebssystem installiert oder auf der aktuellen Seite geladen ist, misst das Tool ihre Abmessungen genau.',
+  },
+  {
+    question: 'Ist es sicher, privaten Text oder Code-Snippets zu verarbeiten?',
+    answer: 'Ja. Der Rechner arbeitet vollständig lokal. Es werden keine Daten an externe Server gesendet, was die absolute Privatsphäre für Ihre Projekte garantiert.',
+  },
+];
+
+const howToData = [
+  { name: 'Text eingeben', text: 'Geben Sie den Text, den Sie messen möchten, in den Eingabebereich ein.' },
+  { name: 'Schriftart konfigurieren', text: 'Legen Sie die Schriftfamilie, die Größe in Pixeln, das Gewicht und den Stil (kursiv) fest.' },
+  { name: 'Ergebnis ablesen', text: 'Die Pixelbreite und die Zeichenanzahl werden in Echtzeit aktualisiert.' },
+  { name: 'Wert kopieren', text: 'Klicken Sie auf „Breite kopieren“, um die Pixelanzahl in die Zwischenablage zu speichern.' },
+];
+
+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 messen Sie die Textbreite in Pixeln',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Text-Pixelbreitenrechner',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'Berechnen Sie die Pixelbreite eines beliebigen Textes basierend auf Schriftart, Größe und Stil genau.',
+};
+
+const ui: TextPixelCalculatorUI = {
+  textLabel: 'Zu messender Text',
+  textPlaceholder: 'Geben Sie hier den Text ein, den Sie messen möchten...',
+  defaultText: 'Hallo Welt',
+  fontLabel: 'Schriftfamilie',
+  sizeLabel: 'Größe (px)',
+  weightLabel: 'Gewicht',
+  italicLabel: 'Kursiv',
+  widthLabel: 'Breite (Pixel)',
+  charsLabel: 'Zeichen',
+  previewLabel: 'Visuelle Vorschau',
+  copyBtn: 'Breite kopieren',
+  resetBtn: 'Zurücksetzen',
+  copyDone: 'Breite kopiert',
+};
+
+export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
+  slug: 'text-pixel-breitenrechner',
+  title: 'Text Pixelbreitenrechner',
+  description: 'Berechnen Sie genau, wie breit ein beliebiger Text in Pixeln ist, basierend auf Schriftart, Größe und Stil. Kostenloses Tool für Designer und Entwickler.',
+  ui,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'Referenzen',
+  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: 'Messen Sie die exakte Pixelbreite eines beliebigen Textes' },
+    {
+      type: 'paragraph',
+      html: 'Läuft Ihr Text aus seinem Container heraus? Müssen Sie wissen, wie viel Platz eine Überschrift einnimmt, bevor sie gerendert wird? Die <strong>Canvas-API des Browsers</strong> ermöglicht es Ihnen, die exakte Breite einer beliebigen Zeichenfolge mit Pixelpräzision zu messen, ohne sie im DOM zu rendern.',
+    },
+    { type: 'title', level: 3, text: 'Warum das Zählen von Zeichen nicht ausreicht' },
+    {
+      type: 'paragraph',
+      html: 'Moderne Schriftarten sind <strong>proportional</strong>: Jedes Zeichen hat eine andere Breite. Ein „W“ kann dreimal mehr Platz einnehmen als ein „i“. Die Anzahl der Zeichen sagt nichts über den tatsächlichen visuellen Raum aus, den der Text einnimmt.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Webdesign:</strong> Verhindern Sie Überläufe in Schaltflächen, Beschriftungen und Tabellenzellen.',
+        '<strong>SEO:</strong> Suchmaschinen kürzen Titel nach Pixeln, nicht nach Zeichen.',
+        '<strong>Canvas und PDF:</strong> Berechnen Sie die exakte Position, bevor Sie Text programmatisch zeichnen.',
+        '<strong>Tooltips und Bubbles:</strong> Passen Sie Containergrößen dynamisch basierend auf dem enthaltenen Text an.',
+      ],
+    },
+    { type: 'title', level: 3, text: 'Wie die Messung mit Canvas funktioniert' },
+    {
+      type: 'paragraph',
+      html: 'Die Methode <code>ctx.measureText()</code> der Canvas-API gibt ein <code>TextMetrics</code>-Objekt mit einer <code>width</code>-Eigenschaft zurück, die die CSS-Pixelbreite unter Verwendung der aktuell aktiven Schriftart widerspiegelt. Dieses Tool konfiguriert den Kontext mit Ihrer Schriftart, Größe, Gewicht und Ihrem Stil vor der Messung.',
+    },
+    {
+      type: 'code',
+      ariaLabel: 'Canvas measureText Beispiel',
+      code: "const ctx = document.createElement('canvas').getContext('2d');\nctx.font = '700 16px Inter, system-ui, sans-serif';\nconst width = ctx.measureText('Hallo Welt').width; // z.B. 74.5",
+    },
+    { type: 'title', level: 3, text: 'Datenschutz und lokale Verarbeitung' },
+    {
+      type: 'paragraph',
+      html: 'Die gesamte Berechnung findet in Ihrem Browser statt. Kein Text, Code-Snippet oder private Daten verlassen Ihr Gerät.',
+    },
+    {
+      type: 'tip',
+      title: 'Google Fonts Schriftarten',
+      html: 'Um eine Google Fonts Schriftart genau zu messen, stellen Sie zunächst sicher, dass sie auf der Seite geladen oder auf Ihrem System installiert ist. Andernfalls greift der Browser auf eine Ersatzschriftart zurück und das Ergebnis weicht ab.',
+    },
+  ],
+};

package/src/tool/text-pixel-calculator/i18n/id.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: 'Bagaimana cara menghitung lebar piksel teks secara online?',
+    answer: 'Tempelkan teks Anda ke dalam kotak input, konfigurasikan font dan ukurannya, dan alat ini akan secara otomatis menggunakan API Canvas browser untuk memberikan lebar tepat dalam piksel.',
+  },
+  {
+    question: 'Mengapa lebar piksel bervariasi di antara jenis huruf?',
+    answer: "Sebagian besar font bersifat proporsional, yang berarti setiap karakter memiliki lebar yang berbeda. Misalnya, huruf besar 'M' selalu lebih lebar daripada huruf kecil 'i' dalam font sans-serif standar.",
+  },
+  {
+    question: 'Apakah mengukur karakter sama dengan mengukur piksel?',
+    answer: 'Tidak. Mengukur karakter memberi Anda panjang string, sedangkan mengukur piksel memberi Anda ruang visual yang ditempatinya. Ini sangat penting untuk memastikan teks tidak meluap dari wadahnya dalam desain web.',
+  },
+  {
+    question: 'Dapatkah saya menggunakan jenis huruf Google Fonts apa pun?',
+    answer: 'Ya, selama font terpasang di sistem operasi Anda atau dimuat di halaman saat ini, alat ini akan mengukur dimensinya secara akurat.',
+  },
+  {
+    question: 'Apakah aman untuk memproses teks pribadi atau cuplikan kode?',
+    answer: 'Ya. Kalkulator ini bekerja sepenuhnya secara lokal. Tidak ada data yang dikirim ke server eksternal, menjamin privasi lengkap untuk proyek Anda.',
+  },
+];
+
+const howToData = [
+  { name: 'Masukkan teks', text: 'Ketik atau tempel teks yang ingin Anda ukur ke area input.' },
+  { name: 'Konfigurasikan font', text: 'Atur keluarga font, ukuran dalam piksel, ketebalan, dan apakah miring.' },
+  { name: 'Baca hasilnya', text: 'Lebar piksel dan jumlah karakter diperbarui secara real-time.' },
+  { name: 'Salin nilainya', text: 'Klik "Salin Lebar" untuk menyimpan angka piksel ke papan klip.' },
+];
+
+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 mengukur lebar teks dalam piksel',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Kalkulator Lebar Piksel Teks',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'Hitung lebar piksel teks apa pun secara akurat berdasarkan font, ukuran, dan gaya.',
+};
+
+const ui: TextPixelCalculatorUI = {
+  textLabel: 'Teks untuk diukur',
+  textPlaceholder: 'Ketik atau tempel di sini teks yang ingin Anda ukur...',
+  defaultText: 'Halo Dunia',
+  fontLabel: 'Keluarga font',
+  sizeLabel: 'Ukuran (px)',
+  weightLabel: 'Ketebalan',
+  italicLabel: 'Miring',
+  widthLabel: 'Lebar (piksel)',
+  charsLabel: 'Karakter',
+  previewLabel: 'Pratinjau visual',
+  copyBtn: 'Salin Lebar',
+  resetBtn: 'Atur Ulang',
+  copyDone: 'Lebar disalin',
+};
+
+export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
+  slug: 'kalkulator-lebar-piksel-teks',
+  title: 'Kalkulator Lebar Piksel Teks',
+  description: 'Hitung secara akurat seberapa lebar teks apa pun dalam piksel berdasarkan font, ukuran, dan gaya. Alat gratis untuk desainer dan pengembang.',
+  ui,
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'Referensi',
+  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: 'Ukur lebar piksel yang tepat dari teks apa pun' },
+    {
+      type: 'paragraph',
+      html: 'Apakah teks Anda meluap dari wadahnya? Perlu tahu berapa banyak ruang yang digunakan judul sebelum merendernya? <strong>API Canvas browser</strong> memungkinkan Anda mengukur lebar tepat dari string teks apa pun dengan presisi piksel, tanpa harus merendernya di DOM.',
+    },
+    { type: 'title', level: 3, text: 'Mengapa menghitung karakter saja tidak cukup' },
+    {
+      type: 'paragraph',
+      html: 'Jenis huruf modern bersifat <strong>proporsional</strong>: setiap glif memiliki lebar yang berbeda. Huruf "W" dapat memakan ruang tiga kali lebih banyak daripada huruf "i". Jumlah karakter tidak memberi tahu Anda apa pun tentang ruang visual sebenarnya yang ditempati teks.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Desain web:</strong> Mencegah luapan (overflow) pada tombol, label, dan sel tabel.',
+        '<strong>SEO:</strong> Mesin pencari memotong judul berdasarkan piksel, bukan karakter.',
+        '<strong>Canvas dan PDF:</strong> Hitung posisi tepat sebelum menggambar teks secara terprogram.',
+        '<strong>Tooltip dan gelembung:</strong> Ukur wadah secara dinamis berdasarkan teks di dalamnya.',
+      ],
+    },
+    { type: 'title', level: 3, text: 'Cara kerja pengukuran dengan Canvas' },
+    {
+      type: 'paragraph',
+      html: 'Metode <code>ctx.measureText()</code> dari API Canvas mengembalikan objek <code>TextMetrics</code> dengan properti <code>width</code> yang mencerminkan lebar piksel CSS menggunakan font yang saat ini aktif. Alat ini mengonfigurasi konteks dengan font, ukuran, ketebalan, dan gaya Anda sebelum mengukur.',
+    },
+    {
+      type: 'code',
+      ariaLabel: 'Contoh Canvas measureText',
+      code: "const ctx = document.createElement('canvas').getContext('2d');\nctx.font = '700 16px Inter, system-ui, sans-serif';\nconst width = ctx.measureText('Halo Dunia').width; // mis. 74.5",
+    },
+    { type: 'title', level: 3, text: 'Privasi dan pemrosesan lokal' },
+    {
+      type: 'paragraph',
+      html: 'Semua perhitungan terjadi di browser Anda. Tidak ada teks, cuplikan kode, atau data pribadi yang meninggalkan perangkat Anda.',
+    },
+    {
+      type: 'tip',
+      title: 'Jenis huruf Google Fonts',
+      html: 'Untuk mengukur jenis huruf Google Fonts secara akurat, pastikan font tersebut sudah dimuat di halaman atau terpasang di sistem Anda. Jika tidak, browser akan menggunakan font pengganti dan hasilnya akan berbeda.',
+    },
+  ],
+};