quake2ts 0.0.113 → 0.0.115

package/packages/client/dist/esm/index.js

@@ -4596,6 +4596,300 @@ var ClientConfigStrings = class {
   }
 };
 
+// src/ui/menu/main.ts
+var MainMenuFactory = class {
+  constructor(menuSystem, saveLoadFactory, options) {
+    this.menuSystem = menuSystem;
+    this.saveLoadFactory = saveLoadFactory;
+    this.options = options;
+  }
+  createMainMenu() {
+    const items = [
+      {
+        label: "New Game",
+        action: () => {
+          this.options.onNewGame();
+        }
+      },
+      {
+        label: "Load Game",
+        action: () => {
+          void this.saveLoadFactory.createLoadMenu().then((menu) => {
+            this.menuSystem.pushMenu(menu);
+          });
+        }
+      },
+      {
+        label: "Save Game",
+        action: () => {
+          void this.saveLoadFactory.createSaveMenu().then((menu) => {
+            this.menuSystem.pushMenu(menu);
+          });
+        }
+      },
+      {
+        label: "Options",
+        action: () => {
+          console.log("Options clicked");
+        }
+      },
+      {
+        label: "Quit",
+        action: () => {
+          this.options.onQuit();
+        }
+      }
+    ];
+    return {
+      title: "Main Menu",
+      items
+    };
+  }
+};
+
+// src/ui/menu/saveLoad.ts
+var SaveLoadMenuFactory = class {
+  constructor(menuSystem, storage, onSave, onLoad, onDelete) {
+    this.menuSystem = menuSystem;
+    this.storage = storage;
+    this.onSave = onSave;
+    this.onLoad = onLoad;
+    this.onDelete = onDelete;
+  }
+  async createSaveMenu() {
+    const saves = await this.storage.list();
+    const items = [];
+    items.push({
+      label: "New Save...",
+      action: () => {
+        this.menuSystem.pushMenu(this.createNewSaveInputMenu());
+      }
+    });
+    saves.forEach((save) => {
+      items.push({
+        label: `${save.name} - ${save.map} (${formatTime(save.playtimeSeconds)})`,
+        action: () => {
+          this.menuSystem.pushMenu(this.createConfirmOverwriteMenu(save));
+        }
+      });
+    });
+    items.push({
+      label: "Back",
+      action: () => this.menuSystem.popMenu()
+    });
+    return {
+      title: "Save Game",
+      items
+    };
+  }
+  async createLoadMenu() {
+    const saves = await this.storage.list();
+    const items = [];
+    saves.forEach((save) => {
+      items.push({
+        label: `${save.name} - ${save.map} (${formatTime(save.playtimeSeconds)})`,
+        action: () => {
+          this.menuSystem.pushMenu(this.createLoadActionMenu(save));
+        }
+      });
+    });
+    if (saves.length === 0) {
+      items.push({
+        label: "No saves found",
+        action: () => {
+        }
+      });
+    }
+    items.push({
+      label: "Back",
+      action: () => this.menuSystem.popMenu()
+    });
+    return {
+      title: "Load Game",
+      items
+    };
+  }
+  createLoadActionMenu(save) {
+    return {
+      title: `Slot: ${save.name}`,
+      items: [
+        {
+          label: "Load Game",
+          action: () => {
+            void this.onLoad(save.id).then(() => {
+              this.menuSystem.closeAll();
+            });
+          }
+        },
+        {
+          label: "Delete Save",
+          action: () => {
+            this.menuSystem.pushMenu(this.createConfirmDeleteMenu(save));
+          }
+        },
+        {
+          label: "Back",
+          action: () => this.menuSystem.popMenu()
+        }
+      ]
+    };
+  }
+  createConfirmDeleteMenu(save) {
+    return {
+      title: `Delete ${save.name}?`,
+      items: [
+        {
+          label: "Yes, Delete",
+          action: () => {
+            void this.onDelete(save.id).then(() => {
+              this.menuSystem.popMenu();
+              this.menuSystem.popMenu();
+              this.menuSystem.popMenu();
+            });
+          }
+        },
+        {
+          label: "No, Cancel",
+          action: () => this.menuSystem.popMenu()
+        }
+      ]
+    };
+  }
+  createNewSaveInputMenu() {
+    const state = {
+      name: `Save ${(/* @__PURE__ */ new Date()).toLocaleString()}`
+    };
+    return {
+      title: "Enter Save Name",
+      items: [
+        {
+          label: "Name",
+          type: "input",
+          getValue: () => state.name,
+          onUpdate: (val) => {
+            state.name = val;
+          }
+        },
+        {
+          label: "Save",
+          action: () => {
+            void this.onSave(state.name).then(() => {
+              this.menuSystem.closeAll();
+            });
+          }
+        },
+        {
+          label: "Cancel",
+          action: () => this.menuSystem.popMenu()
+        }
+      ]
+    };
+  }
+  createConfirmOverwriteMenu(save) {
+    return {
+      title: `Overwrite ${save.name}?`,
+      items: [
+        {
+          label: "Yes, Overwrite",
+          action: () => {
+            void this.onSave(save.name).then(() => {
+              this.menuSystem.closeAll();
+            });
+          }
+        },
+        {
+          label: "No, Cancel",
+          action: () => this.menuSystem.popMenu()
+        }
+      ]
+    };
+  }
+};
+function formatTime(seconds) {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  const s = Math.floor(seconds % 60);
+  return `${h}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+}
+
+// src/ui/menu/system.ts
+var MenuSystem = class {
+  constructor() {
+    this.activeMenu = null;
+    this.selectedIndex = 0;
+    this.menuStack = [];
+  }
+  pushMenu(menu) {
+    if (this.activeMenu) {
+      this.menuStack.push(this.activeMenu);
+      if (!menu.parent) {
+        menu.parent = this.activeMenu;
+      }
+    }
+    this.activeMenu = menu;
+    this.selectedIndex = 0;
+  }
+  popMenu() {
+    if (this.menuStack.length > 0) {
+      this.activeMenu = this.menuStack.pop();
+      this.selectedIndex = 0;
+    } else {
+      this.activeMenu = null;
+    }
+  }
+  closeAll() {
+    this.activeMenu = null;
+    this.menuStack = [];
+    this.selectedIndex = 0;
+  }
+  handleInput(action, char) {
+    if (!this.activeMenu) {
+      return false;
+    }
+    const currentItem = this.activeMenu.items[this.selectedIndex];
+    if (action === "up") {
+      this.selectedIndex = (this.selectedIndex - 1 + this.activeMenu.items.length) % this.activeMenu.items.length;
+      return true;
+    }
+    if (action === "down") {
+      this.selectedIndex = (this.selectedIndex + 1) % this.activeMenu.items.length;
+      return true;
+    }
+    if (action === "select") {
+      if (currentItem.action) {
+        currentItem.action();
+      }
+      return true;
+    }
+    if (action === "back") {
+      this.popMenu();
+      return true;
+    }
+    if (currentItem.type === "input" && currentItem.onUpdate && currentItem.getValue) {
+      const currentValue = currentItem.getValue();
+      if (action === "char" && char) {
+        const newValue = (currentValue || "") + char;
+        currentItem.onUpdate(newValue);
+      } else if (action === "left") {
+        const str3 = String(currentValue || "");
+        if (str3.length > 0) {
+          currentItem.onUpdate(str3.slice(0, -1));
+        }
+      }
+    }
+    return true;
+  }
+  isActive() {
+    return this.activeMenu !== null;
+  }
+  getState() {
+    return {
+      activeMenu: this.activeMenu,
+      selectedIndex: this.selectedIndex
+    };
+  }
+};
+
 // src/input/bindings.ts
 var DEFAULT_BINDINGS = [
   { code: "KeyW", command: "+forward" },
@@ -5128,6 +5422,12 @@ function createClient(imports) {
     predict(command) {
       return prediction.enqueueCommand(command);
     },
+    createMainMenu(options, storage, saveCallback, loadCallback, deleteCallback) {
+      const menuSystem = new MenuSystem();
+      const saveLoadFactory = new SaveLoadMenuFactory(menuSystem, storage, saveCallback, loadCallback, deleteCallback);
+      const factory = new MainMenuFactory(menuSystem, saveLoadFactory, options);
+      return { menuSystem, factory };
+    },
     render(sample) {
       const playbackState = demoPlayback.getState();
       if (playbackState === PlaybackState.Playing) {