Use vite scaffolding for framework option

[gevera]

Code of Conduct

• I agree to follow this project's Code of Conduct

AI Policy

• I agree to follow this project's AI Policy, or I agree that AI was not used while creating this issue.

Is your feature request related to a problem? Please describe.

At the moment, there is react for framework option. I am quite sure, there will be demand for other frameworks like Vue, Svelte, Solid etc. Maintaining all that is quite cumbersome. I

Describe the solution you'd like

I wonder if it would be easier just use vite for that. Pass whatever framework it supports and add a plugin. So instead of supporting each framework and dealing with all the intricacies of them, just have a vite plugin to integrate ash typescript with all of them at once. Just a thought

Describe alternatives you've considered

No response

Additional context

No response

[zachdaniel]

Sounds interesting 😄. Vite is on the list of tools we want to integrate into the installer, and would likely use it for vue/svelte/inertia. We started simple for now, but the idea of using a vite plugin itself I hadn't considered.

[Torkan]

At the end of the day, AshTypescript just generates completely regular TypeScript types and completely regular functions for running actions that leverages those types, so there is really nothing that is needed to start using it in any Node/JS-runtime 😄

So technically you can just configure your phoenix project to use Vite and any front-end framework you please, AshTypescript will work with all of them without any extra effort needed 😎

Ideally, there should be independent igniter installers/tasks that takes care of setting up for example React, Svelte, Vue, Solid in your Phoenix project. You should also be able to choose between esbuild & Vite, and if you want to use Inertia for example.

That is really not something an AshTypescript concern though, it's more a "I have a Phoenix project but I want to use via "-concern 😅

Since the default Phoenix setup uses esbuild, and esbuild supports using React out of the box, it was trivial to just add the current framework react-option to the installer.

Hopefully we'll be able to start a community effort for building igniter tasks that sets up Vite and all the major front-end frameworks in your Phoenix project, then everyone could benefit from them (not just AshTypescript) 😄

[garlandcrow]

This is the biggest bummer I have with Elixir/Phoenix ecosystem and yes I understand why they picked esbuild, but it just really is not the thing for frontend people. Vite is the tool everyone uses and it is not trivial to setup phoenix to use Vite. Yes there should be some igniter task to do this but there is not and you will struggle very hard to find any working repo in on all of github for using vite with Phoenix.

live_svelte has the same attitude and just uses esbuild because thats what phoenix did and its so tricky to use I just gave up on svelte altogether and use vue because the live_vue creator (this is a port of live_svelte to vue) has it setup vite for you. its easier to switch your frontend framework than it is to figure out how to setup vite with phoenix.

[zachdaniel]

Just a note that there is an installer for vite: https://hex.pm/packages/phoenix_vite

We will probably build on top of that in our installer, but it can be used on its own 😄 😄

[Torkan]

This certainly took a while, but the ash_typescript installer has now been updated in main, and now supports React, Svelte, SolidJS & Vue, also using Vite 😄

There is also an option to install Inertia with working SSR using any of these frameworks.

If you want to use bun instead of node/npm, there's an option for that as well 😄

New release will most likely see the light of day tomorrow, so closing this one.