add calendar id and color

Author: as6325400

example.env

@@ -1 +1,3 @@
-VITE_NOT_CHROME_CLIENT_ID=
+VITE_NOT_CHROME_CLIENT_ID=
+VITE_CALENDAR_NAME='CCU Homework Calendar'
+VITE_CALENDAR_DEFAULT_COLOR='6'

src/js/calendar.js

@@ -0,0 +1,42 @@
+export async function getOrCreateCalendar(token, name = import.meta.env.VITE_CALENDAR_NAME) {
+  // 1. 先列出所有日曆
+  const listRes = await fetch("https://www.googleapis.com/calendar/v3/users/me/calendarList", {
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  });
+
+  const listData = await listRes.json();
+
+  if (!listRes.ok) {
+    throw new Error(`List calendars failed: ${listRes.status} ${listData.error?.message}`);
+  }
+
+  // 2. 查找是否已有相同名稱的日曆
+  const existing = listData.items.find((cal) => cal.summary === name);
+  if (existing) {
+    return existing.id;
+  }
+
+  // 3. 若無則創建新日曆
+  const createRes = await fetch("https://www.googleapis.com/calendar/v3/calendars", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${token}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      summary: name,
+      description: "由 CCU Class 自動建立的作業日曆",
+      timeZone: "Asia/Taipei",
+    }),
+  });
+
+  const createData = await createRes.json();
+
+  if (!createRes.ok) {
+    throw new Error(`Create calendar failed: ${createRes.status} ${createData.error?.message}`);
+  }
+
+  return createData.id;
+}

src/js/popup.js

@@ -145,7 +145,10 @@ async function launchWebAuthFlowForGoogle() {
   return new Promise((resolve, reject) => {
     // Except Chrome Client ID
     const clientId = import.meta.env.VITE_NOT_CHROME_CLIENT_ID;
-    const scope = "https://www.googleapis.com/auth/calendar.events";
+    const scopes = [
+      "https://www.googleapis.com/auth/calendar.events",
+      "https://www.googleapis.com/auth/calendar",
+    ];
 
     const redirectUri = `https://${chrome.runtime.id}.chromiumapp.org/`;
 
@@ -154,7 +157,7 @@ async function launchWebAuthFlowForGoogle() {
       `?response_type=token` +
       `&client_id=${encodeURIComponent(clientId)}` +
       `&redirect_uri=${encodeURIComponent(redirectUri)}` +
-      `&scope=${encodeURIComponent(scope)}` +
+      `&scope=${encodeURIComponent(scopes.join(" "))}` +
       `&prompt=consent`;
 
     chrome.identity.launchWebAuthFlow(

src/js/utils.js

@@ -1,3 +1,5 @@
+import { getOrCreateCalendar } from "./calendar.js";
+
 export function getCurrentYearMonth() {
   const today = new Date();
   return {
@@ -78,16 +80,18 @@ function normalizeBatchText(raw) {
   return raw.replace(/\r?\n/g, "\r\n");
 }
 
-function generateBatchRequestBody(events, boundary = "batch_boundary") {
+function generateBatchRequestBody(events, boundary = "batch_boundary", calendarId) {
   const CRLF = "\r\n";
   let body = "";
+  console.log(calendarId);
 
   events.forEach((event, i) => {
     body += `--${boundary}${CRLF}`;
     body += `Content-Type: application/http${CRLF}`;
     body += `Content-ID: <item-${i + 1}>${CRLF}${CRLF}`;
 
-    body += `POST /calendar/v3/calendars/primary/events HTTP/1.1${CRLF}`;
+    body += `POST /calendar/v3/calendars/${calendarId}/events HTTP/1.1${CRLF}`;
+    body += `Host: www.googleapis.com${CRLF}`;
     body += `Content-Type: application/json${CRLF}${CRLF}`;
 
     const eventPayload = {
@@ -104,6 +108,7 @@ function generateBatchRequestBody(events, boundary = "batch_boundary") {
     };
 
     body += JSON.stringify(eventPayload) + CRLF + CRLF;
+    console.log(body);
   });
 
   body += `--${boundary}--${CRLF}`;
@@ -148,7 +153,8 @@ function parseGoogleBatchResponse(responseText) {
 // Google Calendar API batch add Event
 export async function addBatchEventsToCalendar(token, events) {
   const boundary = "batch_boundary_" + Date.now();
-  const body = generateBatchRequestBody(events, boundary);
+  const calendarId = await getOrCreateCalendar(token);
+  const body = generateBatchRequestBody(events, boundary, calendarId);
 
   const res = await fetch("https://www.googleapis.com/batch/calendar/v3", {
     method: "POST",

src/manifest.json

@@ -27,7 +27,8 @@
   "oauth2": {
     "client_id": "529259850785-eg40qfiu14k4806pocqtgoqprs4v5njn.apps.googleusercontent.com",
     "scopes": [
-      "https://www.googleapis.com/auth/calendar.events"
+      "https://www.googleapis.com/auth/calendar.events",
+      "https://www.googleapis.com/auth/calendar"
     ]
   }
 }