noham/Pocket-Bird
1
0
Fork 0
mirror of https://github.com/NohamR/Pocket-Bird.git synced 2026-05-25 04:07:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move menu constants to menu section

Browse Source
This commit is contained in:
Idrees Hassan
2025-10-26 15:47:51 -04:00
parent 9f15703689
commit 7c146aa575
9 changed files with 164 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
dist/birb.js vendored
View File

@@ -6,6 +6,22 @@
RIGHT: 1, RIGHT: 1,
}; };
let debug$1 = location.hostname === "127.0.0.1";
/**
* @returns {boolean} Whether debug mode is enabled
*/
function isDebug() {
return debug$1;
}
/**
* @param {boolean} debugMode
*/
function setDebug(debugMode) {
debug$1 = debugMode;
}
/** Indicators for parts of the base bird sprite sheet */ /** Indicators for parts of the base bird sprite sheet */
const SPRITE = { const SPRITE = {
THEME_HIGHLIGHT: "theme-highlight", THEME_HIGHLIGHT: "theme-highlight",
@@ -614,6 +630,9 @@
onSave(); onSave();
} }
const MENU_ID = "birb-menu";
const MENU_EXIT_ID = "birb-menu-exit";
class MenuItem { class MenuItem {
/** /**
* @param {string} text * @param {string} text
@@ -788,24 +807,21 @@
/** /**
* Add the menu to the page if it doesn't already exist * Add the menu to the page if it doesn't already exist
* @param {string} menuId
* @param {string} menuExitId
* @param {MenuItem[]} menuItems * @param {MenuItem[]} menuItems
* @param {string} title * @param {string} title
* @param {boolean} debugMode
* @param {(menu: HTMLElement) => void} updateLocationCallback * @param {(menu: HTMLElement) => void} updateLocationCallback
*/ */
function insertMenu(menuId, menuExitId, menuItems, title, debugMode, updateLocationCallback) { function insertMenu(menuItems, title, updateLocationCallback) {
if (document.querySelector("#" + menuId)) { if (document.querySelector("#" + MENU_ID)) {
return; return;
} }
let menu = makeElement("birb-window", undefined, menuId); let menu = makeElement("birb-window", undefined, MENU_ID);
let header = makeElement("birb-window-header"); let header = makeElement("birb-window-header");
header.innerHTML = `<div class="birb-window-title">${title}</div>`; header.innerHTML = `<div class="birb-window-title">${title}</div>`;
let content = makeElement("birb-window-content"); let content = makeElement("birb-window-content");
const removeCallback = () => removeMenu(menuId, menuExitId); const removeCallback = () => removeMenu();
for (const item of menuItems) { for (const item of menuItems) {
if (!item.isDebug || debugMode) { if (!item.isDebug || isDebug()) {
content.appendChild(makeMenuItem(item, removeCallback)); content.appendChild(makeMenuItem(item, removeCallback));
} }
} }
@@ -814,7 +830,7 @@
document.body.appendChild(menu); document.body.appendChild(menu);
makeDraggable(document.querySelector(".birb-window-header")); makeDraggable(document.querySelector(".birb-window-header"));
let menuExit = makeElement("birb-window-exit", undefined, menuExitId); let menuExit = makeElement("birb-window-exit", undefined, MENU_EXIT_ID);
onClick(menuExit, removeCallback); onClick(menuExit, removeCallback);
document.body.appendChild(menuExit); document.body.appendChild(menuExit);
makeClosable(removeCallback); makeClosable(removeCallback);
@@ -824,36 +840,31 @@
/** /**
* Remove the menu from the page * Remove the menu from the page
* @param {string} menuId
* @param {string} menuExitId
*/ */
function removeMenu(menuId, menuExitId) { function removeMenu() {
const menu = document.querySelector("#" + menuId); const menu = document.querySelector("#" + MENU_ID);
if (menu) { if (menu) {
menu.remove(); menu.remove();
} }
const exitMenu = document.querySelector("#" + menuExitId); const exitMenu = document.querySelector("#" + MENU_EXIT_ID);
if (exitMenu) { if (exitMenu) {
exitMenu.remove(); exitMenu.remove();
} }
} }
/** /**
* @param {string} menuId
* @returns {boolean} Whether the menu element is on the page * @returns {boolean} Whether the menu element is on the page
*/ */
function isMenuOpen(menuId) { function isMenuOpen() {
return document.querySelector("#" + menuId) !== null; return document.querySelector("#" + MENU_ID) !== null;
} }
/** /**
* @param {string} menuId
* @param {MenuItem[]} menuItems * @param {MenuItem[]} menuItems
* @param {boolean} debugMode
* @param {(menu: HTMLElement) => void} updateLocationCallback * @param {(menu: HTMLElement) => void} updateLocationCallback
*/ */
function switchMenuItems(menuId, menuItems, debugMode, updateLocationCallback) { function switchMenuItems(menuItems, updateLocationCallback) {
const menu = document.querySelector("#" + menuId); const menu = document.querySelector("#" + MENU_ID);
if (!menu || !(menu instanceof HTMLElement)) { if (!menu || !(menu instanceof HTMLElement)) {
return; return;
} }
@@ -863,9 +874,9 @@
return; return;
} }
content.innerHTML = ""; content.innerHTML = "";
const removeCallback = () => removeMenu(menuId, menuId + "-exit"); const removeCallback = () => removeMenu();
for (const item of menuItems) { for (const item of menuItems) {
if (!item.isDebug || debugMode) { if (!item.isDebug || isDebug()) {
content.appendChild(makeMenuItem(item, removeCallback)); content.appendChild(makeMenuItem(item, removeCallback));
} }
} }
@@ -892,7 +903,6 @@
const CONFIG = { ...SHARED_CONFIG, ...isMobile() ? MOBILE_CONFIG : DESKTOP_CONFIG }; const CONFIG = { ...SHARED_CONFIG, ...isMobile() ? MOBILE_CONFIG : DESKTOP_CONFIG };
let debugMode = location.hostname === "127.0.0.1";
let frozen = false; let frozen = false;
const BIRB_CSS_SCALE = CONFIG.birbCssScale; const BIRB_CSS_SCALE = CONFIG.birbCssScale;
@@ -1279,8 +1289,6 @@
const DECORATIONS_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAPNJREFUaIHtmTESgzAMBHWZDC+gp0vP/x9Bn44+L6BRmrhJA4csM05uGzfY1s1JxggzIYQQQgghxEnATnB3zwikAICKiXq4BE/uwaxvn/UPb3BnNwFg27Ky0w6vzRp8S4mkIbQD3wzzFJofdTMkYJgn89czFADGKSSiSgphfFBjTaoIKC4cHWvSxIFMmjiQSYoDLUlxoCVywOwHHWjpROop1IL/vsxty2oYO77M1QggSvcpJAFXE66BPfa+2C4v4j2yi7z7FJKAq6FrwN3TO3MMlAAAKO3F2sVZTiu2N9p9CnUv4FR7PbMG2BQ69SJL/kVA8QauAnHUj36BVwAAAABJRU5ErkJggg=="; const DECORATIONS_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAPNJREFUaIHtmTESgzAMBHWZDC+gp0vP/x9Bn44+L6BRmrhJA4csM05uGzfY1s1JxggzIYQQQgghxEnATnB3zwikAICKiXq4BE/uwaxvn/UPb3BnNwFg27Ky0w6vzRp8S4mkIbQD3wzzFJofdTMkYJgn89czFADGKSSiSgphfFBjTaoIKC4cHWvSxIFMmjiQSYoDLUlxoCVywOwHHWjpROop1IL/vsxty2oYO77M1QggSvcpJAFXE66BPfa+2C4v4j2yi7z7FJKAq6FrwN3TO3MMlAAAKO3F2sVZTiu2N9p9CnUv4FR7PbMG2BQ69SJL/kVA8QauAnHUj36BVwAAAABJRU5ErkJggg==";
const FEATHER_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARhJREFUWIXtlbENwjAQRf8hSiZIRQ+9WQNRUFIAKzACBSsAA1Ag1mAABqCCBomG3hQQ9OMEx4ZDNH5SikSJ3/fZ5wCJRCKRSPwZ0RzMWmtLAhGvQyUAi9mXP/aFaGjJRQQiguHihMvcFMJUVUYlAMuHixPGy4en1WmVQqgHYHkuZjiEj6a2/LjtYzTY0eiZbgC37Mxh1UN3sn/dr6cCz/LHB/DJj9s+2oMdbtdz6TtfFwQHcMvOInfmQNjsgchNWLXmdfK6gyioAu/6uKrsm1kWLAciKuCuey5nYuXAh234bdmZ6INIUw4E/Ix49xtjCmXfzLL8nY/ktdgnAKwxxgIoXIyqmAOwvIqfiN0ALNd21HYBO9XXGMAdnZTYyHWzWjQAAAAASUVORK5CYII="; const FEATHER_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARhJREFUWIXtlbENwjAQRf8hSiZIRQ+9WQNRUFIAKzACBSsAA1Ag1mAABqCCBomG3hQQ9OMEx4ZDNH5SikSJ3/fZ5wCJRCKRSPwZ0RzMWmtLAhGvQyUAi9mXP/aFaGjJRQQiguHihMvcFMJUVUYlAMuHixPGy4en1WmVQqgHYHkuZjiEj6a2/LjtYzTY0eiZbgC37Mxh1UN3sn/dr6cCz/LHB/DJj9s+2oMdbtdz6TtfFwQHcMvOInfmQNjsgchNWLXmdfK6gyioAu/6uKrsm1kWLAciKuCuey5nYuXAh234bdmZ6INIUw4E/Ix49xtjCmXfzLL8nY/ktdgnAKwxxgIoXIyqmAOwvIqfiN0ALNd21HYBO9XXGMAdnZTYyHWzWjQAAAAASUVORK5CYII=";
const MENU_ID = "birb-menu";
const MENU_EXIT_ID = "birb-menu-exit";
const FIELD_GUIDE_ID = "birb-field-guide"; const FIELD_GUIDE_ID = "birb-field-guide";
const FEATHER_ID = "birb-feather"; const FEATHER_ID = "birb-feather";
@@ -1290,7 +1298,7 @@
/** Speed at which the feather falls per tick */ /** Speed at which the feather falls per tick */
const FEATHER_FALL_SPEED = 1; const FEATHER_FALL_SPEED = 1;
/** Time in milliseconds until the user is considered AFK */ /** Time in milliseconds until the user is considered AFK */
const AFK_TIME = debugMode ? 0 : 1000 * 30; const AFK_TIME = isDebug() ? 0 : 1000 * 30;
const UPDATE_INTERVAL = 1000 / 60; // 60 FPS const UPDATE_INTERVAL = 1000 / 60; // 60 FPS
// Per-frame chances // Per-frame chances
const HOP_CHANCE = 1 / (60 * 3); // 3 seconds const HOP_CHANCE = 1 / (60 * 3); // 3 seconds
@@ -1479,14 +1487,14 @@
} }
}), }),
new DebugMenuItem("Disable Debug", () => { new DebugMenuItem("Disable Debug", () => {
debugMode = false; setDebug(false);
}), }),
new Separator(), new Separator(),
new MenuItem("Settings", () => switchMenuItems(MENU_ID, settingsItems, debugMode, updateMenuLocation), false), new MenuItem("Settings", () => switchMenuItems(settingsItems, updateMenuLocation), false),
]; ];
const settingsItems = [ const settingsItems = [
new MenuItem("Go Back", () => switchMenuItems(MENU_ID, menuItems, debugMode, updateMenuLocation), false), new MenuItem("Go Back", () => switchMenuItems(menuItems, updateMenuLocation), false),
new Separator(), new Separator(),
new MenuItem("Toggle Birb Mode", () => { new MenuItem("Toggle Birb Mode", () => {
userSettings.birbMode = !userSettings.birbMode; userSettings.birbMode = !userSettings.birbMode;
@@ -1691,7 +1699,7 @@
onClick(document, (e) => { onClick(document, (e) => {
lastActionTimestamp = Date.now(); lastActionTimestamp = Date.now();
if (e.target instanceof Node && document.querySelector("#" + MENU_EXIT_ID)?.contains(e.target)) { if (e.target instanceof Node && document.querySelector("#" + MENU_EXIT_ID)?.contains(e.target)) {
removeMenu(MENU_ID, MENU_EXIT_ID); removeMenu();
} }
}); });
@@ -1700,10 +1708,8 @@
// Currently being pet, don't open menu // Currently being pet, don't open menu
return; return;
} }
insertMenu(MENU_ID, MENU_EXIT_ID, menuItems, `${birdBirb().toLowerCase()}OS`, debugMode, updateMenuLocation); insertMenu(menuItems, `${birdBirb().toLowerCase()}OS`, updateMenuLocation);
}); }); canvas.addEventListener("mouseover", () => {
canvas.addEventListener("mouseover", () => {
lastActionTimestamp = Date.now(); lastActionTimestamp = Date.now();
if (currentState === States.IDLE) { if (currentState === States.IDLE) {
petStack.push(Date.now()); petStack.push(Date.now());
@@ -1747,7 +1753,7 @@
// Won't be restored on fullscreen exit // Won't be restored on fullscreen exit
} }
if (currentState === States.IDLE && !frozen && !isMenuOpen(MENU_ID)) { if (currentState === States.IDLE && !frozen && !isMenuOpen()) {
if (Math.random() < HOP_CHANCE && currentAnimation !== Animations.HEART) { if (Math.random() < HOP_CHANCE && currentAnimation !== Animations.HEART) {
hop(); hop();
} else if (Date.now() - lastActionTimestamp > AFK_TIME) { } else if (Date.now() - lastActionTimestamp > AFK_TIME) {
@@ -2459,7 +2465,7 @@
} }
function debug() { function debug() {
if (debugMode) { if (isDebug()) {
console.debug("Birb: ", ...arguments); console.debug("Birb: ", ...arguments);
} }
} }

82
dist/birb.user.js vendored
View File

@@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name Pocket Bird // @name Pocket Bird
// @namespace https://idreesinc.com // @namespace https://idreesinc.com
// @version 2025.10.26.101 // @version 2025.10.26.163
// @description birb // @description birb
// @author Idrees // @author Idrees
// @downloadURL https://github.com/IdreesInc/Pocket-Bird/raw/refs/heads/main/dist/birb.user.js // @downloadURL https://github.com/IdreesInc/Pocket-Bird/raw/refs/heads/main/dist/birb.user.js
@@ -20,6 +20,22 @@
RIGHT: 1, RIGHT: 1,
}; };
let debug$1 = location.hostname === "127.0.0.1";
/**
* @returns {boolean} Whether debug mode is enabled
*/
function isDebug() {
return debug$1;
}
/**
* @param {boolean} debugMode
*/
function setDebug(debugMode) {
debug$1 = debugMode;
}
/** Indicators for parts of the base bird sprite sheet */ /** Indicators for parts of the base bird sprite sheet */
const SPRITE = { const SPRITE = {
THEME_HIGHLIGHT: "theme-highlight", THEME_HIGHLIGHT: "theme-highlight",
@@ -628,6 +644,9 @@
onSave(); onSave();
} }
const MENU_ID = "birb-menu";
const MENU_EXIT_ID = "birb-menu-exit";
class MenuItem { class MenuItem {
/** /**
* @param {string} text * @param {string} text
@@ -802,24 +821,21 @@
/** /**
* Add the menu to the page if it doesn't already exist * Add the menu to the page if it doesn't already exist
* @param {string} menuId
* @param {string} menuExitId
* @param {MenuItem[]} menuItems * @param {MenuItem[]} menuItems
* @param {string} title * @param {string} title
* @param {boolean} debugMode
* @param {(menu: HTMLElement) => void} updateLocationCallback * @param {(menu: HTMLElement) => void} updateLocationCallback
*/ */
function insertMenu(menuId, menuExitId, menuItems, title, debugMode, updateLocationCallback) { function insertMenu(menuItems, title, updateLocationCallback) {
if (document.querySelector("#" + menuId)) { if (document.querySelector("#" + MENU_ID)) {
return; return;
} }
let menu = makeElement("birb-window", undefined, menuId); let menu = makeElement("birb-window", undefined, MENU_ID);
let header = makeElement("birb-window-header"); let header = makeElement("birb-window-header");
header.innerHTML = `<div class="birb-window-title">${title}</div>`; header.innerHTML = `<div class="birb-window-title">${title}</div>`;
let content = makeElement("birb-window-content"); let content = makeElement("birb-window-content");
const removeCallback = () => removeMenu(menuId, menuExitId); const removeCallback = () => removeMenu();
for (const item of menuItems) { for (const item of menuItems) {
if (!item.isDebug || debugMode) { if (!item.isDebug || isDebug()) {
content.appendChild(makeMenuItem(item, removeCallback)); content.appendChild(makeMenuItem(item, removeCallback));
} }
} }
@@ -828,7 +844,7 @@
document.body.appendChild(menu); document.body.appendChild(menu);
makeDraggable(document.querySelector(".birb-window-header")); makeDraggable(document.querySelector(".birb-window-header"));
let menuExit = makeElement("birb-window-exit", undefined, menuExitId); let menuExit = makeElement("birb-window-exit", undefined, MENU_EXIT_ID);
onClick(menuExit, removeCallback); onClick(menuExit, removeCallback);
document.body.appendChild(menuExit); document.body.appendChild(menuExit);
makeClosable(removeCallback); makeClosable(removeCallback);
@@ -838,36 +854,31 @@
/** /**
* Remove the menu from the page * Remove the menu from the page
* @param {string} menuId
* @param {string} menuExitId
*/ */
function removeMenu(menuId, menuExitId) { function removeMenu() {
const menu = document.querySelector("#" + menuId); const menu = document.querySelector("#" + MENU_ID);
if (menu) { if (menu) {
menu.remove(); menu.remove();
} }
const exitMenu = document.querySelector("#" + menuExitId); const exitMenu = document.querySelector("#" + MENU_EXIT_ID);
if (exitMenu) { if (exitMenu) {
exitMenu.remove(); exitMenu.remove();
} }
} }
/** /**
* @param {string} menuId
* @returns {boolean} Whether the menu element is on the page * @returns {boolean} Whether the menu element is on the page
*/ */
function isMenuOpen(menuId) { function isMenuOpen() {
return document.querySelector("#" + menuId) !== null; return document.querySelector("#" + MENU_ID) !== null;
} }
/** /**
* @param {string} menuId
* @param {MenuItem[]} menuItems * @param {MenuItem[]} menuItems
* @param {boolean} debugMode
* @param {(menu: HTMLElement) => void} updateLocationCallback * @param {(menu: HTMLElement) => void} updateLocationCallback
*/ */
function switchMenuItems(menuId, menuItems, debugMode, updateLocationCallback) { function switchMenuItems(menuItems, updateLocationCallback) {
const menu = document.querySelector("#" + menuId); const menu = document.querySelector("#" + MENU_ID);
if (!menu || !(menu instanceof HTMLElement)) { if (!menu || !(menu instanceof HTMLElement)) {
return; return;
} }
@@ -877,9 +888,9 @@
return; return;
} }
content.innerHTML = ""; content.innerHTML = "";
const removeCallback = () => removeMenu(menuId, menuId + "-exit"); const removeCallback = () => removeMenu();
for (const item of menuItems) { for (const item of menuItems) {
if (!item.isDebug || debugMode) { if (!item.isDebug || isDebug()) {
content.appendChild(makeMenuItem(item, removeCallback)); content.appendChild(makeMenuItem(item, removeCallback));
} }
} }
@@ -906,7 +917,6 @@
const CONFIG = { ...SHARED_CONFIG, ...isMobile() ? MOBILE_CONFIG : DESKTOP_CONFIG }; const CONFIG = { ...SHARED_CONFIG, ...isMobile() ? MOBILE_CONFIG : DESKTOP_CONFIG };
let debugMode = location.hostname === "127.0.0.1";
let frozen = false; let frozen = false;
const BIRB_CSS_SCALE = CONFIG.birbCssScale; const BIRB_CSS_SCALE = CONFIG.birbCssScale;
@@ -1293,8 +1303,6 @@
const DECORATIONS_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAPNJREFUaIHtmTESgzAMBHWZDC+gp0vP/x9Bn44+L6BRmrhJA4csM05uGzfY1s1JxggzIYQQQgghxEnATnB3zwikAICKiXq4BE/uwaxvn/UPb3BnNwFg27Ky0w6vzRp8S4mkIbQD3wzzFJofdTMkYJgn89czFADGKSSiSgphfFBjTaoIKC4cHWvSxIFMmjiQSYoDLUlxoCVywOwHHWjpROop1IL/vsxty2oYO77M1QggSvcpJAFXE66BPfa+2C4v4j2yi7z7FJKAq6FrwN3TO3MMlAAAKO3F2sVZTiu2N9p9CnUv4FR7PbMG2BQ69SJL/kVA8QauAnHUj36BVwAAAABJRU5ErkJggg=="; const DECORATIONS_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAPNJREFUaIHtmTESgzAMBHWZDC+gp0vP/x9Bn44+L6BRmrhJA4csM05uGzfY1s1JxggzIYQQQgghxEnATnB3zwikAICKiXq4BE/uwaxvn/UPb3BnNwFg27Ky0w6vzRp8S4mkIbQD3wzzFJofdTMkYJgn89czFADGKSSiSgphfFBjTaoIKC4cHWvSxIFMmjiQSYoDLUlxoCVywOwHHWjpROop1IL/vsxty2oYO77M1QggSvcpJAFXE66BPfa+2C4v4j2yi7z7FJKAq6FrwN3TO3MMlAAAKO3F2sVZTiu2N9p9CnUv4FR7PbMG2BQ69SJL/kVA8QauAnHUj36BVwAAAABJRU5ErkJggg==";
const FEATHER_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARhJREFUWIXtlbENwjAQRf8hSiZIRQ+9WQNRUFIAKzACBSsAA1Ag1mAABqCCBomG3hQQ9OMEx4ZDNH5SikSJ3/fZ5wCJRCKRSPwZ0RzMWmtLAhGvQyUAi9mXP/aFaGjJRQQiguHihMvcFMJUVUYlAMuHixPGy4en1WmVQqgHYHkuZjiEj6a2/LjtYzTY0eiZbgC37Mxh1UN3sn/dr6cCz/LHB/DJj9s+2oMdbtdz6TtfFwQHcMvOInfmQNjsgchNWLXmdfK6gyioAu/6uKrsm1kWLAciKuCuey5nYuXAh234bdmZ6INIUw4E/Ix49xtjCmXfzLL8nY/ktdgnAKwxxgIoXIyqmAOwvIqfiN0ALNd21HYBO9XXGMAdnZTYyHWzWjQAAAAASUVORK5CYII="; const FEATHER_SPRITE_SHEET = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARhJREFUWIXtlbENwjAQRf8hSiZIRQ+9WQNRUFIAKzACBSsAA1Ag1mAABqCCBomG3hQQ9OMEx4ZDNH5SikSJ3/fZ5wCJRCKRSPwZ0RzMWmtLAhGvQyUAi9mXP/aFaGjJRQQiguHihMvcFMJUVUYlAMuHixPGy4en1WmVQqgHYHkuZjiEj6a2/LjtYzTY0eiZbgC37Mxh1UN3sn/dr6cCz/LHB/DJj9s+2oMdbtdz6TtfFwQHcMvOInfmQNjsgchNWLXmdfK6gyioAu/6uKrsm1kWLAciKuCuey5nYuXAh234bdmZ6INIUw4E/Ix49xtjCmXfzLL8nY/ktdgnAKwxxgIoXIyqmAOwvIqfiN0ALNd21HYBO9XXGMAdnZTYyHWzWjQAAAAASUVORK5CYII=";
const MENU_ID = "birb-menu";
const MENU_EXIT_ID = "birb-menu-exit";
const FIELD_GUIDE_ID = "birb-field-guide"; const FIELD_GUIDE_ID = "birb-field-guide";
const FEATHER_ID = "birb-feather"; const FEATHER_ID = "birb-feather";
@@ -1304,7 +1312,7 @@
/** Speed at which the feather falls per tick */ /** Speed at which the feather falls per tick */
const FEATHER_FALL_SPEED = 1; const FEATHER_FALL_SPEED = 1;
/** Time in milliseconds until the user is considered AFK */ /** Time in milliseconds until the user is considered AFK */
const AFK_TIME = debugMode ? 0 : 1000 * 30; const AFK_TIME = isDebug() ? 0 : 1000 * 30;
const UPDATE_INTERVAL = 1000 / 60; // 60 FPS const UPDATE_INTERVAL = 1000 / 60; // 60 FPS
// Per-frame chances // Per-frame chances
const HOP_CHANCE = 1 / (60 * 3); // 3 seconds const HOP_CHANCE = 1 / (60 * 3); // 3 seconds
@@ -1493,14 +1501,14 @@
} }
}), }),
new DebugMenuItem("Disable Debug", () => { new DebugMenuItem("Disable Debug", () => {
debugMode = false; setDebug(false);
}), }),
new Separator(), new Separator(),
new MenuItem("Settings", () => switchMenuItems(MENU_ID, settingsItems, debugMode, updateMenuLocation), false), new MenuItem("Settings", () => switchMenuItems(settingsItems, updateMenuLocation), false),
]; ];
const settingsItems = [ const settingsItems = [
new MenuItem("Go Back", () => switchMenuItems(MENU_ID, menuItems, debugMode, updateMenuLocation), false), new MenuItem("Go Back", () => switchMenuItems(menuItems, updateMenuLocation), false),
new Separator(), new Separator(),
new MenuItem("Toggle Birb Mode", () => { new MenuItem("Toggle Birb Mode", () => {
userSettings.birbMode = !userSettings.birbMode; userSettings.birbMode = !userSettings.birbMode;
@@ -1705,7 +1713,7 @@
onClick(document, (e) => { onClick(document, (e) => {
lastActionTimestamp = Date.now(); lastActionTimestamp = Date.now();
if (e.target instanceof Node && document.querySelector("#" + MENU_EXIT_ID)?.contains(e.target)) { if (e.target instanceof Node && document.querySelector("#" + MENU_EXIT_ID)?.contains(e.target)) {
removeMenu(MENU_ID, MENU_EXIT_ID); removeMenu();
} }
}); });
@@ -1714,10 +1722,8 @@
// Currently being pet, don't open menu // Currently being pet, don't open menu
return; return;
} }
insertMenu(MENU_ID, MENU_EXIT_ID, menuItems, `${birdBirb().toLowerCase()}OS`, debugMode, updateMenuLocation); insertMenu(menuItems, `${birdBirb().toLowerCase()}OS`, updateMenuLocation);
}); }); canvas.addEventListener("mouseover", () => {
canvas.addEventListener("mouseover", () => {
lastActionTimestamp = Date.now(); lastActionTimestamp = Date.now();
if (currentState === States.IDLE) { if (currentState === States.IDLE) {
petStack.push(Date.now()); petStack.push(Date.now());
@@ -1761,7 +1767,7 @@
// Won't be restored on fullscreen exit // Won't be restored on fullscreen exit
} }
if (currentState === States.IDLE && !frozen && !isMenuOpen(MENU_ID)) { if (currentState === States.IDLE && !frozen && !isMenuOpen()) {
if (Math.random() < HOP_CHANCE && currentAnimation !== Animations.HEART) { if (Math.random() < HOP_CHANCE && currentAnimation !== Animations.HEART) {
hop(); hop();
} else if (Date.now() - lastActionTimestamp > AFK_TIME) { } else if (Date.now() - lastActionTimestamp > AFK_TIME) {
@@ -2473,7 +2479,7 @@
} }
function debug() { function debug() {
if (debugMode) { if (isDebug()) {
console.debug("Birb: ", ...arguments); console.debug("Birb: ", ...arguments);
} }
} }

2
manifest.json
View File

@@ -2,7 +2,7 @@
"manifest_version": 3, "manifest_version": 3,
"name": "Pocket Bird", "name": "Pocket Bird",
"description": "It's a bird, in your browser. What more could you want?", "description": "It's a bird, in your browser. What more could you want?",
"version": "2025.10.26.101", "version": "2025.10.26.163",
"homepage_url": "https://idreesinc.com", "homepage_url": "https://idreesinc.com",
"content_scripts": [ "content_scripts": [
{ {

2
src/Frame.js
View File

@@ -1,4 +1,4 @@
import { Directions } from './sharedConstants.js'; import { Directions } from './shared.js';
import { SPRITE, BirdType } from './sprites.js'; import { SPRITE, BirdType } from './sprites.js';
import Layer from './layer.js'; import Layer from './layer.js';

61
src/birb.js
View File

@@ -1,19 +1,31 @@
import {
Directions
} from './sharedConstants.js';
import {
SPRITE,
SPRITE_SHEET_COLOR_MAP,
SPECIES,
BirdType
} from './sprites.js';
import Frame from './frame.js'; import Frame from './frame.js';
import Layer from './layer.js'; import Layer from './layer.js';
import Anim from './anim.js'; import Anim from './anim.js';
import { StickyNote, createNewStickyNote, drawStickyNotes } from './stickyNotes.js'; import {
import { MenuItem, DebugMenuItem, Separator, insertMenu, removeMenu, isMenuOpen, switchMenuItems } from './menu.js'; Directions,
isDebug,
setDebug
} from './shared.js';
import {
SPRITE,
SPRITE_SHEET_COLOR_MAP,
SPECIES
} from './sprites.js';
import {
StickyNote,
createNewStickyNote,
drawStickyNotes
} from './stickyNotes.js';
import {
MenuItem,
DebugMenuItem,
Separator,
insertMenu,
removeMenu,
isMenuOpen,
switchMenuItems,
MENU_EXIT_ID
} from './menu.js';
// @ts-ignore // @ts-ignore
const SHARED_CONFIG = { const SHARED_CONFIG = {
@@ -35,7 +47,6 @@ const MOBILE_CONFIG = {
const CONFIG = { ...SHARED_CONFIG, ...isMobile() ? MOBILE_CONFIG : DESKTOP_CONFIG }; const CONFIG = { ...SHARED_CONFIG, ...isMobile() ? MOBILE_CONFIG : DESKTOP_CONFIG };
let debugMode = location.hostname === "127.0.0.1";
let frozen = false; let frozen = false;
const BIRB_CSS_SCALE = CONFIG.birbCssScale; const BIRB_CSS_SCALE = CONFIG.birbCssScale;
@@ -79,8 +90,6 @@ const SPRITE_SHEET = "__SPRITE_SHEET__";
const DECORATIONS_SPRITE_SHEET = "__DECORATIONS_SPRITE_SHEET__"; const DECORATIONS_SPRITE_SHEET = "__DECORATIONS_SPRITE_SHEET__";
const FEATHER_SPRITE_SHEET = "__FEATHER_SPRITE_SHEET__"; const FEATHER_SPRITE_SHEET = "__FEATHER_SPRITE_SHEET__";
const MENU_ID = "birb-menu";
const MENU_EXIT_ID = "birb-menu-exit";
const FIELD_GUIDE_ID = "birb-field-guide"; const FIELD_GUIDE_ID = "birb-field-guide";
const FEATHER_ID = "birb-feather"; const FEATHER_ID = "birb-feather";
@@ -90,7 +99,7 @@ const HOP_DISTANCE = CONFIG.hopDistance;
/** Speed at which the feather falls per tick */ /** Speed at which the feather falls per tick */
const FEATHER_FALL_SPEED = 1; const FEATHER_FALL_SPEED = 1;
/** Time in milliseconds until the user is considered AFK */ /** Time in milliseconds until the user is considered AFK */
const AFK_TIME = debugMode ? 0 : 1000 * 30; const AFK_TIME = isDebug() ? 0 : 1000 * 30;
const UPDATE_INTERVAL = 1000 / 60; // 60 FPS const UPDATE_INTERVAL = 1000 / 60; // 60 FPS
// Per-frame chances // Per-frame chances
const HOP_CHANCE = 1 / (60 * 3); // 3 seconds const HOP_CHANCE = 1 / (60 * 3); // 3 seconds
@@ -287,14 +296,14 @@ Promise.all([
} }
}), }),
new DebugMenuItem("Disable Debug", () => { new DebugMenuItem("Disable Debug", () => {
debugMode = false; setDebug(false);
}), }),
new Separator(), new Separator(),
new MenuItem("Settings", () => switchMenuItems(MENU_ID, settingsItems, debugMode, updateMenuLocation), false), new MenuItem("Settings", () => switchMenuItems(settingsItems, updateMenuLocation), false),
]; ];
const settingsItems = [ const settingsItems = [
new MenuItem("Go Back", () => switchMenuItems(MENU_ID, menuItems, debugMode, updateMenuLocation), false), new MenuItem("Go Back", () => switchMenuItems(menuItems, updateMenuLocation), false),
new Separator(), new Separator(),
new MenuItem("Toggle Birb Mode", () => { new MenuItem("Toggle Birb Mode", () => {
userSettings.birbMode = !userSettings.birbMode; userSettings.birbMode = !userSettings.birbMode;
@@ -499,7 +508,7 @@ Promise.all([
onClick(document, (e) => { onClick(document, (e) => {
lastActionTimestamp = Date.now(); lastActionTimestamp = Date.now();
if (e.target instanceof Node && document.querySelector("#" + MENU_EXIT_ID)?.contains(e.target)) { if (e.target instanceof Node && document.querySelector("#" + MENU_EXIT_ID)?.contains(e.target)) {
removeMenu(MENU_ID, MENU_EXIT_ID); removeMenu();
} }
}); });
@@ -508,10 +517,8 @@ Promise.all([
// Currently being pet, don't open menu // Currently being pet, don't open menu
return; return;
} }
insertMenu(MENU_ID, MENU_EXIT_ID, menuItems, `${birdBirb().toLowerCase()}OS`, debugMode, updateMenuLocation); insertMenu(menuItems, `${birdBirb().toLowerCase()}OS`, updateMenuLocation);
}); }); canvas.addEventListener("mouseover", () => {
canvas.addEventListener("mouseover", () => {
lastActionTimestamp = Date.now(); lastActionTimestamp = Date.now();
if (currentState === States.IDLE) { if (currentState === States.IDLE) {
petStack.push(Date.now()); petStack.push(Date.now());
@@ -555,7 +562,7 @@ Promise.all([
// Won't be restored on fullscreen exit // Won't be restored on fullscreen exit
} }
if (currentState === States.IDLE && !frozen && !isMenuOpen(MENU_ID)) { if (currentState === States.IDLE && !frozen && !isMenuOpen()) {
if (Math.random() < HOP_CHANCE && currentAnimation !== Animations.HEART) { if (Math.random() < HOP_CHANCE && currentAnimation !== Animations.HEART) {
hop(); hop();
} else if (Date.now() - lastActionTimestamp > AFK_TIME) { } else if (Date.now() - lastActionTimestamp > AFK_TIME) {
@@ -1299,7 +1306,7 @@ function log() {
} }
function debug() { function debug() {
if (debugMode) { if (isDebug()) {
console.debug("Birb: ", ...arguments); console.debug("Birb: ", ...arguments);
} }
} }

2
src/frame.js
View File

@@ -1,4 +1,4 @@
import { Directions } from './sharedConstants.js'; import { Directions } from './shared.js';
import { SPRITE, BirdType } from './sprites.js'; import { SPRITE, BirdType } from './sprites.js';
import Layer from './layer.js'; import Layer from './layer.js';

43
src/menu.js
View File

@@ -1,3 +1,8 @@
import { isDebug } from './shared.js';
export const MENU_ID = "birb-menu";
export const MENU_EXIT_ID = "birb-menu-exit";
export class MenuItem { export class MenuItem {
/** /**
* @param {string} text * @param {string} text
@@ -178,24 +183,21 @@ function makeMenuItem(item, removeMenuCallback) {
/** /**
* Add the menu to the page if it doesn't already exist * Add the menu to the page if it doesn't already exist
* @param {string} menuId
* @param {string} menuExitId
* @param {MenuItem[]} menuItems * @param {MenuItem[]} menuItems
* @param {string} title * @param {string} title
* @param {boolean} debugMode
* @param {(menu: HTMLElement) => void} updateLocationCallback * @param {(menu: HTMLElement) => void} updateLocationCallback
*/ */
export function insertMenu(menuId, menuExitId, menuItems, title, debugMode, updateLocationCallback) { export function insertMenu(menuItems, title, updateLocationCallback) {
if (document.querySelector("#" + menuId)) { if (document.querySelector("#" + MENU_ID)) {
return; return;
} }
let menu = makeElement("birb-window", undefined, menuId); let menu = makeElement("birb-window", undefined, MENU_ID);
let header = makeElement("birb-window-header"); let header = makeElement("birb-window-header");
header.innerHTML = `<div class="birb-window-title">${title}</div>`; header.innerHTML = `<div class="birb-window-title">${title}</div>`;
let content = makeElement("birb-window-content"); let content = makeElement("birb-window-content");
const removeCallback = () => removeMenu(menuId, menuExitId); const removeCallback = () => removeMenu();
for (const item of menuItems) { for (const item of menuItems) {
if (!item.isDebug || debugMode) { if (!item.isDebug || isDebug()) {
content.appendChild(makeMenuItem(item, removeCallback)); content.appendChild(makeMenuItem(item, removeCallback));
} }
} }
@@ -204,7 +206,7 @@ export function insertMenu(menuId, menuExitId, menuItems, title, debugMode, upda
document.body.appendChild(menu); document.body.appendChild(menu);
makeDraggable(document.querySelector(".birb-window-header")); makeDraggable(document.querySelector(".birb-window-header"));
let menuExit = makeElement("birb-window-exit", undefined, menuExitId); let menuExit = makeElement("birb-window-exit", undefined, MENU_EXIT_ID);
onClick(menuExit, removeCallback); onClick(menuExit, removeCallback);
document.body.appendChild(menuExit); document.body.appendChild(menuExit);
makeClosable(removeCallback); makeClosable(removeCallback);
@@ -214,36 +216,31 @@ export function insertMenu(menuId, menuExitId, menuItems, title, debugMode, upda
/** /**
* Remove the menu from the page * Remove the menu from the page
* @param {string} menuId
* @param {string} menuExitId
*/ */
export function removeMenu(menuId, menuExitId) { export function removeMenu() {
const menu = document.querySelector("#" + menuId); const menu = document.querySelector("#" + MENU_ID);
if (menu) { if (menu) {
menu.remove(); menu.remove();
} }
const exitMenu = document.querySelector("#" + menuExitId); const exitMenu = document.querySelector("#" + MENU_EXIT_ID);
if (exitMenu) { if (exitMenu) {
exitMenu.remove(); exitMenu.remove();
} }
} }
/** /**
* @param {string} menuId
* @returns {boolean} Whether the menu element is on the page * @returns {boolean} Whether the menu element is on the page
*/ */
export function isMenuOpen(menuId) { export function isMenuOpen() {
return document.querySelector("#" + menuId) !== null; return document.querySelector("#" + MENU_ID) !== null;
} }
/** /**
* @param {string} menuId
* @param {MenuItem[]} menuItems * @param {MenuItem[]} menuItems
* @param {boolean} debugMode
* @param {(menu: HTMLElement) => void} updateLocationCallback * @param {(menu: HTMLElement) => void} updateLocationCallback
*/ */
export function switchMenuItems(menuId, menuItems, debugMode, updateLocationCallback) { export function switchMenuItems(menuItems, updateLocationCallback) {
const menu = document.querySelector("#" + menuId); const menu = document.querySelector("#" + MENU_ID);
if (!menu || !(menu instanceof HTMLElement)) { if (!menu || !(menu instanceof HTMLElement)) {
return; return;
} }
@@ -253,9 +250,9 @@ export function switchMenuItems(menuId, menuItems, debugMode, updateLocationCall
return; return;
} }
content.innerHTML = ""; content.innerHTML = "";
const removeCallback = () => removeMenu(menuId, menuId + "-exit"); const removeCallback = () => removeMenu();
for (const item of menuItems) { for (const item of menuItems) {
if (!item.isDebug || debugMode) { if (!item.isDebug || isDebug()) {
content.appendChild(makeMenuItem(item, removeCallback)); content.appendChild(makeMenuItem(item, removeCallback));
} }
} }

20
src/shared.js Normal file
View File

@@ -0,0 +1,20 @@
export const Directions = {
LEFT: -1,
RIGHT: 1,
};
let debug = location.hostname === "127.0.0.1";
/**
* @returns {boolean} Whether debug mode is enabled
*/
export function isDebug() {
return debug;
}
/**
* @param {boolean} debugMode
*/
export function setDebug(debugMode) {
debug = debugMode;
}

4
src/sharedConstants.js
View File

@@ -1,4 +0,0 @@
export const Directions = {
LEFT: -1,
RIGHT: 1,
};