web-artifacts-builder

You can bundle a multi-file React app into a single shareable HTML file by running the initialization and bundling scripts, which use Parcel to compile the project and html-inline to bake all assets directly into the output.

Packaging web artifacts without external CDNs is achieved by inlining all JavaScript and CSS assets into a self-contained bundle.html file, which ensures reliable delivery and seamless viewing in Claude conversations.

Yes, the bundling pipeline supports Vite and Tailwind CSS for React artifacts. The stack integrates TypeScript, Vite, Parcel, Tailwind CSS, and shadcn/ui to satisfy end-to-end bundling and inlining requirements.

Path aliases are resolved during the TypeScript React project bundling process by using the parcel-resolver-tspaths plugin, which ensures module resolution works correctly during the Parcel compilation step.

Yes, shadcn/ui components can be used in a self-contained HTML artifact. The pipeline compiles these UI components and inlines the resulting styles and scripts into a single output file.

Both Vite and Parcel are used because the pipeline leverages Vite for frontend development tooling and Parcel for robust bundling, while html-inline ensures everything is packaged into a single file without external dependencies.