@su-record/vibe 2.8.30 → 2.8.31
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/README.md +3 -3
- package/dist/cli/commands/figma.d.ts +2 -2
- package/dist/cli/commands/figma.d.ts.map +1 -1
- package/dist/cli/commands/figma.js +3 -7
- package/dist/cli/commands/figma.js.map +1 -1
- package/dist/cli/commands/skills.d.ts.map +1 -1
- package/dist/cli/commands/skills.js +10 -0
- package/dist/cli/commands/skills.js.map +1 -1
- package/dist/infra/lib/figma/api.d.ts +9 -0
- package/dist/infra/lib/figma/api.d.ts.map +1 -0
- package/dist/infra/lib/figma/api.js +73 -0
- package/dist/infra/lib/figma/api.js.map +1 -0
- package/dist/infra/lib/figma/extract.d.ts +12 -0
- package/dist/infra/lib/figma/extract.d.ts.map +1 -0
- package/dist/infra/lib/figma/extract.js +285 -0
- package/dist/infra/lib/figma/extract.js.map +1 -0
- package/dist/infra/lib/figma/index.d.ts +4 -0
- package/dist/infra/lib/figma/index.d.ts.map +1 -0
- package/dist/infra/lib/figma/index.js +3 -0
- package/dist/infra/lib/figma/index.js.map +1 -0
- package/dist/infra/lib/figma/types.d.ts +40 -0
- package/dist/infra/lib/figma/types.d.ts.map +1 -0
- package/dist/infra/lib/figma/types.js +5 -0
- package/dist/infra/lib/figma/types.js.map +1 -0
- package/dist/infra/lib/llm-availability.d.ts.map +1 -1
- package/dist/infra/lib/llm-availability.js +2 -0
- package/dist/infra/lib/llm-availability.js.map +1 -1
- package/dist/infra/lib/memory/ReflectionStore.d.ts.map +1 -1
- package/dist/infra/lib/memory/ReflectionStore.js +3 -8
- package/dist/infra/lib/memory/ReflectionStore.js.map +1 -1
- package/package.json +1 -2
- package/skills/vibe.figma/SKILL.md +80 -60
- package/skills/vibe.figma.extract/SKILL.md +88 -114
package/README.md
CHANGED
|
@@ -283,7 +283,7 @@ Additional: `llm-orchestrate.js`, `codex-review-gate.js`, `codex-detect.js`, `se
|
|
|
283
283
|
Design-to-code with responsive support and design skill integration.
|
|
284
284
|
|
|
285
285
|
```bash
|
|
286
|
-
#
|
|
286
|
+
# Setup: vibe figma setup <token>
|
|
287
287
|
/vibe.figma "https://figma.com/design/ABC/Project?node-id=1-2"
|
|
288
288
|
|
|
289
289
|
# Responsive (mobile + desktop)
|
|
@@ -294,7 +294,7 @@ Design-to-code with responsive support and design skill integration.
|
|
|
294
294
|
|
|
295
295
|
| Phase | Description |
|
|
296
296
|
|-------|-------------|
|
|
297
|
-
| **Extract** |
|
|
297
|
+
| **Extract** | Figma REST API → node tree + CSS + images (token required) |
|
|
298
298
|
| **Analyze** | Image-first analysis → viewport diff table (responsive mode) |
|
|
299
299
|
| **Generate** | Stack-aware code (React/Vue/Svelte/SCSS/Tailwind) + design tokens |
|
|
300
300
|
| **Integrate** | Maps to project's existing design system (MASTER.md, design-context.json) |
|
|
@@ -391,7 +391,7 @@ vibe skills add <owner/repo> # Install skills from skills.sh
|
|
|
391
391
|
|
|
392
392
|
# Figma
|
|
393
393
|
vibe figma breakpoints # Show/set responsive breakpoints
|
|
394
|
-
vibe figma status|logout # Token management
|
|
394
|
+
vibe figma status|logout # Token management
|
|
395
395
|
|
|
396
396
|
# Channels
|
|
397
397
|
vibe telegram setup|chat|status
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* CLI Commands: vibe figma <subcommand>
|
|
3
3
|
*
|
|
4
4
|
* Figma configuration management.
|
|
5
|
-
* Extraction is handled by
|
|
6
|
-
* Token stored in ~/.vibe/config.json is
|
|
5
|
+
* Extraction is handled by src/infra/lib/figma/ (Figma REST API direct).
|
|
6
|
+
* Token stored in ~/.vibe/config.json is required for API access.
|
|
7
7
|
*/
|
|
8
8
|
/**
|
|
9
9
|
* vibe figma setup <token>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"figma.d.ts","sourceRoot":"","sources":["../../../src/cli/commands/figma.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2BH;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAgB/C;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAoBlC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAalC;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAgCtD;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,IAAI,
|
|
1
|
+
{"version":3,"file":"figma.d.ts","sourceRoot":"","sources":["../../../src/cli/commands/figma.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2BH;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAgB/C;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAoBlC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAalC;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAgCtD;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,IAAI,CAsBhC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* CLI Commands: vibe figma <subcommand>
|
|
3
3
|
*
|
|
4
4
|
* Figma configuration management.
|
|
5
|
-
* Extraction is handled by
|
|
6
|
-
* Token stored in ~/.vibe/config.json is
|
|
5
|
+
* Extraction is handled by src/infra/lib/figma/ (Figma REST API direct).
|
|
6
|
+
* Token stored in ~/.vibe/config.json is required for API access.
|
|
7
7
|
*/
|
|
8
8
|
import { readGlobalConfig, patchGlobalConfig, } from '../../infra/lib/config/GlobalConfigManager.js';
|
|
9
9
|
const DEFAULT_BREAKPOINTS = {
|
|
@@ -123,7 +123,7 @@ export function figmaBreakpoints(setArg) {
|
|
|
123
123
|
export function figmaHelp() {
|
|
124
124
|
console.log(`
|
|
125
125
|
Figma Commands:
|
|
126
|
-
vibe figma setup <token> Set Figma access token
|
|
126
|
+
vibe figma setup <token> Set Figma access token
|
|
127
127
|
vibe figma breakpoints Show current breakpoint defaults
|
|
128
128
|
vibe figma breakpoints --set key=value Customize a breakpoint value
|
|
129
129
|
vibe figma status Show configuration
|
|
@@ -139,10 +139,6 @@ Breakpoint keys:
|
|
|
139
139
|
designMobile Figma Mobile artboard width (default: 720px)
|
|
140
140
|
|
|
141
141
|
Workflow:
|
|
142
|
-
1. claude /vibe.figma "figma-url"
|
|
143
|
-
(Figma MCP plugin handles extraction — no token setup needed)
|
|
144
|
-
|
|
145
|
-
If MCP plugin is not available:
|
|
146
142
|
1. vibe figma setup <token>
|
|
147
143
|
2. claude /vibe.figma "figma-url"
|
|
148
144
|
`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"figma.js","sourceRoot":"","sources":["../../../src/cli/commands/figma.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"figma.js","sourceRoot":"","sources":["../../../src/cli/commands/figma.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skills.d.ts","sourceRoot":"","sources":["../../../src/cli/commands/skills.ts"],"names":[],"mappings":"AAAA;;GAEG;
|
|
1
|
+
{"version":3,"file":"skills.d.ts","sourceRoot":"","sources":["../../../src/cli/commands/skills.ts"],"names":[],"mappings":"AAAA;;GAEG;AAcH;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CA2B/C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAAE,EACpB,YAAY,GAAE,MAAM,EAAO,GAC1B,IAAI,CA+CN"}
|
|
@@ -6,6 +6,10 @@ import fs from 'fs';
|
|
|
6
6
|
import { execSync } from 'child_process';
|
|
7
7
|
import { log } from '../utils.js';
|
|
8
8
|
import { resolveExternalSkills } from '../postinstall/constants.js';
|
|
9
|
+
/** skills.sh 패키지 이름 검증 (owner/repo 형식만 허용) */
|
|
10
|
+
function isValidSkillTarget(target) {
|
|
11
|
+
return /^[a-zA-Z0-9_-]+\/[a-zA-Z0-9_.-]+$/.test(target);
|
|
12
|
+
}
|
|
9
13
|
/**
|
|
10
14
|
* skills.sh 에코시스템에서 스킬 설치
|
|
11
15
|
*/
|
|
@@ -19,6 +23,10 @@ Example: vibe skills add vercel-labs/skills
|
|
|
19
23
|
`);
|
|
20
24
|
return;
|
|
21
25
|
}
|
|
26
|
+
if (!isValidSkillTarget(target)) {
|
|
27
|
+
console.error(`❌ Invalid skill target: "${target}" (expected: owner/repo)`);
|
|
28
|
+
process.exit(1);
|
|
29
|
+
}
|
|
22
30
|
console.log(`\nInstalling skill: ${target}...\n`);
|
|
23
31
|
try {
|
|
24
32
|
execSync(`npx skills add ${target} --agent claude-code`, {
|
|
@@ -53,6 +61,8 @@ export function installExternalSkills(projectRoot, stackTypes, capabilities = []
|
|
|
53
61
|
return;
|
|
54
62
|
const newlyInstalled = [];
|
|
55
63
|
for (const pkg of toInstall) {
|
|
64
|
+
if (!isValidSkillTarget(pkg))
|
|
65
|
+
continue;
|
|
56
66
|
try {
|
|
57
67
|
log(` 📦 Installing external skill: ${pkg}...\n`);
|
|
58
68
|
execSync(`npx skills add ${pkg} --agent claude-code`, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skills.js","sourceRoot":"","sources":["../../../src/cli/commands/skills.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"skills.js","sourceRoot":"","sources":["../../../src/cli/commands/skills.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Figma REST API 클라이언트
|
|
3
|
+
*
|
|
4
|
+
* native fetch + exponential backoff retry
|
|
5
|
+
*/
|
|
6
|
+
export declare function loadToken(): string;
|
|
7
|
+
export declare function maskToken(token: string): string;
|
|
8
|
+
export declare function figmaFetch<T = unknown>(endpoint: string, token: string): Promise<T>;
|
|
9
|
+
//# sourceMappingURL=api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/infra/lib/figma/api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,wBAAgB,SAAS,IAAI,MAAM,CAWlC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/C;AAMD,wBAAsB,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CA+CzF"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Figma REST API 클라이언트
|
|
3
|
+
*
|
|
4
|
+
* native fetch + exponential backoff retry
|
|
5
|
+
*/
|
|
6
|
+
import { readGlobalConfig } from '../config/GlobalConfigManager.js';
|
|
7
|
+
const FIGMA_API = 'https://api.figma.com/v1';
|
|
8
|
+
const MAX_RETRIES = 3;
|
|
9
|
+
const INITIAL_DELAY_MS = 2000;
|
|
10
|
+
export function loadToken() {
|
|
11
|
+
// 1. env
|
|
12
|
+
const envToken = process.env.FIGMA_ACCESS_TOKEN;
|
|
13
|
+
if (envToken)
|
|
14
|
+
return envToken;
|
|
15
|
+
// 2. ~/.vibe/config.json
|
|
16
|
+
const config = readGlobalConfig();
|
|
17
|
+
const token = config.credentials?.figma?.accessToken;
|
|
18
|
+
if (token)
|
|
19
|
+
return token;
|
|
20
|
+
throw new Error('Figma token not found. Run: vibe figma setup <token>');
|
|
21
|
+
}
|
|
22
|
+
export function maskToken(token) {
|
|
23
|
+
if (token.length < 12)
|
|
24
|
+
return '***';
|
|
25
|
+
return token.slice(0, 6) + '...' + token.slice(-4);
|
|
26
|
+
}
|
|
27
|
+
function sleep(ms) {
|
|
28
|
+
return new Promise(r => setTimeout(r, ms));
|
|
29
|
+
}
|
|
30
|
+
export async function figmaFetch(endpoint, token) {
|
|
31
|
+
const url = `${FIGMA_API}${endpoint}`;
|
|
32
|
+
let lastError = '';
|
|
33
|
+
for (let attempt = 0; attempt < MAX_RETRIES; attempt++) {
|
|
34
|
+
try {
|
|
35
|
+
const res = await fetch(url, {
|
|
36
|
+
headers: { 'X-Figma-Token': token },
|
|
37
|
+
});
|
|
38
|
+
if (res.status === 429) {
|
|
39
|
+
const delay = INITIAL_DELAY_MS * Math.pow(2, attempt);
|
|
40
|
+
await sleep(delay);
|
|
41
|
+
continue;
|
|
42
|
+
}
|
|
43
|
+
if (res.status === 403) {
|
|
44
|
+
throw new Error(`Figma API 403 Forbidden. Token: ${maskToken(token)}`);
|
|
45
|
+
}
|
|
46
|
+
if (res.status === 404) {
|
|
47
|
+
throw new Error('Node not found. Check fileKey/nodeId.');
|
|
48
|
+
}
|
|
49
|
+
if (!res.ok) {
|
|
50
|
+
const body = await res.text();
|
|
51
|
+
lastError = `HTTP ${res.status}: ${body.slice(0, 200)}`;
|
|
52
|
+
if (res.status >= 500) {
|
|
53
|
+
const delay = INITIAL_DELAY_MS * Math.pow(2, attempt);
|
|
54
|
+
await sleep(delay);
|
|
55
|
+
continue;
|
|
56
|
+
}
|
|
57
|
+
throw new Error(lastError);
|
|
58
|
+
}
|
|
59
|
+
return await res.json();
|
|
60
|
+
}
|
|
61
|
+
catch (err) {
|
|
62
|
+
lastError = err.message;
|
|
63
|
+
if (lastError.includes('403') || lastError.includes('404'))
|
|
64
|
+
throw err;
|
|
65
|
+
if (attempt < MAX_RETRIES - 1) {
|
|
66
|
+
const delay = INITIAL_DELAY_MS * Math.pow(2, attempt);
|
|
67
|
+
await sleep(delay);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
throw new Error(`Failed after ${MAX_RETRIES} retries: ${lastError}`);
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=api.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/infra/lib/figma/api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,SAAS,GAAG,0BAA0B,CAAC;AAC7C,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAE9B,MAAM,UAAU,SAAS;IACvB,SAAS;IACT,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;IAChD,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAE9B,yBAAyB;IACzB,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC;IACrD,IAAI,KAAK;QAAE,OAAO,KAAK,CAAC;IAExB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE;QAAE,OAAO,KAAK,CAAC;IACpC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,SAAS,KAAK,CAAC,EAAU;IACvB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,UAAU,CAAc,QAAgB,EAAE,KAAa;IAC3E,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,QAAQ,EAAE,CAAC;IACtC,IAAI,SAAS,GAAW,EAAE,CAAC;IAE3B,KAAK,IAAI,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC;QACvD,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;gBAC3B,OAAO,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE;aACpC,CAAC,CAAC;YAEH,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBACvB,MAAM,KAAK,GAAG,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;gBACtD,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC;gBACnB,SAAS;YACX,CAAC;YAED,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,mCAAmC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACzE,CAAC;YAED,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;YAC3D,CAAC;YAED,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;gBAC9B,SAAS,GAAG,QAAQ,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;gBACxD,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;oBACtB,MAAM,KAAK,GAAG,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;oBACtD,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC;oBACnB,SAAS;gBACX,CAAC;gBACD,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;YAED,OAAO,MAAM,GAAG,CAAC,IAAI,EAAO,CAAC;QAC/B,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,SAAS,GAAI,GAAa,CAAC,OAAO,CAAC;YACnC,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,MAAM,GAAG,CAAC;YACtE,IAAI,OAAO,GAAG,WAAW,GAAG,CAAC,EAAE,CAAC;gBAC9B,MAAM,KAAK,GAAG,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;gBACtD,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,gBAAgB,WAAW,aAAa,SAAS,EAAE,CAAC,CAAC;AACvE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Figma 노드 → CSS 추출 + 트리 워커
|
|
3
|
+
*/
|
|
4
|
+
import type { FigmaNode, FigmaImageMap, FigmaTreeOptions, FigmaImageOptions, FigmaScreenshotOptions } from './types.js';
|
|
5
|
+
export declare function getTree(options: FigmaTreeOptions): Promise<FigmaNode>;
|
|
6
|
+
export declare function collectImageRefs(node: FigmaNode, refs?: Set<string>): Set<string>;
|
|
7
|
+
export declare function getImages(options: FigmaImageOptions): Promise<FigmaImageMap>;
|
|
8
|
+
export declare function getScreenshot(options: FigmaScreenshotOptions): Promise<{
|
|
9
|
+
path: string;
|
|
10
|
+
size: number;
|
|
11
|
+
}>;
|
|
12
|
+
//# sourceMappingURL=extract.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../../src/infra/lib/figma/extract.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAkMpB,wBAAsB,OAAO,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,CAc3E;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAE,GAAG,CAAC,MAAM,CAAa,GAAG,GAAG,CAAC,MAAM,CAAC,CAI5F;AAED,wBAAsB,SAAS,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,CAAC,CA2DlF;AAED,wBAAsB,aAAa,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAkB5G"}
|
|
@@ -0,0 +1,285 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Figma 노드 → CSS 추출 + 트리 워커
|
|
3
|
+
*/
|
|
4
|
+
import fs from 'fs';
|
|
5
|
+
import path from 'path';
|
|
6
|
+
import { figmaFetch, loadToken } from './api.js';
|
|
7
|
+
// ─── Color ──────────────────────────────────────────────────────────
|
|
8
|
+
function figmaColorToCSS(color) {
|
|
9
|
+
const r = Math.round(color.r * 255);
|
|
10
|
+
const g = Math.round(color.g * 255);
|
|
11
|
+
const b = Math.round(color.b * 255);
|
|
12
|
+
const a = color.a ?? 1;
|
|
13
|
+
if (a === 1) {
|
|
14
|
+
return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
|
|
15
|
+
}
|
|
16
|
+
return `rgba(${r}, ${g}, ${b}, ${Number(a.toFixed(2))})`;
|
|
17
|
+
}
|
|
18
|
+
// ─── Node → CSS ─────────────────────────────────────────────────────
|
|
19
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
20
|
+
function extractCSS(node) {
|
|
21
|
+
const css = {};
|
|
22
|
+
// Layout
|
|
23
|
+
if (node.layoutMode === 'VERTICAL') {
|
|
24
|
+
css.display = 'flex';
|
|
25
|
+
css.flexDirection = 'column';
|
|
26
|
+
}
|
|
27
|
+
else if (node.layoutMode === 'HORIZONTAL') {
|
|
28
|
+
css.display = 'flex';
|
|
29
|
+
css.flexDirection = 'row';
|
|
30
|
+
}
|
|
31
|
+
const axisMap = {
|
|
32
|
+
MIN: 'flex-start', CENTER: 'center', MAX: 'flex-end', SPACE_BETWEEN: 'space-between',
|
|
33
|
+
};
|
|
34
|
+
const crossMap = {
|
|
35
|
+
MIN: 'flex-start', CENTER: 'center', MAX: 'flex-end', BASELINE: 'baseline',
|
|
36
|
+
};
|
|
37
|
+
if (node.primaryAxisAlignItems && axisMap[node.primaryAxisAlignItems]) {
|
|
38
|
+
css.justifyContent = axisMap[node.primaryAxisAlignItems];
|
|
39
|
+
}
|
|
40
|
+
if (node.counterAxisAlignItems && crossMap[node.counterAxisAlignItems]) {
|
|
41
|
+
css.alignItems = crossMap[node.counterAxisAlignItems];
|
|
42
|
+
}
|
|
43
|
+
if (node.itemSpacing != null && node.itemSpacing > 0) {
|
|
44
|
+
css.gap = `${node.itemSpacing}px`;
|
|
45
|
+
}
|
|
46
|
+
// Padding
|
|
47
|
+
const pt = node.paddingTop || 0;
|
|
48
|
+
const pr = node.paddingRight || 0;
|
|
49
|
+
const pb = node.paddingBottom || 0;
|
|
50
|
+
const pl = node.paddingLeft || 0;
|
|
51
|
+
if (pt || pr || pb || pl) {
|
|
52
|
+
css.padding = `${pt}px ${pr}px ${pb}px ${pl}px`;
|
|
53
|
+
}
|
|
54
|
+
// Size
|
|
55
|
+
if (node.absoluteBoundingBox) {
|
|
56
|
+
css.width = `${Math.round(node.absoluteBoundingBox.width)}px`;
|
|
57
|
+
css.height = `${Math.round(node.absoluteBoundingBox.height)}px`;
|
|
58
|
+
}
|
|
59
|
+
// Position
|
|
60
|
+
if (node.layoutPositioning === 'ABSOLUTE') {
|
|
61
|
+
css.position = 'absolute';
|
|
62
|
+
}
|
|
63
|
+
// Overflow
|
|
64
|
+
if (node.clipsContent) {
|
|
65
|
+
css.overflow = 'hidden';
|
|
66
|
+
}
|
|
67
|
+
// Opacity
|
|
68
|
+
if (node.opacity != null && node.opacity < 1) {
|
|
69
|
+
css.opacity = node.opacity.toFixed(2);
|
|
70
|
+
}
|
|
71
|
+
// Blend mode
|
|
72
|
+
const blendMap = {
|
|
73
|
+
MULTIPLY: 'multiply', SCREEN: 'screen', OVERLAY: 'overlay',
|
|
74
|
+
DARKEN: 'darken', LIGHTEN: 'lighten', COLOR_DODGE: 'color-dodge',
|
|
75
|
+
COLOR_BURN: 'color-burn', HARD_LIGHT: 'hard-light', SOFT_LIGHT: 'soft-light',
|
|
76
|
+
DIFFERENCE: 'difference', EXCLUSION: 'exclusion', HUE: 'hue',
|
|
77
|
+
SATURATION: 'saturation', COLOR: 'color', LUMINOSITY: 'luminosity',
|
|
78
|
+
};
|
|
79
|
+
if (node.blendMode && node.blendMode !== 'NORMAL' && node.blendMode !== 'PASS_THROUGH') {
|
|
80
|
+
if (blendMap[node.blendMode])
|
|
81
|
+
css.mixBlendMode = blendMap[node.blendMode];
|
|
82
|
+
}
|
|
83
|
+
// Corner radius
|
|
84
|
+
if (node.cornerRadius != null && node.cornerRadius > 0) {
|
|
85
|
+
css.borderRadius = `${node.cornerRadius}px`;
|
|
86
|
+
}
|
|
87
|
+
else if (node.rectangleCornerRadii) {
|
|
88
|
+
const [tl, tr, br, bl] = node.rectangleCornerRadii;
|
|
89
|
+
css.borderRadius = `${tl}px ${tr}px ${br}px ${bl}px`;
|
|
90
|
+
}
|
|
91
|
+
// Fills
|
|
92
|
+
let imageRef;
|
|
93
|
+
if (node.fills?.length) {
|
|
94
|
+
for (const fill of node.fills) {
|
|
95
|
+
if (fill.visible === false)
|
|
96
|
+
continue;
|
|
97
|
+
if (fill.type === 'SOLID') {
|
|
98
|
+
const a = fill.opacity ?? fill.color?.a ?? 1;
|
|
99
|
+
css.backgroundColor = figmaColorToCSS({ ...fill.color, a });
|
|
100
|
+
}
|
|
101
|
+
else if (fill.type === 'IMAGE') {
|
|
102
|
+
imageRef = fill.imageRef;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
// Strokes
|
|
107
|
+
if (node.strokes?.length && node.strokeWeight) {
|
|
108
|
+
const stroke = node.strokes.find((s) => s.visible !== false && s.type === 'SOLID');
|
|
109
|
+
if (stroke) {
|
|
110
|
+
css.border = `${node.strokeWeight}px solid ${figmaColorToCSS(stroke.color)}`;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
// Effects
|
|
114
|
+
if (node.effects?.length) {
|
|
115
|
+
const shadows = [];
|
|
116
|
+
for (const eff of node.effects) {
|
|
117
|
+
if (eff.visible === false)
|
|
118
|
+
continue;
|
|
119
|
+
if (eff.type === 'DROP_SHADOW' || eff.type === 'INNER_SHADOW') {
|
|
120
|
+
const inset = eff.type === 'INNER_SHADOW' ? 'inset ' : '';
|
|
121
|
+
const x = eff.offset?.x ?? 0;
|
|
122
|
+
const y = eff.offset?.y ?? 0;
|
|
123
|
+
const r = eff.radius ?? 0;
|
|
124
|
+
const spread = eff.spread ?? 0;
|
|
125
|
+
shadows.push(`${inset}${x}px ${y}px ${r}px ${spread}px ${figmaColorToCSS(eff.color)}`);
|
|
126
|
+
}
|
|
127
|
+
else if (eff.type === 'LAYER_BLUR') {
|
|
128
|
+
css.filter = `blur(${eff.radius}px)`;
|
|
129
|
+
}
|
|
130
|
+
else if (eff.type === 'BACKGROUND_BLUR') {
|
|
131
|
+
css.backdropFilter = `blur(${eff.radius}px)`;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
if (shadows.length)
|
|
135
|
+
css.boxShadow = shadows.join(', ');
|
|
136
|
+
}
|
|
137
|
+
// Typography
|
|
138
|
+
if (node.type === 'TEXT' && node.style) {
|
|
139
|
+
const s = node.style;
|
|
140
|
+
if (s.fontFamily)
|
|
141
|
+
css.fontFamily = `'${s.fontFamily}', sans-serif`;
|
|
142
|
+
if (s.fontSize)
|
|
143
|
+
css.fontSize = `${s.fontSize}px`;
|
|
144
|
+
if (s.fontWeight)
|
|
145
|
+
css.fontWeight = String(s.fontWeight);
|
|
146
|
+
if (s.lineHeightPx)
|
|
147
|
+
css.lineHeight = `${s.lineHeightPx}px`;
|
|
148
|
+
if (s.letterSpacing)
|
|
149
|
+
css.letterSpacing = `${s.letterSpacing}px`;
|
|
150
|
+
const textAlignMap = {
|
|
151
|
+
LEFT: 'left', CENTER: 'center', RIGHT: 'right', JUSTIFIED: 'justify',
|
|
152
|
+
};
|
|
153
|
+
if (s.textAlignHorizontal && textAlignMap[s.textAlignHorizontal]) {
|
|
154
|
+
css.textAlign = textAlignMap[s.textAlignHorizontal];
|
|
155
|
+
}
|
|
156
|
+
if (node.fills?.length) {
|
|
157
|
+
const textFill = node.fills.find((f) => f.visible !== false && f.type === 'SOLID');
|
|
158
|
+
if (textFill)
|
|
159
|
+
css.color = figmaColorToCSS(textFill.color);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
return imageRef ? { ...css, _imageRef: imageRef } : css;
|
|
163
|
+
}
|
|
164
|
+
// ─── Tree Walker ────────────────────────────────────────────────────
|
|
165
|
+
function walkNode(node) {
|
|
166
|
+
const css = extractCSS(node);
|
|
167
|
+
const result = {
|
|
168
|
+
nodeId: node.id,
|
|
169
|
+
name: node.name || '',
|
|
170
|
+
type: node.type,
|
|
171
|
+
size: node.absoluteBoundingBox
|
|
172
|
+
? { width: Math.round(node.absoluteBoundingBox.width), height: Math.round(node.absoluteBoundingBox.height) }
|
|
173
|
+
: null,
|
|
174
|
+
css: { ...css },
|
|
175
|
+
children: [],
|
|
176
|
+
};
|
|
177
|
+
if (node.type === 'TEXT' && node.characters) {
|
|
178
|
+
result.text = node.characters;
|
|
179
|
+
}
|
|
180
|
+
if (css._imageRef) {
|
|
181
|
+
result.imageRef = css._imageRef;
|
|
182
|
+
delete result.css._imageRef;
|
|
183
|
+
}
|
|
184
|
+
if (node.children?.length) {
|
|
185
|
+
result.children = node.children.map(walkNode);
|
|
186
|
+
}
|
|
187
|
+
return result;
|
|
188
|
+
}
|
|
189
|
+
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
190
|
+
// ─── Public API ─────────────────────────────────────────────────────
|
|
191
|
+
export async function getTree(options) {
|
|
192
|
+
const token = loadToken();
|
|
193
|
+
const depthParam = options.depth ? `&depth=${options.depth}` : '';
|
|
194
|
+
const data = await figmaFetch(`/files/${options.fileKey}/nodes?ids=${options.nodeId}${depthParam}`, token);
|
|
195
|
+
const nodeData = data.nodes?.[options.nodeId];
|
|
196
|
+
if (!nodeData?.document) {
|
|
197
|
+
throw new Error(`Node ${options.nodeId} not found in file ${options.fileKey}`);
|
|
198
|
+
}
|
|
199
|
+
return walkNode(nodeData.document);
|
|
200
|
+
}
|
|
201
|
+
export function collectImageRefs(node, refs = new Set()) {
|
|
202
|
+
if (node.imageRef)
|
|
203
|
+
refs.add(node.imageRef);
|
|
204
|
+
for (const child of node.children)
|
|
205
|
+
collectImageRefs(child, refs);
|
|
206
|
+
return refs;
|
|
207
|
+
}
|
|
208
|
+
export async function getImages(options) {
|
|
209
|
+
const token = loadToken();
|
|
210
|
+
if (!fs.existsSync(options.outDir)) {
|
|
211
|
+
fs.mkdirSync(options.outDir, { recursive: true });
|
|
212
|
+
}
|
|
213
|
+
// 렌더링 모드: 노드를 PNG로 렌더
|
|
214
|
+
if (options.render && options.nodeIds?.length) {
|
|
215
|
+
const ids = options.nodeIds.join(',');
|
|
216
|
+
const data = await figmaFetch(`/images/${options.fileKey}?ids=${ids}&format=png&scale=2`, token);
|
|
217
|
+
if (!data.images)
|
|
218
|
+
throw new Error('No images returned');
|
|
219
|
+
const imageMap = {};
|
|
220
|
+
const downloads = [];
|
|
221
|
+
for (const [id, url] of Object.entries(data.images)) {
|
|
222
|
+
if (!url)
|
|
223
|
+
continue;
|
|
224
|
+
const safeName = id.replace(/[:/;]/g, '-') + '.png';
|
|
225
|
+
const outPath = path.join(options.outDir, safeName);
|
|
226
|
+
downloads.push(downloadFile(url, outPath).then(() => { imageMap[id] = outPath; }));
|
|
227
|
+
}
|
|
228
|
+
await Promise.all(downloads);
|
|
229
|
+
return { total: Object.keys(imageMap).length, images: imageMap };
|
|
230
|
+
}
|
|
231
|
+
// Fill 이미지 모드
|
|
232
|
+
const data = await figmaFetch(`/files/${options.fileKey}/images`, token);
|
|
233
|
+
if (!data.meta?.images)
|
|
234
|
+
throw new Error('No image fills found');
|
|
235
|
+
const allImages = data.meta.images;
|
|
236
|
+
const imageMap = {};
|
|
237
|
+
const downloads = [];
|
|
238
|
+
for (const [ref, url] of Object.entries(allImages)) {
|
|
239
|
+
if (options.imageRefs && !options.imageRefs.has(ref))
|
|
240
|
+
continue;
|
|
241
|
+
if (!url)
|
|
242
|
+
continue;
|
|
243
|
+
const safeName = ref.slice(0, 16) + '.png';
|
|
244
|
+
const outPath = path.join(options.outDir, safeName);
|
|
245
|
+
downloads.push(downloadFile(url, outPath)
|
|
246
|
+
.then(() => { imageMap[ref] = outPath; })
|
|
247
|
+
.catch(err => { process.stderr.write(`Failed: ${ref}: ${err.message}\n`); }));
|
|
248
|
+
}
|
|
249
|
+
await Promise.all(downloads);
|
|
250
|
+
// verify
|
|
251
|
+
for (const [ref, filePath] of Object.entries(imageMap)) {
|
|
252
|
+
try {
|
|
253
|
+
const stat = fs.statSync(filePath);
|
|
254
|
+
if (stat.size === 0)
|
|
255
|
+
delete imageMap[ref];
|
|
256
|
+
}
|
|
257
|
+
catch {
|
|
258
|
+
delete imageMap[ref];
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
return { total: Object.keys(imageMap).length, images: imageMap };
|
|
262
|
+
}
|
|
263
|
+
export async function getScreenshot(options) {
|
|
264
|
+
const token = loadToken();
|
|
265
|
+
const fmt = options.format ?? 'png';
|
|
266
|
+
const scale = options.scale ?? 2;
|
|
267
|
+
const data = await figmaFetch(`/images/${options.fileKey}?ids=${options.nodeId}&format=${fmt}&scale=${scale}`, token);
|
|
268
|
+
const url = data.images?.[options.nodeId];
|
|
269
|
+
if (!url)
|
|
270
|
+
throw new Error(`No screenshot URL for ${options.nodeId}`);
|
|
271
|
+
const dir = path.dirname(options.outPath);
|
|
272
|
+
if (!fs.existsSync(dir))
|
|
273
|
+
fs.mkdirSync(dir, { recursive: true });
|
|
274
|
+
await downloadFile(url, options.outPath);
|
|
275
|
+
const stat = fs.statSync(options.outPath);
|
|
276
|
+
return { path: options.outPath, size: stat.size };
|
|
277
|
+
}
|
|
278
|
+
async function downloadFile(url, outPath) {
|
|
279
|
+
const res = await fetch(url);
|
|
280
|
+
if (!res.ok)
|
|
281
|
+
throw new Error(`HTTP ${res.status}`);
|
|
282
|
+
const buf = Buffer.from(await res.arrayBuffer());
|
|
283
|
+
fs.writeFileSync(outPath, buf);
|
|
284
|
+
}
|
|
285
|
+
//# sourceMappingURL=extract.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extract.js","sourceRoot":"","sources":["../../../../src/infra/lib/figma/extract.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { loadToken, maskToken, figmaFetch } from './api.js';
|
|
2
|
+
export { getTree, getImages, getScreenshot, collectImageRefs } from './extract.js';
|
|
3
|
+
export type { FigmaNode, FigmaImageMap, FigmaTreeOptions, FigmaImageOptions, FigmaScreenshotOptions, } from './types.js';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/infra/lib/figma/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACnF,YAAY,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/infra/lib/figma/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Figma REST API 타입 정의
|
|
3
|
+
*/
|
|
4
|
+
export interface FigmaNode {
|
|
5
|
+
nodeId: string;
|
|
6
|
+
name: string;
|
|
7
|
+
type: string;
|
|
8
|
+
size: {
|
|
9
|
+
width: number;
|
|
10
|
+
height: number;
|
|
11
|
+
} | null;
|
|
12
|
+
css: Record<string, string>;
|
|
13
|
+
text?: string;
|
|
14
|
+
imageRef?: string;
|
|
15
|
+
children: FigmaNode[];
|
|
16
|
+
}
|
|
17
|
+
export interface FigmaImageMap {
|
|
18
|
+
total: number;
|
|
19
|
+
images: Record<string, string>;
|
|
20
|
+
}
|
|
21
|
+
export interface FigmaTreeOptions {
|
|
22
|
+
fileKey: string;
|
|
23
|
+
nodeId: string;
|
|
24
|
+
depth?: number;
|
|
25
|
+
}
|
|
26
|
+
export interface FigmaImageOptions {
|
|
27
|
+
fileKey: string;
|
|
28
|
+
nodeIds?: string[];
|
|
29
|
+
imageRefs?: Set<string>;
|
|
30
|
+
outDir: string;
|
|
31
|
+
render?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export interface FigmaScreenshotOptions {
|
|
34
|
+
fileKey: string;
|
|
35
|
+
nodeId: string;
|
|
36
|
+
outPath: string;
|
|
37
|
+
scale?: number;
|
|
38
|
+
format?: 'png' | 'jpg' | 'svg';
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/infra/lib/figma/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC/C,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CAChC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/infra/lib/figma/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"llm-availability.d.ts","sourceRoot":"","sources":["../../../src/infra/lib/llm-availability.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CACjB;
|
|
1
|
+
{"version":3,"file":"llm-availability.d.ts","sourceRoot":"","sources":["../../../src/infra/lib/llm-availability.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CACjB;AAsBD;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,eAAe,CAkBvD;AAED,uBAAuB;AACvB,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED,wBAAwB;AACxB,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAED,oBAAoB;AACpB,wBAAgB,yBAAyB,IAAI,IAAI,CAEhD"}
|
|
@@ -11,6 +11,8 @@ import os from 'os';
|
|
|
11
11
|
let cached = null;
|
|
12
12
|
function checkCliInstalled(binName, configDir) {
|
|
13
13
|
const hasDir = fs.existsSync(configDir);
|
|
14
|
+
if (!/^[a-z]+$/.test(binName))
|
|
15
|
+
return hasDir;
|
|
14
16
|
let hasBin = false;
|
|
15
17
|
try {
|
|
16
18
|
execSync(`which ${binName}`, { stdio: 'ignore' });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"llm-availability.js","sourceRoot":"","sources":["../../../src/infra/lib/llm-availability.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,IAAI,CAAC;AAOpB,IAAI,MAAM,GAA2B,IAAI,CAAC;AAE1C,SAAS,iBAAiB,CAAC,OAAe,EAAE,SAAiB;IAC3D,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC;QACH,QAAQ,CAAC,SAAS,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClD,MAAM,GAAG,IAAI,CAAC;IAChB,CAAC;IAAC,MAAM,CAAC;QACP,YAAY;IACd,CAAC;IACD,OAAO,MAAM,IAAI,MAAM,CAAC;AAC1B,CAAC;AAED,SAAS,eAAe,CAAC,SAAiB,EAAE,YAAoB;IAC9D,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACpD,OAAO,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AACjC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAE1B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC7E,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAErD,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAE/D,0BAA0B;IAC1B,MAAM,KAAK,GAAG,cAAc,IAAI,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACvE,MAAM,MAAM,GAAG,eAAe,IAAI,CAChC,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC;QACvC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAC7B,CAAC;IAEF,MAAM,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,uBAAuB;AACvB,MAAM,UAAU,gBAAgB;IAC9B,OAAO,qBAAqB,EAAE,CAAC,KAAK,CAAC;AACvC,CAAC;AAED,wBAAwB;AACxB,MAAM,UAAU,iBAAiB;IAC/B,OAAO,qBAAqB,EAAE,CAAC,MAAM,CAAC;AACxC,CAAC;AAED,oBAAoB;AACpB,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,IAAI,CAAC;AAChB,CAAC"}
|
|
1
|
+
{"version":3,"file":"llm-availability.js","sourceRoot":"","sources":["../../../src/infra/lib/llm-availability.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,IAAI,CAAC;AAOpB,IAAI,MAAM,GAA2B,IAAI,CAAC;AAE1C,SAAS,iBAAiB,CAAC,OAAe,EAAE,SAAiB;IAC3D,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,MAAM,CAAC;IAC7C,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC;QACH,QAAQ,CAAC,SAAS,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClD,MAAM,GAAG,IAAI,CAAC;IAChB,CAAC;IAAC,MAAM,CAAC;QACP,YAAY;IACd,CAAC;IACD,OAAO,MAAM,IAAI,MAAM,CAAC;AAC1B,CAAC;AAED,SAAS,eAAe,CAAC,SAAiB,EAAE,YAAoB;IAC9D,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACpD,OAAO,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AACjC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAE1B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC7E,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAErD,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAE/D,0BAA0B;IAC1B,MAAM,KAAK,GAAG,cAAc,IAAI,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACvE,MAAM,MAAM,GAAG,eAAe,IAAI,CAChC,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC;QACvC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAC7B,CAAC;IAEF,MAAM,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,uBAAuB;AACvB,MAAM,UAAU,gBAAgB;IAC9B,OAAO,qBAAqB,EAAE,CAAC,KAAK,CAAC;AACvC,CAAC;AAED,wBAAwB;AACxB,MAAM,UAAU,iBAAiB;IAC/B,OAAO,qBAAqB,EAAE,CAAC,MAAM,CAAC;AACxC,CAAC;AAED,oBAAoB;AACpB,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,IAAI,CAAC;AAChB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReflectionStore.d.ts","sourceRoot":"","sources":["../../../../src/infra/lib/memory/ReflectionStore.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAC/C,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,aAAa,GAAG,QAAQ,CAAC;AAE9E,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4CD,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAoB;IAC9B,OAAO,CAAC,aAAa,CAAU;gBAEnB,OAAO,EAAE,aAAa;IAKlC;;OAEG;IACI,IAAI,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;
|
|
1
|
+
{"version":3,"file":"ReflectionStore.d.ts","sourceRoot":"","sources":["../../../../src/infra/lib/memory/ReflectionStore.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAC/C,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,aAAa,GAAG,QAAQ,CAAC;AAE9E,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4CD,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAoB;IAC9B,OAAO,CAAC,aAAa,CAAU;gBAEnB,OAAO,EAAE,aAAa;IAKlC;;OAEG;IACI,IAAI,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;IAgE3C;;OAEG;IACI,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,GAAE,MAAW,GAAG,UAAU,EAAE;IA2B9D;;OAEG;IACI,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,EAAE;IAQpD;;OAEG;IACI,SAAS,CAAC,KAAK,GAAE,MAAW,GAAG,UAAU,EAAE;IASlD;;OAEG;IACI,YAAY,CAAC,QAAQ,GAAE,MAAY,EAAE,KAAK,GAAE,MAAW,GAAG,UAAU,EAAE;IAU7E;;OAEG;IACI,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAK7C;;OAEG;IACI,QAAQ,IAAI,MAAM;IAKzB,OAAO,CAAC,eAAe;CAcxB"}
|
|
@@ -60,14 +60,9 @@ export class ReflectionStore {
|
|
|
60
60
|
catch (error) {
|
|
61
61
|
const sqliteError = error;
|
|
62
62
|
if (sqliteError.code === 'SQLITE_BUSY') {
|
|
63
|
-
// Retry once after 100ms
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
execSync('sleep 0.1 2>nul || timeout /t 0 >nul 2>&1', { timeout: 200 });
|
|
67
|
-
}
|
|
68
|
-
catch {
|
|
69
|
-
// sleep not available, just continue
|
|
70
|
-
}
|
|
63
|
+
// Retry once after 100ms (synchronous busy-wait for better-sqlite3 sync API)
|
|
64
|
+
const end = Date.now() + 100;
|
|
65
|
+
while (Date.now() < end) { /* busy wait */ }
|
|
71
66
|
try {
|
|
72
67
|
this.db.prepare(`
|
|
73
68
|
INSERT INTO reflections (id, sessionId, type, trigger, insights, decisions, patterns, filesContext, score, createdAt)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReflectionStore.js","sourceRoot":"","sources":["../../../../src/infra/lib/memory/ReflectionStore.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,sEAAsE;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA2CpC,MAAM,eAAe,GAAG,IAAI,CAAC;AAC7B,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B,SAAS,UAAU;IACjB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzD,OAAO,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC;AAChC,CAAC;AAED,SAAS,aAAa,CAAC,GAAa,EAAE,QAAgB;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ;QAAE,OAAO,GAAG,CAAC;IAExC,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,SAAS;IAC3B,KAAK,MAAM,IAAI,IAAI,GAAG,EAAE,CAAC;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1E,IAAI,QAAQ,GAAG,OAAO,GAAG,QAAQ;YAAE,MAAM;QACzC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,QAAQ,IAAI,OAAO,CAAC;IACtB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAc;IACzC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACrC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAkB,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC;AAC1E,CAAC;AAED,MAAM,OAAO,eAAe;IAClB,EAAE,CAAoB;IACtB,aAAa,CAAU;IAE/B,YAAY,OAAsB;QAChC,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IACjD,CAAC;IAED;;OAEG;IACI,IAAI,CAAC,KAAsB;QAChC,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;QACxB,MAAM,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;QAE5E,oCAAoC;QACpC,MAAM,QAAQ,GAAG,aAAa,CAAC,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC;QAC9E,MAAM,SAAS,GAAG,aAAa,CAAC,mBAAmB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;QAChF,MAAM,QAAQ,GAAG,aAAa,CAAC,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC;QAC9E,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAE7D,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;YAC3C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC,CAAC,GAAG,CAAC;QAER,IAAI,CAAC;YACH,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC;;;OAGf,CAAC,CAAC,GAAG,CACJ,EAAE,EACF,KAAK,CAAC,SAAS,IAAI,IAAI,EACvB,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,OAAO,EACb,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EACxB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EACzB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EACxB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAC5B,KAAK,EACL,SAAS,CACV,CAAC;YACF,OAAO,EAAE,CAAC;QACZ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,KAA0B,CAAC;YAC/C,IAAI,WAAW,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;gBACvC,
|
|
1
|
+
{"version":3,"file":"ReflectionStore.js","sourceRoot":"","sources":["../../../../src/infra/lib/memory/ReflectionStore.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@su-record/vibe",
|
|
3
|
-
"version": "2.8.
|
|
3
|
+
"version": "2.8.31",
|
|
4
4
|
"description": "AI Coding Framework for Claude Code — 49 agents, 41+ tools, multi-LLM orchestration",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/cli/index.js",
|
|
@@ -93,7 +93,6 @@
|
|
|
93
93
|
"skills/",
|
|
94
94
|
"hooks/",
|
|
95
95
|
".env.example",
|
|
96
|
-
".env",
|
|
97
96
|
"CLAUDE.md",
|
|
98
97
|
"README.md",
|
|
99
98
|
"LICENSE"
|
|
@@ -68,14 +68,18 @@ tier: standard
|
|
|
68
68
|
|
|
69
69
|
```
|
|
70
70
|
URL에서 fileKey, nodeId 추출
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
71
|
+
getTree(fileKey, nodeId, depth=2) → 프레임 목록
|
|
72
|
+
|
|
73
|
+
Bash:
|
|
74
|
+
node -e "
|
|
75
|
+
import { getTree } from './dist/infra/lib/figma/index.js';
|
|
76
|
+
const tree = await getTree({ fileKey: '{fileKey}', nodeId: '{nodeId}', depth: 2 });
|
|
77
|
+
console.log(JSON.stringify(tree));
|
|
78
|
+
"
|
|
79
|
+
|
|
80
|
+
프레임 분류 (name 패턴 기반):
|
|
81
|
+
SPEC — "기능 정의서", "정책" → depth 높여서 텍스트 추출
|
|
82
|
+
CONFIG — "해상도", "브라우저" → 스케일 팩터 계산
|
|
79
83
|
SHARED — "공통", "GNB", "Footer", "Popup" → 공통 컴포넌트 파악
|
|
80
84
|
PAGE — "화면설계", "메인 -" → 섹션 목록 + 인터랙션 스펙
|
|
81
85
|
|
|
@@ -87,8 +91,8 @@ get_metadata(fileKey, nodeId) → 프레임 목록
|
|
|
87
91
|
4순위: SHARED (공통 요소, Popup) — 필요 시
|
|
88
92
|
|
|
89
93
|
높이 1500px 이상 프레임:
|
|
90
|
-
→
|
|
91
|
-
→ 또는
|
|
94
|
+
→ getScreenshot으로 시각 파악
|
|
95
|
+
→ 또는 depth 높여서 하위 분할 조회
|
|
92
96
|
```
|
|
93
97
|
|
|
94
98
|
### 1-2. 레이아웃 + 컴포넌트 구성 (코드 생성)
|
|
@@ -224,35 +228,55 @@ SCSS 파일 기본 내용 Write:
|
|
|
224
228
|
|
|
225
229
|
**각 섹션을 순서대로, 한 섹션을 완전히 완료한 후 다음으로.**
|
|
226
230
|
|
|
227
|
-
#### a.
|
|
231
|
+
#### a. 노드 트리 + CSS 추출
|
|
228
232
|
|
|
229
233
|
```
|
|
230
|
-
|
|
234
|
+
Figma REST API로 노드 트리와 CSS 속성을 직접 추출한다.
|
|
235
|
+
MCP 플러그인(get_design_context/get_metadata)은 사용하지 않는다.
|
|
236
|
+
|
|
237
|
+
Bash:
|
|
238
|
+
node -e "
|
|
239
|
+
import { getTree } from './dist/infra/lib/figma/index.js';
|
|
240
|
+
const tree = await getTree({ fileKey: '{fileKey}', nodeId: '{섹션.nodeId}', depth: 10 });
|
|
241
|
+
console.log(JSON.stringify(tree));
|
|
242
|
+
"
|
|
231
243
|
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
244
|
+
반환 (JSON):
|
|
245
|
+
{
|
|
246
|
+
nodeId, name, type, size: {width, height},
|
|
247
|
+
css: { display, flexDirection, gap, fontSize, color, ... },
|
|
248
|
+
text: "텍스트 내용" (TEXT 노드),
|
|
249
|
+
imageRef: "abc123" (이미지 fill),
|
|
250
|
+
children: [...]
|
|
251
|
+
}
|
|
237
252
|
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
253
|
+
CSS는 Figma 노드 속성에서 직접 추출 — Tailwind 역변환 불필요:
|
|
254
|
+
fills → background-color effects → box-shadow, filter
|
|
255
|
+
strokes → border style → font-family, font-size, color
|
|
256
|
+
layoutMode → display:flex itemSpacing → gap
|
|
257
|
+
padding* → padding cornerRadius → border-radius
|
|
258
|
+
|
|
259
|
+
인스턴스 내부 자식도 depth로 전부 조회 가능 (MCP 한계 해결).
|
|
241
260
|
```
|
|
242
261
|
|
|
243
262
|
#### b. 이미지 다운로드 (BLOCKING)
|
|
244
263
|
|
|
245
264
|
```
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
변수명 → 파일명: imgSnowParticle12 → snow-particle-12.webp
|
|
249
|
-
다운로드: curl -sL "{url}" -o images/{feature}/{파일명}
|
|
250
|
-
검증: ls -la → 모든 파일 존재 + 0byte 아닌지
|
|
265
|
+
트리에서 imageRef가 있는 노드를 수집 → Figma API로 다운로드.
|
|
251
266
|
|
|
252
|
-
|
|
253
|
-
|
|
267
|
+
Bash:
|
|
268
|
+
node -e "
|
|
269
|
+
import { getTree, getImages, collectImageRefs } from './dist/infra/lib/figma/index.js';
|
|
270
|
+
const tree = await getTree({ fileKey: '{fileKey}', nodeId: '{섹션.nodeId}', depth: 10 });
|
|
271
|
+
const refs = collectImageRefs(tree);
|
|
272
|
+
const result = await getImages({
|
|
273
|
+
fileKey: '{fileKey}', imageRefs: refs, outDir: 'images/{feature}/'
|
|
274
|
+
});
|
|
275
|
+
console.log(JSON.stringify(result));
|
|
276
|
+
"
|
|
254
277
|
|
|
255
|
-
|
|
278
|
+
검증: result.total = refs.size (누락 0)
|
|
279
|
+
전부 완료해야 c 단계로 진행.
|
|
256
280
|
```
|
|
257
281
|
|
|
258
282
|
#### c. 클래스 매핑 테이블 생성
|
|
@@ -262,38 +286,33 @@ SCSS 작성 전에 반드시 매핑 테이블을 먼저 출력한다.
|
|
|
262
286
|
이 테이블 없이 SCSS를 작성하지 않는다.
|
|
263
287
|
|
|
264
288
|
1. Phase 1 컴포넌트의 클래스 목록을 Read로 수집
|
|
265
|
-
2.
|
|
289
|
+
2. 트리의 name + css 속성을 분석
|
|
266
290
|
3. 매핑 테이블 출력:
|
|
267
291
|
|
|
268
|
-
|
|
269
|
-
│ Phase 1 클래스 │
|
|
270
|
-
|
|
271
|
-
│ .kidSection │ (root)
|
|
272
|
-
│ .kidBg │ BG │ absolute
|
|
273
|
-
│ .kidLoginBtn │ Btn_Login │ border shadow
|
|
274
|
-
│ .kidLoginBtnText │ (
|
|
275
|
-
│ .kidDivider │ Divider │
|
|
276
|
-
│ .kidSteamLink │ steam_account │
|
|
277
|
-
│ .kidSteamNote │ (하위
|
|
278
|
-
|
|
292
|
+
┌─────────────────────┬──────────────────┬────────────────────────────────────┐
|
|
293
|
+
│ Phase 1 클래스 │ 트리 노드 name │ 추출된 CSS 값 │
|
|
294
|
+
├─────────────────────┼──────────────────┼────────────────────────────────────┤
|
|
295
|
+
│ .kidSection │ KID (root) │ flex, column, gap:32px, pad:48px │
|
|
296
|
+
│ .kidBg │ BG │ absolute, 720x800 │
|
|
297
|
+
│ .kidLoginBtn │ Btn_Login │ flex, border, shadow, 640x148 │
|
|
298
|
+
│ .kidLoginBtnText │ (TEXT 노드) │ fontSize:36px, color:#fff, w:700 │
|
|
299
|
+
│ .kidDivider │ Divider │ 640x1 │
|
|
300
|
+
│ .kidSteamLink │ steam_account │ fontSize:24px, w:600 │
|
|
301
|
+
│ .kidSteamNote │ (하위 TEXT) │ fontSize:20px, color:#dadce3 │
|
|
302
|
+
└─────────────────────┴──────────────────┴────────────────────────────────────┘
|
|
279
303
|
|
|
280
304
|
매핑 기준:
|
|
281
|
-
|
|
282
|
-
|
|
305
|
+
name 일치 → 직접 매핑
|
|
306
|
+
name 없음 → 트리 위치/text 내용으로 판단
|
|
283
307
|
Phase 1에 없는 요소 → 클래스 신규 추가 (template에도 반영)
|
|
284
|
-
|
|
308
|
+
트리에 없는 클래스 → 스타일 없이 유지
|
|
285
309
|
```
|
|
286
310
|
|
|
287
311
|
#### d. SCSS 작성
|
|
288
312
|
|
|
289
313
|
```
|
|
290
|
-
매핑 테이블의 각
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
CSS 변수 패턴 처리:
|
|
294
|
-
font-[family-name:var(--font/family/pretendard,...)] → fallback 값 사용
|
|
295
|
-
text-[length:var(--font/size/heading/24,24px)] → 24px
|
|
296
|
-
text-[color:var(--color/grayscale/300,#dadce3)] → #dadce3
|
|
314
|
+
매핑 테이블의 각 행에 대해, 트리의 css 속성을 SCSS로 작성.
|
|
315
|
+
CSS 값은 트리에서 이미 추출되어 있으므로 변환 불필요 — 그대로 사용.
|
|
297
316
|
|
|
298
317
|
scaleFactor 적용:
|
|
299
318
|
px 값 → × scaleFactor (font-size, padding, margin, gap, width, height, border-radius)
|
|
@@ -308,7 +327,7 @@ scaleFactor 적용:
|
|
|
308
327
|
styles/{feature}/_tokens.scss
|
|
309
328
|
→ 새로 발견된 색상/폰트/스페이싱 토큰 추가
|
|
310
329
|
|
|
311
|
-
BG 레이어 패턴 (
|
|
330
|
+
BG 레이어 패턴 (트리에서 position:absolute + 이미지 fill):
|
|
312
331
|
.{section}Bg → position: absolute; inset: 0; z-index: 0;
|
|
313
332
|
.{section}Content → position: relative; z-index: 1;
|
|
314
333
|
|
|
@@ -318,14 +337,14 @@ index.scss에 새 섹션 @import 추가.
|
|
|
318
337
|
#### e. template 업데이트
|
|
319
338
|
|
|
320
339
|
```
|
|
321
|
-
Phase 1 컴포넌트의 template을
|
|
340
|
+
Phase 1 컴포넌트의 template을 트리 구조 기반으로 리팩토링.
|
|
322
341
|
script(JSDoc, 인터페이스, 목 데이터, 핸들러)는 보존.
|
|
323
342
|
|
|
324
|
-
1.
|
|
325
|
-
|
|
343
|
+
1. 트리의 HTML 구조를 프로젝트 스택으로 변환:
|
|
344
|
+
FRAME → <div>, TEXT → <p>/<span>, VECTOR/RECTANGLE with imageRef → <img>
|
|
326
345
|
|
|
327
346
|
2. 이미지 경로를 imageMap으로 교체:
|
|
328
|
-
|
|
347
|
+
imageRef "abc123" → src="/images/{feature}/abc123.png"
|
|
329
348
|
|
|
330
349
|
3. BG 레이어 구조 적용:
|
|
331
350
|
.{section}Bg div (배경) + .{section}Content div (콘텐츠)
|
|
@@ -334,7 +353,7 @@ script(JSDoc, 인터페이스, 목 데이터, 핸들러)는 보존.
|
|
|
334
353
|
v-for, @click, v-if, $emit 등을 새 구조의 적절한 위치에 배치
|
|
335
354
|
|
|
336
355
|
5. 접근성:
|
|
337
|
-
장식 이미지 → alt="" aria-hidden="true"
|
|
356
|
+
장식 이미지 (BG 내) → alt="" aria-hidden="true"
|
|
338
357
|
콘텐츠 이미지 → alt="설명적 텍스트"
|
|
339
358
|
|
|
340
359
|
컴포넌트에 <style> 블록 없음. 스타일은 전부 외부 SCSS.
|
|
@@ -344,13 +363,12 @@ script(JSDoc, 인터페이스, 목 데이터, 핸들러)는 보존.
|
|
|
344
363
|
|
|
345
364
|
```
|
|
346
365
|
Grep 체크:
|
|
347
|
-
□ "figma.com/api" in 생성 파일 → 0건
|
|
348
366
|
□ 'src=""' in 컴포넌트 파일 → 0건
|
|
349
367
|
□ "<style" in 컴포넌트 파일 → 0건
|
|
350
368
|
|
|
351
369
|
Read 체크:
|
|
352
370
|
□ 외부 SCSS 파일에 font-size, color 존재 (브라우저 기본 스타일 방지)
|
|
353
|
-
□ 이미지 파일 수 =
|
|
371
|
+
□ 이미지 파일 수 = imageRef 수 (누락 0)
|
|
354
372
|
|
|
355
373
|
실패 → 수정 → 재검증
|
|
356
374
|
```
|
|
@@ -373,13 +391,15 @@ Read 체크:
|
|
|
373
391
|
|
|
374
392
|
```
|
|
375
393
|
Grep 체크:
|
|
376
|
-
□ "figma.com/api" in 모든 생성 파일 → 0건
|
|
377
394
|
□ "<style" in components/{feature}/ → 0건
|
|
378
395
|
□ 'src=""' in components/{feature}/ → 0건
|
|
379
396
|
□ Glob: images/{feature}/ → 이미지 파일 존재
|
|
380
397
|
|
|
381
398
|
시각 검증:
|
|
382
|
-
각
|
|
399
|
+
각 섹션 스크린샷:
|
|
400
|
+
node -e "import { getScreenshot } from './dist/infra/lib/figma/index.js';
|
|
401
|
+
await getScreenshot({ fileKey: '{fileKey}', nodeId: '{nodeId}', outPath: '/tmp/{section}.png' });"
|
|
402
|
+
→ dev 서버/preview와 비교
|
|
383
403
|
P1 (필수): 이미지 누락, 레이아웃 구조 다름, 텍스트 스타일 미적용
|
|
384
404
|
P2 (권장): 미세 간격, 미세 색상 차이
|
|
385
405
|
→ P1 수정 → 재검증 (P1=0 될 때까지)
|
|
@@ -1,150 +1,124 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: vibe.figma.extract
|
|
3
|
-
description: Figma
|
|
3
|
+
description: Figma REST API로 노드 트리, CSS, 이미지 추출
|
|
4
4
|
triggers: []
|
|
5
5
|
tier: standard
|
|
6
6
|
---
|
|
7
7
|
|
|
8
8
|
# vibe.figma.extract — 데이터 추출
|
|
9
9
|
|
|
10
|
-
`
|
|
10
|
+
Figma REST API(`src/infra/lib/figma/`)를 사용하여 노드 트리, CSS, 이미지를 추출.
|
|
11
11
|
|
|
12
12
|
---
|
|
13
13
|
|
|
14
|
-
## 1.
|
|
15
|
-
|
|
16
|
-
### URL 추출
|
|
17
|
-
|
|
18
|
-
```
|
|
19
|
-
참조 코드에서 모든 에셋 URL을 수집:
|
|
20
|
-
패턴: const {변수명} = "https://www.figma.com/api/mcp/asset/{uuid}"
|
|
21
|
-
|
|
22
|
-
예:
|
|
23
|
-
const img21 = "https://www.figma.com/api/mcp/asset/76e951df-..."
|
|
24
|
-
const imgTitle = "https://www.figma.com/api/mcp/asset/f97dad41-..."
|
|
25
|
-
const imgSnowParticle12 = "https://www.figma.com/api/mcp/asset/3de2eeed-..."
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
### 파일명 결정
|
|
14
|
+
## 1. 노드 트리 + CSS 추출
|
|
29
15
|
|
|
30
16
|
```
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
17
|
+
Bash:
|
|
18
|
+
node -e "
|
|
19
|
+
import { getTree } from './dist/infra/lib/figma/index.js';
|
|
20
|
+
const tree = await getTree({ fileKey: '{fileKey}', nodeId: '{nodeId}', depth: 10 });
|
|
21
|
+
console.log(JSON.stringify(tree));
|
|
22
|
+
"
|
|
23
|
+
|
|
24
|
+
반환 (FigmaNode JSON):
|
|
25
|
+
{
|
|
26
|
+
nodeId: "641:78152",
|
|
27
|
+
name: "KID",
|
|
28
|
+
type: "INSTANCE",
|
|
29
|
+
size: { width: 720, height: 487 },
|
|
30
|
+
css: { display: "flex", flexDirection: "column", gap: "32px", ... },
|
|
31
|
+
text: "텍스트 내용" (TEXT 노드만),
|
|
32
|
+
imageRef: "abc123" (이미지 fill이 있는 노드만),
|
|
33
|
+
children: [...]
|
|
34
|
+
}
|
|
41
35
|
```
|
|
42
|
-
for each (변수명, url) in assets:
|
|
43
|
-
Bash: curl -sL "{url}" -o public/images/{feature}/{파일명}.webp
|
|
44
36
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
37
|
+
### Figma 속성 → CSS 변환표
|
|
38
|
+
|
|
39
|
+
도구가 자동으로 변환하는 속성:
|
|
40
|
+
|
|
41
|
+
| Figma 속성 | CSS | 스케일 적용 |
|
|
42
|
+
|-----------|-----|-----------|
|
|
43
|
+
| `fills[].color` | `background-color` | ❌ |
|
|
44
|
+
| `fills[].type=IMAGE` | `imageRef` (다운로드 대상) | — |
|
|
45
|
+
| `strokes[].color` + `strokeWeight` | `border` | ✅ (width만) |
|
|
46
|
+
| `effects[].DROP_SHADOW` | `box-shadow` | ✅ (px만) |
|
|
47
|
+
| `effects[].LAYER_BLUR` | `filter: blur()` | ✅ |
|
|
48
|
+
| `effects[].BACKGROUND_BLUR` | `backdrop-filter: blur()` | ✅ |
|
|
49
|
+
| `cornerRadius` | `border-radius` | ✅ |
|
|
50
|
+
| `opacity` | `opacity` | ❌ |
|
|
51
|
+
| `blendMode` | `mix-blend-mode` | ❌ |
|
|
52
|
+
| `style.fontFamily` | `font-family` | ❌ |
|
|
53
|
+
| `style.fontSize` | `font-size` | ✅ |
|
|
54
|
+
| `style.fontWeight` | `font-weight` | ❌ |
|
|
55
|
+
| `style.lineHeightPx` | `line-height` | ❌ (px이지만 상대값으로 취급) |
|
|
56
|
+
| `style.letterSpacing` | `letter-spacing` | ✅ |
|
|
57
|
+
| `style.textAlignHorizontal` | `text-align` | ❌ |
|
|
58
|
+
| `fills[].color` (TEXT) | `color` | ❌ |
|
|
59
|
+
| `characters` | 텍스트 내용 | — |
|
|
60
|
+
| `absoluteBoundingBox.width/height` | `width/height` | ✅ |
|
|
61
|
+
| `layoutMode=VERTICAL` | `display:flex; flex-direction:column` | ❌ |
|
|
62
|
+
| `layoutMode=HORIZONTAL` | `display:flex; flex-direction:row` | ❌ |
|
|
63
|
+
| `primaryAxisAlignItems` | `justify-content` | ❌ |
|
|
64
|
+
| `counterAxisAlignItems` | `align-items` | ❌ |
|
|
65
|
+
| `itemSpacing` | `gap` | ✅ |
|
|
66
|
+
| `padding*` | `padding` | ✅ |
|
|
67
|
+
| `clipsContent` | `overflow: hidden` | ❌ |
|
|
68
|
+
| `layoutPositioning=ABSOLUTE` | `position: absolute` | ❌ |
|
|
50
69
|
|
|
51
|
-
|
|
70
|
+
---
|
|
52
71
|
|
|
53
|
-
|
|
54
|
-
스크린샷에 보이는 이미지가 참조 코드에 에셋 URL로 없을 때:
|
|
72
|
+
## 2. 이미지 다운로드
|
|
55
73
|
|
|
56
|
-
1. get_metadata(섹션 nodeId)로 하위 노드 목록 확보
|
|
57
|
-
2. 이미지로 의심되는 하위 nodeId에 get_design_context 재호출
|
|
58
|
-
→ 에셋 URL 발견 시 다운로드
|
|
59
|
-
3. 그래도 없으면 → get_screenshot(해당 nodeId)으로 이미지 직접 저장
|
|
60
74
|
```
|
|
75
|
+
트리에서 imageRef 수집 → Figma API로 다운로드:
|
|
61
76
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
77
|
+
Bash:
|
|
78
|
+
node -e "
|
|
79
|
+
import { getTree, getImages, collectImageRefs } from './dist/infra/lib/figma/index.js';
|
|
80
|
+
const tree = await getTree({ fileKey: '{fileKey}', nodeId: '{nodeId}', depth: 10 });
|
|
81
|
+
const refs = collectImageRefs(tree);
|
|
82
|
+
const result = await getImages({ fileKey: '{fileKey}', imageRefs: refs, outDir: '{outDir}' });
|
|
83
|
+
console.log(JSON.stringify(result));
|
|
84
|
+
"
|
|
66
85
|
|
|
67
|
-
|
|
68
|
-
img21: '/images/{feature}/img-21.webp',
|
|
69
|
-
imgTitle: '/images/{feature}/title.webp',
|
|
70
|
-
imgSnowParticle12: '/images/{feature}/snow-particle-12.webp',
|
|
71
|
-
...
|
|
72
|
-
}
|
|
86
|
+
반환: { total: N, images: { "imageRef": "/path/to/file.png", ... } }
|
|
73
87
|
|
|
74
|
-
|
|
88
|
+
파일명: imageRef 앞 16자 + .png
|
|
89
|
+
검증: total = refs.size (누락 0), 0byte 파일 없음
|
|
75
90
|
```
|
|
76
91
|
|
|
77
92
|
---
|
|
78
93
|
|
|
79
|
-
##
|
|
80
|
-
|
|
81
|
-
### Tailwind → CSS 변환표
|
|
82
|
-
|
|
83
|
-
참조 코드의 Tailwind 클래스에서 CSS 속성 + 값을 추출:
|
|
84
|
-
|
|
85
|
-
| Tailwind | CSS | 스케일 적용 |
|
|
86
|
-
|----------|-----|-----------|
|
|
87
|
-
| `text-[48px]` | `font-size: 48px` | ✅ × scaleFactor |
|
|
88
|
-
| `text-[#1B3A1D]` | `color: #1B3A1D` | ❌ |
|
|
89
|
-
| `font-black` | `font-weight: 900` | ❌ |
|
|
90
|
-
| `font-bold` | `font-weight: 700` | ❌ |
|
|
91
|
-
| `font-semibold` | `font-weight: 600` | ❌ |
|
|
92
|
-
| `font-medium` | `font-weight: 500` | ❌ |
|
|
93
|
-
| `leading-[1.4]` | `line-height: 1.4` | ❌ (단위 없음) |
|
|
94
|
-
| `tracking-[-0.36px]` | `letter-spacing: -0.36px` | ✅ |
|
|
95
|
-
| `bg-[#0A1628]` | `background-color: #0A1628` | ❌ |
|
|
96
|
-
| `bg-[rgba(13,40,61,0.5)]` | `background: rgba(13,40,61,0.5)` | ❌ |
|
|
97
|
-
| `pt-[120px]` | `padding-top: 120px` | ✅ |
|
|
98
|
-
| `gap-[24px]` | `gap: 24px` | ✅ |
|
|
99
|
-
| `rounded-[12px]` | `border-radius: 12px` | ✅ |
|
|
100
|
-
| `shadow-[...]` | `box-shadow: ...` | 부분 (px만) |
|
|
101
|
-
| `w-[720px]` | `width: 720px` | ✅ |
|
|
102
|
-
| `h-[1280px]` | `height: 1280px` | ✅ |
|
|
103
|
-
| `opacity-40` | `opacity: 0.4` | ❌ |
|
|
104
|
-
| `blur-[3.5px]` | `filter: blur(3.5px)` | ✅ |
|
|
105
|
-
| `mix-blend-lighten` | `mix-blend-mode: lighten` | ❌ |
|
|
106
|
-
| `mix-blend-multiply` | `mix-blend-mode: multiply` | ❌ |
|
|
107
|
-
| `overflow-clip` | `overflow: clip` | ❌ |
|
|
108
|
-
| `absolute` | `position: absolute` | ❌ |
|
|
109
|
-
| `relative` | `position: relative` | ❌ |
|
|
110
|
-
| `inset-0` | `inset: 0` | ❌ |
|
|
111
|
-
| `flex` | `display: flex` | ❌ |
|
|
112
|
-
| `flex-col` | `flex-direction: column` | ❌ |
|
|
113
|
-
| `items-center` | `align-items: center` | ❌ |
|
|
114
|
-
| `justify-center` | `justify-content: center` | ❌ |
|
|
115
|
-
| `object-cover` | `object-fit: cover` | ❌ |
|
|
116
|
-
| `object-contain` | `object-fit: contain` | ❌ |
|
|
117
|
-
| `whitespace-nowrap` | `white-space: nowrap` | ❌ |
|
|
118
|
-
| `text-center` | `text-align: center` | ❌ |
|
|
119
|
-
| `text-white` | `color: #FFFFFF` | ❌ |
|
|
120
|
-
| `size-full` | `width: 100%; height: 100%` | ❌ |
|
|
121
|
-
| `max-w-none` | `max-width: none` | ❌ |
|
|
122
|
-
| `pointer-events-none` | `pointer-events: none` | ❌ |
|
|
123
|
-
|
|
124
|
-
### CSS 변수 패턴
|
|
94
|
+
## 3. 스크린샷
|
|
125
95
|
|
|
126
96
|
```
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
97
|
+
Bash:
|
|
98
|
+
node -e "
|
|
99
|
+
import { getScreenshot } from './dist/infra/lib/figma/index.js';
|
|
100
|
+
await getScreenshot({ fileKey: '{fileKey}', nodeId: '{nodeId}', outPath: '{path}' });
|
|
101
|
+
"
|
|
131
102
|
|
|
132
|
-
|
|
133
|
-
→ CSS 변수명은 프로젝트 토큰 네이밍에 참고.
|
|
103
|
+
시각 검증용. 노드를 PNG로 렌더링하여 저장.
|
|
134
104
|
```
|
|
135
105
|
|
|
136
106
|
---
|
|
137
107
|
|
|
138
|
-
##
|
|
108
|
+
## 4. 노드 구조 참조
|
|
139
109
|
|
|
140
110
|
```
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
111
|
+
트리의 name 속성으로 레이어 용도 파악:
|
|
112
|
+
name="BG" → 배경 레이어 (position:absolute, imageRef 포함)
|
|
113
|
+
name="Contents" → 콘텐츠 영역
|
|
114
|
+
name="Title" → 제목
|
|
115
|
+
name="Step1", "Step2" → 하위 섹션
|
|
116
|
+
name="Btn_Login" → 버튼
|
|
117
|
+
|
|
118
|
+
type으로 노드 종류 구분:
|
|
119
|
+
FRAME → 컨테이너 (div)
|
|
120
|
+
TEXT → 텍스트 (p/span)
|
|
121
|
+
INSTANCE → 컴포넌트 인스턴스 (자식 있음)
|
|
122
|
+
RECTANGLE/VECTOR with imageRef → 이미지 (img)
|
|
123
|
+
GROUP → 그룹 (div)
|
|
150
124
|
```
|