Merge branch 'dev'

gs0428 · gs0428 · commit 6ab4631042d2 · 2025-09-25T22:52:46.000+09:00
diff --git a/.github/workflows/deploy-vercel.yml b/.github/workflows/deploy-vercel.yml
@@ -29,36 +29,8 @@ jobs:
             --scope "$VERCEL_ORG_ID" \
             --project "$VERCEL_PROJECT_ID"
 
-      - name: Deploy & Redeploy on Failure
-        shell: bash
+      - name: Deploy to Production
         run: |
-          set +e
-
-          # 1) Initial production deploy (capture logs)
           npx vercel --prod --yes \
             --token "$VERCEL_TOKEN" \
-            --scope "$VERCEL_ORG_ID" > deploy.log 2>&1
-          EXIT_CODE=$?
-          cat deploy.log
-
-          # Extract deployment URL
-          DEPLOY_URL=$(grep -Eo 'https?://[A-Za-z0-9.-]+\.vercel\.app' deploy.log | head -n1)
-
-          # 2) Check if failure is due to @repo/types module error and redeploy if so
-          if [ $EXIT_CODE -ne 0 ]; then
-            if grep -q "Cannot find module '@repo/types'" deploy.log; then
-              echo "❗️ Initial deployment failed due to @repo/types module error. Redeploying..."
-              npx vercel redeploy "$DEPLOY_URL" \
-                --token "$VERCEL_TOKEN" \
-                --scope "$VERCEL_ORG_ID"
-              REDO_EXIT=$?
-              if [ $REDO_EXIT -ne 0 ]; then
-                echo "::error::Redeploy failed (exit code=$REDO_EXIT)!"
-                exit 1
-              fi
-            else
-              echo "❌ Deployment failed but not due to @repo/types module error. Exiting..."
-              echo "::error::Deployment failed with exit code $EXIT_CODE"
-              exit 1
-            fi
-          fi
+            --scope "$VERCEL_ORG_ID"
diff --git a/apps/extension/manifest.json b/apps/extension/manifest.json
@@ -13,7 +13,7 @@
   "background": {
     "service_worker": "service-worker.js"
   },
-  "host_permissions": ["https://linkyboard.nebula-ai.kr/*", "http://localhost:3000/*"],
+  "host_permissions": ["https://api.linkyboard.com/*", "http://localhost:3000/*"],
   "icons": {
     "128": "public/icon128.png"
   }
diff --git a/apps/extension/src/pages/search-content.tsx b/apps/extension/src/pages/search-content.tsx
@@ -23,23 +23,32 @@ import {
   useQuickSaveYoutubeContent,
 } from "../lib/tanstack/mutation/content";
 
-const getHtmlContent = async () => {
+const createHtmlFile = (htmlContent: string) => {
+  const htmlBlob = new Blob([htmlContent], { type: "text/html" });
+  return new File([htmlBlob], "content.html", { type: "text/html" });
+};
+
+// 현재 탭의 HTML과 썸네일 메타 정보를 읽어 저장에 필요한 파일과 데이터를 만든다.
+const getHtmlPayload = async () => {
   const html = await getHtmlText();
   const htmlContent = html.split("------MultipartBoundary--")[1];
 
   if (!htmlContent) {
     errorToast("잘못된 페이지에요. 다시 시도해주세요.");
-    return { htmlContent: "", thumbnail: "" };
+    return null;
   }
 
   const thumbnail = extractMetaContent(htmlContent, "og:image");
 
-  if (thumbnail === null) {
+  if (!thumbnail) {
     errorToast("썸네일 추출 중 오류가 발생했어요. 다시 시도해주세요.");
-    return { htmlContent: "", thumbnail: "" };
+    return null;
   }
 
-  return { htmlContent, thumbnail };
+  return {
+    htmlFile: createHtmlFile(htmlContent),
+    thumbnail,
+  };
 };
 
 function LogoutDialogContent() {
@@ -74,6 +83,7 @@ function LogoutDialogContent() {
   );
 }
 
+// 현재 탭을 빠르게 저장하거나 요약 생성 플로우로 이어주는 북마크 저장 페이지.
 export default function SearchContent() {
   const { currentTab, isFindingExistPath } = useTabStore();
 
@@ -92,7 +102,7 @@ export default function SearchContent() {
     isPending: isPendingDetailSaveYoutubeContent,
   } = useDetailSaveYoutubeContent();
 
-  const saveDisabledd =
+  const isSaveDisabled =
     isFindingExistPath ||
     isPendingQuickSaveContent ||
     isPendingDetailSaveContent ||
@@ -108,12 +118,10 @@ export default function SearchContent() {
         url: currentTab.url,
       });
     } else {
-      const { htmlContent, thumbnail } = await getHtmlContent();
-      if (!htmlContent || !thumbnail) return;
-
-      const htmlBlob = new Blob([htmlContent], { type: "text/html" });
-      const htmlFile = new File([htmlBlob], "content.html", { type: "text/html" });
+      const payload = await getHtmlPayload();
+      if (!payload) return;
 
+      const { htmlFile, thumbnail } = payload;
       const formData = new FormData();
 
       formData.append("htmlFile", htmlFile);
@@ -139,12 +147,10 @@ export default function SearchContent() {
         },
       });
     } else {
-      const { htmlContent, thumbnail } = await getHtmlContent();
-      if (!htmlContent || !thumbnail) return;
-
-      const htmlBlob = new Blob([htmlContent], { type: "text/html" });
-      const htmlFile = new File([htmlBlob], "content.html", { type: "text/html" });
+      const payload = await getHtmlPayload();
+      if (!payload) return;
 
+      const { htmlFile, thumbnail } = payload;
       const formData = new FormData();
       formData.append("htmlFile", htmlFile);
 
@@ -212,7 +218,7 @@ export default function SearchContent() {
           {/* 저장만 하기 */}
           <Button
             onClick={onSaveOnly}
-            disabled={saveDisabledd}
+            disabled={isSaveDisabled}
             variant="outline"
             size="lg"
             className="w-full justify-start"
@@ -232,7 +238,7 @@ export default function SearchContent() {
           {/* 요약과 함께 저장하기 */}
           <Button
             onClick={onSaveWithSummary}
-            disabled={saveDisabledd}
+            disabled={isSaveDisabled}
             size="lg"
             className="w-full justify-start"
             aria-label="요약과 함께 저장하기"
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.1",
+    "@next/third-parties": "^15.5.3",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-separator": "^1.1.7",
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -47,7 +47,7 @@ export const metadata: Metadata = {
     description: "브라우저 통합 지식 관리 서비스로 흩어진 정보를 연결된 인사이트로 변환하세요.",
     type: "website",
     images: "/og-image.png",
-    url: "https://nebula-ai.kr",
+    url: "https://linkyboard.com",
     siteName: "LinkyBoard",
     locale: "ko_KR",
   },
@@ -58,7 +58,7 @@ export const metadata: Metadata = {
     images: "/og-image.png",
   },
   alternates: {
-    canonical: "https://nebula-ai.kr",
+    canonical: "https://linkyboard.com",
   },
   robots: {
     index: true,
diff --git a/apps/web/src/components/(with-side-bar)/library/content-list.tsx b/apps/web/src/components/(with-side-bar)/library/content-list.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useMemo, useState } from "react";
 
 import { Button } from "@/components/ui/button";
 import { CONTENT_TYPE_OPTIONS, ContentTypeOptions } from "@/constants/content";
@@ -31,6 +31,7 @@ const TYPE_OPTIONS = [
   },
 ];
 
+// 카테고리 내 콘텐츠를 태그/유형 필터와 함께 보여주는 리스트 컴포넌트다.
 export default function ContentList({ category }: ContentListProps) {
   const [selectedTags, setSelectedTags] = useState<string[]>([]);
   const [selectedType, setSelectedType] = useState<ContentTypeOptions>(CONTENT_TYPE_OPTIONS.ALL);
@@ -43,28 +44,23 @@ export default function ContentList({ category }: ContentListProps) {
   const { data, isLoading } = useGetCategoryContentById(categoryId);
   const contents: CategoryContentDTO[] = data || [];
 
-  // 모든 지식에서 태그 추출
-  const allTags = [...new Set(contents.flatMap((content) => content.tags))];
-
-  // 태그 필터링된 지식들
-  const filteredContents = (() => {
-    if (selectedTags.length === 0 && selectedType === CONTENT_TYPE_OPTIONS.ALL) return contents;
-
-    if (selectedTags.length > 0) {
-      return contents.filter((content) => selectedTags.every((tag) => content.tags.includes(tag)));
-    }
-
-    if (selectedType !== CONTENT_TYPE_OPTIONS.ALL) {
-      return contents.filter((content) => content.type !== selectedType);
-    }
+  const allTags = useMemo(
+    () => [...new Set(contents.flatMap((content) => content.tags))],
+    [contents]
+  );
 
-    return contents.filter(
-      (content) =>
-        selectedTags.every((tag) => content.tags.includes(tag)) &&
-        selectedType !== CONTENT_TYPE_OPTIONS.ALL &&
-        content.type === selectedType
-    );
-  })();
+  // 복합 필터 조건을 메모이제이션해 카드 목록 계산을 명확하게 유지한다.
+  const filteredContents = useMemo(() => {
+    return contents.filter((content) => {
+      const matchesTags =
+        selectedTags.length === 0 ||
+        selectedTags.every((tag) => content.tags.includes(tag));
+      const matchesType =
+        selectedType === CONTENT_TYPE_OPTIONS.ALL || content.type === selectedType;
+
+      return matchesTags && matchesType;
+    });
+  }, [contents, selectedTags, selectedType]);
 
   const isFilterApplied = selectedTags.length > 0 || selectedType !== CONTENT_TYPE_OPTIONS.ALL;
 
diff --git a/apps/web/src/components/(with-side-bar)/library/content-sidebar.tsx b/apps/web/src/components/(with-side-bar)/library/content-sidebar.tsx
@@ -20,6 +20,7 @@ import { ContentDetailDTO } from "@/models/content";
 import { contentSchema, type ContentSchemaType } from "@/schemas/content";
 import { errorToast, infoToast } from "@/utils/toast";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { YouTubeEmbed } from "@next/third-parties/google";
 import { Dialog, DialogTrigger } from "@repo/ui/components/dialog";
 import { useOutsideClick } from "@repo/ui/hooks/use-outside-click";
 import { cn } from "@repo/ui/utils/cn";
@@ -388,12 +389,12 @@ export default function ContentSidebar() {
               </div>
 
               {isYoutube && (
-                <iframe
-                  className="aspect-video"
-                  src={`https://www.youtube.com/embed/${youtubeId}`}
-                  title="YouTube video player"
-                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
-                />
+                <div className="aspect-video">
+                  <YouTubeEmbed
+                    videoid={youtubeId || ""}
+                    params="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
+                  />
+                </div>
               )}
 
               <div>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`"background": {`
`14`	`14`	`"service_worker": "service-worker.js"`
`15`	`15`	`},`
`16`		`- "host_permissions": ["https://linkyboard.nebula-ai.kr/", "http://localhost:3000/"],`
	`16`	`+ "host_permissions": ["https://api.linkyboard.com/", "http://localhost:3000/"],`
`17`	`17`	`"icons": {`
`18`	`18`	`"128": "public/icon128.png"`
`19`	`19`	`}`