@jjlmoya/utils-tools 1.12.0 → 1.14.0

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'QRコード付きWhatsAppリンク作成ツール',
   description: '定型メッセージとQRコード付きのWhatsApp直通チャットリンクを作成します。無料ツール、登録不要、100%プライベート。',
   ui,
-  faqTitle: 'よくある質問',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: '参考文献',
-  bibliography: [
-    { name: '「クリックしてチャット」機能の使い方 — WhatsAppヘルプセンター', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API クリックしてチャット：パラメータと形式 — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'WhatsApp用の短い直通リンクを生成' },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'QR 포함 WhatsApp 링크 생성기',
   description: '미리 채워진 메시지와 QR 코드가 포함된 WhatsApp 직통 채팅 링크를 만드세요. 무료 도구, 가입 불필요, 100% 개인 정보 보호.',
   ui,
-  faqTitle: '자주 묻는 질문',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: '참고 문헌',
-  bibliography: [
-    { name: '클릭해서 채팅하기 기능 사용 방법 — WhatsApp 고객 센터', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API 클릭해서 채팅하기: 파라미터 및 형식 — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'WhatsApp용 짧은 직통 링크 생성' },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'WhatsApp Link Generator met QR',
   description: 'Maak directe WhatsApp-chatlinks met vooraf ingevuld bericht en QR-code. Gratis tool, geen registratie, 100% privé.',
   ui,
-  faqTitle: 'Veelgestelde Vragen',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: 'Referenties',
-  bibliography: [
-    { name: 'De functie "Klik om te chatten" gebruiken — WhatsApp Helpcentrum', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API Klik om te chatten: parameters en formaten — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'Genereer korte directe links voor WhatsApp' },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -13,7 +14,7 @@ const faqData = [
   },
   {
     question: 'Jak korzystać z wygenerowanego kodu QR?',
-    answer: 'Po wygenerowaniu prawidłowego linku pojawi się przycisk „Pokaż QR”. Kod QR zawiera adres URL Twojego linku. Kliknij go prawym przyciskiem myszy i wybierz „Zapisz obraz jako”, aby pobrać czysty plik o wysokiej rozdzielczości do wizytówek, plakatów lub mediów społecznościowych.',
+    answer: 'Po wygenerowaniu prawidłowego linku pojawi się przycisk "Pokaż QR". Kod QR zawiera adres URL Twojego linku. Kliknij go prawym przyciskiem myszy i wybierz "Zapisz obraz jako", aby pobrać czysty plik o wysokiej rozdzielczości do wizytówek, plakatów lub mediów społecznościowych.',
   },
   {
     question: 'Gdzie trafiają moje dane?',
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'Generator Linków WhatsApp z QR',
   description: 'Twórz bezpośrednie linki do czatu WhatsApp ze wstępnie wypełnioną wiadomością i kodem QR. Darmowe narzędzie, bez rejestracji, w 100% prywatne.',
   ui,
-  faqTitle: 'Często zadawane pytania',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: 'Źródła',
-  bibliography: [
-    { name: 'Jak korzystać z funkcji kliknij i rozmawiaj — Centrum pomocy WhatsApp', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API Click to chat: parametry i formaty — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'Generuj krótkie linki bezpośrednie do WhatsApp' },
@@ -94,13 +92,13 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     { type: 'title', level: 3, text: 'Do czego służy skracacz WhatsApp wa.me?' },
     {
       type: 'paragraph',
-      html: 'WhatsApp oferuje interfejs API o nazwie „Kliknij i rozmawiaj”. Za pomocą specjalnego adresu URL każdy użytkownik może otworzyć z Tobą nowy czat bez konieczności dodawania Cię najpierw do kontaktów, zarówno z telefonu komórkowego, jak i przez WhatsApp Web.',
+      html: 'WhatsApp oferuje interfejs API o nazwie "Kliknij i rozmawiaj". Za pomocą specjalnego adresu URL każdy użytkownik może otworzyć z Tobą nowy czat bez konieczności dodawania Cię najpierw do kontaktów, zarówno z telefonu komórkowego, jak i przez WhatsApp Web.',
     },
     {
       type: 'list',
       items: [
-        '<strong>Większa konwersja:</strong> Przycisk „Kontakt przez WhatsApp” w Twoim sklepie zmniejsza opory i zwiększa sprzedaż.',
-        '<strong>Wstępnie wypełniona wiadomość:</strong> Użytkownik po prostu naciska „Wyślij”. Przykład: „Cześć! Piszę z Instagrama i chcę skorzystać z oferty”.',
+        '<strong>Większa konwersja:</strong> Przycisk "Kontakt przez WhatsApp" w Twoim sklepie zmniejsza opory i zwiększa sprzedaż.',
+        '<strong>Wstępnie wypełniona wiadomość:</strong> Użytkownik po prostu naciska "Wyślij". Przykład: "Cześć! Piszę z Instagrama i chcę skorzystać z oferty".',
         '<strong>Automatyczny kod QR:</strong> Pobierz kod QR do wizytówek, plakatów lub postów w mediach społecznościowych.',
       ],
     },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'Gerador de Links do WhatsApp com QR',
   description: 'Crie links diretos de conversa do WhatsApp com mensagem pré-preenchida e código QR. Ferramenta gratuita, sem registo, 100% privada.',
   ui,
-  faqTitle: 'Perguntas Frequentes',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: 'Referências',
-  bibliography: [
-    { name: 'Como utilizar o recurso "conversa em um clique" — Centro de Ajuda do WhatsApp', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API de conversa em um clique: parâmetros e formatos — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'Gere links diretos curtos para o WhatsApp' },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -13,7 +14,7 @@ const faqData = [
   },
   {
     question: 'Как использовать сгенерированный QR-код?',
-    answer: 'Как только будет создана действительная ссылка, появится кнопка «Показать QR». QR-код содержит URL-адрес вашей ссылки. Нажмите на него правой кнопкой мыши и выберите «Сохранить изображение как», чтобы загрузить чистый файл в высоком разрешении для визиток, плакатов или социальных сетей.',
+    answer: 'Как только будет создана действительная ссылка, появится кнопка "Показать QR". QR-код содержит URL-адрес вашей ссылки. Нажмите на него правой кнопкой мыши и выберите "Сохранить изображение как", чтобы загрузить чистый файл в высоком разрешении для визиток, плакатов или социальных сетей.',
   },
   {
     question: 'Куда попадают мои данные?',
@@ -23,7 +24,7 @@ const faqData = [
 
 const howToData = [
   { name: 'Выберите префикс', text: 'Выберите код своей страны из выпадающего списка и введите свой номер телефона без префикса.' },
-  { name: 'Добавьте необязательное сообщение', text: 'Напишите предзаполненный текст, который появится, когда кто-то откроет ссылку и нажмет «Отправить».' },
+  { name: 'Добавьте необязательное сообщение', text: 'Напишите предзаполненный текст, который появится, когда кто-то откроет ссылку и нажмет "Отправить".' },
   { name: 'Создайте ссылку', text: 'Нажмите зеленую кнопку, чтобы получить прямую ссылку wa.me, готовую к отправке.' },
   { name: 'Поделитесь или распечатайте QR', text: 'Скопируйте ссылку, проверьте чат или скачайте QR-код для визиток и печати.' },
 ];
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'Генератор ссылок WhatsApp с QR',
   description: 'Создавайте прямые ссылки для чата WhatsApp с предзаполненным сообщением и QR-кодом. Бесплатный инструмент, без регистрации, 100% конфиденциально.',
   ui,
-  faqTitle: 'Часто задаваемые вопросы',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: 'Источники',
-  bibliography: [
-    { name: 'Как использовать функцию «Прямая связь» — Справочный центр WhatsApp', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API «Прямая связь»: параметры и форматы — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'Создавайте короткие прямые ссылки для WhatsApp' },
@@ -94,13 +92,13 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     { type: 'title', level: 3, text: 'Для чего нужен сокращатель WhatsApp wa.me?' },
     {
       type: 'paragraph',
-      html: 'WhatsApp предлагает API под названием «Прямая связь». Используя специальный URL-адрес, любой пользователь может начать с вами новый чат, не добавляя вас в контакты, как с мобильного телефона, так и через WhatsApp Web.',
+      html: 'WhatsApp предлагает API под названием "Прямая связь". Используя специальный URL-адрес, любой пользователь может начать с вами новый чат, не добавляя вас в контакты, как с мобильного телефона, так и через WhatsApp Web.',
     },
     {
       type: 'list',
       items: [
-        '<strong>Больше конверсий:</strong> кнопка «Связаться через WhatsApp» в вашем магазине снижает барьеры и увеличивает продажи.',
-        '<strong>Предзаполненное сообщение:</strong> пользователю достаточно нажать «Отправить». Пример: «Здравствуйте! Я с Instagram и хочу воспользоваться предложением».',
+        '<strong>Больше конверсий:</strong> кнопка "Связаться через WhatsApp" в вашем магазине снижает барьеры и увеличивает продажи.',
+        '<strong>Предзаполненное сообщение:</strong> пользователю достаточно нажать "Отправить". Пример: "Здравствуйте! Я с Instagram и хочу воспользоваться предложением".',
         '<strong>Автоматический QR-код:</strong> скачайте QR-код для визиток, плакатов или постов в социальных сетях.',
       ],
     },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'WhatsApp länkgenerator med QR',
   description: 'Skapa direkta WhatsApp-chattlänkar med förifyllt meddelande och QR-kod. Gratis verktyg, ingen registrering, 100 % privat.',
   ui,
-  faqTitle: 'Vanliga frågor',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: 'Referenser',
-  bibliography: [
-    { name: 'Hur du använder funktionen "klicka för att chatta" — WhatsApp hjälpcenter', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API Klicka för att chatta: parametrar och format — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'Skapa korta direktlänkar för WhatsApp' },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: 'QR Kodlu WhatsApp Bağlantı Oluşturucu',
   description: 'Önceden doldurulmuş mesaj ve QR kodu ile doğrudan WhatsApp sohbet bağlantıları oluşturun. Ücretsiz araç, kayıt yok, %100 özel.',
   ui,
-  faqTitle: 'Sıkça Sorulan Sorular',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: 'Kaynaklar',
-  bibliography: [
-    { name: 'Tıkla Sohbet Et özelliği nasıl kullanılır — WhatsApp Yardım Merkezi', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API Tıkla Sohbet Et: parametreler ve formatlar — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: 'WhatsApp için kısa doğrudan bağlantılar oluşturun' },

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { WhatsappLinkUI } from '../ui';
@@ -13,7 +14,7 @@ const faqData = [
   },
   {
     question: '如何使用生成的二维码？',
-    answer: '生成有效链接后，将出现“显示二维码”按钮。二维码包含您的链接 URL。右键点击二维码并选择“图片另存为”，即可下载用于名片、海报或社交媒体的高分辨率图片。',
+    answer: '生成有效链接后，将出现"显示二维码"按钮。二维码包含您的链接 URL。右键点击二维码并选择"图片另存为"，即可下载用于名片、海报或社交媒体的高分辨率图片。',
   },
   {
     question: '我的数据会流向何处？',
@@ -76,14 +77,11 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
   title: '带二维码的 WhatsApp 链接生成器',
   description: '创建带有预填消息和二维码的 WhatsApp 直接聊天链接。免费工具，无需注册，100% 隐私保护。',
   ui,
-  faqTitle: '常见问题',
+  
   faq: faqData,
   howTo: howToData,
-  bibliographyTitle: '参考文献',
-  bibliography: [
-    { name: '如何使用“点击聊天”功能 — WhatsApp 帮助中心', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API 点击聊天：参数和格式 — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
-  ],
+  
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     { type: 'title', level: 2, text: '为 WhatsApp 生成简短的直接链接' },
@@ -94,13 +92,13 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     { type: 'title', level: 3, text: 'wa.me WhatsApp 短链接有什么用？' },
     {
       type: 'paragraph',
-      html: 'WhatsApp 提供了一个名为“点击聊天”的 API。通过使用特殊的 URL，任何用户都可以与您开启新聊天，而无需先将您添加为联系人，无论是在手机上还是通过 WhatsApp 网页版。',
+      html: 'WhatsApp 提供了一个名为"点击聊天"的 API。通过使用特殊的 URL，任何用户都可以与您开启新聊天，而无需先将您添加为联系人，无论是在手机上还是通过 WhatsApp 网页版。',
     },
     {
       type: 'list',
       items: [
-        '<strong>提高转化率：</strong>在您的商店中添加“通过 WhatsApp 联系”按钮可减少摩擦并增加销售额。',
-        '<strong>预填消息：</strong>用户只需按“发送”。例如：“您好！我从 Instagram 过来，想领取优惠。”',
+        '<strong>提高转化率：</strong>在您的商店中添加"通过 WhatsApp 联系"按钮可减少摩擦并增加销售额。',
+        '<strong>预填消息：</strong>用户只需按"发送"。例如："您好！我从 Instagram 过来，想领取优惠。"',
         '<strong>自动二维码：</strong>下载二维码用于名片、海报或社交媒体贴子。',
       ],
     },

package/src/tool/whatsapp-link/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await whatsappLink.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/whatsapp-link/whatsapp-link-generator.css

@@ -27,6 +27,13 @@
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
+    box-sizing: border-box;
+  }
+
+  .wl-root *,
+  .wl-root *::before,
+  .wl-root *::after {
+    box-sizing: border-box;
   }
 
   .theme-dark .wl-root {
@@ -50,7 +57,9 @@
     background: var(--wl-panel-bg);
     border: 1px solid var(--wl-panel-border);
     border-radius: 1.25rem;
-    padding: 1.5rem;
+    width: 100%;
+    min-width: 0;
+    padding: clamp(1rem, 4vw, 1.5rem);
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
@@ -73,11 +82,14 @@
   .wl-phone-row {
     display: flex;
     gap: 0.5rem;
+    width: 100%;
+    min-width: 0;
   }
 
   .wl-prefix-select {
     flex-shrink: 0;
-    width: 7.5rem;
+    width: min(7.5rem, 42%);
+    min-width: 6.75rem;
     background: var(--wl-field-bg);
     border: 1px solid var(--wl-field-border);
     border-radius: 0.75rem;
@@ -96,6 +108,8 @@
 
   .wl-phone-input {
     flex: 1;
+    min-width: 0;
+    width: 100%;
     background: var(--wl-field-bg);
     border: 1px solid var(--wl-field-border);
     border-radius: 0.75rem;
@@ -183,7 +197,9 @@
     background: var(--wl-result-bg);
     border: 1px solid var(--wl-result-border);
     border-radius: 1.25rem;
-    padding: 1.25rem 1.5rem;
+    width: 100%;
+    min-width: 0;
+    padding: clamp(1rem, 4vw, 1.5rem);
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
@@ -205,10 +221,12 @@
     display: flex;
     align-items: center;
     gap: 0.625rem;
+    min-width: 0;
   }
 
   .wl-link-display {
     flex: 1;
+    min-width: 0;
     font-size: 0.8rem;
     font-weight: 500;
     color: var(--wl-link-color);
@@ -257,6 +275,25 @@
   }
 
   .wl-qr-canvas {
+    max-width: 100%;
+    height: auto;
     border-radius: 0.75rem;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
+  }
+
+  @media (max-width: 24rem) {
+    .wl-phone-row,
+    .wl-result-row {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .wl-prefix-select {
+      width: 100%;
+      min-width: 0;
+    }
+
+    .wl-result-actions {
+      justify-content: flex-end;
+    }
+  }

package/src/types.ts

@@ -29,9 +29,7 @@ export interface ToolLocaleContent<TUI extends Record<string, string> = Record<s
   description: string;
   ui: TUI;
   seo: SEOSection[];
-  faqTitle?: string;
   faq: FAQItem[];
-  bibliographyTitle?: string;
   bibliography: BibliographyEntry[];
   howTo: HowToStep[];
   schemas: WithContext<Thing>[];