Integrating svelte injector into existing angularjs application

[XShep]

Hi,

I tried to integrate Svelte components into an existing AngularJS application by using svelte-injector, but I always fail to successfully load it and the documentation of svelte-injector is not very clear to me.

Do you have an existing example, maybe on codesandbox.io, how to integrate Svelte components into AngularJS.
If you have one for ReactJS it would be fine too.

[KoRnFactory]

Hi,

sorry for the late response, here you are with some working examples

AngularJS

Here is a CodeSandbox with a barebone AngularJS project.

Now you can use your svelte components links this:

<svelte-component component="my-component-identifier"></svelte-component>

React

Here is a CodeSandbox with a barebone React project.
I realized I need to update the helper component for React, cause it only works with Typescript. In this example I rewrote it in place.

In general, the main steps are:

1. Adding the loader
2. Writing App.svelte with <InjectedComponents/> and instantiating it (new App({target: domElement})).
3. Adding the svelteComponent helper to your existing components.
4. Linking your Svelte components with some identifier.

If you could highlight what parts of the docs are unclear, I will try to make them more helpful.

Thanks!