Not able to integrate Camunda 8 Tasklist as Web Component

[Kavita]

Hello Camunda Community,

I am seeking assistance with a small POC I am currently working on. Specifically, I am trying to load the Camunda 8 Tasklist “Client” app [camunda/tasklist/client at main · camunda/camunda · GitHub] within a web component. The code for my web component is part of a different project.

In my project, I have a custom function designed to dynamically load the script of a micro-frontend. To test this, I initially created a basic Angular app as a micro-frontend and successfully loaded it inside the web component of my shell app.

However, when I attempted to replace this micro-frontend with the Tasklist “Client” app, I encountered some issues. The shell project expects an entry point for the Tasklist “Client,” and I used the following URL as the entry point:

• Script bundle considered as entry point: [http://localhost:3000/node_modules/.vite/deps/react-dom_client.js?v=ecd5a86]

The shell app successfully creates a custom element, but an error occurs while loading the “Client,” as shown below:

I am not sure if anyone has tried this before. I searched the forum but couldn’t find any relevant information. I would greatly appreciate any insights or guidance from the community on how to resolve this issue.

Thank you in advance for your help!

[nathan.loding]

Hi @Kavita - that “client” is the full front-end for Tasklist, not an independent Tasklist component. (The term “client” here refers to it being the client-side half of the application, with the server-side app available one folder higher.) It currently cannot be integrated into an application as a component. You may be able to add it as an iframe - I think other users have tried this, but I personally haven’t. Alternately, you can use the Tasklist API’s to create your own front-end and include that in your application.