Using vite as bundler breaks the application

[lordrip]

Describe the problem The SVGArrowMarker component tries to use the global object. When using vite as a bundler, this object seems to not be available, therefore making the application crash.

How do you reproduce the problem?

1. Checkout this branch
2. Install dependencies with yarn install
3. Run yarn workspace @kaoto-next/ui run start
4. Open the following URL http://localhost:5173/#/
5. Notice the stack-trace in the console.

Expected behavior When using vite it should work.

Is this issue blocking you? Following this answer on SO helped.

In a nutshell, adding:

    <script type="module">
      window.global ||= window;
    </script>

into the index.html helped, but the problem will continue if vite is used as a library bundler since the consumer would need to add the workaround as well.

Screenshots

Stacktrace

Component source code

What is your environment?

• OS: Fedora 38 CSB
• Browser: Firefox developer edition
• Version: 117.0b9 (64-bit)

What is your product and what release date are you targeting?

• Project: Kaoto
• release date: 2024/Q1 (A workaround is available in the meantime)

Any other information?

[nicolethoen]

It's worth attempting to evaluate and possibly remove references to 'global' and 'window' in general since that makes it much more difficult to bundle topology.

[github-actions[bot]]

:tada: This issue has been resolved in version 5.2.0-prerelease.1 :tada:

The release is available on:

• GitHub release
• npm package (@prerelease dist-tag)

Your semantic-release bot :package::rocket: