@astryxdesign/cli 0.1.4-canary.cb78dd0 → 0.1.4-canary.cb964b6
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/CHANGELOG.md +1 -2
- package/package.json +9 -14
- package/src/api/component.mjs +1 -2
- package/src/api/doctor.mjs +2 -13
- package/src/api/template.mjs +3 -14
- package/src/codemods/__tests__/runner.test.mjs +0 -38
- package/src/codemods/runner.mjs +0 -2
- package/src/commands/agent-docs.mjs +6 -9
- package/src/commands/agent-docs.test.mjs +0 -33
- package/src/commands/build-theme.mjs +13 -110
- package/src/commands/component-resolution.test.mjs +4 -4
- package/src/commands/doctor.test.mjs +0 -34
- package/src/commands/init.mjs +1 -1
- package/src/lib/component-discovery.mjs +4 -8
- package/templates/blocks/components/CommandPaletteGroup/CommandPaletteGroupShowcase.tsx +48 -27
- package/templates/blocks/components/CommandPaletteItem/CommandPaletteItemShowcase.tsx +54 -31
- package/templates/pages/table-page-chart/page.tsx +13 -3
- package/templates/pages/table-page-shoe-store-heatmap/page.tsx +18 -4
- package/src/commands/build-theme.variants.test.mjs +0 -204
- package/templates/blocks/components/BaseTypeahead/BaseTypeaheadCustomSearch.doc.mjs +0 -14
- package/templates/blocks/components/BaseTypeahead/BaseTypeaheadCustomSearch.tsx +0 -58
- package/templates/blocks/components/CodeBlock/CodeBlockTerminal.doc.mjs +0 -14
- package/templates/blocks/components/CodeBlock/CodeBlockTerminal.tsx +0 -24
- package/templates/blocks/components/Collapsible/CollapsibleDividedAccordion.doc.mjs +0 -13
- package/templates/blocks/components/Collapsible/CollapsibleDividedAccordion.tsx +0 -33
- package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputBasic.doc.mjs +0 -15
- package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputBasic.tsx +0 -39
- package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputShowcase.doc.mjs +0 -15
- package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputShowcase.tsx +0 -39
- package/templates/blocks/components/CommandPaletteList/CommandPaletteListBasic.doc.mjs +0 -15
- package/templates/blocks/components/CommandPaletteList/CommandPaletteListBasic.tsx +0 -27
- package/templates/blocks/components/CommandPaletteList/CommandPaletteListShowcase.doc.mjs +0 -15
- package/templates/blocks/components/CommandPaletteList/CommandPaletteListShowcase.tsx +0 -38
- package/templates/blocks/components/ContextMenuItem/ContextMenuItemBasic.doc.mjs +0 -14
- package/templates/blocks/components/ContextMenuItem/ContextMenuItemBasic.tsx +0 -44
- package/templates/blocks/components/ContextMenuItem/ContextMenuItemShowcase.doc.mjs +0 -15
- package/templates/blocks/components/ContextMenuItem/ContextMenuItemShowcase.tsx +0 -107
- package/templates/blocks/components/NavHeadingMenu/NavHeadingMenuShowcase.doc.mjs +0 -15
- package/templates/blocks/components/NavHeadingMenu/NavHeadingMenuShowcase.tsx +0 -47
package/CHANGELOG.md
CHANGED
|
@@ -36,7 +36,7 @@ Thanks to everyone who contributed to this release:
|
|
|
36
36
|
- Strict config + integration v1 schema (integrations, issuesUrl, hooks.postCodemod) and new @astryxdesign/cli/integration export.
|
|
37
37
|
- File-based codemod API (createCodemod/createConfigCodemod) with the @astryxdesign/cli/codemod export and integration codemod discovery in upgrade.
|
|
38
38
|
- component, template, and upgrade now print a one-line non-blocking warning when a configured integration has validation issues, pointing to validate-integration.
|
|
39
|
-
- Add a Kanban Board page template: color-coded status columns, draggable task cards with priority tags, and board toolbar.
|
|
39
|
+
- Add a Kanban Board page template: color-coded status columns, draggable task cards with priority tags, and board toolbar.
|
|
40
40
|
- Add frame-first layout guidance: new `astryx docs layout` topic (shell choice, region budgets, app archetypes, cards-vs-rows policy, responsive contracts), layout rules in the generated agent cheat sheet, and layout anti-patterns in `docs principles`.
|
|
41
41
|
- Add a v0.1.3 config codemod that migrates astryx.config layout.components to experimental.xle.components.
|
|
42
42
|
- Add v0.1.0 codemods for migrating `declare module "@xds/core/..."` type augmentations and `.xds-*` / `[data-xds-theme]` / `@layer xds-theme` CSS surfaces to their `@astryxdesign`/`astryx-*` equivalents.
|
|
@@ -80,7 +80,6 @@ Thanks to everyone who contributed to this release:
|
|
|
80
80
|
Thanks to everyone who contributed to this release:
|
|
81
81
|
|
|
82
82
|
- @AKnassa
|
|
83
|
-
- @cg-hub18
|
|
84
83
|
- @ejhammond
|
|
85
84
|
- @ernestt
|
|
86
85
|
- @harshavardhan194
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astryxdesign/cli",
|
|
3
|
-
"version": "0.1.4-canary.
|
|
3
|
+
"version": "0.1.4-canary.cb964b6",
|
|
4
4
|
"displayName": "CLI",
|
|
5
5
|
"description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
|
|
6
6
|
"author": "Meta Open Source",
|
|
@@ -75,16 +75,12 @@
|
|
|
75
75
|
"zod": "^4.4.3"
|
|
76
76
|
},
|
|
77
77
|
"peerDependencies": {
|
|
78
|
-
"@astryxdesign/
|
|
79
|
-
"@astryxdesign/
|
|
80
|
-
"@astryxdesign/
|
|
81
|
-
"
|
|
82
|
-
"gpt-tokenizer": "^3.4.0"
|
|
78
|
+
"@astryxdesign/core": "0.1.4-canary.cb964b6",
|
|
79
|
+
"@astryxdesign/lab": "0.1.4-canary.cb964b6",
|
|
80
|
+
"@astryxdesign/theme-neutral": "0.1.4-canary.cb964b6",
|
|
81
|
+
"gpt-tokenizer": "^2.0.0"
|
|
83
82
|
},
|
|
84
83
|
"peerDependenciesMeta": {
|
|
85
|
-
"@astryxdesign/charts": {
|
|
86
|
-
"optional": true
|
|
87
|
-
},
|
|
88
84
|
"@astryxdesign/core": {
|
|
89
85
|
"optional": true
|
|
90
86
|
},
|
|
@@ -96,11 +92,10 @@
|
|
|
96
92
|
}
|
|
97
93
|
},
|
|
98
94
|
"devDependencies": {
|
|
99
|
-
"@astryxdesign/
|
|
100
|
-
"@astryxdesign/
|
|
101
|
-
"@astryxdesign/
|
|
102
|
-
"
|
|
103
|
-
"gpt-tokenizer": "^3.4.0"
|
|
95
|
+
"@astryxdesign/core": "0.1.4-canary.cb964b6",
|
|
96
|
+
"@astryxdesign/lab": "0.1.4-canary.cb964b6",
|
|
97
|
+
"@astryxdesign/theme-neutral": "0.1.4-canary.cb964b6",
|
|
98
|
+
"gpt-tokenizer": "^2.0.0"
|
|
104
99
|
},
|
|
105
100
|
"scripts": {
|
|
106
101
|
"astryx": "node bin/astryx.mjs",
|
package/src/api/component.mjs
CHANGED
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
import * as fs from 'node:fs';
|
|
11
|
-
import * as path from 'node:path';
|
|
12
11
|
import {ERROR_CODES} from '../lib/error-codes.mjs';
|
|
13
12
|
import {findCoreDir, discoverExternalPackages} from '../utils/paths.mjs';
|
|
14
13
|
import {
|
|
@@ -561,7 +560,7 @@ export async function component(name, options = {}) {
|
|
|
561
560
|
|
|
562
561
|
// Examples: blocks in the component's own directory, or
|
|
563
562
|
// componentsUsed match for sub-components without a directory.
|
|
564
|
-
const ownDir = allBlocks.filter(b =>
|
|
563
|
+
const ownDir = allBlocks.filter(b => b.category.split('/').pop() === dirName);
|
|
565
564
|
const examples = ownDir.length > 0
|
|
566
565
|
? ownDir
|
|
567
566
|
: allBlocks.filter(b => b.componentsUsed?.some(c => c === dirName));
|
package/src/api/doctor.mjs
CHANGED
|
@@ -115,21 +115,10 @@ function findThemePackages(cwd) {
|
|
|
115
115
|
return found;
|
|
116
116
|
}
|
|
117
117
|
for (const entry of entries) {
|
|
118
|
+
if (!entry.isDirectory()) continue;
|
|
118
119
|
if (!entry.name.startsWith('theme-')) continue;
|
|
119
|
-
const dir = path.join(scopeDir, entry.name);
|
|
120
|
-
// pnpm installs packages as symlinks into node_modules/.pnpm, and a
|
|
121
|
-
// symlink dirent reports isDirectory() as false — stat the target instead.
|
|
122
|
-
let isDir = entry.isDirectory();
|
|
123
|
-
if (!isDir && entry.isSymbolicLink()) {
|
|
124
|
-
try {
|
|
125
|
-
isDir = fs.statSync(dir).isDirectory();
|
|
126
|
-
} catch {
|
|
127
|
-
isDir = false;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
if (!isDir) continue;
|
|
131
120
|
const name = `@astryxdesign/${entry.name}`;
|
|
132
|
-
found.push({name, version: pkgVersion(
|
|
121
|
+
found.push({name, version: pkgVersion(path.join(scopeDir, entry.name))});
|
|
133
122
|
}
|
|
134
123
|
return found;
|
|
135
124
|
}
|
package/src/api/template.mjs
CHANGED
|
@@ -63,17 +63,6 @@ const DEMO_IMAGE_PATTERNS = [
|
|
|
63
63
|
/https?:\/\/(?:[\w-]+\.)*lookaside\.facebook\.com\/[^\s'"`)]+/g,
|
|
64
64
|
];
|
|
65
65
|
|
|
66
|
-
/**
|
|
67
|
-
* Normalize path into Unix path (using forward slashes) for consistent comparison
|
|
68
|
-
* across Windows, macOS, and Linux.
|
|
69
|
-
*
|
|
70
|
-
* @param {string} p - The file path to normalize.
|
|
71
|
-
* @returns {string} The normalized Unix path.
|
|
72
|
-
*/
|
|
73
|
-
function toPosixPath(p) {
|
|
74
|
-
return p.replace(/\\/g, '/');
|
|
75
|
-
}
|
|
76
|
-
|
|
77
66
|
/**
|
|
78
67
|
* Replace demo image references with a self-contained placeholder data URI so
|
|
79
68
|
* scaffolded pages render with zero setup. Builders drop in their own images.
|
|
@@ -155,7 +144,7 @@ async function discoverBlocks() {
|
|
|
155
144
|
const tsxPath = path.join(path.dirname(docPath), basename + '.tsx');
|
|
156
145
|
if (!fs.existsSync(tsxPath)) continue;
|
|
157
146
|
const doc = await loadDocModule(docPath);
|
|
158
|
-
const relPath =
|
|
147
|
+
const relPath = path.relative(BLOCKS_DIR, path.dirname(docPath));
|
|
159
148
|
blocks.push({
|
|
160
149
|
type: 'block',
|
|
161
150
|
dirName: basename,
|
|
@@ -191,7 +180,7 @@ async function discoverExternalBlocks(cwd = process.cwd()) {
|
|
|
191
180
|
const tsxPath = path.join(path.dirname(docPath), basename + '.tsx');
|
|
192
181
|
if (!fs.existsSync(tsxPath)) continue;
|
|
193
182
|
const doc = await loadDocModule(docPath);
|
|
194
|
-
const relPath =
|
|
183
|
+
const relPath = path.relative(ext.blocksDir, path.dirname(docPath));
|
|
195
184
|
blocks.push({
|
|
196
185
|
type: 'block',
|
|
197
186
|
dirName: basename,
|
|
@@ -439,7 +428,7 @@ export async function findShowcase(componentName, cwd, options) {
|
|
|
439
428
|
|
|
440
429
|
// Priority 1: own directory (components/Badge/ for "Badge")
|
|
441
430
|
const dirMatch = showcases.find(b => {
|
|
442
|
-
const catDir =
|
|
431
|
+
const catDir = b.category.split('/').pop()?.toLowerCase();
|
|
443
432
|
return catDir === lc;
|
|
444
433
|
});
|
|
445
434
|
if (dirMatch) return toResult(dirMatch);
|
|
@@ -99,43 +99,5 @@ describe('runCodemods — unified config codemod path', () => {
|
|
|
99
99
|
expect(fs.readFileSync(path.join(srcDir, 'a.ts'), 'utf-8')).toContain(
|
|
100
100
|
'const bar = 1',
|
|
101
101
|
);
|
|
102
|
-
// writtenFiles must be returned (consumed by upgrade.mjs to run the
|
|
103
|
-
// post-codemod formatting/lint hooks). Regression guard: it was previously
|
|
104
|
-
// built internally but omitted from the return object, so hooks received an
|
|
105
|
-
// empty file list and silently skipped, leaving codemod output unformatted.
|
|
106
|
-
expect(result.writtenFiles).toEqual([path.join(srcDir, 'a.ts')]);
|
|
107
|
-
});
|
|
108
|
-
|
|
109
|
-
it('returns writtenFiles for every changed file (post-codemod hook input)', async () => {
|
|
110
|
-
const srcDir = path.join(tmpDir, 'src');
|
|
111
|
-
fs.mkdirSync(srcDir);
|
|
112
|
-
fs.writeFileSync(path.join(srcDir, 'a.ts'), 'const foo = 1;\n');
|
|
113
|
-
fs.writeFileSync(path.join(srcDir, 'b.ts'), 'const foo = 2;\n');
|
|
114
|
-
fs.writeFileSync(path.join(srcDir, 'c.ts'), 'const untouched = 3;\n');
|
|
115
|
-
|
|
116
|
-
const versionManifests = [
|
|
117
|
-
{
|
|
118
|
-
version: '0.1.3',
|
|
119
|
-
transforms: [
|
|
120
|
-
{
|
|
121
|
-
name: 'synthetic-code-codemod',
|
|
122
|
-
meta: {title: 'Synthetic code codemod'},
|
|
123
|
-
transform: file => file.source.replace(/foo/g, 'bar'),
|
|
124
|
-
},
|
|
125
|
-
],
|
|
126
|
-
},
|
|
127
|
-
];
|
|
128
|
-
|
|
129
|
-
const result = await runCodemods(versionManifests, {
|
|
130
|
-
apply: true,
|
|
131
|
-
path: './src',
|
|
132
|
-
silent: true,
|
|
133
|
-
});
|
|
134
|
-
|
|
135
|
-
expect(result.totalFilesChanged).toBe(2);
|
|
136
|
-
// Only the two files that actually changed are reported (not c.ts).
|
|
137
|
-
expect([...result.writtenFiles].sort()).toEqual(
|
|
138
|
-
[path.join(srcDir, 'a.ts'), path.join(srcDir, 'b.ts')].sort(),
|
|
139
|
-
);
|
|
140
102
|
});
|
|
141
103
|
});
|
package/src/codemods/runner.mjs
CHANGED
|
@@ -178,7 +178,6 @@ function toUnifiedEntry(transformEntry, version) {
|
|
|
178
178
|
* @param {string|undefined} options.codemod - Run only this specific transform
|
|
179
179
|
* @param {Set<string>} [options.skipCodemods] - Transform names to exclude
|
|
180
180
|
* @param {boolean} [options.silent] - Suppress all human-facing output (for --json)
|
|
181
|
-
* @returns {{totalFilesChanged: number, totalTransformsApplied: number, totalValidationBlocked: number, writtenFiles: string[], errors: Array, skippedOptional: Array}}
|
|
182
181
|
*/
|
|
183
182
|
export async function runCodemods(
|
|
184
183
|
versionManifests,
|
|
@@ -406,7 +405,6 @@ export async function runCodemods(
|
|
|
406
405
|
totalFilesChanged,
|
|
407
406
|
totalTransformsApplied,
|
|
408
407
|
totalValidationBlocked,
|
|
409
|
-
writtenFiles,
|
|
410
408
|
errors,
|
|
411
409
|
skippedOptional,
|
|
412
410
|
};
|
|
@@ -9,12 +9,11 @@
|
|
|
9
9
|
* - Claude Code: CLAUDE.md (root) or .claude/CLAUDE.md
|
|
10
10
|
* - Cursor: .cursorrules
|
|
11
11
|
* - Codex/generic: AGENTS.md
|
|
12
|
-
* - Hermes Agent: .hermes.md or HERMES.md (existing), else AGENTS.md
|
|
13
12
|
*
|
|
14
13
|
* Auto-detect: discovers existing files and updates them in place.
|
|
15
14
|
* Default (no existing files): creates .claude/CLAUDE.md.
|
|
16
15
|
*
|
|
17
|
-
* --agent <tool>: target a specific tool preset (claude, cursor, codex,
|
|
16
|
+
* --agent <tool>: target a specific tool preset (claude, cursor, codex, all)
|
|
18
17
|
* --agent-docs-path <path>: explicit file path(s)
|
|
19
18
|
*/
|
|
20
19
|
|
|
@@ -30,8 +29,7 @@ import {ERROR_CODES} from '../lib/error-codes.mjs';
|
|
|
30
29
|
|
|
31
30
|
const AGENTS_MD = 'AGENTS.md';
|
|
32
31
|
const CLAUDE_MD = 'CLAUDE.md';
|
|
33
|
-
const CLAUDE_DIR_MD = '.claude
|
|
34
|
-
|
|
32
|
+
const CLAUDE_DIR_MD = path.join('.claude', 'CLAUDE.md');
|
|
35
33
|
|
|
36
34
|
const MARKER_START = '<!-- ASTRYX:START -->';
|
|
37
35
|
const MARKER_END = '<!-- ASTRYX:END -->';
|
|
@@ -47,7 +45,6 @@ const AGENT_PRESETS = {
|
|
|
47
45
|
claude: [CLAUDE_MD, CLAUDE_DIR_MD],
|
|
48
46
|
cursor: ['.cursorrules', AGENTS_MD],
|
|
49
47
|
codex: [AGENTS_MD],
|
|
50
|
-
hermes: ['.hermes.md', 'HERMES.md', AGENTS_MD],
|
|
51
48
|
};
|
|
52
49
|
|
|
53
50
|
/**
|
|
@@ -66,7 +63,7 @@ export function discoverAgentDocs(targetDir) {
|
|
|
66
63
|
* Searches for existing files first, falls back to default creation path.
|
|
67
64
|
*
|
|
68
65
|
* @param {string} targetDir
|
|
69
|
-
* @param {string} agent - Preset name: 'claude', 'cursor', 'codex', '
|
|
66
|
+
* @param {string} agent - Preset name: 'claude', 'cursor', 'codex', 'all'
|
|
70
67
|
* @returns {{inject: string[], create: string[]}} Files to inject into vs create fresh
|
|
71
68
|
*/
|
|
72
69
|
export function resolveAgentPaths(targetDir, agent) {
|
|
@@ -388,7 +385,7 @@ export function removeAgentDocs(targetDir) {
|
|
|
388
385
|
* @param {object} [options]
|
|
389
386
|
* @param {boolean} [options.zh]
|
|
390
387
|
* @param {string} [options.lang]
|
|
391
|
-
* @param {string} [options.agent] - Tool preset: 'claude', 'cursor', 'codex', '
|
|
388
|
+
* @param {string} [options.agent] - Tool preset: 'claude', 'cursor', 'codex', 'all'
|
|
392
389
|
* @param {string[]} [options.paths] - Explicit paths (overrides agent/auto-detect)
|
|
393
390
|
* @param {boolean} [options.onlyReplace] - Only update files that already have Astryx markers (for upgrades)
|
|
394
391
|
* @returns {string[]} List of files written
|
|
@@ -470,14 +467,14 @@ export function installAgentDocs(targetDir, {zh = false, lang, agent, paths, onl
|
|
|
470
467
|
return written;
|
|
471
468
|
}
|
|
472
469
|
|
|
473
|
-
const VALID_AGENTS = ['claude', 'cursor', 'codex', '
|
|
470
|
+
const VALID_AGENTS = ['claude', 'cursor', 'codex', 'all'];
|
|
474
471
|
|
|
475
472
|
export function registerAgentDocs(program) {
|
|
476
473
|
program
|
|
477
474
|
.command('agent-docs')
|
|
478
475
|
.description('Install/update the component index for AI coding agents')
|
|
479
476
|
.option('--remove', 'Remove the design system section from all agent doc files')
|
|
480
|
-
.option('--agent <tool>', 'Target tool: claude, cursor, codex,
|
|
477
|
+
.option('--agent <tool>', 'Target tool: claude, cursor, codex, all')
|
|
481
478
|
.option('--agent-docs-path <path...>', 'Explicit file path(s) to write to')
|
|
482
479
|
.action(options => {
|
|
483
480
|
const targetDir = process.cwd();
|
|
@@ -449,17 +449,6 @@ describe('installAgentDocs', () => {
|
|
|
449
449
|
expect(fs.existsSync(path.join(tmpDir, 'AGENTS.md'))).toBe(true);
|
|
450
450
|
});
|
|
451
451
|
|
|
452
|
-
it('respects --agent hermes preset: creates AGENTS.md', () => {
|
|
453
|
-
setupCorePackage(tmpDir);
|
|
454
|
-
|
|
455
|
-
const written = installAgentDocs(tmpDir, {agent: 'hermes'});
|
|
456
|
-
|
|
457
|
-
expect(written).toEqual(['AGENTS.md']);
|
|
458
|
-
const content = fs.readFileSync(path.join(tmpDir, 'AGENTS.md'), 'utf-8');
|
|
459
|
-
expect(content).toContain('<!-- ASTRYX:START -->');
|
|
460
|
-
expect(fs.existsSync(path.join(tmpDir, '.claude'))).toBe(false);
|
|
461
|
-
});
|
|
462
|
-
|
|
463
452
|
it('respects explicit --paths', () => {
|
|
464
453
|
setupCorePackage(tmpDir);
|
|
465
454
|
|
|
@@ -559,26 +548,4 @@ describe('resolveAgentPaths', () => {
|
|
|
559
548
|
expect(result.create).toContain('AGENTS.md');
|
|
560
549
|
expect(result.create).toContain('.claude/CLAUDE.md');
|
|
561
550
|
});
|
|
562
|
-
|
|
563
|
-
it('hermes preset creates AGENTS.md when nothing exists', () => {
|
|
564
|
-
const result = resolveAgentPaths(tmpDir, 'hermes');
|
|
565
|
-
expect(result).toEqual({inject: [], create: ['AGENTS.md']});
|
|
566
|
-
});
|
|
567
|
-
|
|
568
|
-
it('hermes preset finds existing .hermes.md', () => {
|
|
569
|
-
fs.writeFileSync(path.join(tmpDir, '.hermes.md'), '');
|
|
570
|
-
const result = resolveAgentPaths(tmpDir, 'hermes');
|
|
571
|
-
expect(result).toEqual({inject: ['.hermes.md'], create: []});
|
|
572
|
-
});
|
|
573
|
-
|
|
574
|
-
it('hermes preset finds existing HERMES.md when no .hermes.md', () => {
|
|
575
|
-
fs.writeFileSync(path.join(tmpDir, 'HERMES.md'), '');
|
|
576
|
-
const result = resolveAgentPaths(tmpDir, 'hermes');
|
|
577
|
-
expect(result).toEqual({inject: ['HERMES.md'], create: []});
|
|
578
|
-
});
|
|
579
|
-
|
|
580
|
-
it('claude preset still creates .claude/CLAUDE.md when nothing exists (hermes is additive)', () => {
|
|
581
|
-
const result = resolveAgentPaths(tmpDir, 'claude');
|
|
582
|
-
expect(result).toEqual({inject: [], create: ['.claude/CLAUDE.md']});
|
|
583
|
-
});
|
|
584
551
|
});
|
|
@@ -175,85 +175,14 @@ async function getKnownValues(componentName) {
|
|
|
175
175
|
return _knownValuesCache.get(componentName);
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
/**
|
|
179
|
-
* Resolve `@astryxdesign/core`'s package root relative to the CLI package. Core
|
|
180
|
-
* and the CLI ship as siblings (`@astryxdesign/core`, `@astryxdesign/cli`), so
|
|
181
|
-
* `../../../core` from `src/commands/` reaches core whether installed from npm
|
|
182
|
-
* or run inside the monorepo. Returns null if it can't be found.
|
|
183
|
-
*/
|
|
184
|
-
function resolveCoreRoot() {
|
|
185
|
-
const cliDir = path.dirname(fileURLToPath(import.meta.url));
|
|
186
|
-
const coreRoot = path.resolve(cliDir, '../../../core');
|
|
187
|
-
return fs.existsSync(coreRoot) ? coreRoot : null;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
/**
|
|
191
|
-
* Read the type declarations `@astryxdesign/core/<Component>` exposes so we can
|
|
192
|
-
* check whether a given augmentation-target interface actually exists before
|
|
193
|
-
* generating a module augmentation against it.
|
|
194
|
-
*
|
|
195
|
-
* Reads the shipped `dist/<Component>/index.d.ts` (what a consumer's TypeScript
|
|
196
|
-
* actually sees), falling back to the `src/<Component>/index.ts` in the
|
|
197
|
-
* monorepo. Returns the file contents, or '' if nothing is found.
|
|
198
|
-
*/
|
|
199
|
-
const _componentDeclCache = new Map();
|
|
200
|
-
function readComponentDeclarations(pascalName) {
|
|
201
|
-
if (_componentDeclCache.has(pascalName)) {
|
|
202
|
-
return _componentDeclCache.get(pascalName);
|
|
203
|
-
}
|
|
204
|
-
let contents = '';
|
|
205
|
-
const coreRoot = resolveCoreRoot();
|
|
206
|
-
if (coreRoot) {
|
|
207
|
-
const candidates = [
|
|
208
|
-
path.join(coreRoot, 'dist', pascalName, 'index.d.ts'),
|
|
209
|
-
path.join(coreRoot, 'src', pascalName, 'index.ts'),
|
|
210
|
-
];
|
|
211
|
-
for (const file of candidates) {
|
|
212
|
-
try {
|
|
213
|
-
if (fs.existsSync(file)) {
|
|
214
|
-
contents = fs.readFileSync(file, 'utf-8');
|
|
215
|
-
break;
|
|
216
|
-
}
|
|
217
|
-
} catch {
|
|
218
|
-
// ignore and try the next candidate
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
_componentDeclCache.set(pascalName, contents);
|
|
223
|
-
return contents;
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
/**
|
|
227
|
-
* Determine whether `@astryxdesign/core/<Component>` exports an interface named
|
|
228
|
-
* `interfaceName` that can be augmented via module augmentation.
|
|
229
|
-
*
|
|
230
|
-
* Only interfaces are extension points — closed literal-union types (e.g.
|
|
231
|
-
* `HeadingType`, `ButtonSize`) are NOT augmentable, so a generated augmentation
|
|
232
|
-
* against them is dead code. We check that the name is exported (directly or
|
|
233
|
-
* re-exported) as a type/interface.
|
|
234
|
-
*/
|
|
235
|
-
function componentHasAugmentableInterface(pascalName, interfaceName) {
|
|
236
|
-
const decl = readComponentDeclarations(pascalName);
|
|
237
|
-
if (!decl) return false;
|
|
238
|
-
// Word-boundary match so `ButtonVariantMap` doesn't match `XButtonVariantMap`.
|
|
239
|
-
const re = new RegExp(`\\b${interfaceName}\\b`);
|
|
240
|
-
return re.test(decl);
|
|
241
|
-
}
|
|
242
|
-
|
|
243
178
|
/**
|
|
244
179
|
* Generate TypeScript declaration content with module augmentation for custom
|
|
245
180
|
* component prop values found in the theme's `components` keys. Reads known
|
|
246
181
|
* values from doc files to filter out base prop values.
|
|
247
182
|
*
|
|
248
|
-
* Interface naming convention: PascalCase(component) + PascalCase(prop) + Map
|
|
249
|
-
* banner + status →
|
|
250
|
-
* button + variant →
|
|
251
|
-
*
|
|
252
|
-
* An augmentation is only emitted when `@astryxdesign/core/<Component>` actually
|
|
253
|
-
* exports a matching interface. Props backed by closed literal-union types
|
|
254
|
-
* (e.g. Button `size`, Heading `type`/`level`) have no augmentation point, so
|
|
255
|
-
* generating a `declare module` block for them would be dead code — those are
|
|
256
|
-
* skipped.
|
|
183
|
+
* Interface naming convention: Astryx + PascalCase(component) + PascalCase(prop) + Map
|
|
184
|
+
* banner + status → XDSBannerStatusMap
|
|
185
|
+
* button + variant → XDSButtonVariantMap
|
|
257
186
|
*
|
|
258
187
|
* @param {object} themeDef - Theme definition (resolved by defineTheme)
|
|
259
188
|
* @returns {Promise<string|null>} TypeScript declaration content, or null if no augmentations needed
|
|
@@ -305,14 +234,7 @@ async function generateVariantDeclarationsAsync(themeDef) {
|
|
|
305
234
|
const pascal = toPascalCase(component);
|
|
306
235
|
const propPascal = prop.charAt(0).toUpperCase() + prop.slice(1);
|
|
307
236
|
const modulePath = `@astryxdesign/core/${pascal}`;
|
|
308
|
-
const interfaceName =
|
|
309
|
-
|
|
310
|
-
// Only augment interfaces that actually exist as an extension point in
|
|
311
|
-
// core. Props backed by closed literal-union types (e.g. Button `size`,
|
|
312
|
-
// Heading `type`/`level`) have no `*Map` interface — a `declare module`
|
|
313
|
-
// block against a non-existent interface just creates a new, unused
|
|
314
|
-
// interface and never extends the component's prop union, so skip it.
|
|
315
|
-
if (!componentHasAugmentableInterface(pascal, interfaceName)) continue;
|
|
237
|
+
const interfaceName = `XDS${pascal}${propPascal}Map`;
|
|
316
238
|
|
|
317
239
|
sections.push(`declare module '${modulePath}' {`);
|
|
318
240
|
sections.push(` interface ${interfaceName} {`);
|
|
@@ -325,13 +247,6 @@ async function generateVariantDeclarationsAsync(themeDef) {
|
|
|
325
247
|
}
|
|
326
248
|
}
|
|
327
249
|
|
|
328
|
-
// If every custom value targeted a non-augmentable prop, there's nothing to
|
|
329
|
-
// emit beyond the header — return null so no `.variants.d.ts` is written.
|
|
330
|
-
const hasEmittedAugmentation = sections.some(line =>
|
|
331
|
-
line.startsWith('declare module'),
|
|
332
|
-
);
|
|
333
|
-
if (!hasEmittedAugmentation) return null;
|
|
334
|
-
|
|
335
250
|
return sections.join('\n');
|
|
336
251
|
}
|
|
337
252
|
|
|
@@ -518,21 +433,13 @@ ${iconReExport}`;
|
|
|
518
433
|
/**
|
|
519
434
|
* Generate TypeScript declarations for a built theme module.
|
|
520
435
|
*/
|
|
521
|
-
function generateBuiltTypes(themeDef, iconInfo
|
|
436
|
+
function generateBuiltTypes(themeDef, iconInfo) {
|
|
522
437
|
const iconType = iconInfo
|
|
523
438
|
? `import type { IconRegistry } from '@astryxdesign/core/Icon';
|
|
524
439
|
export declare const ${iconInfo.exportName}: IconRegistry;
|
|
525
440
|
`
|
|
526
441
|
: '';
|
|
527
|
-
|
|
528
|
-
// theme's types also loads the module augmentations (otherwise the
|
|
529
|
-
// `.variants.d.ts` is emitted but never referenced, and the custom variants
|
|
530
|
-
// never widen the component prop unions for consumers).
|
|
531
|
-
const variantsRef = variantsFileName
|
|
532
|
-
? `/// <reference path="./${variantsFileName}" />
|
|
533
|
-
`
|
|
534
|
-
: '';
|
|
535
|
-
return `${variantsRef}import type { DefinedTheme } from '@astryxdesign/core/theme';
|
|
442
|
+
return `import type { DefinedTheme } from '@astryxdesign/core/theme';
|
|
536
443
|
${iconType}export declare const ${toIdentifier(themeDef.name)}Theme: DefinedTheme;
|
|
537
444
|
`;
|
|
538
445
|
}
|
|
@@ -987,23 +894,19 @@ export function registerTheme(program) {
|
|
|
987
894
|
|
|
988
895
|
const iconInfo = extractIconInfo(filePath);
|
|
989
896
|
|
|
990
|
-
//
|
|
991
|
-
|
|
897
|
+
// Generate all file contents in memory first.
|
|
898
|
+
const cssContent = generatedHeader(sourceRelative, 'css', buildCommand) + css;
|
|
899
|
+
const jsContent = generatedHeader(sourceRelative, 'js', buildCommand) + generateBuiltModule(resolvedTheme || themeDef, iconInfo);
|
|
900
|
+
const dtsContent = generatedHeader(sourceRelative, 'ts', buildCommand) + generateBuiltTypes(themeDef, iconInfo);
|
|
901
|
+
|
|
902
|
+
// Type augmentation .d.ts if theme has custom prop values
|
|
992
903
|
const augmentationSource = resolvedTheme || themeDef;
|
|
993
904
|
const variantDecl = await generateVariantDeclarationsAsync(augmentationSource);
|
|
994
|
-
const
|
|
995
|
-
const variantDtsPath = variantDecl ? path.join(outDir, variantsFileName) : null;
|
|
905
|
+
const variantDtsPath = variantDecl ? path.join(outDir, `${baseName}.variants.d.ts`) : null;
|
|
996
906
|
const variantContent = variantDecl
|
|
997
907
|
? generatedHeader(sourceRelative, 'ts', buildCommand) + variantDecl
|
|
998
908
|
: null;
|
|
999
909
|
|
|
1000
|
-
// Generate all file contents in memory first. The main .d.ts references
|
|
1001
|
-
// the variants file (when present) via a triple-slash directive so
|
|
1002
|
-
// importing the theme also loads the custom-variant augmentations.
|
|
1003
|
-
const cssContent = generatedHeader(sourceRelative, 'css', buildCommand) + css;
|
|
1004
|
-
const jsContent = generatedHeader(sourceRelative, 'js', buildCommand) + generateBuiltModule(resolvedTheme || themeDef, iconInfo);
|
|
1005
|
-
const dtsContent = generatedHeader(sourceRelative, 'ts', buildCommand) + generateBuiltTypes(themeDef, iconInfo, variantsFileName);
|
|
1006
|
-
|
|
1007
910
|
// Atomic-ish write: stage every file as `<dest>.tmp`, then rename
|
|
1008
911
|
// each into place. If any stage step fails we clean up partials and
|
|
1009
912
|
// exit; if a rename fails mid-way we still have the originals (or
|
|
@@ -78,13 +78,13 @@ describe('findShowcase() priority', () => {
|
|
|
78
78
|
it('Badge resolves to Badge dir, not a sibling that uses Badge', async () => {
|
|
79
79
|
const result = await findShowcase('Badge');
|
|
80
80
|
expect(result).not.toBeNull();
|
|
81
|
-
expect(result.filePath).toMatch(
|
|
81
|
+
expect(result.filePath).toMatch(/\/Badge\//);
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
it('Avatar resolves to Avatar dir, not AvatarStatusDot', async () => {
|
|
85
85
|
const result = await findShowcase('Avatar');
|
|
86
86
|
expect(result).not.toBeNull();
|
|
87
|
-
expect(result.filePath).toMatch(
|
|
87
|
+
expect(result.filePath).toMatch(/\/Avatar\//);
|
|
88
88
|
expect(result.filePath).not.toMatch(/AvatarStatusDot/);
|
|
89
89
|
});
|
|
90
90
|
|
|
@@ -92,7 +92,7 @@ describe('findShowcase() priority', () => {
|
|
|
92
92
|
const result = await findShowcase('ClickableCard');
|
|
93
93
|
expect(result).not.toBeNull();
|
|
94
94
|
expect(result.name).toBe('ClickableCard');
|
|
95
|
-
expect(result.filePath).toMatch(
|
|
95
|
+
expect(result.filePath).toMatch(/\/Card\//);
|
|
96
96
|
});
|
|
97
97
|
|
|
98
98
|
it('SelectableCard resolves via componentsUsed in Card/', async () => {
|
|
@@ -104,7 +104,7 @@ describe('findShowcase() priority', () => {
|
|
|
104
104
|
it('Stack resolves to Stack dir despite componentsUsed elsewhere', async () => {
|
|
105
105
|
const result = await findShowcase('Stack');
|
|
106
106
|
expect(result).not.toBeNull();
|
|
107
|
-
expect(result.filePath).toMatch(
|
|
107
|
+
expect(result.filePath).toMatch(/\/Stack\//);
|
|
108
108
|
});
|
|
109
109
|
|
|
110
110
|
it('returns null for nonexistent component', async () => {
|
|
@@ -63,33 +63,6 @@ function installPkg(name, version = '1.0.0') {
|
|
|
63
63
|
return dir;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
/**
|
|
67
|
-
* Mirror pnpm's layout: the real package lives under node_modules/.pnpm and
|
|
68
|
-
* the entry in the scope directory is a symlink to it.
|
|
69
|
-
*/
|
|
70
|
-
function installPkgPnpmStyle(name, version = '1.0.0') {
|
|
71
|
-
const realDir = path.join(
|
|
72
|
-
tmpDir,
|
|
73
|
-
'node_modules',
|
|
74
|
-
'.pnpm',
|
|
75
|
-
`${name.replace('/', '+')}@${version}`,
|
|
76
|
-
'node_modules',
|
|
77
|
-
...name.split('/'),
|
|
78
|
-
);
|
|
79
|
-
fs.mkdirSync(realDir, {recursive: true});
|
|
80
|
-
fs.writeFileSync(
|
|
81
|
-
path.join(realDir, 'package.json'),
|
|
82
|
-
JSON.stringify({name, version, main: 'index.js'}),
|
|
83
|
-
);
|
|
84
|
-
fs.writeFileSync(path.join(realDir, 'index.js'), 'module.exports = {};');
|
|
85
|
-
const linkPath = path.join(tmpDir, 'node_modules', ...name.split('/'));
|
|
86
|
-
fs.mkdirSync(path.dirname(linkPath), {recursive: true});
|
|
87
|
-
// 'junction' keeps this working on Windows without elevated permissions;
|
|
88
|
-
// it is ignored on posix.
|
|
89
|
-
fs.symlinkSync(realDir, linkPath, 'junction');
|
|
90
|
-
return linkPath;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
66
|
function find(checks, id) {
|
|
94
67
|
return checks.find(c => c.id === id);
|
|
95
68
|
}
|
|
@@ -146,13 +119,6 @@ describe('doctor — individual checks', () => {
|
|
|
146
119
|
expect(res.status).toBe('pass');
|
|
147
120
|
});
|
|
148
121
|
|
|
149
|
-
it('themes: detects pnpm-style symlinked theme packages (#3530)', () => {
|
|
150
|
-
installPkgPnpmStyle('@astryxdesign/theme-neutral', '0.1.2');
|
|
151
|
-
const res = checkThemes({cwd: tmpDir, configTheme: 'default'});
|
|
152
|
-
expect(res.status).toBe('pass');
|
|
153
|
-
expect(res.message).toContain('@astryxdesign/theme-neutral');
|
|
154
|
-
});
|
|
155
|
-
|
|
156
122
|
it('config: INFO when no astryx.config.mjs', async () => {
|
|
157
123
|
const res = await checkConfig({cwd: tmpDir, configPath: null});
|
|
158
124
|
expect(res.status).toBe('info');
|
package/src/commands/init.mjs
CHANGED
|
@@ -198,7 +198,7 @@ export function registerInit(program) {
|
|
|
198
198
|
.option('--features <list>', 'Comma-separated features to install (agents, theme, template)')
|
|
199
199
|
.option('--all', 'Install all features, no prompts')
|
|
200
200
|
.option('--remove-agents', 'Remove AI agent docs from all agent doc files')
|
|
201
|
-
.option('--agent <tool>', 'Target AI tool for agent docs: claude, cursor, codex,
|
|
201
|
+
.option('--agent <tool>', 'Target AI tool for agent docs: claude, cursor, codex, all')
|
|
202
202
|
.option('--agent-docs-path <path...>', 'Explicit file path(s) for agent docs')
|
|
203
203
|
.action(async (options) => {
|
|
204
204
|
const targetDir = process.cwd();
|
|
@@ -335,13 +335,10 @@ export function resolveImportPath(coreDir, componentName) {
|
|
|
335
335
|
? JSON.parse(fs.readFileSync(pkgPath, 'utf-8'))
|
|
336
336
|
: null;
|
|
337
337
|
|
|
338
|
-
const exportKeys = Object.keys(pkg?.exports || {});
|
|
339
|
-
|
|
340
338
|
// Priority 1: exact subpath export matching the component name (e.g. ./Heading)
|
|
341
339
|
// This allows convenience re-export directories to win over the source directory.
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
return `@astryxdesign/core/${exactMatch.slice(2)}`;
|
|
340
|
+
if (pkg?.exports?.[`./${componentName}`]) {
|
|
341
|
+
return `@astryxdesign/core/${componentName}`;
|
|
345
342
|
}
|
|
346
343
|
|
|
347
344
|
const sourcePath = findComponentSource(coreDir, componentName);
|
|
@@ -351,9 +348,8 @@ export function resolveImportPath(coreDir, componentName) {
|
|
|
351
348
|
const relToSrc = path.relative(srcDir, sourcePath);
|
|
352
349
|
const topDir = relToSrc.split(path.sep)[0];
|
|
353
350
|
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
return `@astryxdesign/core/${topMatch.slice(2)}`;
|
|
351
|
+
if (pkg?.exports?.[`./${topDir}`]) {
|
|
352
|
+
return `@astryxdesign/core/${topDir}`;
|
|
357
353
|
}
|
|
358
354
|
|
|
359
355
|
return '@astryxdesign/core';
|