Files
HokmPlay/src/lib/session-store.ts
T
soroush.asadi ae239f4c51 Split card design into front+back, add sound effects & background music
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>
2026-06-04 11:49:19 +03:30

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 });
},
}));