waitroom 0.0.1

package/dist/chunk-V5DABI44.cjs

@@ -0,0 +1,172 @@
+'use strict';
+
+var chunk4DE2IREA_cjs = require('./chunk-4DE2IREA.cjs');
+
+// src/games/snake.ts
+var SnakeInstance = class {
+  constructor(container, state) {
+    chunk4DE2IREA_cjs.__publicField(this, "container");
+    chunk4DE2IREA_cjs.__publicField(this, "state");
+    chunk4DE2IREA_cjs.__publicField(this, "canvas");
+    chunk4DE2IREA_cjs.__publicField(this, "ctx");
+    chunk4DE2IREA_cjs.__publicField(this, "loopId", null);
+    chunk4DE2IREA_cjs.__publicField(this, "snake", []);
+    chunk4DE2IREA_cjs.__publicField(this, "food", { x: 0, y: 0 });
+    chunk4DE2IREA_cjs.__publicField(this, "direction", { x: 1, y: 0 });
+    chunk4DE2IREA_cjs.__publicField(this, "gridSize", 10);
+    chunk4DE2IREA_cjs.__publicField(this, "tiles", 20);
+    chunk4DE2IREA_cjs.__publicField(this, "lastTime", 0);
+    this.container = container;
+    this.state = state;
+    this.canvas = document.createElement("canvas");
+    this.canvas.height = 150;
+    this.canvas.style.border = "1px solid #333";
+    this.canvas.style.display = "block";
+    this.canvas.style.margin = "0 auto";
+    const title = document.createElement("h3");
+    title.innerText = "Snake";
+    title.style.margin = "0 0 5px 0";
+    title.style.textAlign = "center";
+    title.style.fontFamily = "sans-serif";
+    this.container.appendChild(title);
+    const helper = document.createElement("div");
+    helper.innerText = "Use arrow keys to move";
+    helper.style.fontSize = "0.8em";
+    helper.style.color = "#888";
+    helper.style.marginBottom = "5px";
+    helper.style.textAlign = "center";
+    helper.style.fontFamily = "sans-serif";
+    this.container.appendChild(helper);
+    this.container.style.display = "flex";
+    this.container.style.flexDirection = "column";
+    this.container.style.alignItems = "center";
+    this.container.appendChild(this.canvas);
+    this.canvas.style.width = "90%";
+    this.canvas.style.flex = "1";
+    this.canvas.style.minHeight = "0";
+    this.canvas.style.border = "1px solid #333";
+    this.canvas.style.marginTop = "10px";
+    this.canvas.style.background = "#222";
+    this.ctx = this.canvas.getContext("2d");
+    this.reset();
+    this.setupInput();
+    const observer = new ResizeObserver(() => this.resize());
+    observer.observe(this.canvas);
+    this.resize();
+    this.loopId = requestAnimationFrame(this.loop.bind(this));
+  }
+  resize() {
+    const rect = this.canvas.getBoundingClientRect();
+    this.canvas.width = rect.width;
+    this.canvas.height = rect.height;
+    this.tiles = Math.floor(rect.width / this.gridSize);
+  }
+  reset() {
+    this.snake = [{ x: 10, y: 10 }];
+    this.direction = { x: 1, y: 0 };
+    this.placeFood();
+  }
+  placeFood() {
+    this.food = {
+      x: Math.floor(Math.random() * this.tiles),
+      y: Math.floor(Math.random() * (this.canvas.height / this.gridSize))
+    };
+  }
+  setupInput() {
+    window.addEventListener("keydown", this.handleKey.bind(this));
+  }
+  handleKey(e) {
+    switch (e.key) {
+      case "ArrowUp":
+        if (this.direction.y === 0) this.direction = { x: 0, y: -1 };
+        break;
+      case "ArrowDown":
+        if (this.direction.y === 0) this.direction = { x: 0, y: 1 };
+        break;
+      case "ArrowLeft":
+        if (this.direction.x === 0) this.direction = { x: -1, y: 0 };
+        break;
+      case "ArrowRight":
+        if (this.direction.x === 0) this.direction = { x: 1, y: 0 };
+        break;
+    }
+  }
+  update() {
+    const head = {
+      x: this.snake[0].x + this.direction.x,
+      y: this.snake[0].y + this.direction.y
+    };
+    if (head.x < 0) head.x = this.tiles - 1;
+    if (head.x >= this.tiles) head.x = 0;
+    if (head.y < 0) head.y = Math.floor(this.canvas.height / this.gridSize) - 1;
+    if (head.y >= Math.floor(this.canvas.height / this.gridSize)) head.y = 0;
+    for (const part of this.snake) {
+      if (part.x === head.x && part.y === head.y) {
+        this.reset();
+        return;
+      }
+    }
+    this.snake.unshift(head);
+    if (head.x === this.food.x && head.y === this.food.y) {
+      this.placeFood();
+      this.state.progress = {
+        ...this.state.progress,
+        score: (this.state.progress?.score || 0) + 10
+      };
+    } else {
+      this.snake.pop();
+    }
+  }
+  draw() {
+    this.ctx.fillStyle = "#222";
+    this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
+    this.ctx.fillStyle = "#4CAF50";
+    for (const part of this.snake) {
+      this.ctx.fillRect(
+        part.x * this.gridSize,
+        part.y * this.gridSize,
+        this.gridSize - 1,
+        this.gridSize - 1
+      );
+    }
+    this.ctx.fillStyle = "#FF5722";
+    this.ctx.fillRect(
+      this.food.x * this.gridSize,
+      this.food.y * this.gridSize,
+      this.gridSize - 1,
+      this.gridSize - 1
+    );
+  }
+  loop(time) {
+    if (!this.loopId) return;
+    if (time - this.lastTime > 100) {
+      this.update();
+      this.draw();
+      this.lastTime = time;
+    }
+    this.loopId = requestAnimationFrame(this.loop.bind(this));
+  }
+  getState() {
+    return this.state;
+  }
+  setState(newState) {
+    this.state = { ...this.state, ...newState };
+  }
+  destroy() {
+    if (this.loopId) cancelAnimationFrame(this.loopId);
+    this.loopId = null;
+    window.removeEventListener("keydown", this.handleKey.bind(this));
+    this.canvas.remove();
+  }
+};
+var SnakeGame = {
+  id: "snake",
+  name: "Snake",
+  description: "Classic Snake Game",
+  renderMini: (container, state) => new SnakeInstance(container, state),
+  renderFull: (container, state) => new SnakeInstance(container, state)
+};
+
+exports.SnakeGame = SnakeGame;
+//# sourceMappingURL=chunk-V5DABI44.cjs.map
+//# sourceMappingURL=chunk-V5DABI44.cjs.map

package/dist/chunk-V5DABI44.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/games/snake.ts"],"names":["__publicField"],"mappings":"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","file":"chunk-V5DABI44.cjs","sourcesContent":["import { GamePlugin, GameInstance, GameState } from \"../core/types\";\n\nclass SnakeInstance implements GameInstance {\n  private container: HTMLElement;\n  private state: Partial<GameState>;\n  private canvas: HTMLCanvasElement;\n  private ctx: CanvasRenderingContext2D;\n  private loopId: number | null = null;\n  private snake: { x: number; y: number }[] = [];\n  private food: { x: number; y: number } = { x: 0, y: 0 };\n  private direction = { x: 1, y: 0 };\n  private gridSize = 10;\n  private tiles = 20;\n\n  constructor(container: HTMLElement, state: Partial<GameState>) {\n    this.container = container;\n    this.state = state;\n    this.canvas = document.createElement(\"canvas\");\n    this.canvas.height = 150;\n    this.canvas.style.border = \"1px solid #333\";\n    this.canvas.style.display = \"block\";\n    this.canvas.style.margin = \"0 auto\"; // Center canvas\n\n    // Title\n    const title = document.createElement(\"h3\");\n    title.innerText = \"Snake\";\n    title.style.margin = \"0 0 5px 0\";\n    title.style.textAlign = \"center\";\n    title.style.fontFamily = \"sans-serif\";\n    this.container.appendChild(title);\n\n    // Helper\n    const helper = document.createElement(\"div\");\n    helper.innerText = \"Use arrow keys to move\";\n    helper.style.fontSize = \"0.8em\";\n    helper.style.color = \"#888\";\n    helper.style.marginBottom = \"5px\";\n    helper.style.textAlign = \"center\";\n    helper.style.fontFamily = \"sans-serif\";\n    this.container.appendChild(helper);\n\n    this.container.style.display = \"flex\";\n    this.container.style.flexDirection = \"column\";\n    this.container.style.alignItems = \"center\";\n    this.container.appendChild(this.canvas);\n\n    // Canvas CSS Layout\n    this.canvas.style.width = \"90%\"; // Leave some margins\n    this.canvas.style.flex = \"1\"; // Take remaining vertical space\n    this.canvas.style.minHeight = \"0\"; // Allow shrinking in flex container\n    this.canvas.style.border = \"1px solid #333\";\n    this.canvas.style.marginTop = \"10px\";\n    this.canvas.style.background = \"#222\";\n\n    this.ctx = this.canvas.getContext(\"2d\")!;\n\n    this.reset();\n    this.setupInput();\n\n    // Resize observer to handle dynamic sizing\n    const observer = new ResizeObserver(() => this.resize());\n    observer.observe(this.canvas);\n\n    this.resize();\n\n    this.loopId = requestAnimationFrame(this.loop.bind(this));\n  }\n\n  private resize() {\n    // Fit to internal resolution to displayed size\n    const rect = this.canvas.getBoundingClientRect();\n    this.canvas.width = rect.width;\n    this.canvas.height = rect.height;\n\n    // Ensure grid alignment\n    this.tiles = Math.floor(rect.width / this.gridSize);\n  }\n\n  private reset() {\n    this.snake = [{ x: 10, y: 10 }];\n    this.direction = { x: 1, y: 0 };\n    this.placeFood();\n  }\n\n  private placeFood() {\n    this.food = {\n      x: Math.floor(Math.random() * this.tiles),\n      y: Math.floor(Math.random() * (this.canvas.height / this.gridSize)),\n    };\n  }\n\n  private setupInput() {\n    window.addEventListener(\"keydown\", this.handleKey.bind(this));\n  }\n\n  private handleKey(e: KeyboardEvent) {\n    switch (e.key) {\n      case \"ArrowUp\":\n        if (this.direction.y === 0) this.direction = { x: 0, y: -1 };\n        break;\n      case \"ArrowDown\":\n        if (this.direction.y === 0) this.direction = { x: 0, y: 1 };\n        break;\n      case \"ArrowLeft\":\n        if (this.direction.x === 0) this.direction = { x: -1, y: 0 };\n        break;\n      case \"ArrowRight\":\n        if (this.direction.x === 0) this.direction = { x: 1, y: 0 };\n        break;\n    }\n  }\n\n  private update() {\n    const head = {\n      x: this.snake[0].x + this.direction.x,\n      y: this.snake[0].y + this.direction.y,\n    };\n\n    // Wrap around\n    if (head.x < 0) head.x = this.tiles - 1;\n    if (head.x >= this.tiles) head.x = 0;\n    if (head.y < 0) head.y = Math.floor(this.canvas.height / this.gridSize) - 1;\n    if (head.y >= Math.floor(this.canvas.height / this.gridSize)) head.y = 0;\n\n    // Self collision\n    for (const part of this.snake) {\n      if (part.x === head.x && part.y === head.y) {\n        this.reset();\n        return;\n      }\n    }\n\n    this.snake.unshift(head);\n\n    // Eat food\n    if (head.x === this.food.x && head.y === this.food.y) {\n      this.placeFood();\n      // Update score in state\n      this.state.progress = {\n        ...this.state.progress,\n        score: (this.state.progress?.score || 0) + 10,\n      } as any;\n    } else {\n      this.snake.pop();\n    }\n  }\n\n  private draw() {\n    this.ctx.fillStyle = \"#222\";\n    this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);\n\n    this.ctx.fillStyle = \"#4CAF50\";\n    for (const part of this.snake) {\n      this.ctx.fillRect(\n        part.x * this.gridSize,\n        part.y * this.gridSize,\n        this.gridSize - 1,\n        this.gridSize - 1\n      );\n    }\n\n    this.ctx.fillStyle = \"#FF5722\";\n    this.ctx.fillRect(\n      this.food.x * this.gridSize,\n      this.food.y * this.gridSize,\n      this.gridSize - 1,\n      this.gridSize - 1\n    );\n  }\n\n  private lastTime = 0;\n  private loop(time: number) {\n    if (!this.loopId) return;\n\n    if (time - this.lastTime > 100) {\n      // 10 FPS\n      this.update();\n      this.draw();\n      this.lastTime = time;\n    }\n\n    this.loopId = requestAnimationFrame(this.loop.bind(this));\n  }\n\n  public getState() {\n    return this.state as GameState;\n  }\n\n  public setState(newState: Partial<GameState>) {\n    this.state = { ...this.state, ...newState };\n  }\n\n  public destroy() {\n    if (this.loopId) cancelAnimationFrame(this.loopId);\n    this.loopId = null;\n    window.removeEventListener(\"keydown\", this.handleKey.bind(this));\n    this.canvas.remove();\n  }\n}\n\nexport const SnakeGame: GamePlugin = {\n  id: \"snake\",\n  name: \"Snake\",\n  description: \"Classic Snake Game\",\n\n  renderMini: (container, state) => new SnakeInstance(container, state),\n  renderFull: (container, state) => new SnakeInstance(container, state),\n};\n"]}

package/dist/chunk-V6TY7KAL.js

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export { __publicField };
+//# sourceMappingURL=chunk-V6TY7KAL.js.map
+//# sourceMappingURL=chunk-V6TY7KAL.js.map

package/dist/chunk-V6TY7KAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-V6TY7KAL.js"}

package/dist/chunk-VKSLYTRF.js

@@ -0,0 +1,170 @@
+import { __publicField } from './chunk-V6TY7KAL.js';
+
+// src/games/snake.ts
+var SnakeInstance = class {
+  constructor(container, state) {
+    __publicField(this, "container");
+    __publicField(this, "state");
+    __publicField(this, "canvas");
+    __publicField(this, "ctx");
+    __publicField(this, "loopId", null);
+    __publicField(this, "snake", []);
+    __publicField(this, "food", { x: 0, y: 0 });
+    __publicField(this, "direction", { x: 1, y: 0 });
+    __publicField(this, "gridSize", 10);
+    __publicField(this, "tiles", 20);
+    __publicField(this, "lastTime", 0);
+    this.container = container;
+    this.state = state;
+    this.canvas = document.createElement("canvas");
+    this.canvas.height = 150;
+    this.canvas.style.border = "1px solid #333";
+    this.canvas.style.display = "block";
+    this.canvas.style.margin = "0 auto";
+    const title = document.createElement("h3");
+    title.innerText = "Snake";
+    title.style.margin = "0 0 5px 0";
+    title.style.textAlign = "center";
+    title.style.fontFamily = "sans-serif";
+    this.container.appendChild(title);
+    const helper = document.createElement("div");
+    helper.innerText = "Use arrow keys to move";
+    helper.style.fontSize = "0.8em";
+    helper.style.color = "#888";
+    helper.style.marginBottom = "5px";
+    helper.style.textAlign = "center";
+    helper.style.fontFamily = "sans-serif";
+    this.container.appendChild(helper);
+    this.container.style.display = "flex";
+    this.container.style.flexDirection = "column";
+    this.container.style.alignItems = "center";
+    this.container.appendChild(this.canvas);
+    this.canvas.style.width = "90%";
+    this.canvas.style.flex = "1";
+    this.canvas.style.minHeight = "0";
+    this.canvas.style.border = "1px solid #333";
+    this.canvas.style.marginTop = "10px";
+    this.canvas.style.background = "#222";
+    this.ctx = this.canvas.getContext("2d");
+    this.reset();
+    this.setupInput();
+    const observer = new ResizeObserver(() => this.resize());
+    observer.observe(this.canvas);
+    this.resize();
+    this.loopId = requestAnimationFrame(this.loop.bind(this));
+  }
+  resize() {
+    const rect = this.canvas.getBoundingClientRect();
+    this.canvas.width = rect.width;
+    this.canvas.height = rect.height;
+    this.tiles = Math.floor(rect.width / this.gridSize);
+  }
+  reset() {
+    this.snake = [{ x: 10, y: 10 }];
+    this.direction = { x: 1, y: 0 };
+    this.placeFood();
+  }
+  placeFood() {
+    this.food = {
+      x: Math.floor(Math.random() * this.tiles),
+      y: Math.floor(Math.random() * (this.canvas.height / this.gridSize))
+    };
+  }
+  setupInput() {
+    window.addEventListener("keydown", this.handleKey.bind(this));
+  }
+  handleKey(e) {
+    switch (e.key) {
+      case "ArrowUp":
+        if (this.direction.y === 0) this.direction = { x: 0, y: -1 };
+        break;
+      case "ArrowDown":
+        if (this.direction.y === 0) this.direction = { x: 0, y: 1 };
+        break;
+      case "ArrowLeft":
+        if (this.direction.x === 0) this.direction = { x: -1, y: 0 };
+        break;
+      case "ArrowRight":
+        if (this.direction.x === 0) this.direction = { x: 1, y: 0 };
+        break;
+    }
+  }
+  update() {
+    const head = {
+      x: this.snake[0].x + this.direction.x,
+      y: this.snake[0].y + this.direction.y
+    };
+    if (head.x < 0) head.x = this.tiles - 1;
+    if (head.x >= this.tiles) head.x = 0;
+    if (head.y < 0) head.y = Math.floor(this.canvas.height / this.gridSize) - 1;
+    if (head.y >= Math.floor(this.canvas.height / this.gridSize)) head.y = 0;
+    for (const part of this.snake) {
+      if (part.x === head.x && part.y === head.y) {
+        this.reset();
+        return;
+      }
+    }
+    this.snake.unshift(head);
+    if (head.x === this.food.x && head.y === this.food.y) {
+      this.placeFood();
+      this.state.progress = {
+        ...this.state.progress,
+        score: (this.state.progress?.score || 0) + 10
+      };
+    } else {
+      this.snake.pop();
+    }
+  }
+  draw() {
+    this.ctx.fillStyle = "#222";
+    this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
+    this.ctx.fillStyle = "#4CAF50";
+    for (const part of this.snake) {
+      this.ctx.fillRect(
+        part.x * this.gridSize,
+        part.y * this.gridSize,
+        this.gridSize - 1,
+        this.gridSize - 1
+      );
+    }
+    this.ctx.fillStyle = "#FF5722";
+    this.ctx.fillRect(
+      this.food.x * this.gridSize,
+      this.food.y * this.gridSize,
+      this.gridSize - 1,
+      this.gridSize - 1
+    );
+  }
+  loop(time) {
+    if (!this.loopId) return;
+    if (time - this.lastTime > 100) {
+      this.update();
+      this.draw();
+      this.lastTime = time;
+    }
+    this.loopId = requestAnimationFrame(this.loop.bind(this));
+  }
+  getState() {
+    return this.state;
+  }
+  setState(newState) {
+    this.state = { ...this.state, ...newState };
+  }
+  destroy() {
+    if (this.loopId) cancelAnimationFrame(this.loopId);
+    this.loopId = null;
+    window.removeEventListener("keydown", this.handleKey.bind(this));
+    this.canvas.remove();
+  }
+};
+var SnakeGame = {
+  id: "snake",
+  name: "Snake",
+  description: "Classic Snake Game",
+  renderMini: (container, state) => new SnakeInstance(container, state),
+  renderFull: (container, state) => new SnakeInstance(container, state)
+};
+
+export { SnakeGame };
+//# sourceMappingURL=chunk-VKSLYTRF.js.map
+//# sourceMappingURL=chunk-VKSLYTRF.js.map

package/dist/chunk-VKSLYTRF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/games/snake.ts"],"names":[],"mappings":"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","file":"chunk-VKSLYTRF.js","sourcesContent":["import { GamePlugin, GameInstance, GameState } from \"../core/types\";\n\nclass SnakeInstance implements GameInstance {\n  private container: HTMLElement;\n  private state: Partial<GameState>;\n  private canvas: HTMLCanvasElement;\n  private ctx: CanvasRenderingContext2D;\n  private loopId: number | null = null;\n  private snake: { x: number; y: number }[] = [];\n  private food: { x: number; y: number } = { x: 0, y: 0 };\n  private direction = { x: 1, y: 0 };\n  private gridSize = 10;\n  private tiles = 20;\n\n  constructor(container: HTMLElement, state: Partial<GameState>) {\n    this.container = container;\n    this.state = state;\n    this.canvas = document.createElement(\"canvas\");\n    this.canvas.height = 150;\n    this.canvas.style.border = \"1px solid #333\";\n    this.canvas.style.display = \"block\";\n    this.canvas.style.margin = \"0 auto\"; // Center canvas\n\n    // Title\n    const title = document.createElement(\"h3\");\n    title.innerText = \"Snake\";\n    title.style.margin = \"0 0 5px 0\";\n    title.style.textAlign = \"center\";\n    title.style.fontFamily = \"sans-serif\";\n    this.container.appendChild(title);\n\n    // Helper\n    const helper = document.createElement(\"div\");\n    helper.innerText = \"Use arrow keys to move\";\n    helper.style.fontSize = \"0.8em\";\n    helper.style.color = \"#888\";\n    helper.style.marginBottom = \"5px\";\n    helper.style.textAlign = \"center\";\n    helper.style.fontFamily = \"sans-serif\";\n    this.container.appendChild(helper);\n\n    this.container.style.display = \"flex\";\n    this.container.style.flexDirection = \"column\";\n    this.container.style.alignItems = \"center\";\n    this.container.appendChild(this.canvas);\n\n    // Canvas CSS Layout\n    this.canvas.style.width = \"90%\"; // Leave some margins\n    this.canvas.style.flex = \"1\"; // Take remaining vertical space\n    this.canvas.style.minHeight = \"0\"; // Allow shrinking in flex container\n    this.canvas.style.border = \"1px solid #333\";\n    this.canvas.style.marginTop = \"10px\";\n    this.canvas.style.background = \"#222\";\n\n    this.ctx = this.canvas.getContext(\"2d\")!;\n\n    this.reset();\n    this.setupInput();\n\n    // Resize observer to handle dynamic sizing\n    const observer = new ResizeObserver(() => this.resize());\n    observer.observe(this.canvas);\n\n    this.resize();\n\n    this.loopId = requestAnimationFrame(this.loop.bind(this));\n  }\n\n  private resize() {\n    // Fit to internal resolution to displayed size\n    const rect = this.canvas.getBoundingClientRect();\n    this.canvas.width = rect.width;\n    this.canvas.height = rect.height;\n\n    // Ensure grid alignment\n    this.tiles = Math.floor(rect.width / this.gridSize);\n  }\n\n  private reset() {\n    this.snake = [{ x: 10, y: 10 }];\n    this.direction = { x: 1, y: 0 };\n    this.placeFood();\n  }\n\n  private placeFood() {\n    this.food = {\n      x: Math.floor(Math.random() * this.tiles),\n      y: Math.floor(Math.random() * (this.canvas.height / this.gridSize)),\n    };\n  }\n\n  private setupInput() {\n    window.addEventListener(\"keydown\", this.handleKey.bind(this));\n  }\n\n  private handleKey(e: KeyboardEvent) {\n    switch (e.key) {\n      case \"ArrowUp\":\n        if (this.direction.y === 0) this.direction = { x: 0, y: -1 };\n        break;\n      case \"ArrowDown\":\n        if (this.direction.y === 0) this.direction = { x: 0, y: 1 };\n        break;\n      case \"ArrowLeft\":\n        if (this.direction.x === 0) this.direction = { x: -1, y: 0 };\n        break;\n      case \"ArrowRight\":\n        if (this.direction.x === 0) this.direction = { x: 1, y: 0 };\n        break;\n    }\n  }\n\n  private update() {\n    const head = {\n      x: this.snake[0].x + this.direction.x,\n      y: this.snake[0].y + this.direction.y,\n    };\n\n    // Wrap around\n    if (head.x < 0) head.x = this.tiles - 1;\n    if (head.x >= this.tiles) head.x = 0;\n    if (head.y < 0) head.y = Math.floor(this.canvas.height / this.gridSize) - 1;\n    if (head.y >= Math.floor(this.canvas.height / this.gridSize)) head.y = 0;\n\n    // Self collision\n    for (const part of this.snake) {\n      if (part.x === head.x && part.y === head.y) {\n        this.reset();\n        return;\n      }\n    }\n\n    this.snake.unshift(head);\n\n    // Eat food\n    if (head.x === this.food.x && head.y === this.food.y) {\n      this.placeFood();\n      // Update score in state\n      this.state.progress = {\n        ...this.state.progress,\n        score: (this.state.progress?.score || 0) + 10,\n      } as any;\n    } else {\n      this.snake.pop();\n    }\n  }\n\n  private draw() {\n    this.ctx.fillStyle = \"#222\";\n    this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);\n\n    this.ctx.fillStyle = \"#4CAF50\";\n    for (const part of this.snake) {\n      this.ctx.fillRect(\n        part.x * this.gridSize,\n        part.y * this.gridSize,\n        this.gridSize - 1,\n        this.gridSize - 1\n      );\n    }\n\n    this.ctx.fillStyle = \"#FF5722\";\n    this.ctx.fillRect(\n      this.food.x * this.gridSize,\n      this.food.y * this.gridSize,\n      this.gridSize - 1,\n      this.gridSize - 1\n    );\n  }\n\n  private lastTime = 0;\n  private loop(time: number) {\n    if (!this.loopId) return;\n\n    if (time - this.lastTime > 100) {\n      // 10 FPS\n      this.update();\n      this.draw();\n      this.lastTime = time;\n    }\n\n    this.loopId = requestAnimationFrame(this.loop.bind(this));\n  }\n\n  public getState() {\n    return this.state as GameState;\n  }\n\n  public setState(newState: Partial<GameState>) {\n    this.state = { ...this.state, ...newState };\n  }\n\n  public destroy() {\n    if (this.loopId) cancelAnimationFrame(this.loopId);\n    this.loopId = null;\n    window.removeEventListener(\"keydown\", this.handleKey.bind(this));\n    this.canvas.remove();\n  }\n}\n\nexport const SnakeGame: GamePlugin = {\n  id: \"snake\",\n  name: \"Snake\",\n  description: \"Classic Snake Game\",\n\n  renderMini: (container, state) => new SnakeInstance(container, state),\n  renderFull: (container, state) => new SnakeInstance(container, state),\n};\n"]}

package/dist/core/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkSSP4S4NY_cjs = require('../chunk-SSP4S4NY.cjs');
+var chunkMAWVAR3Q_cjs = require('../chunk-MAWVAR3Q.cjs');
+require('../chunk-4DE2IREA.cjs');
+
+
+
+Object.defineProperty(exports, "PortalSystem", {
+  enumerable: true,
+  get: function () { return chunkSSP4S4NY_cjs.PortalSystem; }
+});
+Object.defineProperty(exports, "LoadingEngine", {
+  enumerable: true,
+  get: function () { return chunkMAWVAR3Q_cjs.LoadingEngine; }
+});
+Object.defineProperty(exports, "StateManager", {
+  enumerable: true,
+  get: function () { return chunkMAWVAR3Q_cjs.StateManager; }
+});
+Object.defineProperty(exports, "createLoadingInteraction", {
+  enumerable: true,
+  get: function () { return chunkMAWVAR3Q_cjs.createLoadingInteraction; }
+});
+Object.defineProperty(exports, "stateManager", {
+  enumerable: true,
+  get: function () { return chunkMAWVAR3Q_cjs.stateManager; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/core/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/core/index.d.cts

@@ -0,0 +1,23 @@
+import { G as GameState, I as InteractionMode } from '../types-vBwPFyxq.cjs';
+export { D as DoodleConfig, g as DoodleInstance, h as DoodlePlugin, F as Fact, d as FactsConfig, e as FactsInstance, f as FactsPlugin, b as GameInstance, c as GamePlugin, a as InteractionConfig } from '../types-vBwPFyxq.cjs';
+export { L as LoadingEngine, c as createLoadingInteraction } from '../engine-DdHCpfbk.cjs';
+
+declare class StateManager {
+    private static instance;
+    private constructor();
+    static getInstance(): StateManager;
+    getGameState(gameId: string): Partial<GameState> | null;
+    saveGameState(gameId: string, state: Partial<GameState>): void;
+    getPreferredMode(): InteractionMode | null;
+    savePreferredMode(mode: InteractionMode): void;
+}
+declare const stateManager: StateManager;
+
+declare class PortalSystem {
+    private overlay;
+    constructor();
+    open(contentRenderer: (container: HTMLElement) => void, onClose: () => void): void;
+    close(): void;
+}
+
+export { GameState, InteractionMode, PortalSystem, StateManager, stateManager };

package/dist/core/index.d.ts

@@ -0,0 +1,23 @@
+import { G as GameState, I as InteractionMode } from '../types-vBwPFyxq.js';
+export { D as DoodleConfig, g as DoodleInstance, h as DoodlePlugin, F as Fact, d as FactsConfig, e as FactsInstance, f as FactsPlugin, b as GameInstance, c as GamePlugin, a as InteractionConfig } from '../types-vBwPFyxq.js';
+export { L as LoadingEngine, c as createLoadingInteraction } from '../engine--hGQ4LNR.js';
+
+declare class StateManager {
+    private static instance;
+    private constructor();
+    static getInstance(): StateManager;
+    getGameState(gameId: string): Partial<GameState> | null;
+    saveGameState(gameId: string, state: Partial<GameState>): void;
+    getPreferredMode(): InteractionMode | null;
+    savePreferredMode(mode: InteractionMode): void;
+}
+declare const stateManager: StateManager;
+
+declare class PortalSystem {
+    private overlay;
+    constructor();
+    open(contentRenderer: (container: HTMLElement) => void, onClose: () => void): void;
+    close(): void;
+}
+
+export { GameState, InteractionMode, PortalSystem, StateManager, stateManager };

package/dist/core/index.js

@@ -0,0 +1,5 @@
+export { PortalSystem } from '../chunk-ARXVTVP4.js';
+export { LoadingEngine, StateManager, createLoadingInteraction, stateManager } from '../chunk-3RJ542WD.js';
+import '../chunk-V6TY7KAL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/doodle/basic-canvas.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkJG5ZMB2Y_cjs = require('../chunk-JG5ZMB2Y.cjs');
+require('../chunk-4DE2IREA.cjs');
+
+
+
+Object.defineProperty(exports, "BasicDoodle", {
+  enumerable: true,
+  get: function () { return chunkJG5ZMB2Y_cjs.BasicDoodle; }
+});
+//# sourceMappingURL=basic-canvas.cjs.map
+//# sourceMappingURL=basic-canvas.cjs.map

package/dist/doodle/basic-canvas.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"basic-canvas.cjs"}

package/dist/doodle/basic-canvas.d.cts

@@ -0,0 +1,5 @@
+import { h as DoodlePlugin } from '../types-vBwPFyxq.cjs';
+
+declare const BasicDoodle: DoodlePlugin;
+
+export { BasicDoodle };

package/dist/doodle/basic-canvas.d.ts

@@ -0,0 +1,5 @@
+import { h as DoodlePlugin } from '../types-vBwPFyxq.js';
+
+declare const BasicDoodle: DoodlePlugin;
+
+export { BasicDoodle };

package/dist/doodle/basic-canvas.js

@@ -0,0 +1,4 @@
+export { BasicDoodle } from '../chunk-O6CAFCTV.js';
+import '../chunk-V6TY7KAL.js';
+//# sourceMappingURL=basic-canvas.js.map
+//# sourceMappingURL=basic-canvas.js.map

package/dist/doodle/basic-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"basic-canvas.js"}

package/dist/doodle/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkJG5ZMB2Y_cjs = require('../chunk-JG5ZMB2Y.cjs');
+require('../chunk-4DE2IREA.cjs');
+
+
+
+Object.defineProperty(exports, "BasicDoodle", {
+  enumerable: true,
+  get: function () { return chunkJG5ZMB2Y_cjs.BasicDoodle; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/doodle/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/doodle/index.d.cts

@@ -0,0 +1,2 @@
+export { BasicDoodle } from './basic-canvas.cjs';
+import '../types-vBwPFyxq.cjs';

package/dist/doodle/index.d.ts

@@ -0,0 +1,2 @@
+export { BasicDoodle } from './basic-canvas.js';
+import '../types-vBwPFyxq.js';

package/dist/doodle/index.js

@@ -0,0 +1,4 @@
+export { BasicDoodle } from '../chunk-O6CAFCTV.js';
+import '../chunk-V6TY7KAL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/doodle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/engine--hGQ4LNR.d.ts

@@ -0,0 +1,16 @@
+import { a as InteractionConfig, I as InteractionMode } from './types-vBwPFyxq.js';
+
+declare class LoadingEngine {
+    private config;
+    private container;
+    private currentInstance;
+    private activeMode;
+    constructor(container: HTMLElement, config: InteractionConfig);
+    init(): void;
+    setMode(mode: InteractionMode): void;
+    private render;
+    destroy(): void;
+}
+declare function createLoadingInteraction(container: HTMLElement, config: InteractionConfig): LoadingEngine;
+
+export { LoadingEngine as L, createLoadingInteraction as c };

package/dist/engine-DdHCpfbk.d.cts

@@ -0,0 +1,16 @@
+import { a as InteractionConfig, I as InteractionMode } from './types-vBwPFyxq.cjs';
+
+declare class LoadingEngine {
+    private config;
+    private container;
+    private currentInstance;
+    private activeMode;
+    constructor(container: HTMLElement, config: InteractionConfig);
+    init(): void;
+    setMode(mode: InteractionMode): void;
+    private render;
+    destroy(): void;
+}
+declare function createLoadingInteraction(container: HTMLElement, config: InteractionConfig): LoadingEngine;
+
+export { LoadingEngine as L, createLoadingInteraction as c };

package/dist/facts/dev-tips.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk5AUPIR2C_cjs = require('../chunk-5AUPIR2C.cjs');
+require('../chunk-4DE2IREA.cjs');
+
+
+
+Object.defineProperty(exports, "DevTipsFacts", {
+  enumerable: true,
+  get: function () { return chunk5AUPIR2C_cjs.DevTipsFacts; }
+});
+//# sourceMappingURL=dev-tips.cjs.map
+//# sourceMappingURL=dev-tips.cjs.map

package/dist/facts/dev-tips.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dev-tips.cjs"}

package/dist/facts/dev-tips.d.cts

@@ -0,0 +1,5 @@
+import { f as FactsPlugin } from '../types-vBwPFyxq.cjs';
+
+declare const DevTipsFacts: FactsPlugin;
+
+export { DevTipsFacts };

package/dist/facts/dev-tips.d.ts

@@ -0,0 +1,5 @@
+import { f as FactsPlugin } from '../types-vBwPFyxq.js';
+
+declare const DevTipsFacts: FactsPlugin;
+
+export { DevTipsFacts };