Live Preview to SN Widget Kit.
✅ Connect to a ServiceNow instance
✅ Enable Auto Sync
✅ Open Live Preview
✅ Edit your widget locally in VS Code
✅ Watch changes appear instantly
It works in two modes:
🔹 Local Sandbox for offline development and rapid UI iteration
🔹 Real ServiceNow Runtime using the same preview page the Widget Editor uses
The Local Sandbox is ideal for most widget development, especially when working on templates, styling, client js, and responsive layouts.
For widgets that depend on embedded widgets (<sp-widget>), OOB Service Portal directives (<sp-model>, <sp-variable-layout>, <sp-attachments>), Catalog Item widgets, or server-side APIs such as $sp.getWidget() and $sp.getCatalogItem(), the Real Instance mode is recommended to ensure behavior matches the platform runtime.
The preview automatically authenticates using your stored credentials, opens already signed in, injects the hot-reload client, and updates the widget as you save.
In the video below I'm:
• Connecting to a ServiceNow instance
• Enabling Auto Sync
• Opening Live Preview
• Editing a widget locally
• Switching between Local and Instance modes
• Showing the changes reflected in the actual Service Portal
No browser extensions.
Just a faster development workflow.
📖 Check out the full release notes and the latest changes:
https://lnkd.in/d73DGJhy
Next on the roadmap: BYOK (Bring Your Own Key).
