vibe-coding-bundler

import { createBundler, initialize } from 'vibe-coding-bundler'; async function runBundler() { // Initialize esbuild-wasm (only needed once per application lifetime) await initialize(); // Create a bundler instance with a custom fetcher for external modules const bundler = createBundler({ fetcher: async (url) => { // Example: add custom headers or caching logic const response = await fetch(url); if (!response.ok) { throw new Error(`Failed to fetch ${url}: ${response.statusText}`); } return { contents: await response.text() }; }, }); // Define virtual files and an import map for resolving bare specifiers const files = { '/src/index.ts': ` import { useState } from 'react'; export function App() { const [count, setCount] = useState(0); return <button onClick={() => setCount(c => c + 1)}>{count}</button>; } console.log('App loaded'); `, }; const importMap = { imports: { react: 'https://esm.sh/react@18', 'react/': 'https://esm.sh/react@18/' // Important for subpaths }, }; // Bundle the code const result = await bundler.bundle( '/src/index.ts', // Entry point files, // Virtual file system importMap, // Import map configuration { format: 'esm', minify: true, sourcemap: 'inline', target: 'es2020' } ); // Log the bundled output (typically a single output file 'index.js') console.log(result.outputFiles['index.js']); // Example: Run the bundled code in a browser context const script = document.createElement('script'); script.type = 'module'; script.textContent = result.outputFiles['index.js']; document.body.appendChild(script); } runBundler().catch(console.error);