@alexgorbatchev/shadcn 0.0.58 → 0.0.59

package/dist/prototype.js

@@ -2051,7 +2051,7 @@ var program = new Command;
 // package.json
 var package_default = {
   name: "@alexgorbatchev/shadcn",
-  version: "0.0.58",
+  version: "0.0.59",
   description: "Sharp, monospace React components with compact and comfortable densities.",
   license: "MIT",
   repository: {
@@ -3107,9 +3107,10 @@ var package_default = {
   },
   scripts: {
     test: "vitest run --config .storybook/vitest.config.ts && bun run test:native && bun run test:package",
-    "test:package": "bun run build && bun test scripts/__tests__ ./.storybook/__tests__/createStorybookViteConfig.test.ts",
-    "test:preview": "bun test scripts/storybookPreview.test.ts",
-    "test:prototype": "bun test --config=./cli/bunfig.toml --coverage cli && vitest run --config .storybook/vitest.prototype.config.ts --coverage",
+    "test:package": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts package",
+    "test:preview": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts preview",
+    "test:prototype": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts prototype",
+    "test:cli": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts cli",
     "test:native": "vitest run --config .storybook/vitest.native.config.ts",
     "test:coverage": "vitest run --config .storybook/vitest.coverage.config.ts --coverage",
     "test:contrast": "vitest run --config .storybook/vitest.contrast.config.ts",
@@ -3118,7 +3119,7 @@ var package_default = {
     lint: "oxlint --deny-warnings src .storybook scripts cli templates/prototype/src templates/prototype/vite.config.ts && oxfmt --check . && bun run lint:unused",
     "lint:unused": "ts-unused check tsconfig.json",
     storybook: "bun scripts/buildLlmDocs.ts && storybook dev --host 127.0.0.1 -p 6006 --no-open",
-    "build-storybook": "bun scripts/buildLlmDocs.ts && storybook build",
+    "build-storybook": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts storybook",
     prepack: "bun run build",
     "test:reduced-motion": "vitest run --config .storybook/vitest.reduced-motion.config.ts",
     "test:visual": "vitest run --config .storybook/vitest.visual.config.ts Button.stories.tsx Badge.stories.tsx Card.stories.tsx Input.stories.tsx ScrollArea.stories.tsx",
@@ -3187,6 +3188,7 @@ var package_default = {
     "embla-carousel-autoplay": "8.6.0",
     "embla-carousel-react": "^8.6.0",
     "es-toolkit": "1.52.0",
+    execa: "10.2.1",
     "heat-graph": "0.0.25",
     "input-otp": "1.5.0",
     leaflet: "^1.9.4",
@@ -3577,28 +3579,55 @@ async function runWorkspace(directory, action, port) {
 
 // cli/createProgram.ts
 function createProgram(options) {
+  const width = Number.isFinite(options.width) && options.width >= 1 ? Math.floor(options.width) : 100;
   const program = new Command("shadcn-prototype").description("Create and preview editable React mockups.").version(package_default.version).exitOverride().showHelpAfterError();
   program.configureOutput({ writeOut: options.writeOut, writeErr: options.writeErr });
   program.configureHelp({
+    helpWidth: width,
+    minWidthToWrap: 1,
+    displayWidth: Bun.stringWidth,
     formatHelp(command, helper) {
-      const lines = [`Usage: ${helper.commandUsage(command)}`, "", command.description(), "", "Options:"];
-      for (const option of helper.visibleOptions(command))
-        lines.push(`  ${option.flags}  ${option.description}`);
+      const wrap = (text) => options.isAgent ? text : helper.boxWrap(text, width);
+      const formatItem = (term, description, prefix = "  ", continuation = "  ") => {
+        const prefixWidth = helper.displayWidth(prefix);
+        const descriptionColumn = Math.max(prefixWidth + 2, Math.min(45, Math.floor(width / 2)));
+        const termWidth = descriptionColumn - 4;
+        const connect = (line) => continuation + line.slice(continuation.length);
+        if (prefixWidth + helper.displayWidth(term) + 2 > descriptionColumn) {
+          const wrappedTerm = helper.boxWrap(term, Math.max(1, width - prefixWidth)).split(`
+`).map((line, index) => `${index === 0 ? prefix : continuation}${line}`).join(`
+`);
+          if (!description)
+            return wrappedTerm;
+          const wrappedDescription = helper.formatItem("", termWidth, description, helper).split(`
+`).map(connect);
+          return [wrappedTerm, ...wrappedDescription].join(`
+`);
+        }
+        return helper.formatItem(`${prefix.slice(2)}${term}`, termWidth, description, helper).split(`
+`).map((line, index) => index === 0 ? line : connect(line)).join(`
+`);
+      };
+      const lines = [wrap(`Usage: ${helper.commandUsage(command)}`), "", wrap(command.description()), "", "Options:"];
+      for (const option of helper.visibleOptions(command)) {
+        lines.push(options.isAgent ? `  ${option.flags}  ${option.description}` : formatItem(option.flags, option.description));
+      }
       const visit = (parent, prefix) => {
         const commands = helper.visibleCommands(parent);
         for (const [index, child] of commands.entries()) {
           const isLast = index === commands.length - 1;
           const marker = options.isAgent ? "- " : isLast ? "\u2570\u2500 " : "\u251C\u2500 ";
-          const name = `${prefix}${marker}${helper.subcommandTerm(child)}`;
-          lines.push(options.isAgent ? `${name}: ${child.description()}` : `${name.padEnd(44)} ${child.description()}`);
-          visit(child, `${prefix}${options.isAgent ? "  " : isLast ? "   " : "\u2502  "}`);
+          const term = helper.subcommandTerm(child);
+          const continuation = `${prefix}${options.isAgent ? "  " : isLast ? "   " : "\u2502  "}`;
+          lines.push(options.isAgent ? `${prefix}${marker}${term}: ${child.description()}` : formatItem(term, child.description(), `${prefix}${marker}`, continuation));
+          visit(child, continuation);
         }
       };
       if (command.commands.length) {
         lines.push("", "Commands:");
         visit(command, "  ");
       }
-      const body = lines.map((line) => !options.isAgent && line.length > options.width ? `${line.slice(0, Math.max(0, options.width - 3))}...` : line).join(`
+      const body = lines.join(`
 `) + `
 `;
       return options.isAgent ? "ALERT: Agents must read `AGENT=1 shadcn-prototype skill` before using this tool.\n" + body : body;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgorbatchev/shadcn",
-  "version": "0.0.58",
+  "version": "0.0.59",
   "description": "Sharp, monospace React components with compact and comfortable densities.",
   "license": "MIT",
   "repository": {
@@ -1056,9 +1056,10 @@
   },
   "scripts": {
     "test": "vitest run --config .storybook/vitest.config.ts && bun run test:native && bun run test:package",
-    "test:package": "bun run build && bun test scripts/__tests__ ./.storybook/__tests__/createStorybookViteConfig.test.ts",
-    "test:preview": "bun test scripts/storybookPreview.test.ts",
-    "test:prototype": "bun test --config=./cli/bunfig.toml --coverage cli && vitest run --config .storybook/vitest.prototype.config.ts --coverage",
+    "test:package": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts package",
+    "test:preview": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts preview",
+    "test:prototype": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts prototype",
+    "test:cli": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts cli",
     "test:native": "vitest run --config .storybook/vitest.native.config.ts",
     "test:coverage": "vitest run --config .storybook/vitest.coverage.config.ts --coverage",
     "test:contrast": "vitest run --config .storybook/vitest.contrast.config.ts",
@@ -1067,7 +1068,7 @@
     "lint": "oxlint --deny-warnings src .storybook scripts cli templates/prototype/src templates/prototype/vite.config.ts && oxfmt --check . && bun run lint:unused",
     "lint:unused": "ts-unused check tsconfig.json",
     "storybook": "bun scripts/buildLlmDocs.ts && storybook dev --host 127.0.0.1 -p 6006 --no-open",
-    "build-storybook": "bun scripts/buildLlmDocs.ts && storybook build",
+    "build-storybook": "NODE_DISABLE_COMPILE_CACHE=1 bun scripts/runTestSuite.ts storybook",
     "prepack": "bun run build",
     "test:reduced-motion": "vitest run --config .storybook/vitest.reduced-motion.config.ts",
     "test:visual": "vitest run --config .storybook/vitest.visual.config.ts Button.stories.tsx Badge.stories.tsx Card.stories.tsx Input.stories.tsx ScrollArea.stories.tsx",
@@ -1136,6 +1137,7 @@
     "embla-carousel-autoplay": "8.6.0",
     "embla-carousel-react": "^8.6.0",
     "es-toolkit": "1.52.0",
+    "execa": "10.2.1",
     "heat-graph": "0.0.25",
     "input-otp": "1.5.0",
     "leaflet": "^1.9.4",