AI Frontend Previewer

Version updated for https://github.com/akshar-ojus/ai-frontend-previewer to version v1.1.1.

  • This action is used across all versions by ? repositories.

Go to the GitHub Marketplace to find the latest changes.

Action Summary

AI Frontend Previewer is a GitHub Action that automates the generation and deployment of live previews for React components modified in a Pull Request. It uses Google Gemini AI to analyze component code, generate realistic mock data, and wrap components in necessary contexts (like routers or Redux) to ensure functionality. This action streamlines testing and review processes by providing an interactive preview dashboard without requiring manual configuration or setup.

Release notes

Major Feature: Network Interception

AI Frontend Previewer now mocks API calls automatically!

  • 🧠 Smart Analysis: The AI detects fetch, axios, and API calls in your code.
  • 🕵️ Network Interceptor: A script injects into the preview to hijack window.fetch.
  • ⚡ Instant Data: Instead of failing with 404 errors, your components receive realistic AI-generated JSON responses immediately.

🐛 Other Improvements

  • Enhanced TypeScript interface parsing.
  • Improved image placeholder generation.