"use client";

import { useEffect } from "react";

/**
 * Re-executes the inline <script> blocks that were extracted from the original
 * Builder Custom Code (slider logic, interactive sections). React won't run
 * scripts injected via dangerouslySetInnerHTML, so we run them here after mount.
 * Each runs isolated and guarded so one failure can't break the rest.
 */
export function BuilderScripts({ scripts }: { scripts: string[] }) {
  useEffect(() => {
    const timers: number[] = [];
    // Defer a tick so the injected DOM is present.
    const id = window.setTimeout(() => {
      for (const code of scripts) {
        try {
          // eslint-disable-next-line no-new-func
          new Function(code)();
        } catch (err) {
          if (process.env.NODE_ENV !== "production") {
            console.warn("[BuilderScripts] script error:", err);
          }
        }
      }
    }, 0);
    timers.push(id);
    return () => timers.forEach((t) => window.clearTimeout(t));
  }, [scripts]);

  return null;
}