✨ Introduction
Vision allows any user, whether it's your development team, to visually look at the server in operational mode. Be aware of all errors, server response time, CPU usage, and RAM. Use ready-made functions thanks to libraries for different programming languages, see below. Look at the Vision!
âś… Server errors & logs
âś… Response time monitoring
âś… CPU & RAM usage
âś… Load testing
<!-- HTML for dev server -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link
rel="icon"
type="image/svg+xml"
href="https://raw.githubusercontent.com/noneandundefined/vision-ui/refs/heads/main/public/logo-vision-none.png"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Keep up to date with what is happening on your server using - Vision UI"
/>
<!-- Stylization and actions -->
<script
type="module"
src="https://unpkg.com/@artemiik/[email protected]/dist/vision.bundle.js"
defer
></script>
<link
rel="stylesheet"
href="https://unpkg.com/@artemiik/[email protected]/dist/vision.css"
/>
<title>Look at the Vision!</title>
<!-- Defining a meta tag for the monitoring URL -->
<!-- Thanks to this meta tag, Vision will take server monitoring -->
<meta
name="monitoring-url"
content="http://localhost:8001/micro/user/admin/vision/stats"
/>
<!-- Meta tag for using authentication on Vision UI -->
<!-- Thanks to this meta tag, Vision will block access to your Vision UI monitoring until the correct password is entered -->
<!-- You can remove it or leave it -->
<meta name="authenticate" content="password_hash" />
</head>
<body>
<!--
This HTML file is a template.
Vision allows any user, whether it's your development team,
to visually look at the server in production mode.
Be aware of all errors, server response time, CPU and RAM load.
Look at the Vision!
-->
<div id="vision"></div>
</body>
</html>Versions
The current and current versions of Vision UI are listed in the table, choose the one that suits you and start watching the server.
| Vision Version | Release Date | Notes |
|---|---|---|
| 1.0.0 | 2025-02-16 | tag v1.0.0 |
Basic meta functionality
| Meta Tag | Description |
|---|---|
| monitoring-url | An tag containing a link to the json monitoring data of your server |
| authenticate | The tag that determines whether your server needs authentication before using the Vision UI |
| monitoring-file | An tag containing a link to the json monitoring file of your server |
Documentation
Usage
Packages
Contributing
Refer to our contribution guidelines and Code of Conduct for contributors.
Security contact
Please disclose any security-related issues or vulnerabilities by emailing [email protected], instead of using the public issue tracker.