import { defineConfig, Plugin } from 'vite'; import { viteStaticCopy } from 'vite-plugin-static-copy' import path from 'path'; interface ShimResult { code: string; exports: string[]; } function comfyAPIPlugin(): Plugin { return { name: 'comfy-api-plugin', transform(code: string, id: string) { // TODO: Remove second condition after all js files are converted to ts if (id.endsWith('.ts') || (id.endsWith('.js') && id.includes("extensions/core"))) { const result = transformExports(code, id); if (result.exports.length > 0) { const projectRoot = process.cwd(); const relativePath = path.relative(path.join(projectRoot, 'src'), id); const shimFileName = relativePath.replace(/\.ts$/, '.js'); const shimComment = `// Shim for ${relativePath}\n`; this.emitFile({ type: "asset", fileName: shimFileName, source: shimComment + result.exports.join(""), }); } return { code: result.code, map: null // If you're not modifying the source map, return null }; } } }; } function transformExports(code: string, id: string): ShimResult { const moduleName = getModuleName(id); const exports: string[] = []; let newCode = code; // Regex to match different types of exports const regex = /export\s+(const|let|var|function|class|async function)\s+([a-zA-Z$_][a-zA-Z\d$_]*)(\s|\()/g; let match; while ((match = regex.exec(code)) !== null) { const name = match[2]; // All exports should be bind to the window object as new API endpoint. if (exports.length == 0) { newCode += `\nwindow.comfyAPI = window.comfyAPI || {};`; newCode += `\nwindow.comfyAPI.${moduleName} = window.comfyAPI.${moduleName} || {};`; } newCode += `\nwindow.comfyAPI.${moduleName}.${name} = ${name};`; exports.push(`export const ${name} = window.comfyAPI.${moduleName}.${name};\n`); } return { code: newCode, exports, }; } function getModuleName(id: string): string { // Simple example to derive a module name from the file path const parts = id.split('/'); const fileName = parts[parts.length - 1]; return fileName.replace(/\.\w+$/, ''); // Remove file extension } export default defineConfig({ server: { open: true, proxy: { // Proxy websocket requests to the server '/': { target: 'ws://127.0.0.1:8188', ws: true, } } }, plugins: [ comfyAPIPlugin(), viteStaticCopy({ targets: [ {src: "src/lib/*", dest: "lib/"}, ], }), ], build: { minify: false, sourcemap: true, rollupOptions: { // Disabling tree-shaking // Prevent vite remove unused exports treeshake: false } }, });