@gaonjs/cli 0.39.0 → 0.40.0

package/dist/doctor/fixers/index.js

@@ -55,9 +55,9 @@ export const FIXER_CAPABILITIES = [
         note: '수동 · `gaon db diff` → 리뷰 → `gaon db migrate` (SQL 은 사람이 확인).',
     },
     {
-        rule: 'shared-composable-purity',
+        rule: 'shared-purity',
         hasFixer: false,
-        note: '수동 · 컴포저블에 든 앱 종속 로직을 앱 쪽으로 옮겨야 합니다(E-5 §2.2).',
+        note: '수동 · shared(.ts·.vue)에 든 앱 종속 로직(api/pageProps·domain 값)을 앱 쪽으로 옮기거나 props/인자로 받으세요(E-5 §2.2 · 결정 217).',
     },
     {
         rule: 'no-auto-import',

package/dist/doctor/shared-purity.d.ts

@@ -0,0 +1,9 @@
+import type { DoctorCheck, RuleReport } from './types.js';
+/**
+ * 단일 shared 소스(.ts 원문 또는 .vue script 블록)를 검사해 순수성 위반
+ * 목록을 낸다(단위 테스트 진입점). file 확장자가 .vue 면 <script> 만 뽑아
+ * 파싱한다 — line 번호는 script 블록 기준(안내 정확도보다 위반 유무가 우선).
+ */
+export declare function inspectSharedSource(file: string, source: string, cwd: string): DoctorCheck[];
+/** shared/ 전체(.ts · .vue)를 훑어 순수성 위반을 모두 낸다. */
+export declare function checkSharedPurity(cwd: string): Promise<RuleReport>;

package/dist/doctor/shared-purity.js

@@ -0,0 +1,188 @@
+// @gaonjs/cli · doctor · shared 순수성 검사 (M9-E 확장 · 결정 217 · errata E-5 §2.2)
+//
+// shared/ 는 앱을 몰라야 한다(§5 · CLAUDE.md rule 5). 라우트를 몰라야 하고
+// (api·pageProps 값 import 금지) · domain 은 타입으로만 참조해야 한다. 필요한
+// 데이터·호출 함수는 props/인자로 받는다. 이 규칙은 shared 컴포저블뿐 아니라
+// shared 컴포넌트(.vue)에도 똑같이 적용된다 — 관례가 컴포저블·컴포넌트에 대칭
+// 이므로(결정 25) 검사도 한 규칙으로 통일한다(결정 217).
+//
+// 이력: M9-E 때는 `shared-composable-purity` 라는 이름으로 shared/composables/
+// 의 .ts 만 훑었다. 그러나 shared/components/*.vue 안에서 domain 모델을 값으로
+// import 해도 27 검사가 전부 통과하는 공백이 12차 실사용(support-desk)에서 드러났다
+// (§4.5 잔재). 결정 217: 규칙명을 `shared-purity` 로 개정하고 검사 범위를
+// shared/ 전체(.ts · .vue)로 넓혀 The One Way 로 통일한다.
+//
+// 검사 대상(파일 종류 무관):
+//  1) 프레임웍 모듈(gaonjs · gaonjs/vue · @gaonjs/vue · @gaonjs/web) 에서
+//     'api' · 'pageProps' 를 value import 하면 error.
+//     - type-only 는 무해(구조 참조뿐 · 라우트 지식 필요 없음).
+//  2) domain 을 value import 하면 error.
+//     - type-only 는 허용(모델 Row 타입 등 · 순수 타입 참조).
+//
+// 방법: shared/ 아래 .ts 는 소스 그대로, .vue 는 <script> 블록만 뽑아 TS AST 로
+// 파싱해 import 선언만 훑는다. 상대 import 는 실 파일까지 해석하지 않고 경로
+// 접두사(domain/) 로 판정 — 이 검사는 순수성 게이트라 정확도보다 재현성이 우선
+// (false positive 는 오히려 안전).
+import { readdir, readFile } from 'node:fs/promises';
+import { join, relative, resolve, dirname } from 'node:path';
+import ts from 'typescript';
+/** 라우트 지식을 담은 심볼 — shared 는 참조할 수 없다. */
+const FORBIDDEN_FRAMEWORK_NAMES = new Set(['api', 'pageProps']);
+/**
+ * 프레임웍 모듈 패턴. 문서 표기(gaon/vue)는 실 패키지 이름의 짧은
+ * 별칭이며, 실 배포본은 gaonjs 파사드 subpath 와 @gaonjs 스코프를 쓴다.
+ * 하나만 잡으면 우회가 쉬우므로 알려진 표기 3종을 모두 매치한다.
+ */
+const FRAMEWORK_MODULE_PATTERNS = [
+    /^gaonjs$/,
+    /^gaonjs\/vue$/,
+    /^@gaonjs\/vue$/,
+    /^@gaonjs\/web$/,
+];
+/** import 선언에서 이름과 type-only 플래그를 추출한다. */
+function collectImportedNames(node) {
+    const out = [];
+    const clause = node.importClause;
+    if (!clause)
+        return out;
+    const clauseTypeOnly = clause.isTypeOnly;
+    if (clause.name)
+        out.push({ name: clause.name.text, typeOnly: clauseTypeOnly });
+    const bindings = clause.namedBindings;
+    if (bindings) {
+        if (ts.isNamespaceImport(bindings)) {
+            out.push({ name: bindings.name.text, typeOnly: clauseTypeOnly });
+        }
+        else if (ts.isNamedImports(bindings)) {
+            for (const el of bindings.elements) {
+                out.push({ name: el.name.text, typeOnly: clauseTypeOnly || el.isTypeOnly });
+            }
+        }
+    }
+    return out;
+}
+function isRelativeSpecifier(s) {
+    return s.startsWith('./') || s.startsWith('../');
+}
+function matchesFrameworkModule(spec) {
+    return FRAMEWORK_MODULE_PATTERNS.some((re) => re.test(spec));
+}
+/**
+ * .vue SFC 에서 <script>·<script setup> 블록 안 텍스트만 뽑아 하나로 잇는다.
+ * doctor 는 import 선언만 보므로 script 밖(<template>·<style>)은 무시한다.
+ * 두 블록(일반+setup)이 다 있을 수 있어 전부 이어 붙인다.
+ */
+function extractVueScript(source) {
+    const blocks = [];
+    const re = /<script\b[^>]*>([\s\S]*?)<\/script>/g;
+    let m;
+    while ((m = re.exec(source)) !== null)
+        blocks.push(m[1] ?? '');
+    return blocks.join('\n');
+}
+/**
+ * 단일 shared 소스(.ts 원문 또는 .vue script 블록)를 검사해 순수성 위반
+ * 목록을 낸다(단위 테스트 진입점). file 확장자가 .vue 면 <script> 만 뽑아
+ * 파싱한다 — line 번호는 script 블록 기준(안내 정확도보다 위반 유무가 우선).
+ */
+export function inspectSharedSource(file, source, cwd) {
+    const issues = [];
+    const rel = relative(cwd, file);
+    const code = file.endsWith('.vue') ? extractVueScript(source) : source;
+    const sf = ts.createSourceFile(file, code, ts.ScriptTarget.ES2022, true);
+    const baseDir = dirname(file);
+    const visit = (node) => {
+        if (ts.isImportDeclaration(node) && ts.isStringLiteral(node.moduleSpecifier)) {
+            const spec = node.moduleSpecifier.text;
+            const { line } = sf.getLineAndCharacterOfPosition(node.getStart(sf));
+            const names = collectImportedNames(node);
+            // 1) 프레임웍의 api/pageProps 를 value import → error
+            if (matchesFrameworkModule(spec)) {
+                for (const n of names) {
+                    if (n.typeOnly)
+                        continue; // type-only 는 라우트 실행 지식이 아님
+                    if (!FORBIDDEN_FRAMEWORK_NAMES.has(n.name))
+                        continue;
+                    issues.push({
+                        rule: 'shared-purity',
+                        level: 'error',
+                        file: rel,
+                        line: line + 1,
+                        message: `${rel} (line ${line + 1})\n` +
+                            `  '${spec}' 의 '${n.name}' import 발견 · shared 는 라우트를 몰라야 함\n` +
+                            `→ 옵션: apps/<앱>/ 로 옮기거나 · ${n.name} 결과를 props/인자로 받도록 바꾸라`,
+                        detail: {
+                            kind: 'framework-api',
+                            module: spec,
+                            name: n.name,
+                        },
+                    });
+                }
+            }
+            // 2) domain value import → error (type-only 는 허용)
+            if (isRelativeSpecifier(spec)) {
+                const abs = resolve(baseDir, spec);
+                const parts = relative(cwd, abs).split(/[\\/]/).filter(Boolean);
+                if (parts[0] === 'domain') {
+                    const valueNames = names.filter((n) => !n.typeOnly);
+                    if (valueNames.length > 0) {
+                        issues.push({
+                            rule: 'shared-purity',
+                            level: 'error',
+                            file: rel,
+                            line: line + 1,
+                            message: `${rel} (line ${line + 1})\n` +
+                                `  domain 값 import 발견 · shared 는 domain 을 타입으로만 참조해야 함\n` +
+                                `→ 'import type { ... } from ...' 형태로 바꾸거나 · 필요한 값은 props/인자로 받도록 바꾸라`,
+                            detail: {
+                                kind: 'domain-value',
+                                module: spec,
+                                names: valueNames.map((n) => n.name),
+                            },
+                        });
+                    }
+                }
+            }
+        }
+        ts.forEachChild(node, visit);
+    };
+    visit(sf);
+    return issues;
+}
+/** shared/ 전체(.ts · .vue)를 훑어 순수성 위반을 모두 낸다. */
+export async function checkSharedPurity(cwd) {
+    const sharedDir = join(cwd, 'shared');
+    const files = [];
+    await collectSharedFiles(sharedDir, files);
+    const issues = [];
+    for (const file of files) {
+        const src = await readFile(file, 'utf8');
+        issues.push(...inspectSharedSource(file, src, cwd));
+    }
+    return { rule: 'shared-purity', issues };
+}
+async function collectSharedFiles(root, out) {
+    let entries;
+    try {
+        entries = (await readdir(root, { withFileTypes: true }));
+    }
+    catch {
+        return;
+    }
+    for (const e of entries) {
+        const name = e.name;
+        if (name === 'node_modules' || name === 'dist' || name === '.gaon')
+            continue;
+        const full = join(root, name);
+        if (e.isDirectory())
+            await collectSharedFiles(full, out);
+        else if (e.isFile() && isScannable(name))
+            out.push(full);
+    }
+}
+/** shared 순수성 검사 대상 파일인가 — .ts(선언·테스트 제외) 또는 .vue. */
+function isScannable(name) {
+    if (name.endsWith('.vue'))
+        return true;
+    return name.endsWith('.ts') && !name.endsWith('.d.ts') && !name.endsWith('.test.ts');
+}

package/dist/doctor/types.d.ts

@@ -1,4 +1,4 @@
-export type DoctorRule = 'response-mixing' | 'n-plus-one' | 'dependency-direction' | 'connections' | 'migration-diff' | 'shared-composable-purity' | 'no-auto-import' | 'schema-filename' | 'agents-doc-index' | 'column-casing' | 'model-filename' | 'page-filename' | 'auth-wiring' | 'ui-kit-wiring' | 'route-registration' | 'static-collision' | 'method-override' | 'csrf-wiring' | 'internal-anchor' | 'pageprops-destructure' | 'async-offload' | 'page-layout-breakpoint' | 'link-button-nesting' | 'seal-security' | 'schema-relations' | 'no-import-meta-env' | 'locale-parity';
+export type DoctorRule = 'response-mixing' | 'n-plus-one' | 'dependency-direction' | 'connections' | 'migration-diff' | 'shared-purity' | 'no-auto-import' | 'schema-filename' | 'agents-doc-index' | 'column-casing' | 'model-filename' | 'page-filename' | 'auth-wiring' | 'ui-kit-wiring' | 'route-registration' | 'static-collision' | 'method-override' | 'csrf-wiring' | 'internal-anchor' | 'pageprops-destructure' | 'async-offload' | 'page-layout-breakpoint' | 'link-button-nesting' | 'seal-security' | 'schema-relations' | 'no-import-meta-env' | 'locale-parity';
 export type DoctorLevel = 'passed' | 'warning' | 'error';
 export interface DoctorCheck {
     readonly rule: DoctorRule;

package/dist/doctor.d.ts

@@ -7,7 +7,7 @@ export { extractRelativeImports, checkDependencyDirection } from './doctor/depen
 export { extractConfigDbKeys, analyzeConfigDb, extractKeyUses, checkConnections, } from './doctor/connections.js';
 export { checkSchemaRelations } from './doctor/schema-relations.js';
 export { scanSchema, checkMigrationDiff } from './doctor/migration-diff.js';
-export { inspectSharedComposable, checkSharedComposablePurity, } from './doctor/shared-composable-purity.js';
+export { inspectSharedSource, checkSharedPurity, } from './doctor/shared-purity.js';
 export { inspectConfigForAutoImport, inspectPackageJson, checkNoAutoImport, } from './doctor/no-auto-import.js';
 export { expectedSchemaStem, extractTableName, checkSchemaFilename, } from './doctor/schema-filename.js';
 export { extractAgentDocRefs, checkAgentsDocIndex } from './doctor/agents-doc-index.js';

package/dist/doctor.js

@@ -7,7 +7,7 @@
  *  3) dependency-direction (CLAUDE.md §5 · 4 규칙)
  *  4) connections (v0.15 §4.5)
  *  5) migration-diff (최소 감지 · 상세는 M9-D)
- *  6) shared-composable-purity (errata E-5 §2.2 · 결정 25)
+ *  6) shared-purity (errata E-5 §2.2 · 결정 25·217 · shared/ 전체 .ts·.vue)
  *  7) no-auto-import (errata E-5 §2.4 · v0.15 §1.2)
  *  8) schema-filename (§1.1 · 결정 38 · 스키마 파일명 camelCase)
  *  9) agents-doc-index (§0 색인 ↔ agents/ 실 파일 · 결정 40)
@@ -47,7 +47,7 @@ import { checkDependencyDirection } from './doctor/dependency-direction.js';
 import { checkConnections } from './doctor/connections.js';
 import { checkSchemaRelations } from './doctor/schema-relations.js';
 import { checkMigrationDiff } from './doctor/migration-diff.js';
-import { checkSharedComposablePurity } from './doctor/shared-composable-purity.js';
+import { checkSharedPurity } from './doctor/shared-purity.js';
 import { checkNoAutoImport } from './doctor/no-auto-import.js';
 import { checkSchemaFilename } from './doctor/schema-filename.js';
 import { checkAgentsDocIndex } from './doctor/agents-doc-index.js';
@@ -78,7 +78,7 @@ export { extractRelativeImports, checkDependencyDirection } from './doctor/depen
 export { extractConfigDbKeys, analyzeConfigDb, extractKeyUses, checkConnections, } from './doctor/connections.js';
 export { checkSchemaRelations } from './doctor/schema-relations.js';
 export { scanSchema, checkMigrationDiff } from './doctor/migration-diff.js';
-export { inspectSharedComposable, checkSharedComposablePurity, } from './doctor/shared-composable-purity.js';
+export { inspectSharedSource, checkSharedPurity, } from './doctor/shared-purity.js';
 export { inspectConfigForAutoImport, inspectPackageJson, checkNoAutoImport, } from './doctor/no-auto-import.js';
 export { expectedSchemaStem, extractTableName, checkSchemaFilename, } from './doctor/schema-filename.js';
 export { extractAgentDocRefs, checkAgentsDocIndex } from './doctor/agents-doc-index.js';
@@ -110,7 +110,7 @@ export const ALL_RULES = [
     'dependency-direction',
     'connections',
     'migration-diff',
-    'shared-composable-purity',
+    'shared-purity',
     'no-auto-import',
     'schema-filename',
     'agents-doc-index',
@@ -139,7 +139,7 @@ const CHECKERS = {
     'dependency-direction': checkDependencyDirection,
     connections: checkConnections,
     'migration-diff': checkMigrationDiff,
-    'shared-composable-purity': checkSharedComposablePurity,
+    'shared-purity': checkSharedPurity,
     'no-auto-import': checkNoAutoImport,
     'schema-filename': checkSchemaFilename,
     'agents-doc-index': checkAgentsDocIndex,

package/dist/generate.js

@@ -33,6 +33,20 @@ const TEMPLATE_DIR = join(dirname(fileURLToPath(import.meta.url)), 'templates',
 function urlPrefixFor(app) {
     return app === 'web' ? '' : `/${app}`;
 }
+/**
+ * 결정 219: `~ 패치` 라벨을 파일별 실제 편집 내용으로 정확히 붙인다. patchEnvFiles·
+ * patchAppConfigAddAuth·patchRoutes 가 서로 다른 편집을 하는데 예전엔 전부 "라우트 추가"
+ * 로 라벨해 .env·app.config 편집을 오도했다(scaffold 로그 정확성).
+ */
+function patchLabel(rel) {
+    if (rel === '.env' || rel === '.env.example')
+        return '세션 secret 추가';
+    if (rel.endsWith('/app.config.ts') || rel === 'app.config.ts')
+        return '인증 배선 추가';
+    if (rel.endsWith('/routes.ts') || rel === 'routes.ts')
+        return '라우트 추가';
+    return '수정';
+}
 /**
  * 앱의 세션 secret 환경변수명 — web 은 'SESSION_SECRET'(기존), 그 외는
  * '<APP>_SESSION_SECRET'(결정 141 · 앱별 세션 완전 분리 · session.ts 는 앱마다
@@ -99,6 +113,9 @@ function renderTemplate(name, app, includePublic) {
         .replaceAll('{{APP_NAME}}', app)
         .replaceAll('{{URL_PREFIX}}', urlPrefixFor(app))
         .replaceAll('{{SESSION_SECRET_ENV}}', sessionSecretEnvFor(app))
+        // 결정 218: 시큐어 세션 컨트롤러의 로그인 역할 게이트 기준. 결정 155·145 의 대시보드
+        // 역할 게이트(role === 'admin')와 같은 값으로 고정해 두 층이 어긋나지 않게 한다.
+        .replaceAll('{{REQUIRED_ROLE}}', 'admin')
         .replaceAll('{{SIGNUP_LINK}}', includePublic ? signupLinkMarkup(app) : '');
 }
 /** 인증 스캐폴드가 생성하는 파일 목록(라우트 제외). 템플릿을 읽어 렌더링한다.
@@ -110,7 +127,13 @@ export function authScaffoldFiles(opts = {}) {
         { tpl: 'user.schema.ts.tpl', out: 'domain/schema/users.ts' },
         { tpl: 'user.model.ts.tpl', out: 'domain/models/User.ts' },
         { tpl: 'auth.wiring.ts.tpl', out: `apps/${app}/auth.ts` },
-        { tpl: 'session.controller.ts.tpl', out: `apps/${app}/controllers/session.ts` },
+        // 결정 218: 시큐어 앱은 로그인 시점에 역할을 검증하는 세션 컨트롤러를 깐다 — 고객이
+        // 인증만 통과해 세션을 얻은 뒤 대시보드에서 403 을 만나는 rough UX 를 진입점에서 막는다.
+        // 공개 앱(web 등)은 역할 개념이 없어 표준 세션 컨트롤러(로그인 = 세션 생성)를 쓴다.
+        {
+            tpl: includePublic ? 'session.controller.ts.tpl' : 'session.secure.controller.ts.tpl',
+            out: `apps/${app}/controllers/session.ts`,
+        },
         // 결정 155: 시큐어(비-web · 비-public) 앱은 역할 게이트 대시보드, 공개 앱은 requireAuth 대시보드.
         {
             tpl: includePublic ? 'dashboard.controller.ts.tpl' : 'dashboard.secure.controller.ts.tpl',
@@ -266,14 +289,16 @@ export function writeAuthScaffold(cwd, opts = {}) {
     // 결정 155·142(W3): 앱별 세션 secret 을 .env·.env.example 에 시드한다. web 은 이미
     // 있어 멱등, 비-web 앱은 여기서 키가 심어져 "공개 고정 dev secret 폴백" 표면을 막는다.
     patched.push(...patchEnvFiles(root, app));
-    // 결정 155: 시큐어 앱(공개 가입 미생성)은 역할 게이트 대시보드를 깔았다 — role 컬럼을
-    // 두라고 안내한다(§7.5.3 · authorize 예시가 실제 역할 규칙이 되도록).
+    // 결정 155·218: 시큐어 앱(공개 가입 미생성)은 로그인 시점 역할 게이트 세션 컨트롤러 +
+    // 역할 게이트 대시보드를 깔았다 — 두 층 다 role 컬럼이 있어야 동작하므로 추가를 안내한다
+    // (§7.5.3 · authorize·로그인 게이트 예시가 실제 역할 규칙이 되도록).
     if (!includePublic) {
-        warnings.push(`apps/${app}/ 는 시큐어 스캐폴드입니다(공개 회원가입 미생성 · 결정 155).\n` +
+        warnings.push(`apps/${app}/ 는 시큐어 스캐폴드입니다(공개 회원가입 미생성 · 결정 155·218).\n` +
             `→ 관리자는 직접 만들거나 승격하세요(공개 가입 라우트 없음). 공개 가입이 필요하면 --public 로 다시 생성.\n` +
             `→ 역할 인가를 완성하려면 domain/schema/users.ts 에 role 컬럼을 추가하세요:\n` +
             `   role: t.string().default('user'),\n` +
-            `   그러면 apps/${app}/controllers/dashboard.ts 의 authorize(역할) 게이트가 실제 역할로 동작합니다.`);
+            `   그러면 로그인(controllers/session.ts)이 역할 부족 시 세션을 만들지 않고,\n` +
+            `   apps/${app}/controllers/dashboard.ts 의 authorize(역할) 게이트도 실제 역할로 동작합니다.`);
     }
     return { created: created.sort(), skipped: skipped.sort(), patched: patched.sort(), warnings };
 }
@@ -292,8 +317,10 @@ export function runGenerateAuthCommand(opts = {}) {
     lines.push('');
     for (const f of result.created)
         lines.push(`   + ${f}`);
+    // 결정 219: 패치 대상은 파일마다 편집 내용이 다르다 — routes.ts(라우트) · app.config.ts(인증
+    // 배선) · .env(세션 secret). 전부 "라우트 추가" 로 라벨하면 .env·app.config 편집을 오도한다.
     for (const f of result.patched)
-        lines.push(`   ~ ${f} (라우트 추가)`);
+        lines.push(`   ~ ${f} (${patchLabel(f)})`);
     for (const f of result.skipped)
         lines.push(`   · ${f} (이미 있음 — 건너뜀)`);
     for (const w of result.warnings)

package/dist/templates/auth/session.secure.controller.ts.tpl

@@ -0,0 +1,46 @@
+// 세션 컨트롤러(로그인/로그아웃 · 관리 앱) — gaon g auth --app {{APP_NAME}}.
+// 시큐어 앱은 로그인 **시점**에 역할을 검증한다(결정 218). 인증(비밀번호)만 통과한
+// 고객이 세션을 얻은 뒤 대시보드에서야 403 을 만나는 rough UX 를 진입점에서 막는다:
+//   · 자격 증명이 틀리면       → 인증 실패(401 성격) · 세션 안 만듦 · 재렌더
+//   · 자격은 맞지만 역할 부족  → 인가 실패(403 성격) · 세션 안 만듦 · 재렌더
+// 401 vs 403 을 메시지로 구분한다 — 어느 쪽도 세션을 만들지 않는다.
+import { controller, verifyPassword } from 'gaonjs/web'
+import { User } from '../../../domain/models/User.js'
+
+// 이 앱에 로그인할 수 있는 역할. domain/schema/users.ts 에 role 컬럼을 두고
+// (예: role: t.string().default('user')) 관리자에게 '{{REQUIRED_ROLE}}' 을 부여하세요.
+const REQUIRED_ROLE = '{{REQUIRED_ROLE}}'
+
+export default controller({
+  // GET {{URL_PREFIX}}/session/new — 로그인 폼. csrf 는 자동 주입되므로 넘기지 않는다(결정 116).
+  async new() {
+    return this.render('Auth/Login', { error: null as string | null })
+  },
+  // POST {{URL_PREFIX}}/session — 로그인 + 역할 게이트
+  async create() {
+    const { email, password } = this.params({ _row: {} as { email: string; password: string } })
+    const user = await User.where('email', '=', email).first()
+    // 인증(401 성격): 자격 증명이 틀리면 세션을 만들지 않고 같은 폼을 재렌더한다.
+    // passwordDigest 는 hidden 이지만 서버 코드에서는 투명하게 읽힌다(§4.2).
+    if (!user || !(await verifyPassword(password, user.passwordDigest))) {
+      return this.render('Auth/Login', {
+        error: '이메일 또는 비밀번호가 올바르지 않습니다.' as string | null,
+      })
+    }
+    // 인가(403 성격): 자격은 맞지만 역할이 부족하면 세션을 만들지 않고 재렌더한다.
+    // 고객이 "로그인은 됐는데 403" 을 겪지 않도록 진입점에서 막는다(결정 218 · 결정 155·145 의
+    // 대시보드 역할 게이트와 정합 — 여기서 세션 자체를 안 만들어 관리 앱을 깨끗이 격리).
+    if ((user as { role?: string }).role !== REQUIRED_ROLE) {
+      return this.render('Auth/Login', {
+        error: '이 앱에 접근할 권한이 없습니다.' as string | null,
+      })
+    }
+    this.auth.login(user)
+    return this.redirect('{{URL_PREFIX}}/dashboard')
+  },
+  // DELETE {{URL_PREFIX}}/session — 로그아웃
+  async destroy() {
+    this.auth.logout()
+    return this.redirect('{{URL_PREFIX}}/session/new')
+  },
+})

package/dist/templates/project/AGENTS.md.tpl

@@ -115,7 +115,7 @@ Gaon 의 제1 설계 목표는 **"AI 가 개발을 가장 잘하는 프레임웍
 3. `dependency-direction` — 의존 방향 4규칙 위반
 4. `connections` — 스키마·`getConnection` 이 쓰는 커넥션 키가 `gaon.config.ts` 에 등록됐는지 · db 설정 정적 분석(삼항·`??` 지원 · 못 읽으면 안내) (§4.5 · 결정 135)
 5. `migration-diff` — 스키마 vs DB 상태 불일치
-6. `shared-composable-purity` — shared 안 `api`/`pageProps` import (결정 25)
+6. `shared-purity` — shared/ 전체(.ts·.vue)가 `api`/`pageProps`·domain 값을 import (컴포저블·컴포넌트 통일 · 결정 25·217)
 7. `no-auto-import` — 자동 import 설정 (E-5 §2.4)
 8. `schema-filename` — 스키마 파일명 camelCase 관례 (결정 38 · `--fix` 지원)
 9. `agents-doc-index` — 이 문서 색인(§0) ↔ `agents/` 실 파일 불일치 (결정 40)

package/dist/templates/project/agents/frontend.md.tpl

@@ -153,15 +153,17 @@ shared/composables/useDebounce.ts      # 앱 간 공용 컴포저블 (순수 로
 | 컴포넌트 | 자유 (pageProps·api 사용 가능) | props 로만 받는 순수 UI |
 | 컴포저블 | 자유 (api·채널 래핑 가능) | 인자로만 받는 순수 로직 |
 
-**shared 컴포저블 제약:**
+**shared 순수성 제약 (컴포저블·컴포넌트 공통):**
 
 - **라우트를 몰라야 한다** — `api()`·`pageProps()` 호출 금지.
   `.gaon/routes.d.ts` 는 앱별 생성이므로 구조적으로도 불가능하다.
-- 필요한 데이터·호출 함수는 **인자로 받는다** (순수 로직).
+- 필요한 데이터·호출 함수는 **props/인자로 받는다** (순수 로직·순수 UI).
 - domain 은 **타입 import 만** 허용.
 
-`gaon doctor` 의 **shared-composable-purity** 검사가 shared 안에서
-`gaonjs/vue` 의 `api`/`pageProps` import 를 잡는다.
+`gaon doctor` 의 **shared-purity** 검사가 `shared/` 전체(`.ts` 컴포저블 +
+`.vue` 컴포넌트)에서 `gaonjs/vue` 의 `api`/`pageProps` 값 import 와 domain
+값 import 를 잡는다 (결정 217 — 컴포저블·컴포넌트 한 규칙으로 통일 · `.vue` 는
+`<script>` 블록을 훑는다).
 
 **shared 컴포넌트(UI 킷 §8)의 허용/금지도 같은 기준(결정 25·105):** 허용 = 라우트 키와
 무관한 범용 API(`useForm`·`Link`·`router`) · 금지 = 앱 라우트 지식(`api()`·`pageProps`).
@@ -395,8 +397,8 @@ async function runSearch(q: string) {
   경계 우회로 타입 안전 붕괴.
 - **`api()` 에 제네릭 인자 직접 붙이지 않는다** — key 리터럴이 타입을
   결정한다.
-- **shared 컴포넌트/컴포저블에서 `pageProps`/`api` 호출 금지** — doctor
-  shared-composable-purity 위반. 데이터는 props/인자로.
+- **shared 컴포넌트/컴포저블에서 `pageProps`/`api` 호출·domain 값 import 금지** —
+  doctor **shared-purity** 위반(`.ts`·`.vue` 공통 · 결정 217). 데이터는 props/인자로.
 - **Vue 페이지에서 `fetch()` 로 폼 구현 금지** — 세션 앱 폼은
   `gaonjs/vue` 의 `useForm(...).post()` (`agents/web.md` §4 · 결정 64).
 - **내부 경로 일반 `<a href="/...">` 금지** — 클릭마다 전체 문서를 다시

package/dist/templates/project/apps/web/index.html.tpl

@@ -9,8 +9,10 @@
     <!--
       Vite 개발 서버가 이 index.html 을 서빙한다(dev). 운영 빌드는
       vite build 가 이 파일을 진입점 삼아 프로덕션 번들을 만든다.
-      Fastify(gaonjs/web) 는 초기 SPA 응답 셸에서 아래와 같은 구조의
-      <div id="app" data-page="..."> 를 내려보낸다 — 개발과 운영이 같은 셸.
+      Fastify(gaonjs/web) 는 초기 SPA 응답 셸에서 빈 <div id="app"></div> 와
+      함께 초기 페이지 객체를 <script type="application/json" data-page="app">…</script>
+      엘리먼트로 내려보낸다(data-page 는 div 속성이 아니라 이 script 태그에 실린다) —
+      개발과 운영이 같은 셸이다.
     -->
     <div id="app"></div>
     <script type="module" src="/main.ts"></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gaonjs/cli",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "description": "Gaon CLI — 스캐폴딩·제너레이터·마이그레이션·dev/serve/work/hub·doctor·check (bin: gaon)",
   "type": "module",
   "license": "MIT",
@@ -27,13 +27,13 @@
     "@modelcontextprotocol/sdk": "^1.29.0",
     "typescript": "^5.9.0",
     "vite": "^7.0.0",
-    "@gaonjs/data": "0.16.1",
-    "@gaonjs/async": "0.13.0",
-    "@gaonjs/i18n": "0.2.1",
     "@gaonjs/config": "0.16.0",
-    "@gaonjs/web": "0.19.0",
+    "@gaonjs/async": "0.13.0",
     "@gaonjs/mail": "0.2.1",
-    "@gaonjs/core": "0.2.2"
+    "@gaonjs/core": "0.2.2",
+    "@gaonjs/i18n": "0.2.1",
+    "@gaonjs/data": "0.16.1",
+    "@gaonjs/web": "0.19.0"
   },
   "scripts": {
     "build": "node ../../node_modules/typescript/bin/tsc -p tsconfig.json && node -e \"require('fs').cpSync('src/templates','dist/templates',{recursive:true})\""