ae239f4c51
Card design: - Separate cardFront + cardBack (each own/equip independently) - Fronts: classic (free), ivory/rosegold (buy), parchment/mint (earned) - Backs: classic (free), sapphire/emerald (buy), ruby/royal (earned) - PlayingCard `front` prop; table applies front to all faces, back to opponents - Profile has front + back pickers; shop has both sections Audio: - Web Audio synth engine (no asset files): SFX for card/deal/trump/trick, win/lose, message, notify, award, levelup, purchase, kot + ambient music - Toggles in profile (Audio) + mute button in game HUD; prefs persisted - Wired across game-store, rewards, daily, shop, chat Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
96 lines
2.8 KiB
TypeScript
96 lines
2.8 KiB
TypeScript
"use client";
|
|
|
|
import { create } from "zustand";
|
|
import { getService } from "./online/service";
|
|
import { AuthSession, UserProfile } from "./online/types";
|
|
|
|
interface SessionStore {
|
|
session: AuthSession | null;
|
|
profile: UserProfile | null;
|
|
loading: boolean;
|
|
isAuthed: boolean;
|
|
|
|
init: () => Promise<void>;
|
|
refreshProfile: () => Promise<void>;
|
|
setProfile: (p: UserProfile) => void;
|
|
|
|
requestOtp: (phone: string) => Promise<{ devCode?: string }>;
|
|
verifyOtp: (phone: string, code: string) => Promise<void>;
|
|
signInEmail: (email: string, password: string) => Promise<void>;
|
|
signUpEmail: (email: string, password: string, name: string) => Promise<void>;
|
|
signInGoogle: () => Promise<void>;
|
|
signOut: () => Promise<void>;
|
|
|
|
updateProfile: (
|
|
patch: Partial<Pick<UserProfile, "displayName" | "avatar" | "avatarImage" | "title" | "cardFront" | "cardBack">>
|
|
) => Promise<void>;
|
|
upgradePlan: () => Promise<void>;
|
|
}
|
|
|
|
export const useSessionStore = create<SessionStore>((set, get) => ({
|
|
session: null,
|
|
profile: null,
|
|
loading: true,
|
|
isAuthed: false,
|
|
|
|
init: async () => {
|
|
const svc = getService();
|
|
const restored = await svc.restore();
|
|
if (restored) {
|
|
set({ session: restored.session, profile: restored.profile, isAuthed: true, loading: false });
|
|
} else {
|
|
// ensure a (guest) profile exists so the top bar can render
|
|
const profile = await svc.getProfile();
|
|
set({ profile, isAuthed: false, loading: false });
|
|
}
|
|
},
|
|
|
|
refreshProfile: async () => {
|
|
const profile = await getService().getProfile();
|
|
set({ profile });
|
|
},
|
|
|
|
setProfile: (p) => set({ profile: p }),
|
|
|
|
requestOtp: (phone) => getService().requestOtp(phone),
|
|
|
|
verifyOtp: async (phone, code) => {
|
|
const session = await getService().verifyOtp(phone, code);
|
|
const profile = await getService().getProfile();
|
|
set({ session, profile, isAuthed: true });
|
|
},
|
|
|
|
signInEmail: async (email, password) => {
|
|
const session = await getService().signInEmail(email, password);
|
|
const profile = await getService().getProfile();
|
|
set({ session, profile, isAuthed: true });
|
|
},
|
|
|
|
signUpEmail: async (email, password, name) => {
|
|
const session = await getService().signUpEmail(email, password, name);
|
|
const profile = await getService().getProfile();
|
|
set({ session, profile, isAuthed: true });
|
|
},
|
|
|
|
signInGoogle: async () => {
|
|
const session = await getService().signInGoogle();
|
|
const profile = await getService().getProfile();
|
|
set({ session, profile, isAuthed: true });
|
|
},
|
|
|
|
signOut: async () => {
|
|
await getService().signOut();
|
|
set({ session: null, isAuthed: false });
|
|
},
|
|
|
|
updateProfile: async (patch) => {
|
|
const profile = await getService().updateProfile(patch);
|
|
set({ profile });
|
|
},
|
|
|
|
upgradePlan: async () => {
|
|
const profile = await getService().upgradePlan();
|
|
set({ profile });
|
|
},
|
|
}));
|