@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.
Files changed (39) hide show
  1. package/CHANGELOG.md +1 -2
  2. package/package.json +9 -14
  3. package/src/api/component.mjs +1 -2
  4. package/src/api/doctor.mjs +2 -13
  5. package/src/api/template.mjs +3 -14
  6. package/src/codemods/__tests__/runner.test.mjs +0 -38
  7. package/src/codemods/runner.mjs +0 -2
  8. package/src/commands/agent-docs.mjs +6 -9
  9. package/src/commands/agent-docs.test.mjs +0 -33
  10. package/src/commands/build-theme.mjs +13 -110
  11. package/src/commands/component-resolution.test.mjs +4 -4
  12. package/src/commands/doctor.test.mjs +0 -34
  13. package/src/commands/init.mjs +1 -1
  14. package/src/lib/component-discovery.mjs +4 -8
  15. package/templates/blocks/components/CommandPaletteGroup/CommandPaletteGroupShowcase.tsx +48 -27
  16. package/templates/blocks/components/CommandPaletteItem/CommandPaletteItemShowcase.tsx +54 -31
  17. package/templates/pages/table-page-chart/page.tsx +13 -3
  18. package/templates/pages/table-page-shoe-store-heatmap/page.tsx +18 -4
  19. package/src/commands/build-theme.variants.test.mjs +0 -204
  20. package/templates/blocks/components/BaseTypeahead/BaseTypeaheadCustomSearch.doc.mjs +0 -14
  21. package/templates/blocks/components/BaseTypeahead/BaseTypeaheadCustomSearch.tsx +0 -58
  22. package/templates/blocks/components/CodeBlock/CodeBlockTerminal.doc.mjs +0 -14
  23. package/templates/blocks/components/CodeBlock/CodeBlockTerminal.tsx +0 -24
  24. package/templates/blocks/components/Collapsible/CollapsibleDividedAccordion.doc.mjs +0 -13
  25. package/templates/blocks/components/Collapsible/CollapsibleDividedAccordion.tsx +0 -33
  26. package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputBasic.doc.mjs +0 -15
  27. package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputBasic.tsx +0 -39
  28. package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputShowcase.doc.mjs +0 -15
  29. package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputShowcase.tsx +0 -39
  30. package/templates/blocks/components/CommandPaletteList/CommandPaletteListBasic.doc.mjs +0 -15
  31. package/templates/blocks/components/CommandPaletteList/CommandPaletteListBasic.tsx +0 -27
  32. package/templates/blocks/components/CommandPaletteList/CommandPaletteListShowcase.doc.mjs +0 -15
  33. package/templates/blocks/components/CommandPaletteList/CommandPaletteListShowcase.tsx +0 -38
  34. package/templates/blocks/components/ContextMenuItem/ContextMenuItemBasic.doc.mjs +0 -14
  35. package/templates/blocks/components/ContextMenuItem/ContextMenuItemBasic.tsx +0 -44
  36. package/templates/blocks/components/ContextMenuItem/ContextMenuItemShowcase.doc.mjs +0 -15
  37. package/templates/blocks/components/ContextMenuItem/ContextMenuItemShowcase.tsx +0 -107
  38. package/templates/blocks/components/NavHeadingMenu/NavHeadingMenuShowcase.doc.mjs +0 -15
  39. 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. Based on a design by @cg-hub18.
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.cb78dd0",
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/charts": "0.1.4-canary.cb78dd0",
79
- "@astryxdesign/core": "0.1.4-canary.cb78dd0",
80
- "@astryxdesign/lab": "0.1.4-canary.cb78dd0",
81
- "@astryxdesign/theme-neutral": "0.1.4-canary.cb78dd0",
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/charts": "0.1.4-canary.cb78dd0",
100
- "@astryxdesign/core": "0.1.4-canary.cb78dd0",
101
- "@astryxdesign/lab": "0.1.4-canary.cb78dd0",
102
- "@astryxdesign/theme-neutral": "0.1.4-canary.cb78dd0",
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",
@@ -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 => path.basename(b.category) === dirName);
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));
@@ -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(dir)});
121
+ found.push({name, version: pkgVersion(path.join(scopeDir, entry.name))});
133
122
  }
134
123
  return found;
135
124
  }
@@ -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 = toPosixPath(path.relative(BLOCKS_DIR, path.dirname(docPath)));
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 = toPosixPath(path.relative(ext.blocksDir, path.dirname(docPath)));
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 = path.basename(b.category).toLowerCase();
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
  });
@@ -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, hermes, all)
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/CLAUDE.md'; // cross-platform literal
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', 'hermes', 'all'
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', 'hermes', 'all'
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', 'hermes', 'all'];
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, hermes, all')
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 → BannerStatusMap
250
- * button + variant → ButtonVariantMap
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 = `${pascal}${propPascal}Map`;
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, variantsFileName) {
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
- // Pull in the generated custom-variant augmentations so that importing the
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
- // Type augmentation .d.ts if theme has custom prop values. Computed
991
- // before the main .d.ts so the latter can reference it (see below).
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 variantsFileName = variantDecl ? `${baseName}.variants.d.ts` : null;
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(/[/\\]Badge[/\\]/);
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(/[/\\]Avatar[/\\]/);
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(/[/\\]Card[/\\]/);
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(/[/\\]Stack[/\\]/);
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');
@@ -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, hermes, all')
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
- const exactMatch = exportKeys.find(k => k.toLowerCase() === `./${componentName}`.toLowerCase());
343
- if (exactMatch) {
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
- const topMatch = exportKeys.find(k => k.toLowerCase() === `./${topDir}`.toLowerCase());
355
- if (topMatch) {
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';