Bundle frontend app

[huchenlei]

This PR makes ComfyUI frontend bundled as a normal web app, while being backward compatible with the exsiting extension ecosystem.

The solution is to add a shim layer with custom vite plugin. All existing exports from all source files will be write to window.comfyAPI.{module name}.{export symbol} and shim function will create .js shim file at the original module's location to re-export bindings on window object so that extention code still perceives these modules.

Example generated shim file dist/scripts/app.js:

// Shim for scripts\app.ts
export const ANIM_PREVIEW_WIDGET = window.comfyAPI.app.ANIM_PREVIEW_WIDGET;
export const ComfyApp = window.comfyAPI.app.ComfyApp;
export const app = window.comfyAPI.app.app;

Example generated code to write to window.comfyAPI:

window.comfyAPI = window.comfyAPI || {};
window.comfyAPI.app = window.comfyAPI.app || {};
window.comfyAPI.app.ANIM_PREVIEW_WIDGET = ANIM_PREVIEW_WIDGET;
window.comfyAPI.app.ComfyApp = ComfyApp;
window.comfyAPI.app.app = app$1;

TODO

• Verify that generated code works well when content in dist/ is placed under web/ in main comfyui repo
• Adjust existing tests to accept this change

[huchenlei]

Note:

The jest mocking no longer works because everything now is bundled. We need to find another way to hijack the api behaviour.

[huchenlei]

Note:

The jest mocking no longer works because everything now is bundled. We need to find another way to hijack the api behaviour.

Test issue solved in https://github.com/huchenlei/ComfyUI_frontend/pull/19