maze-blockly-wrapper 0.6.0 → 0.7.1

package/dist/components/DrawingDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DrawingDemo: React.FC;
+export default DrawingDemo;

package/dist/components/drawing/DrawingBlocklyContainer.d.ts

@@ -0,0 +1,42 @@
+import React, { Component } from "react";
+import type { DrawingBlocklyConfig, DrawingCommand } from './types';
+interface DrawingBlocklyContainerProps {
+    onCodeChange?: (code: string) => void;
+    onWorkspaceChange?: (workspace: any) => void;
+    onExecuteCode?: (commands: DrawingCommand[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    config: DrawingBlocklyConfig;
+}
+interface DrawingBlocklyContainerState {
+    workspace: any | null;
+    isInitialized: boolean;
+}
+export default class DrawingBlocklyContainer extends Component<DrawingBlocklyContainerProps, DrawingBlocklyContainerState> {
+    constructor(props: DrawingBlocklyContainerProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DrawingBlocklyContainerProps): void;
+    componentWillUnmount(): void;
+    private static isInitializing;
+    private readonly instanceId;
+    private workspace;
+    private blocklyDivRef;
+    private initializeBlockly;
+    private registerDrawingGenerators;
+    private disposeWorkspace;
+    private onAnyChange;
+    private generateCode;
+    private loadXml;
+    executeCode(): DrawingCommand[];
+    private parseDrawingCode;
+    private parseCodeRecursively;
+    private extractLoopBody;
+    private extractIfBody;
+    private findLoopEnd;
+    private findIfEnd;
+    private findElseEnd;
+    getWorkspace(): any | null;
+    clearWorkspace(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/components/drawing/DrawingCanvas.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { DrawingConfig, DrawingState, GraphicsConfig } from './types';
+interface DrawingCanvasProps {
+    drawingConfig: DrawingConfig;
+    gameState: DrawingState;
+    graphicsConfig: GraphicsConfig;
+    className?: string;
+}
+declare const DrawingCanvas: React.FC<DrawingCanvasProps>;
+export default DrawingCanvas;

package/dist/components/drawing/DrawingGame.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { DrawingConfig, GraphicsConfig, RunResult } from './types';
+interface DrawingGameProps {
+    className?: string;
+    isEditable?: boolean;
+    configuration?: DrawingConfig;
+    onChange?: (config: DrawingConfig) => void;
+    onRunFinish?: (result: RunResult) => void;
+    maxCommands?: number;
+    showControls?: boolean;
+    graphicsConfig?: Partial<GraphicsConfig>;
+}
+declare const DrawingGameWithTranslation: React.ComponentType<DrawingGameProps>;
+export default DrawingGameWithTranslation;

package/dist/components/drawing/DrawingTabs.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import DrawingBlocklyContainer from './DrawingBlocklyContainer';
+import type { DrawingBlocklyConfig, DrawingCommand, DrawingConfig, DrawingState, GraphicsConfig } from './types';
+interface DrawingTabsProps {
+    drawingConfig: DrawingConfig;
+    gameState: DrawingState;
+    generatedCode: string;
+    blocklyConfig: DrawingBlocklyConfig;
+    onConfigChange: (config: DrawingConfig) => void;
+    onCodeChange: (code: string) => void;
+    onExecuteCode: (commands: DrawingCommand[]) => void;
+    blocklyRef: React.RefObject<DrawingBlocklyContainer>;
+    graphicsConfig: GraphicsConfig;
+    className?: string;
+}
+declare const DrawingTabs: React.FC<DrawingTabsProps>;
+export default DrawingTabs;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DrawingState } from './types';
+interface GameControlsProps {
+    gameState: DrawingState;
+    isExecuting: boolean;
+    onRunCode: () => void;
+    onResetGame: () => void;
+    className?: string;
+}
+declare const GameControls: React.FC<GameControlsProps>;
+export default GameControls;

package/dist/components/drawing/SimpleSVGDrawingEditor.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DrawingConfig, GraphicsConfig } from './types';
+interface SimpleSVGDrawingEditorProps {
+    config: DrawingConfig;
+    onConfigChange: (config: DrawingConfig) => void;
+    graphicsConfig: GraphicsConfig;
+    className?: string;
+    isActive?: boolean;
+}
+declare const SimpleSVGDrawingEditor: React.FC<SimpleSVGDrawingEditorProps>;
+export default SimpleSVGDrawingEditor;

package/dist/components/drawing/blocks.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Register drawing blocks with Blockly
+ * This function should be called after Blockly has been initialized
+ */
+export declare function registerDrawingBlocks(): void;

package/dist/components/drawing/graphicsConfig.d.ts

@@ -0,0 +1,9 @@
+import type { GraphicsConfig } from './types';
+/**
+ * Default graphics configuration for the drawing game
+ */
+export declare const defaultGraphicsConfig: GraphicsConfig;
+/**
+ * Merge user-provided graphics configuration with defaults
+ */
+export declare function mergeGraphicsConfig(userConfig?: Partial<GraphicsConfig>): GraphicsConfig;

package/dist/components/drawing/index.d.ts

@@ -0,0 +1,8 @@
+export { default as DrawingGame } from './DrawingGame';
+export { default as DrawingBlocklyContainer } from './DrawingBlocklyContainer';
+export { default as DrawingCanvas } from './DrawingCanvas';
+export { default as DrawingTabs } from './DrawingTabs';
+export { default as GameControls } from './GameControls';
+export { default as SimpleSVGDrawingEditor } from './SimpleSVGDrawingEditor';
+export { defaultGraphicsConfig, mergeGraphicsConfig } from './graphicsConfig';
+export * from './types';

package/dist/components/drawing/types.d.ts

@@ -0,0 +1,71 @@
+export interface Position {
+    x: number;
+    y: number;
+}
+export interface DrawingCommand {
+    type: 'move_forward' | 'turn_left' | 'turn_right' | 'turn_around' | 'pen_up' | 'pen_down' | 'set_color';
+    direction?: 'north' | 'south' | 'east' | 'west';
+    distance?: number;
+    color?: string;
+}
+export interface DrawingState {
+    penPosition: Position;
+    penDirection: 'north' | 'south' | 'east' | 'west';
+    isPenDown: boolean;
+    penColor: string;
+    isDrawing: boolean;
+    isGameWon: boolean;
+    isGameOver: boolean;
+    commandCount: number;
+    maxCommands: number;
+    drawnPath: Position[];
+}
+export interface DrawingConfig {
+    width: number;
+    height: number;
+    penStartPosition: Position;
+    penStartDirection: 'north' | 'south' | 'east' | 'west';
+    targetShape: ShapeDefinition;
+    backgroundColor: string;
+    gridSize: number;
+}
+export interface ShapeDefinition {
+    name: string;
+    description: string;
+    targetPath: Position[];
+    targetColors: string[];
+    solution: DrawingCommand[];
+    difficulty: 'easy' | 'medium' | 'hard';
+}
+export interface DrawingBlocklyConfig {
+    allowedTypes: Set<string>;
+    limits: Record<string, number>;
+    toolbox: string;
+    initialXml: string;
+}
+export interface RunResult {
+    commands: number;
+    reachedTarget: boolean;
+    maxCommandsExceeded: boolean;
+    finalPosition: Position;
+    drawnPath: Position[];
+    executionTime: number;
+    accuracy: number;
+}
+export interface GraphicsConfig {
+    pen: {
+        color: string;
+        size: number;
+        shape: 'circle' | 'square' | 'triangle';
+    };
+    canvas: {
+        backgroundColor: string;
+        gridColor: string;
+        showGrid: boolean;
+    };
+    target: {
+        color: string;
+        opacity: number;
+        showTarget: boolean;
+    };
+}

package/dist/index.cjs.js

@@ -2930,12 +2930,12 @@ 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 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", "pen": "Pero", "status": "Stav hry", "commands": "Príkazy", "penPosition": "Pozícia pera", "penDirection": "Smer pera", "penDown": "Pero dole", "penColor": "Farba pera", "yes": "Áno", "no": "Nie", "executing": "Spúšťam...", "run": "Spustiť", "reset": "Resetovať", "loading": "Načítavam...", "executingCommands": "Spúšťam príkazy...", "canvas": "Plátno", "blocks": "Bloky", "code": "Kód", "generatedCode": "Vygenerovaný kód", "noCodeGenerated": "// Zatiaľ nebol vygenerovaný žiadny kód" };
 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 app$2 = { "imageGraphics": "Grafika obrázkov", "graphicsTest": "Test grafiky", "debugTest": "Debug test", "externalTest": "Test externého importu", "configTest": "Test konfigurácie", "drawingDemo": "Kreslenie" };
 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 = {
@@ -2950,12 +2950,12 @@ const sk = {
   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 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", "pen": "Pero", "status": "Stav hry", "commands": "Příkazy", "penPosition": "Pozice pera", "penDirection": "Směr pera", "penDown": "Pero dolů", "penColor": "Barva pera", "yes": "Ano", "no": "Ne", "executing": "Spouštím...", "run": "Spustit", "reset": "Resetovat", "loading": "Načítám...", "executingCommands": "Spouštím příkazy...", "canvas": "Plátno", "blocks": "Bloky", "code": "Kód", "generatedCode": "Vygenerovaný kód", "noCodeGenerated": "// Zatím nebyl vygenerován žádný kód" };
 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 app$1 = { "imageGraphics": "Grafika obrázků", "graphicsTest": "Test grafiky", "debugTest": "Debug test", "externalTest": "Test externího importu", "configTest": "Test konfigurace", "drawingDemo": "Kreslení" };
 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 = {
@@ -2970,12 +2970,12 @@ const cs = {
   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 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", "pen": "Toll", "status": "Játék állapota", "commands": "Parancsok", "penPosition": "Toll pozíciója", "penDirection": "Toll iránya", "penDown": "Toll le", "penColor": "Toll színe", "yes": "Igen", "no": "Nem", "executing": "Futtatás...", "run": "Futtatás", "reset": "Reset", "loading": "Betöltés...", "executingCommands": "Parancsok futtatása...", "canvas": "Vászon", "blocks": "Blokkok", "code": "Kód", "generatedCode": "Generált kód", "noCodeGenerated": "// Még nincs generált kód" };
 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 app = { "imageGraphics": "Képek grafikája", "graphicsTest": "Grafika teszt", "debugTest": "Debug teszt", "externalTest": "Külső import teszt", "configTest": "Konfiguráció teszt", "drawingDemo": "Rajzolás" };
 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 = {

package/dist/index.esm.js

@@ -2892,12 +2892,12 @@ 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 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", "pen": "Pero", "status": "Stav hry", "commands": "Príkazy", "penPosition": "Pozícia pera", "penDirection": "Smer pera", "penDown": "Pero dole", "penColor": "Farba pera", "yes": "Áno", "no": "Nie", "executing": "Spúšťam...", "run": "Spustiť", "reset": "Resetovať", "loading": "Načítavam...", "executingCommands": "Spúšťam príkazy...", "canvas": "Plátno", "blocks": "Bloky", "code": "Kód", "generatedCode": "Vygenerovaný kód", "noCodeGenerated": "// Zatiaľ nebol vygenerovaný žiadny kód" };
 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 app$2 = { "imageGraphics": "Grafika obrázkov", "graphicsTest": "Test grafiky", "debugTest": "Debug test", "externalTest": "Test externého importu", "configTest": "Test konfigurácie", "drawingDemo": "Kreslenie" };
 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 = {
@@ -2912,12 +2912,12 @@ const sk = {
   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 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", "pen": "Pero", "status": "Stav hry", "commands": "Příkazy", "penPosition": "Pozice pera", "penDirection": "Směr pera", "penDown": "Pero dolů", "penColor": "Barva pera", "yes": "Ano", "no": "Ne", "executing": "Spouštím...", "run": "Spustit", "reset": "Resetovat", "loading": "Načítám...", "executingCommands": "Spouštím příkazy...", "canvas": "Plátno", "blocks": "Bloky", "code": "Kód", "generatedCode": "Vygenerovaný kód", "noCodeGenerated": "// Zatím nebyl vygenerován žádný kód" };
 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 app$1 = { "imageGraphics": "Grafika obrázků", "graphicsTest": "Test grafiky", "debugTest": "Debug test", "externalTest": "Test externího importu", "configTest": "Test konfigurace", "drawingDemo": "Kreslení" };
 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 = {
@@ -2932,12 +2932,12 @@ const cs = {
   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 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", "pen": "Toll", "status": "Játék állapota", "commands": "Parancsok", "penPosition": "Toll pozíciója", "penDirection": "Toll iránya", "penDown": "Toll le", "penColor": "Toll színe", "yes": "Igen", "no": "Nem", "executing": "Futtatás...", "run": "Futtatás", "reset": "Reset", "loading": "Betöltés...", "executingCommands": "Parancsok futtatása...", "canvas": "Vászon", "blocks": "Blokkok", "code": "Kód", "generatedCode": "Generált kód", "noCodeGenerated": "// Még nincs generált kód" };
 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 app = { "imageGraphics": "Képek grafikája", "graphicsTest": "Grafika teszt", "debugTest": "Debug teszt", "externalTest": "Külső import teszt", "configTest": "Konfiguráció teszt", "drawingDemo": "Rajzolás" };
 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 = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maze-blockly-wrapper",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "A Blockly-based maze game wrapper with editable maze generation and programming interface",
   "type": "module",
   "main": "dist/index.js",
@@ -45,17 +45,17 @@
   "author": "SmartBooksDev",
   "license": "MIT",
   "peerDependencies": {
+    "blockly": "^12.0.0",
     "react": "^18.3.0",
-    "react-dom": "^18.3.0",
-    "blockly": "^12.0.0"
+    "react-dom": "^18.3.0"
   },
   "dependencies": {
     "bootstrap": "^5.3.7",
+    "i18next": "^24.0.0",
+    "i18next-browser-languagedetector": "^8.0.0",
     "react-bootstrap": "^2.10.10",
-    "sass": "^1.90.0",
     "react-i18next": "^15.0.1",
-    "i18next": "^24.0.0",
-    "i18next-browser-languagedetector": "^8.0.0"
+    "sass": "^1.90.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",