Fable Vite and Vitest (modern js/ts/react tooling support official

[jkone27]

i believe it would be great to have in official fable support for Vite and Vitest for several reasons, but mainly also compatibility with great javascript modern tooling like bun and deno

• https://vitest.dev/ test that use vite can transpile F# to TS/TS and is one of the fastest test runners
• deno support for vite 🍇⚡️ : https://docs.deno.com/runtime/fundamentals/web_dev/#vite
• bun support for vite: https://bun.sh/guides/ecosystem/vite
• https://nojaf.com/vite-plugin-fable/ awesome thanks @nojaf 🤩 AWESOME Fable vite plugin

deno2.0 and its bindings?
Here AngelMunoz 🦔 already made some great work already:

• https://github.com/AngelMunoz/fable-deno - might work with some apis but might miss others
• Fable, Deno and Bun probably one of the coolest fable articles from 2022

deno brings to js a common cli utility for many tasks a bit like dotnet cli, in similar ways to bun

• https://deno.com/
• https://bun.sh/

i think both deno and bun work great with vite, so in this context also the awesome vite-plugin-fable is essential and should be considered for adoption in Fable repository?

if Fable strives to be part of the actual JS/TS ecosystem it should become available via common tools like vite, vitest, deno, bun else it's unlikely for Fable to ever catch up market share?

Here a sample working app using Vite and Vitest with Fable and Feliz (React dsl)!
https://github.com/jkone27/feliz-vite

Would be great to see maybe such projects brought forward and financed somehow?

[nojaf]

Hi! I'm happy to transfer ownership of the Vite plugin, including both the source code and the npm package.

The tricky part is that this would add an additional responsibility for Maxime and NCave, so it would be wonderful if you could volunteer to take ownership of this within the Fable umbrella. I’d be glad to assist you if you encounter any difficulties.

[jkone27]

i really have almost no experience with FE tooling or mantaining actual professional oss projects/repos... 🙇🏻‍♂️ so I think is fair to lower expectations, but i could collab if some other senior with a fair amount of js/ts dev experience could co own this effort ... 🤝

[nojaf]

I understand that this feels uncomfortable and you may think you’re not suited for this job. However, you have an interest here, so it’s important to step up and take action.

The project is in decent shape, and you can still connect with the original author. There are tougher projects out there to take over, so don’t be afraid to learn something new. Your fear of the unknown is unfounded.

[MangelMaxime]

To make an effort in this direction, we could transfer the Vite plugin under fable-compiler org but mark the repository as a community supported tool.

Do you think this is a good idea @nojaf ?

[nojaf]

That works for me, but without some ownership, it may just fade away under another name.

It would be great if someone could at least respond to newly opened issues.

Ultimately, it would be ideal if this could fit into the main Fable repository. There’s likely some code reuse and synergy possible. However, moving to the Fable organization is a good first step.

@laurentpayot, are you interested in helping out here as well? I believe you might be using this plugin.

[laurentpayot]

@nojaf I wish I could be useful to vite-plugin-fable, but as the docs say:

Contributing to this project presents a significant challenge, necessitating a broad understanding of the aforementioned topics. This isn't by design but simply reflects the complex nature of the project.

… and I still don’t really understand how the Fable compiler F#-fork-black-magic works 😅 (I’m relatively new to F#, coming from an Elm + TS stack). Plus, unfortunately, I don’t even have time to address my own public repositories issues 🥵

[nojaf]

That sounds fair. I mentioned you because I believe you used the plugin at some point. It can be helpful to involve people who actually use it; they might be motivated to help keep this going.

[Freymaurer]

Just want to chime in, i have also set up a test environment using vitest and storybook for fable react components here.

If we can get some roadmap going i am willing to participate, as this is also interesting for my work 🙂

[Freymaurer]

https://www.npmjs.com/~freymaurer

[Freymaurer]

I setup a minimal repo to showcase library development with fable, vite, vitest:

https://codesandbox.io/p/github/Freymaurer/vite-plugin-fable-library-example/main?import=true

Edit fixed link (hopefully) 😞

[nojaf]

That doesn't seem to be public.
Might be worth updating https://github.com/fable-compiler/vite-plugin-fable/tree/main/sample-project to cover these things.
There is a dev container if people really want to play with that in the browser.

[Freymaurer]

That doesn't seem to be public.

Should be fixed now.

Might be worth updating https://github.com/fable-compiler/vite-plugin-fable/tree/main/sample-project to cover these things.
There is a dev container if people really want to play with that in the browser.

Yes! For now i am trying things out in isolated environment, but the idea is to move everything inside the repo in the end.

[jkone27]

https://www.npmjs.com/~jkone27