Request for Enhanced Modularization Support in Alpine.js

[sohailahmad07]

Hi,

I'm currently building a whiteboard tool using Livewire and Alpine.js, integrated with Fabric.js for the canvas API. Everything is working great except for one limitation: I'm managing all my canvas-related code in a single JavaScript file (whiteboard.js).

What I Am Trying to Achieve

I want to modularize my code by distributing different functionalities into separate files. For example:

Extracting the "undo" feature into its own file.
Separating features like adding elements and styling controls into their respective files.

However, I still need these modules to interact seamlessly with Alpine.js and each other.

If there's a way to achieve this in Alpine.js that I might have missed, please guide me. If not, I would love to see this feature added to make code management more efficient and maintainable.

Thank you!

[SimoTod]

can you post some code to highlight the issue (possibly on an online playground like codepen, jsfiddle, etc)? You should be able to split your components/stores/custom directives in multiple files and it should still work.

[ekwoka]

There's no reason you can't split it up however you like for features.