@jjlmoya/utils-hardware 1.1.0

package/package.json

@@ -0,0 +1,60 @@
+{
+    "name": "@jjlmoya/utils-hardware",
+    "version": "1.1.0",
+    "type": "module",
+    "main": "./src/index.ts",
+    "types": "./src/index.ts",
+    "exports": {
+        ".": "./src/index.ts",
+        "./data": "./src/data.ts"
+    },
+    "files": [
+        "src"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "dev": "astro dev",
+        "start": "astro dev",
+        "build": "astro build",
+        "preview": "astro preview",
+        "astro": "astro",
+        "lint": "eslint src/ --max-warnings 0 && stylelint \"src/**/*.{css,astro}\"",
+        "check": "astro check",
+        "type-check": "astro check",
+        "test": "vitest run",
+        "preversion": "npm run lint && npm run test",
+        "postversion": "git push && git push --tags",
+        "patch": "npm version patch",
+        "minor": "npm version minor",
+        "major": "npm version major"
+    },
+    "lint-staged": {
+        "*.{ts,tsx,astro}": [
+            "eslint --fix"
+        ]
+    },
+    "dependencies": {
+        "@iconify-json/mdi": "^1.2.3",
+        "@jjlmoya/utils-shared": "1.2.0",
+        "astro": "^6.1.2",
+        "astro-icon": "^1.1.0"
+    },
+    "devDependencies": {
+        "@astrojs/check": "^0.9.8",
+        "eslint": "^9.39.4",
+        "eslint-plugin-astro": "^1.6.0",
+        "eslint-plugin-no-comments": "^1.1.10",
+        "husky": "^9.1.7",
+        "lint-staged": "^16.4.0",
+        "postcss-html": "^1.8.1",
+        "schema-dts": "^1.1.2",
+        "stylelint": "^17.6.0",
+        "stylelint-config-standard": "^40.0.0",
+        "stylelint-declaration-strict-value": "^1.11.1",
+        "typescript": "^5.4.0",
+        "typescript-eslint": "^8.58.0",
+        "vitest": "^4.1.2"
+    }
+}

package/src/category/i18n/en.ts

@@ -0,0 +1,107 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'hardware-tools',
+  title: 'Hardware Testing & Diagnostic Tools',
+  description: 'Verify the status of your peripherals and display with free online tools. Test dead pixels, keyboard ghosting, gamepad drift, and battery health.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Diagnostic Peripherals and Displays: Precision Without Software',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Maintaining hardware no longer requires installing heavy diagnostic applications. In this section, we offer a suite of <strong>free online tools</strong> designed to test your components using native web APIs. From detecting LED panel fatigue to measuring polling rates of gaming peripherals, we apply standard testing protocols so you know the real state of your equipment.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Our utilities are ideal for users who just purchased a product and want to verify its integrity, or for gamers seeking to optimize their competitive setup by detecting latency or accuracy failures.',
+    },
+    {
+      type: 'title',
+      text: 'Visual Health: Dead Pixel Testing and Repair',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'A monitor with defective pixels can ruin your user experience. Our <strong>pixel test</strong> displays pure colors in fullscreen to identify dead pixels (black) or stuck pixels (locked in one color). Plus, we include a stroboscope optimizer designed to unstick subpixels through rapid chromatic frequency changes.',
+    },
+    {
+      type: 'title',
+      text: 'Input Controllers: Keyboard (Ghosting) and Mouse (Hz)',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'For typists and FPS gamers, keyboard and mouse are vital. The <strong>ghosting test</strong> verifies how many keys your keyboard can register simultaneously (Rollover), while our <strong>Polling Rate</strong> tool measures your mouse\'s Hertz (Hz) in real time, ensuring stable and high-speed connection to your PC.',
+    },
+    {
+      type: 'title',
+      text: 'Gaming and Consoles: Joy-Con Drift and Trigger Testing',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Joystick wear (known as drift) is the most common failure in modern PS5, Xbox, and Switch controllers. Our <strong>controller simulator</strong> analyzes X/Y axes with floating-point precision, letting you visualize any unwanted movement or lack of dead zone in your sticks. It also lets you test haptic response and Dual-Rumble motor vibration through your browser.',
+    },
+    {
+      type: 'title',
+      text: 'Power and Audio: Battery Health and Pure Tones',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Lithium batteries degrade with each charge cycle. Our <strong>battery health estimator</strong> analyzes current cycles and residual capacity to predict how much useful life remains in your laptop or mobile device. On the other hand, our <strong>tone generator</strong> allows you to audit speakers and headphones by sweeping frequencies from 20Hz to 20kHz, detecting distortion or hearing loss in high ranges.',
+    },
+    {
+      type: 'title',
+      text: 'Chromatic Calibration and Color Spaces: Professional Visual Precision',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Monitors degrade. Factory color temperature (Kelvin), typically 6500K = D65 Daylight, changes over time. For graphic designers, photographers, and editors, this is catastrophic: you edit colors on a miscalibrated monitor, the work looks different on other displays, and the client rejects it. Deep calibration requires hardware (colorimeter costing €300-1000), but our <strong>color space test</strong> at least lets you audit whether your monitor maintains consistent gamma range (typically 2.2).',
+    },
+    {
+      type: 'paragraph',
+      html: 'Understanding sRGB vs. Adobe RGB vs. P3 is critical too. sRGB is web standard (sufficient for 99% usage), but Adobe RGB covers 40% more colors (necessary for professionals). A monitor covering only 70% sRGB will produce insufficient color saturation. Our tools let you audit without investing €1000 in professional equipment.',
+    },
+    {
+      type: 'title',
+      text: 'Hardware Performance: Benchmarking and Bottleneck Detection',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Gamers speak of "bottleneck" when GPU and CPU are unbalanced. A powerful GPU fed by a weak CPU never reaches its potential. The concept is simple: if the GPU waits for the CPU to finish, it\'s waste. Testing tools help diagnose: Is my problem the GPU or CPU? Do I need an upgrade? Or just reduce video settings?',
+    },
+    {
+      type: 'paragraph',
+      html: 'Latency tests are also critical for competitive gaming. Input-to-display latency (from pressing a button to seeing it on screen) can be 20-50ms on a decent setup, but 200+ms on a slow one. In competitive games (FPS, fighting games), 50ms is the difference between victory and defeat. That\'s why pro gamers invest in 240Hz monitors, 8000Hz mice, and optimized PCs.',
+    },
+    {
+      type: 'title',
+      text: 'Lifecycle and Repairability: Digital Rights',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '"Repairability" is increasingly important in 2026. A "repairable" phone lasts 6 years; a "sealed" one expires in 2-3 years. A laptop with upgradeable RAM is an investment; one with soldered RAM is disposable. The diagnostic tools we implement align with the Right to Repair movement: we want you to know exactly what\'s broken before you discard your devices.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Documenting the failure with our tools (screenshot of failed pixel test, video of drifting controller) is evidence for warranty claims. Many users lose money because they don\'t document, don\'t diagnose, just give up and buy new. Our utilities democratize technical information: now you can argue with proof.',
+    },
+    {
+      type: 'title',
+      text: 'The Future of Wearable Hardware 2026',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'In 2026, the line between operating system and browser has blurred. Thanks to standards like <strong>Web Serial and WebUSB</strong>, we can perform diagnostics that previously required specific drivers. These tools are part of a movement toward the right to repair and user technical sovereignty over their own devices.',
+    },
+  ],
+};
+

package/src/category/i18n/es.ts

@@ -0,0 +1,107 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'hardware',
+  title: 'Herramientas de Test y Diagnóstico de Hardware',
+  description: 'Verifica el estado de tus periféricos y pantalla con herramientas gratuitas online. Tests de píxeles muertos, ghosting de teclado, drift de mandos y salud de batería.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Diagnóstico de Periféricos y Pantallas: Precisión sin Software',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'El mantenimiento del hardware ya no requiere instalar pesadas aplicaciones de diagnóstico. En esta sección, ofrecemos una suite de <strong>herramientas gratuitas online</strong> diseñadas para poner a prueba tus componentes mediante APIs web nativas. Desde la detección de fatiga en paneles LED hasta la medición de la frecuencia de muestreo de periféricos gaming, aplicamos protocolos de test estándar para que conozcas el estado real de tu equipo.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Nuestras utilidades son ideales para usuarios que acaban de comprar un producto y quieren verificar su integridad, o para gamers que buscan optimizar su configuración competitiva detectando fallos de latencia o precisión.',
+    },
+    {
+      type: 'title',
+      text: 'Salud Visual: Test de Píxeles Muertos y Reparación',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Un monitor con píxeles defectuosos puede arruinar la experiencia de usuario. Nuestro <strong>test de píxeles</strong> proyecta colores puros en pantalla completa para identificar píxeles muertos (negros) o vagos (atascados en un color). Además, incluimos un optimizador de estroboscopio diseñado para intentar desatascar subpíxeles mediante cambios rápidos de frecuencia cromática.',
+    },
+    {
+      type: 'title',
+      text: 'Controladores de Entrada: Teclado (Ghosting) y Ratón (Hz)',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Para los mecanógrafos y jugadores de FPS, el teclado y el ratón son vitales. El <strong>test de ghosting</strong> verifica cuántas teclas puede registrar tu teclado simultáneamente (Rollover), mientras que nuestra herramienta de <strong>Polling Rate</strong> mide en tiempo real los Hercios (Hz) de tu ratón, asegurando que la conexión con el PC es estable y de alta velocidad.',
+    },
+    {
+      type: 'title',
+      text: 'Gaming y Consolas: Test de Joy-Con Drift y Gatillos',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'El desgaste de los joysticks (conocido como drift) es el fallo más común en los mandos modernos de PS5, Xbox y Switch. Nuestro <strong>simulador de mando</strong> analiza los ejes X/Y con precisión de punto flotante, permitiéndote visualizar cualquier movimiento no deseado o falta de zona muerta en tus sticks. También permite testear la respuesta hápitca y la vibración de motores Dual-Rumble mediante el navegador.',
+    },
+    {
+      type: 'title',
+      text: 'Energía y Audio: Salud de Batería y Tonos Puros',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Las baterías de litio se degradan con cada ciclo de carga. El <strong>estimador de salud de batería</strong> analiza los ciclos actuales y la capacidad residual para predecir cuánta vida útil le queda a tu portátil o dispositivo móvil. Por otro lado, nuestro <strong>generador de tonos</strong> permite auditar altavoces y auriculares barriendo frecuencias desde los 20Hz hasta los 20kHz, detectando distorsiones o pérdida de audición en rangos altos.',
+    },
+    {
+      type: 'title',
+      text: 'Calibración Cromática y Espacios de Color: Precisión Visual Profesional',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Los monitores se degradan. La temperatura de color (Kelvin) de fábrica (típicamente 6500K = D65 Daylight) cambia con el tiempo. Para diseñadores gráficos, fotógrafos y editores, esto es catastrófico: editas colores en un monitor descalibrado, el trabajo se vea diferente en otros displays, y el cliente rechaza el trabajo. La calibración profunda requiere hardware (colorímetro de 300-1000€), pero nuestro <strong>test de espacios de color</strong> permite auditar al menos si el monitor mantiene rango de gamma (2.2 típicamente) consistente.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Entender sRGB vs. Adobe RGB vs. P3 es crítico también. sRGB es estándar web (suficiente para 99% uso), pero Adobe RGB cubre 40% más de colores (necesario para profesionales). Un monitor que cubre solo 70% del sRGB va a producir castañear insuficiente. Nuestras herramientas te permiten auditar sin invertir 1000€ en equipamiento profesional.',
+    },
+    {
+      type: 'title',
+      text: 'Rendimiento de Hardware: Benchmarking y Cuello de Botella',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Los gamers hablan de "cuello de botella" cuando la GPU y CPU no están balanceadas. Una GPU potente alimentada por un CPU débil nunca alcanza su potencial. El concepto es simple: si la GPU espera a que el CPU termine, es un desperdicio. Las herramientas de test permiten diagnosticar: ¿Es mi problema la GPU o el CPU? ¿Necesito upgrade? ¿O simplemente reducir configuración de video?',
+    },
+    {
+      type: 'paragraph',
+      html: 'Los tests de latencia también son críticos para gaming competitivo. La latencia input-to-display (desde que presionas un botón hasta que lo ves en pantalla) puede ser 20-50ms en un setup decente, pero 200+ ms en uno lento. En videojuegos competitivos (FPS, fighting games), 50ms es diferencia entre victoria y derrota. Por eso los jugadores profesionales invierten en monitores 240Hz, ratones 8000Hz y PCs optimizadas.',
+    },
+    {
+      type: 'title',
+      text: 'Ciclos de Vida y Reparabilidad: Derechos Digitales',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'La "reparabilidad" es cada vez más importante en 2026. Un teléfono "reparable" dura 6 años; uno "sellado" caduca a los 2-3. Un portátil con RAM actualizable es inversión; uno con RAM soldada es consumible descartable. Las herramientas de diagnóstico que implementamos están alineadas con el movimiento Right to Repair: queremos que sepas exactamente qué está roto antes de despreciar tus dispositivos.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Documentar el fallo con nuestras herramientas (screenshot del test de píxeles fallando, video del mando drifeando) es evidencia para reclamaciones de garantía. Muchos usuarios tienden a perder dinero porque no documentan, no diagnostican, simplemente se rinden y compran nuevo. Nuestras utilidades democratizan la información técnica: ahora puedes argumentar con pruebas.',
+    },
+    {
+      type: 'title',
+      text: 'El futuro del hardware integrable 2026',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'En 2026, la línea entre el sistema operativo y el navegador se ha difuminado. Gracias a estándares como <strong>Web Serial y WebUSB</strong>, podemos realizar diagnósticos que antes requerían drivers específicos. Estas herramientas son parte de un movimiento hacia el derecho a reparar y la soberanía técnica del usuario sobre sus propios dispositivos.',
+    },
+  ],
+};
+

package/src/category/i18n/fr.ts

@@ -0,0 +1,107 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'outils-materiels',
+  title: 'Outils de Test et Diagnostic Matériel',
+  description: 'Vérifiez l\'état de vos périphériques et écran avec des outils gratuits en ligne. Testez les pixels morts, le ghosting du clavier, la dérive des manettes et la santé de la batterie.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Diagnostic des Périphériques et Affichages: Précision sans Logiciel',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'L\'entretien du matériel n\'exige plus d\'installer des applications de diagnostic lourdes. Dans cette section, nous offrons une suite d\'<strong>outils gratuits en ligne</strong> conçus pour tester vos composants en utilisant les APIs web natives. De la détection de la fatigue des panneaux LED à la mesure du taux de sondage des périphériques de jeu, nous appliquons des protocoles de test standard pour que vous connaissiez l\'état réel de votre équipement.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Nos utilitaires sont idéaux pour les utilisateurs qui viennent d\'acheter un produit et souhaitent vérifier son intégrité, ou pour les joueurs qui cherchent à optimiser leur configuration compétitive en détectant les défaillances de latence ou de précision.',
+    },
+    {
+      type: 'title',
+      text: 'Santé Visuelle: Test des Pixels Morts et Réparation',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Un moniteur avec des pixels défectueux peut ruiner votre expérience utilisateur. Notre <strong>test de pixels</strong> affiche des couleurs pures en plein écran pour identifier les pixels morts (noirs) ou figés (bloqués dans une couleur). De plus, nous incluons un optimiseur stroboscopique conçu pour libérer les sous-pixels par des changements rapides de fréquence chromatique.',
+    },
+    {
+      type: 'title',
+      text: 'Contrôleurs d\'Entrée: Clavier (Ghosting) et Souris (Hz)',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Pour les dactylographes et les joueurs de FPS, le clavier et la souris sont vitaux. Le <strong>test de ghosting</strong> vérifie le nombre de touches que votre clavier peut enregistrer simultanément (Rollover), tandis que notre outil de <strong>taux de sondage</strong> mesure les Hertz (Hz) de votre souris en temps réel, assurant une connexion stable et haute vitesse avec votre PC.',
+    },
+    {
+      type: 'title',
+      text: 'Gaming et Consoles: Test de la Dérive Joy-Con et des Gâchettes',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'L\'usure des joysticks (connue sous le nom de dérive) est le défaut le plus courant des manettes modernes PS5, Xbox et Switch. Notre <strong>simulateur de manette</strong> analyse les axes X/Y avec une précision en virgule flottante, ce qui vous permet de visualiser tout mouvement indésirable ou manque de zone morte sur vos sticks. Il vous permet également de tester la réponse haptique et la vibration du moteur Dual-Rumble via votre navigateur.',
+    },
+    {
+      type: 'title',
+      text: 'Énergie et Audio: Santé de la Batterie et Tonalités Pures',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Les batteries au lithium se dégradent à chaque cycle de charge. Notre <strong>estimateur de santé de batterie</strong> analyse les cycles actuels et la capacité résiduelle pour prédire combien de vie utile reste à votre ordinateur portable ou appareil mobile. En revanche, notre <strong>générateur de tonalités</strong> vous permet d\'auditer les haut-parleurs et les casques en balayant les fréquences de 20 Hz à 20 kHz, détectant la distorsion ou la perte auditive dans les gammes hautes.',
+    },
+    {
+      type: 'title',
+      text: 'Étalonnage Chromatique et Espaces Couleur: Précision Visuelle Professionnelle',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Les moniteurs se dégradent. La température de couleur d\'usine (Kelvin), généralement 6500K = D65 Daylight, change avec le temps. Pour les graphistes, photographes et éditeurs, c\'est catastrophique: vous éditez les couleurs sur un moniteur mal étalonné, le travail a l\'air différent sur d\'autres affichages, et le client le rejette. L\'étalonnage en profondeur nécessite du matériel (colorimètre coûtant 300-1000€), mais notre <strong>test d\'espace couleur</strong> vous permet au moins de vérifier si votre moniteur maintient une plage gamma cohérente (généralement 2.2).',
+    },
+    {
+      type: 'paragraph',
+      html: 'Comprendre sRGB vs. Adobe RGB vs. P3 est également critique. sRGB est la norme web (suffisante pour 99% de l\'utilisation), mais Adobe RGB couvre 40% plus de couleurs (nécessaire pour les professionnels). Un moniteur ne couvrant que 70% du sRGB produira une saturation des couleurs insuffisante. Nos outils vous permettent d\'auditer sans investir 1000€ dans un équipement professionnel.',
+    },
+    {
+      type: 'title',
+      text: 'Performance Matérielle: Benchmarking et Détection d\'Étranglement',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Les joueurs parlent d\'"étranglement" lorsque le GPU et le CPU ne sont pas équilibrés. Un GPU puissant alimenté par un CPU faible n\'atteint jamais son potentiel. Le concept est simple: si le GPU attend que le CPU termine, c\'est un gaspillage. Les outils de test aident à diagnostiquer: Est-ce mon problème le GPU ou le CPU? Ai-je besoin d\'une mise à niveau? Ou simplement réduire les paramètres vidéo?',
+    },
+    {
+      type: 'paragraph',
+      html: 'Les tests de latence sont également critiques pour les jeux compétitifs. La latence d\'entrée à affichage (du moment où vous appuyez sur un bouton au moment où vous le voyez à l\'écran) peut être 20-50 ms sur une configuration décente, mais 200+ ms sur une configuration lente. Dans les jeux compétitifs (FPS, jeux de combat), 50 ms est la différence entre la victoire et la défaite. C\'est pourquoi les joueurs professionnels investissent dans des moniteurs 240 Hz, des souris 8000 Hz et des PC optimisés.',
+    },
+    {
+      type: 'title',
+      text: 'Cycle de Vie et Réparabilité: Droits Numériques',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'La "réparabilité" est de plus en plus importante en 2026. Un téléphone "réparable" dure 6 ans; un "scellé" expire en 2-3 ans. Un ordinateur portable avec RAM actualisable est un investissement; un avec RAM soudée est jetable. Les outils de diagnostic que nous implémentons s\'alignent sur le mouvement Right to Repair: nous voulons que vous sachiez exactement ce qui ne fonctionne pas avant de jeter vos appareils.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Documenter la défaillance avec nos outils (capture d\'écran du test de pixels échoué, vidéo de la manette à la dérive) est la preuve pour les réclamations de garantie. De nombreux utilisateurs perdent de l\'argent parce qu\'ils ne documentent pas, ne diagnostiquent pas, renoncent simplement et achètent du nouveau. Nos utilitaires démocratisent les informations techniques: vous pouvez maintenant argumenter avec des preuves.',
+    },
+    {
+      type: 'title',
+      text: 'L\'Avenir du Matériel Portable 2026',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'En 2026, la ligne entre le système d\'exploitation et le navigateur s\'est brouillée. Grâce à des normes comme <strong>Web Serial et WebUSB</strong>, nous pouvons effectuer des diagnostics qui auparavant nécessitaient des pilotes spécifiques. Ces outils font partie d\'un mouvement vers le droit à la réparation et la souveraineté technique de l\'utilisateur sur ses propres appareils.',
+    },
+  ],
+};
+

package/src/category/index.ts

@@ -0,0 +1,18 @@
+import type { HardwareCategoryEntry } from '../types';
+import { pixelesPantalla } from '../tool/deadPixelTest/index';
+import { testTeclado } from '../tool/keyboardTest/index';
+import { testMando } from '../tool/gamepadTest/index';
+import { probadorVibracionMando } from '../tool/gamepadVibrationTester/index';
+import { testRaton } from '../tool/mousePollingTest/index';
+import { estimadorSaludBateria } from '../tool/batteryHealthEstimator/index';
+import { toneGenerator } from '../tool/toneGenerator/index';
+
+export const hardwareCategory: HardwareCategoryEntry = {
+  icon: 'mdi:memory',
+  tools: [pixelesPantalla, testTeclado, testMando, probadorVibracionMando, testRaton, estimadorSaludBateria, toneGenerator],
+  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),
+  },
+};

package/src/category/seo.astro

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

package/src/components/PreviewNavSidebar.astro

@@ -0,0 +1,116 @@
+---
+interface NavItem {
+  id: string;
+  title: string;
+  href: string;
+  isActive?: boolean;
+}
+
+interface Props {
+  categoryTitle: string;
+  tools?: NavItem[];
+}
+
+const { categoryTitle, tools = [] } = Astro.props;
+---
+
+<nav class="preview-nav-sidebar">
+  <div class="sidebar-header">
+    <h3>{categoryTitle}</h3>
+  </div>
+
+  <ul class="tools-list">
+    {tools.map((tool) => (
+      <li>
+        <a
+          href={tool.href}
+          class:list={['tool-link', { active: tool.isActive }]}
+        >
+          <span class="tool-title">{tool.title}</span>
+        </a>
+      </li>
+    ))}
+  </ul>
+</nav>
+
+<style>
+  .preview-nav-sidebar {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--bg-surface, #0f172a);
+  }
+
+  .sidebar-header {
+    padding: 2rem 1.5rem 1.5rem;
+    border-bottom: 1px solid var(--border-color, #1e293b);
+  }
+
+  .sidebar-header h3 {
+    margin: 0;
+    font-size: 0.75rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--text-muted, #94a3b8);
+  }
+
+  .tools-list {
+    list-style: none;
+    margin: 0;
+    padding: 0.5rem 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .tools-list li {
+    margin: 0;
+  }
+
+  .tool-link {
+    display: flex;
+    align-items: center;
+    padding: 0.75rem 1.5rem;
+    color: var(--text-muted, #94a3b8);
+    text-decoration: none;
+    font-size: 0.9375rem;
+    font-weight: 500;
+    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+    border-left: 3px solid transparent;
+    position: relative;
+  }
+
+  .tool-link:hover {
+    color: var(--text-base, #f1f5f9);
+    background: rgba(255, 255, 255, 0.08);
+    padding-left: 1.75rem;
+  }
+
+  .tool-link.active {
+    color: var(--accent, #f43f5e);
+    background: rgba(244, 63, 94, 0.15);
+    border-left-color: var(--accent, #f43f5e);
+    font-weight: 600;
+  }
+
+  .tool-link.active::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 3px;
+    height: 24px;
+    background: var(--accent, #f43f5e);
+    border-radius: 0 2px 2px 0;
+  }
+
+  .tool-title {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
+