hyperjumptech / monika-config-generator Goto Github PK
View Code? Open in Web Editor NEWA web app to generate configuration file for Monika
Home Page: https://hyperjumptech.github.io/monika-config-generator/
License: MIT License
A web app to generate configuration file for Monika
Home Page: https://hyperjumptech.github.io/monika-config-generator/
License: MIT License
User cannot enter notification because they are never navigated to notifications page.
From the web-page, web-form, and api-entry, user should be navigated to notifications when clicking Next.
Social media icons have no margins in Safari for Mac.
Application shows "An unexpected error has occurred." when existing configuration file is imported. And in the browser's console, there are lots of errors: "TypeError: Cannot convert undefined or null to object"
As Monika is currently support yaml file for configuration, add selection for generating config on yaml file.
Related to set alert from database fields. Add generator options to configure alerts from database fields.
It should persist the entered URLs.
When user does not enter any URL to probe, the config generator include it in the generated config which cannot be run in Monika.
For consistency, change the footer in the config generator to be exactly the same with Monika's landing page.
The radio button is clipped in Safari
Currently all the pages have not titles in the
/
. Title: Monika Configuration Generator
. Description: Web app to generate configuration file for Monika, the open source and free monitoring tool.
/what-do-you-want
. Title: Monika Configuration Generator | Select what to monitor
./web-page
: Monika Configuration Generator | Add website URL
/notifications
: Monika Configuration Generator | Add notifications
/download
: Monika Configuration Generator | Download
/advanced
: Monika Configuration Generator | Advanced
Clicking Next when "I have used Monika before" is selected does not do anything.
Since the subject
is removed from Monika's notification, we don't need to show the subject field anymore.
When importing existing JSON configuration, the incidentThreshold
and recoveryThreshold
is not shown correctly in the form.
{
"notifications": [],
"probes": [
{
"id": "2",
"name": "github.com",
"description": "Landing page of github.com",
"interval": 20,
"incidentThreshold": 10,
"recoveryThreshold": 10,
"requests": [
{
"url": "https://github.com"
}
],
"alerts": [
{
"query": "response.status < 200 or response.status > 299"
},
{
"query": "response.time > 2000"
}
]
}
]
}
incidentThreshold
and recoveryThreshold
are different in the config file, use the bigger one.Use react-testing-library to add tests for the pages or components.
When probe has no name, generate a default name from the URL. For example, https://hyperjump.tech
becomes hyperjump_tech
To reproduce:
Cannot type anything.
In the landing page, add a box under the Next button with the following text.
If you use Visual Studio Code on a daily basis, you can write Monika configuration easily with the help of auto completion and validation by installing the YAML extension. More information can be found in our Creating Monika Configuration from Scratch using Autocomplete in Visual Studio Code blog post.
Currently notification data from notifications
page is stored in local state, please store it into notification Context.
When user clicks on Generate Config Button, this app should generate a valid configuration.
Use the react context to store the form data temporarily so that the configuration file can be generated and downloaded at the end.
These pages haven't saved the input to context:
User should be able to import their configuration file and edit them in monika-config-generator.
By default when running Monika without an alerts, it will be set as status-not-2xx
and response-time-greater-than-2000-ms
. This could be weird in Monika Config Generator as it allows user to input no alerts at all.
status-not-2xx
and response-time-greater-than-2000-ms
Generated config file cannot be used Monika when SMTP notification is defined. The error is
› Error: Failed to send message using SMTP, please check your SMTP
› notification config.
› Message: No recipients defined
The generated config should be usable in Monika
File names are inconsistent, some using camelCase, some PascalCase.
Let's use kebab-case. For file names that consist of more than a word, use dash (-) to concatenate. E.g., notification-context.tsx.
When having many probes and notifications, it'll be helpful to be able to see the list of probes and notifications on the sidebar.
Describe the bug
Vulnerability have been highlighted by npm audit in dependency of next js
To Reproduce
Steps to reproduce the behavior:
npm audit
Expected behavior
No vulnerabilities should be found.
Desktop (please complete the following information):
In Chrome (maybe in other browser too, haven't checked), when the cursor is hovering above a number field, it changes the value in that field when user scrolls up or down. See the video. This causes unexpected change.
The number value should not change when user scrolls.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.