waitroom 0.0.1

package/README.md

@@ -0,0 +1,62 @@
+# waitroom
+
+Transform dead loading time into engaging micro-interactions.
+
+## Installation
+
+```bash
+npm install waitroom
+# or
+yarn add waitroom
+# or
+pnpm add waitroom
+```
+
+## Quick Start (React)
+
+```tsx
+import { useState } from 'react';
+import { LoadingInteraction } from 'waitroom';
+import { SnakeGame } from 'waitroom/games/snake';
+import { DevTipsFacts } from 'waitroom/facts/dev-tips';
+
+function App() {
+  const [isLoading, setIsLoading] = useState(false);
+  
+  return (
+    <LoadingInteraction
+      isLoading={isLoading}
+      availableModes={['game', 'facts']}
+      game={SnakeGame}
+      facts={DevTipsFacts}
+    >
+        <YourContent />
+    </LoadingInteraction>
+  );
+}
+```
+
+## Examples
+
+### React Demo
+A comprehensive React example is available in `examples/react-demo`.
+
+To run it:
+1. `npm run build` (in root)
+2. `cd examples/react-demo`
+3. `npm install`
+4. `npm run dev`
+
+This demo showcases:
+- All interaction modes (Game, Facts, Doodle)
+- Mode switching
+- Custom themes
+- Full-screen expansion capability
+
+## Architecture
+The package is designed for tree-shaking:
+- `waitroom/core`: Framework-agnostic engine
+- `waitroom/games/*`: Individual games
+- `waitroom/facts/*`: Individual fact collections
+- `waitroom/doodle/*`: Doodle plugins
+- `waitroom/react`: React components only

package/dist/chunk-3RJ542WD.js

@@ -0,0 +1,130 @@
+import { __publicField } from './chunk-V6TY7KAL.js';
+
+// src/core/state.ts
+var STORAGE_KEY_PREFIX = "waitroom_";
+var _StateManager = class _StateManager {
+  constructor() {
+  }
+  static getInstance() {
+    if (!_StateManager.instance) {
+      _StateManager.instance = new _StateManager();
+    }
+    return _StateManager.instance;
+  }
+  // --- Game State ---
+  getGameState(gameId) {
+    try {
+      const data = localStorage.getItem(`${STORAGE_KEY_PREFIX}game_${gameId}`);
+      if (data) {
+        return JSON.parse(data);
+      }
+    } catch (e) {
+      console.warn("Failed to load game state", e);
+    }
+    return null;
+  }
+  saveGameState(gameId, state) {
+    try {
+      localStorage.setItem(
+        `${STORAGE_KEY_PREFIX}game_${gameId}`,
+        JSON.stringify(state)
+      );
+    } catch (e) {
+      console.warn("Failed to save game state", e);
+    }
+  }
+  // --- Mode Preference ---
+  getPreferredMode() {
+    try {
+      return localStorage.getItem(
+        `${STORAGE_KEY_PREFIX}mode`
+      );
+    } catch (e) {
+      return null;
+    }
+  }
+  savePreferredMode(mode) {
+    try {
+      localStorage.setItem(`${STORAGE_KEY_PREFIX}mode`, mode);
+    } catch (e) {
+      console.warn("Failed to save preferred mode", e);
+    }
+  }
+};
+__publicField(_StateManager, "instance");
+var StateManager = _StateManager;
+var stateManager = StateManager.getInstance();
+
+// src/core/engine.ts
+var LoadingEngine = class {
+  constructor(container, config) {
+    __publicField(this, "config");
+    __publicField(this, "container");
+    __publicField(this, "currentInstance", null);
+    __publicField(this, "activeMode", "none");
+    this.container = container;
+    this.config = config;
+  }
+  init() {
+    let startMode = this.config.mode || "none";
+    if (this.config.persistModePreference) {
+      const saved = stateManager.getPreferredMode();
+      if (saved && this.config.availableModes?.includes(saved)) {
+        startMode = saved;
+      }
+    }
+    this.setMode(startMode);
+  }
+  setMode(mode) {
+    if (this.activeMode === mode) return;
+    if (this.currentInstance) {
+      this.currentInstance.destroy();
+      this.currentInstance = null;
+    }
+    this.activeMode = mode;
+    this.container.style.opacity = "0";
+    this.container.style.transition = `opacity ${this.config.transitionDuration || 300}ms ease-in-out`;
+    setTimeout(() => {
+      this.render();
+      this.container.style.opacity = "1";
+    }, (this.config.transitionDuration || 300) / 2);
+    if (this.config.persistModePreference && mode !== "none") {
+      stateManager.savePreferredMode(mode);
+    }
+    if (this.config.onModeChange) {
+      this.config.onModeChange(mode);
+    }
+  }
+  render() {
+    this.container.innerHTML = "";
+    if (this.activeMode === "none") {
+      return;
+    }
+    if (this.activeMode === "game" && this.config.game) {
+      const gamePlugin = this.config.game;
+      const savedState = stateManager.getGameState(gamePlugin.id) || {};
+      this.currentInstance = gamePlugin.renderMini(this.container, savedState);
+    } else if (this.activeMode === "facts" && this.config.facts) {
+      const factsPlugin = this.config.facts;
+      this.currentInstance = factsPlugin.renderMini(this.container);
+    } else if (this.activeMode === "doodle" && this.config.doodle) {
+      const doodlePlugin = this.config.doodle;
+      this.currentInstance = doodlePlugin.renderMini(this.container);
+    }
+  }
+  destroy() {
+    if (this.currentInstance) {
+      this.currentInstance.destroy();
+    }
+    this.container.innerHTML = "";
+  }
+};
+function createLoadingInteraction(container, config) {
+  const engine = new LoadingEngine(container, config);
+  engine.init();
+  return engine;
+}
+
+export { LoadingEngine, StateManager, createLoadingInteraction, stateManager };
+//# sourceMappingURL=chunk-3RJ542WD.js.map
+//# sourceMappingURL=chunk-3RJ542WD.js.map

package/dist/chunk-3RJ542WD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/state.ts","../src/core/engine.ts"],"names":[],"mappings":"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","file":"chunk-3RJ542WD.js","sourcesContent":["import { GameState, InteractionMode } from \"./types\";\n\nconst STORAGE_KEY_PREFIX = \"waitroom_\";\n\nexport class StateManager {\n  private static instance: StateManager;\n\n  private constructor() {}\n\n  static getInstance(): StateManager {\n    if (!StateManager.instance) {\n      StateManager.instance = new StateManager();\n    }\n    return StateManager.instance;\n  }\n\n  // --- Game State ---\n\n  getGameState(gameId: string): Partial<GameState> | null {\n    try {\n      const data = localStorage.getItem(`${STORAGE_KEY_PREFIX}game_${gameId}`);\n      if (data) {\n        return JSON.parse(data);\n      }\n    } catch (e) {\n      console.warn(\"Failed to load game state\", e);\n    }\n    return null;\n  }\n\n  saveGameState(gameId: string, state: Partial<GameState>): void {\n    try {\n      // Simple debounce could be added here if needed, but for now direct write\n      localStorage.setItem(\n        `${STORAGE_KEY_PREFIX}game_${gameId}`,\n        JSON.stringify(state)\n      );\n    } catch (e) {\n      console.warn(\"Failed to save game state\", e);\n    }\n  }\n\n  // --- Mode Preference ---\n\n  getPreferredMode(): InteractionMode | null {\n    try {\n      return localStorage.getItem(\n        `${STORAGE_KEY_PREFIX}mode`\n      ) as InteractionMode;\n    } catch (e) {\n      return null;\n    }\n  }\n\n  savePreferredMode(mode: InteractionMode): void {\n    try {\n      localStorage.setItem(`${STORAGE_KEY_PREFIX}mode`, mode);\n    } catch (e) {\n      console.warn(\"Failed to save preferred mode\", e);\n    }\n  }\n}\n\nexport const stateManager = StateManager.getInstance();\n","import { InteractionConfig, InteractionMode } from \"./types\";\nimport { stateManager } from \"./state\";\n\nexport class LoadingEngine {\n  private config: InteractionConfig;\n  private container: HTMLElement;\n  private currentInstance: any = null;\n  private activeMode: InteractionMode = \"none\";\n\n  constructor(container: HTMLElement, config: InteractionConfig) {\n    this.container = container;\n    this.config = config;\n  }\n\n  init() {\n    // Determine start mode\n    let startMode = this.config.mode || \"none\";\n\n    if (this.config.persistModePreference) {\n      const saved = stateManager.getPreferredMode();\n      if (saved && this.config.availableModes?.includes(saved)) {\n        startMode = saved;\n      }\n    }\n\n    this.setMode(startMode);\n  }\n\n  setMode(mode: InteractionMode) {\n    if (this.activeMode === mode) return;\n\n    // Cleanup previous\n    if (this.currentInstance) {\n      this.currentInstance.destroy();\n      this.currentInstance = null;\n    }\n\n    this.activeMode = mode;\n\n    // Simple fade transition\n    this.container.style.opacity = \"0\";\n    this.container.style.transition = `opacity ${\n      this.config.transitionDuration || 300\n    }ms ease-in-out`;\n\n    setTimeout(() => {\n      this.render();\n      this.container.style.opacity = \"1\";\n    }, (this.config.transitionDuration || 300) / 2);\n\n    // Persist preference\n    if (this.config.persistModePreference && mode !== \"none\") {\n      stateManager.savePreferredMode(mode);\n    }\n\n    if (this.config.onModeChange) {\n      this.config.onModeChange(mode);\n    }\n  }\n\n  private render() {\n    this.container.innerHTML = \"\"; // Clear container\n\n    if (this.activeMode === \"none\") {\n      return;\n    }\n\n    // Normally we would have a plugin registry or pass plugins in config.\n    // For this lightweight version we rely on config having the specific plugin instances.\n\n    // Render based on mode\n    if (this.activeMode === \"game\" && this.config.game) {\n      const gamePlugin = this.config.game;\n      // Load state\n      const savedState = stateManager.getGameState(gamePlugin.id) || {};\n      this.currentInstance = gamePlugin.renderMini(this.container, savedState);\n    } else if (this.activeMode === \"facts\" && this.config.facts) {\n      const factsPlugin = this.config.facts;\n      this.currentInstance = factsPlugin.renderMini(this.container);\n    } else if (this.activeMode === \"doodle\" && this.config.doodle) {\n      const doodlePlugin = this.config.doodle;\n      this.currentInstance = doodlePlugin.renderMini(this.container);\n    }\n  }\n\n  destroy() {\n    if (this.currentInstance) {\n      this.currentInstance.destroy();\n    }\n    this.container.innerHTML = \"\";\n  }\n}\n\nexport function createLoadingInteraction(\n  container: HTMLElement,\n  config: InteractionConfig\n) {\n  const engine = new LoadingEngine(container, config);\n  engine.init();\n  return engine;\n}\n"]}

package/dist/chunk-4DE2IREA.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+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);
+
+exports.__publicField = __publicField;
+//# sourceMappingURL=chunk-4DE2IREA.cjs.map
+//# sourceMappingURL=chunk-4DE2IREA.cjs.map

package/dist/chunk-4DE2IREA.cjs.map

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

package/dist/chunk-5AUPIR2C.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+var chunk4DE2IREA_cjs = require('./chunk-4DE2IREA.cjs');
+
+// src/facts/dev-tips.ts
+var TIPS = [
+  {
+    id: "1",
+    text: "Ctrl+Shift+P opens command palette in VS Code",
+    category: "vscode"
+  },
+  { id: "2", text: "Use git reflog to find lost commits", category: "git" },
+  {
+    id: "3",
+    text: "Console.table() displays data in a table format",
+    category: "js"
+  },
+  { id: "4", text: "Alt+Click to use multiple cursors", category: "vscode" }
+];
+var SimpleFactsRenderer = class {
+  constructor(container, facts, config) {
+    chunk4DE2IREA_cjs.__publicField(this, "container");
+    chunk4DE2IREA_cjs.__publicField(this, "facts");
+    chunk4DE2IREA_cjs.__publicField(this, "currentIndex", 0);
+    chunk4DE2IREA_cjs.__publicField(this, "timer");
+    chunk4DE2IREA_cjs.__publicField(this, "config");
+    this.container = container;
+    this.facts = facts;
+    this.config = config || {};
+    this.container.style.display = "flex";
+    this.container.style.flexDirection = "column";
+    this.container.style.alignItems = "center";
+    this.container.style.justifyContent = "center";
+    this.container.style.padding = "20px";
+    this.container.style.textAlign = "center";
+    this.showCurrent();
+    this.startRotation();
+  }
+  showCurrent() {
+    const fact = this.facts[this.currentIndex];
+    this.container.innerHTML = `
+            <div style="font-weight: bold; margin-bottom: 8px;">Tip #${this.currentIndex + 1}</div>
+            <div style="font-size: 1.1em;">${fact.text}</div>
+            ${fact.category ? `<div style="font-size: 0.8em; color: #888; margin-top: 5px;">${fact.category}</div>` : ""}
+        `;
+    const timerBar = document.createElement("div");
+    timerBar.style.width = "0%";
+    timerBar.style.height = "2px";
+    timerBar.style.background = "#22c55e";
+    timerBar.style.marginTop = "10px";
+    timerBar.style.transition = `width ${this.config.rotationInterval || 4e3}ms linear`;
+    void this.container.offsetWidth;
+    this.container.appendChild(timerBar);
+    requestAnimationFrame(() => {
+      timerBar.style.width = "100%";
+    });
+  }
+  startRotation() {
+    if (this.timer) clearInterval(this.timer);
+    const interval = this.config.rotationInterval || 4e3;
+    this.timer = setInterval(() => this.next(), interval);
+  }
+  next() {
+    this.currentIndex = (this.currentIndex + 1) % this.facts.length;
+    this.showCurrent();
+  }
+  previous() {
+    this.currentIndex = (this.currentIndex - 1 + this.facts.length) % this.facts.length;
+    this.showCurrent();
+  }
+  favorite(id) {
+    console.log("Fav:", id);
+  }
+  destroy() {
+    if (this.timer) clearInterval(this.timer);
+    this.container.innerHTML = "";
+  }
+};
+var DevTipsFacts = {
+  id: "dev-tips",
+  name: "Developer Tips",
+  category: "coding",
+  facts: TIPS,
+  renderMini: (c, cfg) => new SimpleFactsRenderer(c, TIPS, cfg),
+  renderFull: (c, cfg) => new SimpleFactsRenderer(c, TIPS, cfg)
+};
+
+exports.DevTipsFacts = DevTipsFacts;
+//# sourceMappingURL=chunk-5AUPIR2C.cjs.map
+//# sourceMappingURL=chunk-5AUPIR2C.cjs.map

package/dist/chunk-5AUPIR2C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/facts/dev-tips.ts"],"names":["__publicField"],"mappings":"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","file":"chunk-5AUPIR2C.cjs","sourcesContent":["import { FactsPlugin, FactsInstance, Fact, FactsConfig } from \"../core/types\";\n\nconst TIPS: Fact[] = [\n  {\n    id: \"1\",\n    text: \"Ctrl+Shift+P opens command palette in VS Code\",\n    category: \"vscode\",\n  },\n  { id: \"2\", text: \"Use git reflog to find lost commits\", category: \"git\" },\n  {\n    id: \"3\",\n    text: \"Console.table() displays data in a table format\",\n    category: \"js\",\n  },\n  { id: \"4\", text: \"Alt+Click to use multiple cursors\", category: \"vscode\" },\n];\n\nclass SimpleFactsRenderer implements FactsInstance {\n  private container: HTMLElement;\n  private facts: Fact[];\n  private currentIndex = 0;\n  private timer: any;\n  private config: FactsConfig;\n\n  constructor(container: HTMLElement, facts: Fact[], config?: FactsConfig) {\n    this.container = container;\n    this.facts = facts;\n    this.config = config || {};\n\n    this.container.style.display = \"flex\";\n    this.container.style.flexDirection = \"column\";\n    this.container.style.alignItems = \"center\";\n    this.container.style.justifyContent = \"center\";\n    this.container.style.padding = \"20px\";\n    this.container.style.textAlign = \"center\";\n\n    this.showCurrent();\n    this.startRotation();\n  }\n\n  private showCurrent() {\n    const fact = this.facts[this.currentIndex];\n    this.container.innerHTML = `\n            <div style=\"font-weight: bold; margin-bottom: 8px;\">Tip #${\n              this.currentIndex + 1\n            }</div>\n            <div style=\"font-size: 1.1em;\">${fact.text}</div>\n            ${\n              fact.category\n                ? `<div style=\"font-size: 0.8em; color: #888; margin-top: 5px;\">${fact.category}</div>`\n                : \"\"\n            }\n        `;\n\n    // Add timer bar\n    const timerBar = document.createElement(\"div\");\n    timerBar.style.width = \"0%\";\n    timerBar.style.height = \"2px\";\n    timerBar.style.background = \"#22c55e\"; // Green progress\n    timerBar.style.marginTop = \"10px\";\n    timerBar.style.transition = `width ${\n      this.config.rotationInterval || 4000\n    }ms linear`;\n\n    // Reset animation\n    // Force reflow\n    void this.container.offsetWidth;\n\n    this.container.appendChild(timerBar);\n\n    // Trigger animation\n    requestAnimationFrame(() => {\n      timerBar.style.width = \"100%\";\n    });\n  }\n\n  private startRotation() {\n    if (this.timer) clearInterval(this.timer);\n    const interval = this.config.rotationInterval || 4000;\n    this.timer = setInterval(() => this.next(), interval);\n  }\n\n  next() {\n    this.currentIndex = (this.currentIndex + 1) % this.facts.length;\n    this.showCurrent();\n  }\n\n  previous() {\n    this.currentIndex =\n      (this.currentIndex - 1 + this.facts.length) % this.facts.length;\n    this.showCurrent();\n  }\n\n  favorite(id: string) {\n    console.log(\"Fav:\", id);\n  }\n\n  destroy() {\n    if (this.timer) clearInterval(this.timer);\n    this.container.innerHTML = \"\";\n  }\n}\n\nexport const DevTipsFacts: FactsPlugin = {\n  id: \"dev-tips\",\n  name: \"Developer Tips\",\n  category: \"coding\",\n  facts: TIPS,\n  renderMini: (c, cfg) => new SimpleFactsRenderer(c, TIPS, cfg),\n  renderFull: (c, cfg) => new SimpleFactsRenderer(c, TIPS, cfg),\n};\n"]}

package/dist/chunk-ARXVTVP4.js

@@ -0,0 +1,55 @@
+import { __publicField } from './chunk-V6TY7KAL.js';
+
+// src/core/portal.ts
+var PortalSystem = class {
+  constructor() {
+    __publicField(this, "overlay", null);
+  }
+  open(contentRenderer, onClose) {
+    if (this.overlay) return;
+    this.overlay = document.createElement("div");
+    this.overlay.style.position = "fixed";
+    this.overlay.style.top = "0";
+    this.overlay.style.left = "0";
+    this.overlay.style.width = "100vw";
+    this.overlay.style.height = "100vh";
+    this.overlay.style.backgroundColor = "rgba(0,0,0,0.85)";
+    this.overlay.style.zIndex = "9999";
+    this.overlay.style.display = "flex";
+    this.overlay.style.justifyContent = "center";
+    this.overlay.style.alignItems = "center";
+    this.overlay.style.color = "white";
+    const contentContainer = document.createElement("div");
+    contentContainer.style.width = "80%";
+    contentContainer.style.height = "80%";
+    contentContainer.style.position = "relative";
+    const closeBtn = document.createElement("button");
+    closeBtn.innerText = "\xD7";
+    closeBtn.style.position = "absolute";
+    closeBtn.style.top = "-40px";
+    closeBtn.style.right = "0";
+    closeBtn.style.fontSize = "30px";
+    closeBtn.style.background = "transparent";
+    closeBtn.style.border = "none";
+    closeBtn.style.color = "white";
+    closeBtn.style.cursor = "pointer";
+    closeBtn.onclick = () => {
+      this.close();
+      onClose();
+    };
+    this.overlay.appendChild(closeBtn);
+    this.overlay.appendChild(contentContainer);
+    document.body.appendChild(this.overlay);
+    contentRenderer(contentContainer);
+  }
+  close() {
+    if (this.overlay) {
+      document.body.removeChild(this.overlay);
+      this.overlay = null;
+    }
+  }
+};
+
+export { PortalSystem };
+//# sourceMappingURL=chunk-ARXVTVP4.js.map
+//# sourceMappingURL=chunk-ARXVTVP4.js.map

package/dist/chunk-ARXVTVP4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/portal.ts"],"names":[],"mappings":";;;AAIO,IAAM,eAAN,MAAmB;AAAA,EAGxB,WAAA,GAAc;AAFd,IAAA,aAAA,CAAA,IAAA,EAAQ,SAAA,EAA8B,IAAA,CAAA;AAAA,EAEvB;AAAA,EAEf,IAAA,CAAK,iBAAmD,OAAA,EAAqB;AAC3E,IAAA,IAAI,KAAK,OAAA,EAAS;AAElB,IAAA,IAAA,CAAK,OAAA,GAAU,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AAC3C,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,QAAA,GAAW,OAAA;AAC9B,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,GAAA,GAAM,GAAA;AACzB,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,IAAA,GAAO,GAAA;AAC1B,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,KAAA,GAAQ,OAAA;AAC3B,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,MAAA,GAAS,OAAA;AAC5B,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,eAAA,GAAkB,kBAAA;AACrC,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,MAAA,GAAS,MAAA;AAC5B,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,OAAA,GAAU,MAAA;AAC7B,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,cAAA,GAAiB,QAAA;AACpC,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,UAAA,GAAa,QAAA;AAChC,IAAA,IAAA,CAAK,OAAA,CAAQ,MAAM,KAAA,GAAQ,OAAA;AAE3B,IAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AACrD,IAAA,gBAAA,CAAiB,MAAM,KAAA,GAAQ,KAAA;AAC/B,IAAA,gBAAA,CAAiB,MAAM,MAAA,GAAS,KAAA;AAChC,IAAA,gBAAA,CAAiB,MAAM,QAAA,GAAW,UAAA;AAGlC,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAChD,IAAA,QAAA,CAAS,SAAA,GAAY,MAAA;AACrB,IAAA,QAAA,CAAS,MAAM,QAAA,GAAW,UAAA;AAC1B,IAAA,QAAA,CAAS,MAAM,GAAA,GAAM,OAAA;AACrB,IAAA,QAAA,CAAS,MAAM,KAAA,GAAQ,GAAA;AACvB,IAAA,QAAA,CAAS,MAAM,QAAA,GAAW,MAAA;AAC1B,IAAA,QAAA,CAAS,MAAM,UAAA,GAAa,aAAA;AAC5B,IAAA,QAAA,CAAS,MAAM,MAAA,GAAS,MAAA;AACxB,IAAA,QAAA,CAAS,MAAM,KAAA,GAAQ,OAAA;AACvB,IAAA,QAAA,CAAS,MAAM,MAAA,GAAS,SAAA;AAExB,IAAA,QAAA,CAAS,UAAU,MAAM;AACvB,MAAA,IAAA,CAAK,KAAA,EAAM;AACX,MAAA,OAAA,EAAQ;AAAA,IACV,CAAA;AAEA,IAAA,IAAA,CAAK,OAAA,CAAQ,YAAY,QAAQ,CAAA;AACjC,IAAA,IAAA,CAAK,OAAA,CAAQ,YAAY,gBAAgB,CAAA;AACzC,IAAA,QAAA,CAAS,IAAA,CAAK,WAAA,CAAY,IAAA,CAAK,OAAO,CAAA;AAGtC,IAAA,eAAA,CAAgB,gBAAgB,CAAA;AAAA,EAClC;AAAA,EAEA,KAAA,GAAQ;AACN,IAAA,IAAI,KAAK,OAAA,EAAS;AAChB,MAAA,QAAA,CAAS,IAAA,CAAK,WAAA,CAAY,IAAA,CAAK,OAAO,CAAA;AACtC,MAAA,IAAA,CAAK,OAAA,GAAU,IAAA;AAAA,IACjB;AAAA,EACF;AACF","file":"chunk-ARXVTVP4.js","sourcesContent":["// Minimal Portal helper logic\n// In a framework-agnostic way, this would manage creating a fixed overlay\n// and transferring the state/rendering to it.\n\nexport class PortalSystem {\n  private overlay: HTMLElement | null = null;\n\n  constructor() {}\n\n  open(contentRenderer: (container: HTMLElement) => void, onClose: () => void) {\n    if (this.overlay) return;\n\n    this.overlay = document.createElement(\"div\");\n    this.overlay.style.position = \"fixed\";\n    this.overlay.style.top = \"0\";\n    this.overlay.style.left = \"0\";\n    this.overlay.style.width = \"100vw\";\n    this.overlay.style.height = \"100vh\";\n    this.overlay.style.backgroundColor = \"rgba(0,0,0,0.85)\";\n    this.overlay.style.zIndex = \"9999\";\n    this.overlay.style.display = \"flex\";\n    this.overlay.style.justifyContent = \"center\";\n    this.overlay.style.alignItems = \"center\";\n    this.overlay.style.color = \"white\";\n\n    const contentContainer = document.createElement(\"div\");\n    contentContainer.style.width = \"80%\";\n    contentContainer.style.height = \"80%\";\n    contentContainer.style.position = \"relative\";\n\n    // Close button\n    const closeBtn = document.createElement(\"button\");\n    closeBtn.innerText = \"×\";\n    closeBtn.style.position = \"absolute\";\n    closeBtn.style.top = \"-40px\";\n    closeBtn.style.right = \"0\";\n    closeBtn.style.fontSize = \"30px\";\n    closeBtn.style.background = \"transparent\";\n    closeBtn.style.border = \"none\";\n    closeBtn.style.color = \"white\";\n    closeBtn.style.cursor = \"pointer\";\n\n    closeBtn.onclick = () => {\n      this.close();\n      onClose();\n    };\n\n    this.overlay.appendChild(closeBtn);\n    this.overlay.appendChild(contentContainer);\n    document.body.appendChild(this.overlay);\n\n    // Render content\n    contentRenderer(contentContainer);\n  }\n\n  close() {\n    if (this.overlay) {\n      document.body.removeChild(this.overlay);\n      this.overlay = null;\n    }\n  }\n}\n"]}

package/dist/chunk-C5XPYOJI.js

@@ -0,0 +1,137 @@
+import { __publicField } from './chunk-V6TY7KAL.js';
+
+// src/games/memory.ts
+var MemoryInstance = class {
+  // 6 pairs for 3x4 grid
+  constructor(container, state) {
+    __publicField(this, "container");
+    __publicField(this, "state");
+    __publicField(this, "cards", []);
+    __publicField(this, "flippedCards", []);
+    __publicField(this, "grid");
+    __publicField(this, "messageDisplay");
+    __publicField(this, "isLocked", false);
+    __publicField(this, "emojis", ["\u{1F436}", "\u{1F431}", "\u{1F42D}", "\u{1F439}", "\u{1F430}", "\u{1F98A}"]);
+    this.container = container;
+    this.state = state;
+    this.container.style.display = "flex";
+    this.container.style.flexDirection = "column";
+    this.container.style.alignItems = "center";
+    this.container.style.justifyContent = "center";
+    this.container.style.fontFamily = "sans-serif";
+    const title = document.createElement("h3");
+    title.innerText = "Memory Match";
+    title.style.margin = "0 0 5px 0";
+    this.container.appendChild(title);
+    const helper = document.createElement("div");
+    helper.innerText = "Find matching pairs";
+    helper.style.fontSize = "0.8em";
+    helper.style.color = "#888";
+    helper.style.marginBottom = "10px";
+    this.container.appendChild(helper);
+    this.messageDisplay = document.createElement("div");
+    this.messageDisplay.style.height = "20px";
+    this.messageDisplay.style.fontSize = "14px";
+    this.messageDisplay.style.fontWeight = "bold";
+    this.messageDisplay.style.marginBottom = "5px";
+    this.container.appendChild(this.messageDisplay);
+    this.grid = document.createElement("div");
+    this.grid.style.display = "grid";
+    this.grid.style.gridTemplateColumns = "repeat(4, 1fr)";
+    this.grid.style.gap = "8px";
+    this.container.appendChild(this.grid);
+    this.initGame();
+  }
+  initGame() {
+    const deck = [...this.emojis, ...this.emojis].sort(() => Math.random() - 0.5).map((emoji, index) => ({
+      id: index,
+      value: emoji,
+      isFlipped: false,
+      isMatched: false
+    }));
+    this.cards = deck;
+    this.renderGrid();
+  }
+  renderGrid() {
+    this.grid.innerHTML = "";
+    this.cards.forEach((card) => {
+      const cardEl = document.createElement("div");
+      cardEl.style.width = "50px";
+      cardEl.style.height = "50px";
+      cardEl.style.background = card.isFlipped || card.isMatched ? "#fff" : "#22c55e";
+      cardEl.style.border = "1px solid #ccc";
+      cardEl.style.borderRadius = "8px";
+      cardEl.style.display = "flex";
+      cardEl.style.alignItems = "center";
+      cardEl.style.justifyContent = "center";
+      cardEl.style.fontSize = "24px";
+      cardEl.style.cursor = "pointer";
+      cardEl.style.transition = "transform 0.2s, background 0.2s";
+      if (card.isFlipped || card.isMatched) {
+        cardEl.innerText = card.value;
+        cardEl.style.transform = "rotateY(0deg)";
+      } else {
+        cardEl.innerText = "";
+        cardEl.style.transform = "rotateY(180deg)";
+      }
+      cardEl.onclick = () => this.handleCardClick(card);
+      this.grid.appendChild(cardEl);
+    });
+  }
+  handleCardClick(card) {
+    if (this.isLocked || card.isFlipped || card.isMatched) return;
+    card.isFlipped = true;
+    this.flippedCards.push(card);
+    this.renderGrid();
+    if (this.flippedCards.length === 2) {
+      this.isLocked = true;
+      this.checkMatch();
+    }
+  }
+  checkMatch() {
+    const [card1, card2] = this.flippedCards;
+    if (card1.value === card2.value) {
+      card1.isMatched = true;
+      card2.isMatched = true;
+      this.flippedCards = [];
+      this.isLocked = false;
+      this.renderGrid();
+      this.checkWin();
+    } else {
+      setTimeout(() => {
+        card1.isFlipped = false;
+        card2.isFlipped = false;
+        this.flippedCards = [];
+        this.isLocked = false;
+        this.renderGrid();
+      }, 1e3);
+    }
+  }
+  checkWin() {
+    if (this.cards.every((c) => c.isMatched)) {
+      this.messageDisplay.innerText = "You Won! \u{1F389}";
+      this.messageDisplay.style.color = "green";
+      setTimeout(() => this.initGame(), 3e3);
+    }
+  }
+  getState() {
+    return this.state;
+  }
+  setState(s) {
+    this.state = { ...this.state, ...s };
+  }
+  destroy() {
+    this.container.innerHTML = "";
+  }
+};
+var MemoryGame = {
+  id: "memory",
+  name: "Memory Match",
+  description: "Find matching pairs",
+  renderMini: (c, s) => new MemoryInstance(c, s),
+  renderFull: (c, s) => new MemoryInstance(c, s)
+};
+
+export { MemoryGame };
+//# sourceMappingURL=chunk-C5XPYOJI.js.map
+//# sourceMappingURL=chunk-C5XPYOJI.js.map

package/dist/chunk-C5XPYOJI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/games/memory.ts"],"names":[],"mappings":"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","file":"chunk-C5XPYOJI.js","sourcesContent":["import { GamePlugin, GameInstance, GameState } from \"../core/types\";\n\n// Memory Game Logic\ninterface Card {\n  id: number;\n  value: string;\n  isFlipped: boolean;\n  isMatched: boolean;\n}\n\nclass MemoryInstance implements GameInstance {\n  private container: HTMLElement;\n  private state: Partial<GameState>;\n  private cards: Card[] = [];\n  private flippedCards: Card[] = [];\n  private grid: HTMLElement;\n  private messageDisplay: HTMLElement;\n  private isLocked = false;\n\n  private emojis = [\"🐶\", \"🐱\", \"🐭\", \"🐹\", \"🐰\", \"🦊\"]; // 6 pairs for 3x4 grid\n\n  constructor(container: HTMLElement, state: Partial<GameState>) {\n    this.container = container;\n    this.state = state;\n\n    this.container.style.display = \"flex\";\n    this.container.style.flexDirection = \"column\";\n    this.container.style.alignItems = \"center\";\n    this.container.style.justifyContent = \"center\";\n    this.container.style.fontFamily = \"sans-serif\";\n\n    // Title and Helper\n    const title = document.createElement(\"h3\");\n    title.innerText = \"Memory Match\";\n    title.style.margin = \"0 0 5px 0\";\n    this.container.appendChild(title);\n\n    const helper = document.createElement(\"div\");\n    helper.innerText = \"Find matching pairs\";\n    helper.style.fontSize = \"0.8em\";\n    helper.style.color = \"#888\";\n    helper.style.marginBottom = \"10px\";\n    this.container.appendChild(helper);\n\n    this.messageDisplay = document.createElement(\"div\");\n    this.messageDisplay.style.height = \"20px\";\n    this.messageDisplay.style.fontSize = \"14px\";\n    this.messageDisplay.style.fontWeight = \"bold\";\n    this.messageDisplay.style.marginBottom = \"5px\";\n    this.container.appendChild(this.messageDisplay);\n\n    this.grid = document.createElement(\"div\");\n    this.grid.style.display = \"grid\";\n    this.grid.style.gridTemplateColumns = \"repeat(4, 1fr)\";\n    this.grid.style.gap = \"8px\";\n    this.container.appendChild(this.grid);\n\n    this.initGame();\n  }\n\n  private initGame() {\n    // Create pairs\n    const deck = [...this.emojis, ...this.emojis]\n      .sort(() => Math.random() - 0.5)\n      .map((emoji, index) => ({\n        id: index,\n        value: emoji,\n        isFlipped: false,\n        isMatched: false,\n      }));\n\n    this.cards = deck;\n    this.renderGrid();\n  }\n\n  private renderGrid() {\n    this.grid.innerHTML = \"\";\n    this.cards.forEach((card) => {\n      const cardEl = document.createElement(\"div\");\n      cardEl.style.width = \"50px\";\n      cardEl.style.height = \"50px\";\n      cardEl.style.background =\n        card.isFlipped || card.isMatched ? \"#fff\" : \"#22c55e\";\n      cardEl.style.border = \"1px solid #ccc\";\n      cardEl.style.borderRadius = \"8px\";\n      cardEl.style.display = \"flex\";\n      cardEl.style.alignItems = \"center\";\n      cardEl.style.justifyContent = \"center\";\n      cardEl.style.fontSize = \"24px\";\n      cardEl.style.cursor = \"pointer\";\n      cardEl.style.transition = \"transform 0.2s, background 0.2s\";\n\n      if (card.isFlipped || card.isMatched) {\n        cardEl.innerText = card.value;\n        cardEl.style.transform = \"rotateY(0deg)\";\n      } else {\n        cardEl.innerText = \"\";\n        cardEl.style.transform = \"rotateY(180deg)\";\n      }\n\n      cardEl.onclick = () => this.handleCardClick(card);\n      this.grid.appendChild(cardEl);\n    });\n  }\n\n  private handleCardClick(card: Card) {\n    if (this.isLocked || card.isFlipped || card.isMatched) return;\n\n    // Flip card\n    card.isFlipped = true;\n    this.flippedCards.push(card);\n    this.renderGrid();\n\n    // Check match\n    if (this.flippedCards.length === 2) {\n      this.isLocked = true;\n      this.checkMatch();\n    }\n  }\n\n  private checkMatch() {\n    const [card1, card2] = this.flippedCards;\n\n    if (card1.value === card2.value) {\n      // Match!\n      card1.isMatched = true;\n      card2.isMatched = true;\n      this.flippedCards = [];\n      this.isLocked = false;\n      this.renderGrid();\n      this.checkWin();\n    } else {\n      // No match\n      setTimeout(() => {\n        card1.isFlipped = false;\n        card2.isFlipped = false;\n        this.flippedCards = [];\n        this.isLocked = false;\n        this.renderGrid();\n      }, 1000);\n    }\n  }\n\n  private checkWin() {\n    if (this.cards.every((c) => c.isMatched)) {\n      this.messageDisplay.innerText = \"You Won! 🎉\";\n      this.messageDisplay.style.color = \"green\";\n      setTimeout(() => this.initGame(), 3000); // Restart\n    }\n  }\n\n  getState() {\n    return this.state as GameState;\n  }\n  setState(s: Partial<GameState>) {\n    this.state = { ...this.state, ...s };\n  }\n  destroy() {\n    this.container.innerHTML = \"\";\n  }\n}\n\nexport const MemoryGame: GamePlugin = {\n  id: \"memory\",\n  name: \"Memory Match\",\n  description: \"Find matching pairs\",\n  renderMini: (c, s) => new MemoryInstance(c, s),\n  renderFull: (c, s) => new MemoryInstance(c, s),\n};\n"]}

package/dist/chunk-DEQZY4AM.js

@@ -0,0 +1,58 @@
+import { __publicField } from './chunk-V6TY7KAL.js';
+
+// src/facts/programming-trivia.ts
+var TRIVIA = [
+  {
+    id: "1",
+    text: "The first computer bug was an actual moth found in a relay",
+    category: "history"
+  },
+  {
+    id: "2",
+    text: "JavaScript was created in 10 days by Brendan Eich",
+    category: "history"
+  },
+  {
+    id: "3",
+    text: "Python is named after Monty Python, not the snake",
+    category: "history"
+  }
+];
+var TriviaRenderer = class {
+  constructor(container, facts) {
+    __publicField(this, "container");
+    __publicField(this, "facts");
+    __publicField(this, "currentIndex", 0);
+    this.container = container;
+    this.facts = facts;
+    this.show();
+  }
+  show() {
+    this.container.innerText = this.facts[this.currentIndex].text;
+    this.container.style.textAlign = "center";
+    this.container.style.padding = "10px";
+  }
+  next() {
+    this.currentIndex = (this.currentIndex + 1) % this.facts.length;
+    this.show();
+  }
+  previous() {
+  }
+  favorite() {
+  }
+  destroy() {
+    this.container.innerHTML = "";
+  }
+};
+var ProgrammingTrivia = {
+  id: "prog-trivia",
+  name: "Programming Trivia",
+  category: "trivia",
+  facts: TRIVIA,
+  renderMini: (c) => new TriviaRenderer(c, TRIVIA),
+  renderFull: (c) => new TriviaRenderer(c, TRIVIA)
+};
+
+export { ProgrammingTrivia };
+//# sourceMappingURL=chunk-DEQZY4AM.js.map
+//# sourceMappingURL=chunk-DEQZY4AM.js.map

package/dist/chunk-DEQZY4AM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/facts/programming-trivia.ts"],"names":[],"mappings":";;;AAEA,IAAM,MAAA,GAAiB;AAAA,EACrB;AAAA,IACE,EAAA,EAAI,GAAA;AAAA,IACJ,IAAA,EAAM,4DAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACZ;AAAA,EACA;AAAA,IACE,EAAA,EAAI,GAAA;AAAA,IACJ,IAAA,EAAM,mDAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACZ;AAAA,EACA;AAAA,IACE,EAAA,EAAI,GAAA;AAAA,IACJ,IAAA,EAAM,mDAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAA;AAEA,IAAM,iBAAN,MAA8C;AAAA,EAK5C,WAAA,CAAY,WAAwB,KAAA,EAAe;AAJnD,IAAA,aAAA,CAAA,IAAA,EAAQ,WAAA,CAAA;AACR,IAAA,aAAA,CAAA,IAAA,EAAQ,OAAA,CAAA;AACR,IAAA,aAAA,CAAA,IAAA,EAAQ,cAAA,EAAe,CAAA,CAAA;AAGrB,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,KAAA,GAAQ,KAAA;AACb,IAAA,IAAA,CAAK,IAAA,EAAK;AAAA,EACZ;AAAA,EAEA,IAAA,GAAO;AACL,IAAA,IAAA,CAAK,UAAU,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,YAAY,CAAA,CAAE,IAAA;AACzD,IAAA,IAAA,CAAK,SAAA,CAAU,MAAM,SAAA,GAAY,QAAA;AACjC,IAAA,IAAA,CAAK,SAAA,CAAU,MAAM,OAAA,GAAU,MAAA;AAAA,EACjC;AAAA,EAEA,IAAA,GAAO;AACL,IAAA,IAAA,CAAK,YAAA,GAAA,CAAgB,IAAA,CAAK,YAAA,GAAe,CAAA,IAAK,KAAK,KAAA,CAAM,MAAA;AACzD,IAAA,IAAA,CAAK,IAAA,EAAK;AAAA,EACZ;AAAA,EAEA,QAAA,GAAW;AAAA,EAAC;AAAA,EACZ,QAAA,GAAW;AAAA,EAAC;AAAA,EACZ,OAAA,GAAU;AACR,IAAA,IAAA,CAAK,UAAU,SAAA,GAAY,EAAA;AAAA,EAC7B;AACF,CAAA;AAEO,IAAM,iBAAA,GAAiC;AAAA,EAC5C,EAAA,EAAI,aAAA;AAAA,EACJ,IAAA,EAAM,oBAAA;AAAA,EACN,QAAA,EAAU,QAAA;AAAA,EACV,KAAA,EAAO,MAAA;AAAA,EACP,YAAY,CAAC,CAAA,KAAM,IAAI,cAAA,CAAe,GAAG,MAAM,CAAA;AAAA,EAC/C,YAAY,CAAC,CAAA,KAAM,IAAI,cAAA,CAAe,GAAG,MAAM;AACjD","file":"chunk-DEQZY4AM.js","sourcesContent":["import { FactsPlugin, FactsInstance, Fact } from \"../core/types\";\n\nconst TRIVIA: Fact[] = [\n  {\n    id: \"1\",\n    text: \"The first computer bug was an actual moth found in a relay\",\n    category: \"history\",\n  },\n  {\n    id: \"2\",\n    text: \"JavaScript was created in 10 days by Brendan Eich\",\n    category: \"history\",\n  },\n  {\n    id: \"3\",\n    text: \"Python is named after Monty Python, not the snake\",\n    category: \"history\",\n  },\n];\n\nclass TriviaRenderer implements FactsInstance {\n  private container: HTMLElement;\n  private facts: Fact[];\n  private currentIndex = 0;\n\n  constructor(container: HTMLElement, facts: Fact[]) {\n    this.container = container;\n    this.facts = facts;\n    this.show();\n  }\n\n  show() {\n    this.container.innerText = this.facts[this.currentIndex].text;\n    this.container.style.textAlign = \"center\";\n    this.container.style.padding = \"10px\";\n  }\n\n  next() {\n    this.currentIndex = (this.currentIndex + 1) % this.facts.length;\n    this.show();\n  }\n\n  previous() {}\n  favorite() {}\n  destroy() {\n    this.container.innerHTML = \"\";\n  }\n}\n\nexport const ProgrammingTrivia: FactsPlugin = {\n  id: \"prog-trivia\",\n  name: \"Programming Trivia\",\n  category: \"trivia\",\n  facts: TRIVIA,\n  renderMini: (c) => new TriviaRenderer(c, TRIVIA),\n  renderFull: (c) => new TriviaRenderer(c, TRIVIA),\n};\n"]}