@digilogiclabs/saas-factory-ui 2.0.0 → 2.2.0

package/dist/web/index.mjs

@@ -31140,9 +31140,26 @@ function standardSeeding(participants) {
   const sorted = [...participants].sort(
     (a, b) => (a.seed ?? 999) - (b.seed ?? 999)
   );
+  const n = sorted.length;
   const pairs = [];
-  for (let i = 0; i < sorted.length / 2; i++) {
-    pairs.push([sorted[i], sorted[sorted.length - 1 - i]]);
+  if (n < 2 || (n & n - 1) !== 0) {
+    for (let i = 0; i + 1 < n; i += 2) {
+      pairs.push([sorted[i], sorted[i + 1]]);
+    }
+    return pairs;
+  }
+  let order = [1, 2];
+  while (order.length < n) {
+    const total = order.length * 2 + 1;
+    const next = [];
+    for (const r of order) {
+      next.push(r);
+      next.push(total - r);
+    }
+    order = next;
+  }
+  for (let i = 0; i < order.length; i += 2) {
+    pairs.push([sorted[order[i] - 1], sorted[order[i + 1] - 1]]);
   }
   return pairs;
 }
@@ -31496,6 +31513,7 @@ function BracketGenerator({
   theme: theme5 = "blue",
   darkMode,
   seedingStrategy = "standard",
+  resumeMatches,
   onMatchComplete,
   onChampion,
   onStateChange,
@@ -31574,6 +31592,47 @@ function BracketGenerator({
   );
   const [miniMapHidden, setMiniMapHidden] = useState68(false);
   const miniMapDragRef = useRef41(false);
+  const resumeRef = useRef41(resumeMatches);
+  const hydrateFromResume = useCallback42(() => {
+    const resume = resumeRef.current;
+    if (!resume?.length) return null;
+    const n = effectiveParticipants.length;
+    if (n < 2 || (n & n - 1) !== 0) return null;
+    const rounds = Math.log2(n);
+    if (resume.length !== n - 1) return null;
+    const byId = new Map(effectiveParticipants.map((p) => [p.id, p]));
+    const resolve = (id) => {
+      if (!id) return null;
+      const found = byId.get(id);
+      if (found) return found;
+      if (id.startsWith("__bye_")) {
+        return { id, name: "BYE", seed: 999, isBye: true };
+      }
+      return void 0;
+    };
+    const matches = [];
+    for (const rm of resume) {
+      if (rm.round < 0 || rm.round >= rounds) return null;
+      const a = resolve(rm.aId);
+      const b = resolve(rm.bId);
+      const winner = resolve(rm.winnerId);
+      if (a === void 0 || b === void 0 || winner === void 0)
+        return null;
+      matches.push({
+        id: rm.id,
+        round: rm.round,
+        slot: rm.slot,
+        a,
+        b,
+        scoreA: rm.scoreA,
+        scoreB: rm.scoreB,
+        winner
+      });
+    }
+    matches.sort((x, y) => x.round - y.round || x.slot - y.slot);
+    const finalMatch = matches.find((m) => m.round === rounds - 1);
+    return { matches, rounds, champion: finalMatch?.winner ?? null };
+  }, [effectiveParticipants]);
   const seedBracket = useCallback42(() => {
     const { matches, rounds } = buildBracket(
       effectiveParticipants,
@@ -31684,12 +31743,47 @@ function BracketGenerator({
     onStateChange?.(next);
     prevBracketStateRef.current = next;
   }, [bracketState, onMatchComplete, onChampion, onStateChange]);
+  const structuralKey = useMemo27(
+    () => `${seedingStrategy}|${effectiveParticipants.map((p) => `${p.id}:${p.seed ?? ""}`).join(",")}`,
+    [effectiveParticipants, seedingStrategy]
+  );
+  const seededKeyRef = useRef41(null);
+  useEffect53(() => {
+    if (seededKeyRef.current === structuralKey) {
+      setBracketState((prev) => {
+        if (!prev.matches.length) return prev;
+        const byId = new Map(effectiveParticipants.map((p) => [p.id, p]));
+        const swap = (p) => p && !p.isBye ? byId.get(p.id) ?? p : p;
+        let changed = false;
+        const matches = prev.matches.map((m) => {
+          const a = swap(m.a);
+          const b = swap(m.b);
+          const winner = swap(m.winner);
+          if (a === m.a && b === m.b && winner === m.winner) return m;
+          changed = true;
+          return { ...m, a, b, winner };
+        });
+        if (!changed) return prev;
+        return { ...prev, matches, champion: swap(prev.champion) };
+      });
+      return;
+    }
+    seededKeyRef.current = structuralKey;
+    if (autoRef.current) clearTimeout(autoRef.current);
+    setSimulating(false);
+    const resumed = hydrateFromResume();
+    resumeRef.current = void 0;
+    if (resumed) {
+      setBracketState(resumed);
+    } else {
+      seedBracket();
+    }
+  }, [structuralKey, effectiveParticipants, hydrateFromResume, seedBracket]);
   useEffect53(() => {
-    seedBracket();
     return () => {
       if (autoRef.current) clearTimeout(autoRef.current);
     };
-  }, [seedBracket]);
+  }, []);
   useLayoutEffect2(() => {
     if (contentSize.w > 0) {
       const timer = setTimeout(fit, 50);
@@ -40267,6 +40361,27 @@ function generateSchedule(teams, roundLabel) {
   }
   return rounds;
 }
+function hydrateResumeRounds(resume, teams) {
+  if (!resume?.length || teams.length < 2) return [];
+  const expected = teams.length % 2 === 0 ? teams.length - 1 : teams.length;
+  if (resume.length !== expected) return [];
+  const roster = new Set(teams.map((t) => t.toLowerCase()));
+  for (const round of resume) {
+    for (const m of round.matchups) {
+      for (const side of [m.home, m.away]) {
+        if (side !== BYE_TOKEN && !roster.has(side.toLowerCase())) return [];
+      }
+    }
+  }
+  return resume.map((round) => ({
+    label: round.label,
+    matchups: round.matchups.map((m) => ({
+      home: m.home,
+      away: m.away,
+      isBye: m.home === BYE_TOKEN || m.away === BYE_TOKEN
+    }))
+  }));
+}
 var DEFAULT_LABELS4 = {
   inputPlaceholder: "Team or player name (comma-separated for batch)",
   addButton: "Add",
@@ -40287,6 +40402,7 @@ function RoundRobinScheduler({
   darkMode,
   minTeams = 3,
   defaultTeams = [],
+  resumeRounds,
   onTeamsChange,
   onGenerate,
   labels,
@@ -40300,7 +40416,9 @@ function RoundRobinScheduler({
   const L = { ...DEFAULT_LABELS4, ...labels };
   const [teams, setTeams] = useState77(defaultTeams);
   const [input, setInput] = useState77("");
-  const [rounds, setRounds] = useState77([]);
+  const [rounds, setRounds] = useState77(
+    () => hydrateResumeRounds(resumeRounds, defaultTeams)
+  );
   const inputRef = useRef50(null);
   useEffect62(() => {
     onTeamsChange?.(teams);
@@ -40826,6 +40944,8 @@ function Scoreboard({
   maxTeams = 8,
   scoreButtons = [-1, 1, 5, 10],
   defaultTeams,
+  initialRound = 1,
+  initialHistory,
   onTeamsChange,
   onRoundAdvance,
   onNewGame,
@@ -40841,8 +40961,12 @@ function Scoreboard({
   const [teams, setTeams] = useState78(
     () => defaultTeams && defaultTeams.length >= minTeams ? defaultTeams.slice(0, maxTeams) : createDefaultTeams(seedCount, L.teamNamePrefix)
   );
-  const [round, setRound] = useState78(1);
-  const [history, setHistory] = useState78([]);
+  const [round, setRound] = useState78(
+    () => Number.isFinite(initialRound) ? Math.max(1, Math.floor(initialRound)) : 1
+  );
+  const [history, setHistory] = useState78(
+    () => initialHistory && initialHistory.length > 0 ? initialHistory.slice() : []
+  );
   const [historyOpen, setHistoryOpen] = useState78(false);
   const rootRef = useRef51(null);
   const [containerWidth, setContainerWidth] = useState78(0);