Is it possible to use flowbite-svelte with esbuild (in Rails)?

[planetaska]

I have a Rails 7 app setup with jsbundling (esbuild).
I can use Svelte components without any issue (through esbuild-svelte). Flowbite also works.
But I can't get flowbite-svelte to work. Can you help me?

Here is the error log:

17:36:48 js.1   | ✘ [ERROR] Could not resolve "flowbite-svelte"
17:36:48 js.1   | 
17:36:48 js.1   |     components/Button.svelte:15:23:
17:36:48 js.1   |       15 │ import { Button } from "flowbite-svelte";
17:36:48 js.1   |          ╵                        ~~~~~~~~~~~~~~~~~
17:36:48 js.1   | 
17:36:48 js.1   |   The path "." is not currently exported by package "flowbite-svelte":
17:36:48 js.1   | 
17:36:48 js.1   |     ../../node_modules/flowbite-svelte/package.json:122:13:
17:36:48 js.1   |       122 │   "exports": {
17:36:48 js.1   |           ╵              ^
17:36:48 js.1   | 
17:36:48 js.1   |   None of the conditions provided ("types", "svelte") match any of the currently active conditions ("browser", "default", "import", "module"):
17:36:48 js.1   | 
17:36:48 js.1   |     ../../node_modules/flowbite-svelte/package.json:727:9:
17:36:48 js.1   |       727 │     ".": {
17:36:48 js.1   |           ╵          ^
17:36:48 js.1   | 
17:36:48 js.1   |   Consider enabling the "types" condition if this package expects it to be enabled. You can use "conditions: ['types']" to do that:
17:36:48 js.1   | 
17:36:48 js.1   |     ../../node_modules/flowbite-svelte/package.json:728:6:
17:36:48 js.1   |       728 │       "types": "./dist/index.d.ts",
17:36:48 js.1   |           ╵       ~~~~~~~
17:36:48 js.1   | 
17:36:48 js.1   |   You can mark the path "flowbite-svelte" as external to exclude it from the bundle, which will remove this error.

I have "type": "module" in package.json. And I can use other ESModules without issue.
I also tried the peer dependency popper.js alone, and it also works without any issue.
Which lead me to think it might has something to do with how the package is exported and how esbuild expects it.
Any help will be appreciated!

[planetaska]

I found the answer right after posted the question. I think I will leave the answer here just in case anyone had the same issue.
In short, I need to add a custom condition 'svelte' to esbuild, like so:

// this is in a customized esbuild config file esbuild.config.cjs

require("esbuild").context({
  entryPoints: ["application.js"],
  mainFields: ["svelte", "browser", "module", "main"],
  ...
  conditions: ['svelte'],
  ...
})

Hope it helped someone!