Merge pull request #39 from Turtle-Hwan/feat/todo

Feat/todo

Author: Turtle-Hwan

.github/workflows/create-release.yml

@@ -0,0 +1,85 @@
+name: Create Release
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+
+jobs:
+  create-release:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Get current version
+        id: version
+        run: |
+          VERSION=$(node -p "require('./public/manifest.json').version")
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+          echo "tag=v$VERSION" >> $GITHUB_OUTPUT
+
+      - name: Check if release exists
+        id: check_release
+        run: |
+          if git ls-remote --tags origin | grep -q "refs/tags/${{ steps.version.outputs.tag }}"; then
+            echo "exists=true" >> $GITHUB_OUTPUT
+            echo "Release ${{ steps.version.outputs.tag }} already exists, skipping..."
+          else
+            echo "exists=false" >> $GITHUB_OUTPUT
+            echo "Creating new release ${{ steps.version.outputs.tag }}..."
+          fi
+
+      - name: Setup pnpm
+        if: steps.check_release.outputs.exists == 'false'
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
+      - name: Setup Node.js
+        if: steps.check_release.outputs.exists == 'false'
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        if: steps.check_release.outputs.exists == 'false'
+        run: pnpm install
+
+      - name: Build extension
+        if: steps.check_release.outputs.exists == 'false'
+        env:
+          VITE_GA_API_SECRET: ${{ secrets.VITE_GA_API_SECRET }}
+        run: tsc -b && pnpm exec vite build --mode production
+
+      - name: Create dist.zip
+        if: steps.check_release.outputs.exists == 'false'
+        run: |
+          cd dist
+          zip -r ../dist.zip .
+          cd ..
+
+      - name: Create Release
+        if: steps.check_release.outputs.exists == 'false'
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: ${{ steps.version.outputs.tag }}
+          name: Release ${{ steps.version.outputs.version }}
+          body: |
+            ## LinKU ${{ steps.version.outputs.version }}
+
+            자동 생성된 릴리스입니다.
+
+            ### 설치 방법
+            1. dist.zip 파일을 다운로드하고 압축을 풉니다
+            2. Chrome 확장 프로그램 페이지에서 "개발자 모드"를 활성화합니다
+            3. "압축해제된 확장 프로그램을 로드합니다"를 클릭하고 압축 해제한 폴더를 선택합니다
+          files: |
+            dist.zip
+          draft: false
+          prerelease: false

.github/workflows/pr-build-check.yml

@@ -0,0 +1,34 @@
+name: PR Build Check
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build project
+        run: pnpm run build:local
+
+      - name: Build success
+        run: echo "✅ Build completed successfully!"

package.json

@@ -27,6 +27,7 @@
     "lucide-react": "^0.475.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.2.0",
     "tailwindcss-animate": "^1.0.7"
   },

pnpm-lock.yaml

@@ -113,6 +113,8 @@ body {
 
 @theme inline {
   /* 색상 매핑 */
+  --color-main: #00913a;
+  --color-hover: #007a30;
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);

src/App.css

@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import "./App.css";
 import MainLayout from "./components/MainLayout";
 import TabsLayout from "./components/TabsLayout";
+import { Toaster } from "./components/ui/sonner";
 import { sendPageView } from "./utils/analytics";
 
 function App() {
@@ -21,6 +22,7 @@ function App() {
       <MainLayout>
         <TabsLayout />
       </MainLayout>
+      <Toaster duration={2000} />
     </>
   );
 }

src/App.tsx

@@ -1,4 +1,6 @@
 // eCampusAPI.js
+import { ECampusTodoItem } from "@/types/todo";
+
 export interface ECampusLoginResponse {
   success: boolean;
   data?: {
@@ -12,22 +14,11 @@ export interface ECampusLoginResponse {
   error?: string;
 }
 
-export interface TodoItem {
-  id: string;
-  title: string;
-  subject: string;
-  dDay: string;
-  dueDate: string;
-  kj: string;
-  gubun: string;
-  seq: string;
-}
-
 export interface ECampusTodoResponse {
   success: boolean;
   needLogin?: boolean;
   data?: {
-    todoList?: TodoItem[];
+    todoList?: ECampusTodoItem[];
     [key: string]: unknown;
   };
   error?: unknown;
@@ -108,7 +99,7 @@ export async function eCampusTodoListAPI(): Promise<ECampusTodoResponse> {
     }
 
     // TodoList 항목 파싱
-    const todoItems: TodoItem[] = [];
+    const todoItems: ECampusTodoItem[] = [];
     const todoWraps = doc.querySelectorAll(".todo_wrap:not(.no_data)");
 
     todoWraps.forEach((item, index) => {
@@ -134,7 +125,8 @@ export async function eCampusTodoListAPI(): Promise<ECampusTodoResponse> {
       if (!title) return;
 
       todoItems.push({
-        id: `${index}`,
+        type: 'ecampus',
+        id: `ecampus-${index}`,
         title,
         subject,
         dDay,

src/apis/eCampusAPI.ts

@@ -86,9 +86,9 @@ const Banner = () => {
 
 const BannerImgSkeleton = () => {
   return (
-    <div className="w-[500px] h-[85px] bg-[#00913A]/10 animate-pulse rounded-md overflow-hidden flex items-center justify-between">
+    <div className="w-[500px] h-[85px] bg-main/10 animate-pulse rounded-md overflow-hidden flex items-center justify-between">
       <div className="flex-1 h-full flex items-center justify-center">
-        <div className="w-[450px] h-[65px] bg-[#00913A]/15 rounded-md"></div>
+        <div className="w-[450px] h-[65px] bg-main/15 rounded-md"></div>
       </div>
     </div>
   );