maze-blockly-wrapper 0.7.6 → 0.7.12

package/README.md

@@ -131,16 +131,72 @@ interface MazeConfig {
 ```
 
 ### RunResult
+Each game component returns a result object via the `onRunFinish` callback when specific conditions are met.
 
+#### MazeGame Result
+**When sent:** Triggered when the spider reaches the finish line OR when maximum moves are exceeded.
 ```typescript
 interface RunResult {
-  steps: number;
-  reachedFinish: boolean;
-  maxMovesExceeded: boolean;
-  finalPosition: Position;
-  path: Position[];
-  executionTime: number;
-  error?: string;
+  steps: number;           // Number of steps taken
+  reachedFinish: boolean;  // True if spider reached the finish cell
+  maxMovesExceeded: boolean; // True if maxMoves limit was hit
+  finalPosition: Position; // Where the spider ended up
+  path: Position[];        // Array of positions visited (todo)
+  executionTime: number;   // Time in ms (todo)
+  inventory: string[];     // Collected items (COIN, KEY, etc.)
+}
+```
+
+#### FilmGame Result
+**When sent:** Triggered when the user clicks the "Finish" button to check their movie against the target.
+```typescript
+interface RunResult {
+  commands: number;        // Total drawing commands used
+  reachedTarget: boolean;  // True if accuracy > 80%
+  maxCommandsExceeded: boolean;
+  shapes: Shape[];         // Array of shapes drawn by student
+  executionTime: number;   // Time in ms
+  accuracy: number;        // 0-1 score representing similarity to target
+  tickCount: number;       // Final tick count
+  comparisonResult: {      // Detailed breakdown
+    shapeCountMatch: boolean;
+    shapeTypesMatch: boolean;
+    positionAccuracy: number;
+    sizeAccuracy: number;
+    colorAccuracy: number;
+  };
+}
+```
+
+#### DrawingGame Result
+**When sent:** Triggered automatically when code execution completes.
+```typescript
+interface RunResult {
+  commands: number;        // Total commands executed
+  reachedTarget: boolean;  // True if game state marked as won (custom logic)
+  maxCommandsExceeded: boolean;
+  finalPosition: Position; // Final pen position
+  drawnPath: Position[];   // Array of points visited by pen
+  executionTime: number;   // Time in ms
+  accuracy: number;        // 0-1 score comparing drawn path to target path
+}
+```
+
+#### MusicGame Result
+**When sent:** Triggered automatically when the music finishes playing.
+```typescript
+interface RunResult {
+  commands: number;        // Total notes/pauses played
+  reachedTarget: boolean;  // True if accuracy is 100%
+  maxCommandsExceeded: boolean;
+  notes: Note[];           // Array of notes played
+  executionTime: number;   // Playback time in ms
+  accuracy: number;        // 0-100 score comparing played notes to editor notes
+  comparisonResult: {
+    noteCountMatch: boolean;
+    melodyAccuracy: number; // Pitch/Duration match score
+    rhythmAccuracy: number; // Timing match score
+  };
 }
 ```
 

package/dist/components/MusicDemo.d.ts

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface GameControlsProps {
+    isPlaying: boolean;
+    isPaused: boolean;
+    onPlay: () => void;
+    onPause: () => void;
+    onStop: () => void;
+    onReset: () => void;
+}
+declare const GameControls: React.FC<GameControlsProps>;
+export default GameControls;

package/dist/components/music/MusicBlocklyContainer.d.ts

@@ -0,0 +1,41 @@
+import { Component } from 'react';
+import type { InstrumentType, MusicBlocklyConfig, NoteDuration, NoteName, NoteOctave } from './types';
+interface MusicBlocklyContainerProps {
+    config: MusicBlocklyConfig;
+    onWorkspaceChange: (code: string) => void;
+    className?: string;
+    onPreloadInstruments?: (instruments: InstrumentType[]) => Promise<void>;
+}
+interface MusicBlocklyContainerState {
+    initialized: boolean;
+    error: string | null;
+    showNoteDialog: boolean;
+    noteDialogValues: {
+        note: NoteName;
+        octave: NoteOctave;
+        duration: NoteDuration;
+    };
+    activeField: any | null;
+}
+declare class MusicBlocklyContainer extends Component<MusicBlocklyContainerProps, MusicBlocklyContainerState> {
+    private blocklyDiv;
+    private workspace;
+    private updateTimeout;
+    constructor(props: MusicBlocklyContainerProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: MusicBlocklyContainerProps): void;
+    componentWillUnmount(): void;
+    /**
+     * Preload common instruments when Blockly container is ready
+     */
+    private preloadInstruments;
+    private initializeBlockly;
+    private generateCode;
+    private registerGenerators;
+    getWorkspace(): any;
+    private handleOpenNoteEditor;
+    private handleNoteSave;
+    private handleNoteClose;
+    render(): JSX.Element;
+}
+export default MusicBlocklyContainer;

package/dist/components/music/MusicCanvas.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type GraphicsConfig, type Note, type Pause } from './types';
+interface MusicCanvasProps {
+    width: number;
+    height: number;
+    notes: (Note | Pause)[];
+    currentBeat: number;
+    isPlaying: boolean;
+    selectedRows: number;
+    graphicsConfig: GraphicsConfig;
+    editorNotes?: (Note | Pause)[];
+}
+declare const MusicCanvas: React.FC<MusicCanvasProps>;
+export default MusicCanvas;

package/dist/components/music/MusicEditor.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { MusicBlocklyConfig } from './types';
+interface MusicEditorProps {
+    config: MusicBlocklyConfig;
+    onWorkspaceChange: (code: string) => void;
+    tempo: number;
+    onTempoChange: (tempo: number) => void;
+    blocklyRef?: React.RefObject<any>;
+}
+declare const MusicEditor: React.FC<MusicEditorProps>;
+export default MusicEditor;

package/dist/components/music/MusicGame.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type WithTranslation } from 'react-i18next';
+import { type GraphicsConfig, type MusicConfig, type RunResult } from './types';
+interface MusicGameProps extends WithTranslation {
+    className?: string;
+    isEditable?: boolean;
+    configuration?: MusicConfig;
+    onChange?: (config: MusicConfig) => void;
+    onRunFinish?: (result: RunResult) => void;
+    maxCommands?: number;
+    showControls?: boolean;
+    graphicsConfig?: Partial<GraphicsConfig>;
+}
+declare const MusicGameWithTranslation: React.ComponentType<Omit<MusicGameProps, keyof WithTranslation>>;
+export default MusicGameWithTranslation;

package/dist/components/music/MusicTabs.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { GraphicsConfig, InstrumentType, MusicBlocklyConfig, MusicConfig, MusicState, Note, Pause } from './types';
+interface MusicTabsProps {
+    musicConfig: MusicConfig;
+    gameState: MusicState;
+    editorState: MusicState;
+    generatedCode: string;
+    blocklyConfig: MusicBlocklyConfig;
+    onConfigChange: (config: MusicConfig) => void;
+    onCodeChange: (code: string) => void;
+    onEditorStateChange: (state: Partial<MusicState>) => void;
+    onEditorNotesChange?: (notes: (Note | Pause)[]) => void;
+    graphicsConfig: GraphicsConfig;
+    className?: string;
+    blocklyRef?: React.RefObject<any>;
+    editorBlocklyRef?: React.RefObject<any>;
+    editorNotes?: (Note | Pause)[];
+    onPreloadInstruments?: (instruments: InstrumentType[]) => Promise<void>;
+}
+declare const MusicTabs: React.FC<MusicTabsProps>;
+export default MusicTabs;

package/dist/components/music/MusicVisualEditor.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type GraphicsConfig, type InstrumentType, type Note, type Pause } from './types';
+interface MusicVisualEditorProps {
+    tempo: number;
+    onTempoChange: (tempo: number) => void;
+    selectedRows: number;
+    onSelectedRowsChange: (rows: number) => void;
+    onCodeChange: (code: string) => void;
+    onNotesChange?: (notes: (Note | Pause)[]) => void;
+    graphicsConfig: GraphicsConfig;
+    onPreloadInstruments?: (instruments: InstrumentType[]) => Promise<void>;
+}
+declare const MusicVisualEditor: React.FC<MusicVisualEditorProps>;
+export default MusicVisualEditor;

package/dist/components/music/NoteDialog.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { NoteDuration, NoteName, NoteOctave } from './types';
+interface NoteDialogProps {
+    show: boolean;
+    onClose: () => void;
+    onSave: (note: NoteName, octave: NoteOctave, duration: NoteDuration) => void;
+    initialValues: {
+        note: NoteName;
+        octave: NoteOctave;
+        duration: NoteDuration;
+    };
+}
+declare const NoteDialog: React.FC<NoteDialogProps>;
+export default NoteDialog;

package/dist/components/music/audioEngine.d.ts

@@ -0,0 +1,54 @@
+import { type InstrumentType, type Note, type NoteDuration, type NoteOctave } from './types';
+/**
+ * Audio engine for playing musical notes using real instrument samples (SoundFont)
+ */
+export declare class AudioEngine {
+    private audioContext;
+    private masterGain;
+    private activeNotes;
+    private loadedInstruments;
+    private loadingInstruments;
+    private readonly instrumentMap;
+    constructor();
+    private initAudioContext;
+    /**
+     * Pre-load one or more instruments (public method for proactive loading)
+     */
+    preloadInstruments(instrumentTypes: InstrumentType[]): Promise<void>;
+    /**
+     * Load an instrument SoundFont (lazy loading)
+     */
+    private loadInstrument;
+    /**
+     * Play a single note using SoundFont samples
+     */
+    playNote(note: Note, tempo: number, instrument?: InstrumentType, onComplete?: () => void): Promise<void>;
+    /**
+     * Convert note name and octave to SoundFont format (e.g., "C4", "D#5")
+     */
+    private getNoteNameForSoundfont;
+    /**
+     * Fallback: Play note using oscillator (for drums or when SoundFont fails)
+     */
+    private playNoteWithOscillator;
+    /**
+     * Configure oscillator and gain based on instrument type with better synthesis
+     */
+    private configureInstrument;
+    /**
+     * Play a keyboard key (for interactive playing)
+     */
+    playKeyboardNote(noteName: string, octave: NoteOctave, duration?: NoteDuration, instrument?: InstrumentType): void;
+    /**
+     * Stop all playing notes
+     */
+    stopAll(): void;
+    /**
+     * Resume audio context (needed for browsers that suspend it)
+     */
+    resume(): Promise<void>;
+    /**
+     * Cleanup and close audio context
+     */
+    dispose(): void;
+}

package/dist/components/music/blockly-messages.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Load music-specific Blockly messages
+ * This should be called before registerMusicBlocks()
+ */
+export declare function loadMusicBlocklyMessages(): void;

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

@@ -0,0 +1,4 @@
+/**
+ * Register music blocks with Blockly
+ */
+export declare function registerMusicBlocks(): void;

package/dist/components/music/fields/FieldMusicNote.d.ts

@@ -0,0 +1,2 @@
+export declare function getFieldMusicNoteClass(): any;
+export declare function registerFieldMusicNote(): void;

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

@@ -0,0 +1,3 @@
+import type { GraphicsConfig } from './types';
+export declare const defaultGraphicsConfig: GraphicsConfig;
+export declare function mergeGraphicsConfig(userConfig?: Partial<GraphicsConfig>): GraphicsConfig;

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

@@ -0,0 +1,12 @@
+export { default as MusicGame } from './MusicGame';
+export { default as MusicCanvas } from './MusicCanvas';
+export { default as MusicEditor } from './MusicEditor';
+export { default as MusicVisualEditor } from './MusicVisualEditor';
+export { default as MusicTabs } from './MusicTabs';
+export { default as GameControls } from './GameControls';
+export { default as MusicBlocklyContainer } from './MusicBlocklyContainer';
+export * from './types';
+export * from './blocks';
+export * from './blockly-messages';
+export * from './graphicsConfig';
+export * from './audioEngine';

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

@@ -0,0 +1,76 @@
+export type NoteDuration = 'whole' | 'half' | 'quarter' | 'eighth' | 'sixteenth';
+export type NoteName = 'C' | 'D' | 'E' | 'F' | 'G' | 'A' | 'B';
+export type NoteOctave = 1 | 2 | 3 | 4 | 5;
+export type InstrumentType = 'piano' | 'guitar' | 'acoustic_guitar' | 'electric_guitar' | 'bass' | 'drums' | 'flute' | 'violin' | 'saxophone';
+export interface Note {
+    id: string;
+    name: NoteName;
+    octave: NoteOctave;
+    duration: NoteDuration;
+    row: number;
+    startBeat: number;
+    instrument?: InstrumentType;
+}
+export interface Pause {
+    id: string;
+    duration: NoteDuration;
+    row: number;
+    startBeat: number;
+}
+export type MusicCommand = Note | Pause;
+export interface MusicState {
+    isPlaying: boolean;
+    isPaused: boolean;
+    currentBeat: number;
+    commands: MusicCommand[];
+    commandCount: number;
+    maxCommands: number;
+    selectedRows: number;
+    instrument: InstrumentType;
+    tempo: number;
+}
+export interface MusicConfig {
+    targetNotes: Note[];
+    maxCommands: number;
+    selectedRows: number;
+    tempo: number;
+    instrument: InstrumentType;
+}
+export interface MusicBlocklyConfig {
+    allowedTypes: Set<string>;
+    limits: Record<string, number>;
+    toolbox: string;
+    initialXml: string;
+}
+export interface RunResult {
+    commands: number;
+    reachedTarget: boolean;
+    maxCommandsExceeded: boolean;
+    notes: Note[];
+    executionTime: number;
+    accuracy: number;
+    comparisonResult?: {
+        noteCountMatch: boolean;
+        melodyAccuracy: number;
+        rhythmAccuracy: number;
+    };
+}
+export interface GraphicsConfig {
+    canvas: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+    };
+    staff: {
+        lineColor: string;
+        lineWidth: number;
+        spacing: number;
+    };
+    notes: {
+        fillColor: string;
+        strokeColor: string;
+        strokeWidth: number;
+    };
+}
+export declare const DURATION_TO_BEATS: Record<NoteDuration, number>;
+export declare function getNoteFrequency(note: NoteName, octave: NoteOctave): number;

package/dist/index.cjs.js

@@ -2929,8 +2929,8 @@ 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", "pen": "Pero", "status": "Stav hry", "commands": "Príkazy", "time": "Čas", "shapes": "Tvary", "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 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", "cancel": "Zrušiť", "save": "Uložiť" };
+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", "time": "Čas", "shapes": "Tvary", "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 vygenerován žiadny kód", "play": "Prehrať", "stop": "Zastaviť", "pause": "Pozastaviť" };
 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}}" };
@@ -2938,6 +2938,8 @@ const tools$2 = { "wall": "Stena", "clear": "Vymazať", "start": "Štart", "fini
 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 music$2 = { "play": "Prehrať", "stop": "Zastaviť", "pause": "Pozastaviť", "note": "Nota", "rest": "Pomlčka", "instrument": "Nástroj", "tempo": "Tempo", "volume": "Hlasitosť", "loop": "Slučka", "editNote": "Upraviť notu", "noteName": "Nota", "octave": "Oktáva", "duration": "Trvanie", "staff": "Notová osnova", "addNote": "Pridať notu", "settings": "Nastavenia", "rows": "Riadky", "instruments": "Nástroje", "clearAll": "Vymazať všetko", "totalNotes": "Celkom nôt", "clearRow": "Vymazať riadok", "clickToPlace": "Kliknite do osnovy pre pridanie noty.", "add": "Pridať", "cancel": "Zrušiť", "save": "Uložiť", "beat": "Doba", "row": "Riadok", "title": "Hudobný skladateľ" };
+const tempo$2 = { "slow": "Pomalé", "moderate": "Stredné", "fast": "Rýchle", "veryFast": "Veľmi rýchle" };
 const sk = {
   common: common$2,
   game: game$2,
@@ -2947,10 +2949,12 @@ const sk = {
   tools: tools$2,
   app: app$2,
   gameStatus: gameStatus$2,
-  testing: testing$2
+  testing: testing$2,
+  music: music$2,
+  tempo: tempo$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", "pen": "Pero", "status": "Stav hry", "commands": "Příkazy", "time": "Čas", "shapes": "TV Tvary", "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 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", "cancel": "Zrušit", "save": "Uložit" };
+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", "time": "Čas", "shapes": "TV Tvary", "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", "play": "Přehrát", "stop": "Zastavit", "pause": "Pozastavit" };
 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}}" };
@@ -2958,6 +2962,8 @@ const tools$1 = { "wall": "Stěna", "clear": "Vymazat", "start": "Start", "finis
 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 music$1 = { "play": "Přehrát", "stop": "Zastavit", "pause": "Pozastavit", "note": "Nota", "rest": "Pomlka", "instrument": "Nástroj", "tempo": "Tempo", "volume": "Hlasitost", "loop": "Smyčka", "editNote": "Upravit notu", "noteName": "Nota", "octave": "Oktáva", "duration": "Délka", "staff": "Notová osnova", "addNote": "Přidat notu", "settings": "Nastavení", "rows": "Řádky", "instruments": "Nástroje", "clearAll": "Vymazat vše", "totalNotes": "Celkem not", "clearRow": "Vymazat řádek", "clickToPlace": "Klikněte do osnovy pro přidání noty.", "add": "Přidat", "cancel": "Zrušit", "save": "Uložit", "beat": "Doba", "row": "Řádek", "title": "Hudební skladatel" };
+const tempo$1 = { "slow": "Pomalé", "moderate": "Střední", "fast": "Rychlé", "veryFast": "Velmi rychlé" };
 const cs = {
   common: common$1,
   game: game$1,
@@ -2967,10 +2973,12 @@ const cs = {
   tools: tools$1,
   app: app$1,
   gameStatus: gameStatus$1,
-  testing: testing$1
+  testing: testing$1,
+  music: music$1,
+  tempo: tempo$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", "pen": "Toll", "status": "Játék állapota", "commands": "Parancsok", "time": "Idő", "shapes": "Alakzatok", "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 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", "cancel": "Mégsem", "save": "Mentés" };
+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", "time": "Idő", "shapes": "Alakzatok", "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", "play": "Lejátszás", "stop": "Leállítás", "pause": "Szünet" };
 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}}" };
@@ -2978,6 +2986,8 @@ const tools = { "wall": "Fal", "clear": "Törlés", "start": "Kezdés", "finish"
 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 music = { "play": "Lejátszás", "stop": "Leállítás", "pause": "Szünet", "note": "Hangjegy", "rest": "Szünetjel", "instrument": "Hangszer", "tempo": "Tempó", "volume": "Hangerő", "loop": "Ismétlés", "editNote": "Hangjegy szerkesztése", "noteName": "Hangjegy", "octave": "Oktáv", "duration": "Időtartam", "staff": "Kotta", "addNote": "Hangjegy hozzáadása", "settings": "Beállítások", "rows": "Sorok", "instruments": "Hangszerek", "clearAll": "Összes törlése", "totalNotes": "Összes hangjegy", "clearRow": "Sor törlése", "clickToPlace": "Kattintson a kottára egy hangjegy hozzáadásához.", "add": "Hozzáadás", "cancel": "Mégsem", "save": "Mentés", "beat": "Ütem", "row": "Sor", "title": "Zeneszerző" };
+const tempo = { "slow": "Lassú", "moderate": "Közepes", "fast": "Gyors", "veryFast": "Nagyon gyors" };
 const hu = {
   common,
   game,
@@ -2987,7 +2997,9 @@ const hu = {
   tools,
   app,
   gameStatus,
-  testing
+  testing,
+  music,
+  tempo
 };
 const resources = {
   sk: {