"use client";

import { useEffect, type ReactNode } from "react";
import {
  applyMotionSiteConfig,
  getMotionSiteConfig,
  motionConfigFromSettings,
  type MotionSiteConfig,
} from "@/lib/motion";
import { realtime, RT_SETTINGS_CHANGED, type RtSettingsData } from "@/lib/realtime";

/**
 * 根布局注入：SSR 初值写入 motion 模块 + html class；settings:changed 热更新。
 */
export default function MotionProvider({
  initial,
  children,
}: {
  initial: MotionSiteConfig;
  children: ReactNode;
}) {
  useEffect(() => {
    applyMotionSiteConfig(motionConfigFromSettings(initial));
  }, [initial]);

  useEffect(() => {
    return realtime.on<RtSettingsData>(RT_SETTINGS_CHANGED, (data) => {
      if (!data) return;
      const cur = getMotionSiteConfig();
      applyMotionSiteConfig(
        motionConfigFromSettings({
          ui_animations:
            typeof data.ui_animations === "boolean"
              ? data.ui_animations
              : cur.ui_animations,
          anim_code_fold:
            typeof data.anim_code_fold === "boolean"
              ? data.anim_code_fold
              : cur.anim_code_fold,
          anim_smooth_scroll:
            typeof data.anim_smooth_scroll === "boolean"
              ? data.anim_smooth_scroll
              : cur.anim_smooth_scroll,
          anim_chrome:
            typeof data.anim_chrome === "boolean" ? data.anim_chrome : cur.anim_chrome,
        })
      );
    });
  }, []);

  return children;
}