Custom UiPath Assistant Widgets

We know that each company has its own unique set of tasks and Business Models that need to be accommodated by the tools used in resolving them. We also know that sometimes it is hard to find the software perfectly matching your company’s needs.

For that, we are happy to announce that you can now build your own Widgets to make the most out of the UiPath Assistant to customize your automation and offer a better overall experience.

The default Widget Template is written in Angular 9 and is relying on the Widget APIs to handle commands for your automations.

Download the Default Widget Template

Getting started is easy and only takes a few steps:

  1. ‌Download the Default Widget Template from the GitHub Link or clone it directly in Visual ‌Studio.

  2. Install the dependencies using the following command npm i in the Visual ‌Studio terminal

  3. Modify the Template as per your needs

  4. Build the project using ng build –prod

  5. The Widget is saved in the %APPDATA%/UiPath/widgets folder

  6. Drag and drop the .js file on the Assistant

For a better understanding, a webinar took place with our Product & Dev team for the TechGig ‌platform in which the feature has been presented in more depth.

The full video recording including the Q & A session can be found here.

Please keep in mind that adding Custom Widgets to the UiPath Assistant is still an experimental feature and not fully stable. As the Widgets rely on APIs, we do not recommend building them for Production use. The API collection used can change causing failures or unwanted behavior.

We would also love to hear your thoughts and ‌feedback on the overall process of building and adding Custom Widgets in the UiPath Assistant. If you have any suggestions, comments or general opinions, please don’t hesitate to let us know on this page or through any of these ways.

32 Likes

Looking forward…

1 Like

How to debug the UIpath Assistant

What exactly you want to debug

Debug ui design of Uipath assistant

Hello @Rares_Dumitru_Prisacariu,

We tried to build a custom widget using the Default Widget Template from GitHub repo. All we wanted to do was call some APIs using basic authentication. But initially we got the <module>, required by <plugin> was not found error for ‘@angular/common/http’ and then we added it as bundled dependancy as suggested in the read me. Now with the HttpClientModule added to main.module.ts (as an import) and having added it as bundled dependancy. The widget gives the following error when deployed (May be I am doing something wrong on Angular side as well). Also, was wondering can we call other APIs from the Widget does it allow us to do this ? or is it that you want us to only focus on Orchestrator/Robot APIs ?

Thanks & Regards,
Nithin

2 Likes

HI Nithin,

I am new to UIPath and planning to integrate some orchestrator API with Widgets. Please let me know you were able to create a successfully solution… If so please can you share template with me.

Thanks
Archana