@digilogiclabs/saas-factory-ui 2.0.0 → 2.1.0

package/dist/index.mjs

@@ -31237,9 +31237,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;
 }
@@ -31593,6 +31610,7 @@ function BracketGenerator({
   theme: theme5 = "blue",
   darkMode,
   seedingStrategy = "standard",
+  resumeMatches,
   onMatchComplete,
   onChampion,
   onStateChange,
@@ -31671,6 +31689,47 @@ function BracketGenerator({
   );
   const [miniMapHidden, setMiniMapHidden] = useState71(false);
   const miniMapDragRef = useRef40(false);
+  const resumeRef = useRef40(resumeMatches);
+  const hydrateFromResume = useCallback45(() => {
+    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 = useCallback45(() => {
     const { matches, rounds } = buildBracket(
       effectiveParticipants,
@@ -31781,12 +31840,47 @@ function BracketGenerator({
     onStateChange?.(next);
     prevBracketStateRef.current = next;
   }, [bracketState, onMatchComplete, onChampion, onStateChange]);
+  const structuralKey = useMemo29(
+    () => `${seedingStrategy}|${effectiveParticipants.map((p) => `${p.id}:${p.seed ?? ""}`).join(",")}`,
+    [effectiveParticipants, seedingStrategy]
+  );
+  const seededKeyRef = useRef40(null);
+  useEffect55(() => {
+    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]);
   useEffect55(() => {
-    seedBracket();
     return () => {
       if (autoRef.current) clearTimeout(autoRef.current);
     };
-  }, [seedBracket]);
+  }, []);
   useLayoutEffect2(() => {
     if (contentSize.w > 0) {
       const timer = setTimeout(fit, 50);