@astryxdesign/cli 0.1.1-canary.17acc48 → 0.1.1-canary.3d46f0a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/cli",
-  "version": "0.1.1-canary.17acc48",
+  "version": "0.1.1-canary.3d46f0a",
   "displayName": "CLI",
   "description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
   "author": "Meta Open Source",
@@ -54,9 +54,9 @@
     "jscodeshift": "^17.3.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.1.1-canary.17acc48",
-    "@astryxdesign/lab": "0.1.1-canary.17acc48",
-    "@astryxdesign/theme-neutral": "0.1.1-canary.17acc48"
+    "@astryxdesign/core": "0.1.1-canary.3d46f0a",
+    "@astryxdesign/lab": "0.1.1-canary.3d46f0a",
+    "@astryxdesign/theme-neutral": "0.1.1-canary.3d46f0a"
   },
   "peerDependenciesMeta": {
     "@astryxdesign/core": {
@@ -70,9 +70,9 @@
     }
   },
   "devDependencies": {
-    "@astryxdesign/core": "0.1.1-canary.17acc48",
-    "@astryxdesign/lab": "0.1.1-canary.17acc48",
-    "@astryxdesign/theme-neutral": "0.1.1-canary.17acc48"
+    "@astryxdesign/core": "0.1.1-canary.3d46f0a",
+    "@astryxdesign/lab": "0.1.1-canary.3d46f0a",
+    "@astryxdesign/theme-neutral": "0.1.1-canary.3d46f0a"
   },
   "scripts": {
     "astryx": "node bin/astryx.mjs",

package/src/commands/init.mjs

@@ -29,37 +29,6 @@ import {requireInteractive} from '../utils/interactive.mjs';
 const VALID_FEATURES = ['agents', 'theme', 'template'];
 const run = getRunPrefix();
 
-/**
- * Build the "Next steps" lines printed at the end of `astryx init`.
- *
- * Theme guidance must match the runtime recommendation emitted by core's
- * <Theme> component (packages/core/src/theme/Theme.tsx): the pre-built theme
- * path (`/built` import + `theme.css`) plus the base CSS import, so users
- * don't end up with an unstyled app or the slower runtime style-injection
- * path. See https://github.com/facebook/astryx/issues/3080.
- *
- * Exported for testing.
- *
- * @param {string} runPrefix package-manager run prefix (e.g. `npx`)
- * @returns {string[]} ordered list of human-facing lines
- */
-export function getNextSteps(runPrefix) {
-  return [
-    '',
-    '  Next steps:',
-    "    1. Import base styles: import '@astryxdesign/core/reset.css'",
-    "       and import '@astryxdesign/core/astryx.css'",
-    "    2. Import components: import { Button } from '@astryxdesign/core'",
-    '    3. Optionally add a theme (use the pre-built path for performance):',
-    "       import { neutralTheme } from '@astryxdesign/theme-neutral/built'",
-    "       import '@astryxdesign/theme-neutral/theme.css'",
-    '       <Theme theme={neutralTheme}>...</Theme>',
-    `       For custom themes, run \`${runPrefix} astryx theme build <file>\` to generate the built artifacts.`,
-    `    4. ${runPrefix} astryx --help for all commands`,
-    '',
-  ];
-}
-
 function isCancel(value) {
   if (p.isCancel(value)) {
     p.cancel('Setup cancelled.');
@@ -281,8 +250,13 @@ export function registerInit(program) {
       // Outro
       p.outro('Design system initialized!');
 
-      for (const line of getNextSteps(run)) {
-        humanLog(line);
-      }
+      humanLog('');
+      humanLog('  Next steps:');
+      humanLog("    1. Import components: import { Button } from '@astryxdesign/core'");
+      humanLog('    2. Optionally add a theme:');
+      humanLog("       import { neutralTheme } from '@astryxdesign/theme-neutral'");
+      humanLog('       <Theme theme={neutralTheme}>...</Theme>');
+      humanLog(`    3. ${run} astryx --help for all commands`);
+      humanLog('');
     });
 }

package/src/commands/init.next-steps.test.mjs

@@ -1,46 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file Regression test for `astryx init` "Next steps" theme guidance.
- *
- * The init command previously steered users toward the slower runtime
- * style-injection path:
- *
- *   import { neutralTheme } from '@astryxdesign/theme-neutral'
- *   <Theme theme={neutralTheme}>...</Theme>
- *
- * ...which contradicted the runtime console warning emitted by core's
- * <Theme> component (packages/core/src/theme/Theme.tsx) recommending the
- * pre-built path, and left users with an unstyled app because the base CSS
- * imports were never mentioned (facebook/astryx#3080).
- *
- * These assertions lock in the corrected guidance: base CSS imports, the
- * pre-built (`/built` + `theme.css`) theme path, and the custom-theme build
- * command.
- */
-
-import {describe, it, expect} from 'vitest';
-import {getNextSteps} from './init.mjs';
-
-describe('init Next steps theme guidance', () => {
-  const text = getNextSteps('npx').join('\n');
-
-  it('mentions the base CSS imports so the app is not left unstyled', () => {
-    expect(text).toContain("'@astryxdesign/core/reset.css'");
-    expect(text).toContain("'@astryxdesign/core/astryx.css'");
-  });
-
-  it('uses the pre-built theme path matching the runtime recommendation', () => {
-    expect(text).toContain("'@astryxdesign/theme-neutral/built'");
-    expect(text).toContain("'@astryxdesign/theme-neutral/theme.css'");
-  });
-
-  it('mentions building custom themes via `astryx theme build`', () => {
-    expect(text).toContain('astryx theme build <file>');
-  });
-
-  it('does not steer users to the runtime style-injection import', () => {
-    // The bare source import (no `/built`) is the slow runtime-injection path.
-    expect(text).not.toContain("from '@astryxdesign/theme-neutral'");
-  });
-});

package/templates/blocks/components/CommandPaletteEmpty/CommandPaletteEmptyShowcase.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'CommandPaletteEmpty',
-  name: 'CommandPaletteEmpty',
-  displayName: 'Command Palette Empty',
-  description:
-    'Command palette empty state shown when no commands are available.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['CommandPalette', 'CommandPaletteEmpty', 'Text'],
-};

package/templates/blocks/components/CommandPaletteEmpty/CommandPaletteEmptyShowcase.tsx

@@ -1,26 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {useMemo} from 'react';
-import {CommandPalette} from '@astryxdesign/core/CommandPalette';
-import {Text} from '@astryxdesign/core/Text';
-import {createStaticSource} from '@astryxdesign/core/Typeahead';
-
-export default function CommandPaletteEmptyShowcase() {
-  const emptySource = useMemo(() => createStaticSource([]), []);
-
-  return (
-    <CommandPalette
-      isOpen
-      isInline
-      onOpenChange={() => {}}
-      searchSource={emptySource}
-      emptyBootstrapText={
-        <Text type="supporting" color="secondary">
-          No commands available yet
-        </Text>
-      }
-    />
-  );
-}