class AppState {
    #state = {
        popupVisible: false,
        clickCount: 0,
        buttonText: "Click me!",
        customCursorEnabled: false
    };

    constructor(){
        try {
            const savedState = localStorage.getItem(STORAGE_KEY);
            if (savedState) {
                this.#state = JSON.parse(savedState);
            }

            this.showPopup = this.#state.popupVisible;
            this.clickCount = this.#state.clickCount;
            this.buttonText = this.#state.buttonText;
            this.customCursorEnabled = this.#state.customCursorEnabled;
        } catch (error) {
            console.error("Failed to load state from localStorage:", error);
        }
    }

    #updateStorage() {
        try {
            localStorage.setItem(STORAGE_KEY, JSON.stringify(this.#state));
        } catch (error) {
            console.error("Failed to save state to localStorage:", error);
        }
    }

    set showPopup(visible) {
        this.#state.popupVisible = visible;
        popupText.style.visibility = visible ? "visible" : "hidden";
        this.#updateStorage();
    }

    set clickCount(count) {
        this.#state.clickCount = count;
        clickMeText.innerText = `Congrats! You clicked it ${count} times!`;
        this.#updateStorage();
    }

    set buttonText(text) {
        this.#state.buttonText = text;
        clickMeText.innerText = text;
        this.#updateStorage();
    }

    set customCursorEnabled(enabled) {
        this.#state.customCursorEnabled = enabled;
        if (enabled) {
            clickMeWrapper.classList.add("customCursor");
            clickMe.classList.add("customCursor");
        } else {
            clickMeWrapper.classList.remove("customCursor");
            clickMe.classList.remove("customCursor");
        }
        this.#updateStorage();
    }
}