codemeld 2.1.0

package/dist/generators/test-generator.js

@@ -0,0 +1,398 @@
+/**
+ * Generate a vitest.config.ts file for the converted project.
+ */
+export function generateVitestConfig() {
+    return `/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./src/test/setup.ts'],
+    css: true,
+    include: ['src/**/*.{test,spec}.{ts,tsx}'],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      include: ['src/components/**/*.tsx'],
+    },
+  },
+});
+`;
+}
+/**
+ * Generate the test setup file (src/test/setup.ts) with testing-library matchers.
+ */
+export function generateTestSetup() {
+    return `import '@testing-library/jest-dom/vitest';
+import { cleanup } from '@testing-library/react';
+import { afterEach } from 'vitest';
+
+// Automatic cleanup after each test
+afterEach(() => {
+  cleanup();
+});
+
+// Mock window.matchMedia for components that use media queries
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: (query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: () => {},
+    removeListener: () => {},
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    dispatchEvent: () => false,
+  }),
+});
+
+// Mock IntersectionObserver for scroll-based components
+class MockIntersectionObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+Object.defineProperty(window, 'IntersectionObserver', {
+  writable: true,
+  value: MockIntersectionObserver,
+});
+`;
+}
+/**
+ * Generate a test file for a specific component.
+ */
+export function generateComponentTest(component, analysis) {
+    const imports = buildImports(component, analysis);
+    const tests = buildTests(component, analysis);
+    return `${imports}
+
+describe('${component.name}', () => {
+${tests}
+});
+`;
+}
+/**
+ * Return the devDependency packages needed for the test infrastructure.
+ */
+export function generateTestPackageDeps() {
+    return {
+        'vitest': '^1.6.0',
+        '@testing-library/react': '^15.0.0',
+        '@testing-library/jest-dom': '^6.4.0',
+        '@testing-library/user-event': '^14.5.0',
+        '@vitest/coverage-v8': '^1.6.0',
+        'jsdom': '^24.0.0',
+    };
+}
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------
+function needsRouter(component) {
+    return (component.jsx.includes('<Link') ||
+        component.jsx.includes('<NavLink') ||
+        component.jsx.includes('useNavigate') ||
+        component.jsx.includes('useLocation') ||
+        component.hooks.has('useNavigate') ||
+        component.hooks.has('useLocation'));
+}
+function hasForm(component, analysis) {
+    if (component.jsx.includes('<form') || component.jsx.includes('<Form'))
+        return true;
+    if (analysis?.interactivePatterns?.formHandlers?.length)
+        return true;
+    if (analysis?.interactivePatterns?.formValidations?.length)
+        return true;
+    return false;
+}
+function buildImports(component, analysis) {
+    const lines = [];
+    // Core testing imports
+    lines.push(`import { describe, it, expect, vi } from 'vitest';`);
+    // Determine which testing-library utilities we need
+    const tlUtils = new Set(['render', 'screen']);
+    if (component.eventHandlers.length || hasForm(component, analysis)) {
+        tlUtils.add('fireEvent');
+    }
+    if (analysis?.fetchCalls?.length) {
+        tlUtils.add('waitFor');
+    }
+    lines.push(`import { ${[...tlUtils].join(', ')} } from '@testing-library/react';`);
+    if (component.eventHandlers.length || hasForm(component, analysis)) {
+        lines.push(`import userEvent from '@testing-library/user-event';`);
+    }
+    // Router wrapper
+    if (needsRouter(component)) {
+        lines.push(`import { MemoryRouter } from 'react-router-dom';`);
+    }
+    // Component under test
+    lines.push(`import ${component.name} from './${component.name}';`);
+    return lines.join('\n');
+}
+function indent(text, level) {
+    const pad = '  '.repeat(level);
+    return text
+        .split('\n')
+        .map((l) => (l.trim() ? pad + l : ''))
+        .join('\n');
+}
+function renderCall(component) {
+    if (needsRouter(component)) {
+        return `render(
+      <MemoryRouter>
+        <${component.name} />
+      </MemoryRouter>
+    )`;
+    }
+    return `render(<${component.name} />)`;
+}
+function buildTests(component, analysis) {
+    const blocks = [];
+    // 1. Basic render test
+    blocks.push(buildRenderTest(component));
+    // 2. Snapshot test
+    blocks.push(buildSnapshotTest(component));
+    // 3. State interaction tests
+    if (component.stateVars.length > 0) {
+        blocks.push(buildStateTests(component));
+    }
+    // 4. Event handler tests
+    if (component.eventHandlers.length > 0) {
+        blocks.push(buildEventHandlerTests(component));
+    }
+    // 5. Form submission tests
+    if (hasForm(component, analysis)) {
+        blocks.push(buildFormTests(component, analysis));
+    }
+    // 6. Async / fetch tests
+    if (analysis?.fetchCalls?.length) {
+        blocks.push(buildAsyncTests(component, analysis));
+    }
+    return blocks.join('\n\n');
+}
+// -- Individual test builders -----------------------------------------------
+function buildRenderTest(component) {
+    return indent(`it('renders without crashing', () => {
+  ${renderCall(component)};
+  expect(document.querySelector('.${camelToKebab(component.name)}') || document.body.firstChild).toBeTruthy();
+});`, 1);
+}
+function buildSnapshotTest(component) {
+    return indent(`it('matches snapshot', () => {
+  const { container } = ${renderCall(component)};
+  expect(container).toMatchSnapshot();
+});`, 1);
+}
+function buildStateTests(component) {
+    const tests = component.stateVars.map((sv) => {
+        const label = camelToWords(sv.name);
+        // If the initial value is a boolean, we can test toggle behaviour
+        if (sv.initialValue === 'false' || sv.initialValue === 'true') {
+            return indent(`it('toggles ${label} state', async () => {
+  const user = userEvent.setup();
+  ${renderCall(component)};
+
+  // Find the interactive element that likely controls "${sv.name}"
+  const toggleEl =
+    screen.queryByRole('button', { name: new RegExp('${label}', 'i') }) ??
+    screen.queryByText(new RegExp('${label}', 'i'));
+
+  if (toggleEl) {
+    await user.click(toggleEl);
+    // After click the DOM should have changed
+    expect(toggleEl).toBeInTheDocument();
+  }
+});`, 1);
+        }
+        // Numeric counters
+        if (/^\d+$/.test(sv.initialValue)) {
+            return indent(`it('updates ${label} state', async () => {
+  const user = userEvent.setup();
+  ${renderCall(component)};
+
+  // Look for an element displaying the initial value
+  const display = screen.queryByText('${sv.initialValue}');
+  if (display) {
+    expect(display).toBeInTheDocument();
+  }
+
+  // Attempt to find a button that changes the value
+  const trigger =
+    screen.queryByRole('button', { name: new RegExp('${label}|increment|add', 'i') }) ??
+    screen.queryByRole('button');
+  if (trigger) {
+    await user.click(trigger);
+  }
+});`, 1);
+        }
+        // String / generic state
+        return indent(`it('manages ${label} state', () => {
+  const { container } = ${renderCall(component)};
+  // "${sv.name}" initialised to ${sv.initialValue}
+  expect(container).toBeTruthy();
+});`, 1);
+    });
+    return tests.join('\n\n');
+}
+function buildEventHandlerTests(component) {
+    const tests = component.eventHandlers.map((eh) => {
+        const eventName = eh.event.replace(/^on/, '').toLowerCase();
+        const label = camelToWords(eh.handler);
+        // Map common React event names to fireEvent methods
+        const fireEventMethod = mapEventToFireEvent(eventName);
+        return indent(`it('handles ${eventName} event (${label})', async () => {
+  const user = userEvent.setup();
+  ${renderCall(component)};
+
+  // Find the element that has the ${eventName} handler
+  const target =
+    screen.queryByRole('button') ??
+    screen.queryByRole('link') ??
+    document.querySelector('${eh.elementSelector || '*'}');
+
+  if (target) {
+    ${fireEventMethod === 'click'
+            ? 'await user.click(target);'
+            : `fireEvent.${fireEventMethod}(target);`}
+    // Verify the component is still mounted after event
+    expect(target).toBeInTheDocument();
+  }
+});`, 1);
+    });
+    return tests.join('\n\n');
+}
+function buildFormTests(component, analysis) {
+    const formHandlers = analysis?.interactivePatterns?.formHandlers ?? [];
+    const hasEmail = formHandlers.some((fh) => fh.isEmail);
+    const emailBlock = hasEmail
+        ? `
+  // Fill in email field
+  const emailInput = screen.queryByRole('textbox', { name: /email/i }) ??
+    screen.queryByPlaceholderText(/email/i) ??
+    container.querySelector('input[type="email"]');
+  if (emailInput) {
+    await user.clear(emailInput);
+    await user.type(emailInput, 'test@example.com');
+    expect(emailInput).toHaveValue('test@example.com');
+  }`
+        : '';
+    return indent(`it('handles form submission', async () => {
+  const user = userEvent.setup();
+  const { container } = ${renderCall(component)};
+
+  const form = container.querySelector('form');
+  expect(form).toBeTruthy();
+
+  // Fill in text inputs
+  const textInputs = container.querySelectorAll('input[type="text"], input:not([type])');
+  for (const input of textInputs) {
+    await user.clear(input as HTMLElement);
+    await user.type(input as HTMLElement, 'test value');
+  }
+${emailBlock}
+
+  // Submit
+  const submitBtn =
+    screen.queryByRole('button', { name: /submit|send|save/i }) ??
+    container.querySelector('button[type="submit"]') ??
+    container.querySelector('input[type="submit"]');
+  if (submitBtn) {
+    await user.click(submitBtn);
+  }
+});
+
+it('validates required fields', async () => {
+  const user = userEvent.setup();
+  const { container } = ${renderCall(component)};
+
+  // Try submitting without filling required fields
+  const submitBtn =
+    screen.queryByRole('button', { name: /submit|send|save/i }) ??
+    container.querySelector('button[type="submit"]');
+  if (submitBtn) {
+    await user.click(submitBtn);
+    // Check if validation messages appear
+    const errorMessages = container.querySelectorAll('[class*="error"], [class*="invalid"], [role="alert"]');
+    // Component should still be mounted
+    expect(container).toBeTruthy();
+  }
+});`, 1);
+}
+function buildAsyncTests(component, analysis) {
+    const fetchCalls = analysis.fetchCalls ?? [];
+    const firstFetch = fetchCalls[0];
+    const url = firstFetch?.url ?? '/api/data';
+    return indent(`it('handles async data fetching', async () => {
+  // Mock fetch
+  const mockData = { data: 'test' };
+  const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+    new Response(JSON.stringify(mockData), {
+      status: 200,
+      headers: { 'Content-Type': 'application/json' },
+    }),
+  );
+
+  ${renderCall(component)};
+
+  await waitFor(() => {
+    // Verify fetch was called
+    expect(fetchSpy).toHaveBeenCalled();
+  });
+
+  fetchSpy.mockRestore();
+});
+
+it('handles fetch error gracefully', async () => {
+  const fetchSpy = vi.spyOn(globalThis, 'fetch').mockRejectedValue(
+    new Error('Network error'),
+  );
+
+  ${renderCall(component)};
+
+  await waitFor(() => {
+    expect(fetchSpy).toHaveBeenCalled();
+  });
+
+  // Component should not crash on error
+  expect(document.body.firstChild).toBeTruthy();
+
+  fetchSpy.mockRestore();
+});`, 1);
+}
+// -- Utility helpers --------------------------------------------------------
+function camelToKebab(str) {
+    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+function camelToWords(str) {
+    return str
+        .replace(/([a-z])([A-Z])/g, '$1 $2')
+        .replace(/[_-]/g, ' ')
+        .toLowerCase();
+}
+function mapEventToFireEvent(event) {
+    const map = {
+        click: 'click',
+        submit: 'submit',
+        change: 'change',
+        input: 'input',
+        focus: 'focus',
+        blur: 'blur',
+        keydown: 'keyDown',
+        keyup: 'keyUp',
+        keypress: 'keyPress',
+        mouseover: 'mouseOver',
+        mouseout: 'mouseOut',
+        mouseenter: 'mouseEnter',
+        mouseleave: 'mouseLeave',
+        scroll: 'scroll',
+        resize: 'resize',
+        touchstart: 'touchStart',
+        touchend: 'touchEnd',
+    };
+    return map[event] ?? 'click';
+}
+//# sourceMappingURL=test-generator.js.map

package/dist/generators/test-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-generator.js","sourceRoot":"","sources":["../../src/generators/test-generator.ts"],"names":[],"mappings":"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"}

package/dist/generators/type-generator.d.ts

@@ -0,0 +1,33 @@
+import type { ExtractedComponent, StateVariable } from '../types.js';
+import type { AnalyzedJS, FetchCall } from '../parsers/js-analyzer.js';
+export interface PropType {
+    name: string;
+    type: string;
+    required: boolean;
+    defaultValue?: string;
+    description?: string;
+}
+/**
+ * Analyzes component JSX for props usage and infers TypeScript types
+ * from usage context. Scans for `{props.x}` and destructured props patterns.
+ */
+export declare function inferPropTypes(component: ExtractedComponent): PropType[];
+/**
+ * Generates complete TypeScript interface definitions for a component's props and state.
+ */
+export declare function generateTypeDefinitions(component: ExtractedComponent, analysis?: AnalyzedJS): string;
+/**
+ * Analyzes fetch call URLs and patterns to generate response type interfaces.
+ * Groups endpoints by path and generates typed response interfaces.
+ */
+export declare function inferApiResponseType(fetchCalls: FetchCall[]): string;
+/**
+ * Generates global type definitions file content suitable for a `global.d.ts` file.
+ */
+export declare function generateGlobalTypes(): string;
+/**
+ * Maps state variable names and initial values to TypeScript types.
+ * Analyzes literal values and setter usage patterns to infer accurate types.
+ */
+export declare function inferStateTypes(stateVars: StateVariable[]): Map<string, string>;
+//# sourceMappingURL=type-generator.d.ts.map

package/dist/generators/type-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-generator.d.ts","sourceRoot":"","sources":["../../src/generators/type-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,kBAAkB,GAAG,QAAQ,EAAE,CA8ExE;AA8LD;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,kBAAkB,EAAE,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAmEpG;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,SAAS,EAAE,GAAG,MAAM,CAgDpE;AA8CD;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CA8G5C;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAS/E"}