import type { ActionFunctionArgs, LoaderFunctionArgs } from "@remix-run/node";
import { json } from "@remix-run/node";
import { authenticate } from "../shopify.server";
import { getSocialLoginConfig, saveSocialLoginConfig } from "../lib/shopify-metafields";

export const loader = async ({ request }: LoaderFunctionArgs) => {
  try {
    // Shopify認証をチェック
    await authenticate.admin(request);
    
    const config = await getSocialLoginConfig(request);
    return json(config);
  } catch (error) {
    console.error('認証エラー:', error);
    return json({ error: '認証が必要です' }, { status: 403 });
  }
};

export const action = async ({ request }: ActionFunctionArgs) => {
  try {
    // Shopify認証をチェック
    const { admin } = await authenticate.admin(request);

    const config = await request.json();
    const success = await saveSocialLoginConfig(admin, config);
    
    if (success) {
      return json({ success: true });
    } else {
      return json({ error: '設定の保存に失敗しました' }, { status: 500 });
    }
  } catch (error) {
    console.error('認証エラー:', error);
    return json({ error: '認証が必要です' }, { status: 403 });
  }
};