Clickerz utilise des cookies strictement necessaires au fonctionnement du jeu :
+-
+
- Session d'authentification (httpOnly, secure) +
- Sauvegarde locale (localStorage — fallback invite) +
Aucun cookie de tracking ou publicitaire n'est utilise.
+%sveltekit.body%
+
+
diff --git a/Frontend/src/components/CockpitHeader.tsx b/Frontend/src/components/CockpitHeader.tsx
deleted file mode 100644
index b1cf437..0000000
--- a/Frontend/src/components/CockpitHeader.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-// CockpitHeader.tsx — Dashboard résumé toujours visible en haut du cockpit
-
-import { useGameStore } from "../store/useGameStore";
-import { formatNumber } from "../utils/formatNumber";
-import { getClickGain } from "../core/economy";
-
-export function CockpitHeader() {
- const productionPerSecond = useGameStore((s) => s.productionPerSecond);
- const state = useGameStore((s) => s.state);
- const { prestigeMultiplier, ancestralDna, prestigeCount } = state;
- const clickGain = getClickGain(state);
-
- return (
-
-
- );
-}
diff --git a/Frontend/src/components/CosmeticsPanel.tsx b/Frontend/src/components/CosmeticsPanel.tsx
deleted file mode 100644
index e770d7a..0000000
--- a/Frontend/src/components/CosmeticsPanel.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-// CosmeticsPanel.tsx — Inventaire cosmétique dans la sidebar
-
-import { useGameStore } from "../store/useGameStore";
-import { COSMETICS, type CosmeticSlot } from "../core/cosmetics";
-
-const SLOT_LABELS: Record
- Prod/s
-
- {formatNumber(productionPerSecond)}
-
-
-
- /clic
- {formatNumber(clickGain)}
-
-
- Mult
- x{prestigeMultiplier.toFixed(1)}
-
-
- ADN
- {ancestralDna}
-
-
- Gén.
- {prestigeCount}
-
-
-
- );
-}
diff --git a/Frontend/src/components/EvolutionTree.tsx b/Frontend/src/components/EvolutionTree.tsx
deleted file mode 100644
index 1630d47..0000000
--- a/Frontend/src/components/EvolutionTree.tsx
+++ /dev/null
@@ -1,289 +0,0 @@
-// EvolutionTree.tsx — Arbre d'Évolution V2 (Sprint 3)
-// 3 branches + capstones + post-capstone repeatables + Convergence évolutif
-
-import { useState } from "react";
-import { useGameStore } from "../store/useGameStore";
-import {
- canBuyEvolutionNode,
- getSpentDna,
- getTreeResetCost,
- canResetTree,
- getRepeatableCost,
- canUpgradeConvergence,
-} from "../core/economy";
-import type { EvolutionNode, Branch } from "../core/economy";
-import { formatNumber } from "../utils/formatNumber";
-
-const EFFECT_LABELS: Record
- Cosmétiques
- {inventory.length}/{COSMETICS.length}
-
-
- {SLOT_ORDER.map((slot) => {
- const slotCosmetics = ownedCosmetics.filter((c) => c.slot === slot);
- if (slotCosmetics.length === 0) return null;
-
- const equippedId = equipped[slot];
-
- return (
-
- {SLOT_LABELS[slot]}
- {slotCosmetics.map((cos) => {
- const isEquipped = equippedId === cos.id;
-
- return (
-
- );
- })}
-
-
- );
- })}
-
- {cos.name}
- {cos.description}
-
-
-
-
- );
-}
-
-function BranchColumn({ branch }: { branch: Branch }) {
- const state = useGameStore((s) => s.state);
- const buyNode = useGameStore((s) => s.buyNode);
- const nodes = state.evolutionTree.filter((n) => n.branch === branch);
- const config = BRANCH_CONFIG[branch];
-
- return (
-
-
- {node.unlocked && !isRepeatable ? (
- OK
- ) : node.unlocked && isRepeatable ? (
-
- ) : isExcluded ? (
- verrouille
- ) : (
-
- )}
-
- {isCapstone && ★}
- {node.name}
- {isRepeatable && node.unlocked && (
- x{purchased}
- )}
- {node.exclusive_with && !node.unlocked && !isExcluded && (
- OU
- )}
-
- {EFFECT_LABELS[node.effect]?.(node.value, node) ?? node.effect}
-
- {config.label}
- {nodes.map((node) => {
- const isExcluded = node.exclusive_with
- ? state.evolutionTree.find((n) => n.id === node.exclusive_with)?.unlocked ?? false
- : false;
- return (
- buyNode(node.id)}
- />
- );
- })}
-
- );
-}
-
-function ConvergenceSection() {
- const state = useGameStore((s) => s.state);
- const buyNode = useGameStore((s) => s.buyNode);
- const upgradeConv = useGameStore((s) => s.upgradeConvergenceNode);
- const conv = state.evolutionTree.find((n) => n.id === "convergence");
-
- if (!conv) return null;
-
- const canBuy = canBuyEvolutionNode(state, "convergence");
- const canUpgrade = canUpgradeConvergence(state);
- const tier = conv.tier ?? 1;
- const maxTier = conv.maxTier ?? 2;
- const tierName = tier >= 2 ? "Omega" : "Alpha";
-
- return (
-
-
- Convergence {conv.unlocked ? tierName : ""}
-
- {conv.unlocked ? (
-
- );
-}
-
-const BRANCHES: Branch[] = ["ponte", "marais", "adaptation"];
-
-export function EvolutionTree() {
- const state = useGameStore((s) => s.state);
- const resetTree = useGameStore((s) => s.resetTree);
- const { prestigeCount, ancestralDna, evolutionTree } = state;
- const [activeBranch, setActiveBranch] = useState
-
- ) : (
-
-
- {tier < maxTier && (
-
- )}
-
-
- {tier >= 2 ? "Omega" : "Alpha"} (tier {tier}/{maxTier})
-
-
- {tier >= 2
- ? "+10% tous effets + -20% cout post-capstones"
- : "+10% a tous les effets de l'arbre"
- }
-
-
- OK
-
-
- )}
-
- Convergence Alpha
- +10% a tous les effets de l'arbre
- Requis : 1 capstone + tier 3 d'une 2e branche
-
-
-
-
- );
-}
diff --git a/Frontend/src/components/GameSync.tsx b/Frontend/src/components/GameSync.tsx
deleted file mode 100644
index 8342e88..0000000
--- a/Frontend/src/components/GameSync.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-// GameSync.tsx — Bridge useSaveSync ↔ Zustand store
-// Serveur = autorité. Attend la save serveur avant de rendre le jeu jouable.
-// Guest mode (pas connecté) : init depuis localStorage immédiatement.
-
-import { useCallback, useEffect, useRef } from "react";
-import { useGameStore } from "../store/useGameStore";
-import { useAuth } from "../context/AuthContext";
-import { useSaveSync } from "../hooks/useSaveSync";
-
-export function GameSync() {
- const state = useGameStore((s) => s.state);
- const ready = useGameStore((s) => s.ready);
- const loadFromServer = useGameStore((s) => s.loadFromServer);
- const initGuest = useGameStore((s) => s.initGuest);
- const playSeconds = useGameStore((s) => s.playSeconds);
- const { user, loading: authLoading } = useAuth();
- const initDone = useRef(false);
-
- const getGameState = useCallback(() => state, [state]);
-
- const { serverLoaded } = useSaveSync({
- getGameState,
- onLoad: loadFromServer,
- playTimeSeconds: playSeconds,
- });
-
- // Once auth resolves: if no user or no server save → init guest
- useEffect(() => {
- if (authLoading || initDone.current || ready) return;
-
- // Not logged in → guest mode immediately
- if (!user) {
- initDone.current = true;
- initGuest();
- return;
- }
-
- // Logged in but server save loaded (or confirmed empty) → useSaveSync handles it
- // If serverLoaded is true and store isn't ready yet, it means server had no save
- if (serverLoaded && !ready) {
- initDone.current = true;
- initGuest(); // use localStorage as starting point, server will save it on next sync
- }
- }, [authLoading, user, serverLoaded, ready, initGuest]);
-
- return null;
-}
diff --git a/Frontend/src/components/GameTick.tsx b/Frontend/src/components/GameTick.tsx
deleted file mode 100644
index cd181a7..0000000
--- a/Frontend/src/components/GameTick.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-// 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
deleted file mode 100644
index 40dbc16..0000000
--- a/Frontend/src/components/GeneratorShop.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-// GeneratorShop.tsx — Boutique de générateurs (economy.ts)
-
-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 productionPerSecond = useGameStore((s) => s.productionPerSecond);
- const buy = useGameStore((s) => s.buy);
- const generatorCost = useGameStore((s) => s.generatorCostWithTree);
-
- return (
-
- Evolution
-
-
- {/* Branch tabs */}
-
- {formatNumber(ancestralDna)} ADN
- {hasUnlocked && (
-
- )}
-
-
- {BRANCHES.map((branch) => {
- const config = BRANCH_CONFIG[branch];
- const isActive = activeBranch === branch;
- return (
-
- );
- })}
-
-
- {/* Active branch content */}
-
-
- );
-}
diff --git a/Frontend/src/components/MilestoneBar.tsx b/Frontend/src/components/MilestoneBar.tsx
deleted file mode 100644
index a8eecdb..0000000
--- a/Frontend/src/components/MilestoneBar.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-// MilestoneBar.tsx — Progression vers le prochain prestige
-
-import { useGameStore } from "../store/useGameStore";
-import { formatNumber, } from "../utils/formatNumber";
-import { getPrestigeThreshold } from "../core/economy";
-
-export function MilestoneBar() {
- const state = useGameStore((s) => s.state);
- const resources = state.resources;
- const threshold = getPrestigeThreshold(state);
-
- const progress = Math.min(resources / threshold, 1);
- const progressPercent = (progress * 100).toFixed(1);
- const remaining = Math.max(threshold - resources, 0);
-
- return (
-
- Générateurs
- {formatNumber(productionPerSecond)}/s
-
- {generators.map((gen) => {
- const cost = generatorCost(gen);
- const canAfford = resources >= cost;
- const currentProd = gen.baseProduction * gen.owned;
-
- return (
-
-
- );
- })}
-
-
-
-
- {gen.name}
- {gen.owned > 0 && (
- x{gen.owned}
- )}
-
-
- +{gen.baseProduction}/s
- {gen.owned > 0 && ` · ${formatNumber(currentProd)}/s total`}
-
-
-
- );
-}
diff --git a/Frontend/src/components/MilestonesPanel.tsx b/Frontend/src/components/MilestonesPanel.tsx
deleted file mode 100644
index f8c65d5..0000000
--- a/Frontend/src/components/MilestonesPanel.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-// MilestonesPanel.tsx — Paliers de prestige (Sprint 3)
-// Progress bar vers le prochain milestone, claim button, preview reward
-
-import { useGameStore } from "../store/useGameStore";
-import { getClaimableMilestones, getNextMilestone } from "../core/economy";
-import { PRESTIGE_MILESTONES } from "../data/prestigeMilestones";
-
-export function MilestonesPanel() {
- const state = useGameStore((s) => s.state);
- const claim = useGameStore((s) => s.claimMilestone);
-
- if (state.prestigeCount < 1) return null;
-
- const claimable = getClaimableMilestones(state);
- const nextMilestone = getNextMilestone(state);
- const claimed = state.claimedMilestones ?? [];
- const totalClaimed = claimed.length;
-
- return (
-
- Prochaine Génération
-
- {formatNumber(resources)} / {formatNumber(threshold)}
-
-
-
-
-
-
- {remaining > 0
- ? `${formatNumber(remaining)} restants`
- : "Nouvelle Génération disponible !"}
-
-
-
- );
-}
diff --git a/Frontend/src/components/OfflineReport.tsx b/Frontend/src/components/OfflineReport.tsx
deleted file mode 100644
index b790ce2..0000000
--- a/Frontend/src/components/OfflineReport.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-// OfflineReport.tsx — Écran "Pendant ton absence..." affiché au retour offline
-
-import { useGameStore } from "../store/useGameStore";
-import { formatNumber } from "../utils/formatNumber";
-
-function formatDuration(ms: number): string {
- const minutes = Math.floor(ms / 60_000);
- if (minutes < 60) return `${minutes}min`;
- const hours = Math.floor(minutes / 60);
- const remainMinutes = minutes % 60;
- return remainMinutes > 0 ? `${hours}h${remainMinutes}min` : `${hours}h`;
-}
-
-export function OfflineReport() {
- const report = useGameStore((s) => s.offlineReport);
- const dismiss = useGameStore((s) => s.dismissOfflineReport);
-
- if (!report || !report.wasOffline) return null;
-
- const effPercent = Math.round(report.efficiency * 100);
-
- return (
-
- Milestones
- {totalClaimed}/{PRESTIGE_MILESTONES.length}
-
-
- {/* Claimable milestones */}
- {claimable.length > 0 && (
-
- {claimable.map((m) => (
-
- )}
-
- {/* Progress vers le prochain milestone */}
- {nextMilestone && (
-
-
- ))}
-
- {m.name}
- {m.reward.label}
-
-
-
-
- )}
-
- {/* Tous les milestones réclamés */}
- {!nextMilestone && claimable.length === 0 && (
-
- Tous les milestones reclames !
-
- )}
-
- {/* Liste compacte des milestones passés */}
- {totalClaimed > 0 && claimable.length === 0 && (
-
- Prochain : {nextMilestone.name}
-
- {state.prestigeCount}/{nextMilestone.threshold}
-
-
-
-
-
- {nextMilestone.reward.label}
-
- {PRESTIGE_MILESTONES.filter((m) => claimed.includes(m.id)).map((m) => (
-
- {m.threshold}
-
- ))}
-
- )}
-
-
- );
-}
diff --git a/Frontend/src/components/PrestigePanel.tsx b/Frontend/src/components/PrestigePanel.tsx
deleted file mode 100644
index b0f2c34..0000000
--- a/Frontend/src/components/PrestigePanel.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-// PrestigePanel.tsx — Nouvelle Génération (prestige)
-
-import { useGameStore } from "../store/useGameStore";
-import { computePrestigeDna, getPrestigeDnaBonus, getPrestigeThreshold } from "../core/economy";
-import { formatNumber } from "../utils/formatNumber";
-
-export function PrestigePanel() {
- const state = useGameStore((s) => s.state);
- const canPrestige = useGameStore((s) => s.canPrestige);
- const openPrestigeScreen = useGameStore((s) => s.openPrestigeScreen);
-
- const baseDna = computePrestigeDna(state.lifetimeTadpoles, state.prestigeCount);
- const dnaBonus = getPrestigeDnaBonus(state.evolutionTree);
- const dnaPreview = Math.floor(baseDna * (1 + dnaBonus));
- const threshold = getPrestigeThreshold(state);
-
- return (
-
- Pendant ton absence...
-
-
-
-
-
-
-
- Durée
- {formatDuration(report.duration)}
-
-
-
- Efficacité marais
- 50 ? "gp-accent-green" : "gp-accent-amber"}`}>
- {effPercent}%
-
-
-
-
-
-
- Têtards récoltés
-
- +{formatNumber(report.gains)}
-
-
-
- {report.efficiency < 0.5 && (
- - Le marais s'endort sans toi... Joue activement pour maximiser ta production ! -
- )} -
- Prestige
- {canPrestige ? (
-
- );
-}
diff --git a/Frontend/src/components/PrestigeScreen.tsx b/Frontend/src/components/PrestigeScreen.tsx
deleted file mode 100644
index 166225e..0000000
--- a/Frontend/src/components/PrestigeScreen.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-// PrestigeScreen.tsx — Écran de prestige fullscreen (Sprint 3)
-// Preview ADN, stats de run, comparaison meilleure run, confirmation
-
-import { useGameStore } from "../store/useGameStore";
-import {
- computePrestigeDna,
- getPrestigeDnaBonus,
- getPrestigeThreshold,
-} from "../core/economy";
-import { formatNumber } from "../utils/formatNumber";
-
-function formatDuration(ms: number): string {
- const totalSeconds = Math.floor(ms / 1000);
- const hours = Math.floor(totalSeconds / 3600);
- const minutes = Math.floor((totalSeconds % 3600) / 60);
- const seconds = totalSeconds % 60;
- if (hours > 0) return `${hours}h ${minutes}m`;
- if (minutes > 0) return `${minutes}m ${seconds}s`;
- return `${seconds}s`;
-}
-
-export function PrestigeScreen() {
- const show = useGameStore((s) => s.showPrestigeScreen);
- const close = useGameStore((s) => s.closePrestigeScreen);
- const prestige = useGameStore((s) => s.prestige);
- const state = useGameStore((s) => s.state);
-
- if (!show) return null;
-
- const baseDna = computePrestigeDna(state.lifetimeTadpoles, state.prestigeCount);
- const dnaBonus = getPrestigeDnaBonus(state.evolutionTree);
- const dnaPreview = Math.floor(baseDna * (1 + dnaBonus));
- const threshold = getPrestigeThreshold(state);
- const canPrestige = state.lifetimeTadpoles >= threshold;
-
- // Run stats
- const now = Date.now();
- const runDuration = now - state.runStats.startedAt;
- const bestRun = state.runStats.bestRun;
-
- // Comparison with best run
- const isBestAdn = !bestRun || dnaPreview > bestRun.adn;
- const isBestTadpoles = !bestRun || state.lifetimeTadpoles > bestRun.tadpoles;
-
- const handlePrestige = () => {
- if (canPrestige) prestige();
- };
-
- return (
-
-
- +{dnaPreview} ADN · +0.1x mult
-
-
-
- ) : (
- Atteins {formatNumber(threshold)} tetards pour prestige
- )}
-
-
- );
-}
diff --git a/Frontend/src/components/TadpoleSprite.tsx b/Frontend/src/components/TadpoleSprite.tsx
deleted file mode 100644
index cc6fca2..0000000
--- a/Frontend/src/components/TadpoleSprite.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-// TadpoleSprite.tsx — Sprite têtard avec overlays cosmétiques équipés
-
-import { useGameStore } from "../store/useGameStore";
-import { COSMETICS, type CosmeticSlot } from "../core/cosmetics";
-
-const SLOT_ORDER: CosmeticSlot[] = ["body", "tail", "eyes", "hat", "accessory"];
-
-export function TadpoleSprite() {
- const equipped = useGameStore((s) => s.state.cosmeticEquipped);
-
- const overlays = SLOT_ORDER
- .map((slot) => {
- const cosId = equipped[slot];
- if (!cosId) return null;
- return COSMETICS.find((c) => c.id === cosId);
- })
- .filter(Boolean);
-
- return (
-
- {/* Header */}
-
-
- Nouvelle Generation
-
-
-
-
- {/* ADN Preview */}
- - Generation #{state.prestigeCount + 1} -
-
- ADN Ancestral
-
- +{formatNumber(dnaPreview)}
-
- {dnaBonus > 0 && (
-
- (base {formatNumber(baseDna)} + {Math.round(dnaBonus * 100)}% arbre)
-
- )}
-
- Total apres : {formatNumber(state.ancestralDna + dnaPreview)} ADN
-
-
-
-
-
- {/* Run Stats */}
-
- Stats de la run
-
-
-
- {bestRun && (
- <>
-
-
- Duree
- {formatDuration(runDuration)}
-
-
-
- Tetards produits
-
- {formatNumber(state.lifetimeTadpoles)}
- {isBestTadpoles && bestRun && " ★"}
-
-
-
-
- ADN cette run
-
- {formatNumber(dnaPreview)}
- {isBestAdn && bestRun && " ★"}
-
-
-
- {bestRun && (
-
- Vitesse vs meilleure
-
- {runDuration < bestRun.duration
- ? `${Math.round((1 - runDuration / bestRun.duration) * 100)}% plus rapide`
- : runDuration > bestRun.duration
- ? `${Math.round((runDuration / bestRun.duration - 1) * 100)}% plus lent`
- : "identique"
- }
-
-
- )}
-
- Meilleure run
-
-
- )}
-
-
-
- {/* Reset info */}
-
- Duree
- {formatDuration(bestRun.duration)}
-
-
- ADN
- {formatNumber(bestRun.adn)}
-
-
-
-
- {/* Actions */}
- - Tetards et generateurs remis a zero. -
-- Arbre d'Evolution et cosmetiques conserves. -
-- +1 reset d'arbre gratuit offert. -
-
-
- {canPrestige ? (
-
- ) : (
-
- )}
-
-
- {/* Base sprite */}
- 
- {/* Cosmetic overlays */}
- {overlays.map((cos) => (
- 
- ))}
-
- );
-}
diff --git a/Frontend/src/components/ToastContainer.tsx b/Frontend/src/components/ToastContainer.tsx
deleted file mode 100644
index 041c474..0000000
--- a/Frontend/src/components/ToastContainer.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-// ToastContainer.tsx — Stack de toasts en bas à droite
-
-import { useToastStore } from "../store/useToastStore";
-import type { ToastVariant } from "../store/useToastStore";
-
-const VARIANT_STYLES: Record
- {/* Cosmetic overlays */}
- {overlays.map((cos) => (
-
- ))}
-
- {toasts.map((t) => (
-
- );
-}
diff --git a/Frontend/src/components/burger.jsx b/Frontend/src/components/burger.jsx
deleted file mode 100755
index 4ce832d..0000000
--- a/Frontend/src/components/burger.jsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { NavLink as Link } from "react-router-dom";
-import PropTypes from "prop-types";
-import PrimaryButton from "./buttons/PrimaryButton";
-
-export default function Burger({ navData }) {
- return (
-
- );
-}
-
-Burger.propTypes = {
- navData: PropTypes.arrayOf(
- PropTypes.shape({
- btn: PropTypes.bool,
- id: PropTypes.string.isRequired,
- linkname: PropTypes.string.isRequired,
- linkurl: PropTypes.string.isRequired,
- dropdown: PropTypes.arrayOf(
- PropTypes.shape({
- btn: PropTypes.bool,
- id: PropTypes.string.isRequired,
- linkname: PropTypes.string.isRequired,
- linkurl: PropTypes.string.isRequired,
- })
- ),
- })
- ),
-}.isRequired;
diff --git a/Frontend/src/components/buttons/PrimaryButton.jsx b/Frontend/src/components/buttons/PrimaryButton.jsx
deleted file mode 100755
index 506fea3..0000000
--- a/Frontend/src/components/buttons/PrimaryButton.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import PropTypes from "prop-types";
-import { Link } from "react-router-dom";
-
-export default function PrimaryButton({ btnText, btnLink }) {
- PrimaryButton.propTypes = {
- btnText: PropTypes.string.isRequired,
- btnLink: PropTypes.string.isRequired,
- };
-
- return (
-
- {btnText}
-
- );
-}
diff --git a/Frontend/src/components/buttons/SecondaryButton.jsx b/Frontend/src/components/buttons/SecondaryButton.jsx
deleted file mode 100755
index 34e96a5..0000000
--- a/Frontend/src/components/buttons/SecondaryButton.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import PropTypes from "prop-types";
-import { Link } from "react-router";
-
-export default function SecondaryButton({ btnText, btnLink }) {
- SecondaryButton.propTypes = {
- btnText: PropTypes.string.isRequired,
- btnLink: PropTypes.string.isRequired,
- };
-
- return (
-
- {btnText}
-
- );
-}
diff --git a/Frontend/src/components/footer.jsx b/Frontend/src/components/footer.jsx
deleted file mode 100755
index 8e6b055..0000000
--- a/Frontend/src/components/footer.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { NavLink as Link } from "react-router-dom";
-
-export default function Footer() {
- return (
-
- );
-}
diff --git a/Frontend/src/components/navbar.jsx b/Frontend/src/components/navbar.jsx
deleted file mode 100755
index 591551e..0000000
--- a/Frontend/src/components/navbar.jsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { NavLink as Link } from "react-router-dom";
-import PropTypes from "prop-types";
-
-import PrimaryButton from "./buttons/PrimaryButton";
-import Burger from "./burger";
-import { useAuth } from "../context/AuthContext";
-import SnowOn from "../../public/NavBar/SnowOn.svg";
-import SnowOff from "../../public/NavBar/SnowOff.svg";
-import { useState } from "react";
-
-export default function Navbar({ navData, toggleRain, setToggleRain }) {
- const { user, logout } = useAuth();
- const [snowImageSrc, setSnowImageSrc] = useState(SnowOff);
-
- function toggleRainBtn() {
- if (toggleRain === false) {
- setToggleRain(true);
- setSnowImageSrc(SnowOn);
- } else {
- setToggleRain(false);
- setSnowImageSrc(SnowOff);
- }
- }
-
- return (
-
- );
-}
-
-Navbar.propTypes = {
- navData: PropTypes.arrayOf(
- PropTypes.shape({
- btn: PropTypes.bool,
- id: PropTypes.string,
- linkname: PropTypes.string,
- linkurl: PropTypes.string,
- dropdown: PropTypes.arrayOf(
- PropTypes.shape({
- btn: PropTypes.bool,
- id: PropTypes.string,
- linkname: PropTypes.string,
- linkurl: PropTypes.string,
- })
- ),
- })
- ),
-};
-
-Navbar.defaultProps = {
- navData: [],
-};
diff --git a/Frontend/src/context/AuthContext.jsx b/Frontend/src/context/AuthContext.jsx
deleted file mode 100755
index 8e8d6a1..0000000
--- a/Frontend/src/context/AuthContext.jsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React, { createContext, useContext, useState, useMemo, useEffect } from "react";
-import PropTypes from "prop-types";
-import { apiFetch } from "../lib/api";
-
-const AuthContext = createContext();
-
-const AuthProvider = ({ children }) => {
- const [user, setUser] = useState(null);
- const [loading, setLoading] = useState(true);
-
- const refresh = async () => {
- try {
- const data = await apiFetch("/auth/me");
- setUser(data);
- } catch {
- setUser(null);
- }
- };
-
- useEffect(() => {
- refresh().finally(() => setLoading(false));
- }, []);
-
- useEffect(() => {
- const onExpired = () => setUser(null);
- window.addEventListener("auth:expired", onExpired);
- return () => window.removeEventListener("auth:expired", onExpired);
- }, []);
-
- const logout = async () => {
- try {
- await apiFetch("/auth/logout", { method: "POST" });
- } catch {
- // ignore
- }
- setUser(null);
- };
-
- const editUser = async (updatedFields) => {
- const data = await apiFetch(`/users/${user.id}`, {
- method: "PUT",
- body: JSON.stringify(updatedFields),
- });
- setUser((prev) => ({ ...prev, ...data.user }));
- return "User updated successfully";
- };
-
- const authContextValue = useMemo(
- () => ({
- user,
- loading,
- logout,
- refresh,
- editUser,
- setUser: (newUser) => setUser(newUser),
- }),
- [user, loading]
- );
-
- return (
- remove(t.id)}
- className={`
- gp cursor-pointer border
- ${VARIANT_STYLES[t.variant]}
- animate-[slide-in_0.3s_ease-out]
- `}
- style={{ backdropFilter: "blur(12px)" }}
- >
-
- ))}
-
-
- {VARIANT_ICONS[t.variant]}
-
- {t.message}
-
-
+ {#each particles as p (p.id)}
+ {@const prefix = p.isCrit ? 'CRIT ' : p.isDouble ? 'x2 ' : ''}
+ {@const color = p.isCrit ? '#f59e0b' : p.isDouble ? '#a78bfa' : '#34d399'}
+ {@const size = p.isCrit ? '2rem' : p.isDouble ? '1.8rem' : '1.6rem'}
+
+ {prefix}+{formatNumber(p.gain)}
+
+ {/each}
+
diff --git a/Frontend/src/lib/components/CockpitHeader.svelte b/Frontend/src/lib/components/CockpitHeader.svelte
new file mode 100644
index 0000000..8506457
--- /dev/null
+++ b/Frontend/src/lib/components/CockpitHeader.svelte
@@ -0,0 +1,29 @@
+
+
+
+
diff --git a/Frontend/src/lib/components/CollapsiblePanel.svelte b/Frontend/src/lib/components/CollapsiblePanel.svelte
new file mode 100644
index 0000000..33775b1
--- /dev/null
+++ b/Frontend/src/lib/components/CollapsiblePanel.svelte
@@ -0,0 +1,51 @@
+
+
+
+
+
+ Prod/s
+ {formatNumber(gameStore.productionPerSecond)}
+
+
+ /clic
+ {formatNumber(gameStore.getClickGain())}
+
+
+ Mult
+ x{gameStore.state.prestigeMultiplier.toFixed(1)}
+
+
+ ADN
+ {gameStore.state.ancestralDna}
+
+
+ Gen.
+ {gameStore.state.prestigeCount}
+
+
+
+
+ {#if open}
+
diff --git a/Frontend/src/lib/components/CosmeticsPanel.svelte b/Frontend/src/lib/components/CosmeticsPanel.svelte
new file mode 100644
index 0000000..9e04424
--- /dev/null
+++ b/Frontend/src/lib/components/CosmeticsPanel.svelte
@@ -0,0 +1,54 @@
+
+
+{#if inventory.length > 0}
+
+
+ {/if}
+
+ {@render children()}
+
+
+ {SLOT_ICONS[slot]} {SLOT_LABELS[slot]}
+ {#each slotCosmetics as cos}
+ {@const isEquipped = equipped[slot] === cos.id}
+
+ {/if}
+ {/each}
+
+
+ {/each}
+
+ {cos.name}
+ {cos.description}
+
+
+
+
+
+{/if}
diff --git a/Frontend/src/lib/components/Footer.svelte b/Frontend/src/lib/components/Footer.svelte
new file mode 100644
index 0000000..74980a4
--- /dev/null
+++ b/Frontend/src/lib/components/Footer.svelte
@@ -0,0 +1,8 @@
+
diff --git a/Frontend/src/lib/components/GameSync.svelte b/Frontend/src/lib/components/GameSync.svelte
new file mode 100644
index 0000000..c0b25fc
--- /dev/null
+++ b/Frontend/src/lib/components/GameSync.svelte
@@ -0,0 +1,28 @@
+
diff --git a/Frontend/src/lib/components/GameTick.svelte b/Frontend/src/lib/components/GameTick.svelte
new file mode 100644
index 0000000..9245c00
--- /dev/null
+++ b/Frontend/src/lib/components/GameTick.svelte
@@ -0,0 +1,14 @@
+
diff --git a/Frontend/src/lib/components/GeneratorShop.svelte b/Frontend/src/lib/components/GeneratorShop.svelte
new file mode 100644
index 0000000..c484ca7
--- /dev/null
+++ b/Frontend/src/lib/components/GeneratorShop.svelte
@@ -0,0 +1,50 @@
+
+
+
+ Evolution
+
+
+
+
+ {formatNumber(gameStore.state.ancestralDna)} ADN
+ {#if hasUnlocked}
+
+ {/if}
+
+
+ {#each BRANCHES as branch}
+ {@const config = BRANCH_CONFIG[branch]}
+ {@const isActive = activeBranch === branch}
+
+ {/each}
+
+
+
+
+ {branchConfig.label}
+ {#each branchNodes as node}
+ {@const isExcluded = node.exclusive_with ? (gameStore.state.evolutionTree.find((n) => n.id === node.exclusive_with)?.unlocked ?? false) : false}
+ {@const canBuy = canBuyEvolutionNode(gameStore.state, node.id)}
+ {@const cost = node.repeatable && node.unlocked ? getRepeatableCost(node) : node.cost}
+
+
+
+ {#if conv}
+
+
+ {/each}
+
+
+ {#if node.unlocked && !node.repeatable}
+ OK
+ {:else if isExcluded}
+ verrouille
+ {:else}
+
+ {/if}
+
+ {#if node.capstone}★{/if}
+ {node.name}
+ {#if node.repeatable && node.unlocked}
+ x{node.purchased ?? 0}
+ {/if}
+ {#if node.exclusive_with && !node.unlocked && !isExcluded}
+ OU
+ {/if}
+
+ {EFFECT_LABELS[node.effect]?.(node.value, node) ?? node.effect}
+
+
+ Convergence {conv.unlocked ? ((conv.tier ?? 1) >= 2 ? 'Omega' : 'Alpha') : ''}
+
+ {#if conv.unlocked}
+ {@const tier = conv.tier ?? 1}
+ {@const maxTier = conv.maxTier ?? 2}
+
+ {/if}
+
+
+ {:else}
+
+
+ {#if tier < maxTier}
+
+ {/if}
+
+ {tier >= 2 ? 'Omega' : 'Alpha'} (tier {tier}/{maxTier})
+
+ {tier >= 2 ? '+10% tous effets + -20% cout post-capstones' : "+10% a tous les effets de l'arbre"}
+
+
+ OK
+
+
+ {/if}
+
+ Convergence Alpha
+ +10% a tous les effets de l'arbre
+ Requis : 1 capstone + tier 3 d'une 2e branche
+
+
+
+
+ {/each}
+
+
+
+
+ {gen.name}
+ {#if gen.owned > 0}
+
+ x{gen.owned}
+
+ {/if}
+
+
+ +{gen.baseProduction}/s
+ {#if gen.owned > 0}
+ · {formatNumber(currentProd)}/s
+ {/if}
+
+
+
diff --git a/Frontend/src/lib/components/MilestonesPanel.svelte b/Frontend/src/lib/components/MilestonesPanel.svelte
new file mode 100644
index 0000000..b7e3f16
--- /dev/null
+++ b/Frontend/src/lib/components/MilestonesPanel.svelte
@@ -0,0 +1,72 @@
+
+
+{#if gameStore.state.prestigeCount >= 1}
+
+ Prochaine Generation
+ {formatNumber(gameStore.state.resources)} / {formatNumber(threshold)}
+
+
+
+
+
+ {remaining > 0 ? `${formatNumber(remaining)} restants` : 'Nouvelle Generation disponible !'}
+
+
+ {#each claimable as m, i}
+
+ {/if}
+
+ {#if nextMilestone}
+ {@const progressPct = Math.min((gameStore.state.prestigeCount / nextMilestone.threshold) * 100, 100).toFixed(1)}
+
+
+ {/each}
+
+ {m.name}
+ {m.reward.label}
+
+
+
+
+ {/if}
+
+ {#if !nextMilestone && claimable.length === 0}
+ Tous les milestones reclames !
+ {/if}
+
+ {#if totalClaimed > 0 && claimable.length === 0}
+
+ Prochain : {nextMilestone.name}
+ {gameStore.state.prestigeCount}/{nextMilestone.threshold}
+
+
+
+
+ {nextMilestone.reward.label}
+
+ {#each PRESTIGE_MILESTONES.filter((m) => claimed.includes(m.id)) as m, i}
+
+ {m.threshold}
+
+ {/each}
+
+ {/if}
+ gameStore.dismissOfflineReport()}
+ >
+
+{/if}
diff --git a/Frontend/src/lib/components/PrestigePanel.svelte b/Frontend/src/lib/components/PrestigePanel.svelte
new file mode 100644
index 0000000..b18353f
--- /dev/null
+++ b/Frontend/src/lib/components/PrestigePanel.svelte
@@ -0,0 +1,35 @@
+
+
+ e.stopPropagation()}
+ in:scale={{ duration: 400, start: 0.8, easing: backOut }}
+ out:scale={{ duration: 200 }}
+ >
+
+
+
+
+ Retour au Marais
++ Absent pendant {formatDuration(gameStore.offlineReport.duration)} +
+
+
+
+ + +{formatNumber(gameStore.offlineReport.gains)} tetards +
++ Efficacite : {Math.round(gameStore.offlineReport.efficiency * 100)}% +
+ + +
+
+ {:else}
+
+ +{dnaPreview} ADN
+ +0.1x mult
+
+
+
+ Atteins {formatNumber(threshold)} tetards
+
+ {/if}
+
+
+
+
+
+
+{/if}
diff --git a/Frontend/src/lib/components/SidebarTabs.svelte b/Frontend/src/lib/components/SidebarTabs.svelte
new file mode 100644
index 0000000..5369b0d
--- /dev/null
+++ b/Frontend/src/lib/components/SidebarTabs.svelte
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+ Nouvelle Generation
+
+
+
+
+
+ Generation #{gameStore.state.prestigeCount + 1}
+
+ ADN Ancestral
+
+ +{formatNumber(dnaPreview)}
+
+ {#if dnaBonus > 0}
+ (base {formatNumber(baseDna)} + {Math.round(dnaBonus * 100)}% arbre)
+ {/if}
+ Total apres : {formatNumber(gameStore.state.ancestralDna + dnaPreview)} ADN
+
+
+
+
+
+
+ Stats de la run
+
+
+
+ {#if bestRun}
+
+
+ Duree
+ {formatDuration(runDuration)}
+
+
+
+ Tetards produits
+
+ {formatNumber(gameStore.state.lifetimeTadpoles)}
+ {#if isBestTadpoles && bestRun} ★{/if}
+
+
+
+
+ ADN cette run
+
+ {formatNumber(dnaPreview)}
+ {#if isBestAdn && bestRun} ★{/if}
+
+
+
+ {#if bestRun}
+
+ Vitesse vs meilleure
+
+ {#if runDuration < bestRun.duration}
+ {Math.round((1 - runDuration / bestRun.duration) * 100)}% plus rapide
+ {:else if runDuration > bestRun.duration}
+ {Math.round((runDuration / bestRun.duration - 1) * 100)}% plus lent
+ {:else}
+ identique
+ {/if}
+
+
+ {/if}
+
+ Meilleure run
+
+ {/if}
+
+
+
+
+
+ Duree
+ {formatDuration(bestRun.duration)}
+
+
+ ADN
+ {formatNumber(bestRun.adn)}
+
+
+
+
+
+ Tetards et generateurs remis a zero.
+Arbre d'Evolution et cosmetiques conserves.
++1 reset d'arbre gratuit offert.
+
+
+ {#if canPrestige}
+
+ {:else}
+
+ {/if}
+
+
+ {#each tabs as tab}
+ {@const isActive = current === tab.id}
+
+ {/each}
+
+
+
+{#key current}
+
+ {@render children(current)}
+
+{/key}
diff --git a/Frontend/src/lib/components/TadpoleSprite.svelte b/Frontend/src/lib/components/TadpoleSprite.svelte
new file mode 100644
index 0000000..2d47268
--- /dev/null
+++ b/Frontend/src/lib/components/TadpoleSprite.svelte
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+ {#each overlays as cos}
+ 
+ {/each}
+
+
+ {#if bouncing}
+
+ {/if}
+
+
+
diff --git a/Frontend/src/lib/components/ToastContainer.svelte b/Frontend/src/lib/components/ToastContainer.svelte
new file mode 100644
index 0000000..ea02a14
--- /dev/null
+++ b/Frontend/src/lib/components/ToastContainer.svelte
@@ -0,0 +1,36 @@
+
+
+{#if getToasts().length > 0}
+
+
+ {#each overlays as cos}
+
+ {/each}
+
+
+ {#if bouncing}
+
+ {/if}
+
+ {#each getToasts() as t (t.id)}
+ {@const style = variantStyles[t.variant] || variantStyles.info}
+
+{/if}
diff --git a/Frontend/src/core/balance.ts b/Frontend/src/lib/core/balance.ts
similarity index 100%
rename from Frontend/src/core/balance.ts
rename to Frontend/src/lib/core/balance.ts
diff --git a/Frontend/src/core/cosmetics.ts b/Frontend/src/lib/core/cosmetics.ts
similarity index 100%
rename from Frontend/src/core/cosmetics.ts
rename to Frontend/src/lib/core/cosmetics.ts
diff --git a/Frontend/src/core/economy.ts b/Frontend/src/lib/core/economy.ts
similarity index 100%
rename from Frontend/src/core/economy.ts
rename to Frontend/src/lib/core/economy.ts
diff --git a/Frontend/src/core/migrateSave.ts b/Frontend/src/lib/core/migrateSave.ts
similarity index 100%
rename from Frontend/src/core/migrateSave.ts
rename to Frontend/src/lib/core/migrateSave.ts
diff --git a/Frontend/src/data/achievements.ts b/Frontend/src/lib/data/achievements.ts
similarity index 99%
rename from Frontend/src/data/achievements.ts
rename to Frontend/src/lib/data/achievements.ts
index 3c6d105..d84cd85 100644
--- a/Frontend/src/data/achievements.ts
+++ b/Frontend/src/lib/data/achievements.ts
@@ -1,5 +1,5 @@
// achievements.ts — Milestones Clickerz basés sur le GameState réel
-import { GameState } from "../core/economy";
+import type { GameState } from "../core/economy";
export interface Achievement {
id: string;
diff --git a/Frontend/src/data/prestigeMilestones.ts b/Frontend/src/lib/data/prestigeMilestones.ts
similarity index 100%
rename from Frontend/src/data/prestigeMilestones.ts
rename to Frontend/src/lib/data/prestigeMilestones.ts
diff --git a/Frontend/src/lib/index.ts b/Frontend/src/lib/index.ts
new file mode 100644
index 0000000..856f2b6
--- /dev/null
+++ b/Frontend/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/Frontend/src/lib/oauth.js b/Frontend/src/lib/oauth.js
deleted file mode 100644
index 280b7ce..0000000
--- a/Frontend/src/lib/oauth.js
+++ /dev/null
@@ -1,83 +0,0 @@
-// OAuth 2.0 PKCE client — SuperOAuth consumer for Clickerz
-
-const OAUTH_URL = import.meta.env.VITE_OAUTH_URL || '';
-const OAUTH_CLIENT_ID = import.meta.env.VITE_OAUTH_CLIENT_ID || '';
-
-const SESSION_KEY_VERIFIER = 'clkz_pkce_verifier';
-
-function base64UrlEncode(buffer) {
- return btoa(String.fromCharCode(...new Uint8Array(buffer)))
- .replace(/\+/g, '-')
- .replace(/\//g, '_')
- .replace(/=/g, '');
-}
-
-export function generateCodeVerifier() {
- const array = new Uint8Array(32);
- crypto.getRandomValues(array);
- return base64UrlEncode(array.buffer);
-}
-
-export async function generateCodeChallenge(verifier) {
- const data = new TextEncoder().encode(verifier);
- const digest = await crypto.subtle.digest('SHA-256', data);
- return base64UrlEncode(digest);
-}
-
-export async function buildAuthUrl(redirectUri, provider, scope = 'openid profile email', clientId = OAUTH_CLIENT_ID) {
- const verifier = generateCodeVerifier();
- const challenge = await generateCodeChallenge(verifier);
- const state = base64UrlEncode(crypto.getRandomValues(new Uint8Array(16)).buffer);
-
- const params = new URLSearchParams({
- response_type: 'code',
- client_id: clientId,
- redirect_uri: redirectUri,
- scope,
- state,
- provider,
- code_challenge: challenge,
- code_challenge_method: 'S256',
- });
-
- return {
- url: `${OAUTH_URL}/oauth/authorize?${params.toString()}`,
- verifier,
- };
-}
-
-export async function exchangeCode(code, verifier, redirectUri, clientId = OAUTH_CLIENT_ID) {
- const response = await fetch(`${OAUTH_URL}/oauth/token`, {
- method: 'POST',
- headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
- body: new URLSearchParams({
- grant_type: 'authorization_code',
- client_id: clientId,
- code,
- code_verifier: verifier,
- redirect_uri: redirectUri,
- }).toString(),
- });
-
- if (!response.ok) {
- const text = await response.text().catch(() => '');
- throw new Error(`OAuth token exchange failed (${response.status}): ${text}`);
- }
-
- const data = await response.json();
- if (!data.access_token) throw new Error('No access_token in OAuth response');
-
- return data;
-}
-
-export function saveVerifier(verifier) {
- localStorage.setItem(SESSION_KEY_VERIFIER, verifier);
-}
-
-export function loadVerifier() {
- return localStorage.getItem(SESSION_KEY_VERIFIER);
-}
-
-export function clearVerifier() {
- localStorage.removeItem(SESSION_KEY_VERIFIER);
-}
diff --git a/Frontend/src/lib/oauth.ts b/Frontend/src/lib/oauth.ts
new file mode 100644
index 0000000..6a427bc
--- /dev/null
+++ b/Frontend/src/lib/oauth.ts
@@ -0,0 +1,89 @@
+// OAuth 2.0 PKCE client — SuperOAuth consumer for Clickerz
+
+const OAUTH_URL = import.meta.env.VITE_OAUTH_URL || '';
+const OAUTH_CLIENT_ID = import.meta.env.VITE_OAUTH_CLIENT_ID || '';
+
+const SESSION_KEY_VERIFIER = 'clkz_pkce_verifier';
+
+function base64UrlEncode(buffer: ArrayBuffer): string {
+ return btoa(String.fromCharCode(...new Uint8Array(buffer)))
+ .replace(/\+/g, '-')
+ .replace(/\//g, '_')
+ .replace(/=/g, '');
+}
+
+export function generateCodeVerifier(): string {
+ const array = new Uint8Array(32);
+ crypto.getRandomValues(array);
+ return base64UrlEncode(array.buffer);
+}
+
+export async function generateCodeChallenge(verifier: string): Promise
+ {t.message}
+
+ {/each}
+
-
- Oops! Il semble que la page n'existe pas.
-- Nous vous conseillons de retourner à la page d'accueil. -
- - retourner à la page d'accueil - -
-
- );
-}
-
-export default Achievements;
diff --git a/Frontend/src/pages/AuthCallback.jsx b/Frontend/src/pages/AuthCallback.jsx
deleted file mode 100644
index aaf77e6..0000000
--- a/Frontend/src/pages/AuthCallback.jsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { useEffect, useState, useRef } from "react";
-import { useNavigate, Link } from "react-router-dom";
-import { exchangeCode, loadVerifier, clearVerifier } from "../lib/oauth";
-import { apiFetch } from "../lib/api";
-import { useAuth } from "../context/AuthContext";
-
-export default function AuthCallback() {
- const navigate = useNavigate();
- const { refresh } = useAuth();
- const [error, setError] = useState(null);
- const called = useRef(false);
-
- useEffect(() => {
- if (called.current) return;
- called.current = true;
-
- const params = new URLSearchParams(window.location.search);
- const code = params.get("code");
- const err = params.get("error");
-
- if (err) {
- setError(err);
- return;
- }
-
- if (!code) {
- setError("Code manquant dans l'URL.");
- return;
- }
-
- const verifier = loadVerifier();
- if (!verifier) {
- setError("Verifier PKCE manquant — réessaie la connexion.");
- return;
- }
-
- const redirectUri = `${window.location.origin}/callback`;
-
- exchangeCode(code, verifier, redirectUri)
- .then((tokens) => {
- clearVerifier();
- // Store SuperOAuth access_token for profile API calls (short-lived, 15min)
- localStorage.setItem("clkz_oauth_token", tokens.access_token);
- return apiFetch("/auth/session", {
- method: "POST",
- body: JSON.stringify({
- token: tokens.access_token,
- refreshToken: tokens.refresh_token,
- }),
- });
- })
- .then(() => refresh())
- .then(() => navigate("/", { replace: true }))
- .catch((e) => {
- clearVerifier();
- setError(e.message || "Erreur de connexion.");
- });
- }, [navigate, refresh]);
-
- if (error) {
- return (
- Succès
-- {unlocked.length} / {ACHIEVEMENTS.length} -
- -
-
-
- {unlocked.map((a) => (
-
-
- {a.icon}
-
- ))}
-
- {locked.map((a) => (
-
-
- {a.name}
-{a.description}
-
- 🔒
-
- ))}
-
-
- {a.name}
-???
-
-
- Erreur de connexion
-{error}
- - Retour au login - -
-
- Connexion en cours...
-
-
- );
-}
-
-export default Cookie;
diff --git a/Frontend/src/pages/Guide.tsx b/Frontend/src/pages/Guide.tsx
deleted file mode 100644
index 2552428..0000000
--- a/Frontend/src/pages/Guide.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-// Guide.tsx — Guide joueur in-game
-
-export default function Guide() {
- return (
-
-
-
- Qu'est-ce qu'un cookie ?
-- Un cookie est un petit fichier texte sauvegardé sur votre ordinateur - lorsque vous visitez un site web. Ce fichier texte enregistre des - informations qui peuvent être lues par un site web lorsque vous le - visitez de nouveau plus tard. Certains de ces cookies sont nécessaires - pour accéder à certaines fonctionnalités d'un site. D'autres cookies - sont d'utilité pratique pour le visiteur : ils sauvegardent de manière - sécurisée votre nom d'utilisateur ou vos préférences linguistiques par - exemple. Les cookies signifient tout simplement qu'à chaque fois que - vous visitez un site web, vous n'avez pas besoin de saisir à nouveau - les mêmes informations. -
-
-
-
- Pourquoi Clickerz utilise des cookies ?
-- Nous utilisons des cookies pour vous fournir une expérience - utilisateur optimale et adaptée à vos préférences personnelles. - Les cookies sont également utilisés pour optimiser la performance - du site. Clickerz a pris toutes les mesures organisationnelles et - techniques pour protéger vos données personnelles ainsi que d'une - éventuelle perte d'informations ou de toute forme de traitement - illicite. Pour davantage d'informations, consultez notre Politique - de confidentialité. -
-
-
-
- Comment puis-je désactiver les cookies ?
-- Vous pouvez paramétrer votre navigateur Internet pour désactiver les - cookies. Notez toutefois que si vous désactivez les cookies, votre nom - d'utilisateur ainsi que votre mot de passe ne seront plus sauvegardés - sur aucun site web. -
-
-
-
- Firefox :
-
- 1. Ouvrez Firefox
- 2. Appuyez sur la touche « Alt »
- 3. Dans le menu en haut de la page cliquez sur « Outils » puis «
- Options »
- 4. Sélectionnez l'onglet « Vie privée »
- 5. Dans le menu déroulant à droite de « Règles de conservation »,
- cliquez sur « utiliser les paramètres personnalisés pour l'historique
- »
- 6. Un peu plus bas, décochez « Accepter les cookies »
- 7. Sauvegardez vos préférences en cliquant sur « OK »
-
-
-
- Internet Explorer/Edge :
-
- 1. Ouvrez Internet Explorer
- 2. Dans le menu « Outils », sélectionnez « Options Internet »
- 3. Cliquez sur l'onglet « Confidentialité »
- 4. Cliquez sur « Avancé » et décochez « Accepter »
- 5. Sauvegardez vos préférences en cliquant sur « OK »
-
-
-
- Safari :
-
- 1. Ouvrez Safari
- 2. Dans la barre de menu en haut, cliquez sur « Safari », puis «
- Préférences »
- 3. Sélectionnez l'icône « Sécurité »
- 4. À côté de « Accepter les cookies », cochez « Jamais »
- 5. Si vous souhaitez voir les cookies qui sont déjà sauvegardés sur
- votre ordinateur, cliquez sur « Afficher les cookies »
-
-
- Google Chrome :
-
- 1. Ouvrez Google Chrome
- 2. Cliquez sur l'icône d'outils dans la barre de menu
- 3. Sélectionnez « Options »
- 4. Cliquez sur l'onglet « Options avancées »
- 5. Dans le menu déroulant « Paramètres des cookies », sélectionnez «
- Bloquer tous les cookies »
-
-
- );
-}
diff --git a/Frontend/src/pages/Home.jsx b/Frontend/src/pages/Home.jsx
deleted file mode 100755
index 5890090..0000000
--- a/Frontend/src/pages/Home.jsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import { Helmet } from "react-helmet";
-import { useOutletContext } from "react-router-dom";
-import { useEffect, useCallback } from "react";
-
-import { useGameStore } from "../store/useGameStore";
-import { formatNumber } from "../utils/formatNumber";
-import { getClickGain } from "../core/economy";
-import { GeneratorShop } from "../components/GeneratorShop";
-import { PrestigePanel } from "../components/PrestigePanel";
-import { EvolutionTree } from "../components/EvolutionTree";
-import { MilestoneBar } from "../components/MilestoneBar";
-import { CockpitHeader } from "../components/CockpitHeader";
-import { TadpoleSprite } from "../components/TadpoleSprite";
-import { CosmeticsPanel } from "../components/CosmeticsPanel";
-import { PrestigeScreen } from "../components/PrestigeScreen";
-import { MilestonesPanel } from "../components/MilestonesPanel";
-import { ACHIEVEMENTS } from "../data/achievements";
-
-export default function Home() {
- const [toggleRain] = useOutletContext();
- const ready = useGameStore((s) => s.ready);
- const click = useGameStore((s) => s.click);
- const resources = useGameStore((s) => s.state.resources);
- const state = useGameStore((s) => s.state);
- const clickGain = getClickGain(state);
-
- const lastClickGain = useGameStore((s) => s.lastClickGain);
- const lastClickDouble = useGameStore((s) => s.lastClickDouble);
- const lastClickCrit = useGameStore((s) => s.lastClickCrit);
-
- const createParticle = useCallback((clientX, clientY, gain, isDouble, isCrit) => {
- const particle = document.createElement("span");
- particle.className = "click-particle";
- const prefix = isCrit ? "CRIT " : isDouble ? "x2 " : "";
- particle.textContent = `${prefix}+${formatNumber(gain)}`;
- if (isCrit) particle.style.color = "#f59e0b";
- else if (isDouble) particle.style.color = "#a78bfa";
- particle.style.left = `${clientX}px`;
- particle.style.top = `${clientY}px`;
- document.body.appendChild(particle);
- setTimeout(() => {
- if (particle.parentNode) particle.parentNode.removeChild(particle);
- }, 800);
- }, []);
-
- const handleIncrement = useCallback((e) => {
- click();
- // Read latest click result from store after click
- const s = useGameStore.getState();
- createParticle(e.clientX, e.clientY, s.lastClickGain, s.lastClickDouble, s.lastClickCrit);
- }, [click, createParticle]);
-
- // Rain effect (ambiance)
- useEffect(() => {
- const rain = {
- wind: 0, maxXrange: 40, minXrange: 20, maxSpeed: 1, minSpeed: 3,
- color: "#8ecae6", char: "°", maxSize: 28, minSize: 8,
- flakes: [], WIDTH: -10, HEIGHT: 0, running: false,
- init(nb) {
- const frag = document.createDocumentFragment();
- this.getSize();
- this.running = true;
- for (let i = 0; i < nb; i++) {
- const flake = {
- x: this.random(this.WIDTH), y: -this.maxSize,
- xrange: this.minXrange + this.random(this.maxXrange - this.minXrange),
- yspeed: this.minSpeed + this.random(this.maxSpeed - this.minSpeed, 100),
- life: 0, size: this.minSize + this.random(this.maxSize - this.minSize),
- html: document.createElement("span"),
- };
- Object.assign(flake.html.style, {
- position: "absolute", top: `${flake.y}px`, left: `${flake.x}px`,
- fontSize: `${flake.size}px`, color: this.color, userSelect: "none", overflow: "hidden",
- });
- flake.html.appendChild(document.createTextNode(this.char));
- frag.appendChild(flake.html);
- this.flakes.push(flake);
- }
- document.body.appendChild(frag);
- this.animate();
- window.onresize = () => this.getSize();
- },
- animate() {
- if (!this.running) return;
- for (const flake of this.flakes) {
- const top = flake.y + flake.yspeed;
- const left = flake.x + Math.sin(flake.life) * flake.xrange + this.wind;
- if (top < this.HEIGHT - flake.size - 10 && left < this.WIDTH - flake.size && left > 0) {
- flake.html.style.top = `${top}px`;
- flake.html.style.left = `${left}px`;
- flake.y = top;
- flake.x += this.wind;
- flake.life += 0.01;
- } else {
- flake.html.style.top = `${-this.maxSize}px`;
- flake.x = this.random(this.WIDTH);
- flake.y = -this.maxSize;
- flake.html.style.left = `${flake.x}px`;
- flake.life = 0;
- }
- }
- setTimeout(() => this.animate(), 20);
- },
- stop() {
- this.running = false;
- for (const flake of this.flakes) {
- if (flake.html.parentNode) flake.html.parentNode.removeChild(flake.html);
- }
- this.flakes = [];
- },
- random(range, num = 1) {
- return Math.floor(Math.random() * (range + 1) * num) / num;
- },
- getSize() {
- this.WIDTH = document.body.clientWidth || window.innerWidth;
- this.HEIGHT = document.body.clientHeight || window.innerHeight;
- },
- };
-
- if (toggleRain) rain.init(10);
- return () => rain.stop();
- }, [toggleRain]);
-
- if (!ready) {
- return (
- Guide du Gardien
- -
-
-
- Le Marais
-- Tu es le Gardien du Marais. Les tetards naissent sous tes clics, - grandissent grace a tes generateurs, et evoluent a chaque nouvelle generation. -
-
-
-
- Boucle de jeu
-- 1. Clique pour pondre des tetards. Achete des generateurs (Nid, Mare, Marecage...) - qui produisent des tetards automatiquement. -
-- 2. Prestige quand tu atteins 1M de tetards. Tu perds tes tetards et generateurs, - mais tu gagnes de l'ADN Ancestral et un multiplicateur permanent. - Chaque generation est plus rapide que la precedente. -
-- 3. Arbre d'Evolution — depense ton ADN dans 3 branches : -
--
-
- Ponte — booste tes clics, double ponte, critiques -
- Marais — booste la production des generateurs -
- Adaptation — bonus offline, ADN bonus, seuil prestige reduit -
- Chaque branche a un capstone (noeud final puissant) et des - post-capstones achetables a l'infini pour une progression endless. -
-
-
-
- Capstones
--
-
- Ponte Automatique — auto-click 1/s qui scale avec les upgrades -
- Symbiose Totale — chaque type de generateur booste les autres -
- Memoire du Marais — offline cap passe a 75%, duree 8h -
-
-
- Convergence
-- Quand tu as debloque un capstone + des noeuds d'une 2e branche, tu peux acheter - Convergence Alpha (+10% a tous les effets). - Avec 2 capstones, elle evolue en Convergence Omega (-20% cout post-capstones). -
-
-
-
- Reset d'arbre
-- Tu peux reinitialiser ton arbre pour tester d'autres builds. - 1 reset gratuit par prestige, puis 5 ADN par reset supplementaire. - L'ADN investi est entierement rembourse. -
-
-
-
- Milestones
-- 8 paliers de prestige (de 1 a 100) qui debloquent des cosmetiques exclusifs et - des bonus gameplay legers : -
--
-
- 1 prestige — Ruban queue -
- 3 prestiges — Titre "Gardien Recurrent" -
- 5 prestiges — 1 Nid gratuit au depart -
- 10 prestiges — Couronne doree -
- 15 prestiges — +5% offline permanent -
- 25 prestiges — Cape d'algues ancestrales -
- 50 prestiges — Queue enflamee + particules -
- 100 prestiges — Skin Tetard Primordial -
-
-
- Cosmetiques
-- Les cosmetiques sont purement visuels — zero pay-to-win. - Debloque-les via les achievements et les milestones prestige. - 5 slots : chapeau, yeux, corps, queue, accessoire. -
-
-
- Offline
-- Quand tu fermes le jeu, le marais continue de produire. - Efficacite : 100% les 15 premieres minutes, puis degressive jusqu'a 0% a 2h. - Les noeuds d'arbre et milestones peuvent augmenter le cap offline. -
-- Chargement de ta progression... -
-
-
-
- {/* Cockpit — sidebar structurée en zones */}
-
-
- {formatNumber(resources)}
-
-
-
-
-
-
- Entrer dans le Marais
-
-
- - Clickerz -
-- Fais éclore des têtards, construis ton empire et domine le marais. -
-- Pas de compte requis — joue en mode invité -
-
-
- );
-}
-
-export default Legal;
diff --git a/Frontend/src/pages/Login.jsx b/Frontend/src/pages/Login.jsx
deleted file mode 100644
index 0b24e9a..0000000
--- a/Frontend/src/pages/Login.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { useEffect } from "react";
-import { useNavigate } from "react-router-dom";
-import { useAuth } from "../context/AuthContext";
-import { buildAuthUrl, saveVerifier } from "../lib/oauth";
-
-const PROVIDERS = [
- { id: "discord", label: "Discord", emoji: "🎮" },
- { id: "github", label: "GitHub", emoji: "🐙" },
- { id: "google", label: "Google", emoji: "🌐" },
- { id: "twitch", label: "Twitch", emoji: "🎬" },
-];
-
-export default function Login() {
- const { user } = useAuth();
- const navigate = useNavigate();
-
- useEffect(() => {
- if (user) navigate("/", { replace: true });
- }, [user, navigate]);
-
- const handleLogin = async (provider) => {
- const redirectUri = `${window.location.origin}/callback`;
- const { url, verifier } = await buildAuthUrl(redirectUri, provider);
- saveVerifier(verifier);
- window.location.href = url;
- };
-
- return (
- Éditeur :
-- Clickerz est un projet indépendant faisant partie du Tetard Universe. -
- -Coordonnées :
-
- E-mail : contact@tetardtek.com
- Site : https://tetardtek.com
-
Responsabilité :
-- Clickerz décline toute responsabilité quant à l'utilisation du site. - Les informations fournies sont à titre informatif et peuvent être - sujettes à des erreurs. -
- -Propriété Intellectuelle :
-- Tout le contenu du site (textes, images, etc.) reste la propriété de - Tetardtek. Toute reproduction est interdite sans autorisation - préalable. -
- -Protection des Données Personnelles :
-- Clickerz utilise un système d'authentification via SuperOAuth. - Les données de jeu sont sauvegardées côté serveur. - Aucune donnée personnelle n'est partagée avec des tiers. -
- -Conditions Générales d'Utilisation :
-- L'utilisation du site Clickerz se fait à titre gratuit et sans engagement. -
- -Loi Applicable :
-- Le présent site est régi par la loi française. En cas de litige, les - tribunaux compétents seront ceux du ressort du siège social de l'éditeur. -
-
-
- Connexion
-Connecte-toi pour sauvegarder ta progression.
-
- {PROVIDERS.map((p) => (
-
- ))}
-
-
-
- Connecte-toi pour accéder aux paramètres.
-
-
- Chargement du profil...
-
-
- Paramètres
- - {error && ( -{error}
- )} - - {/* Profile info */} - {profile && ( -
-
- )}
-
- {/* Linked providers */}
- - Pseudo : {profile.nickname} -
-- Email : {profile.email || "—"} -
-Comptes liés
-
- {PROVIDERS.map((provider) => {
- const linked = linkedNames.has(provider);
- const isLoading = actionLoading === provider;
-
- return (
-
-
- {/* Logout */}
-
-
-
- {EMOJIS[provider]} {provider.charAt(0).toUpperCase() + provider.slice(1)}
- {linked && (
- ✓ lié
- )}
-
-
- {linked ? (
-
- ) : (
-
- )}
-
- );
- })}
-
+
diff --git a/Frontend/src/routes/achievements/+page.svelte b/Frontend/src/routes/achievements/+page.svelte
new file mode 100644
index 0000000..8fef1c6
--- /dev/null
+++ b/Frontend/src/routes/achievements/+page.svelte
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+ + Clickerz +
++ Clicker idle dans le Tetard Universe. Fais eclore des tetards, evolue, prestige. +
+
+
+
+
+
+
diff --git a/Frontend/src/routes/callback/+page.svelte b/Frontend/src/routes/callback/+page.svelte
new file mode 100644
index 0000000..59ea581
--- /dev/null
+++ b/Frontend/src/routes/callback/+page.svelte
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+ Succes
+
+
+
+
+
+ {unlocked.length} / {ACHIEVEMENTS.length}
+ {progressPct}%
+
+
+
+
+
+ {#each [
+ { id: 'all', label: `Tous (${ACHIEVEMENTS.length})` },
+ { id: 'unlocked', label: `Debloques (${unlocked.length})` },
+ { id: 'locked', label: `Verrouilles (${locked.length})` },
+ ] as tab}
+
+ {/each}
+
+
+
+ {#key filter}
+
+ {#each displayed as a, i}
+ {@const isUnlocked = unlocked.includes(a)}
+
+ {/key}
+
+
+
+ {/each}
+
+
+ {#if isUnlocked}
+
+ ✓
+
+ {/if}
+ {a.name}
+{isUnlocked ? a.description : '???'}
+
+ {#if error}
+
+Erreur de connexion
+ + Retour au login + {:else} + + {/if} +
+
diff --git a/Frontend/src/routes/guide/+page.svelte b/Frontend/src/routes/guide/+page.svelte
new file mode 100644
index 0000000..9d6b814
--- /dev/null
+++ b/Frontend/src/routes/guide/+page.svelte
@@ -0,0 +1,148 @@
+
+
+Politique des Cookies
+
+
+
+
diff --git a/Frontend/src/routes/jeu/+page.svelte b/Frontend/src/routes/jeu/+page.svelte
new file mode 100644
index 0000000..3471078
--- /dev/null
+++ b/Frontend/src/routes/jeu/+page.svelte
@@ -0,0 +1,151 @@
+
+
+Guide du Gardien
+ +
+ {#each sections as section, i}
+
+
+
+
+
+
+ {#if openSections.has(i)}
+
+ {/each}
+
+
+ {/if}
+
+ {#each section.content as line}
+
+ + {@html renderBold(line)} +
+ {/each} +
+
+{:else}
+
+
+
+
+
+ Chargement de ta progression...
+
+
+{/if}
diff --git a/Frontend/src/routes/login/+page.svelte b/Frontend/src/routes/login/+page.svelte
new file mode 100644
index 0000000..0c84e6f
--- /dev/null
+++ b/Frontend/src/routes/login/+page.svelte
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if sidebarOpen}
+
+
+
+
+ {formatNumber(gameStore.state.resources)}
+
+ sidebarOpen = false}
+ >
+
+
+
+ {#snippet children(activeTab)}
+ {#if activeTab === 'production'}
+
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ Connexion
+ +
+ {#each PROVIDERS as p, i}
+
+ {/each}
+
+
+
diff --git a/Frontend/src/routes/settings/+page.svelte b/Frontend/src/routes/settings/+page.svelte
new file mode 100644
index 0000000..343cda5
--- /dev/null
+++ b/Frontend/src/routes/settings/+page.svelte
@@ -0,0 +1,172 @@
+
+
+Mentions Legales
+
+
+Clickerz est un projet personnel developpe par Tetardtek.
+Hebergement : VPS auto-gere.
+
+ {#if !authStore.user}
+
+ {:else if loading}
+
+
+
+
+
+ {:else}
+ Parametres
+ + {#if error} +{error}
+ {/if} + + + {#if profile} +
+
+ {/if}
+
+
+ + Pseudo : {profile.nickname} +
++ Email : {profile.email || '—'} +
++ Comptes lies +
+ +
+ {#each PROVIDERS as provider, i}
+ {@const linked = linkedProviders.some((p: any) => p.provider === provider.id)}
+ {@const isLoading = actionLoading === provider.id}
+ {@const canUnlink = linkedProviders.length > 1}
+
+
+
+
+ {/if}
+
+
+ {provider.emoji} {provider.label}
+ {#if linked}
+ ✓ lie
+ {/if}
+
+
+ {#if linked}
+
+ {:else}
+
+ {/if}
+
+ {/each}
+