build.sh

#!/bin/bash

# Chrome Extension Build Script
# 自動打包 Extension 供發布使用

set -e  # 遇到錯誤立即停止

# 顏色定義
GREEN='\033[0;32m'
BLUE='\033[0;34m'
YELLOW='\033[1;33m'
NC='\033[0m' # No Color

echo -e "${BLUE}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
echo -e "${BLUE}   Chrome Extension Build Script${NC}"
echo -e "${BLUE}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
echo ""

# 取得專案根目錄
PROJECT_ROOT="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
cd "$PROJECT_ROOT"

# 從 manifest.json 讀取版本號
VERSION=$(grep '"version"' manifest.json | sed 's/.*"version": "\(.*\)".*/\1/')
echo -e "${BLUE}📦 版本：${NC}v${VERSION}"

# 定義輸出檔案名稱
OUTPUT_FILE="JobScraper-v${VERSION}.zip"
TEMP_DIR="dist_temp"

# 清理舊的暫存目錄
if [ -d "$TEMP_DIR" ]; then
    echo -e "${YELLOW}🗑️  清理舊的暫存目錄...${NC}"
    rm -rf "$TEMP_DIR"
fi

# 創建暫存目錄
echo -e "${BLUE}📁 建立暫存目錄...${NC}"
mkdir -p "$TEMP_DIR"

# 複製需要的檔案
echo -e "${BLUE}📋 複製核心檔案...${NC}"

# 核心 JS/HTML 檔案
cp manifest.json "$TEMP_DIR/"
cp background.js "$TEMP_DIR/"
cp content.js "$TEMP_DIR/"
cp popup.html "$TEMP_DIR/"
cp popup.js "$TEMP_DIR/"
cp logger.js "$TEMP_DIR/"
cp notionOAuth.js "$TEMP_DIR/"
cp env.js "$TEMP_DIR/"

# 圖示檔案
echo -e "${BLUE}🎨 複製圖示檔案...${NC}"
cp icon-16.png "$TEMP_DIR/"
cp icon-32.png "$TEMP_DIR/"
cp icon-48.png "$TEMP_DIR/"
cp icon-128.png "$TEMP_DIR/"

# 語言檔案
echo -e "${BLUE}🌐 複製語言檔案...${NC}"
cp -r _locales "$TEMP_DIR/"

# 清理 .DS_Store 檔案
find "$TEMP_DIR" -name ".DS_Store" -type f -delete

# 顯示打包內容
echo ""
echo -e "${BLUE}📦 打包內容：${NC}"
echo "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
ls -lh "$TEMP_DIR" | tail -n +2 | awk '{printf "  %-30s %8s\n", $9, $5}'
echo ""
echo -e "${BLUE}📁 語言檔案：${NC}"
ls "$TEMP_DIR/_locales"
echo "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
echo ""

# 刪除舊的 zip 檔（如果存在）
if [ -f "$OUTPUT_FILE" ]; then
    echo -e "${YELLOW}🗑️  刪除舊的打包檔案...${NC}"
    rm "$OUTPUT_FILE"
fi

# 打包成 zip
echo -e "${BLUE}🔨 打包成 ${OUTPUT_FILE}...${NC}"
cd "$TEMP_DIR"
zip -r "../$OUTPUT_FILE" . -q
cd ..

# 清理暫存目錄
echo -e "${BLUE}🧹 清理暫存目錄...${NC}"
rm -rf "$TEMP_DIR"

# 顯示結果
FILE_SIZE=$(ls -lh "$OUTPUT_FILE" | awk '{print $5}')
echo ""
echo -e "${GREEN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
echo -e "${GREEN}✅ 打包完成！${NC}"
echo -e "${GREEN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
echo ""
echo -e "${BLUE}📦 檔案名稱：${NC}${OUTPUT_FILE}"
echo -e "${BLUE}📊 檔案大小：${NC}${FILE_SIZE}"
echo -e "${BLUE}📂 檔案位置：${NC}${PROJECT_ROOT}/${OUTPUT_FILE}"
echo ""
echo -e "${YELLOW}📝 下一步：${NC}"
echo "  1. 上傳到 Chrome Web Store Developer Dashboard"
echo "  2. 網址：https://chrome.google.com/webstore/devconsole"
echo ""
echo -e "${YELLOW}⚠️  記得：${NC}"
echo "  • 發布前檢查 env.js 中的 client_secret"
echo "  • 發布後更新 Notion Developer 的 Redirect URI"
echo ""