Merge remote-tracking branch 'origin/main' into iipbs/sn/dev

.gitignore

@@ -1,10 +1,19 @@
 # turbo
-.turbo
+.turbo/
 
 # dependencies
-node_modules
+node_modules/
+
+# build
+.next/
+dist/
+
+# build
+.next
+dist
 
 # misc
 .DS_Store
-apps/wr/.next/**/*
-apps/fo/.next/**/*
+
+# env
+.env*

README.md

@@ -33,7 +33,7 @@
 
 ## 새로운 프로젝트 설치 및 실행
 
-### 1. 프로젝트 생성(Next.js)
+### 1. 프로젝트 생성(Next.js 기준)
 
 ```bash
 npx create-next-app@latest ./apps/as --typescript --eslint --tailwind --app
@@ -44,6 +44,12 @@ npx create-next-app@latest ./apps/as --typescript --eslint --tailwind --app
 ```json
 {
   // 기타 설정 ...
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
   "dependencies": {
     "@common/components": "workspace:*", // 추가
     "react": "^19.0.0", // 제거
@@ -62,7 +68,10 @@ npx create-next-app@latest ./apps/as --typescript --eslint --tailwind --app
 {
   // 기타 설정 ...
   "paths": {
-    "@common/components": ["../../packages/common/components/src"], // 추가
+    "@common/components/*": ["../../../packages/common/components/src/*"],
+    "@common/components": ["../../../packages/common/components/src"],
+    "@common/network/*": ["../../../packages/common/network/*"],
+    "@common/network": ["../../../packages/common/network/"]
   }
 }
 ```
@@ -83,7 +92,61 @@ export default {
 } satisfies Config;
 ```
 
-### 5. globals.css(또는 전역 css) 수정
+### 5. next.config.ts 수정
+```json
+import type { NextConfig } from "next";
+import webpack from "webpack";
+
+const serverApiUrl =
+  process.env.NEXT_PUBLIC_SERVER_API_URL || "http://localhost:3000";
+
+const nextConfig: NextConfig = {
+  webpack: (config) => {
+    config.plugins.push(
+      // common/components의 vite 환경 변수를 next 환경 변수로 정의
+      new webpack.DefinePlugin({
+        "import.meta.env.VITE_PORT": JSON.stringify(
+          process.env.NEXT_PUBLIC_PORT,
+        ),
+        "import.meta.env.VITE_PROXY_HOST": JSON.stringify(
+          process.env.NEXT_PUBLIC_PROXY_HOST,
+        ),
+        "import.meta.env.VITE_SERVER_API_URL": JSON.stringify(
+          process.env.NEXT_PUBLIC_SERVER_API_URL,
+        ),
+        "import.meta.env.VITE_SITE_ID": JSON.stringify(process.env.SITE_ID),
+        "import.meta.env.VITE_CLAIM_NAME": JSON.stringify(
+          process.env.NEXT_PUBLIC_CLAIM_NAME,
+        ),
+        "import.meta.env.VITE_ACCESS_TOKEN": JSON.stringify(
+          process.env.NEXT_PUBLIC_ACCESS_TOKEN,
+        ),
+        "import.meta.env.VITE_REFRESH_TOKEN": JSON.stringify(
+          process.env.NEXT_PUBLIC_REFRESH_TOKEN,
+        ),
+        "import.meta.env.VITE_AUTH_USER_ID": JSON.stringify(
+          process.env.NEXT_PUBLIC_AUTH_USER_ID,
+        ),
+        "process.env.SITE_ID": JSON.stringify(process.env.NEXT_PUBLIC_SITE_ID),
+      }),
+    );
+
+    return config;
+  },
+  async rewrites() {
+    return [
+      {
+        source: "/server/:path*",
+        destination: `${serverApiUrl}/:path*`,
+      },
+    ];
+  },
+};
+
+export default nextConfig;
+```
+
+### 6. globals.css(또는 전역 css) 수정
 
 ```css
 @import "@common/assets/index.css";
@@ -95,7 +158,7 @@ export default {
 /* 기타 스타일 */
 ```
 
-### 6. 패키지 의존성 재설치
+### 7. 패키지 의존성 재설치
 
 ```bash
 rm -rf node_modules pnpm-lock.yaml
@@ -109,7 +172,7 @@ pnpm install
 - Next.js(^15)
 - Tailwind CSS(^3)
 - react-dnd-treeview(^3)
-- ~~TUI Grid(^4)~~ -> TanStack Table (v8)
+- TanStack Table (v8)
 - Chart.js(^4)
 - Storybook(^8)
 - tus-js-client(^4)
@@ -120,3 +183,10 @@ pnpm install
 ## 링크
 
 - 컴포넌트 가이드(스토리북): http://www.onasys.co.kr/design/template
+
+
+## API 서버 
+http://dev.onasys.co.kr:8000
+
+## Swagger
+http://dev.onasys.co.kr:8000/webjars/swagger-ui/index.html?urls.primaryName=attach-service

apps/cs/.env.local

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_PORT=3000
+NEXT_PUBLIC_SERVER_API_URL=http://192.168.0.102:8000

apps/cs/.gitignore

@@ -30,9 +30,6 @@ yarn-debug.log*
 yarn-error.log*
 .pnpm-debug.log*
 
-# env files (can opt-in for committing if needed)
-.env*
-
 # vercel
 .vercel
 

apps/cs/app/(with-base-layout)/layout.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { BaseLayout } from "@common/components/ui";
+
+export default function WithBaseLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <BaseLayout>{children}</BaseLayout>;
+}

apps/cs/app/(with-base-layout)/site/register/[id]/page.tsx

@@ -0,0 +1,10 @@
+import { ModifyPage as VModifyPage } from "@/pages/site";
+
+export default async function ModifyPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  return <VModifyPage siteId={id} />;
+}

apps/cs/app/(with-base-layout)/site/register/page.tsx

@@ -0,0 +1,2 @@
+import { CreatePage } from "@/pages/site";
+export default CreatePage;

apps/cs/app/api/proxy/[...url]/route.ts

@@ -0,0 +1,100 @@
+import {
+  ACCESS_TOKEN,
+  AUTH_USER_ID,
+  CLAIM_NAME,
+  REFRESH_TOKEN,
+  SERVER_API_URL,
+  SITE_ID,
+} from "@/shared/config";
+import { cookies } from "next/headers";
+import { NextResponse } from "next/server";
+
+async function handler(
+  request: Request,
+  params: { url: string[] },
+  method: "GET" | "POST" | "PUT" | "DELETE",
+) {
+  const cookieStore = await cookies();
+  const headers: Record<string, string> = {
+    "Content-Type": "application/json",
+    "X-Site-Id": SITE_ID,
+  };
+  let body = {};
+  const isRefreshHandler = params.url.includes("refresh");
+
+  // silent refresh
+  if (isRefreshHandler) {
+    const refreshToken = cookieStore.get(REFRESH_TOKEN);
+    headers[CLAIM_NAME] = refreshToken?.value ?? "";
+
+    if (!headers[CLAIM_NAME]) {
+      return NextResponse.json({ message: "Can't refresh" }, { status: 401 });
+    }
+  }
+
+  try {
+    if (!isRefreshHandler) {
+      body = await request.json();
+    }
+
+    const result = await fetch(`${SERVER_API_URL}/${params.url.join("/")}`, {
+      method,
+      headers,
+      body: JSON.stringify(body),
+    });
+
+    if (!result.ok) {
+      return NextResponse.json(
+        { message: "Invalid Credentials" },
+        { status: 401 },
+      );
+    }
+
+    const accessToken = result.headers.get(ACCESS_TOKEN);
+    const refreshToken = result.headers.get(REFRESH_TOKEN);
+    const userId = result.headers.get(AUTH_USER_ID);
+
+    if (accessToken && userId) {
+      const response = NextResponse.json({
+        [ACCESS_TOKEN]: accessToken,
+        [AUTH_USER_ID]: userId,
+      });
+
+      if (refreshToken) {
+        cookieStore.set(REFRESH_TOKEN, refreshToken, {
+          httpOnly: true,
+          sameSite: "lax",
+          path: "/",
+        });
+      }
+
+      return response;
+    }
+
+    return NextResponse.json(
+      { message: "Invalid Credentials" },
+      { status: 401 },
+    );
+  } catch (error) {
+    return NextResponse.json(
+      { message: "Server Error", error },
+      { status: 500 },
+    );
+  }
+}
+
+export async function POST(
+  request: Request,
+  props: { params: Promise<{ url: string[] }> },
+) {
+  const params = await props.params;
+  return handler(request, params, "POST");
+}
+
+export async function PUT(
+  request: Request,
+  props: { params: Promise<{ url: string[] }> },
+) {
+  const params = await props.params;
+  return handler(request, params, "PUT");
+}

apps/cs/app/auth/login/page.tsx

@@ -0,0 +1,2 @@
+import { LoginPage } from "@/pages/auth/login";
+export default LoginPage;

apps/cs/app/site/register/page.tsx

@@ -1,2 +0,0 @@
-import { RegisterPage } from "@/pages/site";
-export default RegisterPage;

apps/cs/env.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_PORT: string;
+  readonly VITE_PROXY_HOST: string;
+  readonly VITE_SERVER_API_URL: string;
+  readonly VITE_SITE_ID: string;
+  readonly VITE_CLAIM_NAME: string;
+  readonly VITE_ACCESS_TOKEN: string;
+  readonly VITE_REFRESH_TOKEN: string;
+  readonly VITE_AUTH_USER_ID: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

apps/cs/middleware.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+
+const serverApiUrl =
+  process.env.NEXT_PUBLIC_SERVER_API_URL ?? "http://localhost:3000";
+
+export function middleware(req: NextRequest) {
+  const pathname = req.nextUrl.pathname;
+  const searchParams = req.nextUrl.searchParams;
+
+  if (pathname.startsWith("/server")) {
+    const queryParams = searchParams.toString();
+    const newUrl = `${serverApiUrl}${pathname.replace("/server", "")}${
+      queryParams ? `?${queryParams}` : ""
+    }`;
+    console.log("Rewriting to: ", newUrl);
+    return NextResponse.rewrite(new URL(newUrl));
+  }
+
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: "/server/:path*",
+};

apps/cs/next.config.ts

@@ -1,5 +1,37 @@
 import type { NextConfig } from "next";
+import webpack from "webpack";
 
-const nextConfig: NextConfig = {};
+const nextConfig: NextConfig = {
+  webpack: (config) => {
+    config.plugins.push(
+      new webpack.DefinePlugin({
+        "import.meta.env.VITE_PORT": JSON.stringify(
+          process.env.NEXT_PUBLIC_PORT,
+        ),
+        "import.meta.env.VITE_PROXY_HOST": JSON.stringify(
+          process.env.NEXT_PUBLIC_PROXY_HOST,
+        ),
+        "import.meta.env.VITE_SERVER_API_URL": JSON.stringify(
+          process.env.NEXT_PUBLIC_SERVER_API_URL,
+        ),
+        "import.meta.env.VITE_SITE_ID": JSON.stringify(process.env.SITE_ID),
+        "import.meta.env.VITE_CLAIM_NAME": JSON.stringify(
+          process.env.NEXT_PUBLIC_CLAIM_NAME,
+        ),
+        "import.meta.env.VITE_ACCESS_TOKEN": JSON.stringify(
+          process.env.NEXT_PUBLIC_ACCESS_TOKEN,
+        ),
+        "import.meta.env.VITE_REFRESH_TOKEN": JSON.stringify(
+          process.env.NEXT_PUBLIC_REFRESH_TOKEN,
+        ),
+        "import.meta.env.VITE_AUTH_USER_ID": JSON.stringify(
+          process.env.NEXT_PUBLIC_AUTH_USER_ID,
+        ),
+      }),
+    );
+
+    return config;
+  },
+};
 
 export default nextConfig;

apps/cs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cs",
-  "version": "0.1.0",
+  "version": "0.0.0",
   "private": true,
   "scripts": {
     "dev": "NODE_OPTIONS='--inspect' next dev",
@@ -11,13 +11,29 @@
   "dependencies": {
     "@common/assets": "workspace:*",
     "@common/components": "workspace:*",
+    "@frontend-opensource/use-react-hooks": "^1.1.4",
+    "@hookform/resolvers": "^4.1.3",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@tanstack/react-query": "^5.67.1",
     "@tanstack/react-table": "^8.21.2",
-    "next": "15.1.7"
+    "axios": "^1.8.1",
+    "chart.js": "^4.4.8",
+    "dayjs": "^1.11.13",
+    "js-cookie": "^3.0.5",
+    "next": "15.1.7",
+    "react-chartjs-2": "^5.3.0",
+    "react-hook-form": "^7.54.2",
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.24.2",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
     "@faker-js/faker": "^9.5.0",
+    "@types/js-cookie": "^3.0.6",
     "@types/node": "^22.13.1",
+    "@types/webpack": "^5.28.5",
     "eslint": "^9",
     "eslint-config-next": "15.1.7",
     "postcss": "^8",

apps/cs/src/app/index.tsx

@@ -1,10 +1,16 @@
 import "./styles/base.css";
 import "./styles/components.css";
+import { AppProvider } from "./providers";
+import { cookies } from "next/headers";
+
+const App = async ({ children }: Readonly<{ children: React.ReactNode }>) => {
+  const theme = (await cookies()).get("site-theme-key");
 
-const App = ({ children }: Readonly<{ children: React.ReactNode }>) => {
   return (
-    <html lang="ko">
-      <body>{children}</body>
+    <html lang="ko" data-theme={theme?.value}>
+      <body>
+        <AppProvider>{children}</AppProvider>
+      </body>
     </html>
   );
 };

apps/cs/src/app/providers/app-provider.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { ConfirmProvider } from "@frontend-opensource/use-react-hooks";
+import { AuthWrapper } from "@/entities/auth";
+import { StoreProvider } from "@/shared/providers";
+import { AlertDialog } from "@/shared/ui/alert-dialog";
+
+const AppProvider = ({ children }: Readonly<{ children: React.ReactNode }>) => {
+  return (
+    <StoreProvider>
+      <ConfirmProvider>
+        <AuthWrapper>
+          {children}
+          <AlertDialog />
+        </AuthWrapper>
+      </ConfirmProvider>
+    </StoreProvider>
+  );
+};
+
+export { AppProvider };

apps/cs/src/app/providers/index.ts

@@ -0,0 +1 @@
+export { AppProvider } from "./app-provider";

apps/cs/src/app/styles/components.css

@@ -5,7 +5,7 @@
     @apply relative m-[0.6rem] box-border min-h-[2rem] rounded-[0.5rem] p-[0.6rem] text-[1.3rem] text-[#666];
   }
   .card-border {
-    @apply shadow-blur border border-[#dbe2e6] bg-[rgba(255,255,255,0.6)];
+    @apply border border-[#dbe2e6] bg-[rgba(255,255,255,0.6)] shadow-blur;
   }
   .card-header {
     @apply -mx-[0.6rem] flex items-center justify-between border-b border-b-[#e1e7eb] p-4;
@@ -13,4 +13,13 @@
   .card-footer {
     @apply -mx-[0.6rem] mt-2 flex items-center justify-center border-t border-t-[#e1e7eb] py-4;
   }
+
+  [data-theme="black"] {
+    .card-border {
+      @apply border-[#3f4042] bg-[rgba(255,255,255,0.065)];
+    }
+    .card-header {
+      @apply border-b-[#3f4042];
+    }
+  }
 }

apps/cs/src/entities/auth/api/login-service.ts

@@ -0,0 +1,85 @@
+import { AxiosError } from "axios";
+import {
+  ENDPOINT,
+  JWT_EXPIRATION_TIME,
+  ACCESS_TOKEN,
+  AUTH_USER_ID,
+  CLAIM_NAME,
+} from "@/shared/config";
+import type { LoginService, ILogin } from "../model/login-interface";
+import { tokenManager } from "../lib/token-manager";
+
+export class LoginApiService implements LoginService {
+  private static instance: LoginApiService;
+
+  private constructor() {}
+
+  public static getInstance(): LoginApiService {
+    if (!LoginApiService.instance) {
+      LoginApiService.instance = new LoginApiService();
+    }
+    return LoginApiService.instance;
+  }
+
+  public async login(payload: ILogin): Promise<void> {
+    try {
+      const response = await fetch(`/api/proxy${ENDPOINT.USER_SERVICE.LOGIN}`, {
+        method: "POST",
+        body: JSON.stringify({
+          userId: payload.userId,
+          password: payload.password,
+        }),
+      });
+
+      const data = await response.json();
+      const accessToken = data[ACCESS_TOKEN];
+      const tokenId = data[AUTH_USER_ID];
+
+      if (!accessToken || !tokenId) {
+        throw new Error("Missing required authentication tokens");
+      }
+
+      tokenManager.setToken(CLAIM_NAME, accessToken);
+      tokenManager.setToken(AUTH_USER_ID, tokenId);
+      tokenManager.setupRefreshTimer(
+        () => this.silentRefresh(),
+        JWT_EXPIRATION_TIME,
+      );
+    } catch (error) {
+      if (error instanceof AxiosError) {
+        throw new Error(`Login failed: ${error.response?.data?.message}`);
+      }
+      throw new Error(`Login failed: ${error}`);
+    }
+  }
+
+  public async silentRefresh(): Promise<void> {
+    try {
+      const response = await fetch(
+        `/api/proxy${ENDPOINT.USER_SERVICE.SILENT_REFRESH}`,
+        { method: "PUT" },
+      );
+
+      const data = await response.json();
+      const accessToken = data[ACCESS_TOKEN];
+      const tokenId = data[AUTH_USER_ID];
+
+      if (!accessToken || !tokenId) {
+        throw new Error("Missing required authentication tokens");
+      }
+
+      tokenManager.setToken(CLAIM_NAME, accessToken);
+      tokenManager.setToken(AUTH_USER_ID, tokenId);
+    } catch (error) {
+      tokenManager.clearAuthToken();
+      if (error instanceof AxiosError) {
+        throw new Error(
+          `Silent refresh failed: ${error.response?.data?.message}`,
+        );
+      }
+      throw new Error(`Silent refresh failed: ${error}`);
+    }
+  }
+}
+
+export const LoginApi = LoginApiService.getInstance();

apps/cs/src/entities/auth/index.ts

@@ -0,0 +1,2 @@
+export { LoginApi } from "./api/login-service";
+export { AuthWrapper } from "./ui/auth-wrapper";

apps/cs/src/entities/auth/lib/token-manager.ts

@@ -0,0 +1,59 @@
+import { AUTH_USER_ID, CLAIM_NAME } from "@/shared/config";
+import { getCookie, setCookie, removeCookie } from "@/shared/lib";
+
+export class TokenManager {
+  private static instance: TokenManager;
+  private refreshTimer: NodeJS.Timeout | null = null;
+
+  private constructor() {}
+
+  public static getInstance(): TokenManager {
+    if (!TokenManager.instance) {
+      TokenManager.instance = new TokenManager();
+    }
+    return TokenManager.instance;
+  }
+
+  public getToken(key: string): string | undefined {
+    return getCookie(key);
+  }
+
+  public setToken(key: string, value: string): void {
+    setCookie(key, value, {
+      secure: window.location.protocol === "https:",
+      sameSite: "lax",
+    });
+  }
+
+  public removeToken(key: string): void {
+    removeCookie(key);
+  }
+
+  public setupRefreshTimer(
+    callback: () => Promise<void>,
+    expirationTime: number,
+  ): void {
+    if (this.refreshTimer) {
+      clearTimeout(this.refreshTimer);
+    }
+
+    this.refreshTimer = setTimeout(() => {
+      callback().catch((error) => {
+        console.error("Silent refresh failed:", error);
+        this.clearAuthToken();
+      });
+    }, expirationTime - 60000);
+  }
+
+  public clearAuthToken(): void {
+    if (this.refreshTimer) {
+      clearTimeout(this.refreshTimer);
+      this.refreshTimer = null;
+    }
+
+    this.removeToken(CLAIM_NAME);
+    this.removeToken(AUTH_USER_ID);
+  }
+}
+
+export const tokenManager = TokenManager.getInstance();

apps/cs/src/entities/auth/model/login-interface.ts

@@ -0,0 +1,9 @@
+export interface ILogin {
+  userId: string;
+  password: string;
+}
+
+export interface LoginService {
+  login(payload: ILogin): Promise<void>;
+  silentRefresh(): Promise<void>;
+}

apps/cs/src/entities/auth/ui/auth-wrapper.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { client } from "@/shared/api";
+import type { IUserInfo } from "@/shared/store";
+import { getCookie, useUserStore } from "@/shared/lib";
+import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
+import { LoginApi } from "../api/login-service";
+
+const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
+  const router = useRouter();
+  const { userInfo, setUserInfo } = useUserStore((state) => state);
+
+  async function authCheck() {
+    const userId = getCookie(AUTH_USER_ID);
+    if (!userId) {
+      throw new Error("Missing required authentication tokens");
+    }
+
+    const response = await client.get<IUserInfo>(
+      `${ENDPOINT.USER_SERVICE.USERS}/${userId}`,
+    );
+    if (!userInfo) setUserInfo(response.data);
+  }
+
+  useEffect(() => {
+    (async () => {
+      try {
+        await authCheck();
+      } catch (error) {
+        console.error(error);
+
+        try {
+          await LoginApi.silentRefresh();
+          await authCheck();
+        } catch (refreshError) {
+          console.error("Token refresh failed:", refreshError);
+          setUserInfo(null);
+          router.push("/auth/login");
+        }
+      }
+    })();
+  }, []);
+
+  return <>{children}</>;
+};
+
+export { AuthWrapper };

apps/cs/src/entities/code/api/code-service.ts

@@ -0,0 +1,14 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+import type { CodeService, ICode } from "../model/code-interface";
+
+export class CodeApiService implements CodeService {
+  public async getCode(upCd: string): Promise<ICode[]> {
+    const response = await client.get<ICode[]>(
+      `${ENDPOINT.CMS_SERVICE.CODE}/${upCd}`,
+    );
+    return response.data;
+  }
+}
+
+export const CodeApi = new CodeApiService();

apps/cs/src/entities/code/index.ts

@@ -0,0 +1 @@
+export { CodeSelect } from "./ui/code-select";

apps/cs/src/entities/code/model/code-interface.ts

@@ -0,0 +1,9 @@
+export interface ICode {
+  lwpoCd: string;
+  upCd: string;
+  lwpoCdNm: string;
+}
+
+export interface CodeService {
+  getCode(upCd: string): Promise<ICode[]>;
+}

apps/cs/src/entities/code/ui/code-select.tsx

@@ -0,0 +1,45 @@
+import { useQuery } from "@tanstack/react-query";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@common/components";
+import { ENDPOINT } from "@/shared/config";
+import { CodeApi } from "../api/code-service";
+
+type CodeSelectProps = {
+  upCd: string;
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+};
+
+function CodeSelect({ upCd, defaultValue, ...props }: CodeSelectProps) {
+  const { data: code } = useQuery({
+    queryKey: [ENDPOINT.CMS_SERVICE.CODE, upCd],
+    queryFn: () => CodeApi.getCode(upCd),
+    enabled: !!upCd,
+  });
+
+  const defaultValueText =
+    code?.find((item) => item.lwpoCd === defaultValue)?.lwpoCdNm ?? "선택";
+
+  return (
+    <Select {...props}>
+      <SelectTrigger className="w-[12rem]">
+        <SelectValue placeholder={defaultValueText} />
+      </SelectTrigger>
+      <SelectContent>
+        {code?.map((item) => (
+          <SelectItem key={item.lwpoCd} value={item.lwpoCd}>
+            {item.lwpoCdNm}
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}
+
+export { CodeSelect };

apps/cs/src/pages/auth/login/index.ts

@@ -0,0 +1 @@
+export { LoginPage } from "./ui/login-page";

apps/cs/src/pages/auth/login/ui/login-page.tsx

@@ -0,0 +1,131 @@
+"use client";
+
+import Image from "next/image";
+import { images } from "@common/assets";
+import { LoginApi } from "@/entities/auth";
+import "./login.css";
+import { useRouter } from "next/navigation";
+
+function LoginPage() {
+  const router = useRouter();
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+
+    const formData = new FormData(e.target as HTMLFormElement);
+    const userId = formData.get("id") as string;
+    const password = formData.get("password") as string;
+
+    await LoginApi.login({ userId, password });
+    router.push("/site");
+  };
+
+  return (
+    <div className="login fx">
+      <div className="left_box fx">
+        <div className="text">
+          <h1>
+            하수도정보시스템
+            <br />
+            <span>CMS 통합관리시스템</span>
+          </h1>
+          <p>하수도정보시스템 CMS 통합관리시스템에 오신 것을 환영합니다.</p>
+        </div>
+        <div className="img">
+          <Image src={images.logo} width={229} height={46} alt="logo" />
+        </div>
+      </div>
+      <form
+        id="loginForm"
+        name="loginForm"
+        method="post"
+        onSubmit={handleSubmit}
+      >
+        <div className="login_box fx">
+          <ul className="fx">
+            <li>
+              <h2>ID</h2>
+              <div className="input_st st1">
+                <i className="diveicon di-account-box" />
+                <input
+                  type="text"
+                  className="id"
+                  title="아이디를 입력하세요."
+                  id="id"
+                  name="id"
+                  maxLength={12}
+                />
+              </div>
+            </li>
+            <li>
+              <h2>PASSWORD</h2>
+              <div className="input_st st2">
+                <i className="diveicon di-key" />
+                <input
+                  type="password"
+                  className="input_style"
+                  maxLength={25}
+                  title="비밀번호를 입력하세요."
+                  id="password"
+                  name="password"
+                />
+              </div>
+            </li>
+          </ul>
+          <div className="bottom_box fx">
+            <div className="checks fx">
+              <input
+                type="checkbox"
+                name="checkId"
+                title="로그인ID 저장여부"
+                id="checkId"
+              />
+              <label htmlFor="checkId">아이디저장</label>
+            </div>
+            {/* <a href="javascript:fnUserSearch();" className=" pw_message fx"><i className="xi-external-link"></i>비밀번호 또는 아이디를 잃어버리셨나요?</a> */}
+          </div>
+          <button type="submit" className="login_btn fx">
+            <span>LOGIN</span>
+          </button>
+          <div className="footer">
+            <div className="copy fx">
+              <p>copyright © 2023 KECO. All rights reserved.</p>
+            </div>
+            <div className="fot_btn fx">
+              <a
+                href="https://keco.or.kr/web/lay1/S1T6C1348/contents.do"
+                target="_blank"
+              >
+                개인정보처리방침
+              </a>
+              <a
+                href="https://keco.or.kr/web/lay1/S1T6C1349/contents.do"
+                target="_blank"
+              >
+                저작권정책안내
+              </a>
+              <a
+                href="https://keco.or.kr/web/lay1/S1T6C1350/contents.do"
+                target="_blank"
+              >
+                이메일무단수집거부
+              </a>
+            </div>
+            <p className="addr fx">
+              <span>
+                주소 : (22689) 인천광역시 서구 환경로 42(경서동
+                종합환경연구단지)
+              </span>
+              <span>
+                전화 : (시스템) 032-590-4321, 3752, 4314 / (통 계) 032-590-3723,
+                3722
+              </span>
+              <span>팩스 :032-590-3729</span>
+            </p>
+          </div>
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export { LoginPage };

apps/cs/src/pages/auth/login/ui/login.css

@@ -0,0 +1,311 @@
+/**
+* OLYM Cascading Style Sheets
+* File Name : login.css
+* Description : 로그인 스타일시트
+* Author : Web business Team / Choi Hyun Mi
+* Email : desingtj@olym.co.kr
+* Date : 2023.07.20
+* Update : 2023.07.26
+* Copyright(c) 2023 OLYM Communications. All Rights Reserved.
+*/
+html,
+body {
+  background: #fff;
+}
+.fx {
+  display: flex;
+  -ms-display: flex;
+  -webkit-display: flex;
+  box-sizing: border-box;
+}
+.login {
+  width: 100%;
+  height: 100vh;
+}
+.login .left_box {
+  width: 100%;
+  background: url(../../../../../public/images/bg_login.jpg) no-repeat
+    center/cover;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 7% 5% 5% 5%;
+}
+.login .left_box .text h1 {
+  font-size: 53px;
+  color: #fff;
+}
+.login .left_box .text h1 span {
+  font-weight: 800;
+}
+.login .left_box .text p {
+  margin-top: 40px;
+  font-size: 18px;
+  color: #fff;
+}
+.login .login_box {
+  width: 100%;
+  flex-direction: column;
+  justify-content: center;
+  padding: 4% 12% 4% 6%;
+}
+.login .login_box > ul {
+  flex-direction: column;
+  gap: 40px;
+}
+.login .login_box > ul > li h2 {
+  font-size: 22px;
+  font-weight: 600;
+  color: #2640a5;
+  margin-bottom: 14px;
+}
+.login .login_box > ul > li .input_st {
+  position: relative;
+}
+.login .login_box > ul > li .input_st .diveicon {
+  position: absolute;
+  top: 50%;
+  left: 28px;
+  transform: translateY(-50%);
+  font-family: "Xeicon";
+  font-size: 25px;
+  color: #003288;
+}
+.login .login_box > ul > li input {
+  width: 100%;
+  padding: 20px 20px 20px 70px;
+  background: #f7f7f7;
+  box-sizing: border-box;
+  border: none;
+  border-radius: 5px;
+  font-size: 18px;
+  font-weight: 700;
+  color: #000;
+  height: auto;
+}
+.login .login_box > ul > li input:focus {
+  outline: 1px solid #3c5fe5;
+}
+.login .login_box > ul > li input::placeholder {
+  color: #afabab;
+  font-weight: 500;
+}
+.login .login_box .bottom_box {
+  justify-content: space-between;
+  gap: 20px;
+  padding: 50px 0 45px 0;
+}
+.login .login_box .bottom_box .checks {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.login .login_box .bottom_box .checks input[type="checkbox"] {
+  width: 18px;
+  height: 18px;
+}
+.login .login_box .bottom_box .checks label {
+  font-size: 14px;
+}
+.login .login_box .bottom_box .pw_message {
+  align-items: center;
+  gap: 5px;
+  color: #636363;
+  font-weight: 500;
+  border-bottom: 1px solid #ccc;
+  padding-bottom: 5px;
+}
+.login .login_box .bottom_box .pw_message i {
+  color: #327af5;
+  font-size: 20px;
+}
+.login .login_box .login_btn {
+  position: relative;
+  border-radius: 5px;
+  padding: 24px 15px;
+  background: linear-gradient(
+    to left,
+    #1d3969 0%,
+    #264078 10%,
+    #172558 40%,
+    #162254 50%,
+    #111c43 60%,
+    #111c42 100%
+  );
+  overflow: hidden;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  color: #fff;
+  cursor: pointer;
+}
+.login .login_box .login_btn span {
+  font-family: "Montserrat";
+  font-size: 19px;
+  font-weight: 700;
+  position: relative;
+}
+.login .login_box .login_btn i {
+  font-size: 22px;
+  transform: translateY(-2px);
+}
+.login .login_box .login_btn:before {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  background: linear-gradient(
+    to right,
+    #1d3969 0%,
+    #264078 10%,
+    #172558 40%,
+    #162254 50%,
+    #111c43 60%,
+    #111c42 100%
+  );
+  transition: opacity 0.5s;
+}
+.login .login_box .login_btn:hover::before {
+  opacity: 1;
+}
+.login .footer .copy {
+  margin-top: 36px;
+  justify-content: space-between;
+  align-items: center;
+  gap: 3%;
+}
+.login .footer .copy p {
+  font-size: 13px;
+  color: #d4d4d4;
+  width: 44%;
+  text-align: center;
+}
+.login .footer .copy::before,
+.login .login_box .copy::after {
+  content: "";
+  width: 20%;
+  height: 1px;
+  background: #d4d4d4;
+}
+.login .footer .fot_btn {
+  gap: 20px;
+  margin: 30px 0 10px 0;
+}
+.login .footer .fot_btn a {
+  color: #333;
+  font-weight: 700;
+  font-size: 13px;
+}
+.login .footer .fot_btn a:hover {
+  color: #003288;
+}
+.login .footer .addr {
+  color: #666;
+  font-size: 13px;
+  gap: 3px 20px;
+  flex-wrap: wrap;
+}
+/* 비밀번호 변경 팝업창 */
+.login .modal .modal_container {
+  width: 750px;
+}
+.login .pw_desc {
+  padding: 10px 10px 30px 10px;
+  color: #666;
+}
+.login .pw_desc p {
+  font-size: 1.25rem;
+  color: #000;
+  font-weight: 700;
+  margin-bottom: 10px;
+}
+.login .pw_desc span {
+  color: #f60;
+  font-weight: 700;
+}
+.login .modal .form_write {
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  padding: 20px 50px;
+}
+@media (max-width: 1024px) {
+  .login {
+    flex-direction: column;
+    height: auto;
+  }
+  .login .left_box {
+    padding: 30px;
+    flex-direction: column-reverse;
+    gap: 20px;
+  }
+  .login .left_box .text h1 {
+    font-size: 30px;
+    line-height: 1.2em;
+  }
+  .login .left_box .text p {
+    margin-top: 20px;
+    font-size: 14px;
+  }
+  .login .left_box .img img {
+    height: 40px;
+  }
+  .login .login_box {
+    padding: 30px;
+  }
+  .login .login_box > ul {
+    gap: 20px;
+  }
+  .login .login_box > ul > li h2 {
+    margin-bottom: 7px;
+  }
+  .login .login_box > ul > li .input_st::after {
+    left: 15px;
+    font-size: 20px;
+  }
+  .login .login_box > ul > li input {
+    padding: 15px 10px 15px 50px;
+    font-size: 16px;
+  }
+  .login .login_box .bottom_box {
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 30px 0;
+  }
+  .login .login_box .bottom_box .id_save label {
+    font-size: 14px;
+  }
+  .login .login_box .login_btn {
+    padding: 15px;
+  }
+  .login .login_box .login_btn span {
+    font-size: 16px;
+  }
+  .login .login_box .login_btn i {
+    font-size: 18px;
+    transform: translateY(-1px);
+  }
+  .login .login_box .copy p {
+    width: 100%;
+  }
+  .login .login_box .copy::before,
+  .login .login_box .copy::after {
+    display: none;
+  }
+  .login .footer .addr {
+    font-size: 11px;
+    gap: 3px 10px;
+  }
+  .login .modal .modal_container {
+    width: 90%;
+  }
+  .login .pw_desc {
+    padding: 0 0 20px 0;
+  }
+  .login .modal .form_write {
+    padding: 10px;
+  }
+}
+/* // login */

apps/cs/src/pages/site/api/domain-service.ts

@@ -0,0 +1,28 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+import type {
+  Domain,
+  DomainService,
+  DomainList,
+  IDomainParams,
+} from "../model/domain-interface";
+
+export class DomainApiService implements DomainService {
+  public async getDomainList(params: IDomainParams): Promise<DomainList> {
+    const response = await client.get<DomainList>(
+      `${ENDPOINT.CMS_SERVICE.DOMAINS}`,
+      { params },
+    );
+    return response.data;
+  }
+
+  public async saveDomainList(body: Domain[]): Promise<void> {
+    const response = await client.post<void>(
+      `${ENDPOINT.CMS_SERVICE.DOMAINS}`,
+      body,
+    );
+    return response.data;
+  }
+}
+
+export const DomainApi = new DomainApiService();

apps/cs/src/pages/site/api/ip-service.ts

@@ -0,0 +1,22 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+import type { IIpParams, IP, IpList, IpService } from "../model/ip-interface";
+
+export class IpApiService implements IpService {
+  public async getIpList(params: IIpParams): Promise<IpList> {
+    const response = await client.get<IpList>(`${ENDPOINT.CMS_SERVICE.IPS}`, {
+      params,
+    });
+    return response.data;
+  }
+
+  public async saveIpList(body: IP[]): Promise<void> {
+    const response = await client.post<void>(
+      `${ENDPOINT.CMS_SERVICE.IPS}`,
+      body,
+    );
+    return response.data;
+  }
+}
+
+export const IpApi = new IpApiService();

apps/cs/src/pages/site/api/site-service.ts

@@ -0,0 +1,54 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+import {
+  siteFormSchema,
+  type SiteService,
+  type SiteList,
+  type ISiteDetail,
+  type ISiteParams,
+  type SiteFormData,
+} from "../model/site-interface";
+
+export class SiteApiService implements SiteService {
+  public async getSiteList(params: ISiteParams): Promise<SiteList> {
+    const response = await client.get<SiteList>(
+      `${ENDPOINT.CMS_SERVICE.SITES}`,
+      { params },
+    );
+    return response.data;
+  }
+
+  public async siteDetail(siteId: string): Promise<ISiteDetail> {
+    const response = await client.get<ISiteDetail>(
+      `${ENDPOINT.CMS_SERVICE.SITES}/${siteId}`,
+    );
+    return response.data;
+  }
+
+  public async createSite(data: SiteFormData): Promise<void> {
+    const validatedData = siteFormSchema.parse(data);
+    const response = await client.post<void>(
+      `${ENDPOINT.CMS_SERVICE.SITES}`,
+      validatedData,
+    );
+    return response.data;
+  }
+
+  public async modifySite(siteId: string, data: SiteFormData): Promise<void> {
+    const validatedData = siteFormSchema.parse(data);
+    const response = await client.put<void>(
+      `${ENDPOINT.CMS_SERVICE.SITES}/${siteId}`,
+      validatedData,
+    );
+    return response.data;
+  }
+
+  public async deleteSite(siteId: string): Promise<void> {
+    const response = await client.delete<void>(
+      `${ENDPOINT.CMS_SERVICE.SITES}/${siteId}`,
+    );
+    return response.data;
+  }
+}
+
+export const SiteApi = new SiteApiService();

apps/cs/src/pages/site/index.ts

@@ -1,2 +1,3 @@
-export { RegisterPage } from "./ui/register-page";
+export { CreatePage } from "./ui/create-page";
+export { ModifyPage } from "./ui/modify-page";
 export { SitePage } from "./ui/site-page";

apps/cs/src/pages/site/model/__mocks__.tsx

@@ -1,59 +0,0 @@
-import { createColumnHelper } from "@tanstack/react-table";
-import { fakerKO as faker } from "@faker-js/faker";
-
-type Site = {
-  id: number;
-  사이트코드: string;
-  사이트명: string;
-  대표_URL: string;
-  기본_사이트_여부: boolean;
-  사용_여부: boolean;
-  등록자: string;
-  등록일: string;
-};
-
-faker.seed(123);
-
-const data: Site[] = Array.from({ length: 100 }, (_, i) => ({
-  id: i + 1,
-  사이트코드: faker.string.alpha(2).toUpperCase(),
-  사이트명: faker.lorem.word(),
-  대표_URL: faker.internet.url(),
-  기본_사이트_여부: faker.datatype.boolean(),
-  사용_여부: faker.datatype.boolean(),
-  등록자: faker.person.fullName(),
-  등록일: faker.date.recent().toISOString().split("T")[0] as string,
-}));
-
-const columnHelper = createColumnHelper<Site>();
-
-const columns = [
-  columnHelper.accessor("id", {
-    header: "NO",
-  }),
-  columnHelper.accessor("사이트코드", {
-    header: "사이트코드",
-  }),
-  columnHelper.accessor("사이트명", {
-    header: "사이트명",
-  }),
-  columnHelper.accessor("대표_URL", {
-    header: "대표_URL",
-  }),
-  columnHelper.accessor("기본_사이트_여부", {
-    header: "기본 사이트 여부",
-    cell: (info) => (info.getValue() ? "Y" : "N"),
-  }),
-  columnHelper.accessor("사용_여부", {
-    header: "사용 여부",
-    cell: (info) => (info.getValue() ? "Y" : "N"),
-  }),
-  columnHelper.accessor("등록자", {
-    header: "등록자",
-  }),
-  columnHelper.accessor("등록일", {
-    header: "등록일",
-  }),
-];
-
-export { data, columns };

apps/cs/src/pages/site/model/domain-interface.ts

@@ -0,0 +1,31 @@
+import { z } from "zod";
+import type { IPageableParams, PageableList } from "@/shared/model";
+
+export interface IDomainParams extends IPageableParams {
+  keywordType?: string;
+  keyword?: string;
+  siteId?: string;
+  useYn?: string;
+}
+
+export const domainSchema = z.object({
+  siteDmnNo: z.number().nullish(),
+  siteId: z.string(),
+  dmnAddr: z.string().nonempty(),
+  useYn: z.string(),
+  rprsDmnYn: z.string(),
+  mode: z.string(),
+});
+
+export const domainFormSchema = z.object({
+  domains: z.array(domainSchema),
+});
+
+export type Domain = z.infer<typeof domainSchema>;
+export type DomainFormData = z.infer<typeof domainFormSchema>;
+export type DomainList = PageableList<Domain[]>;
+
+export interface DomainService {
+  getDomainList(params: IDomainParams): Promise<DomainList>;
+  saveDomainList(body: Domain[]): Promise<void>;
+}

apps/cs/src/pages/site/model/ip-interface.ts

@@ -0,0 +1,29 @@
+import { z } from "zod";
+import type { IPageableParams, PageableList } from "@/shared/model";
+
+export interface IIpParams extends IPageableParams {
+  siteId: string;
+  ipAddr?: string;
+  prmYn?: string;
+}
+
+export const ipSchema = z.object({
+  mngNo: z.number().nullish(),
+  siteId: z.string(),
+  ipAddr: z.string().nonempty(),
+  prmYn: z.string(),
+  mode: z.string(),
+});
+
+export const ipFormSchema = z.object({
+  ips: z.array(ipSchema),
+});
+
+export type IP = z.infer<typeof ipSchema>;
+export type IPFormData = z.infer<typeof ipFormSchema>;
+export type IpList = PageableList<IP[]>;
+
+export interface IpService {
+  getIpList(params: IIpParams): Promise<IpList>;
+  saveIpList(body: IP[]): Promise<void>;
+}

apps/cs/src/pages/site/model/site-interface.ts

@@ -0,0 +1,57 @@
+import { z } from "zod";
+import type { IPageableParams, PageableList } from "@/shared/model";
+
+export interface ISiteParams extends IPageableParams {
+  siteNm?: string;
+  siteKndCd?: string;
+  useYn?: string;
+}
+
+export interface ISite {
+  siteId: string;
+  siteNm: string;
+  siteKindCode: string;
+  bscSiteYn: string;
+  siteAddr: string;
+  useYn: string;
+  regDt: string;
+  rgTrNm: string;
+}
+
+export interface ISiteDetail extends SiteFormData {
+  siteId: string;
+  siteKindNm: string;
+  basicSiteYn: string;
+  faxNumber: string;
+  regDt: string;
+  rgTr: string;
+  mdfcnDt: string;
+  mdFr: string;
+  rgTrNm: string;
+  mdFrNm: string;
+}
+
+export const siteFormSchema = z.object({
+  siteId: z.string().max(2).nonempty(),
+  siteNm: z.string().max(100).nonempty(),
+  siteExpln: z.string().max(1000).nullable(),
+  siteKndCd: z.string().max(10).nonempty(),
+  siteAddr: z.string().max(2000).nullable(),
+  faxNo: z.string().max(100).nullable(),
+  telNo: z.string().max(1000).nullable(),
+  lwndCn: z.string().max(2000).nullable(),
+  bscSiteYn: z.string(),
+  bkmkIcon: z.string().max(100).nullable(),
+  useYn: z.string(),
+  siteSkn: z.string().max(10).nullable(),
+});
+
+export type SiteFormData = z.infer<typeof siteFormSchema>;
+export type SiteList = PageableList<ISite[]>;
+
+export interface SiteService {
+  getSiteList(params: ISiteParams): Promise<SiteList>;
+  siteDetail(siteId: string): Promise<ISiteDetail>;
+  modifySite(siteId: string, data: SiteFormData): Promise<void>;
+  createSite(data: SiteFormData): Promise<void>;
+}

apps/cs/src/pages/site/model/table-columns.tsx

@@ -0,0 +1,48 @@
+import dayjs from "dayjs";
+import { createColumnHelper } from "@tanstack/react-table";
+import type { ISite } from "./site-interface";
+
+const columnHelper = createColumnHelper<ISite>();
+
+const columns = [
+  columnHelper.accessor((_, index) => index + 1, {
+    id: "no",
+    header: "NO",
+  }),
+  columnHelper.accessor("siteId", {
+    id: "siteId",
+    header: "사이트코드",
+  }),
+  columnHelper.accessor("siteNm", {
+    id: "siteNm",
+    header: "사이트명",
+  }),
+  columnHelper.accessor("siteAddr", {
+    id: "siteAddr",
+    header: "대표 URL",
+  }),
+  columnHelper.accessor("bscSiteYn", {
+    id: "bscSiteYn",
+    header: "기본 사이트 여부",
+    cell: (info) => (info.getValue() ? "Y" : "N"),
+  }),
+  columnHelper.accessor("useYn", {
+    id: "useYn",
+    header: "사용 여부",
+    cell: (info) => (info.getValue() ? "Y" : "N"),
+  }),
+  columnHelper.accessor("rgTrNm", {
+    id: "rgTrNm",
+    header: "등록자",
+  }),
+  columnHelper.accessor("regDt", {
+    id: "regDt",
+    header: "등록일",
+    cell: (info) => {
+      const date = dayjs(info.getValue());
+      return date.format("YYYY-MM-DD");
+    },
+  }),
+];
+
+export { columns };

apps/cs/src/pages/site/ui/create-page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { useMutation } from "@tanstack/react-query";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { SiteApi } from "../api/site-service";
+import { siteFormSchema, type SiteFormData } from "../model/site-interface";
+import { SitePageLayout } from "./layout";
+import { SiteForm } from "./site-form";
+import { useAlertStore } from "@/shared/lib/use-alert-store";
+
+function CreatePage() {
+  const router = useRouter();
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { mutateAsync: createSite } = useMutation({
+    mutationFn: (data: SiteFormData) => SiteApi.createSite(data),
+    onSuccess: () => {
+      alert("등록되었습니다.", router.back);
+    },
+  });
+
+  const form = useForm<SiteFormData>({
+    resolver: zodResolver(siteFormSchema),
+    defaultValues: {
+      siteId: "",
+      siteNm: "",
+      siteExpln: "",
+      siteKndCd: "",
+      siteAddr: "",
+      faxNo: "",
+      telNo: "",
+      lwndCn: "",
+      bscSiteYn: "",
+      bkmkIcon: "",
+      useYn: "",
+      siteSkn: "",
+    },
+  });
+
+  return (
+    <SitePageLayout>
+      <SiteForm form={form} handleSave={createSite} />
+    </SitePageLayout>
+  );
+}
+
+export { CreatePage };

apps/cs/src/pages/site/ui/domain-management-dialog.tsx

@@ -0,0 +1,321 @@
+import { useState } from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import { useForm, useFieldArray } from "react-hook-form";
+import {
+  Dialog,
+  DialogTrigger,
+  Button,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Input,
+  RadioGroup,
+  RadioGroupItem,
+  DialogFooter,
+  DialogClose,
+  Checkbox,
+} from "@common/components";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormMessage,
+} from "@/shared/ui/form";
+import { ENDPOINT } from "@/shared/config";
+import { DomainApi } from "../api/domain-service";
+import {
+  domainFormSchema,
+  type Domain,
+  type DomainFormData,
+} from "../model/domain-interface";
+import { ConfirmDialog } from "@/shared/ui/confirm-dialog";
+import { useAlertStore } from "@/shared/lib/use-alert-store";
+
+type DomainManagementDialogProps = {
+  siteId: string;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  handleSaveDomain?: (rows: Domain[]) => void;
+};
+
+function DomainManagementDialog({
+  siteId,
+  handleSaveDomain,
+  ...props
+}: DomainManagementDialogProps) {
+  const { confirm } = useConfirm();
+  const { setMessage: alert } = useAlertStore((state) => state);
+
+  const { data: domainList } = useQuery({
+    queryKey: [ENDPOINT.CMS_SERVICE.DOMAINS, props.open],
+    queryFn: () => DomainApi.getDomainList({ siteId }),
+    select: (data) => {
+      const domains = data.content.map((item) => ({
+        ...item,
+        mode: "U",
+      }));
+
+      initialForm();
+      return domains;
+    },
+  });
+
+  const { mutateAsync } = useMutation({
+    mutationFn: (body: Domain[]) => DomainApi.saveDomainList(body),
+  });
+
+  const form = useForm<DomainFormData>({
+    resolver: zodResolver(domainFormSchema),
+    values: {
+      domains: domainList ?? [],
+    },
+  });
+  const { fields, append, remove, update } = useFieldArray({
+    control: form.control,
+    name: "domains",
+  });
+
+  const [onConfirm, setOnConfirm] = useState(false);
+  const [selectedRows, setSelectedRows] = useState<number[]>([]);
+
+  const initialForm = () => {
+    form.reset();
+    setSelectedRows([]);
+  };
+
+  const onSubmit = async (data: DomainFormData) => {
+    setOnConfirm(true);
+    if (await confirm("저장하시겠습니까?")) {
+      setOnConfirm(false);
+      await mutateAsync(data.domains);
+      handleSaveDomain?.(data.domains);
+      alert("저장되었습니다.");
+    }
+    setOnConfirm(false);
+  };
+
+  const handleAddDomain = () => {
+    append({
+      siteDmnNo: null,
+      siteId,
+      dmnAddr: "",
+      useYn: "Y",
+      rprsDmnYn: "N",
+      mode: "C",
+    });
+  };
+
+  const handleSelectAll = () => {
+    if (selectedRows.length === fields.length) {
+      setSelectedRows([]);
+    } else {
+      setSelectedRows(fields.map((_, index) => index));
+    }
+  };
+
+  const handleSelectRow = (i: number) => {
+    setSelectedRows((prev) =>
+      prev.includes(i) ? prev.filter((j) => j !== i) : [...prev, i],
+    );
+  };
+
+  const handleDeleteDomain = async () => {
+    if (selectedRows.length === 0) return;
+
+    const sortedIndices = [...selectedRows].sort((a, b) => b - a);
+    sortedIndices.forEach((i) => {
+      const field = fields[i];
+      if (field?.siteDmnNo) {
+        update(i, {
+          ...field,
+          mode: "D",
+        });
+      } else {
+        remove(i);
+      }
+    });
+
+    setSelectedRows([]);
+  };
+
+  const handleChangeRprsDmnYn = (i: number) => {
+    fields.forEach((_, j) => {
+      if (j === i) return;
+      form.setValue(`domains.${j}.rprsDmnYn`, "N");
+    });
+  };
+
+  const isAllSelected =
+    fields.length > 0 && selectedRows.length === fields.length;
+
+  return (
+    <>
+      <Dialog {...props}>
+        <DialogTrigger asChild>
+          <Button>도메인 관리</Button>
+        </DialogTrigger>
+        <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
+          <DialogHeader>
+            <DialogTitle>도메인 관리</DialogTitle>
+          </DialogHeader>
+          <Form {...form}>
+            <form
+              onSubmit={(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                form.handleSubmit(onSubmit)(e);
+              }}
+            >
+              <div className="mb-4 flex justify-end gap-2">
+                <Button type="button" size="sm" onClick={handleAddDomain}>
+                  항목 추가
+                </Button>
+                <Button
+                  type="button"
+                  size="sm"
+                  color="red"
+                  onClick={handleDeleteDomain}
+                  disabled={selectedRows.length === 0}
+                >
+                  항목 삭제
+                </Button>
+              </div>
+              <div className="card card-border max-h-[28.5rem] overflow-auto">
+                <Table variant="secondary">
+                  <colgroup>
+                    <col width="10%" />
+                    <col width="auto" />
+                    <col width="15%" />
+                    <col width="25%" />
+                  </colgroup>
+                  <TableHeader className="sticky -top-[0.6rem]">
+                    <TableRow>
+                      <TableHead className="!px-0">
+                        <Checkbox
+                          checked={isAllSelected}
+                          onCheckedChange={handleSelectAll}
+                        />
+                      </TableHead>
+                      <TableHead>도메인 주소</TableHead>
+                      <TableHead>대표 URL</TableHead>
+                      <TableHead>사용여부</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {fields.map((field, i) => {
+                      if (field.mode === "D") return null;
+                      return (
+                        <TableRow key={field.id}>
+                          <TableCell align="center" className="!px-0">
+                            <Checkbox
+                              checked={selectedRows.includes(i)}
+                              onCheckedChange={() => handleSelectRow(i)}
+                            />
+                          </TableCell>
+                          <TableCell align="center">
+                            <FormField
+                              control={form.control}
+                              name={`domains.${i}.dmnAddr`}
+                              render={({ field }) => (
+                                <FormItem>
+                                  <FormControl>
+                                    <Input
+                                      {...field}
+                                      className="!text-[1.3rem]"
+                                    />
+                                  </FormControl>
+                                  <FormMessage className="text-left" />
+                                </FormItem>
+                              )}
+                            />
+                          </TableCell>
+                          <TableCell align="center">
+                            <FormField
+                              control={form.control}
+                              name={`domains.${i}.rprsDmnYn`}
+                              render={({ field }) => (
+                                <FormItem>
+                                  <FormControl>
+                                    <Checkbox
+                                      checked={field.value === "Y"}
+                                      onCheckedChange={(checked) => {
+                                        field.onChange(checked ? "Y" : "N");
+                                        handleChangeRprsDmnYn(i);
+                                      }}
+                                    />
+                                  </FormControl>
+                                  <FormMessage />
+                                </FormItem>
+                              )}
+                            />
+                          </TableCell>
+                          <TableCell align="center">
+                            <FormField
+                              control={form.control}
+                              name={`domains.${i}.useYn`}
+                              render={({ field }) => (
+                                <FormItem>
+                                  <FormControl>
+                                    <RadioGroup
+                                      value={field.value}
+                                      onValueChange={field.onChange}
+                                      className="flex justify-center"
+                                    >
+                                      <div className="flex items-center space-x-2">
+                                        <RadioGroupItem
+                                          value="Y"
+                                          id={`useY-${i}`}
+                                        />
+                                        <label htmlFor={`useY-${i}`}>예</label>
+                                      </div>
+                                      <div className="flex items-center space-x-2">
+                                        <RadioGroupItem
+                                          value="N"
+                                          id={`useN-${i}`}
+                                        />
+                                        <label htmlFor={`useN-${i}`}>
+                                          아니오
+                                        </label>
+                                      </div>
+                                    </RadioGroup>
+                                  </FormControl>
+                                  <FormMessage />
+                                </FormItem>
+                              )}
+                            />
+                          </TableCell>
+                        </TableRow>
+                      );
+                    })}
+                  </TableBody>
+                </Table>
+              </div>
+              <DialogFooter className="!justify-center">
+                <Button type="submit" size="lg">
+                  저장
+                </Button>
+                <DialogClose asChild>
+                  <Button type="button" size="lg" color="white">
+                    취소
+                  </Button>
+                </DialogClose>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+      <ConfirmDialog open={onConfirm} />
+    </>
+  );
+}
+
+export { DomainManagementDialog };

apps/cs/src/pages/site/ui/ip-management-dialog.tsx

@@ -0,0 +1,285 @@
+import { useState } from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import { useForm, useFieldArray } from "react-hook-form";
+import {
+  Dialog,
+  DialogTrigger,
+  Button,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Input,
+  RadioGroup,
+  RadioGroupItem,
+  DialogFooter,
+  DialogClose,
+  Checkbox,
+} from "@common/components";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormMessage,
+} from "@/shared/ui/form";
+import { ENDPOINT } from "@/shared/config";
+import { IpApi } from "../api/ip-service";
+import { ipFormSchema, type IP, type IPFormData } from "../model/ip-interface";
+import { ConfirmDialog } from "@/shared/ui/confirm-dialog";
+import { useAlertStore } from "@/shared/lib/use-alert-store";
+
+type IPManagementDialogProps = {
+  siteId: string;
+  triggerDisabled?: boolean;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+};
+
+function IPManagementDialog({
+  siteId,
+  triggerDisabled,
+  ...props
+}: IPManagementDialogProps) {
+  const { confirm } = useConfirm();
+  const { setMessage: alert } = useAlertStore((state) => state);
+
+  const { data: ipList } = useQuery({
+    queryKey: [ENDPOINT.CMS_SERVICE.IPS, props.open],
+    queryFn: () => IpApi.getIpList({ siteId, sort: [] }),
+    select: (data) => {
+      const ips = data.content.map((item) => ({
+        ...item,
+        mode: "U",
+      }));
+
+      initialForm();
+      return ips;
+    },
+  });
+
+  const { mutateAsync } = useMutation({
+    mutationFn: (body: IP[]) => IpApi.saveIpList(body),
+  });
+
+  const form = useForm<IPFormData>({
+    resolver: zodResolver(ipFormSchema),
+    values: {
+      ips: ipList ?? [],
+    },
+  });
+  const { fields, append, remove, update } = useFieldArray({
+    control: form.control,
+    name: "ips",
+  });
+
+  const [onConfirm, setOnConfirm] = useState(false);
+  const [selectedRows, setSelectedRows] = useState<number[]>([]);
+
+  const initialForm = () => {
+    form.reset();
+    setSelectedRows([]);
+  };
+
+  const onSubmit = async (data: IPFormData) => {
+    setOnConfirm(true);
+    if (await confirm("저장하시겠습니까?")) {
+      setOnConfirm(false);
+      await mutateAsync(data.ips);
+      alert("저장되었습니다.");
+    }
+  };
+
+  const handleAddIP = () => {
+    append({
+      mngNo: null,
+      siteId,
+      ipAddr: "",
+      prmYn: "Y",
+      mode: "C",
+    });
+  };
+
+  const handleSelectAll = () => {
+    if (selectedRows.length === fields.length) {
+      setSelectedRows([]);
+    } else {
+      setSelectedRows(fields.map((_, index) => index));
+    }
+  };
+
+  const handleSelectRow = (i: number) => {
+    setSelectedRows((prev) =>
+      prev.includes(i) ? prev.filter((j) => j !== i) : [...prev, i],
+    );
+  };
+
+  const handleDeleteIP = async () => {
+    if (selectedRows.length === 0) return;
+
+    const sortedIndices = [...selectedRows].sort((a, b) => b - a);
+    sortedIndices.forEach((i) => {
+      const field = fields[i];
+      if (field?.mngNo) {
+        update(i, {
+          ...field,
+          mode: "D",
+        });
+      } else {
+        remove(i);
+      }
+    });
+
+    setSelectedRows([]);
+  };
+
+  const isAllSelected =
+    fields.length > 0 && selectedRows.length === fields.length;
+
+  return (
+    <>
+      <Dialog {...props}>
+        <DialogTrigger asChild>
+          <Button disabled={triggerDisabled}>IP 관리</Button>
+        </DialogTrigger>
+        <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
+          <DialogHeader>
+            <DialogTitle>IP 관리</DialogTitle>
+          </DialogHeader>
+          <Form {...form}>
+            <form
+              onSubmit={(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                form.handleSubmit(onSubmit)(e);
+              }}
+            >
+              <div className="mb-4 flex justify-end gap-2">
+                <Button type="button" size="sm" onClick={handleAddIP}>
+                  항목 추가
+                </Button>
+                <Button
+                  type="button"
+                  size="sm"
+                  color="red"
+                  onClick={handleDeleteIP}
+                  disabled={selectedRows.length === 0}
+                >
+                  항목 삭제
+                </Button>
+              </div>
+              <div className="card card-border max-h-[28.5rem] overflow-auto">
+                <Table variant="secondary">
+                  <colgroup>
+                    <col width="10%" />
+                    <col width="65%" />
+                    <col width="25%" />
+                  </colgroup>
+                  <TableHeader className="sticky -top-[0.6rem]">
+                    <TableRow>
+                      <TableHead className="!px-0">
+                        <Checkbox
+                          checked={isAllSelected}
+                          onCheckedChange={handleSelectAll}
+                        />
+                      </TableHead>
+                      <TableHead>IP 주소</TableHead>
+                      <TableHead>허용여부</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {fields.map((field, i) => {
+                      if (field.mode === "D") return null;
+                      return (
+                        <TableRow key={field.id}>
+                          <TableCell align="center" className="!px-0">
+                            <Checkbox
+                              checked={selectedRows.includes(i)}
+                              onCheckedChange={() => handleSelectRow(i)}
+                            />
+                          </TableCell>
+                          <TableCell align="center">
+                            <FormField
+                              control={form.control}
+                              name={`ips.${i}.ipAddr`}
+                              render={({ field }) => (
+                                <FormItem>
+                                  <FormControl>
+                                    <Input
+                                      {...field}
+                                      className="!text-[1.3rem]"
+                                    />
+                                  </FormControl>
+                                  <FormMessage className="text-left" />
+                                </FormItem>
+                              )}
+                            />
+                          </TableCell>
+                          <TableCell align="center">
+                            <FormField
+                              control={form.control}
+                              name={`ips.${i}.prmYn`}
+                              render={({ field }) => (
+                                <FormItem>
+                                  <FormControl>
+                                    <RadioGroup
+                                      value={field.value}
+                                      onValueChange={field.onChange}
+                                      className="flex justify-center"
+                                    >
+                                      <div className="flex items-center space-x-2">
+                                        <RadioGroupItem
+                                          value="Y"
+                                          id={`prmY-${i}`}
+                                        />
+                                        <label htmlFor={`prmY-${i}`}>예</label>
+                                      </div>
+                                      <div className="flex items-center space-x-2">
+                                        <RadioGroupItem
+                                          value="N"
+                                          id={`prmN-${i}`}
+                                        />
+                                        <label htmlFor={`prmN-${i}`}>
+                                          아니오
+                                        </label>
+                                      </div>
+                                    </RadioGroup>
+                                  </FormControl>
+                                  <FormMessage />
+                                </FormItem>
+                              )}
+                            />
+                          </TableCell>
+                        </TableRow>
+                      );
+                    })}
+                  </TableBody>
+                </Table>
+              </div>
+              <DialogFooter className="!justify-center">
+                <Button type="submit" size="lg">
+                  저장
+                </Button>
+                <DialogClose asChild>
+                  <Button type="button" size="lg" color="white">
+                    취소
+                  </Button>
+                </DialogClose>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+      <ConfirmDialog open={onConfirm} />
+    </>
+  );
+}
+
+export { IPManagementDialog };

apps/cs/src/pages/site/ui/layout.tsx

@@ -1,15 +1,11 @@
-import { BaseLayout } from "@common/components";
-
 function SitePageLayout({ children }: { children: React.ReactNode }) {
   return (
-    <BaseLayout>
-      <div className="h-full bg-[#f1f6f9]">
-        <h2 className="px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold text-[#4c5e6f]">
-          사이트 관리
-        </h2>
-        {children}
-      </div>
-    </BaseLayout>
+    <div className="h-auto min-h-full bg-container">
+      <h2 className="px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold text-title">
+        사이트 관리
+      </h2>
+      {children}
+    </div>
   );
 }
 

apps/cs/src/pages/site/ui/modify-page.tsx

@@ -0,0 +1,77 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { ENDPOINT } from "@/shared/config";
+import { useAlertStore } from "@/shared/lib/use-alert-store";
+import { SiteApi } from "../api/site-service";
+import { siteFormSchema, type SiteFormData } from "../model/site-interface";
+import { SitePageLayout } from "./layout";
+import { SiteForm } from "./site-form";
+
+function ModifyPage({ siteId }: { siteId: string }) {
+  const isModifyMode = !!siteId;
+
+  const router = useRouter();
+  const queryClient = useQueryClient();
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { data: siteDetail } = useQuery({
+    queryKey: [ENDPOINT.CMS_SERVICE.SITES, siteId],
+    queryFn: () => SiteApi.siteDetail(siteId),
+    select: (data) => {
+      const keys = Object.keys(siteFormSchema.shape);
+      const filteredData = Object.fromEntries(
+        Object.entries(data).filter(([key]) => keys.includes(key)),
+      );
+      return {
+        ...filteredData,
+        faxNo: data.faxNumber,
+        bscSiteYn: data.basicSiteYn,
+      };
+    },
+    enabled: isModifyMode,
+  });
+
+  const { mutateAsync: modifySite } = useMutation({
+    mutationFn: (data: SiteFormData) => SiteApi.modifySite(siteId, data),
+    onSuccess: () => {
+      alert("수정되었습니다.", () => {
+        queryClient.invalidateQueries({
+          queryKey: [ENDPOINT.CMS_SERVICE.SITES],
+        });
+      });
+    },
+  });
+
+  const { mutateAsync: deleteSite } = useMutation({
+    mutationFn: () => SiteApi.deleteSite(siteId),
+    onSuccess: () => {
+      alert("삭제되었습니다.", () => {
+        queryClient.invalidateQueries({
+          queryKey: [ENDPOINT.CMS_SERVICE.SITES],
+        });
+        router.back();
+      });
+    },
+  });
+
+  const form = useForm<SiteFormData>({
+    resolver: zodResolver(siteFormSchema),
+    values: siteDetail as SiteFormData,
+  });
+
+  return (
+    <SitePageLayout>
+      <SiteForm
+        form={form}
+        siteId={siteId}
+        handleSave={modifySite}
+        handleDelete={deleteSite}
+      />
+    </SitePageLayout>
+  );
+}
+
+export { ModifyPage };

apps/cs/src/pages/site/ui/register-page.tsx

@@ -1,216 +0,0 @@
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Input,
-  Label,
-  RadioGroup,
-  RadioGroupItem,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableRow,
-} from "@common/components";
-import { SitePageLayout } from "./layout";
-
-function RegisterPage() {
-  return (
-    <SitePageLayout>
-      <div className="card card-border !mt-6">
-        <div className="card-header">
-          <h3 className="text-2xl font-medium text-[#666]">사이트 등록/수정</h3>
-        </div>
-        <div className="card">
-          <Table>
-            <TableBody>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 코드
-                </TableHead>
-                <TableCell className="border">
-                  <Input className="w-[12rem] !text-[1.3rem]" />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 구분
-                </TableHead>
-                <TableCell className="border">
-                  <div className="flex gap-2">
-                    <DropdownMenu>
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild>
-                          <Button
-                            color="white"
-                            className="group w-[12rem] justify-between px-4"
-                          >
-                            선택
-                            <i className="diveicon di-chevron-down translate-y-0.5 transition-transform group-data-[state=open]:translate-y-0 group-data-[state=open]:rotate-180" />
-                          </Button>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent className="w-[12rem]">
-                          <DropdownMenuItem>내부</DropdownMenuItem>
-                          <DropdownMenuItem>외부</DropdownMenuItem>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </DropdownMenu>
-                    <Button>IP 관리</Button>
-                  </div>
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 디자인
-                </TableHead>
-                <TableCell className="border">
-                  <DropdownMenu>
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild>
-                        <Button
-                          color="white"
-                          className="group w-[12rem] justify-between px-4"
-                        >
-                          선택
-                          <i className="diveicon di-chevron-down translate-y-0.5 transition-transform group-data-[state=open]:translate-y-0 group-data-[state=open]:rotate-180" />
-                        </Button>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent className="w-[12rem]">
-                        <DropdownMenuItem>라이트</DropdownMenuItem>
-                        <DropdownMenuItem>다크</DropdownMenuItem>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </DropdownMenu>
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트명
-                </TableHead>
-                <TableCell className="border">
-                  <Input
-                    className="!text-[1.3rem]"
-                    placeholder="사이트명을 입력하십시오."
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 설명
-                </TableHead>
-                <TableCell className="border">
-                  <Input
-                    className="!text-[1.3rem]"
-                    placeholder="사이트 설명을 입력하십시오."
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 하단 표기 주소
-                </TableHead>
-                <TableCell className="border">
-                  <Input
-                    className="!text-[1.3rem]"
-                    placeholder="사이트 하단 주소를 입력하십시오."
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 하단 표기 전화번호
-                </TableHead>
-                <TableCell className="border">
-                  <Input
-                    className="!text-[1.3rem]"
-                    placeholder="사이트 하단 전화번호를 입력하십시오."
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 하단 표기 팩스번호
-                </TableHead>
-                <TableCell className="border">
-                  <Input
-                    className="!text-[1.3rem]"
-                    placeholder="사이트 하단 팩스번호를 입력하십시오."
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사이트 하단 표기 내용
-                </TableHead>
-                <TableCell className="border">
-                  <Input
-                    className="!text-[1.3rem]"
-                    placeholder="사이트 표기 내용을 입력하십시오. (ex. COPYRIGHT c 2013 KECO. ALL RIGHTS RESERVED.)"
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  북마크 아이콘
-                </TableHead>
-                <TableCell className="border">
-                  <Input
-                    className="!text-[1.3rem]"
-                    placeholder="아이콘 파일 경로 및 파일명을 입력하여 주십시오."
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  기본 사이트 여부
-                </TableHead>
-                <TableCell className="border">
-                  <RadioGroup defaultValue="comfortable">
-                    <div className="flex items-center space-x-2">
-                      <RadioGroupItem value="default" id="r1" />
-                      <Label htmlFor="r1">예</Label>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <RadioGroupItem value="comfortable" id="r2" />
-                      <Label htmlFor="r2">아니오</Label>
-                    </div>
-                  </RadioGroup>
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead className="border bg-[#eaf3fb] text-[#647784]">
-                  사용 여부
-                </TableHead>
-                <TableCell className="border">
-                  <RadioGroup defaultValue="comfortable">
-                    <div className="flex items-center space-x-2">
-                      <RadioGroupItem value="default" id="r1" />
-                      <Label htmlFor="r1">사용</Label>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <RadioGroupItem value="comfortable" id="r2" />
-                      <Label htmlFor="r2">사용안함</Label>
-                    </div>
-                  </RadioGroup>
-                </TableCell>
-              </TableRow>
-            </TableBody>
-          </Table>
-        </div>
-      </div>
-      <div className="mt-10 flex justify-center gap-4">
-        <Button size="lg">저장</Button>
-        <Button size="lg" color="white">
-          취소
-        </Button>
-        <Button size="lg" color="red">
-          삭제
-        </Button>
-      </div>
-    </SitePageLayout>
-  );
-}
-
-export { RegisterPage };

apps/cs/src/pages/site/ui/site-form.tsx

@@ -0,0 +1,425 @@
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import { type UseFormReturn } from "react-hook-form";
+import {
+  Button,
+  Input,
+  Label,
+  RadioGroup,
+  RadioGroupItem,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+} from "@common/components";
+import { CodeSelect } from "@/entities/code";
+import {
+  FormItem,
+  FormControl,
+  FormField,
+  Form,
+  FormMessage,
+} from "@/shared/ui/form";
+import { ConfirmDialog } from "@/shared/ui/confirm-dialog";
+import type { SiteFormData } from "../model/site-interface";
+import type { Domain } from "../model/domain-interface";
+import { IPManagementDialog } from "./ip-management-dialog";
+import { DomainManagementDialog } from "./domain-management-dialog";
+
+type SiteFormProps = {
+  form: UseFormReturn<SiteFormData>;
+  siteId?: string;
+  handleSave: (data: SiteFormData) => Promise<void>;
+  handleDelete?: () => Promise<void>;
+};
+
+function SiteForm({ form, siteId, handleSave, handleDelete }: SiteFormProps) {
+  const isModifyMode = !!siteId;
+
+  const router = useRouter();
+  const { confirm } = useConfirm();
+  const [onConfirm, setOnConfirm] = useState(false);
+  const [isIpManagementOpen, setIsIpManagementOpen] = useState(false);
+  const [isDomainManagementOpen, setIsDomainManagementOpen] = useState(false);
+  const [domainUrl, setDomainUrl] = useState("");
+
+  const handleSaveDomain = (rows: Domain[]) => {
+    setDomainUrl(rows.find((row) => row.rprsDmnYn === "Y")?.dmnAddr || "");
+  };
+
+  const onSubmit = async (data: SiteFormData) => {
+    const confirmMessage = isModifyMode
+      ? "수정하시겠습니까?"
+      : "저장하시겠습니까?";
+
+    setOnConfirm(true);
+    if (await confirm(confirmMessage)) {
+      setOnConfirm(false);
+      handleSave(data);
+    }
+    setOnConfirm(false);
+  };
+
+  const onDelete = async () => {
+    setOnConfirm(true);
+    if (await confirm("삭제하시겠습니까?")) {
+      setOnConfirm(false);
+      handleDelete?.();
+    }
+    setOnConfirm(false);
+  };
+
+  return (
+    <>
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)}>
+          <div className="card card-border !mt-6">
+            <div className="card-header">
+              <h3 className="text-2xl font-medium text-label">
+                사이트 등록/수정
+              </h3>
+            </div>
+            <div className="card">
+              <Table variant="secondary">
+                <colgroup>
+                  <col width="20%" />
+                  <col width="80%" />
+                </colgroup>
+                <TableBody>
+                  <TableRow>
+                    <TableHead>사이트 코드</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="siteId"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                className="w-[12rem] !text-[1.3rem]"
+                                disabled={isModifyMode}
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사이트 구분</TableHead>
+                    <TableCell className="border">
+                      <div className="flex gap-2">
+                        <FormField
+                          control={form.control}
+                          name="siteKndCd"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormControl>
+                                <CodeSelect
+                                  {...field}
+                                  upCd="SITEKNDCD"
+                                  onValueChange={field.onChange}
+                                />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+                        {isModifyMode && (
+                          <IPManagementDialog
+                            siteId={siteId}
+                            triggerDisabled={form.watch("siteKndCd") === "O"}
+                            open={isIpManagementOpen}
+                            onOpenChange={setIsIpManagementOpen}
+                          />
+                        )}
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사이트 디자인</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="siteSkn"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <CodeSelect
+                                {...field}
+                                value={field.value ?? ""}
+                                upCd="SITESKINCD"
+                                onValueChange={field.onChange}
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사이트명</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="siteNm"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                className="!text-[1.3rem]"
+                                placeholder="사이트명을 입력하십시오."
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사이트 설명</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="siteExpln"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                value={field.value ?? ""}
+                                className="!text-[1.3rem]"
+                                placeholder="사이트 설명을 입력하십시오."
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  {isModifyMode && (
+                    <TableRow>
+                      <TableHead>사이트 도메인</TableHead>
+                      <TableCell className="border">
+                        <div className="flex gap-2">
+                          <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+                            {domainUrl}
+                          </div>
+                          <DomainManagementDialog
+                            siteId={siteId}
+                            open={isDomainManagementOpen}
+                            onOpenChange={setIsDomainManagementOpen}
+                            handleSaveDomain={handleSaveDomain}
+                          />
+                        </div>
+                      </TableCell>
+                    </TableRow>
+                  )}
+                  <TableRow>
+                    <TableHead>사이트 하단 표기 주소</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="siteAddr"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                value={field.value ?? ""}
+                                className="!text-[1.3rem]"
+                                placeholder="사이트 하단 주소를 입력하십시오."
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사이트 하단 표기 전화번호</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="telNo"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                value={field.value ?? ""}
+                                className="!text-[1.3rem]"
+                                placeholder="사이트 하단 전화번호를 입력하십시오."
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사이트 하단 표기 팩스번호</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="faxNo"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                value={field.value ?? ""}
+                                className="!text-[1.3rem]"
+                                placeholder="사이트 하단 팩스번호를 입력하십시오."
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사이트 하단 표기 내용</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="lwndCn"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                value={field.value ?? ""}
+                                className="!text-[1.3rem]"
+                                placeholder="사이트 표기 내용을 입력하십시오. (ex. COPYRIGHT c 2013 KECO. ALL RIGHTS RESERVED.)"
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>북마크 아이콘</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="bkmkIcon"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                value={field.value ?? ""}
+                                className="!text-[1.3rem]"
+                                placeholder="아이콘 파일 경로 및 파일명을 입력하여 주십시오."
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>기본 사이트 여부</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="bscSiteYn"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <RadioGroup
+                                {...field}
+                                name="bscSiteYn"
+                                onValueChange={field.onChange}
+                              >
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="Y" id="bscSiteY" />
+                                  <Label htmlFor="bscSiteY">예</Label>
+                                </div>
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="N" id="bscSiteN" />
+                                  <Label htmlFor="bscSiteN">아니오</Label>
+                                </div>
+                              </RadioGroup>
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                  <TableRow>
+                    <TableHead>사용 여부</TableHead>
+                    <TableCell className="border">
+                      <FormField
+                        control={form.control}
+                        name="useYn"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <RadioGroup
+                                {...field}
+                                name="useYn"
+                                onValueChange={field.onChange}
+                              >
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="Y" id="useY" />
+                                  <Label htmlFor="useY">사용</Label>
+                                </div>
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="N" id="useN" />
+                                  <Label htmlFor="useN">사용안함</Label>
+                                </div>
+                              </RadioGroup>
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TableCell>
+                  </TableRow>
+                </TableBody>
+              </Table>
+            </div>
+          </div>
+          <div className="flex justify-center gap-4 pb-12 pt-10">
+            <Button
+              size="lg"
+              color="white"
+              type="button"
+              onClick={() => router.back()}
+            >
+              목록
+            </Button>
+            <Button size="lg" type="submit">
+              저장
+            </Button>
+            {isModifyMode && (
+              <Button size="lg" color="red" type="button" onClick={onDelete}>
+                삭제
+              </Button>
+            )}
+          </div>
+        </form>
+      </Form>
+      <ConfirmDialog open={onConfirm} />
+    </>
+  );
+}
+
+export { SiteForm };

apps/cs/src/pages/site/ui/site-page.tsx

@@ -3,32 +3,73 @@
 import "@common/assets/styles/grid.css";
 
 import { useRouter } from "next/navigation";
-import { Button, Input, DataTable } from "@common/components";
-import { data, columns } from "../model/__mocks__";
+import { useEffect, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { Button, DataTable, Input } from "@common/components";
+import { ENDPOINT } from "@/shared/config";
+import { SiteApi } from "../api/site-service";
+import { columns } from "../model/table-columns";
+import { type ISite, type ISiteParams } from "../model/site-interface";
 import { SitePageLayout } from "./layout";
 
 function SitePage() {
   const router = useRouter();
+  const { data: siteList, refetch } = useQuery({
+    queryKey: [ENDPOINT.CMS_SERVICE.SITES],
+    queryFn: () => SiteApi.getSiteList(siteQuery),
+    enabled: false,
+  });
+
+  const [siteQuery, setSiteQuery] = useState<ISiteParams>({
+    siteNm: "",
+  });
+
+  const table = useReactTable({
+    data: siteList?.content ?? [],
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+  });
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    refetch();
+  };
+
+  const handleRowClick = (row: ISite) => {
+    router.push(`/site/register/${row.siteId}`);
+  };
+
+  useEffect(() => {
+    refetch();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   return (
     <SitePageLayout>
       <div className="card card-border !mt-6">
-        <div className="card card-border !border-[#dbe2e6] !bg-[#eef7ff]">
-          <div className="flex items-center gap-2 p-2">
-            <label htmlFor="" className="mr-2 text-[#657481]">
+        <div className="card card-border">
+          <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
+            <label htmlFor="" className="mr-2 text-label">
               사이트명
             </label>
-            <Input className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]" />
-            <Button className="h-[3.2rem]">조회</Button>
-          </div>
+            <Input
+              className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
+              value={siteQuery.siteNm}
+              onChange={(e) => setSiteQuery({ siteNm: e.target.value })}
+            />
+            <Button className="h-[3.2rem]" type="submit">
+              조회
+            </Button>
+          </form>
         </div>
         <div className="card card-border">
           <div className="card-header">
-            <h3 className="text-2xl font-medium text-[#666]">사이트 목록</h3>
+            <h3 className="text-2xl font-medium text-label">사이트 목록</h3>
             <Button onClick={() => router.push("/site/register")}>등록</Button>
           </div>
           <div className="card !m-[1.2rem] h-[49rem] overflow-auto !p-0">
-            <DataTable data={data} columns={columns} />
+            <DataTable table={table} onRowClick={handleRowClick} />
           </div>
         </div>
       </div>

apps/cs/src/shared/api/client.ts

@@ -0,0 +1,8 @@
+import { Client } from "@common/network";
+import { BASE_URL } from "../config/api";
+import { SITE_ID } from "../config/env";
+
+export const client = Client.getInstance({
+  baseURL: BASE_URL,
+  siteId: SITE_ID,
+});

apps/cs/src/shared/api/index.ts

@@ -0,0 +1 @@
+export { client } from "./client";

apps/cs/src/shared/config/api.ts

@@ -0,0 +1,19 @@
+import { PROXY_HOST } from "./env";
+
+export const BASE_URL = `${PROXY_HOST}/server`;
+
+export const ENDPOINT = {
+  USER_SERVICE: {
+    LOGIN: "/user-service/login",
+    USERS: "/user-service/api/v1/users",
+    SILENT_REFRESH: "/user-service/api/v1/users/token/refresh",
+  },
+  CMS_SERVICE: {
+    SITES: "/cms-service/api/v1/sites",
+    CODE: "/cms-service/api/v1/code/cache",
+    IPS: "/cms-service/api/v1/site-ips",
+    DOMAINS: "/cms-service/api/v1/site-dmns",
+  },
+};
+
+export const JWT_EXPIRATION_TIME = 1800000;

apps/cs/src/shared/config/env.ts

@@ -0,0 +1,13 @@
+export const PORT = process.env.NEXT_PUBLIC_PORT || "3000";
+export const PROXY_HOST =
+  process.env.NEXT_PUBLIC_PROXY_HOST || `http://localhost:${PORT}`;
+
+export const SERVER_API_URL = process.env.NEXT_PUBLIC_SERVER_API_URL;
+export const SITE_ID = process.env.NEXT_PUBLIC_SITE_ID || "CS";
+
+export const CLAIM_NAME = process.env.NEXT_PUBLIC_CLAIM_NAME || "Authorization";
+export const ACCESS_TOKEN =
+  process.env.NEXT_PUBLIC_ACCESS_TOKEN || "access-token";
+export const REFRESH_TOKEN =
+  process.env.NEXT_PUBLIC_REFRESH_TOKEN || "refresh-token";
+export const AUTH_USER_ID = process.env.NEXT_PUBLIC_AUTH_USER_ID || "token-id";

apps/cs/src/shared/config/index.ts

@@ -0,0 +1,2 @@
+export * from "./api";
+export * from "./env";

apps/cs/src/shared/lib/cookie.ts

@@ -0,0 +1,29 @@
+import Cookies from "js-cookie";
+
+export function getCookie(name: string): string | undefined {
+  if (typeof window === "undefined") {
+    return undefined;
+  }
+  return Cookies.get(name);
+}
+
+export function setCookie(
+  name: string,
+  value: string,
+  options?: Cookies.CookieAttributes,
+): void {
+  if (typeof window === "undefined") {
+    return;
+  }
+  Cookies.set(name, value, options);
+}
+
+export function removeCookie(
+  name: string,
+  options?: Cookies.CookieAttributes,
+): void {
+  if (typeof window === "undefined") {
+    return;
+  }
+  Cookies.remove(name, options);
+}

apps/cs/src/shared/lib/index.ts

@@ -0,0 +1,2 @@
+export { getCookie, setCookie, removeCookie } from "./cookie";
+export { useUserStore } from "./use-user-store";

apps/cs/src/shared/lib/use-alert-store.ts

@@ -0,0 +1,14 @@
+import { useStore } from "zustand";
+import { useContext } from "react";
+import type { AlertStore } from "../store/alert-store";
+import { StoreContext } from "../providers/store-provider";
+
+export const useAlertStore = <T>(selector: (store: AlertStore) => T): T => {
+  const storeContext = useContext(StoreContext);
+
+  if (!storeContext) {
+    throw new Error("useAlertStore must be used within StoreProvider");
+  }
+
+  return useStore(storeContext.alertStore, selector);
+};

apps/cs/src/shared/lib/use-user-store.ts

@@ -0,0 +1,14 @@
+import { useStore } from "zustand";
+import { useContext } from "react";
+import type { UserStore } from "../store/user-store";
+import { StoreContext } from "../providers/store-provider";
+
+export const useUserStore = <T>(selector: (store: UserStore) => T): T => {
+  const storeContext = useContext(StoreContext);
+
+  if (!storeContext) {
+    throw new Error("useUserStore must be used within StoreProvider");
+  }
+
+  return useStore(storeContext.userStore, selector);
+};

apps/cs/src/shared/model/api-interface.ts

@@ -0,0 +1,34 @@
+interface SortConfig {
+  empty: boolean;
+  sorted: boolean;
+  unsorted: boolean;
+}
+
+interface PageableConfig {
+  sort: SortConfig;
+  offset: number;
+  pageNumber: number;
+  pageSize: number;
+  paged: boolean;
+  unpaged: boolean;
+}
+
+export interface PageableList<T> {
+  content: T;
+  pageable: PageableConfig;
+  sort: SortConfig;
+  totalPages: number;
+  totalElements: number;
+  number: number;
+  numberOfElements: number;
+  size: number;
+  first: boolean;
+  last: boolean;
+  empty: boolean;
+}
+
+export interface IPageableParams {
+  page?: number;
+  size?: number;
+  sort?: string[];
+}

apps/cs/src/shared/model/index.ts

@@ -0,0 +1 @@
+export * from "./api-interface";

apps/cs/src/shared/providers/index.ts

@@ -0,0 +1 @@
+export { StoreProvider } from "./store-provider";

apps/cs/src/shared/providers/store-provider.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { createContext, useRef } from "react";
+import { createAlertStore } from "../store/alert-store";
+import { createUserStore } from "../store/user-store";
+
+type StoreContextType = {
+  alertStore: ReturnType<typeof createAlertStore>;
+  userStore: ReturnType<typeof createUserStore>;
+};
+
+export const StoreContext = createContext<StoreContextType | undefined>(
+  undefined,
+);
+
+export const StoreProvider = ({ children }: { children: React.ReactNode }) => {
+  const storeRef = useRef<StoreContextType | null>(null);
+  if (storeRef.current === null) {
+    storeRef.current = {
+      alertStore: createAlertStore(),
+      userStore: createUserStore(),
+    };
+  }
+
+  return (
+    <StoreContext.Provider value={storeRef.current}>
+      {children}
+    </StoreContext.Provider>
+  );
+};

apps/cs/src/shared/store/alert-store.ts

@@ -0,0 +1,25 @@
+import { createStore } from "zustand/vanilla";
+
+export type AlertState = {
+  message: string;
+  callback?: () => void;
+};
+
+export type AlertActions = {
+  setMessage: (message: string, callback?: () => void) => void;
+};
+
+export type AlertStore = AlertState & AlertActions;
+
+export const defaultInitState: AlertState = {
+  message: "",
+  callback: undefined,
+};
+
+export const createAlertStore = (initState: AlertState = defaultInitState) => {
+  return createStore<AlertStore>()((set) => ({
+    ...initState,
+    setMessage: (message: string, callback?: () => void) =>
+      set(() => ({ message, callback })),
+  }));
+};

apps/cs/src/shared/store/index.ts

@@ -0,0 +1 @@
+export { createUserStore, type IUserInfo } from "./user-store";

apps/cs/src/shared/store/user-store.ts

@@ -0,0 +1,56 @@
+import { createStore } from "zustand/vanilla";
+
+export interface IUserInfo {
+  regDt: string;
+  mdfcnDt: string;
+  rgtr: string;
+  mdfr: string;
+  userUnqId: string;
+  userId: string;
+  userName: string;
+  email: string;
+  encryptedPassword: string;
+  refreshToken: string;
+  userStateCode: string;
+  lastLoginDate: string;
+  loginFailCount: number;
+  pswdHnt: string;
+  pswdAns: string;
+  mphn: string;
+  telno: string;
+  zip: string;
+  addr: string;
+  daddr: string;
+  laeSeCd: string;
+  ogdpSeCd: string;
+  aprvYn: string;
+  autzrId: string;
+  expryYmd: string;
+  lastPswdChgDt: string;
+  googleId: string;
+  kakaoId: string;
+  naverId: string;
+  isSocialUser: boolean;
+  hasPassword: boolean;
+}
+
+export type UserState = {
+  userInfo: IUserInfo | null;
+};
+
+export type UserActions = {
+  setUserInfo: (userInfo: IUserInfo | null) => void;
+};
+
+export type UserStore = UserState & UserActions;
+
+export const defaultInitState: UserState = {
+  userInfo: null,
+};
+
+export const createUserStore = (initState: UserState = defaultInitState) => {
+  return createStore<UserStore>()((set) => ({
+    ...initState,
+    setUserInfo: (userInfo: IUserInfo | null) => set(() => ({ userInfo })),
+  }));
+};

apps/cs/src/shared/ui/alert-dialog.tsx

@@ -0,0 +1,32 @@
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogClose,
+  Button,
+} from "@common/components/ui";
+import { useAlertStore } from "../lib/use-alert-store";
+
+function AlertDialog() {
+  const { message, callback, setMessage } = useAlertStore((state) => state);
+  const handleOpenChange = () => {
+    setMessage("");
+    callback?.();
+  };
+  return (
+    <Dialog open={!!message} onOpenChange={handleOpenChange}>
+      <DialogContent aria-describedby={undefined}>
+        <div className="py-10">
+          <p className="text-center text-[1.4rem] text-foreground">{message}</p>
+        </div>
+        <DialogFooter className="!justify-center">
+          <DialogClose asChild>
+            <Button>확인</Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export { AlertDialog };

apps/cs/src/shared/ui/confirm-dialog.tsx

@@ -0,0 +1,46 @@
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogClose,
+  Button,
+  type ButtonProps,
+} from "@common/components/ui";
+
+type ConfirmDialogProps = {
+  open: boolean;
+  confirmButtonProps?: ButtonProps & { label?: string };
+  cancelButtonProps?: ButtonProps & { label?: string };
+};
+
+function ConfirmDialog({
+  open,
+  confirmButtonProps,
+  cancelButtonProps,
+}: ConfirmDialogProps) {
+  const { message, onConfirm, onCancel } = useConfirm();
+  return (
+    <Dialog open={open} onOpenChange={onCancel}>
+      <DialogContent aria-describedby={undefined}>
+        <div className="py-10">
+          <p className="text-center text-[1.4rem] text-foreground">{message}</p>
+        </div>
+        <DialogFooter className="!justify-center">
+          <DialogClose asChild>
+            <Button onClick={onConfirm} {...confirmButtonProps}>
+              {confirmButtonProps?.label ?? "확인"}
+            </Button>
+          </DialogClose>
+          <DialogClose asChild>
+            <Button onClick={onCancel} color="white" {...cancelButtonProps}>
+              {cancelButtonProps?.label ?? "취소"}
+            </Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export { ConfirmDialog };

apps/cs/src/shared/ui/form.tsx

@@ -0,0 +1,175 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form";
+import { cn, Label } from "@common/components";
+
+const Form = FormProvider;
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
+  name: TName;
+};
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue,
+);
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  );
+};
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+
+  const fieldState = getFieldState(fieldContext.name, formState);
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+
+  const { id } = itemContext;
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  };
+};
+
+type FormItemContextValue = {
+  id: string;
+};
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue,
+);
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId();
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  );
+});
+FormItem.displayName = "FormItem";
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  );
+});
+FormLabel.displayName = "FormLabel";
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } =
+    useFormField();
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  );
+});
+FormControl.displayName = "FormControl";
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-[0.8rem] text-muted-foreground", className)}
+      {...props}
+    />
+  );
+});
+FormDescription.displayName = "FormDescription";
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : children;
+
+  if (!body) {
+    return null;
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-[1rem] font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+};

apps/cs/tailwind.config.ts

@@ -1,9 +1,9 @@
 import type { Config } from "tailwindcss";
+import tailwindcssAnimate from "tailwindcss-animate";
 import presetConfig from "../../tailwind.config.preset";
 
 export default {
   presets: [presetConfig],
-  darkMode: ["class", "[data-mode='dark']"],
   content: [
     "./src/**/*.{js,ts,jsx,tsx,mdx}",
     "../../packages/common/components/src/ui/**/*.{js,ts,jsx,tsx,mdx}",
@@ -15,4 +15,5 @@ export default {
       },
     },
   },
+  plugins: [tailwindcssAnimate],
 } satisfies Config;

apps/cs/tsconfig.json

@@ -25,7 +25,10 @@
     "baseUrl": "./src",
     "paths": {
       "@/*": ["./*"],
-      "@common/components": ["../../../packages/common/components/src"]
+      "@common/components/*": ["../../../packages/common/components/src/*"],
+      "@common/components": ["../../../packages/common/components/src"],
+      "@common/network/*": ["../../../packages/common/network/*"],
+      "@common/network": ["../../../packages/common/network/"]
     }
   },
   "include": [

apps/wr/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

apps/wr/.next/BUILD_ID

@@ -1 +0,0 @@
--Oa0BRZMA0af-gZFbFik9

apps/wr/.next/app-build-manifest.json

@@ -1,3 +0,0 @@
-{
-  "pages": {}
-}

apps/wr/.next/app-path-routes-manifest.json

@@ -1 +0,0 @@
-{"/favicon.ico/route":"/favicon.ico","/_not-found/page":"/_not-found","/publicReuseFaciltyInsert/page":"/publicReuseFaciltyInsert","/page":"/"}

apps/wr/.next/build-manifest.json

@@ -1,14 +0,0 @@
-{
-  "pages": {
-    "/_app": []
-  },
-  "devFiles": [],
-  "ampDevFiles": [],
-  "polyfillFiles": [],
-  "lowPriorityFiles": [
-    "static/development/_ssgManifest.js",
-    "static/development/_buildManifest.js"
-  ],
-  "rootMainFiles": [],
-  "ampFirstPages": []
-}

apps/wr/.next/build/chunks/[project]_packages_common_components_postcss_config_js_transform_ts_6937ca._.js

@@ -1,17 +0,0 @@
-module.exports = {
-
-"[project]/packages/common/components/postcss.config.js/transform.ts { CONFIG => \"[project]/packages/common/components/postcss.config.js_.loader.mjs [postcss] (ecmascript)\" } [postcss] (ecmascript, async loader)": ((__turbopack_context__) => {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-__turbopack_export_value__((__turbopack_import__) => {
-    return Promise.all([
-  "build/chunks/08b5e__pnpm_9b08c8._.js",
-  "build/chunks/[root of the server]__2c0f2d._.js"
-].map((chunk) => __turbopack_load__(chunk))).then(() => {
-        return __turbopack_import__("[project]/packages/common/components/postcss.config.js/transform.ts { CONFIG => \"[project]/packages/common/components/postcss.config.js_.loader.mjs [postcss] (ecmascript)\" } [postcss] (ecmascript)");
-    });
-});
-}}),
-
-};

apps/wr/.next/build/chunks/[project]_packages_common_components_postcss_config_js_transform_ts_6937ca._.js.map

@@ -1,5 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sections": []
-}

apps/wr/.next/build/chunks/[root of the server]__2c0f2d._.js

@@ -1,200 +0,0 @@
-module.exports = {
-
-"[externals]/path [external] (path, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("path", () => require("path"));
-
-module.exports = mod;
-}}),
-"[externals]/url [external] (url, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("url", () => require("url"));
-
-module.exports = mod;
-}}),
-"[externals]/fs [external] (fs, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("fs", () => require("fs"));
-
-module.exports = mod;
-}}),
-"[externals]/node:url [external] (node:url, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("node:url", () => require("node:url"));
-
-module.exports = mod;
-}}),
-"[externals]/node:path [external] (node:path, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("node:path", () => require("node:path"));
-
-module.exports = mod;
-}}),
-"[project]/packages/common/components/postcss.config.js_.loader.mjs [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, a: __turbopack_async_module__, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-__turbopack_async_module__(async (__turbopack_handle_async_dependencies__, __turbopack_async_result__) => { try {
-__turbopack_esm__({
-    "default": (()=>__TURBOPACK__default__export__)
-});
-var __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$url__$5b$external$5d$__$28$node$3a$url$2c$__cjs$29$__ = __turbopack_import__("[externals]/node:url [external] (node:url, cjs)");
-var __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$path__$5b$external$5d$__$28$node$3a$path$2c$__cjs$29$__ = __turbopack_import__("[externals]/node:path [external] (node:path, cjs)");
-;
-;
-const configPath = __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$path__$5b$external$5d$__$28$node$3a$path$2c$__cjs$29$__["default"].join(process.cwd(), "../../packages/common/components/postcss.config.js");
-// Absolute paths don't work with ESM imports on Windows:
-// https://github.com/nodejs/node/issues/31710
-// convert it to a file:// URL, which works on all platforms
-const configUrl = (0, __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$url__$5b$external$5d$__$28$node$3a$url$2c$__cjs$29$__["pathToFileURL"])(configPath).toString();
-const mod = await __turbopack_external_import__(configUrl);
-const __TURBOPACK__default__export__ = mod.default ?? mod;
-__turbopack_async_result__();
-} catch(e) { __turbopack_async_result__(e); } }, true);}),
-"[project]/packages/common/components/postcss.config.js/transform.ts { CONFIG => \"[project]/packages/common/components/postcss.config.js_.loader.mjs [postcss] (ecmascript)\" } [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, a: __turbopack_async_module__, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-__turbopack_async_module__(async (__turbopack_handle_async_dependencies__, __turbopack_async_result__) => { try {
-__turbopack_esm__({
-    "default": (()=>transform),
-    "init": (()=>init)
-});
-// @ts-ignore
-var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f2e$pnpm$2f$postcss$40$8$2e$5$2e$3$2f$node_modules$2f$postcss$2f$lib$2f$postcss$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[project]/node_modules/.pnpm/postcss@8.5.3/node_modules/postcss/lib/postcss.mjs [postcss] (ecmascript)");
-// @ts-ignore
-var __TURBOPACK__imported__module__$5b$project$5d2f$packages$2f$common$2f$components$2f$postcss$2e$config$2e$js_$2e$loader$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[project]/packages/common/components/postcss.config.js_.loader.mjs [postcss] (ecmascript)");
-var __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__ = __turbopack_import__("[externals]/path [external] (path, cjs)");
-var __turbopack_async_dependencies__ = __turbopack_handle_async_dependencies__([
-    __TURBOPACK__imported__module__$5b$project$5d2f$packages$2f$common$2f$components$2f$postcss$2e$config$2e$js_$2e$loader$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__
-]);
-([__TURBOPACK__imported__module__$5b$project$5d2f$packages$2f$common$2f$components$2f$postcss$2e$config$2e$js_$2e$loader$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__] = __turbopack_async_dependencies__.then ? (await __turbopack_async_dependencies__)() : __turbopack_async_dependencies__);
-;
-;
-;
-const contextDir = process.cwd();
-function toPath(file) {
-    const relPath = (0, __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["relative"])(contextDir, file);
-    if ((0, __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["isAbsolute"])(relPath)) {
-        throw new Error(`Cannot depend on path (${file}) outside of root directory (${contextDir})`);
-    }
-    return __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["sep"] !== "/" ? relPath.replaceAll(__TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["sep"], "/") : relPath;
-}
-let processor;
-const init = async (ipc)=>{
-    let config = __TURBOPACK__imported__module__$5b$project$5d2f$packages$2f$common$2f$components$2f$postcss$2e$config$2e$js_$2e$loader$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__["default"];
-    if (typeof config === "function") {
-        config = await config({
-            env: "development"
-        });
-    }
-    if (typeof config === "undefined") {
-        throw new Error("PostCSS config is undefined (make sure to export an function or object from config file)");
-    }
-    let plugins;
-    if (Array.isArray(config.plugins)) {
-        plugins = config.plugins.map((plugin)=>{
-            if (Array.isArray(plugin)) {
-                return plugin;
-            } else if (typeof plugin === "string") {
-                return [
-                    plugin,
-                    {}
-                ];
-            } else {
-                return plugin;
-            }
-        });
-    } else if (typeof config.plugins === "object") {
-        plugins = Object.entries(config.plugins).filter(([, options])=>options);
-    } else {
-        plugins = [];
-    }
-    const loadedPlugins = plugins.map((plugin)=>{
-        if (Array.isArray(plugin)) {
-            const [arg, options] = plugin;
-            let pluginFactory = arg;
-            if (typeof pluginFactory === "string") {
-                pluginFactory = require(/* turbopackIgnore: true */ pluginFactory);
-            }
-            if (pluginFactory.default) {
-                pluginFactory = pluginFactory.default;
-            }
-            return pluginFactory(options);
-        }
-        return plugin;
-    });
-    processor = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f2e$pnpm$2f$postcss$40$8$2e$5$2e$3$2f$node_modules$2f$postcss$2f$lib$2f$postcss$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__["default"])(loadedPlugins);
-};
-async function transform(ipc, cssContent, name) {
-    const { css, map, messages } = await processor.process(cssContent, {
-        from: name,
-        to: name,
-        map: {
-            inline: false,
-            annotation: false
-        }
-    });
-    const assets = [];
-    for (const msg of messages){
-        switch(msg.type){
-            case "asset":
-                assets.push({
-                    file: msg.file,
-                    content: msg.content,
-                    sourceMap: typeof msg.sourceMap === "string" ? msg.sourceMap : JSON.stringify(msg.sourceMap)
-                });
-                break;
-            case "dependency":
-            case "missing-dependency":
-                ipc.sendInfo({
-                    type: "fileDependency",
-                    path: toPath(msg.file)
-                });
-                break;
-            case "build-dependency":
-                ipc.sendInfo({
-                    type: "buildDependency",
-                    path: toPath(msg.file)
-                });
-                break;
-            case "dir-dependency":
-                ipc.sendInfo({
-                    type: "dirDependency",
-                    path: toPath(msg.dir),
-                    glob: msg.glob
-                });
-                break;
-            case "context-dependency":
-                ipc.sendInfo({
-                    type: "dirDependency",
-                    path: toPath(msg.file),
-                    glob: "**"
-                });
-                break;
-            default:
-                break;
-        }
-    }
-    return {
-        css,
-        map: JSON.stringify(map),
-        assets
-    };
-}
-__turbopack_async_result__();
-} catch(e) { __turbopack_async_result__(e); } }, false);}),
-
-};
-
-//# sourceMappingURL=%5Broot%20of%20the%20server%5D__2c0f2d._.js.map

apps/wr/.next/build/chunks/[root of the server]__682b1a._.js

@@ -1,498 +0,0 @@
-module.exports = {
-
-"[externals]/node:net [external] (node:net, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("node:net", () => require("node:net"));
-
-module.exports = mod;
-}}),
-"[turbopack-node]/compiled/stacktrace-parser/index.js [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({
-    "parse": (()=>parse)
-});
-if (typeof __nccwpck_require__ !== "undefined") __nccwpck_require__.ab = __dirname + "/";
-var n = "<unknown>";
-function parse(e) {
-    var r = e.split("\n");
-    return r.reduce(function(e, r) {
-        var n = parseChrome(r) || parseWinjs(r) || parseGecko(r) || parseNode(r) || parseJSC(r);
-        if (n) {
-            e.push(n);
-        }
-        return e;
-    }, []);
-}
-var a = /^\s*at (.*?) ?\(((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
-var l = /\((\S*)(?::(\d+))(?::(\d+))\)/;
-function parseChrome(e) {
-    var r = a.exec(e);
-    if (!r) {
-        return null;
-    }
-    var u = r[2] && r[2].indexOf("native") === 0;
-    var t = r[2] && r[2].indexOf("eval") === 0;
-    var i = l.exec(r[2]);
-    if (t && i != null) {
-        r[2] = i[1];
-        r[3] = i[2];
-        r[4] = i[3];
-    }
-    return {
-        file: !u ? r[2] : null,
-        methodName: r[1] || n,
-        arguments: u ? [
-            r[2]
-        ] : [],
-        lineNumber: r[3] ? +r[3] : null,
-        column: r[4] ? +r[4] : null
-    };
-}
-var u = /^\s*at (?:((?:\[object object\])?.+) )?\(?((?:file|ms-appx|https?|webpack|blob):.*?):(\d+)(?::(\d+))?\)?\s*$/i;
-function parseWinjs(e) {
-    var r = u.exec(e);
-    if (!r) {
-        return null;
-    }
-    return {
-        file: r[2],
-        methodName: r[1] || n,
-        arguments: [],
-        lineNumber: +r[3],
-        column: r[4] ? +r[4] : null
-    };
-}
-var t = /^\s*(.*?)(?:\((.*?)\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\[native).*?|[^@]*bundle)(?::(\d+))?(?::(\d+))?\s*$/i;
-var i = /(\S+) line (\d+)(?: > eval line \d+)* > eval/i;
-function parseGecko(e) {
-    var r = t.exec(e);
-    if (!r) {
-        return null;
-    }
-    var a = r[3] && r[3].indexOf(" > eval") > -1;
-    var l = i.exec(r[3]);
-    if (a && l != null) {
-        r[3] = l[1];
-        r[4] = l[2];
-        r[5] = null;
-    }
-    return {
-        file: r[3],
-        methodName: r[1] || n,
-        arguments: r[2] ? r[2].split(",") : [],
-        lineNumber: r[4] ? +r[4] : null,
-        column: r[5] ? +r[5] : null
-    };
-}
-var s = /^\s*(?:([^@]*)(?:\((.*?)\))?@)?(\S.*?):(\d+)(?::(\d+))?\s*$/i;
-function parseJSC(e) {
-    var r = s.exec(e);
-    if (!r) {
-        return null;
-    }
-    return {
-        file: r[3],
-        methodName: r[1] || n,
-        arguments: [],
-        lineNumber: +r[4],
-        column: r[5] ? +r[5] : null
-    };
-}
-var o = /^\s*at (?:((?:\[object object\])?[^\\/]+(?: \[as \S+\])?) )?\(?(.*?):(\d+)(?::(\d+))?\)?\s*$/i;
-function parseNode(e) {
-    var r = o.exec(e);
-    if (!r) {
-        return null;
-    }
-    return {
-        file: r[2],
-        methodName: r[1] || n,
-        arguments: [],
-        lineNumber: +r[3],
-        column: r[4] ? +r[4] : null
-    };
-}
-}}),
-"[turbopack-node]/ipc/error.ts [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-// merged from next.js
-// https://github.com/vercel/next.js/blob/e657741b9908cf0044aaef959c0c4defb19ed6d8/packages/next/src/lib/is-error.ts
-// https://github.com/vercel/next.js/blob/e657741b9908cf0044aaef959c0c4defb19ed6d8/packages/next/src/shared/lib/is-plain-object.ts
-__turbopack_esm__({
-    "default": (()=>isError),
-    "getProperError": (()=>getProperError)
-});
-function isError(err) {
-    return typeof err === "object" && err !== null && "name" in err && "message" in err;
-}
-function getProperError(err) {
-    if (isError(err)) {
-        return err;
-    }
-    if ("TURBOPACK compile-time truthy", 1) {
-        // Provide a better error message for cases where `throw undefined`
-        // is called in development
-        if (typeof err === "undefined") {
-            return new Error("`undefined` was thrown instead of a real error");
-        }
-        if (err === null) {
-            return new Error("`null` was thrown instead of a real error");
-        }
-    }
-    return new Error(isPlainObject(err) ? JSON.stringify(err) : err + "");
-}
-function getObjectClassLabel(value) {
-    return Object.prototype.toString.call(value);
-}
-function isPlainObject(value) {
-    if (getObjectClassLabel(value) !== "[object Object]") {
-        return false;
-    }
-    const prototype = Object.getPrototypeOf(value);
-    /**
-   * this used to be previously:
-   *
-   * `return prototype === null || prototype === Object.prototype`
-   *
-   * but Edge Runtime expose Object from vm, being that kind of type-checking wrongly fail.
-   *
-   * It was changed to the current implementation since it's resilient to serialization.
-   */ return prototype === null || prototype.hasOwnProperty("isPrototypeOf");
-}
-}}),
-"[turbopack-node]/ipc/index.ts [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({
-    "IPC": (()=>IPC),
-    "structuredError": (()=>structuredError)
-});
-var __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$net__$5b$external$5d$__$28$node$3a$net$2c$__cjs$29$__ = __turbopack_import__("[externals]/node:net [external] (node:net, cjs)");
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$compiled$2f$stacktrace$2d$parser$2f$index$2e$js__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/compiled/stacktrace-parser/index.js [postcss] (ecmascript)");
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$error$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/ipc/error.ts [postcss] (ecmascript)");
-;
-;
-;
-function structuredError(e) {
-    e = (0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$error$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["getProperError"])(e);
-    return {
-        name: e.name,
-        message: e.message,
-        stack: typeof e.stack === "string" ? (0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$compiled$2f$stacktrace$2d$parser$2f$index$2e$js__$5b$postcss$5d$__$28$ecmascript$29$__["parse"])(e.stack) : [],
-        cause: e.cause ? structuredError((0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$error$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["getProperError"])(e.cause)) : undefined
-    };
-}
-function createIpc(port) {
-    const socket = (0, __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$net__$5b$external$5d$__$28$node$3a$net$2c$__cjs$29$__["createConnection"])(port, "127.0.0.1");
-    const packetQueue = [];
-    const recvPromiseResolveQueue = [];
-    function pushPacket(packet) {
-        const recvPromiseResolve = recvPromiseResolveQueue.shift();
-        if (recvPromiseResolve != null) {
-            recvPromiseResolve(JSON.parse(packet.toString("utf8")));
-        } else {
-            packetQueue.push(packet);
-        }
-    }
-    let state = {
-        type: "waiting"
-    };
-    let buffer = Buffer.alloc(0);
-    socket.once("connect", ()=>{
-        socket.on("data", (chunk)=>{
-            buffer = Buffer.concat([
-                buffer,
-                chunk
-            ]);
-            loop: while(true){
-                switch(state.type){
-                    case "waiting":
-                        {
-                            if (buffer.length >= 4) {
-                                const length = buffer.readUInt32BE(0);
-                                buffer = buffer.subarray(4);
-                                state = {
-                                    type: "packet",
-                                    length
-                                };
-                            } else {
-                                break loop;
-                            }
-                            break;
-                        }
-                    case "packet":
-                        {
-                            if (buffer.length >= state.length) {
-                                const packet = buffer.subarray(0, state.length);
-                                buffer = buffer.subarray(state.length);
-                                state = {
-                                    type: "waiting"
-                                };
-                                pushPacket(packet);
-                            } else {
-                                break loop;
-                            }
-                            break;
-                        }
-                    default:
-                        invariant(state, (state)=>`Unknown state type: ${state?.type}`);
-                }
-            }
-        });
-    });
-    // When the socket is closed, this process is no longer needed.
-    // This might happen e. g. when parent process is killed or
-    // node.js pool is garbage collected.
-    socket.once("close", ()=>{
-        process.exit(0);
-    });
-    function send(message) {
-        const packet = Buffer.from(JSON.stringify(message), "utf8");
-        const length = Buffer.alloc(4);
-        length.writeUInt32BE(packet.length);
-        socket.write(length);
-        return new Promise((resolve, reject)=>{
-            socket.write(packet, (err)=>{
-                process.stderr.write(`TURBOPACK_OUTPUT_D\n`);
-                process.stdout.write(`TURBOPACK_OUTPUT_D\n`);
-                if (err != null) {
-                    reject(err);
-                } else {
-                    resolve();
-                }
-            });
-        });
-    }
-    function sendReady() {
-        const length = Buffer.from([
-            0,
-            0,
-            0,
-            0
-        ]);
-        return new Promise((resolve, reject)=>{
-            socket.write(length, (err)=>{
-                process.stderr.write(`TURBOPACK_OUTPUT_D\n`);
-                process.stdout.write(`TURBOPACK_OUTPUT_D\n`);
-                if (err != null) {
-                    reject(err);
-                } else {
-                    resolve();
-                }
-            });
-        });
-    }
-    return {
-        async recv () {
-            const packet = packetQueue.shift();
-            if (packet != null) {
-                return JSON.parse(packet.toString("utf8"));
-            }
-            const result = await new Promise((resolve)=>{
-                recvPromiseResolveQueue.push((result)=>{
-                    resolve(result);
-                });
-            });
-            return result;
-        },
-        send (message) {
-            return send(message);
-        },
-        sendReady,
-        async sendError (error) {
-            try {
-                await send({
-                    type: "error",
-                    ...structuredError(error)
-                });
-            } catch (err) {
-                console.error("failed to send error back to rust:", err);
-                // ignore and exit anyway
-                process.exit(1);
-            }
-            process.exit(0);
-        }
-    };
-}
-const PORT = process.argv[2];
-const IPC = createIpc(parseInt(PORT, 10));
-process.on("uncaughtException", (err)=>{
-    IPC.sendError(err);
-});
-const improveConsole = (name, stream, addStack)=>{
-    // @ts-ignore
-    const original = console[name];
-    // @ts-ignore
-    const stdio = process[stream];
-    // @ts-ignore
-    console[name] = (...args)=>{
-        stdio.write(`TURBOPACK_OUTPUT_B\n`);
-        original(...args);
-        if (addStack) {
-            const stack = new Error().stack?.replace(/^.+\n.+\n/, "") + "\n";
-            stdio.write("TURBOPACK_OUTPUT_S\n");
-            stdio.write(stack);
-        }
-        stdio.write("TURBOPACK_OUTPUT_E\n");
-    };
-};
-improveConsole("error", "stderr", true);
-improveConsole("warn", "stderr", true);
-improveConsole("count", "stdout", true);
-improveConsole("trace", "stderr", false);
-improveConsole("log", "stdout", true);
-improveConsole("group", "stdout", true);
-improveConsole("groupCollapsed", "stdout", true);
-improveConsole("table", "stdout", true);
-improveConsole("debug", "stdout", true);
-improveConsole("info", "stdout", true);
-improveConsole("dir", "stdout", true);
-improveConsole("dirxml", "stdout", true);
-improveConsole("timeEnd", "stdout", true);
-improveConsole("timeLog", "stdout", true);
-improveConsole("timeStamp", "stdout", true);
-improveConsole("assert", "stderr", true);
-/**
- * Utility function to ensure all variants of an enum are handled.
- */ function invariant(never, computeMessage) {
-    throw new Error(`Invariant: ${computeMessage(never)}`);
-}
-}}),
-"[turbopack-node]/ipc/evaluate.ts [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({
-    "run": (()=>run)
-});
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$index$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/ipc/index.ts [postcss] (ecmascript)");
-;
-const ipc = __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$index$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["IPC"];
-const queue = [];
-const run = async (moduleFactory)=>{
-    let nextId = 1;
-    const requests = new Map();
-    const internalIpc = {
-        sendInfo: (message)=>ipc.send({
-                type: "info",
-                data: message
-            }),
-        sendRequest: (message)=>{
-            const id = nextId++;
-            let resolve, reject;
-            const promise = new Promise((res, rej)=>{
-                resolve = res;
-                reject = rej;
-            });
-            requests.set(id, {
-                resolve,
-                reject
-            });
-            return ipc.send({
-                type: "request",
-                id,
-                data: message
-            }).then(()=>promise);
-        },
-        sendError: (error)=>{
-            return ipc.sendError(error);
-        }
-    };
-    // Initialize module and send ready message
-    let getValue;
-    try {
-        const module = await moduleFactory();
-        if (typeof module.init === "function") {
-            await module.init();
-        }
-        getValue = module.default;
-        await ipc.sendReady();
-    } catch (err) {
-        await ipc.sendReady();
-        await ipc.sendError(err);
-    }
-    // Queue handling
-    let isRunning = false;
-    const run = async ()=>{
-        while(queue.length > 0){
-            const args = queue.shift();
-            try {
-                const value = await getValue(internalIpc, ...args);
-                await ipc.send({
-                    type: "end",
-                    data: value === undefined ? undefined : JSON.stringify(value, null, 2),
-                    duration: 0
-                });
-            } catch (e) {
-                await ipc.sendError(e);
-            }
-        }
-        isRunning = false;
-    };
-    // Communication handling
-    while(true){
-        const msg = await ipc.recv();
-        switch(msg.type){
-            case "evaluate":
-                {
-                    queue.push(msg.args);
-                    if (!isRunning) {
-                        isRunning = true;
-                        run();
-                    }
-                    break;
-                }
-            case "result":
-                {
-                    const request = requests.get(msg.id);
-                    if (request) {
-                        requests.delete(msg.id);
-                        if (msg.error) {
-                            request.reject(new Error(msg.error));
-                        } else {
-                            request.resolve(msg.data);
-                        }
-                    }
-                    break;
-                }
-            default:
-                {
-                    console.error("unexpected message type", msg.type);
-                    process.exit(1);
-                }
-        }
-    }
-};
-}}),
-"[turbopack-node]/ipc/evaluate.ts/evaluate.js { INNER => \"[project]/apps/wr/postcss.config.mjs/transform.ts { CONFIG => \\\"[project]/apps/wr/postcss.config.mjs [postcss] (ecmascript)\\\" } [postcss] (ecmascript)\", RUNTIME => \"[turbopack-node]/ipc/evaluate.ts [postcss] (ecmascript)\" } [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({});
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$evaluate$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/ipc/evaluate.ts [postcss] (ecmascript)");
-;
-(0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$evaluate$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["run"])(()=>__turbopack_require__('[project]/apps/wr/postcss.config.mjs/transform.ts { CONFIG => "[project]/apps/wr/postcss.config.mjs [postcss] (ecmascript)" } [postcss] (ecmascript, async loader)')(__turbopack_import__));
-}}),
-"[turbopack-node]/globals.ts [postcss] (ecmascript)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-// @ts-ignore
-process.turbopack = {};
-}}),
-
-};
-
-//# sourceMappingURL=%5Broot%20of%20the%20server%5D__682b1a._.js.map

apps/wr/.next/build/chunks/[root of the server]__7ebbda._.js

@@ -1,498 +0,0 @@
-module.exports = {
-
-"[externals]/node:net [external] (node:net, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("node:net", () => require("node:net"));
-
-module.exports = mod;
-}}),
-"[turbopack-node]/compiled/stacktrace-parser/index.js [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({
-    "parse": (()=>parse)
-});
-if (typeof __nccwpck_require__ !== "undefined") __nccwpck_require__.ab = __dirname + "/";
-var n = "<unknown>";
-function parse(e) {
-    var r = e.split("\n");
-    return r.reduce(function(e, r) {
-        var n = parseChrome(r) || parseWinjs(r) || parseGecko(r) || parseNode(r) || parseJSC(r);
-        if (n) {
-            e.push(n);
-        }
-        return e;
-    }, []);
-}
-var a = /^\s*at (.*?) ?\(((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
-var l = /\((\S*)(?::(\d+))(?::(\d+))\)/;
-function parseChrome(e) {
-    var r = a.exec(e);
-    if (!r) {
-        return null;
-    }
-    var u = r[2] && r[2].indexOf("native") === 0;
-    var t = r[2] && r[2].indexOf("eval") === 0;
-    var i = l.exec(r[2]);
-    if (t && i != null) {
-        r[2] = i[1];
-        r[3] = i[2];
-        r[4] = i[3];
-    }
-    return {
-        file: !u ? r[2] : null,
-        methodName: r[1] || n,
-        arguments: u ? [
-            r[2]
-        ] : [],
-        lineNumber: r[3] ? +r[3] : null,
-        column: r[4] ? +r[4] : null
-    };
-}
-var u = /^\s*at (?:((?:\[object object\])?.+) )?\(?((?:file|ms-appx|https?|webpack|blob):.*?):(\d+)(?::(\d+))?\)?\s*$/i;
-function parseWinjs(e) {
-    var r = u.exec(e);
-    if (!r) {
-        return null;
-    }
-    return {
-        file: r[2],
-        methodName: r[1] || n,
-        arguments: [],
-        lineNumber: +r[3],
-        column: r[4] ? +r[4] : null
-    };
-}
-var t = /^\s*(.*?)(?:\((.*?)\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\[native).*?|[^@]*bundle)(?::(\d+))?(?::(\d+))?\s*$/i;
-var i = /(\S+) line (\d+)(?: > eval line \d+)* > eval/i;
-function parseGecko(e) {
-    var r = t.exec(e);
-    if (!r) {
-        return null;
-    }
-    var a = r[3] && r[3].indexOf(" > eval") > -1;
-    var l = i.exec(r[3]);
-    if (a && l != null) {
-        r[3] = l[1];
-        r[4] = l[2];
-        r[5] = null;
-    }
-    return {
-        file: r[3],
-        methodName: r[1] || n,
-        arguments: r[2] ? r[2].split(",") : [],
-        lineNumber: r[4] ? +r[4] : null,
-        column: r[5] ? +r[5] : null
-    };
-}
-var s = /^\s*(?:([^@]*)(?:\((.*?)\))?@)?(\S.*?):(\d+)(?::(\d+))?\s*$/i;
-function parseJSC(e) {
-    var r = s.exec(e);
-    if (!r) {
-        return null;
-    }
-    return {
-        file: r[3],
-        methodName: r[1] || n,
-        arguments: [],
-        lineNumber: +r[4],
-        column: r[5] ? +r[5] : null
-    };
-}
-var o = /^\s*at (?:((?:\[object object\])?[^\\/]+(?: \[as \S+\])?) )?\(?(.*?):(\d+)(?::(\d+))?\)?\s*$/i;
-function parseNode(e) {
-    var r = o.exec(e);
-    if (!r) {
-        return null;
-    }
-    return {
-        file: r[2],
-        methodName: r[1] || n,
-        arguments: [],
-        lineNumber: +r[3],
-        column: r[4] ? +r[4] : null
-    };
-}
-}}),
-"[turbopack-node]/ipc/error.ts [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-// merged from next.js
-// https://github.com/vercel/next.js/blob/e657741b9908cf0044aaef959c0c4defb19ed6d8/packages/next/src/lib/is-error.ts
-// https://github.com/vercel/next.js/blob/e657741b9908cf0044aaef959c0c4defb19ed6d8/packages/next/src/shared/lib/is-plain-object.ts
-__turbopack_esm__({
-    "default": (()=>isError),
-    "getProperError": (()=>getProperError)
-});
-function isError(err) {
-    return typeof err === "object" && err !== null && "name" in err && "message" in err;
-}
-function getProperError(err) {
-    if (isError(err)) {
-        return err;
-    }
-    if ("TURBOPACK compile-time truthy", 1) {
-        // Provide a better error message for cases where `throw undefined`
-        // is called in development
-        if (typeof err === "undefined") {
-            return new Error("`undefined` was thrown instead of a real error");
-        }
-        if (err === null) {
-            return new Error("`null` was thrown instead of a real error");
-        }
-    }
-    return new Error(isPlainObject(err) ? JSON.stringify(err) : err + "");
-}
-function getObjectClassLabel(value) {
-    return Object.prototype.toString.call(value);
-}
-function isPlainObject(value) {
-    if (getObjectClassLabel(value) !== "[object Object]") {
-        return false;
-    }
-    const prototype = Object.getPrototypeOf(value);
-    /**
-   * this used to be previously:
-   *
-   * `return prototype === null || prototype === Object.prototype`
-   *
-   * but Edge Runtime expose Object from vm, being that kind of type-checking wrongly fail.
-   *
-   * It was changed to the current implementation since it's resilient to serialization.
-   */ return prototype === null || prototype.hasOwnProperty("isPrototypeOf");
-}
-}}),
-"[turbopack-node]/ipc/index.ts [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({
-    "IPC": (()=>IPC),
-    "structuredError": (()=>structuredError)
-});
-var __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$net__$5b$external$5d$__$28$node$3a$net$2c$__cjs$29$__ = __turbopack_import__("[externals]/node:net [external] (node:net, cjs)");
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$compiled$2f$stacktrace$2d$parser$2f$index$2e$js__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/compiled/stacktrace-parser/index.js [postcss] (ecmascript)");
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$error$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/ipc/error.ts [postcss] (ecmascript)");
-;
-;
-;
-function structuredError(e) {
-    e = (0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$error$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["getProperError"])(e);
-    return {
-        name: e.name,
-        message: e.message,
-        stack: typeof e.stack === "string" ? (0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$compiled$2f$stacktrace$2d$parser$2f$index$2e$js__$5b$postcss$5d$__$28$ecmascript$29$__["parse"])(e.stack) : [],
-        cause: e.cause ? structuredError((0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$error$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["getProperError"])(e.cause)) : undefined
-    };
-}
-function createIpc(port) {
-    const socket = (0, __TURBOPACK__imported__module__$5b$externals$5d2f$node$3a$net__$5b$external$5d$__$28$node$3a$net$2c$__cjs$29$__["createConnection"])(port, "127.0.0.1");
-    const packetQueue = [];
-    const recvPromiseResolveQueue = [];
-    function pushPacket(packet) {
-        const recvPromiseResolve = recvPromiseResolveQueue.shift();
-        if (recvPromiseResolve != null) {
-            recvPromiseResolve(JSON.parse(packet.toString("utf8")));
-        } else {
-            packetQueue.push(packet);
-        }
-    }
-    let state = {
-        type: "waiting"
-    };
-    let buffer = Buffer.alloc(0);
-    socket.once("connect", ()=>{
-        socket.on("data", (chunk)=>{
-            buffer = Buffer.concat([
-                buffer,
-                chunk
-            ]);
-            loop: while(true){
-                switch(state.type){
-                    case "waiting":
-                        {
-                            if (buffer.length >= 4) {
-                                const length = buffer.readUInt32BE(0);
-                                buffer = buffer.subarray(4);
-                                state = {
-                                    type: "packet",
-                                    length
-                                };
-                            } else {
-                                break loop;
-                            }
-                            break;
-                        }
-                    case "packet":
-                        {
-                            if (buffer.length >= state.length) {
-                                const packet = buffer.subarray(0, state.length);
-                                buffer = buffer.subarray(state.length);
-                                state = {
-                                    type: "waiting"
-                                };
-                                pushPacket(packet);
-                            } else {
-                                break loop;
-                            }
-                            break;
-                        }
-                    default:
-                        invariant(state, (state)=>`Unknown state type: ${state?.type}`);
-                }
-            }
-        });
-    });
-    // When the socket is closed, this process is no longer needed.
-    // This might happen e. g. when parent process is killed or
-    // node.js pool is garbage collected.
-    socket.once("close", ()=>{
-        process.exit(0);
-    });
-    function send(message) {
-        const packet = Buffer.from(JSON.stringify(message), "utf8");
-        const length = Buffer.alloc(4);
-        length.writeUInt32BE(packet.length);
-        socket.write(length);
-        return new Promise((resolve, reject)=>{
-            socket.write(packet, (err)=>{
-                process.stderr.write(`TURBOPACK_OUTPUT_D\n`);
-                process.stdout.write(`TURBOPACK_OUTPUT_D\n`);
-                if (err != null) {
-                    reject(err);
-                } else {
-                    resolve();
-                }
-            });
-        });
-    }
-    function sendReady() {
-        const length = Buffer.from([
-            0,
-            0,
-            0,
-            0
-        ]);
-        return new Promise((resolve, reject)=>{
-            socket.write(length, (err)=>{
-                process.stderr.write(`TURBOPACK_OUTPUT_D\n`);
-                process.stdout.write(`TURBOPACK_OUTPUT_D\n`);
-                if (err != null) {
-                    reject(err);
-                } else {
-                    resolve();
-                }
-            });
-        });
-    }
-    return {
-        async recv () {
-            const packet = packetQueue.shift();
-            if (packet != null) {
-                return JSON.parse(packet.toString("utf8"));
-            }
-            const result = await new Promise((resolve)=>{
-                recvPromiseResolveQueue.push((result)=>{
-                    resolve(result);
-                });
-            });
-            return result;
-        },
-        send (message) {
-            return send(message);
-        },
-        sendReady,
-        async sendError (error) {
-            try {
-                await send({
-                    type: "error",
-                    ...structuredError(error)
-                });
-            } catch (err) {
-                console.error("failed to send error back to rust:", err);
-                // ignore and exit anyway
-                process.exit(1);
-            }
-            process.exit(0);
-        }
-    };
-}
-const PORT = process.argv[2];
-const IPC = createIpc(parseInt(PORT, 10));
-process.on("uncaughtException", (err)=>{
-    IPC.sendError(err);
-});
-const improveConsole = (name, stream, addStack)=>{
-    // @ts-ignore
-    const original = console[name];
-    // @ts-ignore
-    const stdio = process[stream];
-    // @ts-ignore
-    console[name] = (...args)=>{
-        stdio.write(`TURBOPACK_OUTPUT_B\n`);
-        original(...args);
-        if (addStack) {
-            const stack = new Error().stack?.replace(/^.+\n.+\n/, "") + "\n";
-            stdio.write("TURBOPACK_OUTPUT_S\n");
-            stdio.write(stack);
-        }
-        stdio.write("TURBOPACK_OUTPUT_E\n");
-    };
-};
-improveConsole("error", "stderr", true);
-improveConsole("warn", "stderr", true);
-improveConsole("count", "stdout", true);
-improveConsole("trace", "stderr", false);
-improveConsole("log", "stdout", true);
-improveConsole("group", "stdout", true);
-improveConsole("groupCollapsed", "stdout", true);
-improveConsole("table", "stdout", true);
-improveConsole("debug", "stdout", true);
-improveConsole("info", "stdout", true);
-improveConsole("dir", "stdout", true);
-improveConsole("dirxml", "stdout", true);
-improveConsole("timeEnd", "stdout", true);
-improveConsole("timeLog", "stdout", true);
-improveConsole("timeStamp", "stdout", true);
-improveConsole("assert", "stderr", true);
-/**
- * Utility function to ensure all variants of an enum are handled.
- */ function invariant(never, computeMessage) {
-    throw new Error(`Invariant: ${computeMessage(never)}`);
-}
-}}),
-"[turbopack-node]/ipc/evaluate.ts [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({
-    "run": (()=>run)
-});
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$index$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/ipc/index.ts [postcss] (ecmascript)");
-;
-const ipc = __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$index$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["IPC"];
-const queue = [];
-const run = async (moduleFactory)=>{
-    let nextId = 1;
-    const requests = new Map();
-    const internalIpc = {
-        sendInfo: (message)=>ipc.send({
-                type: "info",
-                data: message
-            }),
-        sendRequest: (message)=>{
-            const id = nextId++;
-            let resolve, reject;
-            const promise = new Promise((res, rej)=>{
-                resolve = res;
-                reject = rej;
-            });
-            requests.set(id, {
-                resolve,
-                reject
-            });
-            return ipc.send({
-                type: "request",
-                id,
-                data: message
-            }).then(()=>promise);
-        },
-        sendError: (error)=>{
-            return ipc.sendError(error);
-        }
-    };
-    // Initialize module and send ready message
-    let getValue;
-    try {
-        const module = await moduleFactory();
-        if (typeof module.init === "function") {
-            await module.init();
-        }
-        getValue = module.default;
-        await ipc.sendReady();
-    } catch (err) {
-        await ipc.sendReady();
-        await ipc.sendError(err);
-    }
-    // Queue handling
-    let isRunning = false;
-    const run = async ()=>{
-        while(queue.length > 0){
-            const args = queue.shift();
-            try {
-                const value = await getValue(internalIpc, ...args);
-                await ipc.send({
-                    type: "end",
-                    data: value === undefined ? undefined : JSON.stringify(value, null, 2),
-                    duration: 0
-                });
-            } catch (e) {
-                await ipc.sendError(e);
-            }
-        }
-        isRunning = false;
-    };
-    // Communication handling
-    while(true){
-        const msg = await ipc.recv();
-        switch(msg.type){
-            case "evaluate":
-                {
-                    queue.push(msg.args);
-                    if (!isRunning) {
-                        isRunning = true;
-                        run();
-                    }
-                    break;
-                }
-            case "result":
-                {
-                    const request = requests.get(msg.id);
-                    if (request) {
-                        requests.delete(msg.id);
-                        if (msg.error) {
-                            request.reject(new Error(msg.error));
-                        } else {
-                            request.resolve(msg.data);
-                        }
-                    }
-                    break;
-                }
-            default:
-                {
-                    console.error("unexpected message type", msg.type);
-                    process.exit(1);
-                }
-        }
-    }
-};
-}}),
-"[turbopack-node]/ipc/evaluate.ts/evaluate.js { INNER => \"[project]/packages/common/components/postcss.config.js/transform.ts { CONFIG => \\\"[project]/packages/common/components/postcss.config.js_.loader.mjs [postcss] (ecmascript)\\\" } [postcss] (ecmascript)\", RUNTIME => \"[turbopack-node]/ipc/evaluate.ts [postcss] (ecmascript)\" } [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({});
-var __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$evaluate$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[turbopack-node]/ipc/evaluate.ts [postcss] (ecmascript)");
-;
-(0, __TURBOPACK__imported__module__$5b$turbopack$2d$node$5d2f$ipc$2f$evaluate$2e$ts__$5b$postcss$5d$__$28$ecmascript$29$__["run"])(()=>__turbopack_require__('[project]/packages/common/components/postcss.config.js/transform.ts { CONFIG => "[project]/packages/common/components/postcss.config.js_.loader.mjs [postcss] (ecmascript)" } [postcss] (ecmascript, async loader)')(__turbopack_import__));
-}}),
-"[turbopack-node]/globals.ts [postcss] (ecmascript)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-// @ts-ignore
-process.turbopack = {};
-}}),
-
-};
-
-//# sourceMappingURL=%5Broot%20of%20the%20server%5D__7ebbda._.js.map

apps/wr/.next/build/chunks/[root of the server]__81da40._.js

@@ -1,165 +0,0 @@
-module.exports = {
-
-"[externals]/path [external] (path, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("path", () => require("path"));
-
-module.exports = mod;
-}}),
-"[externals]/url [external] (url, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("url", () => require("url"));
-
-module.exports = mod;
-}}),
-"[externals]/fs [external] (fs, cjs)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const mod = __turbopack_external_require__("fs", () => require("fs"));
-
-module.exports = mod;
-}}),
-"[project]/apps/wr/postcss.config.mjs [postcss] (ecmascript)": (function(__turbopack_context__) {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, m: module, e: exports, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-const e = new Error("Could not parse module '[project]/apps/wr/postcss.config.mjs'");
-e.code = 'MODULE_UNPARSEABLE';
-throw e;}}),
-"[project]/apps/wr/postcss.config.mjs/transform.ts { CONFIG => \"[project]/apps/wr/postcss.config.mjs [postcss] (ecmascript)\" } [postcss] (ecmascript)": ((__turbopack_context__) => {
-"use strict";
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, x: __turbopack_external_require__, y: __turbopack_external_import__, z: __turbopack_require_stub__ } = __turbopack_context__;
-{
-__turbopack_esm__({
-    "default": (()=>transform),
-    "init": (()=>init)
-});
-// @ts-ignore
-var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f2e$pnpm$2f$postcss$40$8$2e$5$2e$3$2f$node_modules$2f$postcss$2f$lib$2f$postcss$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[project]/node_modules/.pnpm/postcss@8.5.3/node_modules/postcss/lib/postcss.mjs [postcss] (ecmascript)");
-// @ts-ignore
-var __TURBOPACK__imported__module__$5b$project$5d2f$apps$2f$wr$2f$postcss$2e$config$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__ = __turbopack_import__("[project]/apps/wr/postcss.config.mjs [postcss] (ecmascript)");
-var __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__ = __turbopack_import__("[externals]/path [external] (path, cjs)");
-;
-;
-;
-const contextDir = process.cwd();
-function toPath(file) {
-    const relPath = (0, __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["relative"])(contextDir, file);
-    if ((0, __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["isAbsolute"])(relPath)) {
-        throw new Error(`Cannot depend on path (${file}) outside of root directory (${contextDir})`);
-    }
-    return __TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["sep"] !== "/" ? relPath.replaceAll(__TURBOPACK__imported__module__$5b$externals$5d2f$path__$5b$external$5d$__$28$path$2c$__cjs$29$__["sep"], "/") : relPath;
-}
-let processor;
-const init = async (ipc)=>{
-    let config = __TURBOPACK__imported__module__$5b$project$5d2f$apps$2f$wr$2f$postcss$2e$config$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__["default"];
-    if (typeof config === "function") {
-        config = await config({
-            env: "development"
-        });
-    }
-    if (typeof config === "undefined") {
-        throw new Error("PostCSS config is undefined (make sure to export an function or object from config file)");
-    }
-    let plugins;
-    if (Array.isArray(config.plugins)) {
-        plugins = config.plugins.map((plugin)=>{
-            if (Array.isArray(plugin)) {
-                return plugin;
-            } else if (typeof plugin === "string") {
-                return [
-                    plugin,
-                    {}
-                ];
-            } else {
-                return plugin;
-            }
-        });
-    } else if (typeof config.plugins === "object") {
-        plugins = Object.entries(config.plugins).filter(([, options])=>options);
-    } else {
-        plugins = [];
-    }
-    const loadedPlugins = plugins.map((plugin)=>{
-        if (Array.isArray(plugin)) {
-            const [arg, options] = plugin;
-            let pluginFactory = arg;
-            if (typeof pluginFactory === "string") {
-                pluginFactory = require(/* turbopackIgnore: true */ pluginFactory);
-            }
-            if (pluginFactory.default) {
-                pluginFactory = pluginFactory.default;
-            }
-            return pluginFactory(options);
-        }
-        return plugin;
-    });
-    processor = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f2e$pnpm$2f$postcss$40$8$2e$5$2e$3$2f$node_modules$2f$postcss$2f$lib$2f$postcss$2e$mjs__$5b$postcss$5d$__$28$ecmascript$29$__["default"])(loadedPlugins);
-};
-async function transform(ipc, cssContent, name) {
-    const { css, map, messages } = await processor.process(cssContent, {
-        from: name,
-        to: name,
-        map: {
-            inline: false,
-            annotation: false
-        }
-    });
-    const assets = [];
-    for (const msg of messages){
-        switch(msg.type){
-            case "asset":
-                assets.push({
-                    file: msg.file,
-                    content: msg.content,
-                    sourceMap: typeof msg.sourceMap === "string" ? msg.sourceMap : JSON.stringify(msg.sourceMap)
-                });
-                break;
-            case "dependency":
-            case "missing-dependency":
-                ipc.sendInfo({
-                    type: "fileDependency",
-                    path: toPath(msg.file)
-                });
-                break;
-            case "build-dependency":
-                ipc.sendInfo({
-                    type: "buildDependency",
-                    path: toPath(msg.file)
-                });
-                break;
-            case "dir-dependency":
-                ipc.sendInfo({
-                    type: "dirDependency",
-                    path: toPath(msg.dir),
-                    glob: msg.glob
-                });
-                break;
-            case "context-dependency":
-                ipc.sendInfo({
-                    type: "dirDependency",
-                    path: toPath(msg.file),
-                    glob: "**"
-                });
-                break;
-            default:
-                break;
-        }
-    }
-    return {
-        css,
-        map: JSON.stringify(map),
-        assets
-    };
-}
-}}),
-
-};
-
-//# sourceMappingURL=%5Broot%20of%20the%20server%5D__81da40._.js.map

apps/wr/.next/build/chunks/[turbopack]_runtime.js

@@ -1,674 +0,0 @@
-const RUNTIME_PUBLIC_PATH = "build/chunks/[turbopack]_runtime.js";
-const OUTPUT_ROOT = ".next";
-const ASSET_PREFIX = "/";
-/**
- * This file contains runtime types and functions that are shared between all
- * TurboPack ECMAScript runtimes.
- *
- * It will be prepended to the runtime code of each runtime.
- */ /* eslint-disable @typescript-eslint/no-unused-vars */ /// <reference path="./runtime-types.d.ts" />
-const REEXPORTED_OBJECTS = Symbol("reexported objects");
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const toStringTag = typeof Symbol !== "undefined" && Symbol.toStringTag;
-function defineProp(obj, name, options) {
-    if (!hasOwnProperty.call(obj, name)) Object.defineProperty(obj, name, options);
-}
-/**
- * Adds the getters to the exports object.
- */ function esm(exports, getters) {
-    defineProp(exports, "__esModule", {
-        value: true
-    });
-    if (toStringTag) defineProp(exports, toStringTag, {
-        value: "Module"
-    });
-    for(const key in getters){
-        const item = getters[key];
-        if (Array.isArray(item)) {
-            defineProp(exports, key, {
-                get: item[0],
-                set: item[1],
-                enumerable: true
-            });
-        } else {
-            defineProp(exports, key, {
-                get: item,
-                enumerable: true
-            });
-        }
-    }
-    Object.seal(exports);
-}
-/**
- * Makes the module an ESM with exports
- */ function esmExport(module, exports, getters) {
-    module.namespaceObject = module.exports;
-    esm(exports, getters);
-}
-function ensureDynamicExports(module, exports) {
-    let reexportedObjects = module[REEXPORTED_OBJECTS];
-    if (!reexportedObjects) {
-        reexportedObjects = module[REEXPORTED_OBJECTS] = [];
-        module.exports = module.namespaceObject = new Proxy(exports, {
-            get (target, prop) {
-                if (hasOwnProperty.call(target, prop) || prop === "default" || prop === "__esModule") {
-                    return Reflect.get(target, prop);
-                }
-                for (const obj of reexportedObjects){
-                    const value = Reflect.get(obj, prop);
-                    if (value !== undefined) return value;
-                }
-                return undefined;
-            },
-            ownKeys (target) {
-                const keys = Reflect.ownKeys(target);
-                for (const obj of reexportedObjects){
-                    for (const key of Reflect.ownKeys(obj)){
-                        if (key !== "default" && !keys.includes(key)) keys.push(key);
-                    }
-                }
-                return keys;
-            }
-        });
-    }
-}
-/**
- * Dynamically exports properties from an object
- */ function dynamicExport(module, exports, object) {
-    ensureDynamicExports(module, exports);
-    if (typeof object === "object" && object !== null) {
-        module[REEXPORTED_OBJECTS].push(object);
-    }
-}
-function exportValue(module, value) {
-    module.exports = value;
-}
-function exportNamespace(module, namespace) {
-    module.exports = module.namespaceObject = namespace;
-}
-function createGetter(obj, key) {
-    return ()=>obj[key];
-}
-/**
- * @returns prototype of the object
- */ const getProto = Object.getPrototypeOf ? (obj)=>Object.getPrototypeOf(obj) : (obj)=>obj.__proto__;
-/** Prototypes that are not expanded for exports */ const LEAF_PROTOTYPES = [
-    null,
-    getProto({}),
-    getProto([]),
-    getProto(getProto)
-];
-/**
- * @param raw
- * @param ns
- * @param allowExportDefault
- *   * `false`: will have the raw module as default export
- *   * `true`: will have the default property as default export
- */ function interopEsm(raw, ns, allowExportDefault) {
-    const getters = Object.create(null);
-    for(let current = raw; (typeof current === "object" || typeof current === "function") && !LEAF_PROTOTYPES.includes(current); current = getProto(current)){
-        for (const key of Object.getOwnPropertyNames(current)){
-            getters[key] = createGetter(raw, key);
-        }
-    }
-    // this is not really correct
-    // we should set the `default` getter if the imported module is a `.cjs file`
-    if (!(allowExportDefault && "default" in getters)) {
-        getters["default"] = ()=>raw;
-    }
-    esm(ns, getters);
-    return ns;
-}
-function createNS(raw) {
-    if (typeof raw === "function") {
-        return function(...args) {
-            return raw.apply(this, args);
-        };
-    } else {
-        return Object.create(null);
-    }
-}
-function esmImport(sourceModule, id) {
-    const module = getOrInstantiateModuleFromParent(id, sourceModule);
-    if (module.error) throw module.error;
-    // any ES module has to have `module.namespaceObject` defined.
-    if (module.namespaceObject) return module.namespaceObject;
-    // only ESM can be an async module, so we don't need to worry about exports being a promise here.
-    const raw = module.exports;
-    return module.namespaceObject = interopEsm(raw, createNS(raw), raw && raw.__esModule);
-}
-// Add a simple runtime require so that environments without one can still pass
-// `typeof require` CommonJS checks so that exports are correctly registered.
-const runtimeRequire = // @ts-ignore
-typeof require === "function" ? require : function require1() {
-    throw new Error("Unexpected use of runtime require");
-};
-function commonJsRequire(sourceModule, id) {
-    const module = getOrInstantiateModuleFromParent(id, sourceModule);
-    if (module.error) throw module.error;
-    return module.exports;
-}
-/**
- * `require.context` and require/import expression runtime.
- */ function moduleContext(map) {
-    function moduleContext(id) {
-        if (hasOwnProperty.call(map, id)) {
-            return map[id].module();
-        }
-        const e = new Error(`Cannot find module '${id}'`);
-        e.code = "MODULE_NOT_FOUND";
-        throw e;
-    }
-    moduleContext.keys = ()=>{
-        return Object.keys(map);
-    };
-    moduleContext.resolve = (id)=>{
-        if (hasOwnProperty.call(map, id)) {
-            return map[id].id();
-        }
-        const e = new Error(`Cannot find module '${id}'`);
-        e.code = "MODULE_NOT_FOUND";
-        throw e;
-    };
-    moduleContext.import = async (id)=>{
-        return await moduleContext(id);
-    };
-    return moduleContext;
-}
-/**
- * Returns the path of a chunk defined by its data.
- */ function getChunkPath(chunkData) {
-    return typeof chunkData === "string" ? chunkData : chunkData.path;
-}
-function isPromise(maybePromise) {
-    return maybePromise != null && typeof maybePromise === "object" && "then" in maybePromise && typeof maybePromise.then === "function";
-}
-function isAsyncModuleExt(obj) {
-    return turbopackQueues in obj;
-}
-function createPromise() {
-    let resolve;
-    let reject;
-    const promise = new Promise((res, rej)=>{
-        reject = rej;
-        resolve = res;
-    });
-    return {
-        promise,
-        resolve: resolve,
-        reject: reject
-    };
-}
-// everything below is adapted from webpack
-// https://github.com/webpack/webpack/blob/6be4065ade1e252c1d8dcba4af0f43e32af1bdc1/lib/runtime/AsyncModuleRuntimeModule.js#L13
-const turbopackQueues = Symbol("turbopack queues");
-const turbopackExports = Symbol("turbopack exports");
-const turbopackError = Symbol("turbopack error");
-;
-function resolveQueue(queue) {
-    if (queue && queue.status !== 1) {
-        queue.status = 1;
-        queue.forEach((fn)=>fn.queueCount--);
-        queue.forEach((fn)=>fn.queueCount-- ? fn.queueCount++ : fn());
-    }
-}
-function wrapDeps(deps) {
-    return deps.map((dep)=>{
-        if (dep !== null && typeof dep === "object") {
-            if (isAsyncModuleExt(dep)) return dep;
-            if (isPromise(dep)) {
-                const queue = Object.assign([], {
-                    status: 0
-                });
-                const obj = {
-                    [turbopackExports]: {},
-                    [turbopackQueues]: (fn)=>fn(queue)
-                };
-                dep.then((res)=>{
-                    obj[turbopackExports] = res;
-                    resolveQueue(queue);
-                }, (err)=>{
-                    obj[turbopackError] = err;
-                    resolveQueue(queue);
-                });
-                return obj;
-            }
-        }
-        return {
-            [turbopackExports]: dep,
-            [turbopackQueues]: ()=>{}
-        };
-    });
-}
-function asyncModule(module, body, hasAwait) {
-    const queue = hasAwait ? Object.assign([], {
-        status: -1
-    }) : undefined;
-    const depQueues = new Set();
-    const { resolve, reject, promise: rawPromise } = createPromise();
-    const promise = Object.assign(rawPromise, {
-        [turbopackExports]: module.exports,
-        [turbopackQueues]: (fn)=>{
-            queue && fn(queue);
-            depQueues.forEach(fn);
-            promise["catch"](()=>{});
-        }
-    });
-    const attributes = {
-        get () {
-            return promise;
-        },
-        set (v) {
-            // Calling `esmExport` leads to this.
-            if (v !== promise) {
-                promise[turbopackExports] = v;
-            }
-        }
-    };
-    Object.defineProperty(module, "exports", attributes);
-    Object.defineProperty(module, "namespaceObject", attributes);
-    function handleAsyncDependencies(deps) {
-        const currentDeps = wrapDeps(deps);
-        const getResult = ()=>currentDeps.map((d)=>{
-                if (d[turbopackError]) throw d[turbopackError];
-                return d[turbopackExports];
-            });
-        const { promise, resolve } = createPromise();
-        const fn = Object.assign(()=>resolve(getResult), {
-            queueCount: 0
-        });
-        function fnQueue(q) {
-            if (q !== queue && !depQueues.has(q)) {
-                depQueues.add(q);
-                if (q && q.status === 0) {
-                    fn.queueCount++;
-                    q.push(fn);
-                }
-            }
-        }
-        currentDeps.map((dep)=>dep[turbopackQueues](fnQueue));
-        return fn.queueCount ? promise : getResult();
-    }
-    function asyncResult(err) {
-        if (err) {
-            reject(promise[turbopackError] = err);
-        } else {
-            resolve(promise[turbopackExports]);
-        }
-        resolveQueue(queue);
-    }
-    body(handleAsyncDependencies, asyncResult);
-    if (queue && queue.status === -1) {
-        queue.status = 0;
-    }
-}
-/**
- * A pseudo "fake" URL object to resolve to its relative path.
- *
- * When UrlRewriteBehavior is set to relative, calls to the `new URL()` will construct url without base using this
- * runtime function to generate context-agnostic urls between different rendering context, i.e ssr / client to avoid
- * hydration mismatch.
- *
- * This is based on webpack's existing implementation:
- * https://github.com/webpack/webpack/blob/87660921808566ef3b8796f8df61bd79fc026108/lib/runtime/RelativeUrlRuntimeModule.js
- */ const relativeURL = function relativeURL(inputUrl) {
-    const realUrl = new URL(inputUrl, "x:/");
-    const values = {};
-    for(const key in realUrl)values[key] = realUrl[key];
-    values.href = inputUrl;
-    values.pathname = inputUrl.replace(/[?#].*/, "");
-    values.origin = values.protocol = "";
-    values.toString = values.toJSON = (..._args)=>inputUrl;
-    for(const key in values)Object.defineProperty(this, key, {
-        enumerable: true,
-        configurable: true,
-        value: values[key]
-    });
-};
-relativeURL.prototype = URL.prototype;
-/**
- * Utility function to ensure all variants of an enum are handled.
- */ function invariant(never, computeMessage) {
-    throw new Error(`Invariant: ${computeMessage(never)}`);
-}
-/**
- * A stub function to make `require` available but non-functional in ESM.
- */ function requireStub(_moduleId) {
-    throw new Error("dynamic usage of require is not supported");
-}
-/* eslint-disable @typescript-eslint/no-unused-vars */ /// <reference path="../shared/runtime-utils.ts" />
-/// A 'base' utilities to support runtime can have externals.
-/// Currently this is for node.js / edge runtime both.
-/// If a fn requires node.js specific behavior, it should be placed in `node-external-utils` instead.
-async function externalImport(id) {
-    let raw;
-    try {
-        raw = await import(id);
-    } catch (err) {
-        // TODO(alexkirsz) This can happen when a client-side module tries to load
-        // an external module we don't provide a shim for (e.g. querystring, url).
-        // For now, we fail semi-silently, but in the future this should be a
-        // compilation error.
-        throw new Error(`Failed to load external module ${id}: ${err}`);
-    }
-    if (raw && raw.__esModule && raw.default && 'default' in raw.default) {
-        return interopEsm(raw.default, createNS(raw), true);
-    }
-    return raw;
-}
-function externalRequire(id, thunk, esm = false) {
-    let raw;
-    try {
-        raw = thunk();
-    } catch (err) {
-        // TODO(alexkirsz) This can happen when a client-side module tries to load
-        // an external module we don't provide a shim for (e.g. querystring, url).
-        // For now, we fail semi-silently, but in the future this should be a
-        // compilation error.
-        throw new Error(`Failed to load external module ${id}: ${err}`);
-    }
-    if (!esm || raw.__esModule) {
-        return raw;
-    }
-    return interopEsm(raw, createNS(raw), true);
-}
-externalRequire.resolve = (id, options)=>{
-    return require.resolve(id, options);
-};
-/* eslint-disable @typescript-eslint/no-unused-vars */ const path = require("path");
-const relativePathToRuntimeRoot = path.relative(RUNTIME_PUBLIC_PATH, ".");
-// Compute the relative path to the `distDir`.
-const relativePathToDistRoot = path.relative(path.join(OUTPUT_ROOT, RUNTIME_PUBLIC_PATH), ".");
-const RUNTIME_ROOT = path.resolve(__filename, relativePathToRuntimeRoot);
-// Compute the absolute path to the root, by stripping distDir from the absolute path to this file.
-const ABSOLUTE_ROOT = path.resolve(__filename, relativePathToDistRoot);
-/**
- * Returns an absolute path to the given module path.
- * Module path should be relative, either path to a file or a directory.
- *
- * This fn allows to calculate an absolute path for some global static values, such as
- * `__dirname` or `import.meta.url` that Turbopack will not embeds in compile time.
- * See ImportMetaBinding::code_generation for the usage.
- */ function resolveAbsolutePath(modulePath) {
-    if (modulePath) {
-        return path.join(ABSOLUTE_ROOT, modulePath);
-    }
-    return ABSOLUTE_ROOT;
-}
-/* eslint-disable @typescript-eslint/no-unused-vars */ /// <reference path="../shared/runtime-utils.ts" />
-function readWebAssemblyAsResponse(path) {
-    const { createReadStream } = require("fs");
-    const { Readable } = require("stream");
-    const stream = createReadStream(path);
-    // @ts-ignore unfortunately there's a slight type mismatch with the stream.
-    return new Response(Readable.toWeb(stream), {
-        headers: {
-            "content-type": "application/wasm"
-        }
-    });
-}
-async function compileWebAssemblyFromPath(path) {
-    const response = readWebAssemblyAsResponse(path);
-    return await WebAssembly.compileStreaming(response);
-}
-async function instantiateWebAssemblyFromPath(path, importsObj) {
-    const response = readWebAssemblyAsResponse(path);
-    const { instance } = await WebAssembly.instantiateStreaming(response, importsObj);
-    return instance.exports;
-}
-/* eslint-disable @typescript-eslint/no-unused-vars */ /// <reference path="../shared/runtime-utils.ts" />
-/// <reference path="../shared-node/base-externals-utils.ts" />
-/// <reference path="../shared-node/node-externals-utils.ts" />
-/// <reference path="../shared-node/node-wasm-utils.ts" />
-var SourceType = /*#__PURE__*/ function(SourceType) {
-    /**
-   * The module was instantiated because it was included in an evaluated chunk's
-   * runtime.
-   */ SourceType[SourceType["Runtime"] = 0] = "Runtime";
-    /**
-   * The module was instantiated because a parent module imported it.
-   */ SourceType[SourceType["Parent"] = 1] = "Parent";
-    return SourceType;
-}(SourceType || {});
-function stringifySourceInfo(source) {
-    switch(source.type){
-        case 0:
-            return `runtime for chunk ${source.chunkPath}`;
-        case 1:
-            return `parent module ${source.parentId}`;
-        default:
-            invariant(source, (source)=>`Unknown source type: ${source?.type}`);
-    }
-}
-const url = require("url");
-const fs = require("fs/promises");
-const moduleFactories = Object.create(null);
-const moduleCache = Object.create(null);
-/**
- * Returns an absolute path to the given module's id.
- */ function createResolvePathFromModule(resolver) {
-    return function resolvePathFromModule(moduleId) {
-        const exported = resolver(moduleId);
-        const exportedPath = exported?.default ?? exported;
-        if (typeof exportedPath !== "string") {
-            return exported;
-        }
-        const strippedAssetPrefix = exportedPath.slice(ASSET_PREFIX.length);
-        const resolved = path.resolve(ABSOLUTE_ROOT, OUTPUT_ROOT, strippedAssetPrefix);
-        return url.pathToFileURL(resolved);
-    };
-}
-function loadChunk(chunkData, source) {
-    if (typeof chunkData === "string") {
-        return loadChunkPath(chunkData, source);
-    } else {
-        return loadChunkPath(chunkData.path, source);
-    }
-}
-function loadChunkPath(chunkPath, source) {
-    if (!chunkPath.endsWith(".js")) {
-        // We only support loading JS chunks in Node.js.
-        // This branch can be hit when trying to load a CSS chunk.
-        return;
-    }
-    try {
-        const resolved = path.resolve(RUNTIME_ROOT, chunkPath);
-        const chunkModules = require(resolved);
-        for (const [moduleId, moduleFactory] of Object.entries(chunkModules)){
-            if (!moduleFactories[moduleId]) {
-                moduleFactories[moduleId] = moduleFactory;
-            }
-        }
-    } catch (e) {
-        let errorMessage = `Failed to load chunk ${chunkPath}`;
-        if (source) {
-            errorMessage += ` from ${stringifySourceInfo(source)}`;
-        }
-        throw new Error(errorMessage, {
-            cause: e
-        });
-    }
-}
-async function loadChunkAsync(source, chunkData) {
-    const chunkPath = typeof chunkData === "string" ? chunkData : chunkData.path;
-    if (!chunkPath.endsWith(".js")) {
-        // We only support loading JS chunks in Node.js.
-        // This branch can be hit when trying to load a CSS chunk.
-        return;
-    }
-    const resolved = path.resolve(RUNTIME_ROOT, chunkPath);
-    try {
-        const contents = await fs.readFile(resolved, "utf-8");
-        const localRequire = (id)=>{
-            let resolvedId = require.resolve(id, {
-                paths: [
-                    path.dirname(resolved)
-                ]
-            });
-            return require(resolvedId);
-        };
-        const module1 = {
-            exports: {}
-        };
-        // TODO: Use vm.runInThisContext once our minimal supported Node.js version includes https://github.com/nodejs/node/pull/52153
-        // eslint-disable-next-line no-eval -- Can't use vm.runInThisContext due to https://github.com/nodejs/node/issues/52102
-        (0, eval)("(function(module, exports, require, __dirname, __filename) {" + contents + "\n})" + "\n//# sourceURL=" + url.pathToFileURL(resolved))(module1, module1.exports, localRequire, path.dirname(resolved), resolved);
-        const chunkModules = module1.exports;
-        for (const [moduleId, moduleFactory] of Object.entries(chunkModules)){
-            if (!moduleFactories[moduleId]) {
-                moduleFactories[moduleId] = moduleFactory;
-            }
-        }
-    } catch (e) {
-        let errorMessage = `Failed to load chunk ${chunkPath}`;
-        if (source) {
-            errorMessage += ` from ${stringifySourceInfo(source)}`;
-        }
-        throw new Error(errorMessage, {
-            cause: e
-        });
-    }
-}
-function loadWebAssembly(chunkPath, imports) {
-    const resolved = path.resolve(RUNTIME_ROOT, chunkPath);
-    return instantiateWebAssemblyFromPath(resolved, imports);
-}
-function loadWebAssemblyModule(chunkPath) {
-    const resolved = path.resolve(RUNTIME_ROOT, chunkPath);
-    return compileWebAssemblyFromPath(resolved);
-}
-function getWorkerBlobURL(_chunks) {
-    throw new Error("Worker blobs are not implemented yet for Node.js");
-}
-function instantiateModule(id, source) {
-    const moduleFactory = moduleFactories[id];
-    if (typeof moduleFactory !== "function") {
-        // This can happen if modules incorrectly handle HMR disposes/updates,
-        // e.g. when they keep a `setTimeout` around which still executes old code
-        // and contains e.g. a `require("something")` call.
-        let instantiationReason;
-        switch(source.type){
-            case 0:
-                instantiationReason = `as a runtime entry of chunk ${source.chunkPath}`;
-                break;
-            case 1:
-                instantiationReason = `because it was required from module ${source.parentId}`;
-                break;
-            default:
-                invariant(source, (source)=>`Unknown source type: ${source?.type}`);
-        }
-        throw new Error(`Module ${id} was instantiated ${instantiationReason}, but the module factory is not available. It might have been deleted in an HMR update.`);
-    }
-    let parents;
-    switch(source.type){
-        case 0:
-            parents = [];
-            break;
-        case 1:
-            // No need to add this module as a child of the parent module here, this
-            // has already been taken care of in `getOrInstantiateModuleFromParent`.
-            parents = [
-                source.parentId
-            ];
-            break;
-        default:
-            invariant(source, (source)=>`Unknown source type: ${source?.type}`);
-    }
-    const module1 = {
-        exports: {},
-        error: undefined,
-        loaded: false,
-        id,
-        parents,
-        children: [],
-        namespaceObject: undefined
-    };
-    moduleCache[id] = module1;
-    // NOTE(alexkirsz) This can fail when the module encounters a runtime error.
-    try {
-        const r = commonJsRequire.bind(null, module1);
-        moduleFactory.call(module1.exports, {
-            a: asyncModule.bind(null, module1),
-            e: module1.exports,
-            r,
-            t: runtimeRequire,
-            x: externalRequire,
-            y: externalImport,
-            f: moduleContext,
-            i: esmImport.bind(null, module1),
-            s: esmExport.bind(null, module1, module1.exports),
-            j: dynamicExport.bind(null, module1, module1.exports),
-            v: exportValue.bind(null, module1),
-            n: exportNamespace.bind(null, module1),
-            m: module1,
-            c: moduleCache,
-            M: moduleFactories,
-            l: loadChunkAsync.bind(null, {
-                type: 1,
-                parentId: id
-            }),
-            w: loadWebAssembly,
-            u: loadWebAssemblyModule,
-            g: globalThis,
-            P: resolveAbsolutePath,
-            U: relativeURL,
-            R: createResolvePathFromModule(r),
-            b: getWorkerBlobURL,
-            z: requireStub,
-            __dirname: typeof module1.id === "string" ? module1.id.replace(/(^|\/)\/+$/, "") : module1.id
-        });
-    } catch (error) {
-        module1.error = error;
-        throw error;
-    }
-    module1.loaded = true;
-    if (module1.namespaceObject && module1.exports !== module1.namespaceObject) {
-        // in case of a circular dependency: cjs1 -> esm2 -> cjs1
-        interopEsm(module1.exports, module1.namespaceObject);
-    }
-    return module1;
-}
-/**
- * Retrieves a module from the cache, or instantiate it if it is not cached.
- */ // @ts-ignore
-function getOrInstantiateModuleFromParent(id, sourceModule) {
-    const module1 = moduleCache[id];
-    if (sourceModule.children.indexOf(id) === -1) {
-        sourceModule.children.push(id);
-    }
-    if (module1) {
-        if (module1.parents.indexOf(sourceModule.id) === -1) {
-            module1.parents.push(sourceModule.id);
-        }
-        return module1;
-    }
-    return instantiateModule(id, {
-        type: 1,
-        parentId: sourceModule.id
-    });
-}
-/**
- * Instantiates a runtime module.
- */ function instantiateRuntimeModule(moduleId, chunkPath) {
-    return instantiateModule(moduleId, {
-        type: 0,
-        chunkPath
-    });
-}
-/**
- * Retrieves a module from the cache, or instantiate it as a runtime module if it is not cached.
- */ // @ts-ignore TypeScript doesn't separate this module space from the browser runtime
-function getOrInstantiateRuntimeModule(moduleId, chunkPath) {
-    const module1 = moduleCache[moduleId];
-    if (module1) {
-        if (module1.error) {
-            throw module1.error;
-        }
-        return module1;
-    }
-    return instantiateRuntimeModule(moduleId, chunkPath);
-}
-module.exports = {
-    getOrInstantiateRuntimeModule,
-    loadChunk
-};

apps/wr/.next/build/chunks/postcss_config_mjs_transform_ts_43d157._.js

@@ -1,17 +0,0 @@
-module.exports = {
-
-"[project]/apps/wr/postcss.config.mjs/transform.ts { CONFIG => \"[project]/apps/wr/postcss.config.mjs [postcss] (ecmascript)\" } [postcss] (ecmascript, async loader)": ((__turbopack_context__) => {
-
-var { r: __turbopack_require__, f: __turbopack_module_context__, i: __turbopack_import__, s: __turbopack_esm__, v: __turbopack_export_value__, n: __turbopack_export_namespace__, c: __turbopack_cache__, M: __turbopack_modules__, l: __turbopack_load__, j: __turbopack_dynamic__, P: __turbopack_resolve_absolute_path__, U: __turbopack_relative_url__, R: __turbopack_resolve_module_id_path__, b: __turbopack_worker_blob_url__, g: global, __dirname, t: __turbopack_require_real__ } = __turbopack_context__;
-{
-__turbopack_export_value__((__turbopack_import__) => {
-    return Promise.all([
-  "build/chunks/08b5e__pnpm_9b08c8._.js",
-  "build/chunks/[root of the server]__81da40._.js"
-].map((chunk) => __turbopack_load__(chunk))).then(() => {
-        return __turbopack_import__("[project]/apps/wr/postcss.config.mjs/transform.ts { CONFIG => \"[project]/apps/wr/postcss.config.mjs [postcss] (ecmascript)\" } [postcss] (ecmascript)");
-    });
-});
-}}),
-
-};

apps/wr/.next/build/chunks/postcss_config_mjs_transform_ts_43d157._.js.map

@@ -1,5 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sections": []
-}

apps/wr/.next/cache/.rscinfo

@@ -1 +0,0 @@
-{"encryption.key":"6IeRASzJTpVsKVsj7rDLri3nqtRT5VFNTVNS/jM6vAo=","encryption.expire_at":1741950833794}

apps/wr/.next/cache/eslint/.cache_7z6fgr

@@ -1 +0,0 @@
-[{"/Users/ekdrms/IdeaProjects/frontend/apps/wr/app/layout.tsx":"1","/Users/ekdrms/IdeaProjects/frontend/apps/wr/app/page.tsx":"2","/Users/ekdrms/IdeaProjects/frontend/apps/wr/app/publicReuseFaciltyInsert/page.tsx":"3"},{"size":486,"mtime":1741061944980,"results":"4","hashOfConfig":"5"},{"size":166,"mtime":1741055139916,"results":"6","hashOfConfig":"5"},{"size":1543,"mtime":1741055139917,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","suppressedMessages":"10","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1vte6uz",{"filePath":"11","messages":"12","suppressedMessages":"13","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","suppressedMessages":"16","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ekdrms/IdeaProjects/frontend/apps/wr/app/layout.tsx",[],[],"/Users/ekdrms/IdeaProjects/frontend/apps/wr/app/page.tsx",[],[],"/Users/ekdrms/IdeaProjects/frontend/apps/wr/app/publicReuseFaciltyInsert/page.tsx",[],[]]