brick-engine-js 1.0.4 → 1.0.5

package/dist/brick-engine.js

@@ -1,19 +1,180 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
+		module.exports = factory(require("p5"));
 	else if(typeof define === 'function' && define.amd)
-		define([], factory);
+		define(["p5"], factory);
 	else if(typeof exports === 'object')
-		exports["BrickEngine"] = factory();
+		exports["BrickEngine"] = factory(require("p5"));
 	else
-		root["BrickEngine"] = factory();
-})(self, () => {
+		root["BrickEngine"] = factory(root["p5"]);
+})(self, (__WEBPACK_EXTERNAL_MODULE__991__) => {
 return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 902
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ 35
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ 287
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ 949
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ 545
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ 623
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ 839
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ 257
+(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+/**
+ * Dynamically load all CSS files from the public/style directory.
+ * This allows Webpack to bundle them without needing explicit imports for each file.
+ */
+__webpack_require__(881);
+
+
+/***/ },
+
+/***/ 881
+(module, __unused_webpack_exports, __webpack_require__) {
+
+var map = {
+	"./body.css": 902,
+	"./buttons.css": 35,
+	"./debugger.css": 287,
+	"./sessionModal.css": 949,
+	"./sourceCodeAndCommands.css": 545,
+	"./splash.css": 623,
+	"./theme.css": 839
+};
+
+
+function webpackContext(req) {
+	var id = webpackContextResolve(req);
+	return __webpack_require__(id);
+}
+function webpackContextResolve(req) {
+	if(!__webpack_require__.o(map, req)) {
+		var e = new Error("Cannot find module '" + req + "'");
+		e.code = 'MODULE_NOT_FOUND';
+		throw e;
+	}
+	return map[req];
+}
+webpackContext.keys = function webpackContextKeys() {
+	return Object.keys(map);
+};
+webpackContext.resolve = webpackContextResolve;
+module.exports = webpackContext;
+webpackContext.id = 881;
+
+/***/ },
+
+/***/ 991
+(module) {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__991__;
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
 /******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
@@ -44,6 +205,9 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
+(() => {
+"use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -59,6 +223,7 @@ __webpack_require__.d(__webpack_exports__, {
   GameView: () => (/* reexport */ view_GameView),
   Sound: () => (/* reexport */ Sound),
   StateProperty: () => (/* reexport */ StateProperty),
+  bootstrap: () => (/* reexport */ bootstrap),
   configs: () => (/* reexport */ configs)
 });
 
@@ -4425,6 +4590,443 @@ var GameView = /** @class */ (function () {
 }());
 /* harmony default export */ const view_GameView = (GameView);
 
+// EXTERNAL MODULE: external "p5"
+var external_p5_ = __webpack_require__(991);
+var external_p5_default = /*#__PURE__*/__webpack_require__.n(external_p5_);
+;// ./src/menu/GameRepository.ts
+var GameRepository_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var GameRepository_generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var GameRepository = /** @class */ (function () {
+    function GameRepository() {
+        this._games = [{ id: 'loading', name: 'Loading...', url: '' }];
+        this.fetchGames();
+    }
+    GameRepository.prototype.fetchGames = function () {
+        return GameRepository_awaiter(this, void 0, void 0, function () {
+            var supabaseUrl, anonKey, headers, response, data, error_1;
+            return GameRepository_generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 3, , 4]);
+                        supabaseUrl = "http://127.0.0.1:54321" || 0;
+                        anonKey =  false || '';
+                        headers = {};
+                        if (anonKey) {
+                            headers['Authorization'] = "Bearer ".concat(anonKey);
+                        }
+                        return [4 /*yield*/, fetch("".concat(supabaseUrl, "/functions/v1/list"), {
+                                headers: headers,
+                            })];
+                    case 1:
+                        response = _a.sent();
+                        if (!response.ok) {
+                            throw new Error("Error fetching games: ".concat(response.statusText));
+                        }
+                        return [4 /*yield*/, response.json()];
+                    case 2:
+                        data = _a.sent();
+                        if (data && data.games && data.games.length > 0) {
+                            this._games = data.games.map(function (game) { return ({
+                                id: game.id,
+                                name: game.name,
+                                url: game.url,
+                            }); });
+                        }
+                        else {
+                            this._games = [{ id: 'empty', name: 'Not found', url: '' }];
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _a.sent();
+                        console.error(error_1);
+                        this._games = [{ id: 'error', name: 'Error', url: '' }];
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Object.defineProperty(GameRepository.prototype, "games", {
+        get: function () {
+            return Object.freeze(this._games);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return GameRepository;
+}());
+/* harmony default export */ const menu_GameRepository = (GameRepository);
+
+;// ./src/menu/manager/GameManager.ts
+var GameManager_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var GameManager_generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var GameManager = /** @class */ (function () {
+    function GameManager() {
+    }
+    GameManager.prototype.handleGameSwitch = function (entry, actualGame) {
+        return GameManager_awaiter(this, void 0, void 0, function () {
+            var gameInstance, e_1;
+            return GameManager_generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, this._loadGameScript(entry.url)];
+                    case 1:
+                        _a.sent();
+                        // Client must define window.BrickEngineGame
+                        console.log('Game instance defined on window.BrickEngineGame by client project: ', window.BrickEngineGame);
+                        if (window.BrickEngineGame) {
+                            gameInstance = new window.BrickEngineGame(actualGame.p, actualGame.view);
+                            console.log('Game loaded: ', entry.name);
+                            console.log('Game loaded: ', entry.name);
+                            // Set properly the Game ID using the GameRepository fetch ID
+                            gameInstance.gameId = entry.id;
+                            console.log('Switching to game');
+                            actualGame.switchGame(gameInstance);
+                            console.log('Game switched');
+                            // Cleanup
+                            console.log('Cleaning up window.BrickEngineGame');
+                            delete window.BrickEngineGame;
+                        }
+                        else {
+                            console.error('Game bundle loaded but window.BrickEngineGame was not set.');
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        e_1 = _a.sent();
+                        console.error('Failed to load game:', e_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    GameManager.prototype._loadGameScript = function (url) {
+        return new Promise(function (resolve, reject) {
+            var existingScript = document.getElementById('game-client-script');
+            if (existingScript) {
+                existingScript.remove();
+            }
+            var script = document.createElement('script');
+            script.src = url;
+            script.id = 'game-client-script';
+            script.onload = function () { return resolve(); };
+            script.onerror = function () { return reject(new Error("Failed to load script ".concat(url))); };
+            document.head.appendChild(script);
+        });
+    };
+    return GameManager;
+}());
+/* harmony default export */ const manager_GameManager = (GameManager);
+
+;// ./src/menu/GameMenu.ts
+var GameMenu_extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+var GameMenu = /** @class */ (function (_super) {
+    GameMenu_extends(GameMenu, _super);
+    function GameMenu(p, view) {
+        var _this = _super.call(this, p, view) || this;
+        _this._gameSelectionPointer = 0;
+        _this._isLoading = false;
+        _this._gameRepository = new menu_GameRepository();
+        _this._gameManager = new manager_GameManager();
+        return _this;
+    }
+    GameMenu.prototype.setupGame = function () {
+        var _this = this;
+        var _a = this.modules, state = _a.state, control = _a.control, sound = _a.sound;
+        control.subscribe(ControlKey.ACTION, ControlEventType.PRESSED, function () {
+            if (_this._isLoading)
+                return;
+            if (state.isStarted()) {
+                var selectedGame = _this._gameRepository.games[_this._gameSelectionPointer];
+                _this._gameManager.handleGameSwitch(selectedGame, _this);
+            }
+        });
+        control.subscribe(ControlKey.LEFT, ControlEventType.PRESSED, function () {
+            if (state.isPlaying()) {
+                sound.play(Sound.ACTION_1);
+                if (_this._gameSelectionPointer === 0) {
+                    _this._gameSelectionPointer = _this._gameRepository.games.length - 1;
+                }
+                else {
+                    _this._gameSelectionPointer--;
+                }
+            }
+        });
+        control.subscribe(ControlKey.RIGHT, ControlEventType.PRESSED, function () {
+            if (state.isPlaying()) {
+                sound.play(Sound.ACTION_1);
+                if (_this._gameSelectionPointer === _this._gameRepository.games.length - 1) {
+                    _this._gameSelectionPointer = 0;
+                }
+                else {
+                    _this._gameSelectionPointer++;
+                }
+            }
+        });
+        state.subscribe(StateProperty.ON, function (on) {
+            if (on) {
+                sound.play(Sound.START_THEME);
+            }
+        });
+    };
+    GameMenu.prototype.update = function () { };
+    GameMenu.prototype.render = function () {
+        var text = this.modules.text;
+        var p = this.p;
+        p.push();
+        text.setTextSize(FontSize.LARGE);
+        text.setActiveText();
+        text.setTextAlign(FontAlign.CENTER, FontVerticalAlign.BOTTOM);
+        text.textOnDisplay('Menu', { x: 0.5, y: 0.15 });
+        text.setTextSize(FontSize.SMALL);
+        text.textOnDisplay('Choose a game and', { x: 0.5, y: 0.25 });
+        text.textOnDisplay('Press action to play', { x: 0.5, y: 0.32 });
+        text.setTextAlign(FontAlign.RIGHT, FontVerticalAlign.BOTTOM);
+        text.textOnDisplay('<', { x: 0.1, y: 0.54 });
+        text.setTextAlign(FontAlign.LEFT, FontVerticalAlign.BOTTOM);
+        text.textOnDisplay('>', { x: 0.9, y: 0.54 });
+        text.setTextSize(FontSize.MEDIUM);
+        text.setTextAlign(FontAlign.CENTER, FontVerticalAlign.BOTTOM);
+        text.textOnDisplay(this._gameRepository.games[this._gameSelectionPointer].name, { x: 0.5, y: 0.55 });
+        text.setTextSize(FontSize.EXTRA_SMALL);
+        text.setTextAlign(FontAlign.LEFT, FontVerticalAlign.BOTTOM);
+        text.textOnDisplay('Left:    Previous option', { x: 0.05, y: 0.78 });
+        text.textOnDisplay('Right:   Next option', { x: 0.05, y: 0.84 });
+        text.textOnDisplay('Action:  Select', { x: 0.05, y: 0.9 });
+        p.pop();
+    };
+    GameMenu.prototype.drawTitleScreen = function () {
+        var text = this.modules.text;
+        this.p.push();
+        text.setTextSize(FontSize.LARGE);
+        text.setActiveText();
+        text.setTextAlign(FontAlign.CENTER, FontVerticalAlign.TOP);
+        text.textOnDisplay('Menu', { x: 0.5, y: 0.15 });
+        text.setTextSize(FontSize.SMALL);
+        text.textOnDisplay('Wellcome to your', { x: 0.5, y: 0.25 });
+        text.textOnDisplay('favorite brick game', { x: 0.5, y: 0.32 });
+        text.textOnDisplay('simulator!', { x: 0.5, y: 0.39 });
+        text.textOnDisplay('Press start', { x: 0.5, y: 0.66 });
+        text.textOnDisplay('to continue.', { x: 0.5, y: 0.72 });
+        this.p.pop();
+    };
+    GameMenu.prototype.drawGameOverScreen = function () {
+        // Menu doesn't have a game over screen
+    };
+    return GameMenu;
+}(core_Game));
+/* harmony default export */ const menu_GameMenu = (GameMenu);
+
+// EXTERNAL MODULE: ./src/config/styles.ts
+var styles = __webpack_require__(257);
+;// ./src/menu/GameMenuSingleton.ts
+/**
+ * Singleton manager for the Game Menu instance.
+ *
+ * This class provides a centralized point to store and retrieve the Game Menu
+ * instance, facilitating access for game switching and system-level actions.
+ */
+var GameMenuSingleton = /** @class */ (function () {
+    function GameMenuSingleton() {
+    }
+    /**
+     * Sets the global instance of the Game Menu.
+     *
+     * @param {GameMenu} instance - The Game Menu instance.
+     * @returns {void}
+     */
+    GameMenuSingleton.setInstance = function (instance) {
+        GameMenuSingleton._instance = instance;
+    };
+    /**
+     * Retrieves the global instance of the Game Menu.
+     *
+     * @returns {GameMenu} The Game Menu instance.
+     */
+    GameMenuSingleton.getInstance = function () {
+        return GameMenuSingleton._instance;
+    };
+    /**
+     * Checks if the Game Menu instance has been initialized.
+     *
+     * @returns {boolean} True if the instance exists, false otherwise.
+     */
+    GameMenuSingleton.hasInstance = function () {
+        return GameMenuSingleton._instance !== undefined;
+    };
+    return GameMenuSingleton;
+}());
+/* harmony default export */ const menu_GameMenuSingleton = (GameMenuSingleton);
+
+;// ./src/bootstrap.ts
+
+
+
+
+
+
+var _game;
+var _p;
+/**
+ * Handles the logic for switching between different games.
+ *
+ * This handler unbinds controls from the current game, sets up the new game,
+ * propagates shared state, and rebinds controls to the new game's controller.
+ *
+ * @param {Game} newGame - The new game instance to switch to.
+ * @returns {void}
+ */
+var _switchHandler = function (newGame) {
+    try {
+        // Unbind the previous game controls
+        _game.view.unbindControls();
+        // Propagate the switch handler to the new game
+        newGame.propagateSwitchHandler(_game);
+        // Set the new game
+        newGame.setup();
+        var _a = newGame.modules, control = _a.control, state_1 = _a.state;
+        // Update debugger
+        newGame.view.updateDebuggerGameModules(newGame.modules);
+        // Bind the new game controls
+        newGame.view.bindControls(control);
+        state_1.turnOn();
+        // Setup exit and power buttons
+        if (menu_GameMenuSingleton.hasInstance() && newGame !== menu_GameMenuSingleton.getInstance()) {
+            control.subscribe(ControlKey.EXIT, ControlEventType.PRESSED, function () {
+                newGame.switchGame(menu_GameMenuSingleton.getInstance());
+            });
+            control.subscribe(ControlKey.POWER, ControlEventType.PRESSED, function () {
+                newGame.switchGame(menu_GameMenuSingleton.getInstance());
+                state_1.turnOff();
+            });
+        }
+        _game = newGame;
+    }
+    catch (error) {
+        console.error('Error switching game:', error);
+    }
+    _p.loop();
+};
+/**
+ * Bootstraps the brick engine and initializes the game.
+ *
+ * This is the main entry point for the engine's execution. It creates a new p5 instance,
+ * initializes the view, and sets up the initial game provided by the caller.
+ *
+ * @param {ClientGameConstructor} ClientGame - The constructor of the game to be loaded.
+ * @returns {p5} The p5 instance.
+ */
+function bootstrap(ClientGame) {
+    return new (external_p5_default())(function (p) {
+        _p = p;
+        var view = new view_GameView(p, document.body);
+        if (ClientGame === menu_GameMenu) {
+            _game = new ClientGame(p, view);
+            menu_GameMenuSingleton.setInstance(_game);
+        }
+        else {
+            _game = new ClientGame(p, view);
+        }
+        _game.setSwitchHandler(_switchHandler);
+        p.setup = function () {
+            _game.setup();
+            _game.view.setupDebugger(_game.modules);
+            _game.view.setupSessionModal();
+        };
+        p.draw = function () {
+            _game.draw();
+            _game.view.updateDebugger();
+        };
+    });
+}
+
 ;// ./src/index.ts
 // Library Exports Only
 
@@ -4436,6 +5038,9 @@ var GameView = /** @class */ (function () {
 
 
 
+
+})();
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;