Merge pull request #30 from LinkyBoard/dev

[WEB] 배포 최신화

Author: gs0428

apps/web/next.config.ts

@@ -1,5 +1,7 @@
 import type { NextConfig } from "next";
 
+import { S3_BASE_URL } from "@/utils/env";
+
 const nextConfig: NextConfig = {
   images: {
     remotePatterns: [
@@ -13,6 +15,14 @@ const nextConfig: NextConfig = {
       },
     ],
   },
+  async rewrites() {
+    return [
+      {
+        source: "/api/s3/:path*",
+        destination: `${S3_BASE_URL}/:path*`,
+      },
+    ];
+  },
   turbopack: {
     rules: {
       "*.svg": {
@@ -22,6 +32,7 @@ const nextConfig: NextConfig = {
     },
   },
   devIndicators: false,
+  reactStrictMode: false,
   webpack(config) {
     // Grab the existing rule that handles SVG imports
     const fileLoaderRule = config.module.rules.find(

apps/web/package.json

@@ -9,25 +9,18 @@
     "lint": "eslint --fix \"**/*.{ts,tsx,md}\""
   },
   "dependencies": {
+    "@blocknote/core": "^0.40.0",
+    "@blocknote/react": "^0.40.0",
+    "@blocknote/shadcn": "^0.40.0",
+    "@hookform/resolvers": "^5.2.1",
+    "@linkyboard/components": "workspace:*",
     "@linkyboard/hooks": "workspace:*",
     "@linkyboard/utils": "workspace:*",
-    "@linkyboard/components": "workspace:*",
-    "@hookform/resolvers": "^5.2.1",
     "@next/third-parties": "^15.5.4",
     "@tanstack/react-query": "^5.84.1",
-    "@tiptap/extension-code-block": "^3.1.0",
-    "@tiptap/extension-highlight": "^3.1.0",
-    "@tiptap/extension-image": "^3.1.0",
-    "@tiptap/extension-link": "^3.1.0",
-    "@tiptap/extension-placeholder": "^3.1.0",
-    "@tiptap/pm": "^3.1.0",
-    "@tiptap/react": "^3.1.0",
-    "@tiptap/starter-kit": "^3.1.0",
-    "@uiw/react-md-editor": "^4.0.8",
     "@xyflow/react": "^12.8.2",
     "ky": "^1.8.2",
     "lucide-react": "^0.536.0",
-    "marked": "^16.2.0",
     "next": "15.5.4",
     "react": "19.1.0",
     "react-dom": "19.1.0",

apps/web/src/app/(with-side-bar)/library/page.tsx

@@ -1,5 +1,5 @@
-import SearchHeader from "@/components/(with-side-bar)/layout/search-header";
 import AddCategoryDialog from "@/components/(with-side-bar)/library/layout/add-category-dialog";
+import SearchHeader from "@/components/common/search-header";
 import LibraryPage from "@/page/library";
 
 interface LibraryPageProps {

apps/web/src/app/(with-side-bar)/topic/[id]/@modal/(.)sticker/page.tsx

@@ -0,0 +1,23 @@
+import TopicStickerDetailModal from "@/components/(with-side-bar)/topic/sticker/topic-sticker-detail-modal";
+
+import TopicStickerDetail from "../../sticker/page";
+
+interface InterceptedTopicDetailProps {
+  params: Promise<{
+    id: string;
+  }>;
+  searchParams: Promise<{
+    stickerId: string;
+  }>;
+}
+
+export default async function InterceptedTopicDetail(props: InterceptedTopicDetailProps) {
+  const { id } = await props.params;
+  const { stickerId } = await props.searchParams;
+
+  return (
+    <TopicStickerDetailModal id={id} stickerId={stickerId}>
+      <TopicStickerDetail {...props} />
+    </TopicStickerDetailModal>
+  );
+}

apps/web/src/app/(with-side-bar)/topic/[id]/@modal/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null;
+}

apps/web/src/app/(with-side-bar)/topic/[id]/layout.tsx

@@ -0,0 +1,17 @@
+interface TopicStickerDetailLayoutProps {
+  children: React.ReactNode;
+  modal: React.ReactNode;
+}
+
+export default function TopicStickerDetailLayout({
+  children,
+  modal,
+}: TopicStickerDetailLayoutProps) {
+  return (
+    <>
+      {children}
+      {modal}
+      <div id="modal-root" />
+    </>
+  );
+}

apps/web/src/app/(with-side-bar)/topic/[id]/page.tsx

@@ -0,0 +1,20 @@
+import { redirect, RedirectType } from "next/navigation";
+
+import type { ContentTypeOptions } from "@/constants/content";
+import TopicBoardPage from "@/page/topic/[id]";
+
+interface TopicBoardProps {
+  params: Promise<{ id: string }>;
+  searchParams: Promise<{ type?: ContentTypeOptions }>;
+}
+
+export default async function TopicBoard({ params, searchParams }: TopicBoardProps) {
+  const { id } = await params;
+  const { type } = await searchParams;
+
+  if (!id) {
+    return redirect("/topic", RedirectType.replace);
+  }
+
+  return <TopicBoardPage id={id} type={type || "ALL"} />;
+}

apps/web/src/app/(with-side-bar)/topic/[id]/sticker/page.tsx

@@ -0,0 +1,17 @@
+import TopicStickerDetailPage from "@/page/topic/[id]/sticker";
+
+interface TopicDetailProps {
+  params: Promise<{
+    id: string;
+  }>;
+  searchParams: Promise<{
+    stickerId: string;
+  }>;
+}
+
+export default async function TopicStickerDetail({ params, searchParams }: TopicDetailProps) {
+  const { id } = await params;
+  const { stickerId } = await searchParams;
+
+  return <TopicStickerDetailPage id={id} stickerId={stickerId} />;
+}

apps/web/src/app/(with-side-bar)/topic/page.tsx

@@ -1,12 +1,5 @@
-import type { ContentTypeOptions } from "@/constants/content";
-import TopicBoardPage from "@/page/topic";
+import NewTopicPage from "@/page/topic";
 
-interface TopicBoardProps {
-  searchParams: Promise<{ id?: string; type?: ContentTypeOptions }>;
-}
-
-export default async function TopicBoard({ searchParams }: TopicBoardProps) {
-  const { id, type } = await searchParams;
-
-  return <TopicBoardPage id={id || ""} type={type || "ALL"} />;
+export default async function NewTopic() {
+  return <NewTopicPage />;
 }