Modularize code and other features

I would like to contribute to this project and I have some ideas to improve it.

Code enhancement:

• Modularize the codebase and use a tool like esbuild to speed up the compilation time by 10x approximately.
• Enable TypeScript strict mode and remove anys and nullability errors.

Features:

• Generate modular JS/TS and use // #region comments for automatically generated code.
• Generate code for other frameworks/engines.
• Generate code for other programming languages that compile to JS.

[PhaserEditor2D]

Hi @drfuzzyness

In this issue, we are talking about modularizing the Phaser Editor code, but I think you are talking about modularizing the code of your games.

Please, can you open an issue about it? You can use the same comment as issue content.

Thanks!

[drfuzzyness]

Just wanted to add my support for modularization and thoughts for this.

ES Module support would be really helpful as some newer Phaser plugins target it such as: https://github.com/RetroVX/phaser3-juice-plugin

My existing workflow for Phaser Editor 3 is to use Gulp to manage running tasks with any JavaScript transforms applied there which works well for Typescript building to an ES5 target, though I haven’t found a good way to implement module resolution.

I primarily use Rollup in production for other web projects, but ESBuild looks straightforward. I went with Rollup for its tree shaking and robust plugin library. As long as ES modules are an option within the Phaser Editor build system and a template build system can resolve both ES modules and CommonJS (think NodeJS) modules I’d be really happy.

Protonstorm has a reference Rollup project template here: https://github.com/photonstorm/phaser3-typescript-project-template

Thanks for all your hard work on Phaser Editor!