Merge pull request #78 from rajnandan1/pretty

refactor: added prettier config

.prettierignore

@@ -0,0 +1,22 @@
+.DS_Store
+node_modules
+static/kener
+build
+config/monitors.yaml
+config/site.yaml
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+.okgit/
+config/static/*
+!config/static/.kener
+**/*.yaml
+**/*.yml
+.github/

.prettierrc

@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"semi": true,
+	"tabWidth": 4,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

README.md

@@ -1,8 +1,6 @@
-
 <p align="center">
 	<img src="https://kener.ing/ss.png" width="100%" height="auto" alt="kener example illustration">
 </p>
-
 
 <p align="center">
 	<img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/rajnandan1/kener?label=Star%20Repo&style=social">
@@ -12,62 +10,66 @@
 
 #### 👉 Visit a live server [here](https://kener.ing)
 
-#### 👉 Read the documentation [here](https://kener.ing/docs) 
+#### 👉 Read the documentation [here](https://kener.ing/docs)
 
 # Kener - Status Page System
+
 Kener: Open-source Node.js status page tool, designed to make service monitoring and incident handling a breeze. It offers a sleek and user-friendly interface that simplifies tracking service outages and improves how we communicate during incidents. And the best part? Kener integrates seamlessly with GitHub, making incident management a team effort—making it easier for us to track and fix issues together in a collaborative and friendly environment.
 
 It uses files to store the data. Other adapters are coming soon
-
 
 ## Features
 
 **Monitoring and Tracking:**
-- Real-time monitoring
-- Polls HTTP endpoint or Push data to monitor using Rest APIs
-- Handles Timezones for visitors
-- Categorize Monitors into different Sections
-- Cron-based scheduling for monitors. Minimum per minute
-- Flexible monitor configuration using YAML. Define your own parsing for monitor being UP/DOWN/DEGRADED
-- Construct complex API Polls - Chain, Secrets etc
-- Supports a Default Status for Monitors. Example defaultStatus=DOWN if you dont hit API per minute with Status UP
-- Supports base path for hosting in k8s
-- Pre-built docker image for easy deployment
+
+-   Real-time monitoring
+-   Polls HTTP endpoint or Push data to monitor using Rest APIs
+-   Handles Timezones for visitors
+-   Categorize Monitors into different Sections
+-   Cron-based scheduling for monitors. Minimum per minute
+-   Flexible monitor configuration using YAML. Define your own parsing for monitor being UP/DOWN/DEGRADED
+-   Construct complex API Polls - Chain, Secrets etc
+-   Supports a Default Status for Monitors. Example defaultStatus=DOWN if you dont hit API per minute with Status UP
+-   Supports base path for hosting in k8s
+-   Pre-built docker image for easy deployment
 
 **Customization and Branding:**
-- Customizable status page using yaml or code
-- Badge generation for status and uptime of Monitors
-- Support for custom domains
-- Embed Monitor as an iframe or widget
-- Light + Dark Theme
-- Internationalization support
+
+-   Customizable status page using yaml or code
+-   Badge generation for status and uptime of Monitors
+-   Support for custom domains
+-   Embed Monitor as an iframe or widget
+-   Light + Dark Theme
+-   Internationalization support
 
 **Incident Management:**
-- Create Incidents using Github Issues - Rich Text
-- Or use APIs to create Incidents
 
-**User Experience and Design:**
-- 100% Accessibility Score
-- Easy installation and setup
-- User-friendly interface
-- Responsive design for various devices
-- Auto SEO and Social Media ready
+-   Create Incidents using Github Issues - Rich Text
+-   Or use APIs to create Incidents
 
+**User Experience and Design:**
 
+-   100% Accessibility Score
+-   Easy installation and setup
+-   User-friendly interface
+-   Responsive design for various devices
+-   Auto SEO and Social Media ready
 
 ## Technologies used
-- [SvelteKit](https://kit.svelte.dev/)
-- [shadcn-svelte](https://www.shadcn-svelte.com/)
 
-## Inspired from 
-- [Upptime](https://upptime.js.org/)
+-   [SvelteKit](https://kit.svelte.dev/)
+-   [shadcn-svelte](https://www.shadcn-svelte.com/)
+
+## Inspired from
+
+-   [Upptime](https://upptime.js.org/)
 
 ## Roadmap
 
-- [x] Add api to create incident
-- [x] Add docker file
-- [ ] Add notification
-- [ ] Add Mysql adapter
+-   [x] Add api to create incident
+-   [x] Add docker file
+-   [ ] Add notification
+-   [ ] Add Mysql adapter
 
 ## Screenshots
 
@@ -81,13 +83,10 @@ It uses files to store the data. Other adapters are coming soon
 ![image](static/marken_tl.png)
 ![image](static/marken_theme.png)
 
-
 ## Support
 
 <a href="https://stackexchange.com/users/3713933"><img src="https://stackexchange.com/users/flair/3713933.png" width="108" height="28" alt="profile for Raj Nandan Sharma on Stack Exchange, a network of free, community-driven Q&amp;A sites" title="profile for Raj Nandan Sharma on Stack Exchange, a network of free, community-driven Q&amp;A sites"></a>
 
 <a href="https://www.buymeacoffee.com/rajnandan1"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=rajnandan1&button_colour=5F7FFF&font_colour=ffffff&font_family=Poppins&outline_colour=000000&coffee_colour=FFDD00" /></a>
 
 <a href="https://www.paypal.com/paypalme/rajnandan1"><img style="height:90px;margin-left:-15px" src="static/paypal.png" /></a>
-
-

components.json

@@ -1,13 +1,13 @@
 {
-  "$schema": "https://shadcn-svelte.com/schema.json",
-  "style": "default",
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/app.postcss",
-    "baseColor": "slate"
-  },
-  "aliases": {
-    "components": "$lib/components",
-    "utils": "$lib/utils"
-  }
-}
+	"$schema": "https://shadcn-svelte.com/schema.json",
+	"style": "default",
+	"tailwind": {
+		"config": "tailwind.config.js",
+		"css": "src/app.postcss",
+		"baseColor": "slate"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils"
+	}
+}

config/monitors.example.yaml

@@ -3,14 +3,14 @@
   tag: "google-search"
   image: "/google.png"
   api:
-    method: GET
-    url: https://www.google.com/webhp
+      method: GET
+      url: https://www.google.com/webhp
 - name: Svelte Website
   description: Cybernetically enhanced web apps
   tag: "svelte-website"
   api:
-    method: GET
-    url: https://svelte.dev/
+      method: GET
+      url: https://svelte.dev/
   image: "/svelte.svg"
 - name: Earth
   description: Our blue planet
@@ -22,5 +22,5 @@
   tag: "frogment"
   image: "/frogment.png"
   api:
-    method: GET
-    url: https://www.frogment.com
+      method: GET
+      url: https://www.frogment.com

config/site.example.yaml

@@ -2,42 +2,41 @@ title: "Kener"
 home: "/"
 logo: "/logo.png"
 github:
-  owner: "rajnandan1"
-  repo: "kener"
-  incidentSince: 48
+    owner: "rajnandan1"
+    repo: "kener"
+    incidentSince: 48
 metaTags:
-  description: "Kener: Open-source modern looking Node.js status page tool, designed to make service monitoring and incident handling a breeze. It offers a sleek and user-friendly interface that simplifies tracking service outages and improves how we communicate during incidents. And the best part? Kener integrates seamlessly with GitHub, making incident management a team effort—making it easier for us to track and fix issues together in a collaborative and friendly environment."
-  keywords: "Node.js status page, Incident management tool, Service monitoring, Service outage tracking, Real-time status updates, GitHub integration for incidents, Open-source status page, Node.js monitoring application, Service reliability, User-friendly incident management, Collaborative incident resolution, Seamless outage communication, Service disruption tracker, Real-time incident alerts, Node.js status reporting"
-  og:description: "Kener: Open-source Node.js status page tool, designed to make service monitoring and incident handling a breeze. It offers a sleek and user-friendly interface that simplifies tracking service outages and improves how we communicate during incidents. And the best part? Kener integrates seamlessly with GitHub, making incident management a team effort—making it easier for us to track and fix issues together in a collaborative and friendly environment."
-  og:image: "https://kener.ing/ss.png"
-  og:title: "Kener - Open-Source and Modern looking Node.js Status Page for Effortless Incident Management"
-  og:type: "website"
-  og:site_name: "Kener"
-  twitter:card: "summary_large_image"
-  twitter:site: "@_rajnandan_"
-  twitter:creator: "@_rajnandan_"
-  twitter:image: "https://kener.ing/ss.png"
-  twitter:title: "Kener: Open-Source and Modern looking Node.js Status Page for Effortless Incident Management"
-  twitter:description: "Kener: Open-source Node.js status page tool, designed to make service monitoring and incident handling a breeze. It offers a sleek and user-friendly interface that simplifies tracking service outages and improves how we communicate during incidents. And the best part? Kener integrates seamlessly with GitHub, making incident management a team effort—making it easier for us to track and fix issues together in a collaborative and friendly environment."
+    description: "Kener: Open-source modern looking Node.js status page tool, designed to make service monitoring and incident handling a breeze. It offers a sleek and user-friendly interface that simplifies tracking service outages and improves how we communicate during incidents. And the best part? Kener integrates seamlessly with GitHub, making incident management a team effort—making it easier for us to track and fix issues together in a collaborative and friendly environment."
+    keywords: "Node.js status page, Incident management tool, Service monitoring, Service outage tracking, Real-time status updates, GitHub integration for incidents, Open-source status page, Node.js monitoring application, Service reliability, User-friendly incident management, Collaborative incident resolution, Seamless outage communication, Service disruption tracker, Real-time incident alerts, Node.js status reporting"
+    og:description: "Kener: Open-source Node.js status page tool, designed to make service monitoring and incident handling a breeze. It offers a sleek and user-friendly interface that simplifies tracking service outages and improves how we communicate during incidents. And the best part? Kener integrates seamlessly with GitHub, making incident management a team effort—making it easier for us to track and fix issues together in a collaborative and friendly environment."
+    og:image: "https://kener.ing/ss.png"
+    og:title: "Kener - Open-Source and Modern looking Node.js Status Page for Effortless Incident Management"
+    og:type: "website"
+    og:site_name: "Kener"
+    twitter:card: "summary_large_image"
+    twitter:site: "@_rajnandan_"
+    twitter:creator: "@_rajnandan_"
+    twitter:image: "https://kener.ing/ss.png"
+    twitter:title: "Kener: Open-Source and Modern looking Node.js Status Page for Effortless Incident Management"
+    twitter:description: "Kener: Open-source Node.js status page tool, designed to make service monitoring and incident handling a breeze. It offers a sleek and user-friendly interface that simplifies tracking service outages and improves how we communicate during incidents. And the best part? Kener integrates seamlessly with GitHub, making incident management a team effort—making it easier for us to track and fix issues together in a collaborative and friendly environment."
 nav:
-  - name: "Documentation"
-    url: "/docs"
-  - name: "Github"
-    url: "https://github.com/rajnandan1/kener"
+    - name: "Documentation"
+      url: "/docs"
+    - name: "Github"
+      url: "https://github.com/rajnandan1/kener"
 hero:
-  title: Kener is a Open-Source Status Page System
-  subtitle: Let your users know what's going on.
+    title: Kener is a Open-Source Status Page System
+    subtitle: Let your users know what's going on.
 footerHTML: |
-  Made using 
-  <a href="https://github.com/rajnandan1/kener" target="_blank" rel="noreferrer" class="font-medium underline underline-offset-4">
-    Kener
-  </a>
-  an open source status page system built with Svelte and TailwindCSS.
+    Made using 
+    <a href="https://github.com/rajnandan1/kener" target="_blank" rel="noreferrer" class="font-medium underline underline-offset-4">
+      Kener
+    </a>
+    an open source status page system built with Svelte and TailwindCSS.
 i18n:
-  defaultLocale: "en"
-  locales:
-    en: "English"
-    hi: "हिन्दी"
-    zh-CN: "中文"
-    ja: "日本語"
-
+    defaultLocale: "en"
+    locales:
+        en: "English"
+        hi: "हिन्दी"
+        zh-CN: "中文"
+        ja: "日本語"