@hustle-together/api-dev-tools 3.11.1 → 3.12.2

package/templates/api-test/test-structure/route.ts

@@ -7,9 +7,9 @@
  * @generated by @hustle-together/api-dev-tools v3.0
  */
 
-import { NextRequest, NextResponse } from 'next/server';
-import fs from 'fs';
-import path from 'path';
+import { NextRequest, NextResponse } from "next/server";
+import fs from "fs";
+import path from "path";
 
 // ============================================
 // Types
@@ -18,7 +18,7 @@ import path from 'path';
 interface TestCase {
   name: string;
   line: number;
-  status: 'pending' | 'passed' | 'failed' | 'skipped';
+  status: "pending" | "passed" | "failed" | "skipped";
   duration?: number;
   error?: string;
 }
@@ -58,7 +58,7 @@ interface TestStructure {
  * Uses brace counting to handle nested structures
  */
 function parseTestFile(content: string, filePath: string): TestFeature {
-  const lines = content.split('\n');
+  const lines = content.split("\n");
   const rootGroups: TestGroup[] = [];
   const groupStack: TestGroup[] = [];
 
@@ -77,7 +77,7 @@ function parseTestFile(content: string, filePath: string): TestFeature {
         name: describeMatch[1],
         line: lineNum,
         tests: [],
-        groups: []
+        groups: [],
       };
 
       if (groupStack.length > 0) {
@@ -97,12 +97,12 @@ function parseTestFile(content: string, filePath: string): TestFeature {
       const testCase: TestCase = {
         name: testMatch[1],
         line: lineNum,
-        status: 'pending' // Will be updated by test runner results
+        status: "pending", // Will be updated by test runner results
       };
 
       // Check for .skip or .todo
-      if (line.includes('.skip') || line.includes('.todo')) {
-        testCase.status = 'skipped';
+      if (line.includes(".skip") || line.includes(".todo")) {
+        testCase.status = "skipped";
       }
 
       groupStack[groupStack.length - 1].tests.push(testCase);
@@ -114,7 +114,11 @@ function parseTestFile(content: string, filePath: string): TestFeature {
     braceCount += openBraces - closeBraces;
 
     // Pop group from stack when we close its scope
-    if (inDescribe && braceCount <= currentDescribeBraceStart && groupStack.length > 0) {
+    if (
+      inDescribe &&
+      braceCount <= currentDescribeBraceStart &&
+      groupStack.length > 0
+    ) {
       groupStack.pop();
       if (groupStack.length === 0) {
         inDescribe = false;
@@ -126,15 +130,20 @@ function parseTestFile(content: string, filePath: string): TestFeature {
   }
 
   // Count tests
-  const countTests = (groups: TestGroup[]): { total: number; passed: number; failed: number; skipped: number } => {
-    let total = 0, passed = 0, failed = 0, skipped = 0;
+  const countTests = (
+    groups: TestGroup[],
+  ): { total: number; passed: number; failed: number; skipped: number } => {
+    let total = 0,
+      passed = 0,
+      failed = 0,
+      skipped = 0;
 
     for (const group of groups) {
       for (const test of group.tests) {
         total++;
-        if (test.status === 'passed') passed++;
-        else if (test.status === 'failed') failed++;
-        else if (test.status === 'skipped') skipped++;
+        if (test.status === "passed") passed++;
+        else if (test.status === "failed") failed++;
+        else if (test.status === "skipped") skipped++;
       }
       const nested = countTests(group.groups);
       total += nested.total;
@@ -155,7 +164,7 @@ function parseTestFile(content: string, filePath: string): TestFeature {
     totalTests: counts.total,
     passedTests: counts.passed,
     failedTests: counts.failed,
-    skippedTests: counts.skipped
+    skippedTests: counts.skipped,
   };
 }
 
@@ -165,12 +174,12 @@ function parseTestFile(content: string, filePath: string): TestFeature {
 function findTestFiles(baseDir: string): string[] {
   const testFiles: string[] = [];
   const testPatterns = [
-    '**/*.test.ts',
-    '**/*.test.tsx',
-    '**/*.spec.ts',
-    '**/*.spec.tsx',
-    '**/__tests__/**/*.ts',
-    '**/__tests__/**/*.tsx'
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "**/__tests__/**/*.ts",
+    "**/__tests__/**/*.tsx",
   ];
 
   function walkDir(dir: string) {
@@ -182,17 +191,17 @@ function findTestFiles(baseDir: string): string[] {
 
         // Skip node_modules and hidden directories
         if (entry.isDirectory()) {
-          if (entry.name === 'node_modules' || entry.name.startsWith('.')) {
+          if (entry.name === "node_modules" || entry.name.startsWith(".")) {
             continue;
           }
           walkDir(fullPath);
         } else if (entry.isFile()) {
           // Check if file matches test patterns
           if (
-            entry.name.endsWith('.test.ts') ||
-            entry.name.endsWith('.test.tsx') ||
-            entry.name.endsWith('.spec.ts') ||
-            entry.name.endsWith('.spec.tsx')
+            entry.name.endsWith(".test.ts") ||
+            entry.name.endsWith(".test.tsx") ||
+            entry.name.endsWith(".spec.ts") ||
+            entry.name.endsWith(".spec.tsx")
           ) {
             testFiles.push(fullPath);
           }
@@ -214,7 +223,7 @@ function findTestFiles(baseDir: string): string[] {
 export async function GET(request: NextRequest) {
   try {
     const { searchParams } = new URL(request.url);
-    const testPath = searchParams.get('path');
+    const testPath = searchParams.get("path");
     const baseDir = process.cwd();
 
     let testFiles: string[];
@@ -225,7 +234,7 @@ export async function GET(request: NextRequest) {
       if (!fs.existsSync(fullPath)) {
         return NextResponse.json(
           { error: `Test file not found: ${testPath}` },
-          { status: 404 }
+          { status: 404 },
         );
       }
       testFiles = [fullPath];
@@ -238,7 +247,7 @@ export async function GET(request: NextRequest) {
 
     for (const file of testFiles) {
       try {
-        const content = fs.readFileSync(file, 'utf-8');
+        const content = fs.readFileSync(file, "utf-8");
         const relativePath = path.relative(baseDir, file);
         const feature = parseTestFile(content, relativePath);
         features.push(feature);
@@ -255,15 +264,15 @@ export async function GET(request: NextRequest) {
       passedTests: features.reduce((sum, f) => sum + f.passedTests, 0),
       failedTests: features.reduce((sum, f) => sum + f.failedTests, 0),
       skippedTests: features.reduce((sum, f) => sum + f.skippedTests, 0),
-      parsedAt: new Date().toISOString()
+      parsedAt: new Date().toISOString(),
     };
 
     return NextResponse.json(structure);
   } catch (error) {
-    console.error('Test structure parser error:', error);
+    console.error("Test structure parser error:", error);
     return NextResponse.json(
-      { error: 'Failed to parse test structure', details: String(error) },
-      { status: 500 }
+      { error: "Failed to parse test structure", details: String(error) },
+      { status: 500 },
     );
   }
 }

package/templates/component/Component.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { __COMPONENT_NAME__ } from './__COMPONENT_NAME__';
+import type { Meta, StoryObj } from "@storybook/react";
+import { __COMPONENT_NAME__ } from "./__COMPONENT_NAME__";
 
 /**
  * __COMPONENT_NAME__ - __COMPONENT_DESCRIPTION__
@@ -7,51 +7,51 @@ import { __COMPONENT_NAME__ } from './__COMPONENT_NAME__';
  * This component was created using the Hustle UI Create workflow.
  */
 const meta: Meta<typeof __COMPONENT_NAME__> = {
-  title: 'Components/__COMPONENT_NAME__',
+  title: "Components/__COMPONENT_NAME__",
   component: __COMPONENT_NAME__,
   parameters: {
-    layout: 'centered',
+    layout: "centered",
     docs: {
       description: {
-        component: '__COMPONENT_DESCRIPTION__',
+        component: "__COMPONENT_DESCRIPTION__",
       },
     },
   },
-  tags: ['autodocs'],
+  tags: ["autodocs"],
   argTypes: {
     variant: {
-      control: 'select',
-      options: ['primary', 'secondary', 'destructive', 'outline', 'ghost'],
-      description: 'Visual style variant',
+      control: "select",
+      options: ["primary", "secondary", "destructive", "outline", "ghost"],
+      description: "Visual style variant",
       table: {
-        defaultValue: { summary: 'primary' },
+        defaultValue: { summary: "primary" },
       },
     },
     size: {
-      control: 'select',
-      options: ['sm', 'md', 'lg'],
-      description: 'Size variant',
+      control: "select",
+      options: ["sm", "md", "lg"],
+      description: "Size variant",
       table: {
-        defaultValue: { summary: 'md' },
+        defaultValue: { summary: "md" },
       },
     },
     loading: {
-      control: 'boolean',
-      description: 'Shows loading spinner',
+      control: "boolean",
+      description: "Shows loading spinner",
       table: {
-        defaultValue: { summary: 'false' },
+        defaultValue: { summary: "false" },
       },
     },
     disabled: {
-      control: 'boolean',
-      description: 'Disables the component',
+      control: "boolean",
+      description: "Disables the component",
       table: {
-        defaultValue: { summary: 'false' },
+        defaultValue: { summary: "false" },
       },
     },
     children: {
-      control: 'text',
-      description: 'Content inside the component',
+      control: "text",
+      description: "Content inside the component",
     },
   },
 };
@@ -64,8 +64,8 @@ type Story = StoryObj<typeof meta>;
  */
 export const Primary: Story = {
   args: {
-    variant: 'primary',
-    children: 'Primary __COMPONENT_NAME__',
+    variant: "primary",
+    children: "Primary __COMPONENT_NAME__",
   },
 };
 
@@ -74,8 +74,8 @@ export const Primary: Story = {
  */
 export const Secondary: Story = {
   args: {
-    variant: 'secondary',
-    children: 'Secondary __COMPONENT_NAME__',
+    variant: "secondary",
+    children: "Secondary __COMPONENT_NAME__",
   },
 };
 
@@ -84,8 +84,8 @@ export const Secondary: Story = {
  */
 export const Destructive: Story = {
   args: {
-    variant: 'destructive',
-    children: 'Delete Item',
+    variant: "destructive",
+    children: "Delete Item",
   },
 };
 
@@ -94,8 +94,8 @@ export const Destructive: Story = {
  */
 export const Outline: Story = {
   args: {
-    variant: 'outline',
-    children: 'Outline __COMPONENT_NAME__',
+    variant: "outline",
+    children: "Outline __COMPONENT_NAME__",
   },
 };
 
@@ -104,8 +104,8 @@ export const Outline: Story = {
  */
 export const Ghost: Story = {
   args: {
-    variant: 'ghost',
-    children: 'Ghost __COMPONENT_NAME__',
+    variant: "ghost",
+    children: "Ghost __COMPONENT_NAME__",
   },
 };
 
@@ -114,8 +114,8 @@ export const Ghost: Story = {
  */
 export const Small: Story = {
   args: {
-    size: 'sm',
-    children: 'Small __COMPONENT_NAME__',
+    size: "sm",
+    children: "Small __COMPONENT_NAME__",
   },
 };
 
@@ -124,8 +124,8 @@ export const Small: Story = {
  */
 export const Large: Story = {
   args: {
-    size: 'lg',
-    children: 'Large __COMPONENT_NAME__',
+    size: "lg",
+    children: "Large __COMPONENT_NAME__",
   },
 };
 
@@ -135,7 +135,7 @@ export const Large: Story = {
 export const Loading: Story = {
   args: {
     loading: true,
-    children: 'Loading...',
+    children: "Loading...",
   },
 };
 
@@ -145,7 +145,7 @@ export const Loading: Story = {
 export const Disabled: Story = {
   args: {
     disabled: true,
-    children: 'Disabled __COMPONENT_NAME__',
+    children: "Disabled __COMPONENT_NAME__",
   },
 };
 
@@ -158,7 +158,9 @@ export const AllVariants: Story = {
       <div className="flex gap-2">
         <__COMPONENT_NAME__ variant="primary">Primary</__COMPONENT_NAME__>
         <__COMPONENT_NAME__ variant="secondary">Secondary</__COMPONENT_NAME__>
-        <__COMPONENT_NAME__ variant="destructive">Destructive</__COMPONENT_NAME__>
+        <__COMPONENT_NAME__ variant="destructive">
+          Destructive
+        </__COMPONENT_NAME__>
         <__COMPONENT_NAME__ variant="outline">Outline</__COMPONENT_NAME__>
         <__COMPONENT_NAME__ variant="ghost">Ghost</__COMPONENT_NAME__>
       </div>