@jjlmoya/utils-games-development 1.46.0

package/package.json

@@ -0,0 +1,67 @@
+{
+    "name": "@jjlmoya/utils-games-development",
+    "version": "1.46.0",
+    "type": "module",
+    "main": "./src/index.ts",
+    "types": "./src/index.ts",
+    "exports": {
+        ".": "./src/index.ts",
+        "./data": "./src/data.ts",
+        "./entries": "./src/entries.ts",
+        "./runtime/*": "./src/tool/*/index.ts",
+        "./category-seo": "./src/category/seo.astro"
+    },
+    "files": [
+        "src",
+        "scripts"
+    ],
+    "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 && npm run build",
+        "postversion": "git push && git push --tags",
+        "patch": "npm version patch",
+        "minor": "npm version minor",
+        "major": "npm version major",
+        "postinstall": "node scripts/postinstall.mjs"
+    },
+    "lint-staged": {
+        "*.{ts,tsx,astro}": [
+            "eslint --fix"
+        ]
+    },
+    "dependencies": {
+        "@iconify-json/mdi": "^1.2.3",
+        "@jjlmoya/prompagate": "^1.1.0",
+        "@jjlmoya/utils-shared": "1.2.0",
+        "astro": "^6.1.2",
+        "astro-icon": "^1.1.0",
+        "jszip": "^3.10.1"
+    },
+    "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/scripts/postinstall.mjs

@@ -0,0 +1,27 @@
+import { readFileSync, writeFileSync, mkdirSync, readdirSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const libDir = dirname(fileURLToPath(import.meta.url));
+const toolsDir = join(libDir, '../src/tool');
+
+const inNodeModules = libDir.includes('node_modules');
+if (!inNodeModules) process.exit(0);
+
+const projectRoot = join(libDir, '../../../..');
+const categoryKey = JSON.parse(readFileSync(join(libDir, '../package.json'), 'utf8')).name.replace('@jjlmoya/utils-', '');
+const destDir = join(projectRoot, `public/styles/lib/${categoryKey}`);
+
+mkdirSync(destDir, { recursive: true });
+
+const tools = readdirSync(toolsDir, { withFileTypes: true }).filter(d => d.isDirectory());
+for (const tool of tools) {
+    const toolDir = join(toolsDir, tool.name);
+    let files;
+    try { files = readdirSync(toolDir).filter(f => f.endsWith('.css')); }
+    catch { continue; }
+    for (const file of files) {
+        writeFileSync(join(destDir, file), readFileSync(join(toolDir, file)));
+        console.log(`[@jjlmoya/utils-${categoryKey}] copied ${file}`);
+    }
+}

package/src/category/GamesCategorySEO.astro

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

package/src/category/i18n/de.ts

@@ -0,0 +1,15 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'spieleentwicklung',
+  title: 'Werkzeuge für Spieleentwicklung',
+  description: 'Praktische Browserwerkzeuge für Indie Entwickler, von Storegrafik bis zur Produktionsübergabe.',
+  seo: [
+    { type: 'title', text: 'Werkzeuge für die Entwicklung eigener Spiele', level: 2 },
+    { type: 'paragraph', html: 'Spieleentwicklung besteht aus vielen kleinen Entscheidungen: Eine Komposition muss mehrere Storeformate überstehen, ein Symbol muss sofort lesbar bleiben und ein Produktionsschritt sollte wiederholbar sein. Diese Kategorie bündelt fokussierte Werkzeuge für Menschen, die Spiele bauen, veröffentlichen und präsentieren.' },
+    { type: 'title', text: 'Für unabhängige Teams gemacht', level: 2 },
+    { type: 'paragraph', html: 'Indie Teams wechseln oft zwischen Grafiksoftware, Veröffentlichungsseiten und Review Ordnern. Eine gute Utility verkürzt diese Übergabe, macht wichtige Entscheidungen sichtbar und lässt die Kontrolle über Quelldateien beim Ersteller.' },
+    { type: 'list', items: ['Konkrete Abläufe mit sichtbaren Ergebnissen', 'Lokale Verarbeitung im Browser, wenn sinnvoll', 'Klare Maße und Exportzustände', 'Hinweise ergänzend zur offiziellen Dokumentation'] },
+    { type: 'tip', html: 'Nutze die Werkzeuge als Preflight Ebene. Bewahre die Projektdateien auf und vergleiche den kleinsten Export mit den aktuellen Plattformvorgaben.' },
+  ],
+};

package/src/category/i18n/en.ts

@@ -0,0 +1,15 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'game-development',
+  title: 'Game Development Utilities',
+  description: 'Practical browser tools for indie game creators, from store artwork preparation to production handoffs.',
+  seo: [
+    { type: 'title', text: 'Tools for the craft of game development', level: 2 },
+    { type: 'paragraph', html: 'Game development is a chain of small decisions: a composition must survive several storefront formats, an icon must remain readable at a glance and a production task must be easy to repeat. This category collects focused utilities for people who build, publish and promote games. Each tool is designed to turn a narrow but frustrating workflow into a clear browser interaction.' },
+    { type: 'title', text: 'Made for independent creators', level: 2 },
+    { type: 'paragraph', html: 'Indie teams often move between art software, publishing dashboards and review folders without a dedicated production department. A useful utility should shorten that handoff, expose the important decisions and keep the creator in control of the source files.' },
+    { type: 'list', items: ['Focused workflows with visible outputs', 'Local browser processing where practical', 'Clear dimensions and export states', 'Guidance that complements official platform documentation'] },
+    { type: 'tip', html: 'Use these tools as a preflight layer. Keep your source project files, compare final exports with the platform owner\'s current requirements and ask a teammate to review the smallest output.' },
+  ],
+};

package/src/category/i18n/es.ts

@@ -0,0 +1,15 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'desarrollo-de-videojuegos',
+  title: 'Utilidades para desarrollo de videojuegos',
+  description: 'Herramientas de navegador para creadores indie, desde preparar arte para tiendas hasta organizar entregas de producción.',
+  seo: [
+    { type: 'title', text: 'Herramientas para el oficio de crear videojuegos', level: 2 },
+    { type: 'paragraph', html: 'Crear un videojuego está formado por pequeñas decisiones: una composición debe resistir varios formatos de tienda, un icono debe leerse de un vistazo y una tarea de producción debe poder repetirse. Esta categoría reúne utilidades enfocadas para quienes diseñan, publican y presentan juegos. Cada herramienta convierte un flujo estrecho pero frustrante en una interacción clara dentro del navegador.' },
+    { type: 'title', text: 'Pensadas para creadores independientes', level: 2 },
+    { type: 'paragraph', html: 'Los equipos indie suelen alternar entre programas de arte, paneles de publicación y carpetas de revisión sin contar con un departamento de producción. Una buena utilidad acorta esa entrega, hace visibles las decisiones importantes y mantiene al creador al mando de sus archivos fuente.' },
+    { type: 'list', items: ['Flujos concretos con resultados visibles', 'Procesamiento local en el navegador cuando es posible', 'Dimensiones y estados de exportación claros', 'Guías que complementan la documentación oficial'] },
+    { type: 'tip', html: 'Usa estas herramientas como una capa de previsualización. Conserva los archivos fuente, compara la exportación con los requisitos actuales de cada plataforma y revisa la salida más pequeña.' },
+  ],
+};

package/src/category/i18n/fr.ts

@@ -0,0 +1,15 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'developpement-de-jeux-video',
+  title: 'Outils pour le développement de jeux vidéo',
+  description: 'Des outils pratiques dans le navigateur pour les créateurs indépendants, de l\'image de boutique aux livrables de production.',
+  seo: [
+    { type: 'title', text: 'Des outils pour fabriquer ses jeux vidéo', level: 2 },
+    { type: 'paragraph', html: 'Le développement d\'un jeu repose sur de nombreuses petites décisions: une composition doit résister à plusieurs formats de boutique, une icône doit rester lisible immédiatement et une tâche de production doit pouvoir être répétée. Cette catégorie rassemble des outils ciblés pour concevoir, publier et présenter des jeux.' },
+    { type: 'title', text: 'Pensé pour les créateurs indépendants', level: 2 },
+    { type: 'paragraph', html: 'Les équipes indépendantes passent souvent d\'un logiciel graphique à un tableau de publication puis à un dossier de validation. Un bon outil raccourcit ce passage, rend les choix importants visibles et laisse les fichiers source sous le contrôle du créateur.' },
+    { type: 'list', items: ['Des parcours précis avec des résultats visibles', 'Un traitement local lorsque cela est pertinent', 'Des dimensions et états d\'export clairs', 'Des conseils complémentaires aux documents officiels'] },
+    { type: 'tip', html: 'Utilisez ces outils comme une étape de vérification. Conservez les sources et comparez chaque export aux exigences actuelles de la plateforme.' },
+  ],
+};

package/src/category/i18n/id.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'pengembangan-game', title: 'Alat untuk pengembangan game', description: 'Alat browser praktis untuk pembuat game indie, dari karya toko hingga serah terima produksi.', seo: [
+  { type: 'title', text: 'Alat untuk membuat game sendiri', level: 2 },
+  { type: 'paragraph', html: 'Pengembangan game terdiri dari banyak keputusan kecil: komposisi harus tetap cocok di berbagai format, ikon harus terbaca sekilas, dan tugas produksi harus mudah diulang. Kategori ini mengumpulkan alat terarah untuk orang yang membuat, menerbitkan, dan memperkenalkan game.' },
+  { type: 'title', text: 'Dibuat untuk kreator mandiri', level: 2 },
+  { type: 'paragraph', html: 'Tim indie sering berpindah dari aplikasi seni ke dasbor penerbitan lalu ke folder peninjauan. Alat yang baik mempersingkat serah terima, menampilkan keputusan penting, dan menjaga kendali file sumber di tangan kreator.' },
+  { type: 'list', items: ['Alur terfokus dengan hasil yang terlihat', 'Pemrosesan lokal jika sesuai', 'Ukuran dan status ekspor yang jelas', 'Panduan pelengkap dokumentasi resmi'] },
+  { type: 'tip', html: 'Gunakan alat ini sebagai pemeriksaan awal. Simpan sumber dan bandingkan ekspor dengan persyaratan platform terbaru.' },
+] };

package/src/category/i18n/it.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'sviluppo-di-videogiochi', title: 'Strumenti per lo sviluppo di videogiochi', description: 'Strumenti pratici nel browser per creatori indie, dalla grafica dello store alle consegne di produzione.', seo: [
+  { type: 'title', text: 'Strumenti per creare videogiochi', level: 2 },
+  { type: 'paragraph', html: 'Sviluppare un gioco significa prendere molte piccole decisioni: una composizione deve funzionare in più formati, un\'icona deve restare leggibile e un passaggio produttivo deve essere ripetibile. Questa categoria raccoglie utilità mirate per chi progetta, pubblica e presenta giochi.' },
+  { type: 'title', text: 'Pensati per team indipendenti', level: 2 },
+  { type: 'paragraph', html: 'I team indie passano spesso dal software grafico alle pagine di pubblicazione e alle cartelle di revisione. Uno strumento utile accorcia il passaggio, rende visibili le decisioni e lascia il controllo dei file sorgente al creatore.' },
+  { type: 'list', items: ['Flussi mirati con risultati visibili', 'Elaborazione locale quando possibile', 'Dimensioni e stati di esportazione chiari', 'Indicazioni che completano la documentazione ufficiale'] },
+  { type: 'tip', html: 'Usa questi strumenti come controllo preliminare. Conserva i sorgenti e confronta ogni esportazione con i requisiti aggiornati della piattaforma.' },
+] };

package/src/category/i18n/ja.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'game-development', title: 'ゲーム開発のためのツール', description: 'ストア画像の準備から制作の受け渡しまで、インディー開発者向けの実用的なブラウザツールです。', seo: [
+  { type: 'title', text: 'ゲームを作る人のためのツール', level: 2 },
+  { type: 'paragraph', html: 'ゲーム開発には多くの小さな判断があります。構図は複数のストア形式に対応し、アイコンは一目で読め、制作作業は繰り返せなければなりません。このカテゴリでは、ゲームを作り、公開し、紹介する人のために目的を絞ったツールをまとめています。' },
+  { type: 'title', text: '個人や小規模チーム向け', level: 2 },
+  { type: 'paragraph', html: 'インディー開発では画像ソフト、公開画面、確認用フォルダーを行き来します。便利なツールは受け渡しを短くし、重要な判断を見えるようにし、元ファイルの管理を制作者に残します。' },
+  { type: 'list', items: ['結果を確認しやすい目的別の操作', '可能な場合はブラウザ内で処理', '明確なサイズと保存状態', '公式ドキュメントを補う案内'] },
+  { type: 'tip', html: '公開前の確認工程として使い、元データを保存したうえで、各プラットフォームの最新要件と比較してください。' },
+] };

package/src/category/i18n/ko.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'game-development', title: '게임 개발 도구', description: '스토어 아트 준비부터 제작 전달까지 인디 개발자를 위한 실용적인 브라우저 도구입니다.', seo: [
+  { type: 'title', text: '게임을 만드는 사람을 위한 도구', level: 2 },
+  { type: 'paragraph', html: '게임 개발은 작은 판단의 연속입니다. 하나의 구성은 여러 스토어 형식에서 살아남아야 하고 아이콘은 한눈에 읽혀야 하며 제작 작업은 반복할 수 있어야 합니다. 이 카테고리는 게임을 만들고 출시하고 소개하는 사람을 위한 집중형 도구를 모읍니다.' },
+  { type: 'title', text: '독립 개발자를 위해 설계', level: 2 },
+  { type: 'paragraph', html: '인디 팀은 그래픽 소프트웨어, 출시 화면, 검토 폴더를 자주 오갑니다. 좋은 도구는 전달 과정을 줄이고 중요한 결정을 보여 주며 원본 파일의 통제권을 제작자에게 남깁니다.' },
+  { type: 'list', items: ['결과가 보이는 집중형 작업 흐름', '가능한 경우 브라우저 내부 처리', '명확한 크기와 내보내기 상태', '공식 플랫폼 문서를 보완하는 안내'] },
+  { type: 'tip', html: '도구를 출시 전 점검 단계로 사용하고 원본을 보관한 뒤 플랫폼의 최신 요구사항과 결과를 비교하세요.' },
+] };

package/src/category/i18n/nl.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'gameontwikkeling', title: 'Hulpmiddelen voor gameontwikkeling', description: 'Praktische browsertools voor indiemakers, van winkelafbeeldingen tot productieleveringen.', seo: [
+  { type: 'title', text: 'Tools voor het maken van games', level: 2 },
+  { type: 'paragraph', html: 'Gameontwikkeling bestaat uit veel kleine beslissingen: een compositie moet meerdere formaten overleven, een pictogram moet direct leesbaar blijven en een productietaak moet herhaalbaar zijn. Deze categorie verzamelt gerichte hulpmiddelen voor makers die games bouwen, publiceren en presenteren.' },
+  { type: 'title', text: 'Voor onafhankelijke makers', level: 2 },
+  { type: 'paragraph', html: 'Indieteams schakelen vaak tussen beeldsoftware, publicatiedashboards en reviewmappen. Een goede tool verkort die overdracht, maakt keuzes zichtbaar en houdt de bronbestanden bij de maker.' },
+  { type: 'list', items: ['Gerichte workflows met zichtbare resultaten', 'Lokale verwerking waar dat kan', 'Duidelijke maten en exportstatussen', 'Aanvulling op officiule platformdocumentatie'] },
+  { type: 'tip', html: 'Gebruik deze tools als preflight. Bewaar de bronnen en vergelijk elke export met de actuele platformeisen.' },
+] };

package/src/category/i18n/pl.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'tworzenie-gier', title: 'Narzędzia do tworzenia gier', description: 'Praktyczne narzędzia przeglądarkowe dla twórców indie, od grafiki sklepu po przekazanie produkcji.', seo: [
+  { type: 'title', text: 'Narzędzia do tworzenia własnych gier', level: 2 },
+  { type: 'paragraph', html: 'Tworzenie gry składa się z wielu drobnych decyzji: kompozycja musi działać w kilku formatach, ikona powinna być czytelna od razu, a zadanie produkcyjne łatwe do powtórzenia. Ta kategoria zbiera wyspecjalizowane narzędzia dla osób projektujących, publikujących i pokazujących gry.' },
+  { type: 'title', text: 'Dla niezależnych twórców', level: 2 },
+  { type: 'paragraph', html: 'Zespoły indie przechodzą między programem graficznym, panelem publikacji i folderem z recenzją. Dobre narzędzie skraca tę drogę, pokazuje ważne decyzje i zostawia pliki źródłowe pod kontrolą twórcy.' },
+  { type: 'list', items: ['Skupione przepływy z widocznym wynikiem', 'Przetwarzanie lokalne, gdy jest możliwe', 'Jasne wymiary i stany eksportu', 'Wskazówki uzupełniające oficjalną dokumentację'] },
+  { type: 'tip', html: 'Traktuj te narzędzia jako etap kontroli. Zachowaj źródła i porównaj eksport z aktualnymi wymaganiami platformy.' },
+] };

package/src/category/i18n/pt.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'desenvolvimento-de-jogos', title: 'Ferramentas para desenvolvimento de jogos', description: 'Ferramentas práticas no navegador para criadores indie, da arte da loja às entregas de produção.', seo: [
+  { type: 'title', text: 'Ferramentas para criar seus jogos', level: 2 },
+  { type: 'paragraph', html: 'Desenvolver um jogo envolve muitas decisões pequenas: uma composição precisa funcionar em vários formatos, um ícone deve continuar legível e uma tarefa deve ser repetível. Esta categoria reúne utilidades focadas para quem cria, publica e apresenta jogos.' },
+  { type: 'title', text: 'Feitas para equipes independentes', level: 2 },
+  { type: 'paragraph', html: 'Equipes indie alternam entre software de arte, painéis de publicação e pastas de revisão. Uma boa ferramenta reduz essa passagem, mostra as decisões importantes e mantém os arquivos fonte sob controle do criador.' },
+  { type: 'list', items: ['Fluxos específicos com resultados visíveis', 'Processamento local quando possível', 'Dimensões e estados de exportação claros', 'Orientações complementares à documentação oficial'] },
+  { type: 'tip', html: 'Use as ferramentas como uma etapa de conferência. Guarde os arquivos fonte e compare cada exportação com os requisitos atuais da plataforma.' },
+] };

package/src/category/i18n/ru.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'razrabotka-igr', title: 'Инструменты для разработки игр', description: 'Практические браузерные инструменты для инди создателей: от графики магазина до производственных задач.', seo: [
+  { type: 'title', text: 'Инструменты для создания собственных игр', level: 2 },
+  { type: 'paragraph', html: 'Разработка игры состоит из множества небольших решений: композиция должна работать в нескольких форматах, значок обязан читаться с первого взгляда, а производственный шаг должен легко повторяться. В этой категории собраны точечные инструменты для тех, кто создаёт, публикует и показывает игры.' },
+  { type: 'title', text: 'Для независимых создателей', level: 2 },
+  { type: 'paragraph', html: 'Инди команды часто переходят от графического редактора к панели публикации и папке проверки. Хороший инструмент сокращает этот переход, показывает важные решения и оставляет исходные файлы под контролем автора.' },
+  { type: 'list', items: ['Понятные процессы с видимым результатом', 'Локальная обработка, когда это возможно', 'Ясные размеры и состояния экспорта', 'Подсказки в дополнение к официальной документации'] },
+  { type: 'tip', html: 'Используйте эти инструменты как предварительную проверку. Храните исходники и сравнивайте экспорт с актуальными требованиями платформы.' },
+] };

package/src/category/i18n/sv.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'spelutveckling', title: 'Verktyg för spelutveckling', description: 'Praktiska webbläsarverktyg för indieskapare, från butiksgrafik till produktionsleveranser.', seo: [
+  { type: 'title', text: 'Verktyg för att skapa egna spel', level: 2 },
+  { type: 'paragraph', html: 'Spelutveckling består av många små beslut: en komposition ska fungera i flera format, en ikon ska vara lätt att läsa och en produktionsuppgift ska gå att upprepa. Den här kategorin samlar fokuserade verktyg för personer som bygger, publicerar och presenterar spel.' },
+  { type: 'title', text: 'För oberoende skapare', level: 2 },
+  { type: 'paragraph', html: 'Indieteam växlar ofta mellan grafikprogram, publiceringspaneler och granskningsmappar. Ett bra verktyg kortar överlämningen, visar viktiga beslut och låter skaparen behålla kontrollen över källfilerna.' },
+  { type: 'list', items: ['Fokuserade flöden med synliga resultat', 'Lokal behandling när det passar', 'Tydliga mått och exportlägen', 'Råd som kompletterar officiell dokumentation'] },
+  { type: 'tip', html: 'Använd verktygen som en förkontroll. Spara källorna och jämför exporten med plattformens aktuella krav.' },
+] };

package/src/category/i18n/tr.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'oyun-gelistirme', title: 'Oyun geliştirme araçları', description: 'Mağaza görsellerinden üretim teslimlerine kadar bağımsız oyun üreticileri için pratik tarayıcı araçları.', seo: [
+  { type: 'title', text: 'Kendi oyunlarınızı üretmek için araçlar', level: 2 },
+  { type: 'paragraph', html: 'Oyun geliştirme birçok küçük karardan oluşur: bir kompozisyon farklı mağaza biçimlerinde çalışmalı, bir simge ilk bakışta okunmalı ve üretim görevi tekrarlanabilmelidir. Bu kategori oyun tasarlayan, yayınlayan ve tanıtan kişiler için odaklanmış araçlar sunar.' },
+  { type: 'title', text: 'Bağımsız üreticiler için', level: 2 },
+  { type: 'paragraph', html: 'Bağımsız ekipler grafik yazılımı, yayın panosu ve inceleme klasörleri arasında sıkça geçiş yapar. İyi bir araç bu aktarımı kısaltır, önemli kararları görünür kılar ve kaynak dosyaların kontrolünü üreticide bırakır.' },
+  { type: 'list', items: ['Görünür sonuçlara sahip odaklı akışlar', 'Uygun olduğunda yerel işleme', 'Net boyutlar ve dışa aktarma durumları', 'Resmî platform belgelerini tamamlayan bilgiler'] },
+  { type: 'tip', html: 'Bu araçları ön kontrol katmanı olarak kullanın. Kaynakları saklayın ve dışa aktarımları platformun güncel şartlarıyla karşılaştırın.' },
+] };

package/src/category/i18n/zh.ts

@@ -0,0 +1,10 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = { slug: 'game-development', title: '游戏开发工具', description: '面向独立开发者的实用浏览器工具，帮助准备商店美术并完成制作交付。', seo: [
+  { type: 'title', text: '为游戏创作者准备的工具', level: 2 },
+  { type: 'paragraph', html: '游戏开发由许多小决定组成：构图要适应多种商店尺寸，图标要一眼可读，制作任务也要容易重复。本分类为制作、发布和展示游戏的人整理了目标明确的工具，把繁琐工作变成清晰的浏览器操作。' },
+  { type: 'title', text: '适合独立开发者', level: 2 },
+  { type: 'paragraph', html: '独立团队经常在美术软件、发布面板和审核文件夹之间切换。好的工具可以缩短交接过程，让关键决定可见，并让创作者继续掌握源文件。' },
+  { type: 'list', items: ['结果清晰的专注流程', '适合时在浏览器本地处理', '明确的尺寸和导出状态', '补充官方平台文档的说明'] },
+  { type: 'tip', html: '把这些工具当作发布前检查层，保留源文件，并将结果与平台当前要求进行比较。' },
+] };

package/src/category/index.ts

@@ -0,0 +1,24 @@
+import type { GamesCategoryEntry } from '../types';
+import { steamCapsuleGenerator } from '../tool/steamCapsuleGenerator/entry';
+
+export const gamesCategory: GamesCategoryEntry = {
+  icon: 'mdi:gamepad-variant',
+  tools: [steamCapsuleGenerator],
+  i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};

package/src/category/seo.astro

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

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>
+

package/src/components/PreviewToolbar.astro

@@ -0,0 +1,143 @@
+---
+import type { KnownLocale } from '../types';
+
+interface Props {
+  currentLocale: KnownLocale;
+  localeUrls?: Partial<Record<KnownLocale, string>>;
+}
+
+const { currentLocale, localeUrls = {} } = Astro.props;
+
+const otherLocales = Object.entries(localeUrls).filter(([l]) => l !== currentLocale) as [
+  KnownLocale,
+  string,
+][];
+---
+
+<nav class="preview-toolbar">
+  {
+    otherLocales.length > 0 && (
+      <div class="locale-group">
+        <span class="locale-current">{currentLocale.toUpperCase()}</span>
+        {otherLocales.map(([locale, url]) => (
+          <a href={url} class="btn-locale">
+            {locale.toUpperCase()}
+          </a>
+        ))}
+      </div>
+    )
+  }
+
+  <button id="theme-toggle" class="btn-theme" aria-label="Toggle theme" title="Toggle theme">
+    <span class="theme-icon"></span>
+  </button>
+</nav>
+
+<script>
+  function initToolbar() {
+    const btn = document.getElementById('theme-toggle');
+    if (!btn) return;
+
+    const applyTheme = (theme: string) => {
+      document.documentElement.classList.remove('theme-light', 'theme-dark');
+      document.documentElement.classList.add(theme);
+      localStorage.setItem('theme', theme);
+    };
+
+    btn.addEventListener('click', () => {
+      const next = document.documentElement.classList.contains('theme-dark')
+        ? 'theme-light'
+        : 'theme-dark';
+      applyTheme(next);
+    });
+  }
+
+  initToolbar();
+  document.addEventListener('astro:after-swap', initToolbar);
+</script>
+
+<style>
+  .preview-toolbar {
+    position: fixed;
+    top: 1rem;
+    right: 1.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    z-index: 1000;
+    background: var(--bg-surface);
+    padding: 0.4rem;
+    border-radius: 1rem;
+    border: 1px solid var(--border-color);
+    backdrop-filter: blur(12px);
+  }
+
+  .locale-group {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding-right: 0.5rem;
+    border-right: 1px solid var(--border-color);
+  }
+
+  .locale-current {
+    font-size: 0.7rem;
+    font-weight: 900;
+    color: var(--text-muted);
+    padding: 0.4rem 0.6rem;
+    letter-spacing: 0.08em;
+  }
+
+  .btn-locale {
+    background: transparent;
+    border: 1px solid var(--border-color);
+    color: var(--text-main);
+    cursor: pointer;
+    padding: 0.4rem 0.7rem;
+    border-radius: 0.5rem;
+    font-weight: 700;
+    font-size: 0.7rem;
+    text-decoration: none;
+    letter-spacing: 0.08em;
+    transition: all 0.2s ease;
+  }
+
+  .btn-locale:hover {
+    border-color: var(--accent);
+    color: var(--accent);
+  }
+
+  .btn-theme {
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 0.6rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s ease;
+  }
+
+  .btn-theme:hover {
+    background: rgba(255, 255, 255, 0.08);
+  }
+
+  .theme-icon {
+    display: block;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+  }
+
+  :global(.theme-light) .theme-icon {
+    background: #f59e0b;
+    box-shadow: 0 0 8px #fbbf24;
+  }
+
+  :global(.theme-dark) .theme-icon {
+    background: #94a3b8;
+    box-shadow: inset -4px -2px 0 #1e293b;
+  }
+</style>
+

package/src/data.ts

@@ -0,0 +1,11 @@
+export { gamesCategory } from './category';
+
+export type {
+  KnownLocale,
+  ToolLocaleContent,
+  CategoryLocaleContent,
+  LocaleMap,
+  GamesToolEntry,
+  GamesCategoryEntry,
+} from './types';
+

package/src/entries.ts

@@ -0,0 +1,5 @@
+export { steamCapsuleGenerator } from './tool/steamCapsuleGenerator/entry';
+export type { SteamCapsuleGeneratorUI, SteamCapsuleGeneratorLocaleContent } from './tool/steamCapsuleGenerator/entry';
+export { gamesCategory } from './category';
+import { steamCapsuleGenerator } from './tool/steamCapsuleGenerator/entry';
+export const ALL_ENTRIES = [steamCapsuleGenerator];