API Mock & Contract Builder

Analyzed InventoryTable.tsx. Generated OpenAPI 3.1 specification, Zod validation schemas, and a functional Express.js mock server with 10 realistic stock records.

API Mock & Contract Implementation

# openapi.yaml
openapi: 3.1.0
info:
  title: Inventory Management API
  version: 1.0.0
paths:
  /api/v1/inventory:
    get:
      summary: List inventory items
      parameters:
        - name: limit
          in: query
          schema:
            type: integer
            default: 10
      responses:
        '200':
          description: A list of inventory items
          content:
            application/json:
              schema:
                $ref: '#/components/schemas/InventoryPage'
components:
  schemas:
    InventoryItem:
      type: object
      required: [id, sku, quantity, status]
      properties:
        id: { type: string, format: uuid }
        sku: { type: string, pattern: '^[A-Z]{3}-\\d{4}$' }
        quantity: { type: integer, minimum: 0 }
        status: { type: string, enum: [IN_STOCK, LOW_STOCK, OUT_OF_STOCK] }
    InventoryPage:
      type: object
      properties:
        items:
          type: array
          items: { $ref: '#/components/schemas/InventoryItem' }
        total: { type: integer }

// schemas.ts
import { z } from 'zod';

export const InventoryItemSchema = z.object({
  id: z.string().uuid(),
  sku: z.string().regex(/^[A-Z]{3}-\d{4}$/),
  quantity: z.number().min(0),
  status: z.enum(['IN_STOCK', 'LOW_STOCK', 'OUT_OF_STOCK']),
});

export type InventoryItem = z.infer<typeof InventoryItemSchema>;

// mock-server.js
// Dependencies: express, uuid
const express = require('express');
const app = express();
const PORT = 4000;

const inventory = [
  { id: '550e8400-e29b-41d4-a716-446655440000', sku: 'WHS-1024', quantity: 45, status: 'IN_STOCK' },
  { id: '7c9e6679-7425-40de-944b-e07fc1f90ae7', sku: 'WHS-2055', quantity: 2, status: 'LOW_STOCK' }
];

app.get('/api/v1/inventory', (req, res) => {
  setTimeout(() => {
    res.json({ items: inventory, total: inventory.length });
  }, 250); // Simulated latency
});

app.listen(PORT, () => console.log(`Mock server running on port ${PORT}`));

Next steps

1. Run npm install express uuid to install the mock server dependencies.
2. Verify the sku regex pattern matches your specific warehouse naming conventions.
3. Integrate the InventoryItem type into your React component's data fetching hook.