/plugin-examples

Plugin examples for SDK workshops

Primary LanguageTypeScript

Plugin Examples

Plugin examples to showcase the SDK functionality.

1. Build first plugin

A simple plugin showcasing how to connect the plugin with the UI panel, how to query the network model and how to apply changes to the model.

2. Extend map visuals

A plugin showcasing how to change base map visuals given a condition. In this case, pipes installed before the date introduced in the panel are shown in orange.

3. Integrate external service

This plugin consumes fake work order data from a stubbed API. It showcases how to access an external service and apply model and map changes given the data received from the external API

In this case, the status of a network operator van is tracked in the map, and accessible through a popover. When a valve becomes closed due to the operator action, it gets closed in the model too

The fake API rotates the response in order every few seconds, from the ones in the data.json file

4. Integrate AI assistant

Works exactly like the number 2 plugin (Extend map visuals), but showcases how to add AI integration to use the plugin from Q assistant.

5. Map Overlays

This example showcases how different layers can be used as overlays, to display content on the map.

6. Integrate external service using API secrets

This plugin integrates Qatium with a weather forecast API, and uses Qatium's secrets storage to securely store the API key.