create-sonamu 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sonamu",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Create a new Sonamu project",
   "keywords": [
     "sonamu",

package/template/src/packages/api/package.json

@@ -21,35 +21,35 @@
     "docker:down": "docker compose --env-file .env -f database/docker-compose.yml down"
   },
   "dependencies": {
-    "@ai-sdk/anthropic": "catalog:",
-    "@ai-sdk/openai": "catalog:",
-    "@ai-sdk/provider": "catalog:",
-    "@ai-sdk/provider-utils": "catalog:",
-    "@logtape/logtape": "catalog:",
-    "@logtape/pretty": "catalog:",
-    "@logtape/redaction": "catalog:",
-    "@swc/core": "catalog:",
-    "ai": "catalog:",
-    "bcrypt": "catalog:",
-    "chalk": "catalog:",
-    "date-fns": "catalog:",
-    "dotenv": "catalog:",
-    "knex": "catalog:",
-    "pg": "catalog:",
-    "radashi": "catalog:",
-    "sonamu": "workspace:^",
-    "zod": "catalog:"
+    "@ai-sdk/anthropic": "^3.0.0",
+    "@ai-sdk/openai": "^3.0.0",
+    "@ai-sdk/provider": "^3.0.0",
+    "@ai-sdk/provider-utils": "^4.0.0",
+    "@logtape/logtape": "2.0.0",
+    "@logtape/pretty": "2.0.0",
+    "@logtape/redaction": "2.0.0",
+    "@swc/core": "^1.13.5",
+    "ai": "^6.0.1",
+    "bcrypt": "^6.0.0",
+    "chalk": "^4.1.2",
+    "date-fns": "^4.1.0",
+    "dotenv": "^16",
+    "knex": "^3.1.0",
+    "pg": "^8.16.3",
+    "radashi": "^12.2.0",
+    "sonamu": "^0.7.45",
+    "zod": "^4.1.12"
   },
   "devDependencies": {
-    "@fastify/compress": "catalog:",
-    "@swc/cli": "catalog:",
-    "@types/bcrypt": "catalog:",
-    "@types/node": "catalog:",
-    "@vitest/coverage-v8": "catalog:",
-    "fastify": "catalog:",
-    "ioredis": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:",
-    "vitest": "catalog:"
+    "@fastify/compress": "^7.0.3",
+    "@swc/cli": "^0.7.8",
+    "@types/bcrypt": "^6",
+    "@types/node": "25.0.7",
+    "@vitest/coverage-v8": "^4.0.12",
+    "fastify": "^4",
+    "ioredis": "^5.8.2",
+    "typescript": "^5.9.3",
+    "vite": "7.3.0",
+    "vitest": "^4.0.10"
   }
 }

package/template/src/packages/api/package.json.bak

@@ -0,0 +1,55 @@
+{
+  "name": "create-sonamu-api",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "index.js",
+  "license": "MIT",
+  "description": "Sonamu API server",
+  "scripts": {
+    "dev": "sonamu dev",
+    "build": "sonamu build",
+    "start": "sonamu start",
+    "test": "vitest run",
+    "test:watch": "vitest watch --standalone",
+    "test:coverage": "vitest run --coverage",
+    "sonamu": "sonamu",
+    "dump": "bash database/scripts/dump.sh",
+    "seedOnly": "bash database/scripts/seed.sh",
+    "seed": "pnpm seedOnly && sonamu fixture sync",
+    "sync:dump": "pnpm seed && pnpm sonamu migrate run && pnpm dump",
+    "docker:up": "docker compose --env-file .env -f database/docker-compose.yml up -d",
+    "docker:down": "docker compose --env-file .env -f database/docker-compose.yml down"
+  },
+  "dependencies": {
+    "@ai-sdk/anthropic": "catalog:",
+    "@ai-sdk/openai": "catalog:",
+    "@ai-sdk/provider": "catalog:",
+    "@ai-sdk/provider-utils": "catalog:",
+    "@logtape/logtape": "catalog:",
+    "@logtape/pretty": "catalog:",
+    "@logtape/redaction": "catalog:",
+    "@swc/core": "catalog:",
+    "ai": "catalog:",
+    "bcrypt": "catalog:",
+    "chalk": "catalog:",
+    "date-fns": "catalog:",
+    "dotenv": "catalog:",
+    "knex": "catalog:",
+    "pg": "catalog:",
+    "radashi": "catalog:",
+    "sonamu": "workspace:^",
+    "zod": "catalog:"
+  },
+  "devDependencies": {
+    "@fastify/compress": "catalog:",
+    "@swc/cli": "catalog:",
+    "@types/bcrypt": "catalog:",
+    "@types/node": "catalog:",
+    "@vitest/coverage-v8": "catalog:",
+    "fastify": "catalog:",
+    "ioredis": "catalog:",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vitest": "catalog:"
+  }
+}

package/template/src/packages/web/package.json

@@ -10,40 +10,40 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@sonamu-kit/react-components": "workspace:^",
-    "@tanstack/react-query": "catalog:",
-    "@tanstack/react-router": "catalog:",
-    "axios": "catalog:",
-    "clsx": "catalog:",
-    "dotenv": "catalog:",
-    "eventsource": "catalog:",
-    "jotai": "catalog:",
-    "qs": "catalog:",
-    "radashi": "catalog:",
-    "react": "catalog:",
-    "react-day-picker": "catalog:",
-    "react-dom": "catalog:",
-    "tailwind-merge": "catalog:",
-    "zod": "catalog:"
+    "@sonamu-kit/react-components": "^0.1.6",
+    "@tanstack/react-query": "^5.90.12",
+    "@tanstack/react-router": "1.143.11",
+    "axios": "^1.13.2",
+    "clsx": "^2.1.1",
+    "dotenv": "^16",
+    "eventsource": "^4.1.0",
+    "jotai": "^2.14.0",
+    "qs": "^6.14.1",
+    "radashi": "^12.2.0",
+    "react": "^19.2.3",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^19.2.3",
+    "tailwind-merge": "^3.4.0",
+    "zod": "^4.1.12"
   },
   "devDependencies": {
-    "@iconify/json": "catalog:",
-    "@svgr/core": "catalog:",
-    "@svgr/plugin-jsx": "catalog:",
-    "@svgr/plugin-svgo": "catalog:",
-    "@tailwindcss/postcss": "catalog:",
-    "@tailwindcss/vite": "catalog:",
-    "@tanstack/react-router-devtools": "catalog:",
-    "@tanstack/router-plugin": "catalog:",
-    "@types/node": "catalog:",
-    "@types/qs": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "@vitejs/plugin-react-swc": "catalog:",
-    "sass": "catalog:",
-    "tailwindcss": "catalog:",
-    "typescript": "catalog:",
-    "unplugin-icons": "catalog:",
-    "vite": "catalog:"
+    "@iconify/json": "^2.2.421",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-jsx": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "@tailwindcss/vite": "^4.1.17",
+    "@tanstack/react-router-devtools": "1.143.11",
+    "@tanstack/router-plugin": "1.143.11",
+    "@types/node": "25.0.7",
+    "@types/qs": "^6.14.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.1.3",
+    "sass": "^1.92.1",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.9.3",
+    "unplugin-icons": "0.20.2",
+    "vite": "7.3.0"
   }
 }

package/template/src/packages/web/package.json.bak

@@ -0,0 +1,49 @@
+{
+  "name": "create-sonamu-web",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "description": "Sonamu web client",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@sonamu-kit/react-components": "workspace:^",
+    "@tanstack/react-query": "catalog:",
+    "@tanstack/react-router": "catalog:",
+    "axios": "catalog:",
+    "clsx": "catalog:",
+    "dotenv": "catalog:",
+    "eventsource": "catalog:",
+    "jotai": "catalog:",
+    "qs": "catalog:",
+    "radashi": "catalog:",
+    "react": "catalog:",
+    "react-day-picker": "catalog:",
+    "react-dom": "catalog:",
+    "tailwind-merge": "catalog:",
+    "zod": "catalog:"
+  },
+  "devDependencies": {
+    "@iconify/json": "catalog:",
+    "@svgr/core": "catalog:",
+    "@svgr/plugin-jsx": "catalog:",
+    "@svgr/plugin-svgo": "catalog:",
+    "@tailwindcss/postcss": "catalog:",
+    "@tailwindcss/vite": "catalog:",
+    "@tanstack/react-router-devtools": "catalog:",
+    "@tanstack/router-plugin": "catalog:",
+    "@types/node": "catalog:",
+    "@types/qs": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@vitejs/plugin-react-swc": "catalog:",
+    "sass": "catalog:",
+    "tailwindcss": "catalog:",
+    "typescript": "catalog:",
+    "unplugin-icons": "catalog:",
+    "vite": "catalog:"
+  }
+}

package/template/src/packages/web/src/entry-client.tsx

@@ -3,11 +3,12 @@ import { createRouter, RouterProvider } from "@tanstack/react-router";
 import ReactDOM from "react-dom/client";
 import { routeTree } from "./routeTree.gen";
 import "./styles/tailwind.css";
+import { dateReviver } from "./services/sonamu.shared";
 
-// SSR data types
+// SSR 데이터 타입
 declare global {
   interface Window {
-    // biome-ignore lint/suspicious/noExplicitAny: SSR data needs to be any type
+    // biome-ignore lint/suspicious/noExplicitAny: SSR 데이터를 any 타입으로 받아야 함
     __SONAMU_SSR__?: any;
     __SONAMU_SSR_CONFIG__?: {
       disableHydrate?: boolean;
@@ -15,19 +16,7 @@ declare global {
   }
 }
 
-// Date reviver function for JSON.parse
-// biome-ignore lint/suspicious/noExplicitAny: reviver needs to handle any type
-function dateReviver(_key: string, value: any) {
-  if (typeof value === "string") {
-    const datePattern = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/;
-    if (datePattern.test(value)) {
-      return new Date(value);
-    }
-  }
-  return value;
-}
-
-// Create QueryClient
+// QueryClient 생성
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
@@ -38,7 +27,7 @@ const queryClient = new QueryClient({
   },
 });
 
-// Restore SSR data
+// SSR 데이터 복원
 const dehydratedState = window.__SONAMU_SSR__
   ? JSON.parse(JSON.stringify(window.__SONAMU_SSR__), dateReviver)
   : undefined;
@@ -46,10 +35,10 @@ if (dehydratedState) {
   hydrate(queryClient, dehydratedState);
 }
 
-// Check SSR Config
+// SSR Config 확인
 const ssrConfig = window.__SONAMU_SSR_CONFIG__;
 
-// Create Router
+// Router 생성
 const router = createRouter({
   routeTree,
   context: { queryClient },
@@ -62,11 +51,28 @@ declare module "@tanstack/react-router" {
   }
 }
 
-// Render the app
-const rootElement = document.getElementById("root")!;
-if (!rootElement.innerHTML || ssrConfig?.disableHydrate) {
-  const root = ReactDOM.createRoot(rootElement);
-  root.render(<RouterProvider router={router} />);
+await router.load();
+
+// SSR/CSR 모두 document 전체에 렌더링
+if (document.documentElement.innerHTML && dehydratedState) {
+  // SSR 페이지
+  if (ssrConfig?.disableHydrate) {
+    // disableHydrate: document 전체 새로 렌더링
+    console.log("[Sonamu] Hydration disabled, rendering as CSR");
+    ReactDOM.createRoot(document).render(<RouterProvider router={router} />);
+  } else {
+    // 정상 hydration: document 전체 hydrate
+    ReactDOM.hydrateRoot(document, <RouterProvider router={router} />);
+  }
 } else {
-  ReactDOM.hydrateRoot(rootElement, <RouterProvider router={router} />);
+  // Pure CSR 페이지: document 전체 렌더링
+  ReactDOM.createRoot(document).render(<RouterProvider router={router} />);
+}
+
+// Chrome Extension용 Devtools
+declare global {
+  interface Window {
+    __TANSTACK_QUERY_CLIENT__: typeof queryClient;
+  }
 }
+window.__TANSTACK_QUERY_CLIENT__ = queryClient;

package/template/src/packages/web/src/styles/tailwind.css

@@ -1,5 +1,11 @@
 /* Tailwind CSS Configuration */
 
+/* react-components 스타일 import */
+@import "@sonamu-kit/react-components/styles";
+
 /* Tailwind v4: Source paths */
 @source "../../src/**/*.tsx";
 @source "../../src/**/*.ts";
+
+/* node_modules 내의 react-components 패키지 */
+@source "../../node_modules/@sonamu-kit/react-components/dist/**/*.js";