create-bestax 3.1.0 → 3.1.1

package/dist/display.js

@@ -15,8 +15,8 @@ export function displaySuccess(targetDir) {
     console.log(chalk.bold(MESSAGES.NEXT_STEPS));
     console.log();
     console.log(chalk.cyan(`  cd ${targetDir}`));
-    console.log(chalk.cyan('  npm install'));
-    console.log(chalk.cyan('  npm run dev'));
+    console.log(chalk.cyan('  pnpm install'));
+    console.log(chalk.cyan('  pnpm dev'));
     console.log();
     console.log(chalk.gray('  Your app includes a beautiful logo-centric homepage'));
     console.log(chalk.gray('  showcasing Bestax, Vite, and React branding.'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bestax",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Create a new bestax-bulma project",
   "type": "module",
   "bin": {
@@ -59,6 +59,7 @@
     "prompts": "^2.4.2"
   },
   "devDependencies": {
+    "@jest/globals": "^30.0.0",
     "@playwright/test": "^1.57.0",
     "@types/fs-extra": "^11.0.4",
     "@types/jest": "^30.0.0",
@@ -71,6 +72,7 @@
     "wait-on": "^9.0.10"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   }
 }

package/templates/skills/bestax-custom-component/SKILL.md

@@ -74,12 +74,7 @@ import { classNames, usePrefixedClassNames } from '../helpers/classNames';
 import { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';
 
 export type MyComponentColor =
-  | 'primary'
-  | 'link'
-  | 'info'
-  | 'success'
-  | 'warning'
-  | 'danger';
+  'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
 
 /**
  * Props for the MyComponent component.
@@ -144,8 +139,8 @@ Rules that keep components consistent:
   `is-medium` / `is-large` (see `Tabs.tsx`, `Control.tsx`). Do **not** reach for the `validSizes`
   constant — that one is `'0'…'6' | 'auto'` and exists for **spacing** helpers, not element size.
 - **Format before you lint.** The repo enforces Prettier and ESLint fails on unformatted code.
-  Run `npx prettier --write` on your new files (or `npm run format` from the repo root) before
-  `npm run lint`. Copy snippets as a starting point, then let Prettier normalize them.
+  Run `pnpm exec prettier --write` on your new files (or `pnpm format` from the repo root) before
+  `pnpm lint`. Copy snippets as a starting point, then let Prettier normalize them.
 
 See `references/api.md` for the full helper API and `references/patterns.md` for the complete
 Dialog walkthrough.
@@ -325,7 +320,7 @@ import { MyComponent } from '@allxsmith/bestax-bulma';
 ````
 
 > Note: the Docusaurus docs load the **built** dist CSS. After SCSS changes, run
-> `cd bulma-ui && npm run build` before the new styles show up in the docs site (Storybook
+> `cd bulma-ui && pnpm build` before the new styles show up in the docs site (Storybook
 > compiles SCSS live and does not need this).
 
 ## Wiring & build
@@ -346,10 +341,10 @@ Then build and verify:
 
 ```sh
 cd bulma-ui
-npx prettier --write src/components/MyComponent.tsx src/scss/components/_mycomponent.scss
-npm run lint
-npm test
-npm run build      # compiles JS + the bestax/extras CSS bundles
+pnpm exec prettier --write src/components/MyComponent.tsx src/scss/components/_mycomponent.scss
+pnpm lint
+pnpm test
+pnpm build      # compiles JS + the bestax/extras CSS bundles
 ```
 
 ## Visually inspect it in a browser
@@ -358,7 +353,7 @@ Types and unit tests don't see layout. **Render the component and actually look
 you call it done — spacing, padding, vertical centering, alignment, and every variant/state
 (colors, sizes, hover/active, dark mode). Visual bugs hide from `tsc` and `@testing-library`.
 
-1. Run a surface that renders it: `npm run storybook` (compiles SCSS live) or the docs dev server.
+1. Run a surface that renders it: `pnpm storybook` (compiles SCSS live) or the docs dev server.
 2. Open the component and inspect it. If a browser-automation tool (claude-in-chrome, Playwright)
    is available, drive the browser and screenshot each variant; otherwise open it yourself and
    eyeball it.
@@ -384,6 +379,6 @@ Fix what you see, then re-inspect. A green test suite with a misaligned componen
 - [ ] `docs/docs/api/components/mycomponent.md` — Overview / Import / Props / `tsx live`.
 - [ ] `src/index.ts` exports the component (in the `./components/*` group).
 - [ ] `scss/components/_index.scss` `@use`s the partial.
-- [ ] Prettier-formatted, then `npm run lint && npm test && npm run build` all pass.
+- [ ] Prettier-formatted, then `pnpm lint && pnpm test && pnpm build` all pass.
 - [ ] **Rendered and visually inspected in a browser** — centering/spacing/variants all look
       right (not just green tests).

package/templates/skills/bestax-form/SKILL.md

@@ -191,7 +191,7 @@ reinvent a control.** If you think a control is missing, check `bulma-ui/src/ind
 ## Visually inspect it in a browser
 
 Forms have layout, spacing, and _stateful_ behavior that types and unit tests don't cover.
-Before calling a form done, **render it and look at it**: run `npm run storybook` (in `bulma-ui`)
+Before calling a form done, **render it and look at it**: run `pnpm storybook` (in `bulma-ui`)
 or the docs dev server, open the form, and check field alignment/spacing, the help-text/error
 states, and the validation flow (submit empty → fields turn `danger` with messages; fix → errors
 clear). If claude-in-chrome or Playwright is available, drive the browser and screenshot the

package/templates/vite/README.md

@@ -5,16 +5,16 @@ This template provides a minimal setup to get React working in Vite with HMR and
 ## Getting Started
 
 ```bash
-npm install
-npm run dev
+pnpm install
+pnpm dev
 ```
 
 ## Available Scripts
 
-- `npm run dev` - Start development server
-- `npm run build` - Build for production
-- `npm run preview` - Preview production build
-- `npm run lint` - Run ESLint
+- `pnpm dev` - Start development server
+- `pnpm build` - Build for production
+- `pnpm preview` - Preview production build
+- `pnpm lint` - Run ESLint
 
 ## Features
 

package/templates/vite-ts/README.md

@@ -5,16 +5,16 @@ This template provides a minimal setup to get React working in Vite with TypeScr
 ## Getting Started
 
 ```bash
-npm install
-npm run dev
+pnpm install
+pnpm dev
 ```
 
 ## Available Scripts
 
-- `npm run dev` - Start development server
-- `npm run build` - Build for production
-- `npm run preview` - Preview production build
-- `npm run lint` - Run ESLint
+- `pnpm dev` - Start development server
+- `pnpm build` - Build for production
+- `pnpm preview` - Preview production build
+- `pnpm lint` - Run ESLint
 
 ## Features
 

package/dist/__mocks__/chalk.d.ts

@@ -1,14 +0,0 @@
-declare const chalk: {
-    yellow: (str: string) => string;
-    blue: (str: string) => string;
-    cyan: (str: string) => string;
-    magenta: (str: string) => string;
-    green: (str: string) => string;
-    red: (str: string) => string;
-    dim: (str: string) => string;
-    bold: {
-        cyan: (str: string) => string;
-    };
-};
-export default chalk;
-//# sourceMappingURL=chalk.d.ts.map

package/dist/__mocks__/chalk.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chalk.d.ts","sourceRoot":"","sources":["../../src/__mocks__/chalk.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;kBACK,MAAM;gBACR,MAAM;gBACN,MAAM;mBACH,MAAM;iBACR,MAAM;eACR,MAAM;eACN,MAAM;;oBAEH,MAAM;;CAErB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/__mocks__/chalk.js

@@ -1,13 +0,0 @@
-const chalk = {
-    yellow: (str) => str,
-    blue: (str) => str,
-    cyan: (str) => str,
-    magenta: (str) => str,
-    green: (str) => str,
-    red: (str) => str,
-    dim: (str) => str,
-    bold: {
-        cyan: (str) => str,
-    },
-};
-export default chalk;

package/dist/__mocks__/figures.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    star: string;
-    cross: string;
-    tick: string;
-    bullet: string;
-    pointer: string;
-};
-export default _default;
-//# sourceMappingURL=figures.d.ts.map

package/dist/__mocks__/figures.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"figures.d.ts","sourceRoot":"","sources":["../../src/__mocks__/figures.ts"],"names":[],"mappings":";;;;;;;AAAA,wBAME"}

package/dist/__mocks__/figures.js

@@ -1,7 +0,0 @@
-export default {
-    star: '⭐',
-    cross: '✖',
-    tick: '✔',
-    bullet: '●',
-    pointer: '❯',
-};

package/dist/__mocks__/prompts.d.ts

@@ -1,3 +0,0 @@
-declare const prompts: import("jest-mock").Mock<import("jest-mock").UnknownFunction>;
-export default prompts;
-//# sourceMappingURL=prompts.d.ts.map

package/dist/__mocks__/prompts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prompts.d.ts","sourceRoot":"","sources":["../../src/__mocks__/prompts.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,+DAAY,CAAC;AAE1B,eAAe,OAAO,CAAC"}

package/dist/__mocks__/prompts.js

@@ -1,3 +0,0 @@
-import { jest } from '@jest/globals';
-const prompts = jest.fn();
-export default prompts;