maze-blockly-wrapper 0.5.4 → 0.6.0

package/dist/App.d.ts

@@ -1,12 +1,6 @@
-import React, { Component } from 'react';
+import React from 'react';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import './styles/App.scss';
-interface AppState {
-    count: number;
-    activeTab: string;
-}
-declare class App extends Component<Record<string, never>, AppState> {
-    constructor(props: Record<string, never>);
-    render(): React.JSX.Element;
-}
+import './i18n';
+declare const App: React.FC;
 export default App;

package/dist/components/maze/GameControls.d.ts

@@ -1,15 +1,10 @@
 import React from 'react';
-import type { GameState, MazeConfig } from './types';
+import type { GameState } from './types';
 interface GameControlsProps {
     gameState: GameState;
-    currentDirection: 'north' | 'south' | 'east' | 'west';
     isExecuting: boolean;
-    isGenerating: boolean;
-    mazeConfig: MazeConfig;
     onRunCode: () => void;
     onResetGame: () => void;
-    onGenerateNewMaze: () => void;
-    isEditable?: boolean;
     className?: string;
 }
 declare const GameControls: React.FC<GameControlsProps>;

package/dist/index.cjs.js

@@ -2931,33 +2931,63 @@ class Browser {
 Browser.type = "languageDetector";
 const common$2 = { "moves": "Tahy", "steps": "Kroky", "walls": "Steny", "running": "Spúšťam...", "runCode": "▶️ Spustiť kód", "reset": "🔄 Resetovať", "generating": "🔄 Generujem...", "generateNewMaze": "🎲 Generovať nový labyrint", "editor": "✏️ Editor", "game": "🎮 Hra a programovanie", "gameView": "Pohľad na hru", "programmingBlocks": "Programovacie bloky", "generatedCode": "Vygenerovaný kód:", "noCodeGenerated": "// Zatiaľ nebol vygenerovaný žiadny kód", "calculating": "Počítam...", "north": "Sever", "south": "Juh", "east": "Východ", "west": "Západ" };
 const game$2 = { "congratulations": "🎉 Gratulujeme! Dosiahli ste cieľ! 🎯", "gameOver": "❌ Koniec hry! Prekročili ste maximálny počet ťahov.", "movement": "Pohyb", "coins": "Mince", "letters": "Písmená", "keys": "Kľúče", "control": "Riadenie", "logic": "Logika", "math": "Matematika" };
-const blocks$2 = { "moveForward": "Posunúť sa dopredu", "turnLeft": "Otočiť sa vľavo", "turnRight": "Otočiť sa vpravo", "turnAround": "Otočiť sa okolo", "repeat": "Opakovať", "if": "Ak" };
+const blocks$2 = { "moveForward": "Posunúť sa dopredu", "turnLeft": "Otočiť sa vľavo", "turnRight": "Otočiť sa vpravo", "turnAround": "Otočiť sa okolo", "repeat": "Opakovať", "if": "Ak", "moveForwardTooltip": "Posunúť pavúka o jeden krok dopredu", "turnLeftTooltip": "Otočiť pavúka o 90 stupňov vľavo", "turnRightTooltip": "Otočiť pavúka o 90 stupňov vpravo", "turnAroundTooltip": "Otočiť pavúka o 180 stupňov okolo", "repeatTooltip": "Opakovať bloky vnútri zadaný počet krát", "whileTooltip": "Opakovať bloky vnútri, kým je podmienka pravdivá", "compareTooltip": "Porovnať dve čísla a vrátiť true alebo false", "numberTooltip": "Číslo", "collectCoinTooltip": "Zozbierať mincu, ak je na aktuálnej pozícii", "coinsCollectedTooltip": "Vráti počet zozbieraných mincí", "collectLetterTooltip": "Zozbierať písmeno, ak je na aktuálnej pozícii", "hasCoinTooltip": "Vráti true, ak je na aktuálnej pozícii minca", "hasLetterTooltip": "Vráti true, ak je na aktuálnej pozícii písmeno" };
 const language$2 = { "select": "Vybrať jazyk", "slovak": "Slovenčina", "czech": "Čeština", "hungarian": "Maďarčina" };
+const validation$2 = { "errors": "Chyby validácie:", "warnings": "Upozornenia:", "doorsNoKeys": "Labyrint má dvere, ale žiadne kľúče. Dvere sa nedajú prejsť bez kľúčov.", "keysNoDoors": "Labyrint má kľúče, ale žiadne dvere. Kľúče nie sú potrebné, ak nie sú dvere.", "moreDoorsThanKeys": "Labyrint má {{doors}} dverí, ale len {{keys}} kľúčov. Niektoré dvere môžu byť nedostupné.", "missingLetters": 'Cieľový reťazec "{{targetString}}" vyžaduje písmená, ktoré chýbajú v labyrinte: {{missingLetters}}', "extraLetters": "Labyrint obsahuje písmená, ktoré nie sú potrebné pre cieľový reťazec: {{extraLetters}}" };
+const tools$2 = { "wall": "Stena", "clear": "Vymazať", "start": "Štart", "finish": "Cieľ", "coin": "Minca", "letter": "Písmeno", "key": "Kľúč", "door": "Dvere", "targetStringPlaceholder": "Cieľový reťazec (voliteľný)", "regenerate": "Regenerovať", "clearAll": "Vymazať všetko" };
+const app$2 = { "imageGraphics": "Grafika obrázkov", "graphicsTest": "Test grafiky", "debugTest": "Debug test", "externalTest": "Test externého importu", "configTest": "Test konfigurácie" };
+const gameStatus$2 = { "coins": "Mince", "keys": "Kľúče", "moves": "Tahy", "inventory": "Inventár", "itemsCollected": "Zozbierané predmety" };
+const testing$2 = { "instructions": "Inštrukcie na testovanie:", "switchConfigurations": "Prepnutie konfigurácie:", "switchConfigurationsDesc": 'Kliknite na "Prepnutie konfigurácie" na testovanie rôznych grafických nastavení', "monitorLogs": "Sledovanie logov:", "monitorLogsDesc": "Sledujte logy, aby ste videli, kedy sa zmení grafická konfigurácia", "testImageLoading": "Testovanie načítania obrázkov:", "testImageLoadingDesc": "Overte, že sa obrázky načítajú správne a v prípade zlyhania sa použijú znaky", "testUrlValidity": "Testovanie platnosti URL:", "testUrlValidityDesc": "Použite URL tester na overenie platnosti URL obrázkov pred ich použitím", "testFallbackBehavior": "Testovanie záložného správania:", "testFallbackBehaviorDesc": "Konfigurácia 4 používa neplatné URL na testovanie záložných znakov", "checkToolSelection": "Kontrola výberu nástrojov:", "checkToolSelectionDesc": "Všimnite si, ako tlačidlá nástrojov teraz zobrazujú skutočné obrázky namiesto generických emoji", "verifyEditorGame": "Overenie editora/hry:", "verifyEditorGameDesc": "Skontrolujte, že oba taby editora a hry odrážajú zmeny" };
 const sk = {
   common: common$2,
   game: game$2,
   blocks: blocks$2,
-  language: language$2
+  language: language$2,
+  validation: validation$2,
+  tools: tools$2,
+  app: app$2,
+  gameStatus: gameStatus$2,
+  testing: testing$2
 };
 const common$1 = { "moves": "Tahy", "steps": "Kroky", "walls": "Stěny", "running": "Spouštím...", "runCode": "▶️ Spustit kód", "reset": "🔄 Resetovat", "generating": "🔄 Generuji...", "generateNewMaze": "🎲 Generovat nový labyrint", "editor": "✏️ Editor", "game": "🎮 Hra a programování", "gameView": "Pohled na hru", "programmingBlocks": "Programovací bloky", "generatedCode": "Vygenerovaný kód:", "noCodeGenerated": "// Zatím nebyl vygenerován žádný kód", "calculating": "Počítám...", "north": "Sever", "south": "Jih", "east": "Východ", "west": "Západ" };
 const game$1 = { "congratulations": "🎉 Gratulujeme! Dosáhli jste cíle! 🎯", "gameOver": "❌ Konec hry! Překročili jste maximální počet tahů.", "movement": "Pohyb", "coins": "Mince", "letters": "Písmena", "keys": "Klíče", "control": "Řízení", "logic": "Logika", "math": "Matematika" };
-const blocks$1 = { "moveForward": "Posunout se dopředu", "turnLeft": "Otočit se vlevo", "turnRight": "Otočit se vpravo", "turnAround": "Otočit se kolem", "repeat": "Opakovat", "if": "Pokud" };
+const blocks$1 = { "moveForward": "Posunout se dopředu", "turnLeft": "Otočit se vlevo", "turnRight": "Otočit se vpravo", "turnAround": "Otočit se kolem", "repeat": "Opakovat", "if": "Pokud", "moveForwardTooltip": "Posunout pavouka o jeden krok dopředu", "turnLeftTooltip": "Otočit pavouka o 90 stupňů vlevo", "turnRightTooltip": "Otočit pavouka o 90 stupňů vpravo", "turnAroundTooltip": "Otočit pavouka o 180 stupňů kolem", "repeatTooltip": "Opakovat bloky uvnitř zadaný počet krát", "whileTooltip": "Opakovat bloky uvnitř, dokud je podmínka pravdivá", "compareTooltip": "Porovnat dvě čísla a vrátit true nebo false", "numberTooltip": "Číslo", "collectCoinTooltip": "Sebrat minci, pokud je na aktuální pozici", "coinsCollectedTooltip": "Vrátí počet sebraných mincí", "collectLetterTooltip": "Sebrat písmeno, pokud je na aktuální pozici", "hasCoinTooltip": "Vrátí true, pokud je na aktuální pozici mince", "hasLetterTooltip": "Vrátí true, pokud je na aktuální pozici písmeno" };
 const language$1 = { "select": "Vybrat jazyk", "slovak": "Slovenština", "czech": "Čeština", "hungarian": "Maďarština" };
+const validation$1 = { "errors": "Chyby validace:", "warnings": "Upozornění:", "doorsNoKeys": "Labyrint má dveře, ale žádné klíče. Dveře se nedají projít bez klíčů.", "keysNoDoors": "Labyrint má klíče, ale žádné dveře. Klíče nejsou potřeba, pokud nejsou dveře.", "moreDoorsThanKeys": "Labyrint má {{doors}} dveří, ale jen {{keys}} klíčů. Některé dveře mohou být nedostupné.", "missingLetters": 'Cílový řetězec "{{targetString}}" vyžaduje písmena, která chybí v labyrintu: {{missingLetters}}', "extraLetters": "Labyrint obsahuje písmena, která nejsou potřebná pro cílový řetězec: {{extraLetters}}" };
+const tools$1 = { "wall": "Stěna", "clear": "Vymazat", "start": "Start", "finish": "Cíl", "coin": "Mince", "letter": "Písmeno", "key": "Klíč", "door": "Dveře", "targetStringPlaceholder": "Cílový řetězec (volitelný)", "regenerate": "Regenerovat", "clearAll": "Vymazat vše" };
+const app$1 = { "imageGraphics": "Grafika obrázků", "graphicsTest": "Test grafiky", "debugTest": "Debug test", "externalTest": "Test externího importu", "configTest": "Test konfigurace" };
+const gameStatus$1 = { "coins": "Mince", "keys": "Klíče", "moves": "Tahy", "inventory": "Inventář", "itemsCollected": "Sebrané předměty" };
+const testing$1 = { "instructions": "Testovací instrukce:", "switchConfigurations": "Přepnutí konfigurace:", "switchConfigurationsDesc": 'Klikněte na "Přepnutí konfigurace" na testování různých grafických nastavení', "monitorLogs": "Sledování logů:", "monitorLogsDesc": "Sledujte logy, abyste viděli, kdy se změní grafická konfigurace", "testImageLoading": "Testování načítání obrázků:", "testImageLoadingDesc": "Ověřte, že se obrázky načítají správně a v případě selhání se použijí znaky", "testUrlValidity": "Testování platnosti URL:", "testUrlValidityDesc": "Použijte URL tester na ověření platnosti URL obrázků před jejich použitím", "testFallbackBehavior": "Testování záložního chování:", "testFallbackBehaviorDesc": "Konfigurace 4 používá neplatné URL na testování záložních znaků", "checkToolSelection": "Kontrola výběru nástrojů:", "checkToolSelectionDesc": "Všimněte si, jak tlačítka nástrojů nyní zobrazují skutečné obrázky místo generických emoji", "verifyEditorGame": "Ověření editoru/hry:", "verifyEditorGameDesc": "Zkontrolujte, že oba taby editoru a hry odrážejí změny" };
 const cs = {
   common: common$1,
   game: game$1,
   blocks: blocks$1,
-  language: language$1
+  language: language$1,
+  validation: validation$1,
+  tools: tools$1,
+  app: app$1,
+  gameStatus: gameStatus$1,
+  testing: testing$1
 };
 const common = { "moves": "Lépések", "steps": "Lépések", "walls": "Falak", "running": "Futtatom...", "runCode": "▶️ Kód futtatása", "reset": "🔄 Visszaállítás", "generating": "🔄 Generálás...", "generateNewMaze": "🎲 Új labirintus generálása", "editor": "✏️ Szerkesztő", "game": "🎮 Játék és programozás", "gameView": "Játék nézet", "programmingBlocks": "Programozási blokkok", "generatedCode": "Generált kód:", "noCodeGenerated": "// Még nincs generált kód", "calculating": "Számítás...", "north": "Észak", "south": "Dél", "east": "Kelet", "west": "Nyugat" };
 const game = { "congratulations": "🎉 Gratulálunk! Elérted a célt! 🎯", "gameOver": "❌ Játék vége! Túllépted a maximális lépésszámot.", "movement": "Mozgás", "coins": "Érmék", "letters": "Betűk", "keys": "Kulcsok", "control": "Vezérlés", "logic": "Logika", "math": "Matematika" };
-const blocks = { "moveForward": "Előre lépés", "turnLeft": "Balra fordulás", "turnRight": "Jobbra fordulás", "turnAround": "Megfordulás", "repeat": "Ismétlés", "if": "Ha" };
+const blocks = { "moveForward": "Előre lépés", "turnLeft": "Balra fordulás", "turnRight": "Jobbra fordulás", "turnAround": "Megfordulás", "repeat": "Ismétlés", "if": "Ha", "moveForwardTooltip": "A pók egy lépést előre mozgatása", "turnLeftTooltip": "A pók 90 fokkal balra fordítása", "turnRightTooltip": "A pók 90 fokkal jobbra fordítása", "turnAroundTooltip": "A pók 180 fokkal megfordítása", "repeatTooltip": "A blokkok megadott számú ismétlése", "whileTooltip": "A blokkok ismétlése, amíg a feltétel igaz", "compareTooltip": "Két szám összehasonlítása és true vagy false visszaadása", "numberTooltip": "Szám", "collectCoinTooltip": "Érme gyűjtése, ha van a jelenlegi pozíción", "coinsCollectedTooltip": "Az eddig gyűjtött érmék számát adja vissza", "collectLetterTooltip": "Betű gyűjtése, ha van a jelenlegi pozíción", "hasCoinTooltip": "True-t ad vissza, ha van érme a jelenlegi pozíción", "hasLetterTooltip": "True-t ad vissza, ha van betű a jelenlegi pozíción" };
 const language = { "select": "Nyelv kiválasztása", "slovak": "Szlovák", "czech": "Cseh", "hungarian": "Magyar" };
+const validation = { "errors": "Validációs hibák:", "warnings": "Figyelmeztetések:", "doorsNoKeys": "A labirintusnak vannak ajtói, de nincsenek kulcsok. Az ajtók nem járhatók át kulcs nélkül.", "keysNoDoors": "A labirintusnak vannak kulcsai, de nincsenek ajtók. A kulcsok nem szükségesek, ha nincsenek ajtók.", "moreDoorsThanKeys": "A labirintusnak {{doors}} ajtója van, de csak {{keys}} kulcsa. Néhány ajtó elérhetetlen lehet.", "missingLetters": 'A "{{targetString}}" célkarakterlánc olyan betűket igényel, amelyek hiányoznak a labirintusból: {{missingLetters}}', "extraLetters": "A labirintus olyan betűket tartalmaz, amelyekre nincs szükség a célkarakterlánc esetében: {{extraLetters}}" };
+const tools = { "wall": "Fal", "clear": "Törlés", "start": "Kezdés", "finish": "Cél", "coin": "Érme", "letter": "Betű", "key": "Kulcs", "door": "Ajtó", "targetStringPlaceholder": "Célkarakterlánc (opcionális)", "regenerate": "Újragenerálás", "clearAll": "Összes törlése" };
+const app = { "imageGraphics": "Képek grafikája", "graphicsTest": "Grafika teszt", "debugTest": "Debug teszt", "externalTest": "Külső import teszt", "configTest": "Konfiguráció teszt" };
+const gameStatus = { "coins": "Érmék", "keys": "Kulcsok", "moves": "Lépések", "inventory": "Leltár", "itemsCollected": "Összegyűjtött tárgyak" };
+const testing = { "instructions": "Tesztelési utasítások:", "switchConfigurations": "Konfiguráció váltás:", "switchConfigurationsDesc": 'Kattintson a "Konfiguráció váltás" gombra a különböző grafikai beállítások teszteléséhez', "monitorLogs": "Naplók figyelése:", "monitorLogsDesc": "Figyelje a naplókat, hogy lássa, mikor változik a grafikai konfiguráció", "testImageLoading": "Képek betöltésének tesztelése:", "testImageLoadingDesc": "Ellenőrizze, hogy a képek megfelelően töltődnek be, és hiba esetén karakterekre váltanak", "testUrlValidity": "URL érvényesség tesztelése:", "testUrlValidityDesc": "Használja az URL tesztelőt a kép URL-ek érvényességének ellenőrzéséhez használat előtt", "testFallbackBehavior": "Tartalék viselkedés tesztelése:", "testFallbackBehaviorDesc": "A 4. konfiguráció hibás URL-eket használ a tartalék karakterek teszteléséhez", "checkToolSelection": "Eszköz kiválasztás ellenőrzése:", "checkToolSelectionDesc": "Figyelje meg, hogyan jelenítik meg most az eszközgombok a tényleges képeket a generikus emoji helyett", "verifyEditorGame": "Szerkesztő/játék ellenőrzése:", "verifyEditorGameDesc": "Ellenőrizze, hogy mindkét szerkesztő és játék tab tükrözi a változásokat" };
 const hu = {
   common,
   game,
   blocks,
-  language
+  language,
+  validation,
+  tools,
+  app,
+  gameStatus,
+  testing
 };
 const resources = {
   sk: {
@@ -7334,8 +7364,6 @@ const GraphicsImage = ({
       className,
       onError: handleImageError,
       onLoad: handleImageLoad,
-      onLoadStart: () => console.log(`[GraphicsImage] Image load started: ${src}`),
-      onAbort: () => console.warn(`[GraphicsImage] Image load aborted: ${src}`),
       title: `Image: ${src}`
     }
   );
@@ -7363,13 +7391,13 @@ const validateDoorKeyRequirement = (config2) => {
   const hasDoors = config2.doors.length > 0;
   const hasKeys = config2.keys.length > 0;
   if (hasDoors && !hasKeys) {
-    errors.push("Maze has doors but no keys. Doors cannot be passed without keys.");
+    errors.push(instance.t("validation.doorsNoKeys"));
   }
   if (hasKeys && !hasDoors) {
-    warnings.push("Maze has keys but no doors. Keys are not needed if there are no doors.");
+    warnings.push(instance.t("validation.keysNoDoors"));
   }
   if (hasDoors && hasKeys && config2.keys.length < config2.doors.length) {
-    warnings.push(`Maze has ${config2.doors.length} doors but only ${config2.keys.length} keys. Some doors may be unreachable.`);
+    warnings.push(instance.t("validation.moreDoorsThanKeys", { doors: config2.doors.length, keys: config2.keys.length }));
   }
   return {
     isValid: errors.length === 0,
@@ -7401,11 +7429,14 @@ const validateTargetString = (config2) => {
     }
   });
   if (missingLetters.length > 0) {
-    errors.push(`Target string "${config2.targetString}" requires letters that are missing from the maze: ${missingLetters.join(", ")}`);
+    errors.push(instance.t("validation.missingLetters", {
+      targetString: config2.targetString,
+      missingLetters: missingLetters.join(", ")
+    }));
   }
   const extraLetters = Object.keys(mazeCounts).filter((letter) => !targetCounts[letter]);
   if (extraLetters.length > 0) {
-    warnings.push(`Maze contains letters not needed for target string: ${extraLetters.join(", ")}`);
+    warnings.push(instance.t("validation.extraLetters", { extraLetters: extraLetters.join(", ") }));
   }
   return {
     isValid: errors.length === 0,
@@ -7426,6 +7457,7 @@ const EditableMazeGrid = ({
   className
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  const { t } = useTranslation();
   const [selectedTool, setSelectedTool] = React.useState("wall");
   const [isDrawing, setIsDrawing] = React.useState(false);
   const [selectedLetter, setSelectedLetter] = React.useState("A");
@@ -7434,27 +7466,27 @@ const EditableMazeGrid = ({
   const toolOptions = [
     {
       value: "wall",
-      label: "Wall",
+      label: t("tools.wall"),
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         GraphicsImage,
         {
           src: (_a = blocksConfig == null ? void 0 : blocksConfig.wall) == null ? void 0 : _a.imageUrl,
-          alt: "Wall",
+          alt: t("tools.wall"),
           fallback: ((_b = blocksConfig == null ? void 0 : blocksConfig.wall) == null ? void 0 : _b.character) || "🧱",
           size: 16
         }
       )
     },
-    { value: "empty", label: "Clear", icon: "⬜" },
-    { value: "start", label: "Start", icon: "🚀" },
+    { value: "empty", label: t("tools.clear"), icon: "⬜" },
+    { value: "start", label: t("tools.start"), icon: "🚀" },
     {
       value: "finish",
-      label: "Finish",
+      label: t("tools.finish"),
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         GraphicsImage,
         {
           src: (_c = blocksConfig == null ? void 0 : blocksConfig.finish) == null ? void 0 : _c.imageUrl,
-          alt: "Finish",
+          alt: t("tools.finish"),
           fallback: ((_d = blocksConfig == null ? void 0 : blocksConfig.finish) == null ? void 0 : _d.character) || "🎯",
           size: 16
         }
@@ -7462,26 +7494,26 @@ const EditableMazeGrid = ({
     },
     {
       value: "coin",
-      label: "Coin",
+      label: t("tools.coin"),
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         GraphicsImage,
         {
           src: (_e = blocksConfig == null ? void 0 : blocksConfig.coin) == null ? void 0 : _e.imageUrl,
-          alt: "Coin",
+          alt: t("tools.coin"),
           fallback: ((_f = blocksConfig == null ? void 0 : blocksConfig.coin) == null ? void 0 : _f.character) || "🪙",
           size: 16
         }
       )
     },
-    { value: "letter", label: "Letter", icon: "📝" },
+    { value: "letter", label: t("tools.letter"), icon: "📝" },
     {
       value: "key",
-      label: "Key",
+      label: t("tools.key"),
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         GraphicsImage,
         {
           src: (_g = blocksConfig == null ? void 0 : blocksConfig.key) == null ? void 0 : _g.imageUrl,
-          alt: "Key",
+          alt: t("tools.key"),
           fallback: ((_h = blocksConfig == null ? void 0 : blocksConfig.key) == null ? void 0 : _h.character) || "🗝️",
           size: 16
         }
@@ -7489,12 +7521,12 @@ const EditableMazeGrid = ({
     },
     {
       value: "door",
-      label: "Door",
+      label: t("tools.door"),
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         GraphicsImage,
         {
           src: (_i = blocksConfig == null ? void 0 : blocksConfig.door) == null ? void 0 : _i.imageUrl,
-          alt: "Door",
+          alt: t("tools.door"),
           fallback: ((_j = blocksConfig == null ? void 0 : blocksConfig.door) == null ? void 0 : _j.character) || "🚪",
           size: 16
         }
@@ -7640,7 +7672,7 @@ const EditableMazeGrid = ({
     const newConfig = __spreadProps(__spreadValues({}, config2), { targetString: value || void 0 });
     onConfigChange(newConfig);
   };
-  const validation = validateMaze(config2);
+  const validation2 = validateMaze(config2);
   return /* @__PURE__ */ jsxRuntime.jsxs(Card$1, { className, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Card$1.Header, { className: "bg-light border-0", children: /* @__PURE__ */ jsxRuntime.jsxs(Row, { className: "align-items-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Col, { xs: "auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "btn-group", role: "group", children: toolOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -7677,25 +7709,25 @@ const EditableMazeGrid = ({
         {
           size: "sm",
           type: "text",
-          placeholder: "Target string (optional)",
+          placeholder: t("tools.targetStringPlaceholder"),
           value: targetString,
           onChange: (e) => handleTargetStringChange(e.target.value),
           style: { minWidth: "150px" }
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(Col, { xs: "auto", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline-secondary", size: "sm", onClick: regenerateMaze, className: "me-2", children: "Regenerate" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline-secondary", size: "sm", onClick: clearMaze, children: "Clear All" })
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline-secondary", size: "sm", onClick: regenerateMaze, className: "me-2", children: t("tools.regenerate") }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline-secondary", size: "sm", onClick: clearMaze, children: t("tools.clearAll") })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(Card$1.Body, { children: [
-      validation.errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Alert$1, { variant: "danger", className: "mb-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Validation Errors:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mb-0", children: validation.errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error }, index)) })
+      validation2.errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Alert$1, { variant: "danger", className: "mb-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: t("validation.errors") }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mb-0", children: validation2.errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error }, index)) })
       ] }),
-      validation.warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Alert$1, { variant: "warning", className: "mb-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Warnings:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mb-0", children: validation.warnings.map((warning2, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: warning2 }, index)) })
+      validation2.warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Alert$1, { variant: "warning", className: "mb-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: t("validation.warnings") }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mb-0", children: validation2.warnings.map((warning2, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: warning2 }, index)) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -7744,7 +7776,7 @@ const EditableMazeGrid = ({
                       GraphicsImage,
                       {
                         src: (_q2 = blocksConfig == null ? void 0 : blocksConfig.wall) == null ? void 0 : _q2.imageUrl,
-                        alt: "Wall",
+                        alt: t("tools.wall"),
                         fallback: ((_r2 = blocksConfig == null ? void 0 : blocksConfig.wall) == null ? void 0 : _r2.character) || "🧱",
                         size: 20
                       }
@@ -7753,7 +7785,7 @@ const EditableMazeGrid = ({
                       GraphicsImage,
                       {
                         src: (_s = blocksConfig == null ? void 0 : blocksConfig.finish) == null ? void 0 : _s.imageUrl,
-                        alt: "Finish",
+                        alt: t("tools.finish"),
                         fallback: ((_t = blocksConfig == null ? void 0 : blocksConfig.finish) == null ? void 0 : _t.character) || "F",
                         size: 20
                       }
@@ -7762,7 +7794,7 @@ const EditableMazeGrid = ({
                       GraphicsImage,
                       {
                         src: (_u = blocksConfig == null ? void 0 : blocksConfig.coin) == null ? void 0 : _u.imageUrl,
-                        alt: "Coin",
+                        alt: t("tools.coin"),
                         fallback: ((_v = blocksConfig == null ? void 0 : blocksConfig.coin) == null ? void 0 : _v.character) || "🪙",
                         size: 16
                       }
@@ -7772,7 +7804,7 @@ const EditableMazeGrid = ({
                       GraphicsImage,
                       {
                         src: (_w = blocksConfig == null ? void 0 : blocksConfig.key) == null ? void 0 : _w.imageUrl,
-                        alt: "Key",
+                        alt: t("tools.key"),
                         fallback: ((_x = blocksConfig == null ? void 0 : blocksConfig.key) == null ? void 0 : _x.character) || "🗝️",
                         size: 16
                       }
@@ -7781,7 +7813,7 @@ const EditableMazeGrid = ({
                       GraphicsImage,
                       {
                         src: (_y = blocksConfig == null ? void 0 : blocksConfig.door) == null ? void 0 : _y.imageUrl,
-                        alt: "Door",
+                        alt: t("tools.door"),
                         fallback: ((_z = blocksConfig == null ? void 0 : blocksConfig.door) == null ? void 0 : _z.character) || "🚪",
                         size: 20
                       }
@@ -8988,7 +9020,9 @@ const MazeTabs = ({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row mb-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-md-6", children: /* @__PURE__ */ jsxRuntime.jsx(Alert$1, { variant: "info", className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "🪙 Coins: ",
+                "🪙 ",
+                t("gameStatus.coins"),
+                ": ",
                 /* @__PURE__ */ jsxRuntime.jsxs(Badge, { bg: "warning", text: "dark", children: [
                   gameState.coinsCollected,
                   "/",
@@ -8996,7 +9030,9 @@ const MazeTabs = ({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "🗝️ Keys: ",
+                "🗝️ ",
+                t("gameStatus.keys"),
+                ": ",
                 /* @__PURE__ */ jsxRuntime.jsxs(Badge, { bg: "success", children: [
                   gameState.keysCollected,
                   "/",
@@ -9004,7 +9040,8 @@ const MazeTabs = ({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "Moves: ",
+                t("gameStatus.moves"),
+                ": ",
                 /* @__PURE__ */ jsxRuntime.jsxs(Badge, { bg: "secondary", children: [
                   gameState.moveCount,
                   "/",
@@ -9015,11 +9052,13 @@ const MazeTabs = ({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-md-6", children: /* @__PURE__ */ jsxRuntime.jsxs(Alert$1, { variant: "info", className: "mb-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  "📦 Inventory (",
+                  "📦 ",
+                  t("gameStatus.inventory"),
+                  " (",
                   gameState.inventory.length,
                   ")"
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Items Collected" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("gameStatus.itemsCollected") })
               ] }),
               gameState.inventory.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "d-flex flex-wrap gap-1", children: gameState.inventory.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
                 Badge,
@@ -9092,81 +9131,35 @@ const MazeTabs = ({
 };
 const GameControls = ({
   gameState,
-  currentDirection,
   isExecuting,
-  isGenerating,
-  mazeConfig,
   onRunCode,
   onResetGame,
-  onGenerateNewMaze,
-  isEditable = false,
   className
 }) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(Card$1, { className, children: /* @__PURE__ */ jsxRuntime.jsxs(Card$1.Body, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Badge, { bg: "primary", className: "me-2", children: [
-          t("common.moves"),
-          ": ",
-          gameState.moveCount,
-          "/",
-          gameState.maxMoves
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { bg: currentDirection === "north" ? "success" : "secondary", className: "me-1", children: "↑" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { bg: currentDirection === "east" ? "success" : "secondary", className: "me-1", children: "→" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { bg: currentDirection === "south" ? "success" : "secondary", className: "me-1", children: "↓" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { bg: currentDirection === "west" ? "success" : "secondary", className: "me-1", children: "←" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "success",
-            onClick: onRunCode,
-            disabled: isExecuting || gameState.isGameOver,
-            className: "me-2",
-            children: isExecuting ? t("common.running") : t("common.runCode")
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "outline-secondary",
-            onClick: onResetGame,
-            disabled: isExecuting,
-            className: "me-2",
-            children: t("common.reset")
-          }
-        )
-      ] })
-    ] }),
-    isEditable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "d-flex align-items-center mt-3 p-3 bg-light rounded", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "me-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Form$1.Label, { className: "mb-1 fw-bold", children: [
-          t("common.steps"),
-          ":"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted", children: mazeConfig.estimatedSteps || t("common.calculating") })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "me-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Form$1.Label, { className: "mb-1 fw-bold", children: [
-          t("common.walls"),
-          ":"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted", children: mazeConfig.walls.length })
-      ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "d-flex justify-content-between align-items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "success",
+          onClick: onRunCode,
+          disabled: isExecuting || gameState.isGameOver,
+          className: "me-2",
+          children: isExecuting ? t("common.running") : t("common.runCode")
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          variant: "primary",
-          onClick: onGenerateNewMaze,
-          disabled: isExecuting || isGenerating,
-          className: "ms-auto",
-          children: isGenerating ? t("common.generating") : t("common.generateNewMaze")
+          variant: "outline-secondary",
+          onClick: onResetGame,
+          disabled: isExecuting,
+          className: "me-2",
+          children: t("common.reset")
         }
       )
-    ] }),
+    ] }) }),
     gameState.isGameWon && /* @__PURE__ */ jsxRuntime.jsx(Alert$1, { variant: "success", className: "mt-3 mb-0", children: t("game.congratulations") }),
     gameState.isGameOver && !gameState.isGameWon && /* @__PURE__ */ jsxRuntime.jsx(Alert$1, { variant: "danger", className: "mt-3 mb-0", children: t("game.gameOver") })
   ] }) });
@@ -9522,20 +9515,6 @@ class MazeGame extends React.Component {
         this.blocklyRef.current.executeCode();
       }
     });
-    // private handleMinStepsChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    //   const value = parseInt(event.target.value);
-    //   if (!isNaN(value) && value >= 3 && value <= 30) {
-    //     this.setState({ minSteps: value }, () => {
-    //       // Regenerate maze with new minimum steps if the current maze doesn't meet the requirement
-    //       if (this.mazeConfig.estimatedSteps && this.mazeConfig.estimatedSteps < value) {
-    //         this.generateMaze();
-    //       }
-    //     });
-    //   }
-    // };
-    __publicField(this, "handleGenerateNewMaze", () => {
-      this.generateMaze();
-    });
     if (props.configuration) {
       this.mazeConfig = __spreadValues({}, props.configuration);
     }
@@ -9943,8 +9922,19 @@ class MazeGame extends React.Component {
     }
     this.setState({ isExecuting: false });
   }
+  // private handleMinStepsChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+  //   const value = parseInt(event.target.value);
+  //   if (!isNaN(value) && value >= 3 && value <= 30) {
+  //     this.setState({ minSteps: value }, () => {
+  //       // Regenerate maze with new minimum steps if the current maze doesn't meet the requirement
+  //       if (this.mazeConfig.estimatedSteps && this.mazeConfig.estimatedSteps < value) {
+  //         this.generateMaze();
+  //       }
+  //     });
+  //   }
+  // };
   render() {
-    const { gameState, currentDirection, isExecuting, generatedCode, isGenerating } = this.state;
+    const { gameState, currentDirection, isExecuting, generatedCode } = this.state;
     const blocklyConfig = this.getBlocklyConfig();
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `maze-game ${this.props.className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { fluid: true, children: /* @__PURE__ */ jsxRuntime.jsx(Row, { children: /* @__PURE__ */ jsxRuntime.jsxs(Col, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "d-flex justify-content-end mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(LanguageSelector, {}) }),
@@ -9952,14 +9942,9 @@ class MazeGame extends React.Component {
         GameControls,
         {
           gameState,
-          currentDirection,
           isExecuting,
-          isGenerating,
-          mazeConfig: this.mazeConfig,
           onRunCode: this.runCode,
           onResetGame: this.resetGame,
-          onGenerateNewMaze: this.handleGenerateNewMaze,
-          isEditable: this.props.isEditable,
           className: "mb-3"
         }
       ),