@jjlmoya/utils-games-development 1.54.0 → 1.56.0

package/src/tool/retroSfxGenerator/ui.ts

@@ -0,0 +1,41 @@
+export interface RetroSfxGeneratorUI extends Record<string, string> {
+  waveformLabel: string;
+  waveformSquare: string;
+  waveformSawtooth: string;
+  waveformSine: string;
+  waveformTriangle: string;
+  waveformNoise: string;
+  presetLabel: string;
+  presetExplosion: string;
+  presetLaser: string;
+  presetJump: string;
+  presetCoin: string;
+  presetPowerUp: string;
+  frequencyLabel: string;
+  frequencyEndLabel: string;
+  durationLabel: string;
+  decayLabel: string;
+  sweepLabel: string;
+  vibratoLabel: string;
+  lowpassLabel: string;
+  highpassLabel: string;
+  noiseMixLabel: string;
+  toneSection: string;
+  dynamicsSection: string;
+  filterSection: string;
+  playButton: string;
+  stopButton: string;
+  downloadButton: string;
+  randomizeButton: string;
+  resetButton: string;
+  waveformPreviewLabel: string;
+  generatedLabel: string;
+  statusReady: string;
+  statusPlaying: string;
+  statusStopped: string;
+  statusDownloaded: string;
+  statusAudioBlocked: string;
+  statusGenerating: string;
+  presetHint: string;
+  monoWavHint: string;
+}

package/src/tool/saveFileEditor/game-save-file-editor.css

@@ -138,14 +138,14 @@
 }
 
 .chip-btn.active {
-  background: var(--accent-base, #3b82f6);
+  background: var(--accent-base, #2563eb);
   color: var(--text-inverse, #fff);
-  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
+  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
 }
 
 .chip-btn:hover:not(.active) {
-  background: rgba(59, 130, 246, 0.08);
-  color: var(--accent-base, #3b82f6);
+  background: rgba(37, 99, 235, 0.08);
+  color: var(--accent-base, #2563eb);
 }
 
 .textarea-code {
@@ -157,7 +157,7 @@
   padding: 0.75rem 1.25rem;
   border-radius: 0.5rem;
   border: none;
-  background: var(--accent-base, #3b82f6);
+  background: var(--accent-base, #2563eb);
   color: var(--text-inverse, #fff);
   font-weight: 700;
   cursor: pointer;

package/src/tool/spriteSheetPacker/sprite-sheet-packer.css

@@ -56,7 +56,7 @@
 
 .ssp-tab-btn.active {
   background: var(--bg-surface, #fff);
-  color: var(--color-primary, #6366f1);
+  color: var(--color-primary, #4f46e5);
   opacity: 1;
   border: 1px solid var(--border-base, #cbd5e1);
   border-bottom: 1px solid var(--bg-surface, #fff);
@@ -309,14 +309,14 @@
 }
 
 .ssp-btn-danger {
-  background: #ef4444;
+  background: #dc2626;
   color: var(--text-on-primary, #fff);
 }
 
 .ssp-btn-success {
-  background: #10b981;
+  background: #047857;
   color: var(--text-on-primary, #fff);
-  border-color: #10b981;
+  border-color: #047857;
 }
 
 .ssp-stats-grid {
@@ -512,7 +512,7 @@
   position: fixed;
   bottom: 2rem;
   right: 2rem;
-  background: #10b981;
+  background: #047857;
   color: var(--text-on-primary, #fff);
   padding: 0.75rem 1.25rem;
   border-radius: 8px;

package/src/tool/steamBbcodeTranslator/steam-bbcode-translator.css

@@ -77,7 +77,7 @@
 .bbcode-kicker {
   color: var(--bb-accent);
   display: block;
-  font-size: 0.62rem;
+  font-size: 0.75rem;
   font-weight: 900;
   letter-spacing: 0.14em;
 }
@@ -86,7 +86,7 @@
 .bbcode-draft-note {
   color: var(--bb-muted);
   display: block;
-  font-size: 0.72rem;
+  font-size: 0.75rem;
   font-weight: 600;
 }
 
@@ -122,7 +122,7 @@
 
 .bbcode-step {
   color: var(--bb-warm);
-  font-size: 0.68rem;
+  font-size: 0.75rem;
   font-weight: 900;
   margin-right: 0.45rem;
 }
@@ -131,7 +131,7 @@
   background: var(--bb-soft);
   border-radius: 999px;
   color: var(--bb-accent-deep);
-  font-size: 0.66rem;
+  font-size: 0.75rem;
   padding: 0.3rem 0.55rem;
 }
 
@@ -162,7 +162,7 @@
 
 .bbcode-input-footer p {
   color: var(--bb-muted);
-  font-size: 0.7rem;
+  font-size: 0.75rem;
   line-height: 1.4;
   margin: 0;
 }
@@ -172,7 +172,7 @@
   color: var(--bb-muted);
   display: flex;
   flex-wrap: wrap;
-  font-size: 0.68rem;
+  font-size: 0.75rem;
   gap: 0.8rem;
 }
 
@@ -187,7 +187,7 @@
   border-radius: 6px;
   color: var(--bb-ink);
   cursor: pointer;
-  font-size: 0.68rem;
+  font-size: 0.75rem;
   font-weight: 800;
   padding: 0.38rem 0.6rem;
 }
@@ -237,7 +237,7 @@
   border: 1px solid var(--bb-line);
   border-radius: 7px;
   color: var(--bb-ink);
-  font-size: 0.72rem;
+  font-size: 0.75rem;
   line-height: 1.6;
   margin: 0;
   min-height: 180px;

package/src/tool/steamCapsuleGenerator/steam-capsule-generator.css

@@ -62,7 +62,7 @@
 }
 
 .steam-tab-btn.active {
-  color: var(--text-light, #fff);
+  color: var(--text-dark, #0f172a);
   background: var(--accent-steam, #66c0f4);
   box-shadow: 0 2px 8px var(--accent-shadow, rgba(102, 192, 244, 0.3));
 }
@@ -298,7 +298,7 @@
   border: 2px dashed var(--accent-safe, #ff4757);
   background: var(--bg-safe, rgba(255, 71, 87, 0.15));
   color: var(--text-light, #fff);
-  font-size: 0.7rem;
+  font-size: 0.75rem;
   font-weight: 700;
   padding: 0.25rem 0.5rem;
   pointer-events: none;
@@ -322,7 +322,7 @@
 
 .discount-tag {
   background: var(--bg-discount, #4c6b22);
-  color: var(--accent-discount, #beee11);
+  color: var(--accent-discount, #fff);
   font-size: 1.1rem;
   font-weight: 800;
   padding: 0.35rem 0.6rem;
@@ -336,7 +336,7 @@
 }
 
 .original-price {
-  font-size: 0.7rem;
+  font-size: 0.75rem;
   text-decoration: line-through;
   color: var(--text-muted-alt, #556772);
 }
@@ -546,7 +546,7 @@
 }
 
 .stat-label {
-  font-size: 0.65rem;
+  font-size: 0.75rem;
   color: var(--text-muted, #8b99a8);
   text-transform: uppercase;
 }
@@ -672,7 +672,7 @@
 .steam-asset-badge {
   background: var(--bg-topbar, #0d121a);
   color: var(--accent-active, #67c1f5);
-  font-size: 0.7rem;
+  font-size: 0.75rem;
   font-weight: 700;
   padding: 0.15rem 0.4rem;
   border-radius: 3px;

package/src/tools.ts

@@ -7,6 +7,8 @@ import { AUDIO_LOOP_POINT_FINDER_TOOL } from './tool/audioLoopPointFinder';
 import { SAVE_FILE_EDITOR_TOOL } from './tool/saveFileEditor';
 import { LOCALIZATION_SANITIZER_TOOL } from './tool/localizationSanitizer';
 import { STEAM_BBCODE_TRANSLATOR_TOOL } from './tool/steamBbcodeTranslator';
+import { RETRO_SFX_GENERATOR_TOOL } from './tool/retroSfxGenerator';
+import { PIXEL_ART_PALETTE_SWAPPER_TOOL } from './tool/pixelArtPaletteSwapper';
 
 export const ALL_TOOLS: ToolDefinition[] = [
   STEAM_CAPSULE_GENERATOR_TOOL,
@@ -16,4 +18,6 @@ export const ALL_TOOLS: ToolDefinition[] = [
   SAVE_FILE_EDITOR_TOOL,
   LOCALIZATION_SANITIZER_TOOL,
   STEAM_BBCODE_TRANSLATOR_TOOL,
+  RETRO_SFX_GENERATOR_TOOL,
+  PIXEL_ART_PALETTE_SWAPPER_TOOL,
 ];