+
+ );
+}
+
+export function EvolutionTree() {
+ const state = useGameStore((s) => s.state);
+ const buyNode = useGameStore((s) => s.buyNode);
+ const { evolutionTree, prestigeCount } = state;
+
+ if (prestigeCount < 1) return null;
+
+ return (
+
+ {node.name}
+
+ {node.unlocked ? "Débloqué" : `${node.cost} ADN`}
+
+
+ + {EFFECT_DESCRIPTIONS[node.effect](node.value)} +
+ {!node.unlocked && ( + + )} +
+
+ );
+}
diff --git a/Frontend/src/components/GameTick.tsx b/Frontend/src/components/GameTick.tsx
new file mode 100644
index 0000000..cd181a7
--- /dev/null
+++ b/Frontend/src/components/GameTick.tsx
@@ -0,0 +1,16 @@
+// GameTick.tsx — Lance le tick Zustand toutes les secondes
+// À monter une seule fois dans l'arbre React (dans App)
+
+import { useEffect } from "react";
+import { useGameStore } from "../store/useGameStore";
+
+export function GameTick() {
+ const tick = useGameStore((s) => s.tick);
+
+ useEffect(() => {
+ const id = setInterval(tick, 1000);
+ return () => clearInterval(id);
+ }, [tick]);
+
+ return null;
+}
diff --git a/Frontend/src/components/GeneratorShop.tsx b/Frontend/src/components/GeneratorShop.tsx
new file mode 100644
index 0000000..a2afa83
--- /dev/null
+++ b/Frontend/src/components/GeneratorShop.tsx
@@ -0,0 +1,51 @@
+// GeneratorShop.tsx — Boutique de générateurs (economy.ts)
+// Remplace Amelioration.jsx (legacy WildCoinContext)
+
+import { useGameStore } from "../store/useGameStore";
+import { formatNumber } from "../utils/formatNumber";
+
+export function GeneratorShop() {
+ const generators = useGameStore((s) => s.state.generators);
+ const resources = useGameStore((s) => s.state.resources);
+ const buy = useGameStore((s) => s.buy);
+ const generatorCost = useGameStore((s) => s.generatorCost);
+
+ return (
+
+
+ Arbre d'Évolution
+ {state.ancestralDna} ADN +
+ {evolutionTree.map((node, index) => (
+
+ {index > 0 && (
+ buyNode(node.id)}
+ />
+
+ ))}
+
+
+ |
+
+ )}
+
+
+ );
+}
diff --git a/Frontend/src/components/Hud/Hud.jsx b/Frontend/src/components/Hud/Hud.jsx
index b9363ec..6c73758 100755
--- a/Frontend/src/components/Hud/Hud.jsx
+++ b/Frontend/src/components/Hud/Hud.jsx
@@ -1,155 +1,41 @@
-import "../../scss/components/Hud.scss";
-import { useWildCoin } from "../WildCoin/WildCoinContext";
-import Timer from "../timer/Timer";
-import propTypes from "prop-types";
+// Hud.jsx — Stats HUD (Zustand)
+import { useGameStore } from "../../store/useGameStore";
+import { formatNumber } from "../../utils/formatNumber";
+
+const formatTime = (time) => {
+ const hours = Math.floor(time / 3600);
+ const minutes = Math.floor((time % 3600) / 60);
+ const secs = time % 60;
+ return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+};
function Hud({ isVisible }) {
- Hud.propTypes = {
- isVisible: propTypes.bool.isRequired,
- };
+ const resources = useGameStore((s) => s.state.resources);
+ const clickMultiplier = useGameStore((s) => s.state.clickMultiplier);
+ const productionPerSecond = useGameStore((s) => s.productionPerSecond);
+ const playSeconds = useGameStore((s) => s.playSeconds);
- const {
- manic,
- snowman,
- bonnet,
- sugar,
- cookie,
- couronne,
- epice,
- biere,
- coffee,
- } = useWildCoin();
-
- const { incrementClick, incrementPerSecond } = useWildCoin();
- const hiddenDiv = isVisible ? "none" : null;
+ if (isVisible) return null;
return (
- Générateurs
+ {generators.map((gen) => { + const cost = generatorCost(gen); + const canAfford = resources >= cost; + + return ( +
+
+ );
+ })}
+
+ {gen.name}
+
+ +{gen.baseProduction}/s · x{gen.owned}
+
+
+
+
-
-
-
Temps de jeu
-
+
+
+ Temps
+ {formatTime(playSeconds)}
-
-
);
}
diff --git a/Frontend/src/components/MilestoneBar.tsx b/Frontend/src/components/MilestoneBar.tsx
index 1386a2a..e16ec1b 100644
--- a/Frontend/src/components/MilestoneBar.tsx
+++ b/Frontend/src/components/MilestoneBar.tsx
@@ -1,50 +1,37 @@
// MilestoneBar.tsx — Progression vers le prochain prestige
-// Barre visuelle ressources / 1 000 000 + indicateur restant
+// Barre visuelle ressources / 1 000 000
-import React from "react";
+import { useGameStore } from "../store/useGameStore";
+import { formatNumber } from "../utils/formatNumber";
const PRESTIGE_THRESHOLD = 1_000_000;
-interface MilestoneBarProps {
- resources: number;
-}
+export function MilestoneBar() {
+ const resources = useGameStore((s) => s.state.resources);
-export function MilestoneBar({ resources }: MilestoneBarProps) {
const progress = Math.min(resources / PRESTIGE_THRESHOLD, 1);
const progressPercent = (progress * 100).toFixed(1);
const remaining = Math.max(PRESTIGE_THRESHOLD - resources, 0);
- const formatNumber = (n: number): string => {
- if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(2)}M`;
- if (n >= 1_000) return `${(n / 1_000).toFixed(1)}k`;
- return Math.floor(n).toString();
- };
-
return (
- Auto CPS
-{incrementPerSecond}
+
+ Têtards/s
+ {formatNumber(productionPerSecond)}
-
-
- Player Click
-{incrementClick}
+
+ Ponte
+ {clickMultiplier}
-
- {coffee[0] === true ? (
-
+
-
-
- ) : null}
- {manic[0] === true ? (
-
-
- {coffee[1]}
-
-
-
- ) : null}
- {snowman[0] === true ? (
-
-
- {manic[1]}
-
-
-
- ) : null}
- {bonnet[0] === true ? (
-
-
- {snowman[1]}
-
-
-
- ) : null}
- {sugar[0] === true ? (
-
-
- {bonnet[1]}
-
-
-
- ) : null}
- {cookie[0] === true ? (
-
-
- {sugar[1]}
-
-
-
- ) : null}
- {couronne[0] === true ? (
-
-
- {cookie[1]}
-
-
-
- ) : null}
- {epice[0] === true ? (
-
-
- {couronne[1]}
-
-
-
- ) : null}
- {biere[0] === true ? (
-
-
- {epice[1]}
-
-
-
- ) : null}
-
-
- {biere[1]}
-
+ {formatNumber(resources)}
+
-
- Prochain prestige : {formatNumber(resources)} / {formatNumber(PRESTIGE_THRESHOLD)}
+
+
+ Prochaine Génération
+
+ {formatNumber(resources)} / {formatNumber(PRESTIGE_THRESHOLD)}
+
-
+
- {remaining > 0 && (
-
);
}
diff --git a/Frontend/src/components/PrestigePanel.tsx b/Frontend/src/components/PrestigePanel.tsx
index 13461df..40b36f0 100644
--- a/Frontend/src/components/PrestigePanel.tsx
+++ b/Frontend/src/components/PrestigePanel.tsx
@@ -1,54 +1,50 @@
-// PrestigePanel.tsx — Boucle de prestige long terme
-// Visible uniquement quand canPrestige = true (ressources ≥ 1 000 000)
+// PrestigePanel.tsx — Nouvelle Génération (prestige)
+// Visible uniquement quand canPrestige = true (ressources >= 1 000 000)
-import React from "react";
+import { useGameStore } from "../store/useGameStore";
+import { computePrestigeDna } from "../core/economy";
-interface PrestigePanelProps {
- prestigeCount: number;
- prestigeMultiplier: number;
- canPrestige: boolean;
- onPrestige: () => void;
-}
+export function PrestigePanel() {
+ const { prestigeCount, prestigeMultiplier, ancestralDna, lifetimeTadpoles } =
+ useGameStore((s) => s.state);
+ const canPrestige = useGameStore((s) => s.canPrestige);
+ const prestige = useGameStore((s) => s.prestige);
+
+ const dnaPreview = computePrestigeDna(lifetimeTadpoles);
-export function PrestigePanel({
- prestigeCount,
- prestigeMultiplier,
- canPrestige,
- onPrestige,
-}: PrestigePanelProps) {
const handlePrestige = () => {
const confirmed = window.confirm(
- `Prestige — Reset total : ressources et générateurs à zéro.\n` +
- `Récompense : +0.1× multiplicateur permanent.\n\n` +
- `Multiplicateur actuel : ×${prestigeMultiplier.toFixed(1)}\n` +
- `Multiplicateur après : ×${(prestigeMultiplier + 0.1).toFixed(1)}\n\n` +
- `Confirmer le prestige ?`
+ `Nouvelle Génération\n\n` +
+ `Reset : têtards et générateurs à zéro.\n` +
+ `Récompense : +${dnaPreview} ADN Ancestral\n` +
+ ` +0.1x multiplicateur permanent\n\n` +
+ `ADN actuel : ${ancestralDna}\n` +
+ `ADN après : ${ancestralDna + dnaPreview}\n` +
+ `Multiplicateur : x${prestigeMultiplier.toFixed(1)} → x${(prestigeMultiplier + 0.1).toFixed(1)}\n\n` +
+ `L'Arbre d'Évolution persiste.\n\n` +
+ `Confirmer la Nouvelle Génération ?`
);
- if (confirmed) {
- onPrestige();
- }
+ if (confirmed) prestige();
};
return (
-
- {formatNumber(remaining)} ressources restantes
-
- )}
- {remaining === 0 && (
- Prestige disponible !
- )}
+
+ {remaining > 0
+ ? `${formatNumber(remaining)} têtards restants`
+ : "Nouvelle Génération disponible !"}
+
-
- Prestiges : {prestigeCount}
-
- Multiplicateur : ×{prestigeMultiplier.toFixed(1)}
-
+
+
+ Générations : {prestigeCount}
+ Mult : x{prestigeMultiplier.toFixed(1)}
+ ADN : {ancestralDna}
{canPrestige && (
-
-
- {children}
-
- );
-}
diff --git a/Frontend/src/components/WildCoin/WildCoinContext.jsx b/Frontend/src/components/WildCoin/WildCoinContext.jsx
deleted file mode 100755
index 009bd8d..0000000
--- a/Frontend/src/components/WildCoin/WildCoinContext.jsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { createContext, useContext, useState, useEffect } from "react";
-
-export const WildCoinContext = createContext();
-export const useWildCoin = () => {
- return useContext(WildCoinContext);
-};
-
-export function WildCoinProvider({ children }) {
- const initialState = {
- wildCoin: 0,
- incrementClick: 1,
- incrementPerSecond: 0,
- };
-
- const [state, setState] = useState(() => {
- const storedContext = JSON.parse(localStorage.getItem("wildCoinContext"));
- return {
- ...initialState,
- ...(storedContext || {}),
- };
- });
-
- const [coffee, setCoffee] = useState([false, 0]);
- const [manic, setManic] = useState([false, 0]);
- const [snowman, setSnowman] = useState([false, 0]);
- const [bonnet, setBonnet] = useState([false, 0]);
- const [sugar, setSugar] = useState([false, 0]);
- const [cookie, setCookie] = useState([false, 0]);
- const [couronne, setCouronne] = useState([false, 0]);
- const [epice, setEpice] = useState([false, 0]);
- const [biere, setBiere] = useState([false, 0]);
-
- const [santaDrunk, setSantaDrunk] = useState(false);
-
- const updateWildCoin = (amount) => {
- setState((prev) => ({
- ...prev,
- wildCoin: prev.wildCoin + amount,
- }));
- };
-
- const incrementWildCoin = (amount) => {
- updateWildCoin(amount);
- };
-
- const setIncrementClick = (amount) => {
- setState((prev) => ({
- ...prev,
- incrementClick: amount,
- }));
- };
-
- const setIncrementPerSecond = (amount) => {
- setState((prev) => ({
- ...prev,
- incrementPerSecond: amount,
- }));
- };
-
- const setWildCoin = (amount) => {
- setState((prev) => ({
- ...prev,
- wildCoin: amount,
- }));
- };
-
- const [seconds, setSeconds] = useState(0);
-
- useEffect(() => {
- const intervalId = setInterval(() => {
- setSeconds((prevSeconds) => prevSeconds + 1);
- }, 1000);
-
- return () => clearInterval(intervalId);
- }, []);
-
- const formatTime = (time) => {
- const hours = Math.floor(time / 3600);
- const minutes = Math.floor((time % 3600) / 60);
- const seconds = time % 60;
-
- const formattedTime = `${hours < 10 ? '0' : ''}${hours}:${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
-
- return formattedTime;
- };
-
-
-
- useEffect(() => {
- localStorage.setItem("wildCoinContext", JSON.stringify(state));
- }, [state]);
-
-
- useEffect(() => {
- const passiveGenerationInterval = setInterval(() => {
- updateWildCoin(state.incrementPerSecond);
- }, 1000);
-
- return () => clearInterval(passiveGenerationInterval);
- }, [state.incrementPerSecond]);
-
- const contextValue = {
- ...state,
- incrementWildCoin,
- setIncrementClick,
- setIncrementPerSecond,
- setWildCoin,
- coffee,
- setCoffee,
- manic,
- setManic,
- snowman,
- setSnowman,
- bonnet,
- setBonnet,
- sugar,
- setSugar,
- cookie,
- setCookie,
- couronne,
- setCouronne,
- epice,
- setEpice,
- biere,
- setBiere,
- setSantaDrunk,
- santaDrunk,
- seconds,
- setSeconds,
- formatTime,
- };
-
- return (
-
- {children}
-
- );
-}
diff --git a/Frontend/src/components/WildCoin/WildCoinIncrementAction.jsx b/Frontend/src/components/WildCoin/WildCoinIncrementAction.jsx
deleted file mode 100755
index b5a8206..0000000
--- a/Frontend/src/components/WildCoin/WildCoinIncrementAction.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useWildCoin } from "./WildCoinContext";
-import WildCoinS from "../../../public/WildCoin.svg";
-
-function WildCoinIncrementAction() {
- const { incrementClick, incrementWildCoin } = useWildCoin();
-
- const handleIncrement = () => {
- incrementWildCoin(incrementClick);
- };
-
- return (
- 
- );
-}
-
-export default WildCoinIncrementAction;
diff --git a/Frontend/src/components/timer/Timer.jsx b/Frontend/src/components/timer/Timer.jsx
deleted file mode 100755
index ca0c0d5..0000000
--- a/Frontend/src/components/timer/Timer.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useWildCoin } from "../WildCoin/WildCoinContext";
-
-function Timer() {
- const { formatTime, seconds } = useWildCoin();
-
- return (
- (loadState);
-
- // Auto-save + tick UI toutes les secondes (pour rafraîchir l'affichage uniquement)
- // La vraie valeur est calculée lazily dans totalProductionPerSecond
- useEffect(() => {
- const id = setInterval(() => {
- setState((prev) => {
- const updated = applyIdleGains(prev, Date.now());
- saveState(updated);
- return updated;
- });
- }, 1000);
- return () => clearInterval(id);
- }, []);
-
- const click = useCallback(() => {
- setState((prev) => {
- const updated = applyClick(applyIdleGains(prev, Date.now()));
- saveState(updated);
- return updated;
- });
- }, []);
-
- const buy = useCallback((genId: string) => {
- setState((prev) => {
- const withIdle = applyIdleGains(prev, Date.now());
- const updated = buyGenerator(withIdle, genId);
- if (!updated) return prev;
- saveState(updated);
- return updated;
- });
- }, []);
-
- const prestige = useCallback(() => {
- setState((prev) => {
- if (!canPrestige(prev)) return prev;
- const updated = applyPrestige(prev);
- saveState(updated);
- return updated;
- });
- }, []);
-
- const reset = useCallback(() => {
- const fresh = { ...DEFAULT_STATE, lastTick: Date.now() };
- saveState(fresh);
- setState(fresh);
- }, []);
-
- return {
- state,
- click,
- buy,
- prestige,
- canPrestige: canPrestige(state),
- productionPerSecond: totalProductionPerSecond(state),
- generatorCost,
- };
-}
diff --git a/Frontend/src/index.css b/Frontend/src/index.css
index 1156e1c..2c653ff 100755
--- a/Frontend/src/index.css
+++ b/Frontend/src/index.css
@@ -1,7 +1,9 @@
+@import "tailwindcss";
+
:root {
margin: 0;
padding: 0;
-
+
}
::-webkit-scrollbar {
width: 1px;
diff --git a/Frontend/src/pages/Achievements.jsx b/Frontend/src/pages/Achievements.jsx
index b119c19..78e414a 100755
--- a/Frontend/src/pages/Achievements.jsx
+++ b/Frontend/src/pages/Achievements.jsx
@@ -1,14 +1,14 @@
import { useState } from "react";
import AchievementsCard from "../components/AchievementsCard";
import "../scss/achievements.scss";
-import { useWildCoin } from "../components/WildCoin/WildCoinContext";
+import { useGameStore } from "../store/useGameStore";
import achievements from "../data/Achievements.json";
function Achievements() {
- const { wildCoin } = useWildCoin();
+ const resources = useGameStore((s) => s.state.resources);
let score = 1;
- if (wildCoin >= 25) {
- score = Math.floor((wildCoin - 25) / 400) + 1;
+ if (resources >= 25) {
+ score = Math.floor((resources - 25) / 400) + 1;
} else {
score = 0;
}
diff --git a/Frontend/src/scss/components/Hud.scss b/Frontend/src/scss/components/Hud.scss
deleted file mode 100755
index a4b620f..0000000
--- a/Frontend/src/scss/components/Hud.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-.hudContainer {
- display: flex;
- flex-direction: column;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-around;
-
- min-width: 260px;
- width: fit-content;
- max-width: 1280px;
- height: fit-content;
-
- gap: 1rem;
- padding: 1rem;
- border-radius: 8px;
- box-sizing: border-box;
-
- background-color: var(--color-grey);
- color: var(--color-white);
-
- font-family: var(--font);
- color: aliceblue;
- font-size: 1rem;
- text-align: center;
-
- position: absolute;
- left: 50%;
- transform: translate(-50%);
- z-index: 2;
-
- .hudStats {
- display: flex;
- flex-wrap: wrap;
- gap: 0.8rem;
-
- .section {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 0.5rem;
- }
- }
-
- .hudBooster {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-around;
-
- align-items: center;
- padding: 1rem;
- gap: 1rem;
-
- min-width: 280px;
- width: auto;
- max-width: 1280px;
- height: fit-content;
-
- color: var(--color-white);
- font-family: var(--font);
- color: aliceblue;
- font-size: 1rem;
- text-align: center;
-
- border-radius: 8px;
- box-sizing: border-box;
-
- .boosterItem {
- display: flex;
- flex-wrap: wrap;
- width: 30px;
- height: 30px;
- gap: 0.6rem;
-
- .boosterIcon {
- width: 100%;
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
- }
- .countbox {
- position: absolute;
- margin-top: 20px;
- margin-left: 15px;
- border: solid 1px var(--color-white);
- background-color: var(--color-white);
- border-radius: 20%;
- padding: 0.1rem;
- color: var(--color-grey);
- min-width: 20px;
- width: fit-content;
- height: 20px;
- box-shadow: -1px -1px 7px 0px var(--color-grey);
- }
- .boosterCount {
- font-family: var(--font);
- font-size: 0.7rem;
- text-align: center;
- font-weight: 900;
- }
- }
- }
-}
diff --git a/Frontend/src/store/useGameStore.ts b/Frontend/src/store/useGameStore.ts
new file mode 100644
index 0000000..08c1b94
--- /dev/null
+++ b/Frontend/src/store/useGameStore.ts
@@ -0,0 +1,146 @@
+// useGameStore.ts — Zustand store, source unique de l'état game
+// Lazy calculation pattern : gains passifs calculés au read depuis lastTick
+
+import { create } from "zustand";
+import {
+ GameState,
+ DEFAULT_STATE,
+ applyIdleGains,
+ applyClick,
+ buyGenerator,
+ buyEvolutionNode,
+ applyPrestige,
+ canPrestige as canPrestigeCheck,
+ totalProductionPerSecond,
+ generatorCost as genCost,
+} from "../core/economy";
+
+const SAVE_KEY = "clickerz_state";
+
+function loadState(): GameState {
+ try {
+ const raw = localStorage.getItem(SAVE_KEY);
+ if (!raw) return { ...DEFAULT_STATE, lastTick: Date.now() };
+ const saved = JSON.parse(raw) as GameState;
+ return applyIdleGains(saved, Date.now());
+ } catch {
+ return { ...DEFAULT_STATE, lastTick: Date.now() };
+ }
+}
+
+function saveState(state: GameState): void {
+ localStorage.setItem(SAVE_KEY, JSON.stringify(state));
+}
+
+interface GameStore {
+ // State
+ state: GameState;
+ playSeconds: number;
+
+ // Derived (recalculated on tick)
+ canPrestige: boolean;
+ productionPerSecond: number;
+
+ // Actions
+ tick: () => void;
+ click: () => void;
+ buy: (genId: string) => void;
+ buyNode: (nodeId: string) => void;
+ prestige: () => void;
+ reset: () => void;
+ loadFromServer: (serverState: GameState) => void;
+ generatorCost: typeof genCost;
+}
+
+export const useGameStore = create((set, get) => ({
+ state: loadState(),
+ playSeconds: 0,
+ canPrestige: canPrestigeCheck(loadState()),
+ productionPerSecond: totalProductionPerSecond(loadState()),
+
+ tick: () => {
+ set((s) => {
+ const updated = applyIdleGains(s.state, Date.now());
+ saveState(updated);
+ return {
+ state: updated,
+ playSeconds: s.playSeconds + 1,
+ canPrestige: canPrestigeCheck(updated),
+ productionPerSecond: totalProductionPerSecond(updated),
+ };
+ });
+ },
+
+ click: () => {
+ set((s) => {
+ const updated = applyClick(applyIdleGains(s.state, Date.now()));
+ saveState(updated);
+ return {
+ state: updated,
+ canPrestige: canPrestigeCheck(updated),
+ productionPerSecond: totalProductionPerSecond(updated),
+ };
+ });
+ },
+
+ buy: (genId: string) => {
+ set((s) => {
+ const withIdle = applyIdleGains(s.state, Date.now());
+ const updated = buyGenerator(withIdle, genId);
+ if (!updated) return s;
+ saveState(updated);
+ return {
+ state: updated,
+ productionPerSecond: totalProductionPerSecond(updated),
+ };
+ });
+ },
+
+ buyNode: (nodeId: string) => {
+ set((s) => {
+ const updated = buyEvolutionNode(s.state, nodeId);
+ if (!updated) return s;
+ saveState(updated);
+ return {
+ state: updated,
+ productionPerSecond: totalProductionPerSecond(updated),
+ };
+ });
+ },
+
+ prestige: () => {
+ set((s) => {
+ if (!canPrestigeCheck(s.state)) return s;
+ const updated = applyPrestige(s.state);
+ saveState(updated);
+ return {
+ state: updated,
+ canPrestige: canPrestigeCheck(updated),
+ productionPerSecond: totalProductionPerSecond(updated),
+ };
+ });
+ },
+
+ reset: () => {
+ const fresh = { ...DEFAULT_STATE, lastTick: Date.now() };
+ saveState(fresh);
+ set({
+ state: fresh,
+ playSeconds: 0,
+ canPrestige: false,
+ productionPerSecond: 0,
+ });
+ },
+
+ loadFromServer: (serverState: GameState) => {
+ const hydrated = applyIdleGains(serverState, Date.now());
+ saveState(hydrated);
+ set({
+ state: hydrated,
+ canPrestige: canPrestigeCheck(hydrated),
+ productionPerSecond: totalProductionPerSecond(hydrated),
+ });
+ },
+
+ generatorCost: genCost,
+}));
diff --git a/Frontend/vite.config.js b/Frontend/vite.config.js
index a083a0b..1d7b0de 100755
--- a/Frontend/vite.config.js
+++ b/Frontend/vite.config.js
@@ -1,8 +1,9 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
- plugins: [react()],
+ plugins: [tailwindcss(), react()],
test: {
environment: 'node',
},
- Récompense disponible : +0.1× multiplicateur permanent
-
+
+
)}
diff --git a/Frontend/src/components/WildCoin/Amelioration.jsx b/Frontend/src/components/WildCoin/Amelioration.jsx
deleted file mode 100755
index d2e4404..0000000
--- a/Frontend/src/components/WildCoin/Amelioration.jsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { useWildCoin } from "./WildCoinContext";
-
-function Ameliorations() {
- const {
- wildCoin,
- incrementClick,
- setWildCoin,
- setIncrementClick,
- incrementPerSecond,
- setIncrementPerSecond,
- } = useWildCoin();
-
- const activePrices = [5, 15, 50, 500]; // prix
- const passivePrices = [5, 15, 50, 500];
- const activeIncrementValues = [1, 3, 10, 100]; // boost = incrementValue
- const passiveIncrementValues = [1, 3, 10, 100]; // = incrementValue
-
- const acheterAmelioration = (type, amount) => {
- const prices = type === "actif" ? activePrices : passivePrices;
- const incrementValues =
- type === "actif" ? activeIncrementValues : passiveIncrementValues;
-
- const price = prices[amount - 1];
- const incrementValue = incrementValues[amount - 1];
-
- if (wildCoin >= price) {
- if (type === "actif") {
- setIncrementClick(incrementClick + incrementValue);
- } else if (type === "passif") {
- setIncrementPerSecond(incrementPerSecond + incrementValue);
- }
- setWildCoin(wildCoin - price);
- } else {
- console.log("Pas assez de WildCoin pour acheter cette amélioration.");
- }
- };
-
- return (
- + Nouvelle Génération : +{dnaPreview} ADN + +0.1x mult +
-
- );
-}
-
-export default Ameliorations;
diff --git a/Frontend/src/components/WildCoin/WildCoinContent.jsx b/Frontend/src/components/WildCoin/WildCoinContent.jsx
deleted file mode 100755
index 0d5c920..0000000
--- a/Frontend/src/components/WildCoin/WildCoinContent.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { createContext, useContext, useState, useEffect } from "react";
-
-export const WildCoinContext = createContext();
-
-export const useWildCoin = () => {
- return useContext(WildCoinContext);
-};
-
-export function WildCoinProvider({ children }) {
- // Value of coin
- const [wildCoin, setWildCoin] = useState(0);
- // increment by click state
- const [incrementClick, setIncrementClick] = useState(1);
- // increment inner useEffect state
- const [incrementPerSecond, setIncrementPerSecond] = useState(1);
-
- const incrementWildCoin = (amount) => {
- setWildCoin((prevWildCoin) => prevWildCoin + amount);
- };
- /**
- * @passiveGenerationInterval incre per sec wild coin in wildCoin
- * */
- useEffect(() => {
- const passiveGenerationInterval = setInterval(() => {
- incrementWildCoin(incrementPerSecond);
- }, 1000);
-
- return () => clearInterval(passiveGenerationInterval);
- }, [incrementPerSecond]);
-
- const value = {
- wildCoin,
- setWildCoin,
- incrementClick,
- incrementWildCoin,
- };
-
- return (
- Magasin d'Améliorations
-
-
- Améliorations Actives :
- {[1, 2, 3, 4].map((amount) => ( -
- Price: {activePrices[amount - 1]} - (+
- {activeIncrementValues[amount - 1]})
-
-
- ))}
-
-
- Améliorations Passives :
- {[1, 2, 3, 4].map((amount) => ( -
- Price: {passivePrices[amount - 1]} - (+
- {passiveIncrementValues[amount - 1]})
-
-
- ))}
-
-
- );
-}
-
-export default Timer;
diff --git a/Frontend/src/hooks/useEconomy.ts b/Frontend/src/hooks/useEconomy.ts
deleted file mode 100644
index 7e23465..0000000
--- a/Frontend/src/hooks/useEconomy.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-// useEconomy.ts — Hook React avec lazy calculation + localStorage
-// Pas de setInterval pour les gains passifs — tout est calculé au read
-
-import { useState, useCallback, useEffect } from "react";
-import {
- GameState,
- DEFAULT_STATE,
- applyIdleGains,
- applyClick,
- buyGenerator,
- applyPrestige,
- canPrestige,
- totalProductionPerSecond,
- generatorCost,
-} from "../core/economy";
-
-const SAVE_KEY = "clickerz_state";
-
-function loadState(): GameState {
- try {
- const raw = localStorage.getItem(SAVE_KEY);
- if (!raw) return { ...DEFAULT_STATE, lastTick: Date.now() };
- const saved = JSON.parse(raw) as GameState;
- // Appliquer les gains idle accumulés pendant l'absence
- return applyIdleGains(saved, Date.now());
- } catch {
- return { ...DEFAULT_STATE, lastTick: Date.now() };
- }
-}
-
-function saveState(state: GameState): void {
- localStorage.setItem(SAVE_KEY, JSON.stringify(state));
-}
-
-export function useEconomy() {
- const [state, setState] = useState{formatTime(seconds)}
-