const token = "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";
const parentPageId = "31f52a530dd6802382e0e27883612d56";

// 노션 블록 생성을 돕는 유틸리티
const textBlock = (content, bold = false) => ({ type: "text", text: { content }, annotations: { bold } });
const p = (text) => ({ object: "block", type: "paragraph", paragraph: { rich_text: [text] } });
const h2 = (text) => ({ object: "block", type: "heading_2", heading_2: { rich_text: [text] } });
const h3 = (text) => ({ object: "block", type: "heading_3", heading_3: { rich_text: [text] } });
const li = (text) => ({ object: "block", type: "bulleted_list_item", bulleted_list_item: { rich_text: text } });
const quote = (text) => ({ object: "block", type: "quote", quote: { rich_text: [text] } });

const requestBody = {
    parent: { type: "page_id", page_id: parentPageId },
    icon: { type: "emoji", emoji: "🗺️" },
    properties: {
        title: [
            { text: { content: "📋 [공유용] 로사리오 카리타스 그누보드 리뉴얼 마스터 플랜 (WBS)" } }
        ]
    },
    children: [
        quote(textBlock("기존 그누보드 시스템을 최신 워드프레스로 이전하고 메뉴와 디자인을 고도화하며, 노션 매거진 데이터를 통합하는 2026년 6월 오픈 목표 프로젝트의 마스터 플랜입니다.", false)),

        h2(textBlock("1. 프로젝트 주요 목표")),
        li([textBlock("보안과 확장성 강화: ", true), textBlock("글로벌 스탠다드 CMS(워드프레스) 코어 도입 및 커스텀 테마 적용")]),
        li([textBlock("데이터 맞춤형 분리 이전: ", true), textBlock("사진 갤러리 게시판 ➔ 워드프레스 포스트(Post) / 텍스트 게시판 ➔ KBoard 1:1 매핑 이전")]),
        li([textBlock("노션 최신 동기화 매거진 구현: ", true), textBlock("외부 API 연동을 통한 카드형 다이내믹 UI 렌더링")]),
        li([textBlock("직관적 디자인 벤치마킹: ", true), textBlock("천주교 부산교구 디자인 방향성 벤치마킹 후 레이아웃 재구성")]),

        h2(textBlock("2. 월별 마일스톤 및 주요 과정 (2026년 3월 ~ 6월)")),

        h3(textBlock("📌 [3월] 1단계: 분석 및 기획 확정")),
        li([textBlock("- 서버 및 그누보드 원본 데이터베이스 권한 확보")]),
        li([textBlock("- As-Is 데이터 분석 및 UI/UX 사이트맵 구조도 스케치 설계")]),
        li([textBlock("➡️ (산출물) 전체 마스터 개발 계획표 확정 및 컨펌", true)]),

        h3(textBlock("📌 [4월] 2단계: 신규 디자인 및 퍼블리싱")),
        li([textBlock("- 천주교 부산교구 벤치마킹 요소 반영한 메인/서브 시안 초안 작업")]),
        li([textBlock("- 워드프레스 테마 기반 HTML/CSS/JS 프론트엔드 최적화 (모바일/태블릿 반응형 포함)")]),
        li([textBlock("➡️ (산출물) 클라이언트 접속용 신규 사이트 시안 링크 보고", true)]),

        h3(textBlock("📌 [5월] 3단계: DB 마이그레이션 스크립트화 및 백엔드 연동")),
        li([textBlock("- PHP/SQL 커스텀 파싱을 이용한 KBoard / 사진게시판 1차 덤프 마이그레이션")]),
        li([textBlock("- 노션 JSON API를 활용하여 그리드형 매거진 연동 뷰 구축")]),
        li([textBlock("➡️ (산출물) 1차 마이그레이션 적용 결과 및 매거진 기능 시연 검수", true)]),

        h3(textBlock("📌 [6월] 4단계: 통합 테스트(QA) 및 대망의 최종 오픈")),
        li([textBlock("- 이미지 깨짐, 카테고리 누락, 크로스 브라우징 및 404 링크 집중 QA 점검")]),
        li([textBlock("- 클라이언트 관리자 세팅 (사용자 친화적 대시보드 환경 부여)")]),
        li([textBlock("➡️ (산출물) 최종 리뉴얼 시스템 가동 및 관리자 메뉴얼 가이드 인수인계 완료", true)]),

        h2(textBlock("3. TO-BE 주요 사이트맵 (Draft)")),
        li([textBlock("메인 페이지:", true), textBlock(" 비주얼 배너, 노션 연동 매거진 구역, 주요 소식 리스트")]),
        li([textBlock("소개 (About):", true), textBlock(" 메뉴 구조 재편 (연혁, 조직도, 오시는 길 등)")]),
        li([textBlock("사업 안내 (Biz):", true), textBlock(" 주요 보육 및 보호 활동 안내 콘텐츠")]),
        li([textBlock("소식/참여 (News):", true), textBlock(" (KBoard 반영) 공지, 소식통, 자유 참여형 게시판")]),
        li([textBlock("갤러리/매거진:", true), textBlock(" (WP Post 반영) 썸네일 기반 활동 갤러리 뷰어")])
    ]
};

fetch(`https://api.notion.com/v1/pages`, {
    method: 'POST',
    headers: {
        'Authorization': `Bearer ${token}`,
        'Content-Type': 'application/json',
        'Notion-Version': '2022-06-28'
    },
    body: JSON.stringify(requestBody)
})
    .then(res => {
        if (!res.ok) throw new Error(`HTTP Error: ${res.status}`);
        return res.json();
    })
    .then(data => {
        console.log("✅ 클라이언트 공유용 최상위 마스터 플랜 페이지가 성공적으로 생성되었습니다!");
        console.log("바로가기 ID:", data.id);
    })
    .catch(err => console.error("❌ 페이지 생성 실패:", err.message));