@xfilecom/xframe 0.1.25 → 0.1.27

package/bin/xframe.js

@@ -400,27 +400,27 @@ function patchWebTsconfigFrontCorePath(targetRoot) {
   }
 }
 
-/** 템플릿 Vite 의 로컬 front-core alias → 생성 앱은 설치된 npm 패키지 루트 */
-const TEMPLATE_VITE_FRONT_CORE_MARKERS = [
-  "path.resolve(__dirname, '../../../../front-core/src')",
-  "path.resolve(__dirname, '../../../..', 'front-core', 'src')",
-];
-const SCAFFOLD_VITE_FRONT_CORE =
-  "path.resolve(__dirname, '../../node_modules/@xfilecom/front-core')";
-
+/**
+ * Vite 에서 @xfilecom/front-core 를 node_modules 패키지 "루트"만 alias 하면
+ * `tokens.css` 같은 서브패스가 exports 를 타지 못해 깨짐 → alias 제거 후 npm 기본 해석.
+ */
 function patchWebViteFrontCoreAlias(targetRoot) {
   for (const sub of ['client', 'admin']) {
     const p = path.join(targetRoot, 'web', sub, 'vite.config.ts');
     if (!fs.existsSync(p)) continue;
-    let raw = fs.readFileSync(p, 'utf8');
-    let next = raw;
-    for (const marker of TEMPLATE_VITE_FRONT_CORE_MARKERS) {
-      if (next.includes(marker)) {
-        next = next.split(marker).join(SCAFFOLD_VITE_FRONT_CORE);
-      }
+    let s = fs.readFileSync(p, 'utf8');
+    const orig = s;
+    s = s.replace(/\s*'@xfilecom\/front-core':\s*frontCoreSrc,\s*\r?\n/, '\n');
+    s = s.replace(
+      /\r?\n\/\*\*[\s\S]*?front-core[\s\S]*?\*\/\s*\r?\nconst frontCoreSrc = path\.resolve\([^;]+\);\s*/m,
+      '\n',
+    );
+    s = s.replace(/\r?\nconst frontCoreSrc = path\.resolve\([^;]+\);\s*/g, '\n');
+    if (s.includes('frontCoreSrc')) {
+      continue;
     }
-    if (next !== raw) {
-      fs.writeFileSync(p, next, 'utf8');
+    if (s !== orig) {
+      fs.writeFileSync(p, s, 'utf8');
     }
   }
 }

package/defaults.json

@@ -1,4 +1,4 @@
 {
-  "backendCore": "^1.0.6",
-  "frontCore": "^0.2.11"
+  "backendCore": "^1.0.8",
+  "frontCore": "^0.2.13"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfilecom/xframe",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "description": "Scaffold full-stack app: Nest + @xfilecom/backend-core, Vite/React + @xfilecom/front-core",
   "license": "UNLICENSED",
   "bin": {

package/template/web/admin/vite.config.ts

@@ -8,8 +8,8 @@ import react from '@vitejs/plugin-react';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 /**
- * 모노레포에서 템플릿 개발 시: …/packages/xframe/packages/front-core/src
- * (`npx @xfilecom/xframe <dir>` 로 프로젝트를 만들면 CLI 가 node_modules 패키지 경로로 덮어씀)
+ * xframe 레포 안 템플릿: …/packages/xframe/packages/front-core/src
+ * (`npx @xfilecom/xframe <dir>` 생성 시 CLI 가 front-core alias·const 를 제거 → npm exports 로 해석)
  */
 const frontCoreSrc = path.resolve(__dirname, '../../../..', 'front-core', 'src');
 

package/template/web/client/vite.config.ts

@@ -8,8 +8,8 @@ import react from '@vitejs/plugin-react';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 /**
- * 모노레포에서 템플릿 개발 시: …/packages/xframe/packages/front-core/src
- * (`npx @xfilecom/xframe <dir>` 로 프로젝트를 만들면 CLI 가 node_modules 패키지 경로로 덮어씀)
+ * xframe 레포 안 템플릿: …/packages/xframe/packages/front-core/src
+ * (`npx @xfilecom/xframe <dir>` 생성 시 CLI 가 front-core alias·const 를 제거 → npm exports 로 해석)
  */
 const frontCoreSrc = path.resolve(__dirname, '../../../..', 'front-core', 'src');
 

package/template/web/shared/src/styles/xfc-theme.css

@@ -9,38 +9,78 @@
  *
  * :root 의 --xfc-* 는 어느 시점에 두어도 var() 해석 시 최종 값이 쓰이고,
  * 아래 .xfc-btn 규칙은 base.css 다음에 로드되어야 덮어쓰기가 됩니다.
+ *
+ * ---------------------------------------------------------------------------
+ * @xfilecom/front-core 참조 인덱스 (여기서 덮어쓸 대상을 빠르게 찾기)
+ * 원본: 패키지 src/tokens.css · src/base.css · src/index.ts
+ * (패키지 메이저 시 목록이 달라질 수 있음 — 필요하면 소스 파일을 직접 확인)
+ * ---------------------------------------------------------------------------
+ *
+ * :root {
+ * --xfc-accent: #0d9488;
+ * --xfc-accent-hover: #0f766e;
+ * --xfc-accent-fg: #ffffff;
+ * --xfc-bg-muted: #f0fdfa;
+ * --xfc-radius-xs: 10px;
+ * --xfc-focus-ring: 0 0 0 3px color-mix(in srgb, var(--xfc-accent) 30%, transparent);
+ * 
+ * --xfc-space-lg: 18px;
+ * --xfc-space-xl: 26px;
+ * }
+ *
+ * [tokens.css — :root 변수]
+ *   Surfaces: --xfc-bg, --xfc-bg-elevated, --xfc-bg-muted, --xfc-bg-disabled
+ *   Text: --xfc-fg, --xfc-fg-strong, --xfc-fg-label, --xfc-fg-muted,
+ *         --xfc-fg-placeholder, --xfc-fg-icon
+ *   Lines: --xfc-border, --xfc-border-strong, --xfc-border-header
+ *   Brand: --xfc-accent, --xfc-accent-hover, --xfc-accent-fg
+ *   Status: --xfc-danger, --xfc-success, --xfc-success-bg, --xfc-warning, --xfc-warning-bg
+ *   Toast: --xfc-toast-info-bg, --xfc-toast-success-bg, --xfc-toast-warn-bg,
+ *          --xfc-toast-error-bg, --xfc-toast-shadow, --xfc-toast-radius
+ *   Effects: --xfc-input-shadow, --xfc-card-shadow
+ *   Radius: --xfc-radius-xs|sm|md|lg|full
+ *   Space: --xfc-space-xs|sm|md|lg|xl|2xl
+ *   Type: --xfc-font-sans, --xfc-font-mono, --xfc-text-display|appbar|section|body|small|input,
+ *         --xfc-leading-tight|normal|label|menu
+ *   Focus: --xfc-focus-ring
+ *
+ * [base.css — 전역]
+ *   *, body(폰트·배경·색), a / a:hover
+ *
+ * [base.css — Typography .xfc-text]
+ *   베이스 .xfc-text
+ *   변형: --title, --appbar, --section, --subtitle, --body, --small, --muted, --accent, --label-block
+ *
+ * [base.css — Layout]
+ *   .xfc-stack + --column | --row | --gap-none|sm|md|lg | --align-start|center|stretch
+ *   .xfc-box + --p-sm | --p-md | --p-lg
+ *   .xfc-card
+ *
+ * [base.css — Button .xfc-btn]
+ *   variant 클래스: --primary, --secondary, --outline, --muted, --ghost
+ *   (React: Button variant prop 과 동일 이름)
+ *
+ * [base.css — Input]
+ *   .xfc-input, ::placeholder, :focus, :disabled
+ *
+ * [base.css — Badge .xfc-badge]
+ *   --neutral, --accent, --success, --danger
+ *   (React: Badge tone prop)
+ *
+ * [base.css — LoadingOverlay]
+ *   .xfc-loading-overlay, --spinner, --message (+ keyframes, reduced-motion)
+ *
+ * [base.css — Toast]
+ *   .xfc-toast-list, .xfc-toast + --info|--success|--warn|--error
+ *   .xfc-toast__icon, .xfc-toast__message, .xfc-toast-dismiss
+ *
+ * [base.css — Inline errors]
+ *   .xfc-inline-error-list, .xfc-inline-error-item, .xfc-inline-error-dismiss
+ *
+ * [index.ts — export 목록]
+ *   Badge, Box, Button, Card, InlineErrorList, Input, LoadingOverlay, Stack, Text,
+ *   Toast, ToastList, ToastSeverityIcon (+ 각종 Props·ToastEntry 등 타입)
+ *   상수: XFRAME_FRONT_CORE_VERSION, tokenVars (위 --xfc-* 이름을 TS에서 참조할 때)
+ *   서브패스 import: @xfilecom/front-core/atoms
+ * ---------------------------------------------------------------------------
  */
-
-:root {
-  --xfc-accent: #0d9488;
-  --xfc-accent-hover: #0f766e;
-  --xfc-accent-fg: #ffffff;
-  --xfc-bg-muted: #f0fdfa;
-  --xfc-radius-xs: 10px;
-  --xfc-focus-ring: 0 0 0 3px color-mix(in srgb, var(--xfc-accent) 30%, transparent);
-  /* 버튼·인풋 등 padding 에 쓰이는 토큰 */
-  --xfc-space-lg: 18px;
-  --xfc-space-xl: 26px;
-}
-
-/* 스캐폴드 기본 예시 — primary 버튼 톤 (base.css 이후 로드 전제) */
-.xfc-btn {
-  min-height: 44px;
-  font-weight: 800;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  font-size: 0.8125rem;
-}
-
-.xfc-btn--primary {
-  border: 2px solid color-mix(in srgb, var(--xfc-accent-fg) 35%, transparent);
-  box-shadow:
-    0 1px 0 color-mix(in srgb, #000 18%, transparent),
-    0 8px 24px color-mix(in srgb, var(--xfc-accent) 40%, transparent);
-}
-
-.xfc-btn--primary:hover:not(:disabled) {
-  box-shadow:
-    0 2px 0 color-mix(in srgb, #000 22%, transparent),
-    0 10px 28px color-mix(in srgb, var(--xfc-accent) 48%, transparent);
-}