@kood/claude-code 0.3.5 → 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -409,7 +409,7 @@ var init = async (options) => {
|
|
|
409
409
|
|
|
410
410
|
// src/index.ts
|
|
411
411
|
var program = new Command();
|
|
412
|
-
program.name("claude-code").description("Claude Code documentation installer for projects").version("0.3.
|
|
412
|
+
program.name("claude-code").description("Claude Code documentation installer for projects").version("0.3.6");
|
|
413
413
|
program.option(
|
|
414
414
|
"-t, --template <names>",
|
|
415
415
|
"template names (comma-separated: tanstack-start,hono)"
|
package/package.json
CHANGED
|
@@ -159,27 +159,58 @@ routes/<route-name>/
|
|
|
159
159
|
| **-components/** | 100-200줄 | 페이지 전용 컴포넌트 분리 |
|
|
160
160
|
| **-sections/** | 200줄+ | 논리적 섹션 분리 |
|
|
161
161
|
| **-tabs/** | 탭 UI | 탭 콘텐츠 분리 |
|
|
162
|
-
| **
|
|
162
|
+
| **route.tsx** | 레이아웃 | 하위 경로 공통 레이아웃 |
|
|
163
163
|
|
|
164
164
|
#### Layout Routes 패턴
|
|
165
165
|
|
|
166
|
+
> ⚠️ **route.tsx로 레이아웃 구성**
|
|
167
|
+
>
|
|
168
|
+
> `route.tsx`는 하위 경로의 공통 레이아웃 역할을 합니다.
|
|
169
|
+
> `index.tsx`는 Route Group `()`으로 묶어야 합니다.
|
|
170
|
+
>
|
|
171
|
+
> **필수:** `route.tsx`는 반드시 `component`를 export해야 합니다.
|
|
172
|
+
>
|
|
173
|
+
> | ❌ 금지 | ✅ 필수 |
|
|
174
|
+
> |--------|--------|
|
|
175
|
+
> | `export const Route = createFileRoute(...)({})` | `export const Route = createFileRoute(...)({ component: ... })` |
|
|
176
|
+
|
|
166
177
|
```
|
|
167
178
|
routes/
|
|
168
|
-
├── (auth)/
|
|
169
|
-
│ ├── route.tsx
|
|
170
|
-
│ ├──
|
|
171
|
-
│ └──
|
|
179
|
+
├── (auth)/
|
|
180
|
+
│ ├── route.tsx # 레이아웃 (<Outlet />)
|
|
181
|
+
│ ├── (main)/
|
|
182
|
+
│ │ └── index.tsx # /auth (목록/메인)
|
|
183
|
+
│ ├── login/
|
|
184
|
+
│ │ └── index.tsx # /auth/login
|
|
185
|
+
│ └── register/
|
|
186
|
+
│ └── index.tsx # /auth/register
|
|
172
187
|
```
|
|
173
188
|
|
|
174
189
|
```typescript
|
|
175
|
-
//
|
|
176
|
-
export const Route = createFileRoute('/(auth)
|
|
190
|
+
// ❌ 금지: component 없음
|
|
191
|
+
export const Route = createFileRoute('/(auth)')({
|
|
192
|
+
beforeLoad: async () => ({ user: await getUser() }),
|
|
193
|
+
})
|
|
194
|
+
|
|
195
|
+
// ✅ 필수: component 반드시 포함
|
|
196
|
+
// routes/(auth)/route.tsx - 레이아웃
|
|
197
|
+
export const Route = createFileRoute('/(auth)')({
|
|
177
198
|
component: () => (
|
|
178
199
|
<div className="auth-container">
|
|
179
200
|
<Outlet />
|
|
180
201
|
</div>
|
|
181
202
|
),
|
|
182
203
|
})
|
|
204
|
+
|
|
205
|
+
// routes/(auth)/(main)/index.tsx - 메인 페이지
|
|
206
|
+
export const Route = createFileRoute('/(auth)/')({
|
|
207
|
+
component: AuthMainPage,
|
|
208
|
+
})
|
|
209
|
+
|
|
210
|
+
// routes/(auth)/login/index.tsx
|
|
211
|
+
export const Route = createFileRoute('/(auth)/login')({
|
|
212
|
+
component: LoginPage,
|
|
213
|
+
})
|
|
183
214
|
```
|
|
184
215
|
|
|
185
216
|
### 2. Services Layer
|