@jjlmoya/utils-converters 1.1.0

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

@@ -0,0 +1,122 @@
+import type { WithContext, SoftwareApplication } from 'schema-dts';
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import type { WebpAPngLocaleContent } from '../index';
+
+const slug = 'convertisseur-webp-en-png';
+const title = 'Convertir WebP en PNG en Ligne et Gratuitement - 100% Privé';
+const description =
+  'Convertissez des images WebP en PNG dans votre navigateur. Préserve la transparence. Sans téléchargement vers des serveurs. Gratuit et 100% privé.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Faites glisser des fichiers WebP...',
+  convertText: 'Pour les convertir en PNG instantanément',
+  selectFiles: 'Sélectionner des fichiers',
+  processedFiles: 'Fichiers traités',
+  downloadAll: 'Tout télécharger (.zip)',
+  pending: 'En attente',
+  bibliographyTitle: 'Références Bibliographiques',
+  faqTitle: 'Questions Fréquentes',
+};
+
+const faq: WebpAPngLocaleContent['faq'] = [
+  {
+    question: 'Pourquoi dois-je convertir mes fichiers WebP en PNG ?',
+    answer:
+      'Bien que plus légers, les fichiers WebP peuvent causer des incompatibilités dans les programmes d\'édition comme les anciennes versions de Photoshop. Le PNG assure une compatibilité universelle à 100%.',
+  },
+  {
+    question: 'Les transparences sont-elles perdues lors de la conversion de WebP en PNG ?',
+    answer:
+      'Pas du tout. Contrairement à la conversion en JPG, le PNG prend en charge le canal alpha. Notre utilitaire préservera toutes les zones transparentes du fichier original.',
+  },
+  {
+    question: 'Puis-je télécharger des fichiers confidentiels de mon entreprise ?',
+    answer:
+      'Vous pouvez et devriez le faire. Comme tout s\'exécute localement via JavaScript, les images de votre entreprise ne quitteront jamais votre ordinateur ni ne seront stockées sur des serveurs externes.',
+  },
+];
+
+const howTo: WebpAPngLocaleContent['howTo'] = [
+  {
+    name: 'Faites glisser vos WebP',
+    text: 'Déplacez et déposez vos fichiers WebP sur le panneau principal ou sélectionnez les images traditionnellement.',
+  },
+  {
+    name: 'Conversion haute fidélité',
+    text: 'Votre navigateur redessinera l\'image pixel par pixel et générera une copie exacte en format PNG, en maintenant la gamme de couleurs originale.',
+  },
+  {
+    name: 'Téléchargement individuel ou en masse',
+    text: 'Sauvegardez chaque fichier individuellement ou, si vous avez traité un lot, cliquez sur le bouton ZIP pour les télécharger tous ensemble.',
+  },
+];
+
+const bibliography: WebpAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Documentation WebP API et bibliothèque',
+    url: 'https://developers.google.com/speed/webp/docs/api',
+  },
+  {
+    name: 'Spécification HTML Canvas 2D Context',
+    url: 'https://html.spec.whatwg.org/multipage/canvas.html',
+  },
+  {
+    name: 'Can I use: format d\'image WebP',
+    url: 'https://caniuse.com/webp',
+  },
+];
+
+const seo: WebpAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Convertisseur WebP vers PNG en Ligne Gratuit',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'WebP a été développé par Google comme alternative moderne au PNG et JPG, offrant une compression supérieure avec ou sans perte de qualité. Cependant, son adoption dans les outils d\'édition professionnels peut être limitée, rendant nécessaire la conversion WebP vers PNG pour garantir une compatibilité universelle.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Un avantage clé de la conversion WebP vers PNG est la préservation du canal alpha. Contrairement à la conversion en JPG où les fonds transparents sont remplis de blanc, le PNG maintient intégralement toutes les zones transparentes présentes dans le fichier WebP original.',
+  },
+  {
+    type: 'tip',
+    html:
+      'Si votre fichier WebP a de la transparence et que vous devez l\'éditer dans Photoshop, convertissez toujours en PNG plutôt qu\'en JPG pour conserver le canal alpha.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Le format WebP peut réduire la taille des fichiers PNG jusqu\'à 26% et les fichiers JPG jusqu\'à 34%, selon la documentation officielle de Google.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Convertissez WebP en PNG avec une confidentialité et une qualité totales, en préservant les transparences. Gratuit, sans limites et traité localement dans votre navigateur.',
+  },
+];
+
+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: 'fr',
+};
+
+export const content: WebpAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: [appSchema as any],
+};

package/src/tool/webpAPng/index.ts

@@ -0,0 +1,29 @@
+import type { ConvertersToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
+import type { ImageConverterUI } from '../../shared/ImageConverter.astro';
+import WebpAPngCalculator from './component.astro';
+import WebpAPngSEO from './seo.astro';
+import WebpAPngBibliography from './bibliography.astro';
+
+export type WebpAPngLocaleContent = ToolLocaleContent<ImageConverterUI>;
+
+export const webpAPng: ConvertersToolEntry<ImageConverterUI> = {
+  id: 'webp-a-png',
+  icons: {
+    bg: 'mdi:file-image',
+    fg: 'mdi:file-export',
+  },
+  i18n: {
+    es: () => import('./i18n/es').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+  },
+};
+
+export { WebpAPngCalculator, WebpAPngSEO, WebpAPngBibliography };
+
+export const WEBP_A_PNG_TOOL: ToolDefinition = {
+  entry: webpAPng,
+  Component: WebpAPngCalculator,
+  SEOComponent: WebpAPngSEO,
+  BibliographyComponent: WebpAPngBibliography,
+};

package/src/tool/webpAPng/seo.astro

@@ -0,0 +1,14 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { webpAPng } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await webpAPng.i18n[locale]?.();
+---
+
+{content && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tools.ts

@@ -0,0 +1,70 @@
+import { PNG_A_JPG_TOOL } from './tool/pngAJpg';
+import { JPG_A_PNG_TOOL } from './tool/jpgAPng';
+import { WEBP_A_PNG_TOOL } from './tool/webpAPng';
+import { WEBP_A_JPG_TOOL } from './tool/webpAJpg';
+import { PNG_A_WEBP_TOOL } from './tool/pngAWebp';
+import { JPG_A_WEBP_TOOL } from './tool/jpgAWebp';
+import { SVG_A_PNG_TOOL } from './tool/svgAPng';
+import { SVG_A_JPG_TOOL } from './tool/svgAJpg';
+import { IMAGEN_BASE64_TOOL } from './tool/imagenBase64';
+import { BMP_A_JPG_TOOL } from './tool/bmpAJpg';
+import { BMP_A_PNG_TOOL } from './tool/bmpAPng';
+import { BMP_A_WEBP_TOOL } from './tool/bmpAWebp';
+import { AVIF_A_JPG_TOOL } from './tool/avifAJpg';
+import { AVIF_A_PNG_TOOL } from './tool/avifAPng';
+import { AVIF_A_WEBP_TOOL } from './tool/avifAWebp';
+import { GIF_A_JPG_TOOL } from './tool/gifAJpg';
+import { GIF_A_PNG_TOOL } from './tool/gifAPng';
+import { GIF_A_WEBP_TOOL } from './tool/gifAWebp';
+import { PNG_A_ICO_TOOL } from './tool/pngAIco';
+import { JPG_A_ICO_TOOL } from './tool/jpgAIco';
+import { WEBP_A_ICO_TOOL } from './tool/webpAIco';
+import type { ToolDefinition } from './types';
+
+export const ALL_TOOLS: ToolDefinition[] = [
+  PNG_A_JPG_TOOL,
+  JPG_A_PNG_TOOL,
+  WEBP_A_PNG_TOOL,
+  WEBP_A_JPG_TOOL,
+  PNG_A_WEBP_TOOL,
+  JPG_A_WEBP_TOOL,
+  SVG_A_PNG_TOOL,
+  SVG_A_JPG_TOOL,
+  IMAGEN_BASE64_TOOL,
+  BMP_A_JPG_TOOL,
+  BMP_A_PNG_TOOL,
+  BMP_A_WEBP_TOOL,
+  AVIF_A_JPG_TOOL,
+  AVIF_A_PNG_TOOL,
+  AVIF_A_WEBP_TOOL,
+  GIF_A_JPG_TOOL,
+  GIF_A_PNG_TOOL,
+  GIF_A_WEBP_TOOL,
+  PNG_A_ICO_TOOL,
+  JPG_A_ICO_TOOL,
+  WEBP_A_ICO_TOOL,
+];
+
+export {
+  PNG_A_JPG_TOOL,
+  JPG_A_PNG_TOOL,
+  WEBP_A_PNG_TOOL,
+  WEBP_A_JPG_TOOL,
+  PNG_A_WEBP_TOOL,
+  JPG_A_WEBP_TOOL,
+  SVG_A_PNG_TOOL,
+  SVG_A_JPG_TOOL,
+  IMAGEN_BASE64_TOOL,
+  BMP_A_JPG_TOOL,
+  BMP_A_PNG_TOOL,
+  BMP_A_WEBP_TOOL,
+  AVIF_A_JPG_TOOL,
+  AVIF_A_PNG_TOOL,
+  AVIF_A_WEBP_TOOL,
+  GIF_A_JPG_TOOL,
+  GIF_A_PNG_TOOL,
+  GIF_A_WEBP_TOOL,
+  PNG_A_ICO_TOOL,
+  JPG_A_ICO_TOOL,
+  WEBP_A_ICO_TOOL,
+};

package/src/types.ts

@@ -0,0 +1,69 @@
+import type { SEOSection } from '@jjlmoya/utils-shared';
+import type { WithContext, Thing } from 'schema-dts';
+
+export type { SEOSection };
+
+export type KnownLocale =
+  | 'ar' | 'da' | 'de' | 'en' | 'es' | 'fi'
+  | 'fr' | 'it' | 'ja' | 'ko' | 'nb' | 'nl'
+  | 'pl' | 'pt' | 'ru' | 'sv' | 'tr' | 'zh';
+
+export interface FAQItem {
+  question: string;
+  answer: string;
+}
+
+export interface BibliographyEntry {
+  name: string;
+  url: string;
+}
+
+export interface HowToStep {
+  name: string;
+  text: string;
+}
+
+export interface ToolLocaleContent<TUI extends Record<string, string> = Record<string, string>> {
+  slug: string;
+  title: string;
+  description: string;
+  ui: TUI;
+  seo: SEOSection[];
+  faq: FAQItem[];
+  bibliography: BibliographyEntry[];
+  howTo: HowToStep[];
+  schemas: WithContext<Thing>[];
+}
+
+export interface CategoryLocaleContent {
+  slug: string;
+  title: string;
+  description: string;
+  seo: SEOSection[];
+}
+
+export type LocaleLoader<T> = () => Promise<T>;
+
+export type LocaleMap<T> = Partial<Record<KnownLocale, LocaleLoader<T>>>;
+
+export interface ConvertersToolEntry<TUI extends Record<string, string> = Record<string, string>> {
+  id: string;
+  icons: {
+    bg: string;
+    fg: string;
+  };
+  i18n: LocaleMap<ToolLocaleContent<TUI>>;
+}
+
+export interface ConvertersCategoryEntry {
+  icon: string;
+  tools: ConvertersToolEntry[];
+  i18n: LocaleMap<CategoryLocaleContent>;
+}
+
+export interface ToolDefinition {
+  entry: ConvertersToolEntry;
+  Component: unknown;
+  SEOComponent: unknown;
+  BibliographyComponent: unknown;
+}