Merge pull request #265 from rajnandan1/release/3.0.13

feat: test monitors in manage monitor dashboard

.dockerignore

@@ -1,4 +1,7 @@
 node_modules
+.git
+.github
+.vscode
 dist
 build
 .env

.editorconfig

@@ -0,0 +1,52 @@
+# EditorConfig helps maintain consistent coding styles between editors
+root = true
+
+# Default settings for all files (e.g. most common, best-practice standard across all filetypes)
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+# Svelte files
+[*.svelte]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = false
+
+# JavaScript and TypeScript
+[*.{js,ts,tsx,cjs,mjs}]
+indent_style = space
+indent_size = 2
+
+# JSON files (package.json, config files, etc.) - per JSON (RFC 8259) specification
+[*.json,.prettierrc]
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = false
+
+# YAML files (e.g., GitHub Actions, Lint configs) - per YAML 1.2 (2009) specification
+[*.{yaml,yml}]
+indent_style = space
+indent_size = 2
+
+# Markdown files
+[*.md]
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = false
+
+# Dockerfile
+[Dockerfile*]
+indent_style = tab
+indent_size = 4
+insert_final_newline = false
+
+# Ignore binary files
+[*.{png,jpg,jpeg,gif,ico,svg,woff,woff2,eot,ttf,otf}]
+charset = unset
+trim_trailing_whitespace = false
+insert_final_newline = false

.env.example

@@ -1,12 +1,26 @@
-KENER_SECRET_KEY=please_change_me
-NODE_ENV=production
-PORT=3000
-KENER_BASE_PATH=""
-RESEND_API_KEY=
-ORIGIN=http://localhost:3000
+TZ=Etc/UTC
+KENER_SECRET_KEY=please_change_me_to_something_secure
+
+# For SQLite database...
 DATABASE_URL=sqlite://./database/kener.sqlite.db
-TZ=UTC
+
+# For PostgreSQL database...
+# DATABASE_URL=postgresql://db_user:db_password@localhost:5432/kener_db
+# POSTGRES_PASSWORD=some_super_random_secure_password
+
+# For MySQL database...
+# DATABASE_URL=mysql://db_user:db_password@127.0.0.1:3306/kener_db
+# MYSQL_PASSWORD=some_super_random_secure_password
+
+KENER_BASE_PATH=""
+ORIGIN=http://localhost:3000
+
+RESEND_API_KEY=""
 RESEND_SENDER_EMAIL=Accounts <accounts@resend.dev>
 
-# DATABASE_URL=postgresql://myuser:mypassword@localhost:5432/mydatabase
-# DATABASE_URL=mysql://root:password@127.0.0.1:3306/kener
+# Likely no need to change...
+# NODE_ENV=production   # already defined in container
+# PORT=3000   # default port Kener service is exposed upon
+
+# Add the below variable if you would like to ‘white-label’ the product (aka. remove some of the attributions scattered throughout the app)
+# WHITE_LABEL=true

.github/ISSUE_TEMPLATE/bug_report.md

@@ -17,22 +17,17 @@ Steps to reproduce the behavior:
 3. Scroll down to '....'
 4. See error
 
+**Version**
+Which version of kener you are using.
+
+**Environment**
+Which environment you are using or where is it deployed. `docker`, `kubernetes`, `bare-metal`, `development`, `pm2` etc
+
 **Expected behavior**
 A clear and concise description of what you expected to happen.
 
 **Screenshots**
 If applicable, add screenshots to help explain your problem.
 
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
 **Additional context**
 Add any other context about the problem here.

.github/workflows/generate-readme.yml

@@ -0,0 +1,66 @@
+name: Generate README
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - 'README.template.md'
+  pull_request:
+    branches:
+      - main
+    paths:
+      - 'README.template.md'
+  workflow_dispatch:  # Allows manual execution
+
+permissions:
+  contents: write  # Explicitly allow pushing changes
+
+jobs:
+  generate-readme:
+    name: Generate README from template
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4.2.2
+        with:
+          persist-credentials: false  # We'll manually authenticate
+
+      - name: Configure Git
+        run: |
+          git config --global user.name "github-actions"
+          git config --global user.email "github-actions@github.com"
+
+      - name: Extract Release Versions
+        id: meta
+        uses: docker/metadata-action@v5.6.1
+        with:
+          images: rajnandan1/kener
+          tags: |
+            type=semver,pattern={{version}}
+            type=semver,pattern={{major}}.{{minor}}
+            type=semver,pattern={{major}}
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4.2.0
+        with:
+          node-version: "20"
+
+      - name: Install Dependencies
+        run: npm install mustache dotenv
+
+      - name: Generate README.md
+        env:
+          KENER_BUILD_FULL_VERSION: ${{ steps.meta.outputs.tags[0] }}  # e.g., 1.2.3
+          KENER_BUILD_MAJOR_MINOR_VERSION: ${{ steps.meta.outputs.tags[1] }}  # e.g., 1.2
+          KENER_BUILD_MAJOR_VERSION: ${{ steps.meta.outputs.tags[2] }}  # e.g., 1
+        run: node scripts/generate-readme.js
+
+      - name: Commit and Push Changes
+        env:
+          KENER_GH_PAT_TOKEN: ${{ secrets.KENER_GH_PAT_TOKEN }}
+        run: |
+          git add README.md
+          git commit -m "Auto-generate README.md with release versions" || echo "No changes to commit"
+          git push https://x-access-token:${{ secrets.KENER_GH_PAT_TOKEN }}@github.com/${{ github.repository }}.git HEAD:main

.github/workflows/protect-readme.yml

@@ -0,0 +1,21 @@
+name: Prevent Direct README Changes
+
+on:
+  pull_request:
+    paths:
+      - "README.md"
+
+jobs:
+  check-readme:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4.2.2
+
+      - name: Detect direct README changes
+        run: |
+          if git diff --name-only origin/main | grep -q "README.md"; then
+            echo "❌ Direct modifications to README.md are not allowed!"
+            echo "Please update README.md.template instead."
+            exit 1
+          fi

.github/workflows/publish-images.yml

@@ -0,0 +1,139 @@
+name: Publish Docker image to Docker Hub and GitHub Container Registry
+
+on:
+  release:
+    types:
+      - published  # Runs only when a GitHub Release is published
+  workflow_dispatch:  # Allows manual execution
+
+env:
+  ALPINE_VERSION: "23-alpine"
+  DEBIAN_VERSION: "23-slim"
+  # Registry URLs
+  DOCKERHUB_REGISTRY: docker.io
+  GITHUB_REGISTRY: ghcr.io
+  # Docker Hub image name (using Docker Hub username)
+  DOCKERHUB_IMAGE_NAME: ${{ secrets.DOCKER_USERNAME }}/${{ github.event.repository.name }}
+  # GitHub image name (formatted as `account/repo`)
+  GITHUB_IMAGE_NAME: ${{ github.repository }}
+
+jobs:
+  check-lockfile:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'  # Adjust as needed
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check for lock-file changes
+        run: |
+          git diff --exit-code package-lock.json || (
+            echo "🫥 package-lock.json is outdated or missing. Please run 'npm install' and commit the updated lockfile."
+            exit 1
+          )
+
+  build-and-push-to-registries:
+    needs: check-lockfile  # Runs only after `check-lockfile` completes successfully
+    name: Push Docker images to Docker Hub and GitHub Container Registry
+    strategy:
+      matrix:
+        variant: [alpine, debian]
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+      # This is used to complete the identity challenge with sigstore/fulcio when running outside of PRs.
+      id-token: write
+
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v4.2.2
+
+      # Install the cosign tool (except on PR)
+      # https://github.com/sigstore/cosign-installer
+      - name: Install cosign
+        if: github.event_name != 'pull_request'
+        uses: sigstore/cosign-installer@v3.8.0
+        with:
+          cosign-release: 'v2.2.4'
+
+      # Set up BuildKit Docker container builder to be able to build multi-platform images and export cache
+      # https://github.com/docker/setup-buildx-action
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3.8.0
+
+      # Log in to Docker Hub (except on PR)
+      - name: Log in to Docker Hub
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v3.3.0
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      # Log in to GitHub Container Registry (except on PR)
+      - name: Log in to GitHub Container Registry
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v3.3.0
+        with:
+          registry: ${{ env.GITHUB_REGISTRY }}
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      # Combined metadata extraction for both registries
+      - name: Extract Docker metadata
+        id: meta
+        uses: docker/metadata-action@v5.6.1
+        with:
+          images: |
+            ${{ env.DOCKERHUB_IMAGE_NAME }}
+            ${{ env.GITHUB_REGISTRY }}/${{ env.GITHUB_IMAGE_NAME }}
+          tags: |
+            # Tag non-main branches (...for Alpine variant, add suffix)
+            type=ref,event=branch,suffix=-${{ matrix.variant }},enable=${{ matrix.variant == 'alpine' && github.ref != 'refs/heads/main' }}
+            type=ref,event=branch,enable=${{ matrix.variant == 'debian' && github.ref != 'refs/heads/main' }}
+            # Tag matrix.variant (Alpine) releases as version (1.0.0), major.minor (1.0), major (1), and matrix.variant (alpine)
+            type=semver,pattern={{version}},suffix=-${{ matrix.variant }},enable=${{ matrix.variant == 'alpine' }}
+            type=semver,pattern={{major}}.{{minor}},suffix=-${{ matrix.variant }},enable=${{ matrix.variant == 'alpine' }}
+            type=semver,pattern={{major}},suffix=-${{ matrix.variant }},enable=${{ matrix.variant == 'alpine' }}
+            type=raw,value=${{ matrix.variant }},enable=${{ matrix.variant == 'alpine' && github.ref == 'refs/heads/main' }}
+            # Tag default (Debian) releases as version (1.0.0), major.minor (1.0), major (1), and latest
+            type=semver,pattern={{version}},enable=${{ matrix.variant == 'debian' }}
+            type=semver,pattern={{major}}.{{minor}},enable=${{ matrix.variant == 'debian' }}
+            type=semver,pattern={{major}},enable=${{ matrix.variant == 'debian' }}
+            type=raw,value=latest,enable=${{ matrix.variant == 'debian' && github.ref == 'refs/heads/main' }}
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3.3.0
+
+      # Build and push Docker image with Buildx to both registries (don't push on PR)
+      - name: Build and push Docker image
+        id: build-and-push
+        uses: docker/build-push-action@v6.13.0
+        with:
+          context: .
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            VARIANT=${{ matrix.variant }}
+            ALPINE_VERSION=${{ env.ALPINE_VERSION }}
+            DEBIAN_VERSION=${{ env.DEBIAN_VERSION }}
+          platforms: linux/amd64,linux/arm64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+
+      # Sign the resulting Docker image digests
+      - name: Sign the published Docker images
+        if: ${{ github.event_name != 'pull_request' }}
+        env:
+          TAGS: ${{ steps.meta.outputs.tags }}
+          DIGEST: ${{ steps.build-and-push.outputs.digest }}
+        run: |
+          echo "${TAGS}" | xargs -I {} cosign sign --yes {}@${DIGEST}

.github/workflows/publishImage.yml

@@ -1,61 +0,0 @@
----
-name: Publish Docker image to Dockerhub and GHCR
-on:
-  push:
-    branches:
-      - main
-    tags:
-      - "*.*.*"
-    paths-ignore:
-      - '**/*.md'  
-      - 'docs/**' 
-jobs:
-  push_to_registry:
-    name: Push Docker image to Docker Hub
-    runs-on: ubuntu-latest
-    if: ${{ vars.DOCKERHUB_IMAGE_NAME != '' ||  vars.GHCR_IMAGE_NAME != '' }}
-    permissions:
-      packages: write
-      contents: read
-    steps:
-      - name: Check out the repo
-        uses: actions/checkout@v2
-      - name: Log in to Docker Hub
-        if: ${{ github.event_name != 'pull_request' && vars.DOCKERHUB_IMAGE_NAME != ''
-          }}
-        uses: docker/login-action@v2
-        with:
-          username: ${{ secrets.DOCKER_USERNAME }}
-          password: ${{ secrets.DOCKER_PASSWORD }}
-      - name: Login to GitHub Container Registry
-        if: ${{ github.event_name != 'pull_request' && vars.GHCR_IMAGE_NAME != '' }}
-        uses: docker/login-action@v2
-        with:
-          registry: ghcr.io
-          username: ${{ github.repository_owner }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-      - name: Extract metadata (tags, labels) for Docker
-        id: meta
-        uses: docker/metadata-action@v3
-        with:
-          images: |
-            ${{ vars.DOCKERHUB_IMAGE_NAME }}
-            ${{ vars.GHCR_IMAGE_NAME }}
-          tags: |
-            type=raw,value=latest,enable=${{ endsWith(github.ref, 'main') }}
-            type=ref,event=branch,enable=${{ !endsWith(github.ref, 'main') }}
-            type=semver,pattern={{version}}
-          flavor: |
-            latest=false
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v2
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
-      - name: Build and push Docker image
-        uses: docker/build-push-action@v4
-        with:
-          context: .
-          push: ${{ github.event_name != 'pull_request' && !env.ACT}}
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-          platforms: linux/amd64,linux/arm64

.gitignore

@@ -26,4 +26,5 @@ uploads/*
 
 static/uploads/*
 !static/uploads/upload.dir
-temp.txt
+temp.txt
+temp.js

.prettierrc

@@ -1,9 +1,71 @@
 {
-	"useTabs": true,
-	"semi": true,
-	"tabWidth": 4,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+  "useTabs": false,
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "printWidth": 100,
+  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+  "overrides": [
+    {
+      "files": "*.svelte",
+      "options": {
+        "parser": "svelte",
+        "useTabs": false,
+        "semi": true,
+        "tabWidth": 2,
+        "trailingComma": "none",
+        "printWidth": 120
+      }
+    },
+    {
+      "files": ["*.js", "*.ts", "*.tsx", "*.cjs", "*.mjs"],
+      "options": {
+        "useTabs": false,
+        "semi": true,
+        "tabWidth": 2,
+        "trailingComma": "all",
+        "printWidth": 120
+      }
+    },
+    {
+      "files": ["*.json", ".prettierrc"],
+      "options": {
+        "useTabs": false,
+        "semi": false,
+        "tabWidth": 2,
+        "trailingComma": "none",
+        "printWidth": 120
+      }
+    },
+    {
+      "files": ["*.yaml", "*.yml"],
+      "options": {
+        "useTabs": false,
+        "semi": false,
+        "tabWidth": 2,
+        "trailingComma": "none",
+        "printWidth": 80
+      }
+    },
+    {
+      "files": "*.md",
+      "options": {
+        "useTabs": false,
+        "semi": false,
+        "tabWidth": 4,
+        "trailingComma": "none",
+        "printWidth": 100
+      }
+    },
+    {
+      "files": "Dockerfile",
+      "options": {
+        "useTabs": true,
+        "tabWidth": 4,
+        "semi": false,
+        "trailingComma": "none",
+        "printWidth": 120
+      }
+    }
+  ]
 }

Dockerfile

@@ -1,52 +1,146 @@
-FROM node:23
+# syntax=docker/dockerfile:1
 
-# Install necessary packages including tzdata for timezone setting
+# Global build arguments
+ARG ALPINE_VERSION=23.7.0-alpine3.21
+ARG DEBIAN_VERSION=23.7.0-bookworm-slim
+ARG VARIANT=debian
+
+#==========================================================#
+#                   STAGE 1: BUILD STAGE                    #
+#==========================================================#
+
+FROM node:${DEBIAN_VERSION} AS builder-debian
 RUN apt-get update && apt-get install -y \
-    build-essential \
-    libnode108 \
-    nodejs \
-    python3 \
-    sqlite3 \
-    libsqlite3-dev \
-    make \
-    node-gyp \
-    g++ \
-    tzdata \
-	iputils-ping && \
+        build-essential=12.9 \
+        python3=3.11.2-1+b1 \
+        sqlite3=3.40.1-2+deb12u1 \
+        libsqlite3-dev=3.40.1-2+deb12u1 \
+        make=4.3-4.1 \
+        node-gyp=9.3.0-2 \
+        g++=4:12.2.0-3 \
+        tzdata=2024b-0+deb12u1 \
+        iputils-ping=3:20221126-1+deb12u1 && \
     rm -rf /var/lib/apt/lists/*
 
-# Set the timezone environment variable and the application environment
-ARG KENER_BASE_PATH=
-ENV TZ=Etc/UTC
-ENV KENER_BASE_PATH=${KENER_BASE_PATH}
+FROM node:${ALPINE_VERSION} AS builder-alpine
+RUN apk add --no-cache --update \
+        build-base=0.5-r3 \
+        python3=3.12.9-r0 \
+        py3-pip=24.3.1-r0 \
+        make=4.4.1-r2 \
+        g++=14.2.0-r4 \
+        sqlite=3.48.0-r0 \
+        sqlite-dev=3.48.0-r0 \
+        tzdata=2024b-r1 \
+        iputils=20240905-r0
+
+FROM builder-${VARIANT} AS builder
+
+# Set environment variables
+ENV NPM_CONFIG_LOGLEVEL=error \
+    VITE_BUILD_ENV=production
 
 # Set the working directory
 WORKDIR /app
 
-# Copy package files and install dependencies
+# Copy package files for dependency installation
 COPY package*.json ./
-RUN npm install && npm cache clean --force
 
-# Copy the rest of the application code
+# Install all dependencies, including `devDependencies` (cache enabled for faster builds)
+# TODO: Possibly add `--no-audit` flag to `npm ci` to prevent `npm` from running a security audit on installed packages. (By default, `npm install` performs an audit to check for vulnerabilities in dependencies, which can slow down installation. Adding this flag would skip the audit, thus making `npm install` significantly faster for the CI/CD pipeline.)
+RUN --mount=type=cache,target=/root/.npm \
+    npm ci --no-fund && \
+    npm cache clean --force
+
+# Copy application source code
 COPY . .
 
-# remove dir src/routes/(docs)
-RUN rm -rf src/routes/\(docs\)
+# TODO: Reevaluate permissions (possibly reduce?)...
+# Remove docs directory and ensure required directories exist
+RUN rm -rf src/routes/\(docs\) && \
+    mkdir -p uploads database && \
+	# TODO: Consider changing below to `chmod -R u-rwX,g=rX,o= uploads database`
+    chmod -R 750 uploads database
 
-# Ensure /app/uploads and /app/database have rw permissions
-RUN mkdir -p /app/uploads /app/database && \
-    chmod -R 777 /app/uploads /app/database
+# Build the application and remove `devDependencies`
+RUN npm run build && \
+    npm prune --omit=dev
 
-# Build the application
-RUN npm run build
+#==========================================================#
+#             STAGE 2: PRODUCTION/FINAL STAGE              #
+#==========================================================#
 
-# Argument for the port
-ARG PORT=3000
-# Set the environment variable for the port
-ENV PORT=$PORT
+FROM node:${DEBIAN_VERSION} AS final-debian
+# TODO: Consider adding `--no-install-recommends`, but will need testing (may further help reduce final build size)
+RUN apt-get update && apt-get install -y \
+        iputils-ping=3:20221126-1+deb12u1 \
+        sqlite3=3.40.1-2+deb12u1 \
+        tzdata=2024b-0+deb12u1 \
+		# TODO: Is it ok to change to `curl` here so that we don't have to maintain `wget` version mismatch between Debian architectures? (`curl` is only used for the container healthcheck and because there is an Alpine variant (best!) we probably don't care if the Debian image ends up building bigger due to `curl`.)
+		curl=7.88.1-10+deb12u8 && \
+    rm -rf /var/lib/apt/lists/*
+
+FROM node:${ALPINE_VERSION} AS final-alpine
+RUN apk add --no-cache --update \
+	iputils=20240905-r0 \
+	sqlite=3.48.0-r0 \
+	tzdata=2024b-r1
+
+FROM final-${VARIANT} AS final
+
+ARG PORT=3000 \
+    USERNAME=node
+
+# Set environment variables
+ENV HEALTHCHECK_PORT=$PORT \
+    HEALTHCHECK_PATH= \
+    NODE_ENV=production \
+    NPM_CONFIG_LOGLEVEL=error \
+    PORT=$PORT \
+    TZ=Etc/UTC
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package files build artifacts, and necessary files from builder stage
+COPY --chown=node:node --from=builder /app/src/lib/ ./src/lib/
+COPY --chown=node:node --from=builder /app/build ./build
+COPY --chown=node:node --from=builder /app/uploads ./uploads
+COPY --chown=node:node --from=builder /app/database ./database
+# TODO: Consider changing from copying `node_modules` to instead letting `npm ci --omit=dev` handle production dependencies. Right now, copying `node_modules` is leading to a smaller image, whereas letting `npm ci` handle the install in final image is slightly faster, but leads to larger image size. IMO, having a slightly longer build time (e.g. ~10 sec.) is better in the end to have a smaller image.
+COPY --chown=node:node --from=builder /app/node_modules ./node_modules
+COPY --chown=node:node --from=builder /app/migrations ./migrations
+COPY --chown=node:node --from=builder /app/seeds ./seeds
+COPY --chown=node:node --from=builder /app/static ./static
+COPY --chown=node:node --from=builder /app/entrypoint.sh ./entrypoint.sh
+COPY --chown=node:node --from=builder /app/knexfile.js ./knexfile.js
+COPY --chown=node:node --from=builder /app/main.js ./main.js
+COPY --chown=node:node --from=builder /app/openapi.json ./openapi.json
+COPY --chown=node:node --from=builder /app/openapi.yaml ./openapi.yaml
+
+# Ensure necessary directories are writable
+VOLUME ["/uploads", "/database"]
+
+# Set container timezone and make entrypoint script executable
+RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone && \
+    chmod +x ./entrypoint.sh
+	# TODO: To improve security, consider dropping unnecessary capabilities instead of granting image all network capabilities of host. (Maybe `setcap cap_net_raw+p /usr/bin/ping`, etc.) Could also drop all and then grant only the capabilities that are explicitly needed. Some examples are commented out below...
+	# setcap cap_net_bind_service=+ep /usr/local/bin/node
+	# setcap cap_net_bind_service=+ep /usr/bin/ping
+	# setcap cap_net_bind_service=+ep /usr/bin/ping6
+	# setcap cap_net_bind_service=+ep /usr/bin/tracepath
+	# setcap cap_net_bind_service=+ep /usr/bin/clockdiff
 
 # Expose the application port
 EXPOSE $PORT
 
-# Set the command to run the application
+# Add a healthcheck to the container; `wget` vs. `curl` depending on base image. Using this approach because `wget` does not actually maintain versioning across architectures, so we cannot pin a `wget` version (in above `final-debian` base, `apt-get install`) between differing architectures (e.g. arm64, amd64)
+HEALTHCHECK --interval=30s --timeout=5s --retries=3 \
+	CMD sh -c 'if [ -f "/etc/alpine-release" ]; then wget --quiet --spider http://localhost:$HEALTHCHECK_PORT$HEALTHCHECK_PATH || exit 1; else curl --silent --head --fail http://localhost:$HEALTHCHECK_PORT$HEALTHCHECK_PATH || exit 1; fi'
+
+# TODO: Revisit letting user define $PUID & $PGID overrides (e.g. `addgroup -g $PGID newgroup && adduser -D -G newgroup -u $PUID node`) as well as potentially ensure no root user exists. (Make sure no processes are running as root, first!)
+# Use a non-root user (recommended for security)
+USER $USERNAME
+
+ENTRYPOINT ["/app/entrypoint.sh"]
 CMD ["node", "main"]

README.md

@@ -1,4 +1,4 @@
-# Kener - A Beautiful Status Page System
+# Kener - Stunning Status Pages
 
 <p align="center">
 	<img src="https://kener.ing/newbg.png?v=1" width="100%" height="auto" class="rounded-lg shadow-lg" alt="kener example illustration">
@@ -7,9 +7,27 @@
 <p align="center">
 	<img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/rajnandan1/kener?label=Star%20Repo&style=social">
 	<a href="https://github.com/ivbeg/awesome-status-pages"><img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome status page" /></a>
-	<a href="https://hub.docker.com/r/rajnandan1/kener"><img src="https://img.shields.io/docker/pulls/rajnandan1/kener" alt="Docker Kener" /></a>
+    <a href="https://awesome-selfhosted.net/tags/status--uptime-pages.html#kener"><img src="https://awesome.re/mentioned-badge.svg" alt="Awesome self hosted" /></a>
+</p>
+
+<p align="center">
+  <a href="https://hub.docker.com/r/rajnandan1/kener"><img src="https://img.shields.io/docker/pulls/rajnandan1/kener" alt="Docker Kener" /></a>
+  <a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=latest"><img alt="Docker Image Size" src="https://img.shields.io/docker/image-size/rajnandan1/kener/latest?logo=docker&logoColor=white&label=debian" /></a>
+  <a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=alpine"><img alt="Docker Image Size" src="https://img.shields.io/docker/image-size/rajnandan1/kener/alpine?logo=docker&logoColor=white&label=alpine" /></a>
+</p>
+
+<p align="center">
+  <a href="https://github.com/rajnandan1/kener/actions/workflows/publishImage.yml"><img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/rajnandan1/kener/publishImage.yml" /></a>
+  <a href="https://github.com/rajnandan1/kener/commit/HEAD"><img src="https://img.shields.io/github/last-commit/rajnandan1/kener/main" alt="" /></a>
+  <a href="https://github.com/rajnandan1/kener/issues"><img alt="GitHub issues" src="https://img.shields.io/github/issues/rajnandan1/kener.svg" /></a>
 </p>
   
+<p align="center">
+	<a href="https://www.producthunt.com/posts/kener-2" target="_blank">
+		<img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=kener-2&theme=light" alt="Kener on Product Hunt">
+	</a>
+</p>
+
 <p align="center">
 	<picture>
   		<source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f514/512.webp" type="image/webp">
@@ -25,87 +43,175 @@
 	</picture>
 </p>
 
-#### [👉 Visit a live server](https://kener.ing)
-
-#### [👉 Quick Start](https://kener.ing/docs/quick-start)
-
-#### [👉 Documentation](https://kener.ing/docs/home)
+| [🌍 Live Server](https://kener.ing) | [🎉 Quick Start](https://kener.ing/docs/quick-start) | [🗄 Documentation](https://kener.ing/docs/home) |
+| ----------------------------------- | ---------------------------------------------------- | ----------------------------------------------- |
 
 ## What is Kener?
 
-Kener is status page system built with Sveltekit and NodeJS. It does not try to replace the Datadogs and Atlassian of the world. It tries to help some who wants to come up with a status page that looks nice and minimum overhead, in a modern way.
+**Kener** is a sleek and lightweight status page system built with **SvelteKit** and **NodeJS**. It’s not here to replace heavyweights like Datadog or Atlassian but rather to offer a simple, modern, and hassle-free way to set up a great-looking status page with minimal effort.
 
-It is carefully crafted to be easy to use and customize.
+Designed with **ease of use** and **customization in mind**, Kener provides all the essential features you’d expect from a status page—without unnecessary complexity.
 
-It comes with all the basic asks for a status page. It is open-source and free to use.
+### Why Kener?
 
-Kener name is derived from the word "Kene" which means "how is it going" in Assamese, then .ing because it was a cheaply available domain.
+✅ &nbsp;Minimal overhead &ndash; Set up quickly with a clean, modern UI<br>
+✅ &nbsp;Customizable &ndash; Easily tailor it to match your brand<br>
+✅ &nbsp;Open-source & free &ndash; Because great tools should be accessible to everyone
+
+### What's in a Name?
+
+“Kener” is inspired by the Assamese word _“Kene”_, meaning _“how’s it going?”_. The _‘.ing’_ was added because, well… that domain was available. 😄
+
+## Installation
+
+### Manual
+
+```shell
+# Clone the repository
+git clone https://github.com/rajnandan1/kener.git
+cd kener
+npm install
+cp .env.example .env
+npm run dev
+```
+
+### Docker
+
+Official Docker images for **Kener** are available on [Docker Hub](https://hub.docker.com/r/rajnandan1/kener). Multiple versions are maintained to support different use cases.
+
+![Docker Image Version (latest semver)](https://img.shields.io/docker/v/rajnandan1/kener?sort=semver&label=Latest%20Stable%20Release)
+
+<!-- FIXME: Currently with this setup, job will only update versioning the FIRST time, but then once the inline placeholders are updated, future job runs will fail. Need to revisit with a more robust approach. Commenting out (for now) -->
+<!-- #### Available Tags
+
+<table>
+	<tr>
+		<th>Image Tag</th>
+		<th>Description</th>
+	</tr>
+	<tr>
+		<td align="left" colspan="2" style="color:#A81D33;text-align:left;">Debian 12 <small>(Bookwork Slim)</small> w/ Node.js v23.7.0 &nbsp;<strong><em>(default)</em></strong></td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=latest" target="_blank"><code>latest</code></td>
+		<td>Latest stable release (aka KENER_SEMVER_VERSION_PLACEHOLDER)</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=KENER_SEMVER_VERSION_PLACEHOLDER" target="_blank"><code>KENER_SEMVER_VERSION_PLACEHOLDER</code></a></td>
+		<td>Specific release version</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=KENER_MAJOR_MINOR_VERSION_PLACEHOLDER" target="_blank"><code>KENER_MAJOR_MINOR_VERSION_PLACEHOLDER</code></a></td>
+		<td>Major-minor version tag pointing to the latest patch (KENER_SEMVER_VERSION_PLACEHOLDER) release within that minor version (KENER_MAJOR_MINOR_VERSION_PLACEHOLDER.x)</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=KENER_MAJOR_VERSION_PLACEHOLDER" target="_blank"><code>KENER_MAJOR_VERSION_PLACEHOLDER</code></a></td>
+		<td>Major version tag pointing to the latest stable (KENER_SEMVER_VERSION_PLACEHOLDER) release within that major version (KENER_MAJOR_VERSION_PLACEHOLDER.x.x)</td>
+	</tr>
+	<tr>
+		<td align="left" colspan="2" style="color:#0D597F;text-align:left;">Alpine Linux 3.21 w/ Node.js v23.7.0 &nbsp;<strong><em>(smallest image size)</em></strong></td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=alpine" target="_blank"><code>alpine</code></td>
+		<td>Latest stable release (aka KENER_SEMVER_VERSION_PLACEHOLDER)</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=KENER_SEMVER_VERSION_PLACEHOLDER-alpine" target="_blank"><code>KENER_SEMVER_VERSION_PLACEHOLDER-alpine</code></a></td>
+		<td>Specific release version</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=KENER_MAJOR_MINOR_VERSION_PLACEHOLDER-alpine" target="_blank"><code>KENER_MAJOR_MINOR_VERSION_PLACEHOLDER-alpine</code></a></td>
+		<td>Major-minor version tag pointing to the latest patch (KENER_SEMVER_VERSION_PLACEHOLDER) release within that minor version (KENER_MAJOR_MINOR_VERSION_PLACEHOLDER.x)</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=KENER_MAJOR_VERSION_PLACEHOLDER-alpine" target="_blank"><code>KENER_MAJOR_VERSION_PLACEHOLDER-alpine</code></a></td>
+		<td>Major version tag pointing to the latest stable (KENER_SEMVER_VERSION_PLACEHOLDER) release within that major version (KENER_MAJOR_VERSION_PLACEHOLDER.x.x)</td>
+	</tr>
+</table> -->
+
+#### Usage
+
+Pull the latest stable version:
+
+```sh
+docker pull rajnandan1/kener:latest
+```
+
+Or use the smaller, Alpine-based variant:
+
+```sh
+docker pull rajnandan1/kener:alpine
+```
+
+For a production setup, refer to the sample [docker-compose.yml](https://github.com/rajnandan1/kener/blob/main/docker-compose.yml).
+This keeps things clean, structured, and easy to read while preserving all the details.
+
+### One Click
+
+[![Deploy on Railway](https://railway.com/button.svg)](https://railway.com/template/spSvic?referralCode=1Pn7vs)
 
-<div align="left">
-    <img alt="Visitor Stats" src="https://widgetbite.com/stats/rajnandan"/>  
-</div>
-    
 ## Features
 
 Here are some of the features that you get out of the box. Please read the documentation to know how to use them.
 
-### Monitoring and Tracking
+### 📊 &nbsp;Monitoring and Tracking
 
--   Advanced application performance monitoring tools
--   Real-time network monitor software capabilities
--   Polls HTTP endpoint or Push data to monitor using Rest APIs
--   Adjusts Timezones for visitors
--   Categorize Monitors into different Sections
--   Cron-based scheduling for monitors. Minimum per minute
--   Construct complex API Polls - Chain, Secrets etc
--   Supports a Default Status for Monitors
--   Supports base path for hosting in k8s
--   Pre-built docker image for easy deployment
--   Automatically adjusts timezones for visitors
+- Advanced **application performance monitoring** tools
+- **Real-time network monitoring** capabilities
+- Supports **polling HTTP endpoints** or **pushing data** via REST APIs
+- **Timezone auto-adjustment** for visitors
+- Organize monitors into **custom sections**
+- **Cron-based scheduling** (minimum: **every minute**)
+- **Create complex API polls** (chaining, secrets, etc.)
+- Set a **default status** for monitors
+- Supports **base path hosting in Kubernetes (k8s)**
+- **Pre-built Docker images** for easy deployment
 
-### Customization and Branding
+### 🎨 &nbsp;Customization and Branding
 
--   Customizable status page
--   Badge generation for status and uptime of Monitors
--   Support for custom domains
--   Embed Monitor as an iframe or widget
--   Light + Dark Theme
--   Internationalization support
--   Beautifully Crafted Status Page
+- Fully **customizable status page**
+- **Badge generation** for status and uptime tracking
+- Support for **custom domains**
+- Embed monitors as **iframes or widgets**
+- **Light & Dark Mode**
+- **Internationalization (i18n) support**
+- **Sleek, beautifully crafted UI**
 
-### Incident Management
+### 🚨 &nbsp;Incident Management
 
--   Incident Management
--   Incident Communication
--   Comprehensive APIs for Incident Management
+- **Incident tracking & communication** tools
+- **Comprehensive APIs** for incident management
 
-### User Experience and Design
+### 🧑‍💻 &nbsp;User Experience and Design
 
--   Good Accessibility Score
--   Easy installation and setup
--   User-friendly interface
--   Responsive design for various devices
--   Auto SEO and Social Media ready
--   Server Side Rendering
+- **Accessible & user-friendly interface**
+- **Quick & easy installation**
+- **Responsive design** for all devices
+- **Auto SEO & Social Media ready**
+- **Server-Side Rendering (SSR) for better performance**
 
-## Technologies used
+<div align="left">
+    <img alt="Visitor Stats" src="https://widgetbite.com/stats/rajnandan"/>  
+</div>
+
+## Technologies Used
 
 -   [SvelteKit](https://kit.svelte.dev/)
 -   [shadcn-svelte](https://www.shadcn-svelte.com/)
 
 ## Support Me
 
-If you are using Kener and want to support me, you can do so by sponsoring me on GitHub or buying me a coffee.
+If you’re enjoying Kener and want to support its development, consider sponsoring me on GitHub or treating me to a coffee. Your support helps keep the project growing! 🚀
 
 [Sponsor Me Using Github](https://github.com/sponsors/rajnandan1)
 
-[Buy Me a Coffee](https://www.buymeacoffee.com/rajnandan1)
+☕ &nbsp;[Buy Me a Coffee](https://www.buymeacoffee.com/rajnandan1)
 
 ![image](https://badges.pufler.dev/visits/rajnandan1/kener)
 
 ## Contributing
 
-If you want to contribute to Kener, please read the [Contributing Guide](https://github.com/rajnandan1/kener/blob/main/.github/CONTRIBUTING.md).
+If you want to contribute to Kener, please read the [Contribution Guide](https://github.com/rajnandan1/kener/blob/main/.github/CONTRIBUTING.md).
 
 ## Star History
 

README.template.md

@@ -0,0 +1,217 @@
+# Kener - Stunning Status Pages
+
+<p align="center">
+	<img src="https://kener.ing/newbg.png?v=1" width="100%" height="auto" class="rounded-lg shadow-lg" 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">
+	<a href="https://github.com/ivbeg/awesome-status-pages"><img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome status page" /></a>
+    <a href="https://awesome-selfhosted.net/tags/status--uptime-pages.html#kener"><img src="https://awesome.re/mentioned-badge.svg" alt="Awesome self hosted" /></a>
+</p>
+
+<p align="center">
+  <a href="https://hub.docker.com/r/rajnandan1/kener"><img src="https://img.shields.io/docker/pulls/rajnandan1/kener" alt="Docker Kener" /></a>
+  <a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=latest"><img alt="Docker Image Size" src="https://img.shields.io/docker/image-size/rajnandan1/kener/latest?logo=docker&logoColor=white&label=debian" /></a>
+  <a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=alpine"><img alt="Docker Image Size" src="https://img.shields.io/docker/image-size/rajnandan1/kener/alpine?logo=docker&logoColor=white&label=alpine" /></a>
+</p>
+
+<p align="center">
+  <a href="https://github.com/rajnandan1/kener/actions/workflows/publish-images.yml"><img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/rajnandan1/kener/publish-images.yml" /></a>
+  <a href="https://github.com/rajnandan1/kener/commit/HEAD"><img src="https://img.shields.io/github/last-commit/rajnandan1/kener/main" alt="" /></a>
+  <a href="https://github.com/rajnandan1/kener/issues"><img alt="GitHub issues" src="https://img.shields.io/github/issues/rajnandan1/kener.svg" /></a>
+</p>
+
+<p align="center">
+	<a href="https://www.producthunt.com/posts/kener-2" target="_blank">
+		<img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=kener-2&theme=light" alt="Kener on Product Hunt">
+	</a>
+</p>
+
+<p align="center">
+	<picture>
+  		<source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f514/512.webp" type="image/webp">
+  		<img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f514/512.gif" alt="🔔" width="32" height="32">
+	</picture>
+	<picture>
+  		<source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.webp" type="image/webp">
+  		<img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.gif" alt="🚀" width="32" height="32">
+	</picture>
+	<picture>
+  		<source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f6a7/512.webp" type="image/webp">
+ 		<img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f6a7/512.gif" alt="🚧" width="32" height="32">
+	</picture>
+</p>
+
+| [🌍 Live Server](https://kener.ing) | [🎉 Quick Start](https://kener.ing/docs/quick-start) | [🗄 Documentation](https://kener.ing/docs/home) |
+| ----------------------------------- | ---------------------------------------------------- | ----------------------------------------------- |
+
+## What is Kener?
+
+**Kener** is a sleek and lightweight status page system built with **SvelteKit** and **NodeJS**. It’s not here to replace heavyweights like Datadog or Atlassian but rather to offer a simple, modern, and hassle-free way to set up a great-looking status page with minimal effort.
+
+Designed with **ease of use** and **customization in mind**, Kener provides all the essential features you’d expect from a status page—without unnecessary complexity.
+
+### Why Kener?
+
+✅ &nbsp;Minimal overhead &ndash; Set up quickly with a clean, modern UI<br>
+✅ &nbsp;Customizable &ndash; Easily tailor it to match your brand<br>
+✅ &nbsp;Open-source & free &ndash; Because great tools should be accessible to everyone
+
+### What's in a Name?
+
+“Kener” is inspired by the Assamese word _“Kene”_, meaning _“how’s it going?”_. The _‘.ing’_ was added because, well… that domain was available. 😄
+
+## Installation
+
+### Manual
+
+```shell
+# Clone the repository
+git clone https://github.com/rajnandan1/kener.git
+cd kener
+npm install
+cp .env.example .env
+npm run dev
+```
+
+### Docker
+
+Official Docker images for **Kener** are available on [Docker Hub](https://hub.docker.com/r/rajnandan1/kener). Multiple versions are maintained to support different use cases.
+
+![Docker Image Version (latest semver)](https://img.shields.io/docker/v/rajnandan1/kener/latest?sort=semver&label=Latest%20Stable%20Release)
+
+#### Available Tags
+
+<table>
+	<tr>
+		<th>Image Tag</th>
+		<th>Description</th>
+	</tr>
+	<tr>
+		<td align="left" colspan="2" style="color:#A81D33;text-align:left;">Debian 12 <small>(Bookwork Slim)</small> w/ Node.js v23.7.0 &nbsp;<strong><em>(default)</em></strong></td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=latest" target="_blank"><code>latest</code></td>
+		<td>Latest stable release (aka {{kener_full_version}})</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name={{kener_full_version}}" target="_blank"><code>{{kener_full_version}}</code></a></td>
+		<td>Specific release version</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name={{kener_major_minor_version}}" target="_blank"><code>{{kener_major_minor_version}}</code></a></td>
+		<td>Major-minor version tag pointing to the latest patch ({{kener_full_version}}) release within that minor version ({{kener_major_minor_version}}.x)</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name={{kener_major_version}}" target="_blank"><code>{{kener_major_version}}</code></a></td>
+		<td>Major version tag pointing to the latest stable ({{kener_full_version}}) release within that major version ({{kener_major_version}}.x.x)</td>
+	</tr>
+	<tr>
+		<td align="left" colspan="2" style="color:#0D597F;text-align:left;">Alpine Linux 3.21 w/ Node.js v23.7.0 &nbsp;<strong><em>(smallest image size)</em></strong></td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name=alpine" target="_blank"><code>alpine</code></td>
+		<td>Latest stable release (aka {{kener_full_version}})</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name={{kener_full_version}}-alpine" target="_blank"><code>{{kener_full_version}}-alpine</code></a></td>
+		<td>Specific release version</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name={{kener_major_minor_version}}-alpine" target="_blank"><code>{{kener_major_minor_version}}-alpine</code></a></td>
+		<td>Major-minor version tag pointing to the latest patch ({{kener_full_version}}) release within that minor version ({{kener_major_minor_version}}.x)</td>
+	</tr>
+	<tr>
+		<td><a href="https://hub.docker.com/r/rajnandan1/kener/tags?page=1&ordering=last_updated&name={{kener_major_version}}-alpine" target="_blank"><code>{{kener_major_version}}-alpine</code></a></td>
+		<td>Major version tag pointing to the latest stable ({{kener_full_version}}) release within that major version ({{kener_major_version}}.x.x)</td>
+	</tr>
+</table>
+
+#### Usage
+
+Pull the latest stable version:
+
+```sh
+docker pull rajnandan1/kener:latest
+```
+
+Or use the smaller, Alpine-based variant:
+
+```sh
+docker pull rajnandan1/kener:alpine
+```
+
+For a production setup, refer to the sample [docker-compose.yml](https://github.com/rajnandan1/kener/blob/main/docker-compose.yml).
+This keeps things clean, structured, and easy to read while preserving all the details.
+
+### One Click
+
+[![Deploy on Railway](https://railway.com/button.svg)](https://railway.com/template/spSvic?referralCode=1Pn7vs)
+
+## Features
+
+Here are some of the features that you get out of the box. Please read the documentation to know how to use them.
+
+### 📊 &nbsp;Monitoring and Tracking
+
+- Advanced **application performance monitoring** tools
+- **Real-time network monitoring** capabilities
+- Supports **polling HTTP endpoints** or **pushing data** via REST APIs
+- **Timezone auto-adjustment** for visitors
+- Organize monitors into **custom sections**
+- **Cron-based scheduling** (minimum: **every minute**)
+- **Create complex API polls** (chaining, secrets, etc.)
+- Set a **default status** for monitors
+- Supports **base path hosting in Kubernetes (k8s)**
+- **Pre-built Docker images** for easy deployment
+
+### 🎨 &nbsp;Customization and Branding
+
+- Fully **customizable status page**
+- **Badge generation** for status and uptime tracking
+- Support for **custom domains**
+- Embed monitors as **iframes or widgets**
+- **Light & Dark Mode**
+- **Internationalization (i18n) support**
+- **Sleek, beautifully crafted UI**
+
+### 🚨 &nbsp;Incident Management
+
+- **Incident tracking & communication** tools
+- **Comprehensive APIs** for incident management
+
+### 🧑‍💻 &nbsp;User Experience and Design
+
+- **Accessible & user-friendly interface**
+- **Quick & easy installation**
+- **Responsive design** for all devices
+- **Auto SEO & Social Media ready**
+- **Server-Side Rendering (SSR) for better performance**
+
+<div align="left">
+    <img alt="Visitor Stats" src="https://widgetbite.com/stats/rajnandan"/>
+</div>
+
+## Technologies Used
+
+-   [SvelteKit](https://kit.svelte.dev/)
+-   [shadcn-svelte](https://www.shadcn-svelte.com/)
+
+## Support Me
+
+If you’re enjoying Kener and want to support its development, consider sponsoring me on GitHub or treating me to a coffee. Your support helps keep the project growing! 🚀
+
+[Sponsor Me Using Github](https://github.com/sponsors/rajnandan1)
+
+☕ &nbsp;[Buy Me a Coffee](https://www.buymeacoffee.com/rajnandan1)
+
+![image](https://badges.pufler.dev/visits/rajnandan1/kener)
+
+## Contributing
+
+If you want to contribute to Kener, please read the [Contribution Guide](https://github.com/rajnandan1/kener/blob/main/.github/CONTRIBUTING.md).
+
+## Star History
+
+[![Star History Chart](https://api.star-history.com/svg?repos=rajnandan1/kener&type=Date)](https://star-history.com/#rajnandan1/kener&Date)

docker-compose.yml

@@ -1,26 +1,61 @@
+# Docker Compose Configuration
+# Description: This file sets up a multi-container environment for Kener (https://github.com/rajnandan1/kener).
+# Last Updated: 2025-02-08
+# Docker Compose Version: 3.8
+# Notes: Ensure that you specify a random value for the `KENER_SECRET_KEY` environment variable before running `docker-compose up -d`.
+
 version: '3.8'
+
 services:
   kener:
-    image: rajnandan1/kener:latest 
+    image: rajnandan1/kener:latest      # Change to 'rajnandan1/kener:alpine' for an even smaller image! 😁🚀
     container_name: kener
-    #env_file: .env #uncomment this, if you are using .env file
+    # env_file: custom.env              # Uncomment this if you are needing to export environment variables from a custom environment file. By default, Docker will import any variables that exist in `.env`
     environment:
-      - TZ=Etc/UTC
-      - NODE_ENV=production
-      #- PORT=3000
-      #- KENER_BASE_PATH=
-      #- RESEND_API_KEY=
-      #- ORIGIN=
-      #- KENER_SECRET_KEY=
-      #- RESEND_SENDER_EMAIL=
-      #- DATABASE_URL=
+      TZ: Etc/UTC
+      KENER_SECRET_KEY: replace_me_with_a_random_string   # Keep private!! - best to define in `.env` file or through Docker Secret
+      # DATABASE_URL: custom_db_url     # By default, a SQLite database is used - you may override the database url/type here
+      # RESEND_API_KEY: 
+      # RESEND_SENDER_EMAIL: 
 
+      ### You most likely will NOT need to change anything below this line. Be sure you know what you're doing!! (https://kener.ing/docs/deployment/#docker-environment-variables)
 
-      ### Most likely DO NOT need to change anything below this ###
-
-      #- PORT=3000 Port app listens on IN CONTAINER
+      # PORT: 3000                      # Port that app listens on in the container
+      # KENER_BASE_PATH:                # By default, Kener runs at `/`. You may change this to be, e.g. `/status`, etc. Do NOT add a trailing slash!! (more info here: https://kener.ing/docs/deployment/#docker-environment-variables)
+      # ORIGIN: http://localhost:3000
+      # NODE_ENV: production            # This is already set to "production" by default within the container
     ports:
       - '3000:3000/tcp'
     volumes:
-      - '.:/app/database:rw'
-      - '.:/app/uploads:rw'
+      - data:/app/database              # We suggest using a Docker named volume, which is more performant for databases
+      - $(pwd)/uploads:/app/uploads
+    # read_only: true                   # Uncommenting this fortifies security by marking the container's filesystem as read-only (aka no data can be written to the container's filesystem except for explicitly defined writable volumes and bind mounts, an exception has already been defined for `/database` and `/uploads`)
+    restart: unless-stopped
+    # depends_on:                       #  <-- Uncomment if you would like to use PostgreSQL or MySQL
+    #   - postgres                      #       ...instead of SQLite
+    #   - mysql                         #
+
+  # Only use below section if you would like to utilize PostgreSQL instead of Kener's default SQLite database. (Don't forget to set `DATABASE_URL` in `kener` service to be: `DATABASE_URL=postgresql://db_user:db_password@localhost:5432/kener_db`)
+  postgres:
+    image: postgres:alpine
+    name: kener_db
+    environment:
+      POSTGRES_USER: user
+      POSTGRES_PASSWORD: some_super_random_secure_password   # Best to define this in `.env` or via Docker Secret!!
+      POSTGRES_DB: kener_db
+    restart: unless-stopped
+
+  # Only use below section if you would like to utilize MySQL instead of Kener's default SQLite database. (Don't forget to set `DATABASE_URL` in `kener` service to be: `DATABASE_URL=mysql://db_user:db_password@localhost:3306/kener_db`)
+  mysql:
+    image: mariadb:11
+    name: kener_db
+    environment:
+      MYSQL_USER: user
+      MYSQL_PASSWORD: some_super_random_secure_password   # Best to define this in `.env` or via Docker Secret!!
+      MYSQL_DATABASE: kener_db
+      MYSQL_RANDOM_ROOT_PASSWORD: true
+    restart: unless-stopped
+
+volumes:
+  data:
+    name: kener_db

docs/changelogs.md

@@ -5,6 +5,47 @@ description: Changelogs for Kener
 
 # Changelogs
 
+Here are the changelogs for Kener. Changelogs are only published when there are new features or breaking changes.
+
+## v3.0.10
+
+<picture>
+  <source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.webp" type="image/webp">
+  <img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.gif" alt="🚀" width="32" height="32">
+</picture>
+
+### Features
+
+-   Added TCP monitors
+
+### Breaking Changes
+
+-   Ping monitors will break.
+
+### Fixes
+
+-   Bug fixes in the UI
+
+## v3.0.9
+
+<picture>
+  <source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.webp" type="image/webp">
+  <img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.gif" alt="🚀" width="32" height="32">
+</picture>
+
+### Features
+
+-   Support of SMTP for email notifications. Read more [here](/docs/triggers/#email-smtp)
+-   Introduction of event type `MAINTENANCE` for incidents.
+-   You can write eval function for ping now in monitors. Read more [here](/docs/monitors-ping/#eval)
+-   Added category filter for monitor management.
+
+### Fixes
+
+-   Support longer TLD in `siteURL` example `https://example.network`
+-   Remove googleapis preconnect and preload
+-   Fixed wrong action url in webhook.
+
 ## v3.0.1
 
 <picture>

docs/custom-fonts.md

@@ -0,0 +1,27 @@
+---
+title: How to Add Custom Fonts | Kener
+description: Kener allows you to add custom fonts to your site. This guide will help you add custom fonts to your Kener site.
+---
+
+# Add Custom Fonts
+
+1. Login to your Kener dashboard.
+2. Go to the `Theme` page.
+3. Scroll down to the `Fonts` section.
+4. Remove `Font URL` and `Font Name`
+5. In Custom CSS add your font
+
+```css
+@font-face {
+	font-family: "CustomFont";
+	src:
+		url("/path-to-font/CustomFont.woff2") format("woff2"),
+		url("/path-to-font/CustomFont.woff") format("woff"),
+		url("/path-to-font/CustomFont.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+* {
+	font-family: "CustomFont", sans-serif;
+}
+```

docs/customize-site.md

@@ -50,7 +50,7 @@ i18n:
         vi: "Tiếng Việt"
 pattern: "squares"
 font:
-  cssSrc: "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
+  cssSrc: "https://fonts.bunny.net/css?family=lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap"
   family: '"Lato", sans-serif'
 analytics:
   - id: "G-QsFT"
@@ -315,11 +315,11 @@ You can set the background pattern of the site. It can be `squares`, `dots`, `no
 
 ## font
 
-You can set the font of the site. You can use google fonts or any other font.
+You can set the font of the site. You can use google fonts, [bunny fonts](https://fonts.bunny.net/) (which is a fully GDPR-compliant, zero-tracking/no-logging CDN font service), or any other font.
 
 ```yaml
 font:
-    cssSrc: "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
+    cssSrc: "https://fonts.bunny.net/css?family=lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap"
     family: '"Lato", sans-serif'
 ```
 

docs/deployment.md

@@ -134,3 +134,9 @@ docker build  --build-arg KENER_BASE_PATH=/status -t kener .
 ```bash
  docker run  -p 3000:3000 --env-file .env -v $(pwd)/database:/app/uploads -v $(pwd)/database:/app/database kener
 ```
+
+## Railway
+
+You can deploy Kener on [Railway](https://railway.app) with a single click.
+
+[![Deploy on Railway](https://railway.com/button.svg)](https://railway.com/template/spSvic?referralCode=1Pn7vs)

docs/environment-vars.md

@@ -33,14 +33,6 @@ Defaults to 3000 if not specified
 export PORT=4242
 ```
 
-## GH_TOKEN
-
-A github token to read issues and create labels. This is required for **incident management**
-
-```bash
-export GH_TOKEN=your-github-token
-```
-
 ## KENER_BASE_PATH
 
 By default kener runs on `/` but you can change it to `/status` or any other path.
@@ -69,7 +61,7 @@ export RESEND_SENDER_EMAIL=Some Name <email@domain.com>
 ```
 
 <div class="  note danger ">
-	Please note that the RESEND_API_KEY is required for sending emails. If you do not set this, Kener will not be able to send emails. RESEND_SENDER_EMAIL is a must if you forget your password.
+	Please note that the RESEND_API_KEY is required for sending emails. If you do not set this, Kener will not be able to send emails. RESEND_SENDER_EMAIL is a must if you forget your password. If you do not want to use resend, you can set SMTP variables.
 </div>
 
 ## DATABASE_URL
@@ -88,6 +80,23 @@ Set the timezone for the server. Set it to UTC.
 export TZ=UTC
 ```
 
+## SMTP
+
+Kener can also use SMTP to send emails. You can set the SMTP server details in the environment variables.
+
+```bash
+export SMTP_HOST=smtp.example.com
+export SMTP_PORT=587
+export SMTP_USER=username
+export SMTP_PASS=password
+export SMTP_SECURE=0
+export SMTP_FROM_EMAIL=Some Name <user@example.com>
+```
+
+<div class="  note danger ">
+	If you set SMTP variables, Kener will use SMTP to send emails. If you set RESEND_API_KEY, Kener will use resend to send emails. If you do both Kener will use SMTP.
+</div>
+
 ## Using .env
 
 You can also use a `.env` file to set these variables. Create a `.env` file in the root of the project and add the variables like below

docs/home.md

@@ -59,13 +59,19 @@ Kener is status page system built with Sveltekit and NodeJS. It does not try to
 
 It comes with all the basic asks for a status page. It is open-source and free to use.
 
-Kener name is derived from the word "Kene" which means "how is it going" in Assamese, then .ing because it was a cheaply available domain.
+Kener name is derived from the word "Kene" which means "how is it going" in Assamese, then .ing because it was a
+cheaply available domain.
+
+## Quick Deployment
+
+[![Deploy on Railway](https://railway.com/button.svg)](https://railway.com/template/spSvic?referralCode=1Pn7vs)
 
 ## Features
 
 ### Monitoring and Tracking
 
 -   Advanced application performance monitoring tools
+-   Types of Monitors: HTTP, TCP, DNS, ICMP etc
 -   Real-time network monitor software capabilities
 -   Polls HTTP endpoint or Push data to monitor using Rest APIs
 -   Handles Timezones for visitors

docs/i18n.md

@@ -28,6 +28,7 @@ Copy and update the translation file in the `locales` folder. The translation fi
 
 ```json
 {
+	"%status for %duration": "%status for %duration",
 	"14 Days": "14 Days",
 	"30 Days": "30 Days",
 	"60 Days": "60 Days",
@@ -35,52 +36,57 @@ Copy and update the translation file in the `locales` folder. The translation fi
 	"90 Days": "90 Days",
 	"Availability per Component": "Availability per Component",
 	"Back": "Back",
-	"Badge": "Badge",
 	"Badge Copied": "Badge Copied",
+	"Badge": "Badge",
+	"Browse Events": "Browse Events",
 	"Code Copied": "Code Copied",
 	"Copy Code": "Copy Code",
 	"Copy Link": "Copy Link",
-	"Dark": "Dark",
-	"Days": "Days",
 	"DEGRADED": "DEGRADED",
 	"DOWN": "DOWN",
-	"Embed": "Embed",
+	"Dark": "Dark",
+	"Days": "Days",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Embed this monitor using <script> or <iframe> in your app.",
+	"Embed": "Embed",
 	"Get SVG badge for this monitor": "Get SVG badge for this monitor",
 	"Get a LIVE Status for this monitor": "Get a LIVE Status for this monitor",
 	"IDENTIFIED": "IDENTIFIED",
-	"Incident Updates": "Incident Updates",
 	"INVESTIGATING": "INVESTIGATING",
+	"Incident Updates": "Incident Updates",
+	"LIVE Status": "LIVE Status",
 	"Lasted for about %lastedFor": "Lasted for about %lastedFor",
 	"Light": "Light",
 	"Link Copied": "Link Copied",
-	"LIVE Status": "LIVE Status",
-	"Mode": "Mode",
+	"MAINTENANCE": "MAINTENANCE",
 	"MONITORING": "MONITORING",
+	"Maintenance Completed": "Maintenance Completed",
+	"Maintenance in Progress": "Maintenance in Progress",
+	"Mode": "Mode",
 	"No Data": "No Data",
-	"No Incidents": "No Incidents",
 	"No Incident in %date": "No Incident in %date",
+	"No Incidents": "No Incidents",
 	"No Monitor Found": "No Monitor Found",
 	"No Updates Yet": "No Updates Yet",
 	"Ongoing Incidents": "Ongoing Incidents",
 	"Pinging": "Pinging",
-	"Recent Incidents": "Recent Incidents",
 	"RESOLVED": "RESOLVED",
-	"Share": "Share",
+	"Recent Incidents": "Recent Incidents",
+	"Recent Maintenances": "Recent Maintenances",
 	"Share this monitor using a link with others": "Share this monitor using a link with others",
+	"Share": "Share",
 	"Standard": "Standard",
-	"Started about %startedAt, lasted for about %lastedFor": "Started about %startedAt, lasted for about %lastedFor",
-	"Started about %startedAt, still ongoing": "Started about %startedAt, still ongoing",
-	"Starts in %startedAt": "Starts in %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Starts in %startedAt, will last for about %lastedFor",
-	"Status": "Status",
+	"Started %startedAt, lasted for %lastedFor": "Started %startedAt, lasted for %lastedFor",
+	"Started %startedAt, still ongoing": "Started %startedAt, still ongoing",
+	"Starts %startedAt, will last for %lastedFor": "Starts %startedAt, will last for %lastedFor",
+	"Starts %startedAt": "Starts %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Theme",
 	"Today": "Today",
 	"UP": "UP",
+	"Upcoming Maintenance": "Upcoming Maintenance",
 	"Updates": "Updates",
-	"Uptime": "Uptime",
-	"%status for %duration": "%status for %duration"
+	"Uptime": "Uptime"
 }
 ```
 

docs/incident-management.md

@@ -74,3 +74,7 @@ To close an incident, you need to add a message and set the status to `RESOLVED`
 ## Add Monitors
 
 To add monitors to the incident, you need to add the monitor tag to the incident. This will automatically add the monitor to the incident. You will also get the status of the monitor in the incident. This can be `DEGRADED` or `DOWN`.
+
+## Maintenance
+
+You can also create a maintenance incident. This is similar to an incident but is used to notify users about maintenance activities. Both start and end date and time are required for maintenance incidents.

docs/monitors-api.md

@@ -45,13 +45,13 @@ The headers are used to define the headers that should be sent with the request.
 
 The eval is used to define the JavaScript code that should be used to evaluate the response. It is optional and has be a valid JavaScript code.
 
-This is a anonymous JS function, by default it looks like this.
+This is an anonymous JS function, it should return a **Promise**, that resolves or rejects to `{status, latency}`, by default it looks like this.
 
 > **_NOTE:_** The eval function should always return a json object. The json object can have only status(UP/DOWN/DEGRADED) and latency(number)
 > `{status:"DEGRADED", latency: 200}`.
 
 ```javascript
-(function (statusCode, responseTime, responseDataBase64) {
+(async function (statusCode, responseTime, responseDataBase64) {
 	let statusCodeShort = Math.floor(statusCode/100);
 	let status = 'DOWN'
     if(statusCodeShort >=2 && statusCodeShort <= 3) {
@@ -74,16 +74,12 @@ let decodedResp = atob(responseDataBase64);
 //let jsonResp = JSON.parse(decodedResp)
 ```
 
-<div class="note danger">
-    The eval is validated against (200, 1000, "e30=") which translates to (200, 1000, '{}') within the function. So whatever function you write should be able to handle these values otherwise you won't be able to save the monitor.
-</div>
-
 #### Example
 
 The following example shows how to use the eval function to evaluate the response. The function checks if the status code is 2XX then the status is UP, if the status code is 5XX then the status is DOWN. If the response contains the word `Unknown Error` then the status is DOWN. If the response time is greater than 2000 then the status is DEGRADED.
 
 ```javascript
-(function (statusCode, responseTime, responseDataBase64) {
+(async function (statusCode, responseTime, responseDataBase64) {
 	const resp = atob(responseDataBase64); //convert base64 to string
 
 	let status = "DOWN";
@@ -110,6 +106,36 @@ The following example shows how to use the eval function to evaluate the respons
 });
 ```
 
+This next example shows how to call another API withing eval. It is scrapping the second last script tag from the response and checking if the heading is "No recent issues" then the status is UP else it is DOWN.
+
+```javascript
+(async function raj(statusCode, responseTime, responseDataBase64) {
+	let htmlString = atob(responseDataBase64);
+	const scriptTags = htmlString.match(/<script[^>]*src="([^"]+)"[^>]*>/g);
+	if (scriptTags && scriptTags.length >= 2) {
+		// Extract the second last script tag's src attribute
+		const secondLastScript = scriptTags[scriptTags.length - 2];
+		const srcMatch = secondLastScript.match(/src="([^"]+)"/);
+		const secondLastScriptSrc = srcMatch ? srcMatch[1] : null;
+
+		let jsResp = await fetch(secondLastScriptSrc); //api call
+		let jsRespText = await jsResp.text();
+		//check if heading":"No recent issues" exists
+		let noRecentIssues = jsRespText.indexOf('heading":"No recent issues"');
+		if (noRecentIssues != -1) {
+			return {
+				status: "UP",
+				latency: responseTime
+			};
+		}
+	}
+	return {
+		status: "DOWN",
+		latency: responseTime
+	};
+});
+```
+
 ## Examples
 
 ### Website Monitor

docs/monitors-ping.md

@@ -13,14 +13,124 @@ Ping monitors are used to monitor livenees of your servers. You can use Ping mon
 
 </div>
 
-## Host V4
+## Hosts
 
-You can add as many IP addresses as you want to monitor. The IP address should be a valid IPv4 address. Example of IP4 address is `106.12.43.232`.
+You can add as many hosts as you want to monitor. The host can be an IP(IP4 and IP6) address or a domain name.
 
-## Host V6
+-   Type: Choose the type of host you want to monitor. It can be either `IP4` or `IP6` or `DOMAIN`.
+-   Host: Enter the IP address or domain name of the host you want to monitor.
+-   Timeout: Enter the timeout in milliseconds for each ping request of each host. For IP6 timeout is not supported.
+-   Count: The number of pings you want to do for each host. The average latency of all the pings will be used to evaluate the response.
 
-You can add as many IP addresses as you want to monitor. The IP address should be a valid IPv6 address. Example of IP6 address is `2001:0db8:85a3:0000:0000:8a2e:0370:7334`.
+## Eval
 
-<p class="note danger">
-	Please note that atleast one of the Host V4 or Host V6 is required.
-<p>
+The eval is used to define the JavaScript code that should be used to evaluate the response. It is optional and has be a valid JavaScript code.
+
+This is an anonymous JS function, it should return a **Promise**, that resolves or rejects to `{status, latency}`, by default it looks like this.
+
+> **_NOTE:_** The eval function should always return a json object. The json object can have only status(UP/DOWN/DEGRADED) and latency(number)
+> `{status:"DEGRADED", latency: 200}`.
+
+```javascript
+(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let alive = arrayOfPings.reduce((acc, ping) => {
+		return acc && ping.alive;
+	}, true);
+
+	return {
+		status: alive ? "UP" : "DOWN",
+		latency: latencyTotal / arrayOfPings.length
+	};
+});
+```
+
+-   `responseDataBase64` **REQUIRED** is a string. It is the base64 encoded response data. To use it you will have to decode it and the JSON parse it. Once parse it will be an array of objects.
+
+```js
+let decodedResp = atob(responseDataBase64);
+let jsonResp = JSON.parse(decodedResp);
+console.log(jsonResp);
+/*
+[
+  {
+    alive: true,
+    min: '145.121',
+    max: '149.740',
+    avg: '147.430',
+    latencies: [ 145.121, 149.74 ],
+    latency: 145.121,
+    host: '45.91.169.49',
+    type: 'IP4'
+  },
+  {
+    alive: true,
+    min: '145.348',
+    max: '149.143',
+    avg: '147.245',
+    latencies: [ 145.348, 149.143 ],
+    latency: 145.348,
+    host: 'kener.ing',
+    type: 'DOMAIN'
+  },
+  {
+    alive: true,
+    min: '57.696',
+    max: '58.330',
+    avg: '58.013',
+    latencies: [ 57.696, 58.33 ],
+    latency: 57.696,
+    host: '2404:6800:4003:c1c::66',
+    type: 'IP6'
+  }
+]
+*/
+```
+
+### Understanding the Input
+
+The input to the eval function is a base64 encoded string. You will have to decode it and then parse it to get the array of objects. Each object in the array represents the ping response of a host.
+
+-   `alive` is a boolean. It is true if the host is alive and false if the host is down.
+-   `min` is a string. It is the minimum latency of the pings.
+-   `max` is a string. It is the maximum latency of the pings.
+-   `avg` is a string. It is the average latency of the pings.
+-   `latencies` is an array of numbers. It is the latency of each ping.
+-   `latency` is a number. It is the average latency of the pings.
+-   `host` is a string. It is the host that was pinged.
+-   `type` is a string. It is the type of the host. It can be either `IP4` or `IP6` or `DOMAIN`.
+
+### Example
+
+The following example shows how to use the eval function to evaluate the response. The function checks if the combined latency is more 10ms then returns `DEGRADED`.
+
+```javascript
+(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let areAllOpen = arrayOfPings.reduce((acc, ping) => {
+		return acc && ping.alive;
+	}, true);
+
+	let avgLatency = latencyTotal / arrayOfPings.length;
+
+	if (areAllOpen && avgLatency > 10) {
+		return {
+			status: "DEGRADED",
+			latency: avgLatency
+		};
+	}
+
+	return {
+		status: areAllOpen ? "UP" : "DOWN",
+		latency: avgLatency
+	};
+});
+```

docs/monitors-tcp.md

@@ -0,0 +1,135 @@
+---
+title: TCP Monitors | Kener
+description: Learn how to set up and work with TCP monitors in kener.
+---
+
+# TCP Monitors
+
+TCP monitors are used to monitor the livenees of your servers. You can use TCP monitors to monitor the uptime of your servers and get notified when they are down.
+
+<div class="border rounded-md">
+
+![Monitors TCP](/m_tcp.png)
+
+</div>
+
+## Hosts
+
+You can add as many hosts as you want to monitor. The host can be an IP(IP4 and IP6) address or a domain name.
+
+-   Type: Choose the type of host you want to monitor. It can be either `IP4` or `IP6` or `DOMAIN`.
+-   Host: Enter the IP address or domain name of the host you want to monitor.
+-   Port: Enter the port number of the host you want to monitor.
+-   Timeout: Enter the timeout in milliseconds for each ping request of each host
+
+## Eval
+
+The eval is used to define the JavaScript code that should be used to evaluate the response. It is optional and has be a valid JavaScript code.
+
+This is an anonymous JS function, it should return a **Promise**, that resolves or rejects to `{status, latency}`, by default it looks like this.
+
+> **_NOTE:_** The eval function should always return a json object. The json object can have only status(UP/DOWN/DEGRADED) and latency(number)
+> `{status:"DEGRADED", latency: 200}`.
+
+```javascript
+(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let alive = arrayOfPings.reduce((acc, ping) => {
+		if (ping.status === "open") {
+			return acc && true;
+		} else {
+			return false;
+		}
+	}, true);
+
+	return {
+		status: alive ? "UP" : "DOWN",
+		latency: latencyTotal / arrayOfPings.length
+	};
+});
+```
+
+-   `responseDataBase64` **REQUIRED** is a string. It is the base64 encoded response data. To use it you will have to decode it and the JSON parse it. Once parse it will be an array of objects.
+
+```js
+let decodedResp = atob(responseDataBase64);
+let jsonResp = JSON.parse(decodedResp);
+console.log(jsonResp);
+/*
+[
+  {
+    status: 'open',
+    latency: 31.93,
+    host: '66.51.120.219',
+    port: 465,
+    type: 'IP4'
+  },
+  {
+    status: 'open',
+    latency: 47.041417,
+    host: '2404:6800:4003:c1c::66',
+    port: 80,
+    type: 'IP6'
+  },
+  {
+    status: 'open',
+    latency: 82.1865,
+    host: 'rajnandan.com',
+    port: 80,
+    type: 'DOMAIN'
+  }
+]
+*/
+```
+
+### Understanding the Input
+
+The input to the eval function is a base64 encoded string. You will have to decode it and then parse it to get the array of objects. Each object in the array represents the ping response of a host.
+
+-   `host`: The host that was pinged.
+-   `port`: The port that was pinged. Defaults to 80 if not provided.
+-   `type`: The type of IP address. Can be `IP4` or `IP6`.
+-   `status`: The status of the ping. Can be `open` , `error` or `timeout`.
+    -   `open`: The host is reachable.
+    -   `error`: There was an error while pinging the host.
+    -   `timeout`: The host did not respond in time.
+-   `latency`: The time taken to ping the host. This is in milliseconds.
+
+### Example
+
+The following example shows how to use the eval function to evaluate the response. The function checks if the combined latency is more 10ms then returns `DEGRADED`.
+
+```javascript
+(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let areAllOpen = arrayOfPings.reduce((acc, ping) => {
+		if (ping.status === "open") {
+			return acc && true;
+		} else {
+			return false;
+		}
+	}, true);
+
+	let avgLatency = latencyTotal / arrayOfPings.length;
+
+	if (areAllOpen && avgLatency > 10) {
+		return {
+			status: "DEGRADED",
+			latency: avgLatency
+		};
+	}
+
+	return {
+		status: areAllOpen ? "UP" : "DOWN",
+		latency: avgLatency
+	};
+});
+```

docs/roadmap.md

@@ -32,7 +32,7 @@ description: Roadmap for Kener
 
 ☑ ~~Create Admin UI~~ Released in (3.0.0)
 
-☐ Webhook customization
+☐ ~~Webhook customization~~
 
 ☐ Monitor Update Screen
 
@@ -40,4 +40,4 @@ description: Roadmap for Kener
 
 ---
 
-Request a feature or start a discussion [here](https://github.com/rajnandan1/kener/discussions/119)
+Request a feature or start a discussion [here](https://github.com/rajnandan1/kener/discussions/new/choose)

docs/structure.json

@@ -59,6 +59,11 @@
 					"link": "/docs/monitors-ping",
 					"file": "/monitors-ping.md"
 				},
+				{
+					"title": "TCP Monitor",
+					"link": "/docs/monitors-tcp",
+					"file": "/monitors-tcp.md"
+				},
 				{
 					"title": "DNS Monitor",
 					"link": "/docs/monitors-dns",
@@ -140,6 +145,11 @@
 		{
 			"sectionTitle": "Help",
 			"children": [
+				{
+					"title": "Fonts",
+					"link": "/docs/custom-fonts",
+					"file": "/custom-fonts.md"
+				},
 				{
 					"title": "Changelogs",
 					"link": "/docs/changelogs",

docs/theme.md

@@ -81,7 +81,7 @@ You can change the colors of UP/DEGRADED/DOWN states of the monitor. You show ha
 
 ## Font
 
-You can change the font of the status page. You can choose from a list of google fonts.
+You can change the font of the status page. You can choose from a list of google, or [bunny fonts](https://fonts.bunny.net/) (which is a fully GDPR-compliant, zero-tracking/no-logging CDN font service).
 
 ### Font URL
 

docs/triggers.md

@@ -93,20 +93,24 @@ Body of the webhook will be sent as below:
 }
 ```
 
-| Key                   | Description                                                 |
-| --------------------- | ----------------------------------------------------------- |
-| id                    | Unique ID of the alert                                      |
-| alert_name            | Name of the alert                                           |
-| severity              | Severity of the alert. Can be `critical`, `warn`            |
-| status                | Status of the alert. Can be `TRIGGERED`, `RESOLVED`         |
-| source                | Source of the alert. Can be `Kener`                         |
-| timestamp             | Timestamp of the alert                                      |
-| description           | Description of the alert. This you can customize. See below |
-| details               | Details of the alert.                                       |
-| details.metric        | Name of the monitor                                         |
-| details.current_value | Current value of the monitor                                |
-| details.threshold     | Alert trigger threshold of the monitor                      |
-| actions               | Actions to be taken. Link to view the monitor.              |
+| Key                   | Description                                                 | Variable                      |
+| --------------------- | ----------------------------------------------------------- | ----------------------------- |
+| id                    | Unique ID of the alert                                      | ${id}                         |
+| alert_name            | Name of the alert                                           | ${alert_name}                 |
+| severity              | Severity of the alert. Can be `critical`, `warn`            | ${severity}                   |
+| status                | Status of the alert. Can be `TRIGGERED`, `RESOLVED`         | ${status}                     |
+| source                | Source of the alert. Can be `Kener`                         | ${source}                     |
+| timestamp             | Timestamp of the alert                                      | ${timestamp}                  |
+| description           | Description of the alert. This you can customize. See below | ${description}                |
+| details               | Details of the alert.                                       | -                             |
+| details.metric        | Name of the monitor                                         | ${metric}                     |
+| details.current_value | Current value of the monitor                                | ${current_value}              |
+| details.threshold     | Alert trigger threshold of the monitor                      | ${threshold}                  |
+| actions               | Actions to be taken. Link to view the monitor.              | ${action_text}, ${action_url} |
+
+### Custom Body
+
+You can customize the body of the webhook. You can use the variables mentioned above. If you are not using a json body then please make sure you are using the right content-type by setting custom headers. See examples below.
 
 ## Discord
 
@@ -185,7 +189,7 @@ The slack message when alert is `RESOLVED` will look like this
 
 ## Email
 
-Email triggers are used to send an email when a monitor goes down or up.
+Email triggers are used to send an email when a monitor goes down or up. Kener supports sending emails via [resend](https://resend.com) or over SMTP.
 
 <div class="border rounded-md">
 
@@ -193,11 +197,22 @@ Email triggers are used to send an email when a monitor goes down or up.
 
 </div>
 
-<div class="border px-2 rounded-md mt-4">
+### Resend
 
-#### Note
+To send emails using Resend you just need to set `RESEND_API_KEY` in the environment variables.
 
-Please make sure you have set the `RESEND_API_KEY` in the environment variables.
+### SMTP
+
+To send emails using SMTP, please enter
+
+-   Host: SMTP server host
+-   Port: SMTP server port
+-   User: SMTP server username
+-   Password: SMTP server password
+
+<div class="note danger">
+
+Since the password will be stored as plain text we encourage to use environment variables for the password. Let us say if you have an environment variable `SMTP_PASSWORD` then you can use it as `$SMTP_PASSWORD`.
 
 </div>
 
@@ -250,3 +265,25 @@ Click on the ⚙️ to edit the trigger.
 ### Deactivate Trigger
 
 You can deactivate the trigger by switching the toggle to off. You cannot send message to a deactivated trigger. Any monitor with this trigger will not send any notifications.
+
+---
+
+## Examples
+
+### Telegram
+
+You can use the webhook trigger to send a message to a telegram channel. Enable `Use a custom webhook body`.
+
+Set the URL to `https://api.telegram.org/bot[BOT_TOKEN]/sendMessage`. Replace [BOT_TOKEN] with your bot token.
+
+```json
+{
+	"chat_id": "[CHAT_ID]", // Replace [CHAT_ID] with your chat id
+	"text": "<b>${alert_name}</b>\n\n<b>Severity:</b> <code>${severity}</code>\n<b>Status:</b> ${status}\n<b>Source:</b> Kener\n<b>Time:</b> ${timestamp}\n\n📌 <b>Details:</b>\n- <b>Metric:</b>${metric}\n- <b>Current Value:</b> <code>${current_value}</code>\n- <b>Threshold:</b> <code>${threshold}</code>\n\n🔍 <a href=\"${action_url}\">${action_text}</a>",
+	"parse_mode": "HTML"
+}
+```
+
+If you want to send a message to a group, then replace `[CHAT_ID]` with the group id.
+
+You can also use environment variables to store the bot token and chat id. In that case the URL will be `https://api.telegram.org/bot$BOT_TOKEN/sendMessage`. In the body you can use `"chat_id": "$CHAT_ID"`. Make sure you have set the `BOT_TOKEN` and `CHAT_ID` in the <a href="/docs/environment-vars#secrets">environment variables</a>.

entrypoint.sh

@@ -0,0 +1,8 @@
+#!/bin/sh
+set -e
+
+# Automatically set PUBLIC_WHITE_LABEL based on WHITE_LABEL
+export PUBLIC_WHITE_LABEL="${WHITE_LABEL}"
+
+# Replace shell with the given command (from CMD or runtime args)
+exec "$@"

migrations/20250201152526_add_new_column_to_incidents.js

@@ -0,0 +1,11 @@
+export function up(knex) {
+	return knex.schema.alterTable("incidents", function (table) {
+		table.text("incident_type").defaultTo("INCIDENT");
+	});
+}
+
+export function down(knex) {
+	return knex.schema.alterTable("incidents", function (table) {
+		table.dropColumn("incident_type");
+	});
+}

package.json

@@ -1,110 +1,113 @@
 {
-	"name": "kener",
-	"version": "3.0.4",
-	"private": false,
-	"license": "MIT",
-	"description": "Kener: An open-source Node.js status page application for real-time service monitoring, incident management, and customizable reporting. Simplify service outage tracking, enhance incident communication, and ensure a seamless user experience.",
-	"author": "Raj Nandan Sharma <rajnandan1@gmail.com>",
-	"keywords": [
-		"Node.js application",
-		"Open-source status page",
-		"Service monitoring tool",
-		"Real-time incident management",
-		"Customizable reporting",
-		"Service outage tracker",
-		"User-friendly dashboard",
-		"Incident communication platform",
-		"Scalable monitoring solution",
-		"Community-driven software",
-		"Website status tracker",
-		"Incident response tool",
-		"System status monitoring",
-		"Service reliability management",
-		"Incident alert system"
-	],
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/rajnandan1/kener.git"
-	},
-	"scripts": {
-		"build": "vite build",
-		"preview": "vite preview",
-		"configure": "node build.js",
-		"migrate": "npx knex migrate:latest",
-		"preseed": "npx knex migrate:latest",
-		"seed": "npx knex seed:run",
-		"predev": "npm run seed",
-		"devschedule": "node src/lib/server/startup.js",
-		"schedule": "node src/lib/server/startup.js",
-		"development": "vite dev",
-		"dev": "npm-run-all --parallel devschedule development",
-		"prettify": "prettier --write .",
-		"start": "node main.js"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.0.0",
-		"@sveltejs/adapter-node": "^1.3.1",
-		"@sveltejs/kit": "^1.27.4",
-		"@tailwindcss/typography": "^0.5.10",
-		"@zerodevx/svelte-toast": "^0.9.6",
-		"autoprefixer": "^10.4.14",
-		"concurrently": "^8.2.2",
-		"cross-env": "^7.0.3",
-		"date-picker-svelte": "^2.15.1",
-		"postcss": "^8.4.24",
-		"postcss-load-config": "^4.0.1",
-		"prettier": "^3.2.5",
-		"prettier-plugin-svelte": "^3.2.3",
-		"prettier-plugin-tailwindcss": "^0.5.14",
-		"svelte": "^4.0.5",
-		"svelte-awesome-color-picker": "^3.1.4",
-		"svelte-check": "^3.6.0",
-		"svelte-dnd-action": "^0.9.55",
-		"tailwindcss": "^3.3.2",
-		"typescript": "^5.0.0",
-		"vite": "^4.4.2"
-	},
-	"type": "module",
-	"dependencies": {
-		"@formkit/auto-animate": "^0.8.2",
-		"@number-flow/svelte": "^0.2.1",
-		"@scalar/express-api-reference": "^0.4.167",
-		"analytics": "^0.8.14",
-		"axios": "^1.6.2",
-		"badge-maker": "^3.3.1",
-		"bcrypt": "^5.1.1",
-		"better-sqlite3": "^11.5.0",
-		"bits-ui": "^0.9.9",
-		"clsx": "^2.0.0",
-		"croner": "^7.0.5",
-		"date-fns": "^4.1.0",
-		"dns2": "^2.1.0",
-		"dotenv": "^16.4.5",
-		"express": "^4.18.2",
-		"figlet": "^1.8.0",
-		"fs-extra": "^11.1.1",
-		"js-yaml": "^4.1.0",
-		"jsonwebtoken": "^9.0.2",
-		"knex": "^3.1.0",
-		"lucide-svelte": "^0.292.0",
-		"marked": "^11.1.1",
-		"mode-watcher": "^0.4.1",
-		"moment": "^2.29.4",
-		"moment-timezone": "^0.5.43",
-		"mysql2": "^3.12.0",
-		"node-cache": "^5.1.2",
-		"npm-run-all": "^4.1.5",
-		"pg": "^8.13.1",
-		"pg-pool": "^3.7.0",
-		"ping": "^0.4.4",
-		"queue": "^7.0.0",
-		"randomstring": "^1.3.0",
-		"resend": "^4.0.1",
-		"svelte-legos": "^0.2.5",
-		"tailwind-merge": "^2.0.0",
-		"tailwind-variants": "^0.1.18"
-	},
-	"engines": {
-		"node": ">=20.0.0"
-	}
+  "name": "kener",
+  "version": "3.1.0",
+  "private": false,
+  "license": "MIT",
+  "description": "Kener: An open-source Node.js status page application for real-time service monitoring, incident management, and customizable reporting. Simplify service outage tracking, enhance incident communication, and ensure a seamless user experience.",
+  "author": "Raj Nandan Sharma <rajnandan1@gmail.com>",
+  "keywords": [
+    "Node.js application",
+    "Open-source status page",
+    "Service monitoring tool",
+    "Real-time incident management",
+    "Customizable reporting",
+    "Service outage tracker",
+    "User-friendly dashboard",
+    "Incident communication platform",
+    "Scalable monitoring solution",
+    "Community-driven software",
+    "Website status tracker",
+    "Incident response tool",
+    "System status monitoring",
+    "Service reliability management",
+    "Incident alert system"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rajnandan1/kener.git"
+  },
+  "scripts": {
+    "build": "vite build",
+    "preview": "vite preview",
+    "configure": "node build.js",
+    "migrate": "npx knex migrate:latest",
+    "preseed": "npx knex migrate:latest",
+    "seed": "npx knex seed:run",
+    "predev": "npm run seed",
+    "devschedule": "node src/lib/server/startup.js",
+    "schedule": "node src/lib/server/startup.js",
+    "development": "vite dev",
+    "generate-readme": "node scripts/generate-readme.js",
+    "dev": "npm-run-all --parallel devschedule development",
+    "prettify": "prettier --write .",
+    "start": "node main.js"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^2.0.0",
+    "@sveltejs/adapter-node": "^1.3.1",
+    "@sveltejs/kit": "^1.27.4",
+    "@tailwindcss/typography": "^0.5.10",
+    "@zerodevx/svelte-toast": "^0.9.6",
+    "autoprefixer": "^10.4.14",
+    "concurrently": "^8.2.2",
+    "cross-env": "^7.0.3",
+    "date-picker-svelte": "^2.15.1",
+    "mustache": "^4.2.0",
+    "postcss": "^8.4.24",
+    "postcss-load-config": "^4.0.1",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.3",
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "svelte": "^4.0.5",
+    "svelte-awesome-color-picker": "^3.1.4",
+    "svelte-check": "^3.6.0",
+    "svelte-dnd-action": "^0.9.55",
+    "tailwindcss": "^3.3.2",
+    "typescript": "^5.0.0",
+    "vite": "^4.4.2"
+  },
+  "type": "module",
+  "dependencies": {
+    "@formkit/auto-animate": "^0.8.2",
+    "@number-flow/svelte": "^0.2.1",
+    "@scalar/express-api-reference": "^0.4.167",
+    "analytics": "^0.8.14",
+    "axios": "^1.6.2",
+    "badge-maker": "^3.3.1",
+    "bcrypt": "^5.1.1",
+    "better-sqlite3": "^11.5.0",
+    "bits-ui": "^0.9.9",
+    "clsx": "^2.0.0",
+    "croner": "^7.0.5",
+    "date-fns": "^4.1.0",
+    "dns2": "^2.1.0",
+    "dotenv": "^16.4.5",
+    "express": "^4.18.2",
+    "figlet": "^1.8.0",
+    "fs-extra": "^11.1.1",
+    "js-yaml": "^4.1.0",
+    "jsonwebtoken": "^9.0.2",
+    "knex": "^3.1.0",
+    "lucide-svelte": "^0.292.0",
+    "marked": "^11.1.1",
+    "mode-watcher": "^0.4.1",
+    "moment": "^2.29.4",
+    "moment-timezone": "^0.5.43",
+    "mysql2": "^3.12.0",
+    "node-cache": "^5.1.2",
+    "nodemailer": "^6.10.0",
+    "npm-run-all": "^4.1.5",
+    "pg": "^8.13.1",
+    "pg-pool": "^3.7.0",
+    "ping": "^0.4.4",
+    "queue": "^7.0.0",
+    "randomstring": "^1.3.0",
+    "resend": "^4.0.1",
+    "svelte-legos": "^0.2.5",
+    "tailwind-merge": "^2.0.0",
+    "tailwind-variants": "^0.1.18"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
 }

scripts/generate-readme.js

@@ -0,0 +1,31 @@
+import fs from "fs";
+import Mustache from "mustache";
+import dotenv from "dotenv";
+import { fileURLToPath } from "url";
+import path from "path";
+
+// Load environment variables from .env file
+dotenv.config();
+
+// Resolve paths correctly in ES modules
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Load the template
+const templatePath = path.resolve(__dirname, "../README.template.md");
+const template = fs.readFileSync(templatePath, "utf-8");
+
+// Load environment variables and provide default values
+const data = {
+  kener_full_version: process.env.KENER_BUILD_FULL_VERSION || "N/A",
+  kener_major_minor_version: process.env.KENER_BUILD_MAJOR_MINOR_VERSION || "N/A",
+  kener_major_version: process.env.KENER_BUILD_MAJOR_VERSION || "N/A",
+};
+
+// Render README.md
+const output = Mustache.render(template, data);
+
+// Write to README.md
+fs.writeFileSync(path.resolve(__dirname, "../README.md"), output);
+
+console.log("✅ README.md generated successfully!");

src/app.html

@@ -3,8 +3,6 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 
 		%sveltekit.head%
 	</head>

src/kener.css

@@ -35,8 +35,7 @@
 	background-size: 100%;
 	height: 100svh;
 
-	clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
-	transform: blur(3px);
+	/* clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%); */
 }
 
 .squares-pattern::after {
@@ -835,3 +834,18 @@ textarea::placeholder {
 		padding-right: 8px;
 	}
 }
+
+.bg-maintenance-in-progress {
+	background-color: #f9f3c2;
+}
+
+.text-maintenance-in-progress-text {
+	color: #ff6868;
+}
+.text-upcoming-maintenance {
+	color: #f0a04b;
+}
+
+.text-maintenance-completed {
+	color: #6499e9;
+}

src/lib/clientTools.js

@@ -115,22 +115,22 @@ const allRecordTypes = {
 };
 const ValidateIpAddress = function (input) {
 	// Check if input is a valid IPv4 address with an optional port
-	const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}(:\d{1,5})?$/;
+	const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/;
 	if (ipv4Regex.test(input)) {
-		return "IPv4";
+		return "IP4";
 	}
 
 	// Improved IPv6 regex that better handles compressed notation
 	const ipv6Regex =
-		/^(?:(?:[0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){0,7}:|(?:[0-9a-fA-F]{1,4}:){1,7}:|(?:[0-9a-fA-F]{1,4}:){6}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])|:(?:(?::[0-9a-fA-F]{1,4}){1,7}|:)|(?:[0-9a-fA-F]{1,4}:){1,7}(?::|:[0-9a-fA-F]{1,4})|(?:[0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,5}(?::[0-9a-fA-F]{1,4}){1,2}|(?:[0-9a-fA-F]{1,4}:){1,4}(?::[0-9a-fA-F]{1,4}){1,3}|(?:[0-9a-fA-F]{1,4}:){1,3}(?::[0-9a-fA-F]{1,4}){1,4}|(?:[0-9a-fA-F]{1,4}:){1,2}(?::[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:(?:(?::[0-9a-fA-F]{1,4}){1,6})|:(?:(?::[0-9a-fA-F]{1,4}){1,7}|:))(?::\d{1,5})?$/;
+		/^(?:(?:[0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){0,7}:|(?:[0-9a-fA-F]{1,4}:){1,7}:|(?:[0-9a-fA-F]{1,4}:){6}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])|:(?:(?::[0-9a-fA-F]{1,4}){1,7}|:)|(?:[0-9a-fA-F]{1,4}:){1,7}(?::|:[0-9a-fA-F]{1,4})|(?:[0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,5}(?::[0-9a-fA-F]{1,4}){1,2}|(?:[0-9a-fA-F]{1,4}:){1,4}(?::[0-9a-fA-F]{1,4}){1,3}|(?:[0-9a-fA-F]{1,4}:){1,3}(?::[0-9a-fA-F]{1,4}){1,4}|(?:[0-9a-fA-F]{1,4}:){1,2}(?::[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:(?:(?::[0-9a-fA-F]{1,4}){1,6})|:(?:(?::[0-9a-fA-F]{1,4}){1,7}|:))$/;
 	if (ipv6Regex.test(input)) {
-		return "IPv6";
+		return "IP6";
 	}
 
 	// Check if input is a valid domain name with an optional port
-	const domainRegex = /^[a-zA-Z0-9]+([\-\.]{1}[a-zA-Z0-9]+)*\.[a-zA-Z]{2,}(:\d{1,5})?$/;
+	const domainRegex = /^[a-zA-Z0-9]+([\-\.]{1}[a-zA-Z0-9]+)*\.[a-zA-Z]{2,}$/;
 	if (domainRegex.test(input)) {
-		return "Domain Name";
+		return "DOMAIN";
 	}
 
 	// If none of the above conditions match, the input is invalid

src/lib/components/IncidentNew.svelte

@@ -14,7 +14,7 @@
 	if (incident.end_date_time) {
 		endTime = new Date(incident.end_date_time * 1000);
 	}
-
+	let incidentType = incident.incident_type;
 	const lastedFor = fd(startTime, endTime, selectedLang);
 	const startedAt = fdn(startTime, selectedLang);
 
@@ -23,6 +23,35 @@
 	if (nowTime < startTime) {
 		isFuture = true;
 	}
+
+	let incidentDateSummary = "";
+	let maintenanceBadge = "";
+	let maintenanceBadgeColor = "";
+	if (!isFuture && incident.state != "RESOLVED") {
+		incidentDateSummary = l(lang, "Started %startedAt, still ongoing", {
+			startedAt
+		});
+		maintenanceBadge = "Maintenance in Progress";
+		maintenanceBadgeColor = "text-maintenance-in-progress";
+	} else if (!isFuture && incident.state == "RESOLVED") {
+		incidentDateSummary = l(lang, "Started %startedAt, lasted for %lastedFor", {
+			startedAt,
+			lastedFor
+		});
+		maintenanceBadge = "Maintenance Completed";
+		maintenanceBadgeColor = "text-maintenance-completed";
+	} else if (isFuture && incident.state != "RESOLVED") {
+		incidentDateSummary = l(lang, "Starts %startedAt", { startedAt });
+		maintenanceBadge = "Upcoming Maintenance";
+		maintenanceBadgeColor = "text-upcoming-maintenance";
+	} else if (isFuture && incident.state == "RESOLVED") {
+		incidentDateSummary = l(lang, "Starts %startedAt, will last for %lastedFor", {
+			startedAt,
+			lastedFor
+		});
+		maintenanceBadge = "Upcoming Maintenance";
+		maintenanceBadgeColor = "text-upcoming-maintenance";
+	}
 </script>
 
 <div class="newincident relative grid w-full grid-cols-12 gap-2 px-0 py-0 last:border-b-0">
@@ -30,47 +59,31 @@
 		<Accordion.Root bind:value={index} class="accor">
 			<Accordion.Item value="incident-0">
 				<Accordion.Trigger class="px-4 hover:bg-muted hover:no-underline">
-					<div class="justify-start text-left hover:no-underline">
-						<p
-							class="scroll-m-20 text-xs font-semibold leading-5 tracking-normal badge-{incident.state}"
-						>
-							{l(lang, incident.state)}
-						</p>
+					<div class="w-full text-left hover:no-underline">
+						{#if incidentType == "INCIDENT"}
+							<p
+								class="scroll-m-20 text-xs font-semibold leading-5 tracking-normal badge-{incident.state}"
+							>
+								{l(lang, incident.state)}
+							</p>
+						{:else if incidentType == "MAINTENANCE"}
+							<p
+								class="{maintenanceBadgeColor} scroll-m-20 text-xs font-semibold leading-5 tracking-normal"
+							>
+								{l(lang, maintenanceBadge)}
+							</p>
+						{/if}
+
 						<p class="scroll-m-20 text-lg font-medium tracking-tight">
 							{incident.title}
 						</p>
-
-						<p
-							class="scroll-m-20 text-sm font-medium tracking-wide text-muted-foreground"
-						>
-							{#if !isFuture && incident.state != "RESOLVED"}
-								<span>
-									{l(lang, "Started about %startedAt, still ongoing", {
-										startedAt
-									})}
-								</span>
-							{:else if !isFuture && incident.state == "RESOLVED"}
-								<span>
-									{l(
-										lang,
-										"Started about %startedAt, lasted for about %lastedFor",
-										{ startedAt, lastedFor }
-									)}
-								</span>
-							{:else if isFuture && incident.state != "RESOLVED"}
-								<span>
-									{l(lang, "Starts in %startedAt", { startedAt })}
-								</span>
-							{:else if isFuture && incident.state == "RESOLVED"}
-								<span>
-									{l(
-										lang,
-										"Starts in %startedAt, will last for about %lastedFor",
-										{ startedAt, lastedFor }
-									)}
-								</span>
-							{/if}
-						</p>
+						{#if !!incidentDateSummary}
+							<p
+								class="scroll-m-20 text-sm font-medium tracking-wide text-muted-foreground"
+							>
+								{incidentDateSummary}
+							</p>
+						{/if}
 					</div>
 				</Accordion.Trigger>
 				<Accordion.Content>
@@ -100,30 +113,55 @@
 							{l(lang, "Updates")}
 						</p>
 						{#if incident.comments.length > 0}
-							<ol class="relative mt-2 pl-14">
-								{#each incident.comments as comment}
-									<li class="relative border-l pb-4 pl-[4.5rem] last:border-0">
-										<div
-											class="absolute top-0 w-28 -translate-x-32 rounded border bg-secondary px-1.5 py-1 text-center text-xs font-semibold"
+							{#if incidentType == "INCIDENT"}
+								<ol class="relative mt-2 pl-14">
+									{#each incident.comments as comment}
+										<li
+											class="relative border-l pb-4 pl-[4.5rem] last:border-0"
 										>
-											{l(lang, comment.state)}
-										</div>
-										<time
-											class=" mb-1 text-sm font-medium leading-none text-muted-foreground"
-										>
-											{f(
-												new Date(comment.commented_at * 1000),
-												"MMMM do yyyy, h:mm:ss a",
-												selectedLang
-											)}
-										</time>
+											<div
+												class="absolute top-0 w-28 -translate-x-32 rounded border bg-secondary px-1.5 py-1 text-center text-xs font-semibold"
+											>
+												{l(lang, comment.state)}
+											</div>
 
-										<p class="mb-4 text-sm font-normal">
-											{comment.comment}
-										</p>
-									</li>
-								{/each}
-							</ol>
+											<time
+												class=" mb-1 text-sm font-medium leading-none text-muted-foreground"
+											>
+												{f(
+													new Date(comment.commented_at * 1000),
+													"MMMM do yyyy, h:mm:ss a",
+													selectedLang
+												)}
+											</time>
+
+											<p class="mb-4 text-sm font-normal">
+												{comment.comment}
+											</p>
+										</li>
+									{/each}
+								</ol>
+							{:else if incidentType == "MAINTENANCE"}
+								<ol class="relative mt-2 pl-0">
+									{#each incident.comments as comment}
+										<li class="relative pb-2 last:border-0">
+											<time
+												class=" mb-1 text-sm font-medium leading-none text-muted-foreground"
+											>
+												{f(
+													new Date(comment.commented_at * 1000),
+													"MMMM do yyyy, h:mm:ss a",
+													selectedLang
+												)}
+											</time>
+
+											<p class="mb-2 text-sm font-normal">
+												{comment.comment}
+											</p>
+										</li>
+									{/each}
+								</ol>
+							{/if}
 						{:else}
 							<p class="text-sm font-medium">
 								{l(lang, "No Updates Yet")}

src/lib/components/manage/themeInfo.svelte

@@ -29,7 +29,7 @@
 			DEGRADED: "#e6ca61"
 		},
 		fontJ: {
-			cssSrc: "https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap",
+			cssSrc: "https://fonts.bunny.net/css?family=albert-sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap",
 			family: "Albert Sans"
 		},
 		colors: "",
@@ -334,7 +334,7 @@
 						class="mt-2"
 						type="text"
 						id="cssSrc"
-						placeholder="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
+						placeholder="https://fonts.bunny.net/css?family=lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap"
 					/>
 				</div>
 			</div>
@@ -353,13 +353,16 @@
 				</div>
 			</div>
 			<hr />
+			<p class="font-medium">Custom CSS</p>
 			<div class="flex w-full flex-row justify-start gap-2">
 				<div class="w-full">
-					<Label for="customCSS" class="text-sm text-muted-foreground">Custom CSS</Label>
+					<Label for="customCSS" class="text-sm text-muted-foreground">
+						You can add custom CSS to style your site. Do not include style tags.
+					</Label>
 					<textarea
 						bind:value={themeData.customCSS}
 						id="customCSS"
-						class="h-48 w-full rounded-sm border p-2"
+						class="mt-1 h-48 w-full rounded-sm border p-2"
 						placeholder=".className&#123;color: red;&#125;"
 					></textarea>
 				</div>

src/lib/i18n/client.js

@@ -1,9 +1,24 @@
 // @ts-nocheck
 
 import { format, formatDistance, formatDistanceToNow, formatDuration } from "date-fns";
-import { ru, enUS, hi, de, zhCN, vi, ja, nl, da, fr, ko, ptBR } from "date-fns/locale";
+import { ru, enUS, hi, de, zhCN, vi, ja, nl, da, fr, ko, ptBR, tr, nb } from "date-fns/locale";
 
-const locales = { ru, en: enUS, hi, de, "zh-CN": zhCN, vi, ja, nl, dk: da, fr, ko, "pt-BR": ptBR };
+const locales = {
+	ru,
+	en: enUS,
+	hi,
+	de,
+	"zh-CN": zhCN,
+	vi,
+	ja,
+	nl,
+	dk: da,
+	fr,
+	ko,
+	"pt-BR": ptBR,
+	tr,
+	"nb-NO": nb
+};
 
 const f = function (date, formatStr, locale) {
 	return format(date, formatStr, {
@@ -27,16 +42,20 @@ const fdm = function (duration, locale) {
 };
 
 const l = function (sessionLangMap, key, args = {}) {
-	let obj = sessionLangMap[key];
+	try {
+		let obj = sessionLangMap[key];
 
-	// Replace placeholders in the string using the args object
-	if (obj && typeof obj === "string") {
-		obj = obj.replace(/%\w+/g, (placeholder) => {
-			const argKey = placeholder.slice(1); // Remove the `%` to get the key
-			return args[argKey] !== undefined ? args[argKey] : placeholder;
-		});
+		// Replace placeholders in the string using the args object
+		if (obj && typeof obj === "string") {
+			obj = obj.replace(/%\w+/g, (placeholder) => {
+				const argKey = placeholder.slice(1); // Remove the `%` to get the key
+				return args[argKey] !== undefined ? args[argKey] : placeholder;
+			});
+		}
+		return obj || key;
+	} catch (e) {
+		return key;
 	}
-	return obj || key;
 };
 const summaryTime = function (summaryStatus) {
 	if (summaryStatus == "No Data") {

src/lib/locales/de.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status für %duration",
 	"14 Days": "14 Tage",
 	"30 Days": "30 Tage",
 	"60 Days": "60 Tage",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Tage",
 	"Availability per Component": "Verfügbarkeit pro Komponente",
 	"Back": "Zurück",
-	"Badge": "Abzeichen",
 	"Badge Copied": "Abzeichen kopiert",
+	"Badge": "Abzeichen",
+	"Browse Events": "Ereignisse durchsuchen",
 	"Code Copied": "Code kopiert",
 	"Copy Code": "Code kopieren",
 	"Copy Link": "Link kopieren",
-	"Dark": "Dunkel",
-	"Days": "Tage",
 	"DEGRADED": "EINGESCHRÄNKT",
 	"DOWN": "AUSGEFALLEN",
-	"Embed": "Einbetten",
+	"Dark": "Dunkel",
+	"Days": "Tage",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Binden Sie diesen Monitor mit <script> oder <iframe> in Ihre App ein.",
+	"Embed": "Einbetten",
 	"Get SVG badge for this monitor": "SVG-Abzeichen für diesen Monitor erhalten",
 	"Get a LIVE Status for this monitor": "LIVE-Status für diesen Monitor erhalten",
 	"IDENTIFIED": "IDENTIFIZIERT",
-	"Incident Updates": "Vorfall-Updates",
 	"INVESTIGATING": "UNTERSUCHUNG",
+	"Incident Updates": "Vorfall-Updates",
+	"LIVE Status": "LIVE-Status",
 	"Lasted for about %lastedFor": "Dauerte etwa %lastedFor",
 	"Light": "Hell",
 	"Link Copied": "Link kopiert",
-	"LIVE Status": "LIVE-Status",
-	"Mode": "Modus",
+	"MAINTENANCE": "WARTUNG",
 	"MONITORING": "ÜBERWACHUNG",
+	"Maintenance Completed": "Wartung abgeschlossen",
+	"Maintenance in Progress": "Wartung läuft",
+	"Mode": "Modus",
 	"No Data": "Keine Daten",
-	"No Incidents": "Keine Vorfälle",
 	"No Incident in %date": "Kein Vorfall am %date",
+	"No Incidents": "Keine Vorfälle",
 	"No Monitor Found": "Kein Monitor gefunden",
 	"No Updates Yet": "Noch keine Updates",
 	"Ongoing Incidents": "Laufende Vorfälle",
 	"Pinging": "Pingen",
-	"Recent Incidents": "Kürzliche Vorfälle",
 	"RESOLVED": "GELÖST",
-	"Share": "Teilen",
+	"Recent Incidents": "Kürzliche Vorfälle",
+	"Recent Maintenances": "Kürzliche Wartungen",
 	"Share this monitor using a link with others": "Teilen Sie diesen Monitor mit einem Link mit anderen",
+	"Share": "Teilen",
 	"Standard": "Standard",
-	"Started about %startedAt, lasted for about %lastedFor": "Begann vor etwa %startedAt und dauerte etwa %lastedFor",
-	"Started about %startedAt, still ongoing": "Begann vor etwa %startedAt und dauert noch an",
-	"Starts in %startedAt": "Beginnt in %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Beginnt in %startedAt und wird etwa %lastedFor dauern",
-	"Status": "Status",
+	"Started %startedAt, lasted for %lastedFor": "Begann vor etwa %startedAt und dauerte etwa %lastedFor",
+	"Started %startedAt, still ongoing": "Begann vor etwa %startedAt und dauert noch an",
+	"Starts %startedAt, will last for %lastedFor": "Beginnt in %startedAt und wird etwa %lastedFor dauern",
+	"Starts %startedAt": "Beginnt in %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Thema",
 	"Today": "Heute",
 	"UP": "VERFÜGBAR",
+	"Upcoming Maintenance": "Bevorstehende Wartung",
 	"Updates": "Updates",
-	"Uptime": "Verfügbarkeit",
-	"%status for %duration": "%status für %duration"
+	"Uptime": "Verfügbarkeit"
 }

src/lib/locales/dk.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status i %duration",
 	"14 Days": "14 Dage",
 	"30 Days": "30 Dage",
 	"60 Days": "60 Dage",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Dage",
 	"Availability per Component": "Tilgængelighed pr. Komponent",
 	"Back": "Tilbage",
-	"Badge": "Mærke",
 	"Badge Copied": "Mærke Kopieret",
+	"Badge": "Mærke",
+	"Browse Events": "Gennemse begivenheder",
 	"Code Copied": "Kode Kopieret",
 	"Copy Code": "Kopier Kode",
 	"Copy Link": "Kopier Link",
-	"Dark": "Mørk",
-	"Days": "Dage",
 	"DEGRADED": "FORRINGET",
 	"DOWN": "NEDE",
-	"Embed": "Integrer",
+	"Dark": "Mørk",
+	"Days": "Dage",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Integrer denne monitor ved at bruge <script> eller <iframe> i din app.",
+	"Embed": "Integrer",
 	"Get SVG badge for this monitor": "Hent SVG-mærke til denne monitor",
 	"Get a LIVE Status for this monitor": "Hent en LIVE-status for denne monitor",
 	"IDENTIFIED": "IDENTIFICERET",
-	"Incident Updates": "Hændelsesopdateringer",
 	"INVESTIGATING": "UNDERSØGER",
+	"Incident Updates": "Hændelsesopdateringer",
+	"LIVE Status": "LIVE-status",
 	"Lasted for about %lastedFor": "Varede i cirka %lastedFor",
 	"Light": "Lys",
 	"Link Copied": "Link Kopieret",
-	"LIVE Status": "LIVE-status",
-	"Mode": "Tilstand",
+	"MAINTENANCE": "VEDLIGEHOLDELSE",
 	"MONITORING": "OVERVÅGNING",
+	"Maintenance Completed": "Vedligeholdelse afsluttet",
+	"Maintenance in Progress": "Vedligeholdelse i gang",
+	"Mode": "Tilstand",
 	"No Data": "Ingen Data",
-	"No Incidents": "Ingen Hændelser",
 	"No Incident in %date": "Ingen Hændelse Den %date",
+	"No Incidents": "Ingen Hændelser",
 	"No Monitor Found": "Ingen Monitor Fundet",
 	"No Updates Yet": "Ingen Opdateringer Endnu",
 	"Ongoing Incidents": "Igangværende Hændelser",
 	"Pinging": "Pinger",
-	"Recent Incidents": "Seneste Hændelser",
 	"RESOLVED": "LØST",
-	"Share": "Del",
+	"Recent Incidents": "Seneste Hændelser",
+	"Recent Maintenances": "Seneste Vedligeholdelser",
 	"Share this monitor using a link with others": "Del denne monitor ved hjælp af et link med andre",
+	"Share": "Del",
 	"Standard": "Standard",
-	"Started about %startedAt, lasted for about %lastedFor": "Startede for cirka %startedAt siden, varede i cirka %lastedFor",
-	"Started about %startedAt, still ongoing": "Startede for cirka %startedAt siden, stadig igangværende",
-	"Starts in %startedAt": "Starter om %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Starter om %startedAt, vil vare i cirka %lastedFor",
-	"Status": "Status",
+	"Started %startedAt, lasted for %lastedFor": "Startede for cirka %startedAt siden, varede i cirka %lastedFor",
+	"Started %startedAt, still ongoing": "Startede for cirka %startedAt siden, stadig igangværende",
+	"Starts %startedAt, will last for %lastedFor": "Starter om %startedAt, vil vare i cirka %lastedFor",
+	"Starts %startedAt": "Starter om %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Tema",
 	"Today": "I dag",
 	"UP": "OPPE",
+	"Upcoming Maintenance": "Kommende vedligeholdelse",
 	"Updates": "Opdateringer",
-	"Uptime": "Oppetid",
-	"%status for %duration": "%status i %duration"
+	"Uptime": "Oppetid"
 }

src/lib/locales/en.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status for %duration",
 	"14 Days": "14 Days",
 	"30 Days": "30 Days",
 	"60 Days": "60 Days",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Days",
 	"Availability per Component": "Availability per Component",
 	"Back": "Back",
-	"Badge": "Badge",
 	"Badge Copied": "Badge Copied",
+	"Badge": "Badge",
+	"Browse Events": "Browse Events",
 	"Code Copied": "Code Copied",
 	"Copy Code": "Copy Code",
 	"Copy Link": "Copy Link",
-	"Dark": "Dark",
-	"Days": "Days",
 	"DEGRADED": "DEGRADED",
 	"DOWN": "DOWN",
-	"Embed": "Embed",
+	"Dark": "Dark",
+	"Days": "Days",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Embed this monitor using <script> or <iframe> in your app.",
+	"Embed": "Embed",
 	"Get SVG badge for this monitor": "Get SVG badge for this monitor",
 	"Get a LIVE Status for this monitor": "Get a LIVE Status for this monitor",
 	"IDENTIFIED": "IDENTIFIED",
-	"Incident Updates": "Incident Updates",
 	"INVESTIGATING": "INVESTIGATING",
+	"Incident Updates": "Incident Updates",
+	"LIVE Status": "LIVE Status",
 	"Lasted for about %lastedFor": "Lasted for about %lastedFor",
 	"Light": "Light",
 	"Link Copied": "Link Copied",
-	"LIVE Status": "LIVE Status",
-	"Mode": "Mode",
+	"MAINTENANCE": "MAINTENANCE",
 	"MONITORING": "MONITORING",
+	"Maintenance Completed": "Maintenance Completed",
+	"Maintenance in Progress": "Maintenance in Progress",
+	"Mode": "Mode",
 	"No Data": "No Data",
-	"No Incidents": "No Incidents",
 	"No Incident in %date": "No Incident in %date",
+	"No Incidents": "No Incidents",
 	"No Monitor Found": "No Monitor Found",
 	"No Updates Yet": "No Updates Yet",
 	"Ongoing Incidents": "Ongoing Incidents",
 	"Pinging": "Pinging",
-	"Recent Incidents": "Recent Incidents",
 	"RESOLVED": "RESOLVED",
-	"Share": "Share",
+	"Recent Incidents": "Recent Incidents",
+	"Recent Maintenances": "Recent Maintenances",
 	"Share this monitor using a link with others": "Share this monitor using a link with others",
+	"Share": "Share",
 	"Standard": "Standard",
-	"Started about %startedAt, lasted for about %lastedFor": "Started  %startedAt, lasted for about %lastedFor",
-	"Started about %startedAt, still ongoing": "Started  %startedAt, still ongoing",
-	"Starts in %startedAt": "Starts in %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Starts in %startedAt, will last for %lastedFor",
-	"Status": "Status",
+	"Started %startedAt, lasted for %lastedFor": "Started %startedAt, lasted for %lastedFor",
+	"Started %startedAt, still ongoing": "Started %startedAt, still ongoing",
+	"Starts %startedAt, will last for %lastedFor": "Starts %startedAt, will last for %lastedFor",
+	"Starts %startedAt": "Starts %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Theme",
 	"Today": "Today",
 	"UP": "UP",
+	"Upcoming Maintenance": "Upcoming Maintenance",
 	"Updates": "Updates",
-	"Uptime": "Uptime",
-	"%status for %duration": "%status for %duration"
-}
+	"Uptime": "Uptime"
+}

src/lib/locales/fr.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status pendant %duration",
 	"14 Days": "14 jours",
 	"30 Days": "30 jours",
 	"60 Days": "60 jours",
@@ -6,50 +7,55 @@
 	"90 Days": "90 jours",
 	"Availability per Component": "Disponibilité par composant",
 	"Back": "Retour",
-	"Badge": "Badge",
 	"Badge Copied": "Badge copié",
+	"Badge": "Badge",
+	"Browse Events": "Parcourir les événements",
 	"Code Copied": "Code copié",
 	"Copy Code": "Copier le code",
 	"Copy Link": "Copier le lien",
-	"Dark": "Sombre",
-	"Days": "Jours",
 	"DEGRADED": "Dégradé",
 	"DOWN": "Hors ligne",
-	"Embed": "Intégrer",
+	"Dark": "Sombre",
+	"Days": "Jours",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Intégrez ce moniteur dans votre application en utilisant <script> ou <iframe>.",
+	"Embed": "Intégrer",
 	"Get SVG badge for this monitor": "Obtenez un badge SVG pour ce moniteur",
 	"Get a LIVE Status for this monitor": "Obtenez un statut LIVE pour ce moniteur",
 	"IDENTIFIED": "Identifié",
-	"Incident Updates": "Mises à jour des incidents",
 	"INVESTIGATING": "En cours d'investigation",
+	"Incident Updates": "Mises à jour des incidents",
+	"LIVE Status": "Statut LIVE",
 	"Lasted for about %lastedFor": "A duré environ %lastedFor",
 	"Light": "Clair",
 	"Link Copied": "Lien copié",
-	"LIVE Status": "Statut LIVE",
-	"Mode": "Mode",
+	"MAINTENANCE": "Maintenance",
 	"MONITORING": "En surveillance",
+	"Maintenance Completed": "Maintenance terminée",
+	"Maintenance in Progress": "Maintenance en cours",
+	"Mode": "Mode",
 	"No Data": "Pas de données",
-	"No Incidents": "Pas d'incidents",
 	"No Incident in %date": "Pas d'incident le %date",
+	"No Incidents": "Pas d'incidents",
 	"No Monitor Found": "Aucun moniteur trouvé",
 	"No Updates Yet": "Pas encore de mises à jour",
 	"Ongoing Incidents": "Incidents en cours",
 	"Pinging": "Ping en cours",
-	"Recent Incidents": "Incidents récents",
 	"RESOLVED": "Résolu",
-	"Share": "Partager",
+	"Recent Incidents": "Incidents récents",
+	"Recent Maintenances": "Maintenances récentes",
 	"Share this monitor using a link with others": "Partagez ce moniteur avec un lien à d'autres personnes",
+	"Share": "Partager",
 	"Standard": "Standard",
-	"Started about %startedAt, lasted for about %lastedFor": "Commencé il y a environ %startedAt, a duré environ %lastedFor",
-	"Started about %startedAt, still ongoing": "Commencé il y a environ %startedAt, toujours en cours",
-	"Starts in %startedAt": "Commence dans %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Commence dans %startedAt, durera environ %lastedFor",
-	"Status": "Statut",
+	"Started %startedAt, lasted for %lastedFor": "Commencé il y a environ %startedAt, a duré environ %lastedFor",
+	"Started %startedAt, still ongoing": "Commencé il y a environ %startedAt, toujours en cours",
+	"Starts %startedAt, will last for %lastedFor": "Commence dans %startedAt, durera environ %lastedFor",
+	"Starts %startedAt": "Commence dans %startedAt",
 	"Status OK": "Statut OK",
+	"Status": "Statut",
 	"Theme": "Thème",
 	"Today": "Aujourd'hui",
 	"UP": "En ligne",
+	"Upcoming Maintenance": "Maintenance à venir",
 	"Updates": "Mises à jour",
-	"Uptime": "Temps de fonctionnement",
-	"%status for %duration": "%status pendant %duration"
+	"Uptime": "Temps de fonctionnement"
 }

src/lib/locales/hi.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration के लिए %status",
 	"14 Days": "14 दिन",
 	"30 Days": "30 दिन",
 	"60 Days": "60 दिन",
@@ -6,50 +7,55 @@
 	"90 Days": "90 दिन",
 	"Availability per Component": "प्रत्येक घटक की उपलब्धता",
 	"Back": "वापस",
-	"Badge": "बैज",
 	"Badge Copied": "बैज कॉपी किया गया",
+	"Badge": "बैज",
+	"Browse Events": "ईवेंट ब्राउज़ करें",
 	"Code Copied": "कोड कॉपी किया गया",
 	"Copy Code": "कोड कॉपी करें",
 	"Copy Link": "लिंक कॉपी करें",
-	"Dark": "डार्क",
-	"Days": "दिन",
 	"DEGRADED": "क्षीण",
 	"DOWN": "डाउन",
-	"Embed": "एम्बेड",
+	"Dark": "डार्क",
+	"Days": "दिन",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "इस मॉनिटर को अपनी ऐप में <script> या <iframe> का उपयोग करके एम्बेड करें।",
+	"Embed": "एम्बेड",
 	"Get SVG badge for this monitor": "इस मॉनिटर के लिए SVG बैज प्राप्त करें",
 	"Get a LIVE Status for this monitor": "इस मॉनिटर के लिए लाइव स्टेटस प्राप्त करें",
 	"IDENTIFIED": "पहचाना गया",
-	"Incident Updates": "घटना अपडेट",
 	"INVESTIGATING": "जांच चल रही है",
-	"Lasted for about %lastedFor": "लगभग %lastedFor तक चला",
+	"Incident Updates": "घटना अपडेट",
+	"LIVE Status": "लाइव स्टेटस",
+	"Lasted for about %lastedFor": "%lastedFor तक चला",
 	"Light": "लाइट",
 	"Link Copied": "लिंक कॉपी किया गया",
-	"LIVE Status": "लाइव स्टेटस",
-	"Mode": "मोड",
+	"MAINTENANCE": "मेंटेनेंस",
 	"MONITORING": "निगरानी",
+	"Maintenance Completed": "मेंटेनेंस पूर्ण हुआ",
+	"Maintenance in Progress": "मेंटेनेंस जारी है",
+	"Mode": "मोड",
 	"No Data": "कोई डेटा नहीं",
-	"No Incidents": "कोई घटना नहीं",
 	"No Incident in %date": "%date को कोई घटना नहीं",
+	"No Incidents": "कोई घटना नहीं",
 	"No Monitor Found": "कोई मॉनिटर नहीं मिला",
 	"No Updates Yet": "अभी तक कोई अपडेट नहीं",
 	"Ongoing Incidents": "चल रही घटनाएँ",
 	"Pinging": "पिंगिंग",
-	"Recent Incidents": "हाल की घटनाएँ",
 	"RESOLVED": "सुलझाया गया",
-	"Share": "साझा करें",
+	"Recent Incidents": "हाल की घटनाएँ",
+	"Recent Maintenances": "हाल की मेंटेनेंस",
 	"Share this monitor using a link with others": "इस मॉनिटर को दूसरों के साथ लिंक के माध्यम से साझा करें",
+	"Share": "साझा करें",
 	"Standard": "मानक",
-	"Started about %startedAt, lasted for about %lastedFor": "लगभग %startedAt पहले शुरू हुआ, लगभग %lastedFor तक चला",
-	"Started about %startedAt, still ongoing": "लगभग %startedAt पहले शुरू हुआ, अभी भी जारी है",
-	"Starts in %startedAt": "%startedAt में शुरू होगा",
-	"Starts in %startedAt, will last for about %lastedFor": "%startedAt में शुरू होगा, लगभग %lastedFor तक चलेगा",
-	"Status": "स्थिति",
+	"Started %startedAt, lasted for %lastedFor": "%startedAt शुरू हुआ, %lastedFor तक चला",
+	"Started %startedAt, still ongoing": "%startedAt शुरू हुआ, अभी भी जारी है",
+	"Starts %startedAt, will last for %lastedFor": "%startedAt में शुरू होगा, %lastedFor तक चलेगा",
+	"Starts %startedAt": "%startedAt में शुरू होगा",
 	"Status OK": "स्थिति ठीक है",
+	"Status": "स्थिति",
 	"Theme": "थीम",
 	"Today": "आज",
 	"UP": "अप",
+	"Upcoming Maintenance": "आगामी मेंटेनेंस",
 	"Updates": "अपडेट्स",
-	"Uptime": "अपटाइम",
-	"%status for %duration": "%duration के लिए %status"
+	"Uptime": "अपटाइम"
 }

src/lib/locales/ja.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration の間 %status",
 	"14 Days": "14日間",
 	"30 Days": "30日間",
 	"60 Days": "60日間",
@@ -6,50 +7,55 @@
 	"90 Days": "90日間",
 	"Availability per Component": "コンポーネントごとの可用性",
 	"Back": "戻る",
-	"Badge": "バッジ",
 	"Badge Copied": "バッジがコピーされました",
+	"Badge": "バッジ",
+	"Browse Events": "イベントを閲覧",
 	"Code Copied": "コードがコピーされました",
 	"Copy Code": "コードをコピー",
 	"Copy Link": "リンクをコピー",
-	"Dark": "ダーク",
-	"Days": "日間",
 	"DEGRADED": "劣化",
 	"DOWN": "ダウン",
-	"Embed": "埋め込み",
+	"Dark": "ダーク",
+	"Days": "日間",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "このモニターをアプリに <script> または <iframe> を使用して埋め込む。",
+	"Embed": "埋め込み",
 	"Get SVG badge for this monitor": "このモニターのSVGバッジを取得",
 	"Get a LIVE Status for this monitor": "このモニターのライブステータスを取得",
 	"IDENTIFIED": "識別済み",
-	"Incident Updates": "インシデント更新",
 	"INVESTIGATING": "調査中",
+	"Incident Updates": "インシデント更新",
+	"LIVE Status": "ライブステータス",
 	"Lasted for about %lastedFor": "約 %lastedFor 続きました",
 	"Light": "ライト",
 	"Link Copied": "リンクがコピーされました",
-	"LIVE Status": "ライブステータス",
-	"Mode": "モード",
+	"MAINTENANCE": "メンテナンス",
 	"MONITORING": "モニタリング中",
+	"Maintenance Completed": "メンテナンス完了",
+	"Maintenance in Progress": "メンテナンス中",
+	"Mode": "モード",
 	"No Data": "データなし",
-	"No Incidents": "インシデントなし",
 	"No Incident in %date": "%date にインシデントなし",
+	"No Incidents": "インシデントなし",
 	"No Monitor Found": "モニターが見つかりません",
 	"No Updates Yet": "まだ更新はありません",
 	"Ongoing Incidents": "進行中のインシデント",
 	"Pinging": "ピング中",
-	"Recent Incidents": "最近のインシデント",
 	"RESOLVED": "解決済み",
-	"Share": "共有",
+	"Recent Incidents": "最近のインシデント",
+	"Recent Maintenances": "最近のメンテナンス",
 	"Share this monitor using a link with others": "このモニターをリンクで他の人と共有",
+	"Share": "共有",
 	"Standard": "標準",
-	"Started about %startedAt, lasted for about %lastedFor": "%startedAt 前に開始し、約 %lastedFor 続きました",
-	"Started about %startedAt, still ongoing": "%startedAt 前に開始し、まだ進行中です",
-	"Starts in %startedAt": "%startedAt 後に開始",
-	"Starts in %startedAt, will last for about %lastedFor": "%startedAt 後に開始し、約 %lastedFor 続きます",
-	"Status": "ステータス",
+	"Started %startedAt, lasted for %lastedFor": "%startedAt 前に開始し、約 %lastedFor 続きました",
+	"Started %startedAt, still ongoing": "%startedAt 前に開始し、まだ進行中です",
+	"Starts %startedAt, will last for %lastedFor": "%startedAt 後に開始し、約 %lastedFor 続きます",
+	"Starts %startedAt": "%startedAt 後に開始",
 	"Status OK": "ステータス正常",
+	"Status": "ステータス",
 	"Theme": "テーマ",
 	"Today": "今日",
 	"UP": "稼働中",
+	"Upcoming Maintenance": "今後のメンテナンス",
 	"Updates": "更新",
-	"Uptime": "稼働時間",
-	"%status for %duration": "%duration の間 %status"
+	"Uptime": "稼働時間"
 }

src/lib/locales/ko.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration 동안 %status 상태였음",
 	"14 Days": "14 일",
 	"30 Days": "30 ",
 	"60 Days": "60 일",
@@ -6,50 +7,55 @@
 	"90 Days": "90 일",
 	"Availability per Component": "항목당 가용성",
 	"Back": "뒤로",
-	"Badge": "배지",
 	"Badge Copied": "배지 복사됨",
+	"Badge": "배지",
+	"Browse Events": "이벤트 찾아보기",
 	"Code Copied": "소스코드 복사됨",
 	"Copy Code": "소스코드 복사",
 	"Copy Link": "링크 복사",
-	"Dark": "다크",
-	"Days": "일",
 	"DEGRADED": "성능 저하됨",
 	"DOWN": "중단",
-	"Embed": "임베드",
+	"Dark": "다크",
+	"Days": "일",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "<script> 나 <iframe> 태그를 사용하여 내 앱에 이 모니터링을 임베딩 해보세요.",
+	"Embed": "임베드",
 	"Get SVG badge for this monitor": "이 모니터링 항목에 대한 SVG 배지를 구해보세요.",
 	"Get a LIVE Status for this monitor": "이 모니터링 항목에 대한 실시간 상태를 구해보세요.",
 	"IDENTIFIED": "확인됨",
-	"Incident Updates": "사건 보고서",
 	"INVESTIGATING": "조사 중",
+	"Incident Updates": "사건 보고서",
+	"LIVE Status": "실시간 상태",
 	"Lasted for about %lastedFor": "%lastedFor 동안 지속",
 	"Light": "라이트",
 	"Link Copied": "링크 복사됨",
-	"LIVE Status": "실시간 상태",
-	"Mode": "모드",
+	"MAINTENANCE": "유지보수",
 	"MONITORING": "감시 중",
+	"Maintenance Completed": "유지보수 완료",
+	"Maintenance in Progress": "유지보수 진행 중",
+	"Mode": "모드",
 	"No Data": "데이터 없음",
-	"No Incidents": "사건 없음",
 	"No Incident in %date": "%date 에는 아무 사건도 없었음",
+	"No Incidents": "사건 없음",
 	"No Monitor Found": "모니터링 항목을 찾을 수 없음",
 	"No Updates Yet": "아직 아무 업데이트도 없음",
 	"Ongoing Incidents": "진행중 사건",
 	"Pinging": "핑 요청",
-	"Recent Incidents": "최근 사건",
 	"RESOLVED": "해결됨",
-	"Share": "공유",
+	"Recent Incidents": "최근 사건",
+	"Recent Maintenances": "최근 유지보수",
 	"Share this monitor using a link with others": "링크를 사용하여 다른 사람들과 이 모니터링 데이터를 공유해보세요",
+	"Share": "공유",
 	"Standard": "기본",
-	"Started about %startedAt, lasted for about %lastedFor": "%startedAt 전에 시작되었으며, %lastedFor 동안 지속되었습니다",
-	"Started about %startedAt, still ongoing": "%startedAt 전에 시작되었으며, 아직 진행중입니다",
-	"Starts in %startedAt": "%startedAt 에 시작되었습니다",
-	"Starts in %startedAt, will last for about %lastedFor": "%startedAt 전에 시작되었으며, %lastedFor 까지 지속될 예정입니다",
-	"Status": "상태",
+	"Started %startedAt, lasted for %lastedFor": "%startedAt 전에 시작되었으며, %lastedFor 동안 지속되었습니다",
+	"Started %startedAt, still ongoing": "%startedAt 전에 시작되었으며, 아직 진행중입니다",
+	"Starts %startedAt, will last for %lastedFor": "%startedAt 전에 시작되었으며, %lastedFor 까지 지속될 예정입니다",
+	"Starts %startedAt": "%startedAt 에 시작되었습니다",
 	"Status OK": "양호",
+	"Status": "상태",
 	"Theme": "테마",
 	"Today": "오늘",
 	"UP": "작동 중",
+	"Upcoming Maintenance": "예정된 유지보수",
 	"Updates": "업데이트",
-	"Uptime": "업타임",
-	"%status for %duration": "%duration 동안 %status 상태였음"
+	"Uptime": "업타임"
 }

src/lib/locales/locales.json

@@ -46,5 +46,13 @@
 	{
 		"code": "pt-BR",
 		"name": "Português Brasileiro"
+	},
+	{
+		"code": "tr",
+		"name": "Türkçe"
+	},
+	{
+		"code": "nb-NO",
+		"name": "Norsk Bokmål"
 	}
 ]

src/lib/locales/nb-NO.json

@@ -0,0 +1,61 @@
+{
+	"%status for %duration": "%status i %duration",
+	"14 Days": "14 dager",
+	"30 Days": "30 dager",
+	"60 Days": "60 dager",
+	"7 Days": "7 dager",
+	"90 Days": "90 dager",
+	"Availability per Component": "Tilgjengelighet per komponent",
+	"Back": "Tilbake",
+	"Badge Copied": "Merke kopiert",
+	"Badge": "Merke",
+	"Browse Events": "Bla gjennom hendelser",
+	"Code Copied": "Kode kopiert",
+	"Copy Code": "Kopier kode",
+	"Copy Link": "Kopier lenke",
+	"DEGRADED": "NEDSATT",
+	"DOWN": "NEDE",
+	"Dark": "Mørk",
+	"Days": "Dager",
+	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Bygg inn denne monitoren ved å bruke <script> eller <iframe> i appen din.",
+	"Embed": "Bygg inn",
+	"Get SVG badge for this monitor": "Hent SVG-merke for denne monitoren",
+	"Get a LIVE Status for this monitor": "Få en LIVE-status for denne monitoren",
+	"IDENTIFIED": "IDENTIFISERT",
+	"INVESTIGATING": "UNDERSØKER",
+	"Incident Updates": "Hendelsesoppdateringer",
+	"LIVE Status": "LIVE-status",
+	"Lasted for about %lastedFor": "Varte i omtrent %lastedFor",
+	"Light": "Lys",
+	"Link Copied": "Lenke kopiert",
+	"MAINTENANCE": "VEDLIKEHOLD",
+	"MONITORING": "OVERVÅKER",
+	"Maintenance Completed": "Vedlikehold fullført",
+	"Maintenance in Progress": "Vedlikehold pågår",
+	"Mode": "Modus",
+	"No Data": "Ingen data",
+	"No Incident in %date": "Ingen hendelser på %date",
+	"No Incidents": "Ingen hendelser",
+	"No Monitor Found": "Ingen monitor funnet",
+	"No Updates Yet": "Ingen oppdateringer ennå",
+	"Ongoing Incidents": "Pågående hendelser",
+	"Pinging": "Pinger",
+	"RESOLVED": "LØST",
+	"Recent Incidents": "Nylige hendelser",
+	"Recent Maintenances": "Nylige vedlikehold",
+	"Share this monitor using a link with others": "Del denne monitoren med andre via lenke",
+	"Share": "Del",
+	"Standard": "Standard",
+	"Started %startedAt, lasted for %lastedFor": "Startet %startedAt, varte i %lastedFor",
+	"Started %startedAt, still ongoing": "Startet %startedAt, fortsatt pågår",
+	"Starts %startedAt, will last for %lastedFor": "Starter %startedAt, vil vare i %lastedFor",
+	"Starts %startedAt": "Starter %startedAt",
+	"Status OK": "Status OK",
+	"Status": "Status",
+	"Theme": "Tema",
+	"Today": "I dag",
+	"UP": "OPPE",
+	"Upcoming Maintenance": "Kommende vedlikehold",
+	"Updates": "Oppdateringer",
+	"Uptime": "Oppetid"
+}

src/lib/locales/nl.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status voor %duration",
 	"14 Days": "14 dagen",
 	"30 Days": "30 dagen",
 	"60 Days": "60 dagen",
@@ -6,50 +7,55 @@
 	"90 Days": "90 dagen",
 	"Availability per Component": "Beschikbaarheid per component",
 	"Back": "Terug",
-	"Badge": "Badge",
 	"Badge Copied": "Badge gekopieerd",
+	"Badge": "Badge",
+	"Browse Events": "Evenementen bekijken",
 	"Code Copied": "Code gekopieerd",
 	"Copy Code": "Kopieer code",
 	"Copy Link": "Kopieer link",
-	"Dark": "Donker",
-	"Days": "Dagen",
 	"DEGRADED": "BEPERKT",
 	"DOWN": "NIET BEREIKBAAR",
-	"Embed": "Insluiten",
+	"Dark": "Donker",
+	"Days": "Dagen",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Sluit deze monitor in met behulp van <script> of <iframe> in je app.",
+	"Embed": "Insluiten",
 	"Get SVG badge for this monitor": "SVG-badge ophalen voor deze monitor",
 	"Get a LIVE Status for this monitor": "LIVE-status ophalen voor deze monitor",
 	"IDENTIFIED": "GEIDENTIFICEERD",
-	"Incident Updates": "Incident updates",
 	"INVESTIGATING": "ONDERZOEK BEZIG",
+	"Incident Updates": "Incident updates",
+	"LIVE Status": "LIVE status",
 	"Lasted for about %lastedFor": "Duurde ongeveer %lastedFor",
 	"Light": "Licht",
 	"Link Copied": "Link gekopieerd",
-	"LIVE Status": "LIVE status",
-	"Mode": "Modus",
+	"MAINTENANCE": "ONDERHOUD",
 	"MONITORING": "MONITOREN",
+	"Maintenance Completed": "Onderhoud voltooid",
+	"Maintenance in Progress": "Onderhoud bezig",
+	"Mode": "Modus",
 	"No Data": "Geen gegevens",
-	"No Incidents": "Geen incidenten",
 	"No Incident in %date": "Geen incident op %date",
+	"No Incidents": "Geen incidenten",
 	"No Monitor Found": "Geen monitor gevonden",
 	"No Updates Yet": "Nog geen updates",
 	"Ongoing Incidents": "Lopende incidenten",
 	"Pinging": "Pingen",
-	"Recent Incidents": "Recente incidenten",
 	"RESOLVED": "OPGELOST",
-	"Share": "Delen",
+	"Recent Incidents": "Recente incidenten",
+	"Recent Maintenances": "Recente onderhoudsbeurten",
 	"Share this monitor using a link with others": "Deel deze monitor met anderen via een link",
+	"Share": "Delen",
 	"Standard": "Standaard",
-	"Started about %startedAt, lasted for about %lastedFor": "Begonnen ongeveer %startedAt geleden, duurde ongeveer %lastedFor",
-	"Started about %startedAt, still ongoing": "Begonnen ongeveer %startedAt geleden, nog steeds bezig",
-	"Starts in %startedAt": "Begint over %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Begint over %startedAt, zal ongeveer %lastedFor duren",
-	"Status": "Status",
+	"Started %startedAt, lasted for %lastedFor": "Begonnen ongeveer %startedAt geleden, duurde ongeveer %lastedFor",
+	"Started %startedAt, still ongoing": "Begonnen ongeveer %startedAt geleden, nog steeds bezig",
+	"Starts %startedAt, will last for %lastedFor": "Begint over %startedAt, zal ongeveer %lastedFor duren",
+	"Starts %startedAt": "Begint over %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Thema",
 	"Today": "Vandaag",
 	"UP": "BEREIKBAAR",
+	"Upcoming Maintenance": "Aankomend onderhoud",
 	"Updates": "Updates",
-	"Uptime": "Uptime",
-	"%status for %duration": "%status voor %duration"
-}
+	"Uptime": "Uptime"
+}

src/lib/locales/pt-BR.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status por %duration",
 	"14 Days": "14 Dias",
 	"30 Days": "30 Dias",
 	"60 Days": "60 Dias",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Dias",
 	"Availability per Component": "Disponibilidade por Componente",
 	"Back": "Voltar",
-	"Badge": "Emblema",
 	"Badge Copied": "Emblema Copiado",
+	"Badge": "Emblema",
+	"Browse Events": "Navegar Eventos",
 	"Code Copied": "Código Copiado",
 	"Copy Code": "Copiar Código",
 	"Copy Link": "Copiar Link",
-	"Dark": "Escuro",
-	"Days": "Dias",
 	"DEGRADED": "FALHA",
 	"DOWN": "INDISPONÍVEL",
-	"Embed": "Incorporar",
+	"Dark": "Escuro",
+	"Days": "Dias",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Incorporar este monitor ao seu aplicativo utilizando <script> ou <iframe>.",
+	"Embed": "Incorporar",
 	"Get SVG badge for this monitor": "Obter emblema SVG deste monitor",
 	"Get a LIVE Status for this monitor": "Obter indicador de status AO VIVO",
 	"IDENTIFIED": "IDENTIFICADO",
-	"Incident Updates": "Atualizações do Incidente",
 	"INVESTIGATING": "INVESTIGANDO",
+	"Incident Updates": "Atualizações do Incidente",
+	"LIVE Status": "Status AO VIVO",
 	"Lasted for about %lastedFor": "Durou aproximadamente %lastedFor",
 	"Light": "Claro",
 	"Link Copied": "Link Copiado",
-	"LIVE Status": "Status AO VIVO",
-	"Mode": "Modo",
+	"MAINTENANCE": "MANUTENÇÃO",
 	"MONITORING": "MONITORANDO",
+	"Maintenance Completed": "Manutenção Concluída",
+	"Maintenance in Progress": "Manutenção em Progresso",
+	"Mode": "Modo",
 	"No Data": "Sem dados",
-	"No Incidents": "Sem Incidentes",
 	"No Incident in %date": "Nenhum incidente em %date",
+	"No Incidents": "Sem Incidentes",
 	"No Monitor Found": "Nenhum monitor encontrado",
 	"No Updates Yet": "Nenhuma atualização ainda",
 	"Ongoing Incidents": "Incidentes em Andamento",
 	"Pinging": "Animado",
-	"Recent Incidents": "Incidentes Recentes",
 	"RESOLVED": "RESOLVIDO",
-	"Share": "Compartilhar",
+	"Recent Incidents": "Incidentes Recentes",
+	"Recent Maintenances": "Manutenções Recentes",
 	"Share this monitor using a link with others": "Compartilhar este monitor através do link",
+	"Share": "Compartilhar",
 	"Standard": "Padrão",
-	"Started about %startedAt, lasted for about %lastedFor": "Iniciado há cerca de %startedAt e durou aproximadamente %lastedFor",
-	"Started about %startedAt, still ongoing": "Iniciado há cerca de %startedAt, ainda em andamento",
-	"Starts in %startedAt": "Inicia em %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Inícia em %startedAt, com duração de aproximadamente %lastedFor",
-	"Status": "Status",
+	"Started %startedAt, lasted for %lastedFor": "Ocorreu faz %startedAt e durou %lastedFor",
+	"Started %startedAt, still ongoing": "Iniciou faz %startedAt, ainda em andamento",
+	"Starts %startedAt, will last for %lastedFor": "Terá início em %startedAt, com duração de %lastedFor",
+	"Starts %startedAt": "Inicia em %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Tema",
 	"Today": "Hoje",
 	"UP": "OPERACIONAL",
+	"Upcoming Maintenance": "Manutenção Agendada",
 	"Updates": "Atualizações",
-	"Uptime": "Tempo de Atividade",
-	"%status for %duration": "%status por %duration"
+	"Uptime": "Tempo de Atividade"
 }

src/lib/locales/ru.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status в течение %duration",
 	"14 Days": "14 Дней",
 	"30 Days": "30 Дней",
 	"60 Days": "60 Дней",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Дней",
 	"Availability per Component": "Доступность по компонентам",
 	"Back": "Назад",
-	"Badge": "Значок",
 	"Badge Copied": "Значок скопирован",
+	"Badge": "Значок",
+	"Browse Events": "Просмотр событий",
 	"Code Copied": "Код скопирован",
 	"Copy Code": "Копировать код",
 	"Copy Link": "Копировать ссылку",
-	"Dark": "Темная",
-	"Days": "Дней",
 	"DEGRADED": "УХУДШЕНО",
 	"DOWN": "НЕДОСТУПНО",
-	"Embed": "Встроить",
+	"Dark": "Темная",
+	"Days": "Дней",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Встройте этот монитор используя <script> или <iframe> в ваше приложение.",
+	"Embed": "Встроить",
 	"Get SVG badge for this monitor": "Получить SVG значок для этого монитора",
 	"Get a LIVE Status for this monitor": "Получить ЖИВОЙ статус для этого монитора",
 	"IDENTIFIED": "ВЫЯВЛЕНО",
-	"Incident Updates": "Обновления инцидента",
 	"INVESTIGATING": "ИССЛЕДУЕТСЯ",
+	"Incident Updates": "Обновления инцидента",
+	"LIVE Status": "ЖИВОЙ статус",
 	"Lasted for about %lastedFor": "Длилось около %lastedFor",
 	"Light": "Светлая",
 	"Link Copied": "Ссылка скопирована",
-	"LIVE Status": "ЖИВОЙ статус",
-	"Mode": "Режим",
+	"MAINTENANCE": "ОБСЛУЖИВАНИЕ",
 	"MONITORING": "МОНИТОРИНГ",
+	"Maintenance Completed": "Техническое обслуживание завершено",
+	"Maintenance in Progress": "Техническое обслуживание",
+	"Mode": "Режим",
 	"No Data": "Нет данных",
-	"No Incidents": "Нет инцидентов",
 	"No Incident in %date": "Нет инцидентов на %date",
+	"No Incidents": "Нет инцидентов",
 	"No Monitor Found": "Монитор не найден",
 	"No Updates Yet": "Пока нет обновлений",
 	"Ongoing Incidents": "Текущие инциденты",
 	"Pinging": "Пингуется",
-	"Recent Incidents": "Недавние инциденты",
 	"RESOLVED": "РЕШЕНО",
-	"Share": "Поделиться",
+	"Recent Incidents": "Недавние инциденты",
+	"Recent Maintenances": "Последние обслуживания",
 	"Share this monitor using a link with others": "Поделитесь этим монитором с другими по ссылке",
+	"Share": "Поделиться",
 	"Standard": "Стандартная",
-	"Started about %startedAt, lasted for about %lastedFor": "Началось около %startedAt назад, длилось около %lastedFor",
-	"Started about %startedAt, still ongoing": "Началось около %startedAt назад, все еще продолжается",
-	"Starts in %startedAt": "Начнется через %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Начнется через %startedAt, продлится около %lastedFor",
-	"Status": "Статус",
+	"Started %startedAt, lasted for %lastedFor": "Началось около %startedAt назад, длилось около %lastedFor",
+	"Started %startedAt, still ongoing": "Началось около %startedAt назад, все еще продолжается",
+	"Starts %startedAt, will last for %lastedFor": "Начнется через %startedAt, продлится около %lastedFor",
+	"Starts %startedAt": "Начнется через %startedAt",
 	"Status OK": "Статус ОК",
+	"Status": "Статус",
 	"Theme": "Тема",
 	"Today": "Сегодня",
 	"UP": "РАБОТАЕТ",
+	"Upcoming Maintenance": "Предстоящее техническое обслуживание",
 	"Updates": "Обновления",
-	"Uptime": "Время работы",
-	"%status for %duration": "%status в течение %duration"
+	"Uptime": "Время работы"
 }

src/lib/locales/tr.json

@@ -0,0 +1,61 @@
+{
+	"%status for %duration": "%duration boyunca %status",
+	"14 Days": "14 Gün",
+	"30 Days": "30 Gün",
+	"60 Days": "60 Gün",
+	"7 Days": "7 Gün",
+	"90 Days": "90 Gün",
+	"Availability per Component": "Bileşen Kullanılabilirliği",
+	"Back": "Geri",
+	"Badge Copied": "Rozet Kopyalandı",
+	"Badge": "Rozet",
+	"Browse Events": "Etkinliklere Göz At",
+	"Code Copied": "Kod Kopyalandı",
+	"Copy Code": "Kodu Kopyala",
+	"Copy Link": "Bağlantıyı Kopyala",
+	"DEGRADED": "BOZUK",
+	"DOWN": "ÇALIŞMIYOR",
+	"Dark": "Koyu",
+	"Days": "Günler",
+	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Uygulamanıza <script> veya <iframe> kullanarak bu hizmeti yerleştirin.",
+	"Embed": "Yerleştir",
+	"Get SVG badge for this monitor": "Bu servis için SVG rozet alın",
+	"Get a LIVE Status for this monitor": "Bu servis için CANLI Durum alın",
+	"IDENTIFIED": "TANIMLANDI",
+	"INVESTIGATING": "İNCELENİYOR",
+	"Incident Updates": "Olay Güncellemeleri",
+	"LIVE Status": "CANLI Durum",
+	"Lasted for about %lastedFor": "%lastedFor sürdü",
+	"Light": "Açık",
+	"Link Copied": "Bağlantı Kopyalandı",
+	"MAINTENANCE": "BAKIM",
+	"MONITORING": "İZLEME",
+	"Maintenance Completed": "Bakım Tamamlandı",
+	"Maintenance in Progress": "Bakım Devam Ediyor",
+	"Mode": "Mod",
+	"No Data": "Veri Yok",
+	"No Incident in %date": "%date Tarihinde Olay Yok",
+	"No Incidents": "Olay Yok",
+	"No Monitor Found": "Servis Bulunamadı",
+	"No Updates Yet": "Henüz Güncelleme Yok",
+	"Ongoing Incidents": "Devam Eden Olaylar",
+	"Pinging": "Pinging",
+	"RESOLVED": "ÇÖZÜLDÜ",
+	"Recent Incidents": "Son Olaylar",
+	"Recent Maintenances": "Son Bakımlar",
+	"Share this monitor using a link with others": "Bu servisi bir bağlantı kullanarak başkalarıyla paylaşın",
+	"Share": "Paylaş",
+	"Standard": "Standart",
+	"Started %startedAt, lasted for %lastedFor": "%startedAt başladı, %lastedFor sürdü",
+	"Started %startedAt, still ongoing": "%startedAt başladı, devam ediyor",
+	"Starts %startedAt, will last for %lastedFor": "%startedAt başlıyor, %lastedFor sürecek",
+	"Starts %startedAt": "%startedAt başlıyor",
+	"Status OK": "Durum UYGUN",
+	"Status": "Durum",
+	"Theme": "Tema",
+	"Today": "Bugün",
+	"UP": "ÇALIŞIYOR",
+	"Upcoming Maintenance": "Yaklaşan Bakım",
+	"Updates": "Güncellemeler",
+	"Uptime": "Çalışma Süresi"
+}

src/lib/locales/vi.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status trong %duration",
 	"14 Days": "14 ngày",
 	"30 Days": "30 ngày",
 	"60 Days": "60 ngày",
@@ -6,50 +7,55 @@
 	"90 Days": "90 ngày",
 	"Availability per Component": "Tính khả dụng theo thành phần",
 	"Back": "Quay lại",
-	"Badge": "Huy hiệu",
 	"Badge Copied": "Huy hiệu đã được sao chép",
+	"Badge": "Huy hiệu",
+	"Browse Events": "Duyệt sự kiện",
 	"Code Copied": "Mã đã được sao chép",
 	"Copy Code": "Sao chép mã",
 	"Copy Link": "Sao chép liên kết",
-	"Dark": "Tối",
-	"Days": "Ngày",
 	"DEGRADED": "Suy giảm",
 	"DOWN": "Ngừng hoạt động",
-	"Embed": "Nhúng",
+	"Dark": "Tối",
+	"Days": "Ngày",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Nhúng trình theo dõi này vào ứng dụng của bạn bằng <script> hoặc <iframe>.",
+	"Embed": "Nhúng",
 	"Get SVG badge for this monitor": "Lấy huy hiệu SVG cho trình theo dõi này",
 	"Get a LIVE Status for this monitor": "Lấy trạng thái TRỰC TIẾP cho trình theo dõi này",
 	"IDENTIFIED": "Đã xác định",
-	"Incident Updates": "Cập nhật sự cố",
 	"INVESTIGATING": "Đang điều tra",
+	"Incident Updates": "Cập nhật sự cố",
+	"LIVE Status": "Trạng thái TRỰC TIẾP",
 	"Lasted for about %lastedFor": "Kéo dài khoảng %lastedFor",
 	"Light": "Sáng",
 	"Link Copied": "Liên kết đã được sao chép",
-	"LIVE Status": "Trạng thái TRỰC TIẾP",
-	"Mode": "Chế độ",
+	"MAINTENANCE": "Bảo trì",
 	"MONITORING": "Đang giám sát",
+	"Maintenance Completed": "Bảo trì đã hoàn thành",
+	"Maintenance in Progress": "Bảo trì đang diễn ra",
+	"Mode": "Chế độ",
 	"No Data": "Không có dữ liệu",
-	"No Incidents": "Không có sự cố",
 	"No Incident in %date": "Không có sự cố vào %date",
+	"No Incidents": "Không có sự cố",
 	"No Monitor Found": "Không tìm thấy trình theo dõi",
 	"No Updates Yet": "Chưa có cập nhật",
 	"Ongoing Incidents": "Sự cố đang diễn ra",
 	"Pinging": "Đang kiểm tra",
-	"Recent Incidents": "Sự cố gần đây",
 	"RESOLVED": "Đã giải quyết",
-	"Share": "Chia sẻ",
+	"Recent Incidents": "Sự cố gần đây",
+	"Recent Maintenances": "Bảo trì gần đây",
 	"Share this monitor using a link with others": "Chia sẻ trình theo dõi này với người khác bằng liên kết",
+	"Share": "Chia sẻ",
 	"Standard": "Tiêu chuẩn",
-	"Started about %startedAt, lasted for about %lastedFor": "Bắt đầu khoảng %startedAt trước, kéo dài khoảng %lastedFor",
-	"Started about %startedAt, still ongoing": "Bắt đầu khoảng %startedAt trước, vẫn đang diễn ra",
-	"Starts in %startedAt": "Bắt đầu trong %startedAt",
-	"Starts in %startedAt, will last for about %lastedFor": "Bắt đầu trong %startedAt, sẽ kéo dài khoảng %lastedFor",
-	"Status": "Trạng thái",
+	"Started %startedAt, lasted for %lastedFor": "Bắt đầu khoảng %startedAt trước, kéo dài khoảng %lastedFor",
+	"Started %startedAt, still ongoing": "Bắt đầu khoảng %startedAt trước, vẫn đang diễn ra",
+	"Starts %startedAt, will last for %lastedFor": "Bắt đầu trong %startedAt, sẽ kéo dài khoảng %lastedFor",
+	"Starts %startedAt": "Bắt đầu trong %startedAt",
 	"Status OK": "Trạng thái OK",
+	"Status": "Trạng thái",
 	"Theme": "Giao diện",
 	"Today": "Hôm nay",
 	"UP": "Hoạt động",
+	"Upcoming Maintenance": "Bảo trì sắp tới",
 	"Updates": "Cập nhật",
-	"Uptime": "Thời gian hoạt động",
-	"%status for %duration": "%status trong %duration"
+	"Uptime": "Thời gian hoạt động"
 }

src/lib/locales/zh-CN.json

@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration 内的 %status",
 	"14 Days": "14天",
 	"30 Days": "30天",
 	"60 Days": "60天",
@@ -6,50 +7,55 @@
 	"90 Days": "90天",
 	"Availability per Component": "每个组件的可用性",
 	"Back": "返回",
-	"Badge": "徽章",
 	"Badge Copied": "徽章已复制",
+	"Badge": "徽章",
+	"Browse Events": "浏览事件",
 	"Code Copied": "代码已复制",
 	"Copy Code": "复制代码",
 	"Copy Link": "复制链接",
-	"Dark": "深色",
-	"Days": "天",
 	"DEGRADED": "性能下降",
 	"DOWN": "不可用",
-	"Embed": "嵌入",
+	"Dark": "深色",
+	"Days": "天",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "使用 <script> 或 <iframe> 将此监控嵌入您的应用。",
+	"Embed": "嵌入",
 	"Get SVG badge for this monitor": "获取此监控的SVG徽章",
 	"Get a LIVE Status for this monitor": "获取此监控的实时状态",
 	"IDENTIFIED": "已识别",
-	"Incident Updates": "事件更新",
 	"INVESTIGATING": "正在调查",
+	"Incident Updates": "事件更新",
+	"LIVE Status": "实时状态",
 	"Lasted for about %lastedFor": "持续了约 %lastedFor",
 	"Light": "浅色",
 	"Link Copied": "链接已复制",
-	"LIVE Status": "实时状态",
-	"Mode": "模式",
+	"MAINTENANCE": "维护",
 	"MONITORING": "正在监控",
+	"Maintenance Completed": "维护已完成",
+	"Maintenance in Progress": "维护进行中",
+	"Mode": "模式",
 	"No Data": "无数据",
-	"No Incidents": "无事件",
 	"No Incident in %date": "%date 无事件",
+	"No Incidents": "无事件",
 	"No Monitor Found": "未找到监控",
 	"No Updates Yet": "尚无更新",
 	"Ongoing Incidents": "正在处理的事件",
 	"Pinging": "正在测试",
-	"Recent Incidents": "最近的事件",
 	"RESOLVED": "已解决",
-	"Share": "分享",
+	"Recent Incidents": "最近的事件",
+	"Recent Maintenances": "最近的维护",
 	"Share this monitor using a link with others": "通过链接与他人分享此监控",
+	"Share": "分享",
 	"Standard": "标准",
-	"Started about %startedAt, lasted for about %lastedFor": "大约 %startedAt 前开始，持续了约 %lastedFor",
-	"Started about %startedAt, still ongoing": "大约 %startedAt 前开始，目前仍在进行中",
-	"Starts in %startedAt": "%startedAt 后开始",
-	"Starts in %startedAt, will last for about %lastedFor": "%startedAt 后开始，将持续约 %lastedFor",
-	"Status": "状态",
+	"Started %startedAt, lasted for %lastedFor": "大约 %startedAt 前开始，持续了约 %lastedFor",
+	"Started %startedAt, still ongoing": "大约 %startedAt 前开始，目前仍在进行中",
+	"Starts %startedAt, will last for %lastedFor": "%startedAt 后开始，将持续约 %lastedFor",
+	"Starts %startedAt": "%startedAt 后开始",
 	"Status OK": "状态正常",
+	"Status": "状态",
 	"Theme": "主题",
 	"Today": "今天",
 	"UP": "可用",
+	"Upcoming Maintenance": "即将进行的维护",
 	"Updates": "更新",
-	"Uptime": "正常运行时间",
-	"%status for %duration": "%duration 内的 %status"
+	"Uptime": "正常运行时间"
 }

src/lib/server/alerting.js

@@ -33,7 +33,7 @@ async function createJSONCommonAlert(monitor, config, alert, severity) {
 	let actions = [
 		{
 			text: "View Monitor",
-			url: siteURL + "/monitor-" + monitor.tag
+			url: siteURL + "?monitor=" + monitor.tag
 		}
 	];
 	return {

src/lib/server/constants.js

@@ -10,90 +10,111 @@ const DOWN = "DOWN";
 const DEGRADED = "DEGRADED";
 const API_TIMEOUT = 10 * 1000; // 10 seconds
 const AnalyticsProviders = {
-	GA: "https://unpkg.com/@analytics/google-analytics@1.0.7/dist/@analytics/google-analytics.min.js",
-	AMPLITUDE: "https://unpkg.com/@analytics/amplitude@0.1.3/dist/@analytics/amplitude.min.js",
-	MIXPANEL: "https://unpkg.com/@analytics/mixpanel@0.4.0/dist/@analytics/mixpanel.min.js"
+  GA: "https://unpkg.com/@analytics/google-analytics@1.0.7/dist/@analytics/google-analytics.min.js",
+  AMPLITUDE:
+    "https://unpkg.com/@analytics/amplitude@0.1.3/dist/@analytics/amplitude.min.js",
+  MIXPANEL:
+    "https://unpkg.com/@analytics/mixpanel@0.4.0/dist/@analytics/mixpanel.min.js",
 };
 const AllRecordTypes = {
-	A: 1,
-	NS: 2,
-	MD: 3,
-	MF: 4,
-	CNAME: 5,
-	SOA: 6,
-	MB: 7,
-	MG: 8,
-	MR: 9,
-	NULL: 10,
-	WKS: 11,
-	PTR: 12,
-	HINFO: 13,
-	MINFO: 14,
-	MX: 15,
-	TXT: 16,
-	RP: 17,
-	AFSDB: 18,
-	X25: 19,
-	ISDN: 20,
-	RT: 21,
-	NSAP: 22,
-	NSAP_PTR: 23,
-	SIG: 24,
-	KEY: 25,
-	PX: 26,
-	GPOS: 27,
-	AAAA: 28,
-	LOC: 29,
-	NXT: 30,
-	EID: 31,
-	NIMLOC: 32,
-	SRV: 33,
-	ATMA: 34,
-	NAPTR: 35,
-	KX: 36,
-	CERT: 37,
-	A6: 38,
-	DNAME: 39,
-	SINK: 40,
-	OPT: 41,
-	APL: 42,
-	DS: 43,
-	SSHFP: 44,
-	IPSECKEY: 45,
-	RRSIG: 46,
-	NSEC: 47,
-	DNSKEY: 48,
-	DHCID: 49,
-	NSEC3: 50,
-	NSEC3PARAM: 51,
-	TLSA: 52,
-	SMIMEA: 53,
-	HIP: 55,
-	NINFO: 56,
-	RKEY: 57,
-	TALINK: 58,
-	CDS: 59,
-	CDNSKEY: 60,
-	OPENPGPKEY: 61,
-	CSYNC: 62,
-	SPF: 99,
-	UINFO: 100,
-	UID: 101,
-	GID: 102,
-	UNSPEC: 103,
-	NID: 104,
-	L32: 105,
-	L64: 106,
-	LP: 107,
-	EUI48: 108,
-	EUI64: 109,
-	TKEY: 249,
-	TSIG: 250,
-	IXFR: 251,
-	AXFR: 252,
-	MAILB: 253,
-	MAILA: 254,
-	ANY: 255
+  A: 1,
+  NS: 2,
+  MD: 3,
+  MF: 4,
+  CNAME: 5,
+  SOA: 6,
+  MB: 7,
+  MG: 8,
+  MR: 9,
+  NULL: 10,
+  WKS: 11,
+  PTR: 12,
+  HINFO: 13,
+  MINFO: 14,
+  MX: 15,
+  TXT: 16,
+  RP: 17,
+  AFSDB: 18,
+  X25: 19,
+  ISDN: 20,
+  RT: 21,
+  NSAP: 22,
+  NSAP_PTR: 23,
+  SIG: 24,
+  KEY: 25,
+  PX: 26,
+  GPOS: 27,
+  AAAA: 28,
+  LOC: 29,
+  NXT: 30,
+  EID: 31,
+  NIMLOC: 32,
+  SRV: 33,
+  ATMA: 34,
+  NAPTR: 35,
+  KX: 36,
+  CERT: 37,
+  A6: 38,
+  DNAME: 39,
+  SINK: 40,
+  OPT: 41,
+  APL: 42,
+  DS: 43,
+  SSHFP: 44,
+  IPSECKEY: 45,
+  RRSIG: 46,
+  NSEC: 47,
+  DNSKEY: 48,
+  DHCID: 49,
+  NSEC3: 50,
+  NSEC3PARAM: 51,
+  TLSA: 52,
+  SMIMEA: 53,
+  HIP: 55,
+  NINFO: 56,
+  RKEY: 57,
+  TALINK: 58,
+  CDS: 59,
+  CDNSKEY: 60,
+  OPENPGPKEY: 61,
+  CSYNC: 62,
+  SPF: 99,
+  UINFO: 100,
+  UID: 101,
+  GID: 102,
+  UNSPEC: 103,
+  NID: 104,
+  L32: 105,
+  L64: 106,
+  LP: 107,
+  EUI48: 108,
+  EUI64: 109,
+  TKEY: 249,
+  TSIG: 250,
+  IXFR: 251,
+  AXFR: 252,
+  MAILB: 253,
+  MAILA: 254,
+  ANY: 255,
 };
 // Export the constants
-export { MONITOR, UP, DOWN, SITE, DEGRADED, API_TIMEOUT, ENV, AnalyticsProviders, AllRecordTypes };
+const REALTIME = "realtime";
+const TIMEOUT = "timeout";
+const ERROR = "error";
+const MANUAL = "manual";
+
+export {
+  MONITOR,
+  UP,
+  DOWN,
+  SITE,
+  DEGRADED,
+  API_TIMEOUT,
+  ENV,
+  AnalyticsProviders,
+  AllRecordTypes,
+  REALTIME,
+  TIMEOUT,
+  ERROR,
+  MANUAL,
+};

src/lib/server/controllers/controller.js

@@ -490,11 +490,17 @@ export const CreateIncident = async (data) => {
 		start_date_time: data.start_date_time,
 		status: !!data.status ? data.status : "OPEN",
 		end_date_time: !!data.end_date_time ? data.end_date_time : null,
-		state: !!data.state ? data.state : "INVESTIGATING"
+		state: !!data.state ? data.state : "INVESTIGATING",
+		incident_type: !!data.incident_type ? data.incident_type : "INCIDENT"
 	};
 
+	//incident_type == INCIDENT delete endDateTime
+	if (incident.incident_type === "INCIDENT") {
+		incident.end_date_time = null;
+	}
+
 	//if endDateTime is provided and it is less than startDateTime, throw error
-	if (incident.end_date_time && incident.end_date_time < incident.start_date_time) {
+	if (!!incident.end_date_time && incident.end_date_time < incident.start_date_time) {
 		throw new Error("End date time cannot be less than start date time");
 	}
 
@@ -638,9 +644,9 @@ export const AddIncidentComment = async (incident_id, comment, state, commented_
 	}
 
 	let c = await db.insertIncidentComment(incident_id, comment, state, commented_at);
-
+	let incidentType = incidentExists.incident_type;
 	//update incident state
-	if (c) {
+	if (c && incidentType === "INCIDENT") {
 		let incidentUpdate = {
 			state: state
 		};
@@ -807,6 +813,28 @@ export const IsLoggedInSession = async (cookies) => {
 	};
 };
 
+export const GetSMTPFromENV = () => {
+	//if variables are not return null
+	if (
+		!!!process.env.SMTP_HOST ||
+		!!!process.env.SMTP_PORT ||
+		!!!process.env.SMTP_USER ||
+		!!!process.env.SMTP_FROM_EMAIL ||
+		!!!process.env.SMTP_PASS
+	) {
+		return null;
+	}
+
+	return {
+		smtp_host: process.env.SMTP_HOST,
+		smtp_port: process.env.SMTP_PORT,
+		smtp_user: process.env.SMTP_USER,
+		smtp_from_email: process.env.SMTP_FROM_EMAIL,
+		smtp_pass: process.env.SMTP_PASS,
+		smtp_secure: !!process.env.SMTP_SECURE
+	};
+};
+
 export const GetSiteMap = async (cookies) => {
 	let siteMapData = [];
 	let siteURLData = await GetSiteDataByKey("siteURL");

src/lib/server/controllers/validators.js

@@ -3,7 +3,7 @@
 
 export function IsValidURL(url) {
 	const regex =
-		/^(https?:\/\/)?((localhost|[\da-z.-]+\.[a-z]{2,6})(:[0-9]{1,5})?)?(\/[\w .-]*)*\/?$/i;
+		/^(https?:\/\/)?((localhost|[\da-z.-]+\.[a-z]{2,10})(:[0-9]{1,5})?)?(\/[\w .-]*)*\/?$/i;
 	return regex.test(url);
 }
 

src/lib/server/cron-minute.js

@@ -1,13 +1,9 @@
 // @ts-nocheck
 import axios from "axios";
-import ping from "ping";
+import { Ping, ExtractIPv6HostAndPort, TCP } from "./ping.js";
 import { UP, DOWN, DEGRADED } from "./constants.js";
-import {
-	GetMinuteStartNowTimestampUTC,
-	ReplaceAllOccurrences,
-	GetRequiredSecrets,
-	Wait
-} from "./tool.js";
+import Service from "./services/service.js";
+import { GetMinuteStartNowTimestampUTC, ReplaceAllOccurrences, GetRequiredSecrets, Wait } from "./tool.js";
 
 import alerting from "./alerting.js";
 import Queue from "queue";
@@ -25,416 +21,169 @@ const ERROR = "error";
 const MANUAL = "manual";
 
 const alertingQueue = new Queue({
-	concurrency: 10, // Number of tasks that can run concurrently
-	timeout: 10000, // Timeout in ms after which a task will be considered as failed (optional)
-	autostart: true // Automatically start the queue (optional)
+  concurrency: 10, // Number of tasks that can run concurrently
+  timeout: 10000, // Timeout in ms after which a task will be considered as failed (optional)
+  autostart: true, // Automatically start the queue (optional)
 });
 const apiQueue = new Queue({
-	concurrency: 10, // Number of tasks that can run concurrently
-	timeout: 10000, // Timeout in ms after which a task will be considered as failed (optional)
-	autostart: true // Automatically start the queue (optional)
+  concurrency: 10, // Number of tasks that can run concurrently
+  timeout: 10000, // Timeout in ms after which a task will be considered as failed (optional)
+  autostart: true, // Automatically start the queue (optional)
 });
 
-const defaultEval = `(function (statusCode, responseTime, responseData) {
-	let statusCodeShort = Math.floor(statusCode/100);
-    if(statusCode == 429 || (statusCodeShort >=2 && statusCodeShort <= 3)) {
-        return {
-			status: 'UP',
-			latency: responseTime,
-        }
-    } 
-	return {
-		status: 'DOWN',
-		latency: responseTime,
-	}
-})`;
-
 async function manualIncident(monitor) {
-	let startTs = GetMinuteStartNowTimestampUTC();
-	let impactArr = await db.getIncidentsByMonitorTagRealtime(monitor.tag, startTs);
+  let startTs = GetMinuteStartNowTimestampUTC();
+  let incidentArr = await db.getIncidentsByMonitorTagRealtime(monitor.tag, startTs);
+  let maintenanceArr = await db.getMaintenanceByMonitorTagRealtime(monitor.tag, startTs);
 
-	let impact = "";
-	if (impactArr.length == 0) {
-		return {};
-	}
+  let impactArr = incidentArr.concat(maintenanceArr);
 
-	for (let i = 0; i < impactArr.length; i++) {
-		const element = impactArr[i];
+  let impact = "";
+  if (impactArr.length == 0) {
+    return {};
+  }
 
-		let autoIncidents = await db.getActiveAlertIncident(
-			monitor.tag,
-			element.monitor_impact,
-			element.id
-		);
+  for (let i = 0; i < impactArr.length; i++) {
+    const element = impactArr[i];
 
-		if (!!autoIncidents) {
-			continue;
-		}
+    let autoIncidents = await db.getActiveAlertIncident(monitor.tag, element.monitor_impact, element.id);
 
-		if (element.monitor_impact === "DOWN") {
-			impact = "DOWN";
-			break;
-		}
-		if (element.monitor_impact === "DEGRADED") {
-			impact = "DEGRADED";
-		}
-	}
+    if (!!autoIncidents) {
+      continue;
+    }
 
-	if (impact === "") {
-		return {};
-	}
+    if (element.monitor_impact === "DOWN") {
+      impact = "DOWN";
+      break;
+    }
+    if (element.monitor_impact === "DEGRADED") {
+      impact = "DEGRADED";
+    }
+  }
 
-	let manualData = {
-		[startTs]: {
-			status: impact,
-			latency: 0,
-			type: MANUAL
-		}
-	};
-	return manualData;
+  if (impact === "") {
+    return {};
+  }
+
+  let manualData = {
+    [startTs]: {
+      status: impact,
+      latency: 0,
+      type: MANUAL,
+    },
+  };
+  return manualData;
 }
 
-const pingCall = async (hostsV4, hostsV6) => {
-	if (hostsV4 === undefined) hostsV4 = [];
-	if (hostsV6 === undefined) hostsV6 = [];
-	let alive = true;
-	let latencyTotal = 0;
-	let countHosts = hostsV4.length + hostsV6.length;
+const tcpCall = async (hosts, tcpEval, tag) => {
+  let arrayOfPings = [];
+  for (let i = 0; i < hosts.length; i++) {
+    const host = hosts[i];
+    arrayOfPings.push(await TCP(host.type, host.host, host.port, host.timeout));
+  }
+  let respBase64 = Buffer.from(JSON.stringify(arrayOfPings)).toString("base64");
 
-	for (let i = 0; i < hostsV4.length; i++) {
-		const host = hostsV4[i].trim();
-		try {
-			let res = await ping.promise.probe(host);
-			alive = alive && res.alive;
-			latencyTotal += res.time;
-			if (!res.alive) {
-				throw new Error(JSON.stringify(res));
-			}
-		} catch (error) {
-			alive = alive && false;
-			latencyTotal += 30;
-			console.log(`Error in pingCall IP4 for ${host}`, error);
-		}
-	}
+  let evalResp = undefined;
 
-	for (let i = 0; i < hostsV6.length; i++) {
-		const host = hostsV6[i].trim();
-		try {
-			let res = await ping.promise.probe(host, {
-				v6: true,
-				timeout: false
-			});
-			alive = alive && res.alive;
-			if (!res.alive) {
-				throw new Error(JSON.stringify(res));
-			}
-			latencyTotal += res.time;
-		} catch (error) {
-			alive = alive && false;
-			latencyTotal += 30;
-			console.log(`Error in pingCall IP6 for ${host}`, error);
-		}
-	}
-	return {
-		status: alive ? UP : DOWN,
-		latency: parseInt(latencyTotal / countHosts),
-		type: REALTIME
-	};
+  try {
+    evalResp = await eval(tcpEval + `("${respBase64}")`);
+  } catch (error) {
+    console.log(`Error in tcpEval for ${tag}`, error.message);
+  }
+  //reduce to get the status
+  return {
+    status: evalResp.status,
+    latency: evalResp.latency,
+    type: REALTIME,
+  };
 };
-const apiCall = async (envSecrets, url, method, headers, body, timeout, monitorEval) => {
-	let axiosHeaders = {};
-	axiosHeaders["User-Agent"] = "Kener/3.0.2";
-	axiosHeaders["Accept"] = "*/*";
-	const start = Date.now();
-	//replace all secrets
-	for (let i = 0; i < envSecrets.length; i++) {
-		const secret = envSecrets[i];
-		if (!!body) {
-			body = ReplaceAllOccurrences(body, secret.find, secret.replace);
-		}
-		if (!!url) {
-			url = ReplaceAllOccurrences(url, secret.find, secret.replace);
-		}
-		if (!!headers) {
-			headers = ReplaceAllOccurrences(headers, secret.find, secret.replace);
-		}
-	}
-	if (!!headers) {
-		headers = JSON.parse(headers);
-		headers = headers.reduce((acc, header) => {
-			acc[header.key] = header.value;
-			return acc;
-		}, {});
-		axiosHeaders = { ...axiosHeaders, ...headers };
-	}
-
-	const options = {
-		method: method,
-		headers: headers,
-		timeout: timeout,
-		transformResponse: (r) => r
-	};
-	if (!!headers) {
-		options.headers = headers;
-	}
-	if (!!body) {
-		options.data = body;
-	}
-	let statusCode = 500;
-	let latency = 0;
-	let resp = "";
-	let timeoutError = false;
-	try {
-		let data = await axios(url, options);
-		statusCode = data.status;
-		resp = data.data;
-	} catch (err) {
-		console.log(`Error in apiCall ${url}`, err.message);
-		if (err.message.startsWith("timeout of") && err.message.endsWith("exceeded")) {
-			timeoutError = true;
-		}
-		if (err.response !== undefined && err.response.status !== undefined) {
-			statusCode = err.response.status;
-		}
-		if (err.response !== undefined && err.response.data !== undefined) {
-			resp = err.response.data;
-		} else {
-			resp = JSON.stringify(resp);
-		}
-	} finally {
-		const end = Date.now();
-		latency = end - start;
-		if (resp === undefined || resp === null) {
-			resp = "";
-		}
-	}
-	resp = Buffer.from(resp).toString("base64");
-
-	let evalResp = undefined;
-
-	try {
-		evalResp = eval(monitorEval + `(${statusCode}, ${latency}, "${resp}")`);
-	} catch (error) {
-		console.log("Error in monitorEval", error.message);
-	}
-
-	if (evalResp === undefined || evalResp === null) {
-		evalResp = {
-			status: DOWN,
-			latency: latency,
-			type: ERROR
-		};
-	} else if (
-		evalResp.status === undefined ||
-		evalResp.status === null ||
-		[UP, DOWN, DEGRADED].indexOf(evalResp.status) === -1
-	) {
-		evalResp = {
-			status: DOWN,
-			latency: latency,
-			type: ERROR
-		};
-	} else {
-		evalResp.type = REALTIME;
-	}
-
-	let toWrite = {
-		status: DOWN,
-		latency: latency,
-		type: ERROR
-	};
-	if (evalResp.status !== undefined && evalResp.status !== null) {
-		toWrite.status = evalResp.status;
-	}
-	if (evalResp.latency !== undefined && evalResp.latency !== null) {
-		toWrite.latency = evalResp.latency;
-	}
-	if (evalResp.type !== undefined && evalResp.type !== null) {
-		toWrite.type = evalResp.type;
-	}
-	if (timeoutError) {
-		toWrite.type = TIMEOUT;
-	}
-
-	return toWrite;
-};
-
-async function dsnChecker(dnsResolver, host, recordType, matchType, values) {
-	try {
-		let queryStartTime = Date.now();
-		let dnsRes = await dnsResolver.getRecord(host, recordType);
-		let latency = Date.now() - queryStartTime;
-
-		if (dnsRes[recordType] === undefined) {
-			return {
-				status: DOWN,
-				latency: latency,
-				type: REALTIME
-			};
-		}
-		let data = dnsRes[recordType];
-		let dnsData = data.map((d) => d.data);
-		if (matchType === "ALL") {
-			for (let i = 0; i < values.length; i++) {
-				if (dnsData.indexOf(values[i].trim()) === -1) {
-					return {
-						status: DOWN,
-						latency: latency,
-						type: REALTIME
-					};
-				}
-			}
-			return {
-				status: UP,
-				latency: latency,
-				type: REALTIME
-			};
-		} else if (matchType === "ANY") {
-			for (let i = 0; i < values.length; i++) {
-				if (dnsData.indexOf(values[i].trim()) !== -1) {
-					return {
-						status: UP,
-						latency: latency,
-						type: REALTIME
-					};
-				}
-			}
-			return {
-				status: DOWN,
-				latency: latency,
-				type: REALTIME
-			};
-		}
-	} catch (error) {
-		console.log("Error in dnsChecker", error);
-		return {
-			status: DOWN,
-			latency: 0,
-			type: REALTIME
-		};
-	}
-}
 
 const Minuter = async (monitor) => {
-	let realTimeData = {};
-	let manualData = {};
+  let realTimeData = {};
+  let manualData = {};
 
-	const startOfMinute = GetMinuteStartNowTimestampUTC();
-	if (monitor.monitor_type === "API") {
-		let envSecrets = GetRequiredSecrets(
-			`${monitor.type_data.url} ${monitor.type_data.body} ${JSON.stringify(monitor.type_data.headers)}`
-		);
+  const startOfMinute = GetMinuteStartNowTimestampUTC();
+  const serviceClient = new Service(monitor);
+  if (monitor.monitor_type === "API") {
+    let apiResponse = await serviceClient.execute();
 
-		if (monitor.type_data.eval === "") {
-			monitor.type_data.eval = defaultEval;
-		}
+    realTimeData[startOfMinute] = apiResponse;
 
-		let apiResponse = await apiCall(
-			envSecrets,
-			monitor.type_data.url,
-			monitor.type_data.method,
-			JSON.stringify(monitor.type_data.headers),
-			monitor.type_data.body,
-			monitor.type_data.timeout,
-			monitor.type_data.eval
-		);
+    //if timeout, retry after 500ms
+    if (apiResponse.type === TIMEOUT) {
+      apiQueue.push(async (cb) => {
+        await Wait(500); //wait for 500ms
+        console.log("Retrying api call for " + monitor.name + " at " + startOfMinute + " due to timeout");
+        serviceClient.execute().then(async (data) => {
+          await db.insertMonitoringData({
+            monitor_tag: monitor.tag,
+            timestamp: startOfMinute,
+            status: data.status,
+            latency: data.latency,
+            type: data.type,
+          });
+          cb();
+        });
+      });
+    }
+  } else if (monitor.monitor_type === "PING") {
+    realTimeData[startOfMinute] = await serviceClient.execute();
+  } else if (monitor.monitor_type === "TCP") {
+    realTimeData[startOfMinute] = await serviceClient.execute();
+  } else if (monitor.monitor_type === "DNS") {
+    realTimeData[startOfMinute] = await serviceClient.execute();
+  }
 
-		realTimeData[startOfMinute] = apiResponse;
-		if (apiResponse.type === TIMEOUT) {
-			apiQueue.push(async (cb) => {
-				await Wait(500); //wait for 500ms
-				console.log(
-					"Retrying api call for " +
-						monitor.name +
-						" at " +
-						startOfMinute +
-						" due to timeout"
-				);
-				apiCall(
-					envSecrets,
-					monitor.type_data.url,
-					monitor.type_data.method,
-					JSON.stringify(monitor.type_data.headers),
-					monitor.type_data.body,
-					monitor.type_data.timeout,
-					monitor.type_data.eval
-				).then(async (data) => {
-					await db.insertMonitoringData({
-						monitor_tag: monitor.tag,
-						timestamp: startOfMinute,
-						status: data.status,
-						latency: data.latency,
-						type: data.type
-					});
-					cb();
-				});
-			});
-		}
-	} else if (monitor.monitor_type === "PING") {
-		let pingResponse = await pingCall(monitor.type_data.hostsV4, monitor.type_data.hostsV6);
-		realTimeData[startOfMinute] = pingResponse;
-	} else if (monitor.monitor_type === "DNS") {
-		const dnsResolver = new DNSResolver(monitor.type_data.nameServer);
-		let dnsResponse = await dsnChecker(
-			dnsResolver,
-			monitor.type_data.host,
-			monitor.type_data.lookupRecord,
-			monitor.type_data.matchType,
-			monitor.type_data.values
-		);
-		realTimeData[startOfMinute] = dnsResponse;
-	}
+  manualData = await manualIncident(monitor);
+  //merge noData, apiData, webhookData, dayData
+  let mergedData = {};
 
-	manualData = await manualIncident(monitor);
-	//merge noData, apiData, webhookData, dayData
-	let mergedData = {};
+  if (monitor.default_status !== undefined && monitor.default_status !== null) {
+    if ([UP, DOWN, DEGRADED].indexOf(monitor.default_status) !== -1) {
+      mergedData[startOfMinute] = {
+        status: monitor.default_status,
+        latency: 0,
+        type: "default_status",
+      };
+    }
+  }
 
-	if (monitor.default_status !== undefined && monitor.default_status !== null) {
-		if ([UP, DOWN, DEGRADED].indexOf(monitor.default_status) !== -1) {
-			mergedData[startOfMinute] = {
-				status: monitor.default_status,
-				latency: 0,
-				type: "default_status"
-			};
-		}
-	}
+  for (const timestamp in realTimeData) {
+    mergedData[timestamp] = realTimeData[timestamp];
+  }
 
-	for (const timestamp in realTimeData) {
-		mergedData[timestamp] = realTimeData[timestamp];
-	}
+  for (const timestamp in manualData) {
+    mergedData[timestamp] = manualData[timestamp];
+  }
 
-	for (const timestamp in manualData) {
-		mergedData[timestamp] = manualData[timestamp];
-	}
-
-	for (const timestamp in mergedData) {
-		const element = mergedData[timestamp];
-		db.insertMonitoringData({
-			monitor_tag: monitor.tag,
-			timestamp: parseInt(timestamp),
-			status: element.status,
-			latency: element.latency,
-			type: element.type
-		});
-	}
-	alertingQueue.push(async (cb) => {
-		setTimeout(async () => {
-			await alerting(monitor);
-			cb();
-		}, 1042);
-	});
+  for (const timestamp in mergedData) {
+    const element = mergedData[timestamp];
+    db.insertMonitoringData({
+      monitor_tag: monitor.tag,
+      timestamp: parseInt(timestamp),
+      status: element.status,
+      latency: element.latency,
+      type: element.type,
+    });
+  }
+  alertingQueue.push(async (cb) => {
+    setTimeout(async () => {
+      await alerting(monitor);
+      cb();
+    }, 1042);
+  });
 };
 
 alertingQueue.start((err) => {
-	if (err) {
-		console.error("Error occurred:", err);
-		process.exit(1);
-	}
+  if (err) {
+    console.error("Error occurred:", err);
+    process.exit(1);
+  }
 });
 apiQueue.start((err) => {
-	if (err) {
-		console.error("Error occurred:", err);
-		process.exit(1);
-	}
+  if (err) {
+    console.error("Error occurred:", err);
+    process.exit(1);
+  }
 });
 export { Minuter };

src/lib/server/db/seedSiteData.js

@@ -10,10 +10,6 @@ const seedSiteData = {
 			key: "description",
 			value: "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."
 		},
-		{
-			key: "keywords",
-			value: "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"
-		},
 		{
 			key: "og:description",
 			value: "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."
@@ -39,7 +35,7 @@ const seedSiteData = {
 		}
 	],
 	nav: [
-		{ name: "Documentation", url: "/docs/home", iconURL: "" },
+		{ name: "Documentation", url: "https://kener.ing/docs/home", iconURL: "" },
 		{ name: "Github", iconURL: "", url: "https://github.com/rajnandan1/kener" },
 		{ name: "Login", iconURL: "", url: "/manage/signin" }
 	],
@@ -85,7 +81,7 @@ const seedSiteData = {
 		DEGRADED: "#e6ca61"
 	},
 	font: {
-		cssSrc: "https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap",
+		cssSrc: "https://fonts.bunny.net/css?family=albert-sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap",
 		family: "Albert Sans"
 	},
 	categories: [{ name: "Home", description: "Monitors for Home Page" }],

src/lib/server/dns.js

@@ -78,34 +78,3 @@ class DNSResolver {
 }
 
 export default DNSResolver;
-// const resolver = new DNSResolver();
-// const domain = process.argv[2] || "google.com";
-// const recordType = process.argv[3] || "A";
-// resolver.getRecord(domain, recordType).then(
-// 	function (records) {
-// 		Object.entries(records).forEach(([type, records]) => {
-// 			if (records.length === 0) return []; // Skip empty records
-// 			return records;
-// 			console.log(">>>>>>----  dns:167 ", records);
-// 			console.log(`\n${type} Records:`);
-// 			records.forEach((record) => {
-// 				console.log("----------------------------------------");
-// 				console.log(`Type: ${type}`);
-// 				console.log(`Name: ${record.name}`);
-// 				console.log(`TTL: ${record.ttl}`);
-
-// 				// Format the output based on record type
-// 				if (type === "MX") {
-// 					console.log(`Priority: ${record.data.priority}`);
-// 					console.log(`Exchange: ${record.data.exchange}`);
-// 				} else {
-// 					console.log(`Data: ${record.data}`);
-// 					// console.log(">>>>>>----  dns-resolver:120 ", record);
-// 				}
-// 			});
-// 		});
-// 	},
-// 	function (err) {
-// 		console.error(err);
-// 	}
-// );

src/lib/server/notification/discord.js

@@ -21,7 +21,10 @@ class Discord {
 
 	transformData(data) {
 		let siteURL = this.siteData.siteURL;
-		let logo = this.siteData.logo;
+		let logo =
+			this.siteData.siteURL +
+			(!!process.env.KENER_BASE_PATH ? process.env.KENER_BASE_PATH : "") +
+			this.siteData.logo;
 
 		let color = 13250616; //down;
 		if (data.severity === "warning") {

src/lib/server/notification/email.js

@@ -1,5 +1,8 @@
 // @ts-nocheck
 import { Resend } from "resend";
+import nodemailer from "nodemailer";
+import getSMTPTransport from "./smtps.js";
+import { GetRequiredSecrets, ReplaceAllOccurrences } from "../tool.js";
 
 class Email {
 	to;
@@ -7,12 +10,24 @@ class Email {
 	method;
 	siteData;
 	monitorData;
+	meta;
 
 	constructor(meta, siteData, monitorData) {
 		this.to = meta.to;
 		this.from = meta.from;
 		this.siteData = siteData;
 		this.monitorData = monitorData;
+
+		let metaString = JSON.stringify(meta);
+
+		let envSecrets = GetRequiredSecrets(`${JSON.stringify(meta)}`);
+
+		for (let i = 0; i < envSecrets.length; i++) {
+			const secret = envSecrets[i];
+			metaString = ReplaceAllOccurrences(metaString, secret.find, secret.replace);
+		}
+
+		this.meta = JSON.parse(metaString);
 	}
 
 	transformData(data) {
@@ -179,13 +194,34 @@ class Email {
 	}
 
 	async send(data) {
-		const resend = new Resend(process.env.RESEND_API_KEY);
+		let emailBody = this.transformData(data); // object containing email data (to, subject, text, html, etc)
+		if (!this.meta.email_type || this.meta.email_type === "resend") {
+			const resend = new Resend(process.env.RESEND_API_KEY);
+			try {
+				return await resend.emails.send(emailBody);
+			} catch (error) {
+				console.error("Error sending webhook", error);
+				return error;
+			}
+		}
+		if (this.meta.email_type === "smtp") {
+			// Configure the SMTP transporter using environment variables
+			const transporter = getSMTPTransport(this.meta);
 
-		try {
-			return await resend.emails.send(this.transformData(data));
-		} catch (error) {
-			console.error("Error sending webhook", error);
-			return error;
+			const mailOptions = {
+				from: emailBody.from, // sender address
+				to: Array.isArray(emailBody.to) ? emailBody.to.join(",") : emailBody.to, // recipient address(es)
+				subject: emailBody.subject, // email subject
+				text: emailBody.text, // plain text body
+				html: emailBody.html // HTML body (if any)
+			};
+
+			try {
+				return await transporter.sendMail(mailOptions);
+			} catch (error) {
+				console.error("Error sending email via SMTP", error);
+				return error;
+			}
 		}
 	}
 }

src/lib/server/notification/notif.js

@@ -10,13 +10,7 @@ class Notification {
 	constructor(trigger, siteData, monitorData) {
 		let trigger_meta = JSON.parse(trigger.trigger_meta);
 		if (trigger.trigger_type === "webhook") {
-			this.client = new Webhook(
-				trigger_meta.url,
-				trigger_meta.headers,
-				"POST",
-				siteData,
-				monitorData
-			);
+			this.client = new Webhook(trigger_meta, "POST", siteData, monitorData);
 		} else if (trigger.trigger_type === "discord") {
 			this.client = new Discord(trigger_meta.url, siteData, monitorData);
 		} else if (trigger.trigger_type === "slack") {

src/lib/server/notification/smtps.js

@@ -0,0 +1,26 @@
+// @ts-nocheck
+import nodemailer from "nodemailer";
+import { HashString } from "../controllers/controller.js";
+const transports = {};
+export default function getSMTPTransport(meta) {
+	//convert meta to string and generate has id
+
+	let transportId = "smtp_" + HashString(JSON.stringify(meta));
+
+	if (!!transports[transportId]) {
+		return transports[transportId];
+	}
+
+	const transporter = nodemailer.createTransport({
+		host: meta.smtp_host,
+		port: Number(meta.smtp_port) || 587,
+		secure: meta.smtp_secure, // true for 465, false for other ports
+		auth: {
+			user: meta.smtp_user,
+			pass: meta.smtp_pass
+		}
+	});
+	transports[transportId] = transporter;
+
+	return transporter;
+}

src/lib/server/notification/webhook.js

@@ -8,14 +8,16 @@ class Webhook {
 	method;
 	siteData;
 	monitorData;
+	trigger_meta;
 
-	constructor(url, headers, method, siteData, monitorData) {
+	constructor(trigger_meta, method, siteData, monitorData) {
 		const kenerHeader = {
 			"Content-Type": "application/json",
 			"User-Agent": "Kener/3.0.0"
 		};
-
-		this.url = url;
+		let headers = trigger_meta.headers;
+		this.trigger_meta = trigger_meta;
+		this.url = trigger_meta.url;
 		this.headers = kenerHeader;
 		for (let i = 0; i < headers.length; i++) {
 			const header = headers[i];
@@ -25,19 +27,49 @@ class Webhook {
 		this.siteData = siteData;
 		this.monitorData = monitorData;
 
-		let envSecrets = GetRequiredSecrets(`${this.url} ${JSON.stringify(this.headers)}`);
+		let envSecrets = GetRequiredSecrets(
+			`${this.url} ${JSON.stringify(this.headers)} ${JSON.stringify(this.trigger_meta.webhook_body)}`
+		);
+		//replace secrets in url and headers
 
 		for (let i = 0; i < envSecrets.length; i++) {
 			const secret = envSecrets[i];
-			this.url = ReplaceAllOccurrences(this.url, secret.key, secret.value);
+			this.url = ReplaceAllOccurrences(this.url, secret.find, secret.replace);
 			this.headers = JSON.parse(
 				ReplaceAllOccurrences(JSON.stringify(this.headers), secret.find, secret.replace)
 			);
 		}
+
+		if (!!this.trigger_meta.has_webhook_body && !!this.trigger_meta.webhook_body) {
+			envSecrets = GetRequiredSecrets(this.trigger_meta.webhook_body);
+			for (let i = 0; i < envSecrets.length; i++) {
+				const secret = envSecrets[i];
+				this.trigger_meta.webhook_body = ReplaceAllOccurrences(
+					this.trigger_meta.webhook_body,
+					secret.find,
+					secret.replace
+				);
+			}
+		}
 	}
 
 	transformData(data) {
-		return data;
+		if (!!!this.trigger_meta.has_webhook_body) return JSON.stringify(data);
+		if (!!!this.trigger_meta.webhook_body) return JSON.stringify(data);
+		let body = this.trigger_meta.webhook_body;
+		body = ReplaceAllOccurrences(body, "${id}", data.id);
+		body = ReplaceAllOccurrences(body, "${alert_name}", data.alert_name);
+		body = ReplaceAllOccurrences(body, "${severity}", data.severity);
+		body = ReplaceAllOccurrences(body, "${status}", data.status);
+		body = ReplaceAllOccurrences(body, "${source}", data.source);
+		body = ReplaceAllOccurrences(body, "${timestamp}", data.timestamp);
+		body = ReplaceAllOccurrences(body, "${description}", data.description);
+		body = ReplaceAllOccurrences(body, "${metric}", data.details.metric);
+		body = ReplaceAllOccurrences(body, "${current_value}", data.details.current_value);
+		body = ReplaceAllOccurrences(body, "${threshold}", data.details.threshold);
+		body = ReplaceAllOccurrences(body, "${action_text}", data.actions[0].text);
+		body = ReplaceAllOccurrences(body, "${action_url}", data.actions[0].url);
+		return body;
 	}
 
 	type() {
@@ -49,7 +81,7 @@ class Webhook {
 			const response = await fetch(this.url, {
 				method: this.method,
 				headers: this.headers,
-				body: JSON.stringify(this.transformData(data))
+				body: this.transformData(data)
 			});
 			return response;
 		} catch (error) {

src/lib/server/page.js

@@ -137,7 +137,6 @@ const FetchData = async function (site, monitor, localTz, selectedLang, lang) {
 
 		_90Day[ts].timestamp = ts;
 		_90Day[ts].cssClass = cssClass;
-
 		_90Day[ts].summaryStatus = l(lang, summaryTime(summaryStatus), {
 			status: l(lang, summaryStatus),
 			duration: summaryDuration

src/lib/server/ping.js

@@ -0,0 +1,87 @@
+// @ts-nocheck
+import net from "net"; // Use import instead of require
+import ping from "ping";
+
+const TCP = function (type, host, port, timeout) {
+	port = parseInt(port, 10);
+	return new Promise((resolve) => {
+		const socket = new net.Socket();
+		const start = process.hrtime.bigint(); // High-precision timestamp
+		let resolved = false;
+
+		const onFinish = (status) => {
+			if (!resolved) {
+				resolved = true;
+				const end = process.hrtime.bigint();
+				const latency = Number(end - start) / 1e6; // Convert nanoseconds to milliseconds
+				socket.destroy();
+				resolve({ status, latency, host, port, type });
+			}
+		};
+
+		socket.setTimeout(timeout);
+		socket.once("connect", () => onFinish("open"));
+		socket.once("timeout", () => onFinish("timeout"));
+		socket.once("error", () => onFinish("error"));
+
+		// Check if it's an IPv6 address (contains ':')
+		const options = {
+			host,
+			port,
+			family: type === "IP6" ? 6 : 4
+		}; //host.includes(":") ? { host, port, family: 6 } : { host, port };
+		socket.connect(options);
+	});
+};
+
+const Ping = async function (type, host, timeout, count) {
+	let output = {
+		alive: false,
+		min: null,
+		max: null,
+		avg: null,
+		latencies: [],
+		latency: null,
+		host: host,
+		type: type
+	};
+
+	try {
+		let res = await ping.promise.probe(host, {
+			v6: type === "IP6",
+			timeout: type === "IP6" ? false : Math.floor(timeout / 1000),
+			min_reply: count
+		});
+		output.alive = res.alive;
+		output.min = res.min;
+		output.max = res.max;
+		output.avg = res.avg;
+		output.latencies = res.times;
+		output.latency = res.time;
+	} catch (error) {
+		console.log(`Error in pingCall IP4 for ${host}`, error);
+	}
+	return output;
+};
+
+/**
+ * @param {string} input
+ */
+function ExtractIPv6HostAndPort(input) {
+	const parts = input.split(":"); // Split by colons
+
+	// If there's a valid port at the end, extract it
+	const lastPart = parts[parts.length - 1];
+	const port = /^\d+$/.test(lastPart) ? parseInt(parts.pop(), 10) : null; // Check if last part is a number
+
+	// Reconstruct the IPv6 address
+	const host = parts.join(":");
+
+	// Ensure it's a valid IPv6 format
+	if (host.includes(":")) {
+		return { host, port }; // Port may be null if not present
+	}
+	return null; // Return null if the format is incorrect
+}
+
+export { TCP, ExtractIPv6HostAndPort, Ping };

src/lib/server/services/apiCall.js

@@ -0,0 +1,168 @@
+// @ts-nocheck
+import axios from "axios";
+import { GetRequiredSecrets, ReplaceAllOccurrences } from "../tool.js";
+import { UP, DOWN, DEGRADED, REALTIME, TIMEOUT, ERROR, MANUAL } from "../constants.js";
+
+const defaultEval = `(async function (statusCode, responseTime, responseData) {
+	let statusCodeShort = Math.floor(statusCode/100);
+    if(statusCode == 429 || (statusCodeShort >=2 && statusCodeShort <= 3)) {
+        return {
+			status: 'UP',
+			latency: responseTime,
+        }
+    } 
+	return {
+		status: 'DOWN',
+		latency: responseTime,
+	}
+})`;
+
+class ApiCall {
+  monitor;
+  envSecrets;
+
+  constructor(monitor) {
+    this.monitor = monitor;
+    this.envSecrets = GetRequiredSecrets(
+      `${monitor.type_data.url} ${monitor.type_data.body} ${JSON.stringify(monitor.type_data.headers)}`,
+    );
+  }
+
+  async execute() {
+    let axiosHeaders = {};
+    axiosHeaders["User-Agent"] = "Kener/" + "3.1.0";
+    axiosHeaders["Accept"] = "*/*";
+
+    let body = this.monitor.type_data.body;
+    let url = this.monitor.type_data.url;
+
+    //headers to string
+    let headers = "";
+    if (!!this.monitor.type_data.headers) {
+      headers = JSON.stringify(this.monitor.type_data.headers);
+    }
+
+    let method = this.monitor.type_data.method;
+    let timeout = this.monitor.type_data.timeout || 5000;
+    let tag = this.monitor.tag;
+    let monitorEval = !!this.monitor.type_data.monitorEval ? this.monitor.type_data.monitorEval : defaultEval;
+
+    for (let i = 0; i < this.envSecrets.length; i++) {
+      const secret = this.envSecrets[i];
+      if (!!body) {
+        body = ReplaceAllOccurrences(body, secret.find, secret.replace);
+      }
+      if (!!url) {
+        url = ReplaceAllOccurrences(url, secret.find, secret.replace);
+      }
+      if (!!headers) {
+        headers = ReplaceAllOccurrences(headers, secret.find, secret.replace);
+      }
+    }
+
+    if (!!headers) {
+      try {
+        headers = JSON.parse(headers);
+        headers = headers.reduce((acc, header) => {
+          acc[header.key] = header.value;
+          return acc;
+        }, {});
+        axiosHeaders = { ...axiosHeaders, ...headers };
+      } catch (e) {
+        console.log(e);
+      }
+    }
+
+    const options = {
+      method: method,
+      headers: axiosHeaders,
+      timeout: timeout,
+      transformResponse: (r) => r,
+    };
+
+    if (!!body) {
+      options.data = body;
+    }
+    let statusCode = 500;
+    let latency = 0;
+    let resp = "";
+    let timeoutError = false;
+    const start = Date.now();
+    try {
+      let data = await axios(url, options);
+      statusCode = data.status;
+      resp = data.data;
+    } catch (err) {
+      console.log(`Error in apiCall ${tag}`, err.message);
+      if (err.message.startsWith("timeout of") && err.message.endsWith("exceeded")) {
+        timeoutError = true;
+      }
+      if (err.response !== undefined && err.response.status !== undefined) {
+        statusCode = err.response.status;
+      }
+      if (err.response !== undefined && err.response.data !== undefined) {
+        resp = err.response.data;
+      } else {
+        resp = JSON.stringify(resp);
+      }
+    } finally {
+      const end = Date.now();
+      latency = end - start;
+      if (resp === undefined || resp === null) {
+        resp = "";
+      }
+    }
+
+    resp = Buffer.from(resp).toString("base64");
+
+    let evalResp = undefined;
+
+    try {
+      evalResp = await eval(monitorEval + `(${statusCode}, ${latency}, "${resp}")`);
+    } catch (error) {
+      console.log(`Error in monitorEval for ${tag}`, error.message);
+    }
+
+    if (evalResp === undefined || evalResp === null) {
+      evalResp = {
+        status: DOWN,
+        latency: latency,
+        type: ERROR,
+      };
+    } else if (
+      evalResp.status === undefined ||
+      evalResp.status === null ||
+      [UP, DOWN, DEGRADED].indexOf(evalResp.status) === -1
+    ) {
+      evalResp = {
+        status: DOWN,
+        latency: latency,
+        type: ERROR,
+      };
+    } else {
+      evalResp.type = REALTIME;
+    }
+
+    let toWrite = {
+      status: DOWN,
+      latency: latency,
+      type: ERROR,
+    };
+    if (evalResp.status !== undefined && evalResp.status !== null) {
+      toWrite.status = evalResp.status;
+    }
+    if (evalResp.latency !== undefined && evalResp.latency !== null) {
+      toWrite.latency = evalResp.latency;
+    }
+    if (evalResp.type !== undefined && evalResp.type !== null) {
+      toWrite.type = evalResp.type;
+    }
+    if (timeoutError) {
+      toWrite.type = TIMEOUT;
+    }
+
+    return toWrite;
+  }
+}
+
+export default ApiCall;

src/lib/server/services/dnsCall.js

@@ -0,0 +1,76 @@
+// @ts-nocheck
+import axios from "axios";
+import DNSResolver from "../dns.js";
+import { UP, DOWN, DEGRADED, REALTIME, TIMEOUT, ERROR, MANUAL } from "../constants.js";
+
+class DnsCall {
+  monitor;
+
+  constructor(monitor) {
+    this.monitor = monitor;
+  }
+
+  async execute() {
+    const dnsResolver = new DNSResolver(this.monitor.type_data.nameServer);
+    let host = this.monitor.type_data.host;
+    let recordType = this.monitor.type_data.lookupRecord;
+    let matchType = this.monitor.type_data.matchType;
+    let values = this.monitor.type_data.values;
+
+    try {
+      let queryStartTime = Date.now();
+      let dnsRes = await dnsResolver.getRecord(host, recordType);
+      let latency = Date.now() - queryStartTime;
+
+      if (dnsRes[recordType] === undefined) {
+        return {
+          status: DOWN,
+          latency: latency,
+          type: REALTIME,
+        };
+      }
+      let data = dnsRes[recordType];
+      let dnsData = data.map((d) => d.data);
+      if (matchType === "ALL") {
+        for (let i = 0; i < values.length; i++) {
+          if (dnsData.indexOf(values[i].trim()) === -1) {
+            return {
+              status: DOWN,
+              latency: latency,
+              type: REALTIME,
+            };
+          }
+        }
+        return {
+          status: UP,
+          latency: latency,
+          type: REALTIME,
+        };
+      } else if (matchType === "ANY") {
+        for (let i = 0; i < values.length; i++) {
+          if (dnsData.indexOf(values[i].trim()) !== -1) {
+            return {
+              status: UP,
+              latency: latency,
+              type: REALTIME,
+            };
+          }
+        }
+        return {
+          status: DOWN,
+          latency: latency,
+          type: REALTIME,
+        };
+      }
+    } catch (error) {
+      console.log("Error in dnsChecker", error);
+      return {
+        status: DOWN,
+        latency: 0,
+        type: REALTIME,
+      };
+    }
+  }
+}
+
+export default DnsCall;

src/lib/server/services/pingCall.js

@@ -0,0 +1,81 @@
+// @ts-nocheck
+import axios from "axios";
+import { Ping } from "../ping.js";
+import {
+  UP,
+  DOWN,
+  DEGRADED,
+  REALTIME,
+  TIMEOUT,
+  ERROR,
+  MANUAL,
+} from "../constants.js";
+
+const defaultPingEval = `(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let alive = arrayOfPings.reduce((acc, ping) => {
+		return acc && ping.alive;
+	}, true);
+
+	return {
+		status: alive ? 'UP' : 'DOWN',
+		latency: latencyTotal / arrayOfPings.length,
+	}
+})`;
+
+class PingCall {
+  monitor;
+
+  constructor(monitor) {
+    this.monitor = monitor;
+  }
+
+  async execute() {
+    let hosts = this.monitor.type_data.hosts;
+    let pingEval = !!this.monitor.type_data.pingEval
+      ? this.monitor.type_data.pingEval
+      : defaultPingEval;
+    let tag = this.monitor.tag;
+    if (hosts === undefined) {
+      console.log(
+        "Hosts is undefined. The ping monitor has changed in version 3.0.10. Please update your monitor with tag",
+        tag,
+      );
+      return {
+        status: DOWN,
+        latency: 0,
+        type: ERROR,
+      };
+    }
+    let arrayOfPings = [];
+    for (let i = 0; i < hosts.length; i++) {
+      const host = hosts[i];
+      arrayOfPings.push(
+        await Ping(host.type, host.host, host.timeout, host.count),
+      );
+    }
+    let respBase64 = Buffer.from(JSON.stringify(arrayOfPings)).toString(
+      "base64",
+    );
+
+    let evalResp = undefined;
+
+    try {
+      evalResp = await eval(pingEval + `("${respBase64}")`);
+    } catch (error) {
+      console.log(`Error in pingEval for ${tag}`, error.message);
+    }
+    //reduce to get the status
+    return {
+      status: evalResp.status,
+      latency: evalResp.latency,
+      type: REALTIME,
+    };
+  }
+}
+
+export default PingCall;

src/lib/server/services/service.js

@@ -0,0 +1,31 @@
+// @ts-nocheck
+import ApiCall from "./apiCall.js";
+import PingCall from "./pingCall.js";
+import TcpCall from "./tcpCall.js";
+import DnsCall from "./dnsCall.js";
+
+class Service {
+  service;
+
+  constructor(monitor) {
+    if (monitor.monitor_type === "API") {
+      this.service = new ApiCall(monitor);
+    } else if (monitor.monitor_type === "PING") {
+      this.service = new PingCall(monitor);
+    } else if (monitor.monitor_type === "TCP") {
+      this.service = new TcpCall(monitor);
+    } else if (monitor.monitor_type === "DNS") {
+      this.service = new DnsCall(monitor);
+    } else if (monitor.monitor_type === "NONE") {
+      this.service = null;
+    } else {
+      console.log("Invalid monitor.monitor_type ", monitor.monitor_type);
+      process.exit(1);
+    }
+  }
+  async execute() {
+    return await this.service.execute();
+  }
+}
+
+export default Service;

src/lib/server/services/tcpCall.js

@@ -0,0 +1,72 @@
+// @ts-nocheck
+import axios from "axios";
+import { TCP } from "../ping.js";
+import { UP, DOWN, DEGRADED, REALTIME, TIMEOUT, ERROR, MANUAL } from "../constants.js";
+
+const defaultTcpEval = `(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let alive = arrayOfPings.reduce((acc, ping) => {
+		if (ping.status === "open") {
+			return acc && true;
+		} else {
+			return false;
+		}
+	}, true);
+
+	return {
+		status: alive ? 'UP' : 'DOWN',
+		latency: latencyTotal / arrayOfPings.length,
+	}
+})`;
+
+class TcpCall {
+  monitor;
+
+  constructor(monitor) {
+    this.monitor = monitor;
+  }
+
+  async execute() {
+    let hosts = this.monitor.type_data.hosts;
+    let tcpEval = !!this.monitor.type_data.tcpEval ? this.monitor.type_data.tcpEval : defaultTcpEval;
+    let tag = this.monitor.tag;
+
+    if (hosts === undefined) {
+      console.log(
+        "Hosts is undefined. The ping monitor has changed in version 3.0.10. Please update your monitor with tag",
+        tag,
+      );
+      return {
+        status: DOWN,
+        latency: 0,
+        type: ERROR,
+      };
+    }
+    let arrayOfPings = [];
+    for (let i = 0; i < hosts.length; i++) {
+      const host = hosts[i];
+      arrayOfPings.push(await TCP(host.type, host.host, host.port, host.timeout));
+    }
+    let respBase64 = Buffer.from(JSON.stringify(arrayOfPings)).toString("base64");
+
+    let evalResp = undefined;
+
+    try {
+      evalResp = await eval(tcpEval + `("${respBase64}")`);
+    } catch (error) {
+      console.log(`Error in tcpEval for ${tag}`, error.message);
+    }
+    //reduce to get the status
+    return {
+      status: evalResp.status,
+      latency: evalResp.latency,
+      type: REALTIME,
+    };
+  }
+}
+
+export default TcpCall;

src/lib/server/tool.js

@@ -292,6 +292,9 @@ function GenerateRandomColor() {
 function Wait(ms) {
 	return new Promise((resolve) => setTimeout(resolve, ms));
 }
+function MaskString(str) {
+	return "*".repeat(str.length - 4) + str.slice(-4);
+}
 export {
 	IsValidURL,
 	IsValidHTTPMethod,
@@ -317,5 +320,6 @@ export {
 	ValidateMonitorAlerts,
 	GenerateRandomColor,
 	BeginningOfMinute,
-	Wait
+	Wait,
+	MaskString
 };

src/manage.css

@@ -1,90 +1,94 @@
 .tabs [data-state="active"] {
-	border-color: orange;
+  border-color: orange;
 }
 .copybtn .copy-btn {
-	transform: scale(1);
+  transform: scale(1);
 }
 .copybtn .check-btn {
-	transform: scale(0);
+  transform: scale(0);
 }
 .copybtn:focus .copy-btn {
-	transform: scale(0);
+  transform: scale(0);
 }
 .copybtn:focus .check-btn {
-	transform: scale(1);
+  transform: scale(1);
 }
 
 input,
 [data-bits-select-trigger],
 textarea {
-	background-color: rgba(0, 0, 0, 0.02) !important;
+  background-color: rgba(0, 0, 0, 0.02) !important;
 }
 .dark input,
 .dark [data-bits-select-trigger],
 .dark textarea {
-	background-color: rgba(0, 0, 0, 0.1) !important;
+  background-color: rgba(0, 0, 0, 0.1) !important;
 }
 
 input[type="file"]::file-selector-button {
-	display: none;
+  display: none;
 }
 input[type="file"] {
-	font-weight: 500;
-	padding-top: 10px;
+  font-weight: 500;
+  padding-top: 10px;
 }
 
 .image-upload .has-bg:hover .invisible {
-	visibility: visible !important;
+  visibility: visible !important;
 }
 
 [aria-label="color picker"] input {
-	color: rgba(0, 0, 0, 0.5) !important;
+  color: rgba(0, 0, 0, 0.5) !important;
 }
 #start_date_time,
 #end_date_time,
 #newcomment_commented_at {
-	width: 100%;
-	padding: 8px 12px;
-	border-radius: 6px;
-	font-size: 14px;
-	height: 40px;
-	line-height: 20px;
-	font-weight: 500;
-	width: 100%;
+  width: 100%;
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 14px;
+  height: 40px;
+  line-height: 20px;
+  font-weight: 500;
+  width: 100%;
 }
 
 #start_date_time::placeholder,
 #end_date_time::placeholder {
-	color: hsl(219, 14%, 47%);
+  color: hsl(219, 14%, 47%);
 }
 .dark #start_date_time::placeholder,
 .dark #end_date_time::placeholder {
-	color: hsl(0, 0%, 40%);
+  color: hsl(0, 0%, 40%);
 }
 
 .bg-hover {
-	background-image: linear-gradient(to right, #d0f5be, #d0f5be);
-	background-size: 25%;
-	background-repeat: no-repeat;
-	transition: background 0.3s;
+  background-image: linear-gradient(to right, #d0f5be, #d0f5be);
+  background-size: 25%;
+  background-repeat: no-repeat;
+  transition: background 0.3s;
 }
 
 .dark .bg-hover {
-	background-image: linear-gradient(to right, #6f61c0, #6f61c0);
+  background-image: linear-gradient(to right, #6f61c0, #6f61c0);
 }
 .bg-hover:has(div:first-child:hover),
 .bg-hover.state-INVESTIGATING {
-	background-size: 25%;
+  background-size: 25%;
 }
 .bg-hover:has(div:nth-child(2):hover),
 .bg-hover.state-IDENTIFIED {
-	background-size: 50%;
+  background-size: 50%;
 }
 .bg-hover:has(div:nth-child(3):hover),
 .bg-hover.state-MONITORING {
-	background-size: 75%;
+  background-size: 75%;
 }
 .bg-hover:has(div:nth-child(4):hover),
 .bg-hover.state-RESOLVED {
-	background-size: 100%;
+  background-size: 100%;
+}
+
+.no-scroll {
+  overflow: hidden;
 }

src/routes/(docs)/+layout.server.js

@@ -4,49 +4,55 @@ import path from "path";
 import { marked } from "marked";
 
 function extractMetadataAndContent(fileContent) {
-	// Regular expression to match metadata section
-	const metadataRegex = /^---\s*([\s\S]+?)\s*---\s*/;
-	const match = fileContent.match(metadataRegex);
+  // Regular expression to match metadata section
+  const metadataRegex = /^---\s*([\s\S]+?)\s*---\s*/;
+  const match = fileContent.match(metadataRegex);
 
-	const result = {
-		metadata: {},
-		content: fileContent // Default to entire content if no metadata is found
-	};
+  const result = {
+    metadata: {},
+    content: fileContent, // Default to entire content if no metadata is found
+  };
 
-	if (match) {
-		// Extract metadata section and remaining content
-		const metadataLines = match[1].split("\n").filter((line) => line.trim() !== "");
-		result.content = fileContent.slice(match[0].length).trim(); // Remaining content after metadata
+  if (match) {
+    // Extract metadata section and remaining content
+    const metadataLines = match[1]
+      .split("\n")
+      .filter((line) => line.trim() !== "");
+    result.content = fileContent.slice(match[0].length).trim(); // Remaining content after metadata
 
-		metadataLines.forEach((line) => {
-			const [key, value] = line.split(":").map((part) => part.trim());
-			if (key && value) {
-				result.metadata[key.toLowerCase()] = value;
-			}
-		});
-	}
+    metadataLines.forEach((line) => {
+      const [key, value] = line.split(":").map((part) => part.trim());
+      if (key && value) {
+        result.metadata[key.toLowerCase()] = value;
+      }
+    });
+  }
 
-	return result;
+  return result;
 }
 export async function load({ params, route, url, cookies, request }) {
-	const docFile = params.doc;
+  const docFile = params.doc;
+  //get all the query params
 
-	const docFolderPath = path.resolve("docs");
-	let docFilePath = docFolderPath + "/home.md";
-	if (docFile) {
-		docFilePath = docFolderPath + `/${docFile}.md`;
-	}
-	const fileContents = await fs.readFileSync(docFilePath, "utf-8");
-	const siteStructure = await fs.readFileSync(docFolderPath + "/structure.json", "utf-8");
-	const { metadata, content } = extractMetadataAndContent(fileContents);
+  const docFolderPath = path.resolve("docs");
+  let docFilePath = docFolderPath + "/home.md";
+  if (docFile) {
+    docFilePath = docFolderPath + `/${docFile}.md`;
+  }
+  const fileContents = await fs.readFileSync(docFilePath, "utf-8");
+  const siteStructure = await fs.readFileSync(
+    docFolderPath + "/structure.json",
+    "utf-8",
+  );
+  const { metadata, content } = extractMetadataAndContent(fileContents);
 
-	const selectedDoc = docFilePath.replace(docFolderPath, "");
-	const siteStructureJSON = JSON.parse(siteStructure);
+  const selectedDoc = docFilePath.replace(docFolderPath, "");
+  const siteStructureJSON = JSON.parse(siteStructure);
 
-	return {
-		md: marked.parse(content),
-		title: metadata.title || "Kener Docs",
-		description: metadata.description || "Kener Docs",
-		siteStructure: siteStructureJSON
-	};
+  return {
+    md: marked.parse(content),
+    title: metadata.title || "Kener Docs",
+    description: metadata.description || "Kener Docs",
+    siteStructure: siteStructureJSON,
+  };
 }

src/routes/(docs)/+layout.svelte

@@ -1,196 +1,172 @@
 <script>
-	import "../../app.postcss";
-	import "../../kener.css";
-	import "../../docs.css";
-	import { Button } from "$lib/components/ui/button";
-	import Sun from "lucide-svelte/icons/sun";
-	import Moon from "lucide-svelte/icons/moon";
-	import { onMount } from "svelte";
-	import { base } from "$app/paths";
-	let defaultTheme = "light";
-	export let data;
-	let siteStructure = data.siteStructure;
-	let sidebar = siteStructure.sidebar;
-	let docFilePath = data.docFilePath;
-	let tableOfContents = [];
+  import "../../app.postcss";
+  import "../../kener.css";
+  import "../../docs.css";
+  import { Button } from "$lib/components/ui/button";
+  import Sun from "lucide-svelte/icons/sun";
+  import Moon from "lucide-svelte/icons/moon";
+  import { onMount } from "svelte";
+  import { base } from "$app/paths";
+  let defaultTheme = "light";
+  export let data;
+  let siteStructure = data.siteStructure;
+  let sidebar = siteStructure.sidebar;
+  let docFilePath = data.docFilePath;
+  let tableOfContents = [];
 
-	function setTheme() {
-		document.documentElement.classList.add("dark");
-	}
+  function setTheme() {
+    document.documentElement.classList.add("dark");
+  }
 
-	function activateSidebar(selectedDoc) {
-		for (let i = 0; i < sidebar.length; i++) {
-			const item = sidebar[i];
-			for (let j = 0; j < item.children.length; j++) {
-				const subItem = item.children[j];
-				if (subItem.file == selectedDoc) {
-					subItem.active = true;
-					sidebar[i].children[j].active = true;
-				} else {
-					subItem.active = false;
-					sidebar[i].children[j].active = false;
-				}
-			}
-		}
-	}
+  function activateSidebar(selectedDoc) {
+    for (let i = 0; i < sidebar.length; i++) {
+      const item = sidebar[i];
+      for (let j = 0; j < item.children.length; j++) {
+        const subItem = item.children[j];
+        if (subItem.file == selectedDoc) {
+          subItem.active = true;
+          sidebar[i].children[j].active = true;
+        } else {
+          subItem.active = false;
+          sidebar[i].children[j].active = false;
+        }
+      }
+    }
+  }
 
-	function pageChange(e) {
-		if (e.detail.docFilePath) {
-			activateSidebar(e.detail.docFilePath);
-		}
-	}
-	function updateTableOfContents(e) {
-		if (e.detail.rightbar) {
-			tableOfContents = e.detail.rightbar;
-		}
-	}
+  function pageChange(e) {
+    if (e.detail.docFilePath) {
+      activateSidebar(e.detail.docFilePath);
+    }
+  }
+  function updateTableOfContents(e) {
+    if (e.detail.rightbar) {
+      tableOfContents = e.detail.rightbar;
+    }
+  }
 
-	onMount(() => {
-		setTheme();
-	});
+  onMount(() => {
+    setTheme();
+  });
 </script>
 
 <svelte:window on:pagechange={pageChange} on:rightbar={updateTableOfContents} />
 <svelte:head>
-	<title>Kener Documentation</title>
-	<link rel="icon" id="kener-app-favicon" href="{base}/logo96.png" />
+  <link rel="icon" id="kener-app-favicon" href="{base}/logo96.png" />
 
-	<!-- Google tag (gtag.js) -->
-	<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3MLRXCBFT"></script>
-	<script>
-		window.dataLayer = window.dataLayer || [];
-		function gtag() {
-			dataLayer.push(arguments);
-		}
-		gtag("js", new Date());
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3MLRXCBFT"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag("js", new Date());
 
-		gtag("config", "G-Q3MLRXCBFT");
-	</script>
-	<link
-		rel="stylesheet"
-		href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css"
-	/>
+    gtag("config", "G-Q3MLRXCBFT");
+  </script>
+  <link
+    rel="stylesheet"
+    href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css"
+  />
 
-	<!-- Highlight.js JS -->
-	<script
-		src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"
-	></script>
+  <!-- Highlight.js JS -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
 </svelte:head>
 <div class="dark">
-	<nav class="z-2 fixed left-0 right-0 top-0 z-30 h-16 bg-card">
-		<div class="mx-auto h-full border-b bg-card px-4 sm:px-6 lg:px-8">
-			<div class="flex h-full items-center justify-between">
-				<!-- Logo/Brand -->
-				<div class="flex items-center space-x-3">
-					<a href="/" class="flex items-center space-x-3">
-						<!-- Document Icon - Replace with your own logo -->
-						<img src="https://kener.ing/logo.png" class="h-8 w-8" alt="" />
-						<span class="text-xl font-medium">Kener Documentation</span>
-						<span class="me-2 rounded border px-2.5 py-0.5 text-xs font-medium">
-							v3.0.4
-						</span>
-					</a>
-				</div>
+  <nav class="z-2 fixed left-0 right-0 top-0 z-30 h-16 bg-card">
+    <div class="mx-auto h-full border-b bg-card px-4 sm:px-6 lg:px-8">
+      <div class="flex h-full items-center justify-between">
+        <!-- Logo/Brand -->
+        <div class="flex items-center space-x-3">
+          <a href="/" class="flex items-center space-x-3">
+            <!-- Document Icon - Replace with your own logo -->
+            <img src="https://kener.ing/logo.png" class="h-8 w-8" alt="" />
+            <span class="text-xl font-medium">Kener Documentation</span>
+            <span class="me-2 rounded border px-2.5 py-0.5 text-xs font-medium"> 3.1.0 </span>
+          </a>
+        </div>
 
-				<!-- Navigation Links -->
-				<div class="hidden md:block">
-					<div class="flex items-center space-x-8">
-						<a href="https://github.com/rajnandan1/kener" class="text-sm font-medium">
-							<img
-								alt="GitHub Repo stars"
-								src="https://img.shields.io/github/stars/rajnandan1/kener?label=Star%20Repo&style=social"
-							/>
-						</a>
-						<a href="/api-reference" class="text-sm font-medium"> API Reference </a>
-						<a
-							href="https://github.com/rajnandan1/kener/issues"
-							class="text-sm font-medium"
-						>
-							Report Issue
-						</a>
-						<a
-							href="https://github.com/sponsors/rajnandan1"
-							class="text-sm font-medium"
-						>
-							Sponsor
-						</a>
-					</div>
-				</div>
+        <!-- Navigation Links -->
+        <div class="hidden md:block">
+          <div class="flex items-center space-x-8">
+            <a href="https://github.com/rajnandan1/kener" class="text-sm font-medium">
+              <img
+                alt="GitHub Repo stars"
+                src="https://img.shields.io/github/stars/rajnandan1/kener?label=Star%20Repo&style=social"
+              />
+            </a>
+            <a href="/api-reference" class="text-sm font-medium"> API Reference </a>
+            <a href="https://github.com/rajnandan1/kener/issues" class="text-sm font-medium"> Report Issue </a>
+            <a href="https://github.com/sponsors/rajnandan1" class="text-sm font-medium"> Sponsor </a>
+          </div>
+        </div>
 
-				<!-- Mobile Menu Button -->
-				<div class="md:hidden">
-					<button type="button" class="hover: text-muted-foreground">
-						<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M4 6h16M4 12h16M4 18h16"
-							/>
-						</svg>
-					</button>
-				</div>
-			</div>
-		</div>
-	</nav>
+        <!-- Mobile Menu Button -->
+        <div class="md:hidden">
+          <button type="button" class="hover: text-muted-foreground">
+            <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </nav>
 
-	<!-- Sidebar -->
-	<aside class="z-2 fixed bottom-0 left-0 top-16 w-72 overflow-y-auto">
-		<nav class="border-r bg-card p-6">
-			<!-- Getting Started Section -->
-			{#each sidebar as item}
-				<div class="mb-4">
-					<h3
-						class="mb-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground"
-					>
-						{item.sectionTitle}
-					</h3>
-					<div class="">
-						{#each item.children as child}
-							<a
-								href={child.link.startsWith("/") ? base + child.link : child.link}
-								class="sidebar-item group flex items-center rounded-md px-3 py-2 text-sm font-medium {!!child.active
-									? 'active'
-									: ''}"
-							>
-								{child.title}
-							</a>
-						{/each}
-					</div>
-				</div>
-			{/each}
-		</nav>
-	</aside>
+  <!-- Sidebar -->
+  <aside class="z-2 fixed bottom-0 left-0 top-16 w-72 overflow-y-auto">
+    <nav class="border-r bg-card p-6">
+      <!-- Getting Started Section -->
+      {#each sidebar as item}
+        <div class="mb-4">
+          <h3 class="mb-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground">
+            {item.sectionTitle}
+          </h3>
+          <div class="">
+            {#each item.children as child}
+              <a
+                href={child.link.startsWith("/") ? base + child.link : child.link}
+                class="sidebar-item group flex items-center rounded-md px-3 py-2 text-sm font-medium {!!child.active
+                  ? 'active'
+                  : ''}"
+              >
+                {child.title}
+              </a>
+            {/each}
+          </div>
+        </div>
+      {/each}
+    </nav>
+  </aside>
 
-	<!-- Main Content -->
-	<main class="z-2 dark relative ml-72 min-h-screen pt-16">
-		<div class="mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8 lg:pr-64">
-			<!-- Content Header -->
-			<div
-				class="prose prose-stone max-w-none dark:prose-invert prose-code:rounded prose-code:py-[0.2rem] prose-code:font-mono prose-code:text-sm prose-code:font-normal prose-pre:bg-opacity-0 dark:prose-pre:bg-neutral-900"
-			>
-				<slot />
-			</div>
-		</div>
-	</main>
-	{#if tableOfContents.length > 0}
-		<div
-			class="blurry-bg fixed bottom-0 right-0 top-16 hidden w-64 overflow-y-auto px-6 py-10 lg:block"
-		>
-			<h4 class="mb-3 text-sm font-semibold uppercase tracking-wider">On this page</h4>
-			<nav class="space-y-2">
-				{#each tableOfContents as item}
-					<a
-						href="#{item.id}"
-						class="block overflow-hidden text-ellipsis whitespace-nowrap text-xs text-muted-foreground hover:underline {item.level ==
-						3
-							? 'ml-4'
-							: ''}"
-					>
-						{item.text}
-					</a>
-				{/each}
-			</nav>
-		</div>
-	{/if}
+  <!-- Main Content -->
+  <main class="z-2 dark relative ml-72 min-h-screen pt-16">
+    <div class="mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8 lg:pr-64">
+      <!-- Content Header -->
+      <div
+        class="prose prose-stone max-w-none dark:prose-invert prose-code:rounded prose-code:py-[0.2rem] prose-code:font-mono prose-code:text-sm prose-code:font-normal prose-pre:bg-opacity-0 dark:prose-pre:bg-neutral-900"
+      >
+        <slot />
+      </div>
+    </div>
+  </main>
+  {#if tableOfContents.length > 0}
+    <div class="blurry-bg fixed bottom-0 right-0 top-16 hidden w-64 overflow-y-auto px-6 py-10 lg:block">
+      <h4 class="mb-3 text-sm font-semibold uppercase tracking-wider">On this page</h4>
+      <nav class="space-y-2">
+        {#each tableOfContents as item}
+          <a
+            href="#{item.id}"
+            class="block overflow-hidden text-ellipsis whitespace-nowrap text-xs text-muted-foreground hover:underline {item.level ==
+            3
+              ? 'ml-4'
+              : ''}"
+          >
+            {item.text}
+          </a>
+        {/each}
+      </nav>
+    </div>
+  {/if}
 </div>

src/routes/(docs)/docs/+page.server.js

@@ -0,0 +1,8 @@
+// @ts-nocheck
+
+import { redirect } from "@sveltejs/kit";
+import { base } from "$app/paths";
+
+export async function load({ parent, url }) {
+	throw redirect(302, base + "/docs/home");
+}

src/routes/(docs)/docs/[doc]/+page.svelte

@@ -49,6 +49,7 @@
 <svelte:head>
 	<title>{data.title}</title>
 	<meta name="description" content={data.description} />
+	<link rel="canonical" href="https://kener.ing/docs{data.docFilePath.split('.md')[0]}" />
 </svelte:head>
 
 <div id="markdown">

src/routes/(kener)/+layout.svelte

@@ -43,7 +43,7 @@
 	 * @param {string} locale
 	 */
 	function setLanguage(locale) {
-		document.cookie = `localLang=${locale};max-age=${60 * 60 * 24 * 365 * 30}`;
+		document.cookie = `localLang=${locale};max-age=${60 * 60 * 24 * 365 * 30};path=${base ? "base" : "/"};`;
 		if (locale === defaultLocaleKey) return;
 		defaultLocaleValue = allLocales[locale];
 		analyticsEvent("language_change", {
@@ -58,7 +58,12 @@
 		let localTz = Intl.DateTimeFormat().resolvedOptions().timeZone;
 		if (localTz != data.localTz) {
 			if (data.isBot === false) {
-				document.cookie = "localTz=" + localTz + ";max-age=" + 60 * 60 * 24 * 365 * 30;
+				document.cookie =
+					"localTz=" +
+					localTz +
+					";max-age=" +
+					60 * 60 * 24 * 365 * 30 +
+					`;path=${base ? "base" : "/"};`;
 				location.reload();
 			}
 		}
@@ -128,18 +133,13 @@
 
 <svelte:window on:analyticsEvent={captureAnalytics} />
 <svelte:head>
-	<title>{data.site.title}</title>
-	{#if data.site.favicon && data.site.favicon[0] == "/"}
-		<link rel="icon" id="kener-app-favicon" href="{base}{data.site.favicon}" />
-	{:else if data.site.favicon}
-		<link rel="icon" id="kener-app-favicon" href={data.site.favicon} />
+	{#if data.site.favicon}
+		<link rel="icon" id="kener-app-favicon" href={base + data.site.favicon} />
 	{/if}
-	<link href={data.site.font.cssSrc} rel="stylesheet" />
-	{#if data.site.metaTags}
-		{#each data.site.metaTags as metaTag}
-			<meta name={metaTag.key} content={metaTag.value} />
-		{/each}
+	{#if !!data.site.font.cssSrc}
+		<link href={data.site.font.cssSrc} rel="stylesheet" />
 	{/if}
+
 	{#if hasConfiguredAnalytics}
 		<script src="https://unpkg.com/analytics/dist/analytics.min.js"></script>
 		{#each data.site.analytics as { id, type, script }}

src/routes/(kener)/+page.server.js

@@ -1,112 +1,145 @@
 // @ts-nocheck
 import { FetchData } from "$lib/server/page";
-import { GetMonitors, GetIncidentsOpenHome } from "$lib/server/controllers/controller.js";
+import {
+  GetMonitors,
+  GetIncidentsOpenHome,
+} from "$lib/server/controllers/controller.js";
 import { SortMonitor } from "$lib/clientTools.js";
 import moment from "moment";
+function removeTags(str) {
+  if (str === null || str === "") return false;
+  else str = str.toString();
 
-export async function load({ parent, url }) {
-	let monitors = await GetMonitors({ status: "ACTIVE" });
-	const query = url.searchParams;
-	const requiredCategory = query.get("category") || "Home";
-	const parentData = await parent();
-	const siteData = parentData.site;
-	let pageTitle = siteData.title;
-	let pageDescription = "";
-	monitors = SortMonitor(siteData.monitorSort, monitors);
-	const monitorsActive = [];
-	for (let i = 0; i < monitors.length; i++) {
-		//only return monitors that have category as home or category is not present
-		if (
-			!!!query.get("monitor") &&
-			!!monitors[i].category_name &&
-			monitors[i].category_name !== requiredCategory
-		) {
-			continue;
-		}
-		if (query.get("monitor") && query.get("monitor") !== monitors[i].tag) {
-			continue;
-		}
-		delete monitors[i].api;
-		delete monitors[i].default_status;
-
-		let data = await FetchData(
-			siteData,
-			monitors[i],
-			parentData.localTz,
-			parentData.selectedLang,
-			parentData.lang
-		);
-		monitors[i].pageData = data;
-
-		monitors[i].activeIncidents = [];
-		monitorsActive.push(monitors[i]);
-	}
-	let startWithin = moment().subtract(siteData.homeIncidentStartTimeWithin, "days").unix();
-	let endWithin = moment().add(siteData.homeIncidentStartTimeWithin, "days").unix();
-	let allOpenIncidents = await GetIncidentsOpenHome(
-		siteData.homeIncidentCount,
-		startWithin,
-		endWithin
-	);
-
-	//if not home page
-	let isCategoryPage = !!query.get("category") && query.get("category") !== "Home";
-	let isMonitorPage = !!query.get("monitor");
-	if (isMonitorPage && monitorsActive.length > 0) {
-		pageTitle = monitorsActive[0].name + " - " + pageTitle;
-		pageDescription = monitorsActive[0].description;
-	}
-	//if category page
-	if (isCategoryPage) {
-		let allCategories = siteData.categories;
-		let selectedCategory = allCategories.find((category) => category.name === requiredCategory);
-		if (selectedCategory) {
-			pageTitle = selectedCategory.name + " - " + pageTitle;
-			pageDescription = selectedCategory.description;
-		}
-	}
-	if (isCategoryPage || isMonitorPage) {
-		let eligibleTags = monitorsActive.map((monitor) => monitor.tag);
-		//filter incidents that have monitor_tag in monitors
-		allOpenIncidents = allOpenIncidents.filter((incident) => {
-			let incidentMonitors = incident.monitors;
-			let monitorTags = incidentMonitors.map((monitor) => monitor.monitor_tag);
-			let isPresent = false;
-			monitorTags.forEach((tag) => {
-				if (eligibleTags.includes(tag)) {
-					isPresent = true;
-				}
-			});
-			return isPresent;
-		});
-	}
-
-	allOpenIncidents = allOpenIncidents.map((incident) => {
-		let incidentMonitors = incident.monitors;
-		let monitorTags = incidentMonitors.map((monitor) => monitor.monitor_tag);
-		let xm = monitors.filter((monitor) => monitorTags.includes(monitor.tag));
-
-		incident.monitors = xm.map((monitor) => {
-			return {
-				tag: monitor.tag,
-				name: monitor.name,
-				description: monitor.description,
-				image: monitor.image,
-				impact_type: incidentMonitors.filter((m) => m.monitor_tag === monitor.tag)[0]
-					.monitor_impact
-			};
-		});
-		return incident;
-	});
-	let unresolvedIncidents = allOpenIncidents.filter((incident) => incident.state !== "RESOLVED");
-
-	return {
-		monitors: monitorsActive,
-		unresolvedIncidents: allOpenIncidents,
-		categoryName: requiredCategory,
-		isCategoryPage: isCategoryPage,
-		isMonitorPage: isMonitorPage,
-		pageTitle: pageTitle,
-		pageDescription: pageDescription
-	};
+  // Regular expression to identify HTML tags in
+  // the input string. Replacing the identified
+  // HTML tag with a null string.
+  return str.replace(/(<([^>]+)>)/gi, "");
+}
+export async function load({ parent, url }) {
+  let monitors = await GetMonitors({ status: "ACTIVE" });
+  const query = url.searchParams;
+  const requiredCategory = query.get("category") || "Home";
+  const parentData = await parent();
+  const siteData = parentData.site;
+  let pageTitle = siteData.title;
+  let canonical = siteData.siteURL;
+  let pageDescription = "";
+  let descDb = siteData.metaTags.find((tag) => tag.key === "description");
+  if (descDb) {
+    pageDescription = descDb.value;
+  }
+  monitors = SortMonitor(siteData.monitorSort, monitors);
+  const monitorsActive = [];
+  for (let i = 0; i < monitors.length; i++) {
+    //only return monitors that have category as home or category is not present
+    if (
+      !!!query.get("monitor") &&
+      !!monitors[i].category_name &&
+      monitors[i].category_name !== requiredCategory
+    ) {
+      continue;
+    }
+    if (query.get("monitor") && query.get("monitor") !== monitors[i].tag) {
+      continue;
+    }
+    delete monitors[i].api;
+    delete monitors[i].default_status;
+
+    let data = await FetchData(
+      siteData,
+      monitors[i],
+      parentData.localTz,
+      parentData.selectedLang,
+      parentData.lang,
+    );
+    monitors[i].pageData = data;
+
+    monitors[i].activeIncidents = [];
+    monitorsActive.push(monitors[i]);
+  }
+  let startWithin = moment()
+    .subtract(siteData.homeIncidentStartTimeWithin, "days")
+    .unix();
+  let endWithin = moment()
+    .add(siteData.homeIncidentStartTimeWithin, "days")
+    .unix();
+  let allOpenIncidents = await GetIncidentsOpenHome(
+    siteData.homeIncidentCount,
+    startWithin,
+    endWithin,
+  );
+
+  //if not home page
+  let isCategoryPage =
+    !!query.get("category") && query.get("category") !== "Home";
+  let isMonitorPage = !!query.get("monitor");
+  if (isMonitorPage && monitorsActive.length > 0) {
+    pageTitle = monitorsActive[0].name + " - " + pageTitle;
+    pageDescription = monitorsActive[0].description;
+    canonical = canonical + "?monitor=" + monitorsActive[0].tag;
+  }
+  //if category page
+  if (isCategoryPage) {
+    let allCategories = siteData.categories;
+    let selectedCategory = allCategories.find(
+      (category) => category.name === requiredCategory,
+    );
+    if (selectedCategory) {
+      pageTitle = selectedCategory.name + " - " + pageTitle;
+      pageDescription = selectedCategory.description;
+      canonical = canonical + "?category=" + requiredCategory;
+    }
+  }
+  if (isCategoryPage || isMonitorPage) {
+    let eligibleTags = monitorsActive.map((monitor) => monitor.tag);
+    //filter incidents that have monitor_tag in monitors
+    allOpenIncidents = allOpenIncidents.filter((incident) => {
+      let incidentMonitors = incident.monitors;
+      let monitorTags = incidentMonitors.map((monitor) => monitor.monitor_tag);
+      let isPresent = false;
+      monitorTags.forEach((tag) => {
+        if (eligibleTags.includes(tag)) {
+          isPresent = true;
+        }
+      });
+      return isPresent;
+    });
+  }
+
+  allOpenIncidents = allOpenIncidents.map((incident) => {
+    let incidentMonitors = incident.monitors;
+    let monitorTags = incidentMonitors.map((monitor) => monitor.monitor_tag);
+    let xm = monitors.filter((monitor) => monitorTags.includes(monitor.tag));
+
+    incident.monitors = xm.map((monitor) => {
+      return {
+        tag: monitor.tag,
+        name: monitor.name,
+        description: monitor.description,
+        image: monitor.image,
+        impact_type: incidentMonitors.filter(
+          (m) => m.monitor_tag === monitor.tag,
+        )[0].monitor_impact,
+      };
+    });
+    return incident;
+  });
+
+  let allRecentIncidents = allOpenIncidents.filter(
+    (incident) => incident.incident_type == "INCIDENT",
+  );
+  let allRecentMaintenances = allOpenIncidents.filter(
+    (incident) => incident.incident_type == "MAINTENANCE",
+  );
+  return {
+    monitors: monitorsActive,
+    allRecentIncidents,
+    allRecentMaintenances,
+    categoryName: requiredCategory,
+    isCategoryPage: isCategoryPage,
+    isMonitorPage: isMonitorPage,
+    pageTitle: pageTitle,
+    pageDescription: removeTags(pageDescription),
+    canonical,
+  };
 }

src/routes/(kener)/+page.svelte

@@ -11,6 +11,7 @@
 	import { onMount } from "svelte";
 	import ShareMenu from "$lib/components/shareMenu.svelte";
 	import { scale } from "svelte/transition";
+	import { format } from "date-fns";
 
 	export let data;
 	let shareMenusToggle = false;
@@ -38,11 +39,26 @@
 			data.site.hero.title = category.name;
 			data.site.hero.subtitle = category.description;
 		}
+	} else if (data.isMonitorPage) {
+		let monitor = data.monitors[0];
+		if (!!monitor) {
+			data.site.hero.title = monitor.name;
+			data.site.hero.subtitle = monitor.description;
+			data.site.hero.image = monitor.image;
+		}
 	}
 
 	onMount(() => {
 		pageLoaded = true;
 	});
+	let kindFilter = "INCIDENT";
+	function kindOfIncidents(kind) {
+		kindFilter = kind;
+	}
+
+	if (data.allRecentIncidents.length == 0) {
+		kindOfIncidents("MAINTENANCE");
+	}
 </script>
 
 <svelte:head>
@@ -50,26 +66,43 @@
 	{#if !!data.pageDescription}
 		<meta name="description" content={data.pageDescription} />
 	{/if}
+	{#if !!data.canonical}
+		<link rel="canonical" href={data.canonical} />
+	{/if}
+	{#if data.site.metaTags}
+		{#each data.site.metaTags as metaTag}
+			{#if metaTag.key != "description"}
+				<meta name={metaTag.key} content={metaTag.value} />
+			{/if}
+		{/each}
+	{/if}
 </svelte:head>
 <div class="mt-12"></div>
-{#if data.site.hero && !data.isMonitorPage}
+{#if data.site.hero}
 	<section
 		class="mx-auto mb-8 flex w-full max-w-[655px] flex-1 flex-col items-start justify-center"
 	>
 		<div class="mx-auto max-w-screen-xl px-4 lg:flex lg:items-center">
 			<div class="blurry-bg mx-auto max-w-3xl text-center">
 				{#if data.site.hero.image}
-					<img src={data.site.hero.image} class="m-auto h-16 w-16" alt="" srcset="" />
+					<img
+						src={base + data.site.hero.image}
+						class="m-auto mb-2 h-14 w-14"
+						alt=""
+						srcset=""
+					/>
 				{/if}
 				{#if data.site.hero.title}
 					<h1
 						class="bg-gradient-to-r from-green-300 via-blue-500 to-purple-600 bg-clip-text text-5xl font-extrabold leading-tight text-transparent"
 					>
-						{data.site.hero.title}
+						{@html data.site.hero.title}
 					</h1>
 				{/if}
 				{#if data.site.hero.subtitle}
-					<p class="mx-auto mt-4 max-w-xl sm:text-xl">{data.site.hero.subtitle}</p>
+					<h2 class="mx-auto mt-4 max-w-xl sm:text-xl">
+						{@html data.site.hero.subtitle}
+					</h2>
 				{/if}
 			</div>
 		</div>
@@ -96,16 +129,50 @@
 		</Button>
 	</section>
 {/if}
-{#if data.unresolvedIncidents.length > 0}
+{#if data.allRecentIncidents.length + data.allRecentMaintenances.length > 0}
 	<section
 		class="mx-auto mb-2 flex w-full max-w-[655px] flex-1 flex-col items-start justify-center bg-transparent"
 		id=""
 	>
 		<div class="grid w-full grid-cols-2 gap-4">
-			<div class="col-span-2 text-center md:col-span-1 md:text-left">
-				<Badge variant="outline" class="border-0 pl-0">
-					{l(data.lang, "Ongoing Incidents")}
-				</Badge>
+			<div class="col-span-2 flex gap-x-2 text-center md:text-left">
+				{#if kindFilter == "INCIDENT"}
+					{#if data.allRecentIncidents.length > 0}
+						<Button
+							class="h-8   text-sm  "
+							on:click={() => kindOfIncidents("INCIDENT")}
+						>
+							{l(data.lang, "Recent Incidents")}
+						</Button>
+					{/if}
+					{#if data.allRecentMaintenances.length > 0}
+						<Button
+							variant="secondary"
+							class=" h-8 text-sm"
+							on:click={() => kindOfIncidents("MAINTENANCE")}
+						>
+							{l(data.lang, "Recent Maintenances")}
+						</Button>
+					{/if}
+				{:else}
+					{#if data.allRecentIncidents.length > 0}
+						<Button
+							variant="secondary"
+							class="h-8  text-sm "
+							on:click={() => kindOfIncidents("INCIDENT")}
+						>
+							{l(data.lang, "Recent Incidents")}
+						</Button>
+					{/if}
+					{#if data.allRecentMaintenances.length > 0}
+						<Button
+							class="h-8  text-sm"
+							on:click={() => kindOfIncidents("MAINTENANCE")}
+						>
+							{l(data.lang, "Recent Maintenances")}
+						</Button>
+					{/if}
+				{/if}
 			</div>
 		</div>
 	</section>
@@ -114,8 +181,19 @@
 		id=""
 	>
 		<Card.Root class="w-full">
-			<Card.Content class=" newincidents w-full overflow-hidden p-0">
-				{#each data.unresolvedIncidents as incident, index}
+			{#if kindFilter == "INCIDENT"}
+				<Card.Content class=" newincidents w-full overflow-hidden p-0">
+					{#each data.allRecentIncidents as incident, index}
+						<Incident
+							{incident}
+							lang={data.lang}
+							index="incident-{index}"
+							selectedLang={data.selectedLang}
+						/>
+					{/each}
+				</Card.Content>
+			{:else if kindFilter == "MAINTENANCE"}
+				{#each data.allRecentMaintenances as incident, index}
 					<Incident
 						{incident}
 						lang={data.lang}
@@ -123,7 +201,7 @@
 						selectedLang={data.selectedLang}
 					/>
 				{/each}
-			</Card.Content>
+			{/if}
 		</Card.Root>
 	</section>
 {/if}
@@ -186,8 +264,10 @@
 		class="relative z-10 mx-auto mb-8 w-full max-w-[890px] flex-1 flex-col items-start backdrop-blur-[2px] md:w-[655px]"
 	>
 		{#each data.site.categories.filter((e) => e.name != "Home") as category}
-			<div
-				on:click={() => {
+			<a
+				href={`?category=${category.name}`}
+				on:click={(e) => {
+					e.preventDefault();
 					window.location.href = `?category=${category.name}`;
 				}}
 			>
@@ -210,7 +290,7 @@
 						</Card.Description>
 					</Card.Header>
 				</Card.Root>
-			</div>
+			</a>
 		{/each}
 	</section>
 {/if}
@@ -218,21 +298,23 @@
 	class="mx-auto mb-2 flex w-full max-w-[655px] flex-1 flex-col items-start justify-center bg-transparent"
 	id=""
 >
-	<div
-		on:click={() => {
-			window.location.href = `${base}/incidents`;
+	<a
+		href="{base}/incidents/{format(new Date(), 'MMMM-yyyy')}"
+		on:click={(e) => {
+			e.preventDefault();
+			window.location.href = `${base}/incidents/${format(new Date(), "MMMM-yyyy")}`;
 		}}
 		class="bounce-right grid w-full cursor-pointer grid-cols-2 justify-between gap-4 rounded-md border bg-card px-4 py-2 text-sm font-medium hover:bg-secondary"
 	>
 		<div class="col-span-1 text-left">
-			{l(data.lang, "Recent Incidents")}
+			{l(data.lang, "Browse Events")}
 		</div>
 		<div class="text-right">
 			<span class="arrow float-right mt-0.5">
 				<ArrowRight class="h-4 w-4 text-muted-foreground hover:text-primary" />
 			</span>
 		</div>
-	</div>
+	</a>
 </section>
 {#if shareMenusToggle}
 	<div

src/routes/(kener)/badge/[tag]/dot/+server.js

@@ -5,21 +5,21 @@ import { makeBadge } from "badge-maker";
 import db from "$lib/server/db/db.js";
 
 export async function GET({ params, setHeaders, url }) {
-	// @ts-ignore
-	let monitors = await GetMonitors({ status: "ACTIVE" });
-	const { tag } = monitors.find((monitor) => monitor.tag === params.tag);
-	const lastObj = await db.getLatestMonitoringData(tag);
-	//read query params
-	const query = url.searchParams;
-	const animate = query.get("animate") || "";
-	let myColors = await StatusColor();
-	let svg = `
+  // @ts-ignore
+  let monitors = await GetMonitors({ status: "ACTIVE" });
+  const { tag } = monitors.find((monitor) => monitor.tag === params.tag);
+  const lastObj = await db.getLatestMonitoringData(tag);
+  //read query params
+  const query = url.searchParams;
+  const animate = query.get("animate") || "";
+  let myColors = await StatusColor();
+  let svg = `
 	<svg width="32" height="32"  xmlns="http://www.w3.org/2000/svg">
 		<circle cx="16" cy="16" r="8" fill="${myColors[lastObj.status]}" />
 	</svg>
 	`;
-	if (animate == "ping") {
-		svg = `
+  if (animate == "ping") {
+    svg = `
 	<svg width="32" height="32"  xmlns="http://www.w3.org/2000/svg">
 		<circle cx="16" cy="16" r="8" fill="${myColors[lastObj.status]}" opacity="0.5">
 			<animate 
@@ -38,11 +38,11 @@ export async function GET({ params, setHeaders, url }) {
 		<circle cx="16" cy="16" r="8" fill="${myColors[lastObj.status]}" />
 </svg>
 	`;
-	}
+  }
 
-	return new Response(svg, {
-		headers: {
-			"Content-Type": "image/svg+xml"
-		}
-	});
+  return new Response(svg, {
+    headers: {
+      "Content-Type": "image/svg+xml",
+    },
+  });
 }

src/routes/(kener)/incidents/[month]/+page.server.js

@@ -21,7 +21,7 @@ import { f } from "$lib/i18n/client";
 
 export async function load({ parent, url, params, cookies }) {
 	const parentData = await parent();
-
+	const siteData = parentData.site;
 	let monitors = await GetMonitors({ status: "ACTIVE" });
 	const query = url.searchParams;
 	let todayStart = BeginningOfDay({ timeZone: parentData.localTz });
@@ -60,6 +60,7 @@ export async function load({ parent, url, params, cookies }) {
 		incidents: incidents,
 		nextMonthName: f(addMonths(parse(month, "MMMM-yyyy", new Date()), 1), "MMMM-yyyy", "en"),
 		prevMonthName: f(subMonths(parse(month, "MMMM-yyyy", new Date()), 1), "MMMM-yyyy", "en"),
-		thisMonthName: f(parse(month, "MMMM-yyyy", new Date()), "MMMM-yyyy", "en")
+		thisMonthName: f(parse(month, "MMMM-yyyy", new Date()), "MMMM-yyyy", "en"),
+		canonical: siteData.siteURL + "/incidents/" + month
 	};
 }

src/routes/(kener)/incidents/[month]/+page.svelte

@@ -48,6 +48,7 @@
 
 	//sort the incidentSmartDates ascending
 	let sortedIncidentSmartDates = Object.keys(incidentSmartDates).sort((a, b) => a - b);
+	let canonical = data.canonical;
 </script>
 
 <svelte:head>
@@ -56,6 +57,15 @@
 		{l(data.lang, "Incident Updates")} |
 		{data.site.title}
 	</title>
+	<meta
+		name="description"
+		content="{l(data.lang, 'Incident Updates')} | {l(data.lang, 'Recent Incidents')} | {l(
+			data.lang,
+			'Recent Maintenances'
+		)} {f(parse(data.thisMonthName, 'MMMM-yyyy', new Date()), 'MMMM, yyyy', selectedLang)} |
+		{data.site.title}"
+	/>
+	<link rel="canonical" href={canonical} />
 </svelte:head>
 <div class="mt-12"></div>
 <section class="mx-auto my-2 flex w-full max-w-[655px] flex-1 flex-col items-start justify-center">
@@ -106,7 +116,11 @@
 
 				<h1 class=" text-xl font-semibold leading-tight">
 					{l(data.lang, "No Incident in %date", {
-						date: data.thisMonthName.replace("-", ", ")
+						date: f(
+							parse(data.thisMonthName, "MMMM-yyyy", new Date()),
+							"MMMM, yyyy",
+							selectedLang
+						)
 					})}
 				</h1>
 			</div>

src/routes/(manage)/manage/(account)/+layout.svelte

@@ -9,7 +9,6 @@
 
 <ModeWatcher />
 <svelte:head>
-	<title>Setup Kener</title>
 	<meta name="description" content="Set up Kener" />
 	<meta name="robots" content="noindex" />
 	<link rel="icon" href="{base}/logo96.png" />

src/routes/(manage)/manage/(account)/forgot/+page.server.js

@@ -1,6 +1,7 @@
 import dotenv from "dotenv";
 dotenv.config();
 import db from "$lib/server/db/db.js";
+import { GetSMTPFromENV } from "$lib/server/controllers/controller.js";
 
 export async function load({ params, route, url, parent }) {
 	//read query parameters
@@ -14,6 +15,7 @@ export async function load({ params, route, url, parent }) {
 		isSecretSet: !!process.env.KENER_SECRET_KEY,
 		isResendSet: !!process.env.RESEND_API_KEY && !!process.env.RESEND_SENDER_EMAIL,
 		isSiteURLSet: !!siteURL.value,
+		isSMTPSet: !!GetSMTPFromENV(),
 		view,
 		token,
 		email

src/routes/(manage)/manage/(account)/forgot/+page.svelte

@@ -9,11 +9,14 @@
 		email: ""
 	};
 	export let data;
-
-	if (data.isSecretSet === false || data.isResendSet === false) {
+	let isResendSet = data.isResendSet && data.isSecretSet;
+	if (!isResendSet && !data.isSMTPSet) {
 		data.view = "error";
-		data.error =
-			"Environment variables(RESEND_API_KEY, RESEND_SENDER_EMAIL) are not set. Read the documentation to set them. https://kener.ing/docs/environment-vars";
+		data.error = `<p>Environment variables are not set. Read the documentation to set them. https://kener.ing/docs/environment-vars</p>
+		<br/>
+		<p>Either Set RESEND_API_KEY, RESEND_SENDER_EMAIL <br>or<br> Set SMTP_HOST, SMTP_PORT, SMTP_USER, SMTP_PASS, SMTP_FROM_EMAIL</p>
+		<br/>
+		<p>If both are set then SMTP will take priority</p>`;
 	}
 
 	if (data.isSiteURLSet === false) {
@@ -24,7 +27,7 @@
 </script>
 
 <svelte:head>
-	<title>Forgot password Kener</title>
+	<title>Forgot Password Kener</title>
 </svelte:head>
 <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
 	<div class="sm:mx-auto sm:w-full sm:max-w-sm">
@@ -37,7 +40,7 @@
 		{#if data.view == "error"}
 			<Alert.Root variant="destructive" class="my-4">
 				<Alert.Title>Error</Alert.Title>
-				<Alert.Description>{data.error}</Alert.Description>
+				<Alert.Description>{@html data.error}</Alert.Description>
 			</Alert.Root>
 		{/if}
 		{#if data.view == "forgot"}

src/routes/(manage)/manage/(account)/forgot/submit/+server.js

@@ -3,11 +3,13 @@ import { json, redirect } from "@sveltejs/kit";
 import { base } from "$app/paths";
 import db from "$lib/server/db/db.js";
 import { Resend } from "resend";
+import getSMTPTransport from "$lib/server/notification/smtps.js";
 import {
 	HashPassword,
 	GenerateSalt,
 	GenerateToken,
-	VerifyToken
+	VerifyToken,
+	GetSMTPFromENV
 } from "$lib/server/controllers/controller.js";
 
 export async function POST({ request, cookies }) {
@@ -48,15 +50,40 @@ export async function POST({ request, cookies }) {
 		</body>
 		</html>
 	`;
+	let emailText = `
+		Click on the link below to reset your password:
+		${link}
+		This link will expire in 1 hour.
+		If you did not request a password reset, please ignore this email.
+	`;
 	let mail = {
 		from: senderEmail,
 		to: [email],
 		subject: subject,
+		text: emailText,
 		html: message
 	};
 
-	const resend = new Resend(resendKey);
-	await resend.emails.send(mail);
+	let smtpData = GetSMTPFromENV();
+	if (!!smtpData) {
+		const transporter = getSMTPTransport(smtpData);
+		const mailOptions = {
+			from: smtpData.smtp_from_email,
+			to: email,
+			subject: mail.subject,
+			html: mail.html,
+			text: mail.text
+		};
+		try {
+			await transporter.sendMail(mailOptions);
+		} catch (error) {
+			console.error("Error sending email via SMTP", error);
+			return;
+		}
+	} else {
+		const resend = new Resend(resendKey);
+		await resend.emails.send(mail);
+	}
 
 	throw redirect(302, base + "/manage/forgot?view=sent&email=" + email);
 }

src/routes/(manage)/manage/(app)/+layout.server.js

@@ -1,46 +1,43 @@
 // @ts-nocheck
-import { GetAllSiteData, VerifyToken } from "$lib/server/controllers/controller.js";
+import {
+  GetAllSiteData,
+  VerifyToken,
+} from "$lib/server/controllers/controller.js";
 import { redirect } from "@sveltejs/kit";
 import { base } from "$app/paths";
+import { MaskString } from "$lib/server/tool.js";
 import db from "$lib/server/db/db.js";
 //write a function to mask a string, just have last 4 characters visible
-function maskString(str) {
-	return "*".repeat(str.length - 4) + str.slice(-4);
-}
 
 export async function load({ params, route, url, cookies, request }) {
-	let siteData = await GetAllSiteData();
-	//check if user is authenticated using cookies
-	if (process.env.KENER_SECRET_KEY === undefined) {
-		throw redirect(302, base + "/manage/setup");
-	}
-	let tokenData = cookies.get("kener-user");
+  let siteData = await GetAllSiteData();
+  //check if user is authenticated using cookies
+  if (process.env.KENER_SECRET_KEY === undefined) {
+    throw redirect(302, base + "/manage/setup");
+  }
+  let tokenData = cookies.get("kener-user");
 
-	if (!!!tokenData) {
-		//redirect to signin page if user is not authenticated
-		throw redirect(302, base + "/manage/signin");
-	}
+  if (!!!tokenData) {
+    //redirect to signin page if user is not authenticated
+    throw redirect(302, base + "/manage/signin");
+  }
 
-	//get user by email
-	let tokenUser = await VerifyToken(tokenData);
-	if (!!!tokenUser) {
-		//redirect to signin page if user is not authenticated
-		throw redirect(302, base + "/manage/signin/logout");
-	}
-	let userDB = await db.getUserByEmail(tokenUser.email);
-	if (!!!userDB) {
-		//redirect to signin page if user is not authenticated
-		throw redirect(302, base + "/manage/signin");
-	}
+  //get user by email
+  let tokenUser = await VerifyToken(tokenData);
+  if (!!!tokenUser) {
+    //redirect to signin page if user is not authenticated
+    throw redirect(302, base + "/manage/signin/logout");
+  }
+  let userDB = await db.getUserByEmail(tokenUser.email);
+  if (!!!userDB) {
+    //redirect to signin page if user is not authenticated
+    throw redirect(302, base + "/manage/signin");
+  }
 
-	//
-	return {
-		siteData,
-		GH_TOKEN: !!process.env.GH_TOKEN ? maskString(process.env.GH_TOKEN) : "",
-		KENER_SECRET_KEY: !!process.env.KENER_SECRET_KEY
-			? maskString(process.env.KENER_SECRET_KEY)
-			: "",
-		RESEND_API_KEY: !!process.env.RESEND_API_KEY ? maskString(process.env.RESEND_API_KEY) : "",
-		RESEND_SENDER_EMAIL: process.env.RESEND_SENDER_EMAIL
-	};
+  return {
+    siteData,
+    KENER_SECRET_KEY: !!process.env.KENER_SECRET_KEY
+      ? MaskString(process.env.KENER_SECRET_KEY)
+      : "",
+  };
 }

src/routes/(manage)/manage/(app)/+layout.svelte

@@ -1,218 +1,227 @@
 <script>
-	import "../../../../app.postcss";
-	import "../../../../kener.css";
-	import "../../../../manage.css";
-	import { base } from "$app/paths";
-	import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-	import Sun from "lucide-svelte/icons/sun";
-	import Moon from "lucide-svelte/icons/moon";
-	import Github from "lucide-svelte/icons/github";
-	import { Button } from "$lib/components/ui/button";
-	import { afterNavigate } from "$app/navigation";
+  import "../../../../app.postcss";
+  import "../../../../kener.css";
+  import "../../../../manage.css";
+  import { base } from "$app/paths";
+  import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
+  import Sun from "lucide-svelte/icons/sun";
+  import Moon from "lucide-svelte/icons/moon";
+  import Github from "lucide-svelte/icons/github";
+  import { Button } from "$lib/components/ui/button";
+  import { afterNavigate } from "$app/navigation";
 
-	import { Play, User } from "lucide-svelte";
-	import { setMode, mode, ModeWatcher } from "mode-watcher";
+  import { Play, User } from "lucide-svelte";
+  import { setMode, mode, ModeWatcher } from "mode-watcher";
 
-	let thisYear = new Date().getFullYear();
-	function toggleMode() {
-		if ($mode === "light") {
-			setMode("dark");
-		} else {
-			setMode("light");
-		}
-	}
+  let thisYear = new Date().getFullYear();
+  function toggleMode() {
+    if ($mode === "light") {
+      setMode("dark");
+    } else {
+      setMode("light");
+    }
+  }
 
-	setMode("dark");
+  setMode("dark");
 
-	let nav = [
-		{ name: "Site", url: `${base}/manage/app/site`, id: "/(manage)/manage/(app)/app/site" },
-		{ name: "SEO", url: `${base}/manage/app/seo`, id: "/(manage)/manage/(app)/app/seo" },
-		{ name: "Home", url: `${base}/manage/app/home`, id: "/(manage)/manage/(app)/app/home" },
-		{ name: "Theme", url: `${base}/manage/app/theme`, id: "/(manage)/manage/(app)/app/theme" },
-		{
-			name: "Monitors",
-			url: `${base}/manage/app/monitors`,
-			id: "/(manage)/manage/(app)/app/monitors"
-		},
-		{
-			name: "Triggers",
-			url: `${base}/manage/app/triggers`,
-			id: "/(manage)/manage/(app)/app/triggers"
-		},
-		{
-			name: "Alerts",
-			url: `${base}/manage/app/alerts`,
-			id: "/(manage)/manage/(app)/app/alerts"
-		},
-		{
-			name: "Incidents",
-			url: `${base}/manage/app/incidents`,
-			id: "/(manage)/manage/(app)/app/incidents"
-		},
-		{
-			name: "API Keys",
-			url: `${base}/manage/app/api-keys`,
-			id: "/(manage)/manage/(app)/app/api-keys"
-		}
-	];
+  let nav = [
+    { name: "Site", url: `${base}/manage/app/site`, id: "/(manage)/manage/(app)/app/site" },
+    { name: "SEO", url: `${base}/manage/app/seo`, id: "/(manage)/manage/(app)/app/seo" },
+    { name: "Home", url: `${base}/manage/app/home`, id: "/(manage)/manage/(app)/app/home" },
+    { name: "Theme", url: `${base}/manage/app/theme`, id: "/(manage)/manage/(app)/app/theme" },
+    {
+      name: "Monitors",
+      url: `${base}/manage/app/monitors`,
+      id: "/(manage)/manage/(app)/app/monitors"
+    },
+    {
+      name: "Triggers",
+      url: `${base}/manage/app/triggers`,
+      id: "/(manage)/manage/(app)/app/triggers"
+    },
+    {
+      name: "Alerts",
+      url: `${base}/manage/app/alerts`,
+      id: "/(manage)/manage/(app)/app/alerts"
+    },
+    {
+      name: "Events",
+      url: `${base}/manage/app/events`,
+      id: "/(manage)/manage/(app)/app/events"
+    },
+    {
+      name: "API Keys",
+      url: `${base}/manage/app/api-keys`,
+      id: "/(manage)/manage/(app)/app/api-keys"
+    }
+  ];
 
-	let activeTab = "";
+  let activeTab = "";
 
-	afterNavigate((e) => {
-		activeTab = e.to.route.id;
-	});
+  afterNavigate((e) => {
+    activeTab = e.to.route.id;
+  });
 </script>
 
+<svelte:window
+  on:noScroll={(e) => {
+    let noScroll = e.detail;
+    if (noScroll) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "auto";
+    }
+  }}
+/>
+
 <ModeWatcher />
 <svelte:head>
-	<title>Manage Kener</title>
-	<meta name="description" content="Manage your Kener project" />
-	<meta name="robots" content="noindex" />
-	<link rel="icon" href="{base}/logo96.png" />
+  <title>Manage Kener</title>
+  <meta name="description" content="Manage your Kener project" />
+  <meta name="robots" content="noindex" />
+  <link rel="icon" href="{base}/logo96.png" />
 </svelte:head>
 <header class="sticky inset-x-0 top-0 z-50 mx-auto mt-4 flex max-w-5xl px-8">
-	<div class=" flex w-full justify-between rounded-lg border bg-card px-5 py-4">
-		<div class="mt-2 flex gap-x-1.5">
-			<img src="{base}/logo.png" alt="Kener" class="inline h-6 w-6" />
-			<h1 class="font-semibold">Manage Kener</h1>
-		</div>
-		<div class="flex">
-			<Button
-				variant="ghost"
-				size="icon"
-				target="_blank"
-				href="https://github.com/rajnandan1/kener"
-				class="flex"
-			>
-				<Github class="h-4 w-4 " />
-			</Button>
-			<Button on:click={toggleMode} variant="ghost" size="icon" class="flex">
-				<Sun
-					class="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
-				/>
-				<Moon
-					class="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
-				/>
-				<span class="sr-only">Toggle theme</span>
-			</Button>
-			<DropdownMenu.Root>
-				<DropdownMenu.Trigger>
-					<Button size="icon" variant="ghost">
-						<User class="h-4 w-4" />
-					</Button>
-				</DropdownMenu.Trigger>
-				<DropdownMenu.Content>
-					<DropdownMenu.Group>
-						<DropdownMenu.Label class="text-xs">My Account</DropdownMenu.Label>
-						<DropdownMenu.Separator />
-						<DropdownMenu.Item class="text-xs font-semibold">
-							<a
-								href="{base}/manage/signin/logout"
-								on:click={(e) => {
-									e.preventDefault();
-									window.location = base + "/manage/signin/logout";
-								}}>Logout</a
-							>
-						</DropdownMenu.Item>
-					</DropdownMenu.Group>
-				</DropdownMenu.Content>
-			</DropdownMenu.Root>
-			<Button
-				variant="secondary"
-				class="ml-4"
-				href="{base}/"
-				on:click={(e) => {
-					e.preventDefault();
-					window.open(base + "/", "_blank");
-				}}
-			>
-				<Play class="mr-2 h-4 w-4" />
-				<span>Preview</span>
-			</Button>
-		</div>
-	</div>
+  <div class=" flex w-full justify-between rounded-lg border bg-card px-5 py-4">
+    <div class="mt-2 flex gap-x-1.5">
+      <img src="{base}/logo.png" alt="Kener" class="inline h-6 w-6" />
+      <h1 class="font-semibold">Manage Kener</h1>
+    </div>
+    <div class="flex">
+      <Button
+        variant="ghost"
+        size="icon"
+        target="_blank"
+        href="https://github.com/rajnandan1/kener"
+        class="flex"
+      >
+        <Github class="h-4 w-4 " />
+      </Button>
+      <Button on:click={toggleMode} variant="ghost" size="icon" class="flex">
+        <Sun class="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+        <Moon
+          class="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+        />
+        <span class="sr-only">Toggle theme</span>
+      </Button>
+      <DropdownMenu.Root>
+        <DropdownMenu.Trigger>
+          <Button size="icon" variant="ghost">
+            <User class="h-4 w-4" />
+          </Button>
+        </DropdownMenu.Trigger>
+        <DropdownMenu.Content>
+          <DropdownMenu.Group>
+            <DropdownMenu.Label class="text-xs">My Account</DropdownMenu.Label>
+            <DropdownMenu.Separator />
+            <DropdownMenu.Item class="text-xs font-semibold">
+              <a
+                href="{base}/manage/signin/logout"
+                on:click={(e) => {
+                  e.preventDefault();
+                  window.location = base + "/manage/signin/logout";
+                }}>Logout</a
+              >
+            </DropdownMenu.Item>
+          </DropdownMenu.Group>
+        </DropdownMenu.Content>
+      </DropdownMenu.Root>
+      <Button
+        variant="secondary"
+        class="ml-4"
+        href="{base}/"
+        on:click={(e) => {
+          e.preventDefault();
+          window.open(base + "/", "_blank");
+        }}
+      >
+        <Play class="mr-2 h-4 w-4" />
+        <span>Preview</span>
+      </Button>
+    </div>
+  </div>
 </header>
 <main class="manage">
-	<div class="container my-4 max-w-5xl">
-		<nav class="flex justify-start gap-x-2">
-			{#each nav as item}
-				<Button
-					variant={item.id.includes(activeTab) ? "secondary" : "ghost"}
-					href={item.url}
-					class="flex-1r">{item.name}</Button
-				>
-			{/each}
-		</nav>
-	</div>
+  <div class="container my-4 max-w-5xl">
+    <nav class="flex justify-start gap-x-2">
+      {#each nav as item}
+        <Button
+          variant={item.id.includes(activeTab) ? "secondary" : "ghost"}
+          href={item.url}
+          class="flex-1r">{item.name}</Button
+        >
+      {/each}
+    </nav>
+  </div>
 
-	<div class="container max-w-5xl pt-0">
-		<slot></slot>
-	</div>
+  <div class="container max-w-5xl pt-0">
+    <slot></slot>
+  </div>
 </main>
 
 <!-- ========== FOOTER ========== -->
 <footer class="mx-auto mt-8 w-full max-w-2xl px-4 sm:px-6 lg:px-8">
-	<div class="border-t py-6 dark:border-neutral-700">
-		<div class="flex flex-wrap items-center justify-between gap-2">
-			<div>
-				<p class="text-xs text-muted-foreground">
-					Kener.ing by <a
-						class="text-xs font-semibold text-muted-foreground hover:underline"
-						href="https://www.rajnandan.com">Raj Nandan Sharma</a
-					>
-				</p>
-			</div>
-			<!-- End Col -->
+  <div class="border-t py-6 dark:border-neutral-700">
+    <div class="flex flex-wrap items-center justify-between gap-2">
+      <div>
+        <p class="text-xs text-muted-foreground">
+          Kener.ing by <a
+            class="text-xs font-semibold text-muted-foreground hover:underline"
+            href="https://www.rajnandan.com">Raj Nandan Sharma</a
+          >
+        </p>
+      </div>
+      <!-- End Col -->
 
-			<!-- List -->
-			<ul class="flex flex-wrap items-center">
-				<li
-					class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
-				>
-					<a
-						target="_blank"
-						class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
-						href="https://github.com/sponsors/rajnandan1"
-					>
-						Donate
-					</a>
-				</li>
-				<li
-					class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
-				>
-					<a
-						target="_blank"
-						class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
-						href="https://twitter.com/_rajnandan_"
-					>
-						Contact
-					</a>
-				</li>
-				<li
-					class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
-				>
-					<a
-						target="_blank"
-						class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
-						href="https://discord.gg/uSTpnuK9XR"
-					>
-						Discord
-					</a>
-				</li>
-				<li
-					class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
-				>
-					<a
-						target="_blank"
-						class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
-						href="https://github.com/rajnandan1/kener"
-					>
-						Github
-					</a>
-				</li>
-			</ul>
-			<!-- End List -->
-		</div>
-	</div>
+      <!-- List -->
+      <ul class="flex flex-wrap items-center">
+        <li
+          class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
+        >
+          <a
+            target="_blank"
+            class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
+            href="https://github.com/sponsors/rajnandan1"
+          >
+            Donate
+          </a>
+        </li>
+        <li
+          class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
+        >
+          <a
+            target="_blank"
+            class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
+            href="https://twitter.com/_rajnandan_"
+          >
+            Contact
+          </a>
+        </li>
+        <li
+          class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
+        >
+          <a
+            target="_blank"
+            class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
+            href="https://discord.gg/uSTpnuK9XR"
+          >
+            Discord
+          </a>
+        </li>
+        <li
+          class="before:size-[3px] relative inline-block pe-4 text-xs before:absolute before:end-1.5 before:top-1/2 before:-translate-y-1/2 before:rounded-full before:bg-gray-400 last:pe-0 last-of-type:before:hidden dark:text-neutral-500 dark:before:bg-neutral-600"
+        >
+          <a
+            target="_blank"
+            class="text-xs font-medium text-muted-foreground hover:underline hover:decoration-1 focus:decoration-1 focus:outline-none"
+            href="https://github.com/rajnandan1/kener"
+          >
+            Github
+          </a>
+        </li>
+      </ul>
+      <!-- End List -->
+    </div>
+  </div>
 </footer>
 <!-- ========== END FOOTER ========== -->

src/routes/(manage)/manage/(app)/app/api/+server.js

@@ -2,154 +2,147 @@
 // @ts-ignore
 import { json } from "@sveltejs/kit";
 import notification from "$lib/server/notification/notif.js";
+import Service from "$lib/server/services/service.js";
 import {
-	CreateUpdateMonitor,
-	InsertKeyValue,
-	GetMonitors,
-	CreateUpdateTrigger,
-	GetAllTriggers,
-	UpdateTriggerData,
-	GetAllAlertsPaginated,
-	GetAllAPIKeys,
-	GetAllSiteData,
-	CreateNewAPIKey,
-	UpdateApiKeyStatus,
-	VerifyToken,
-	GetIncidentsDashboard,
-	CreateIncident,
-	AddIncidentMonitor,
-	RemoveIncidentMonitor,
-	GetIncidentActiveComments,
-	UpdateCommentStatusByID,
-	AddIncidentComment,
-	UpdateCommentByID,
-	UpdateIncident,
-	GetTriggerByID
+  CreateUpdateMonitor,
+  InsertKeyValue,
+  GetMonitors,
+  CreateUpdateTrigger,
+  GetAllTriggers,
+  UpdateTriggerData,
+  GetAllAlertsPaginated,
+  GetMonitorsParsed,
+  GetAllAPIKeys,
+  GetAllSiteData,
+  CreateNewAPIKey,
+  UpdateApiKeyStatus,
+  VerifyToken,
+  GetIncidentsDashboard,
+  CreateIncident,
+  AddIncidentMonitor,
+  RemoveIncidentMonitor,
+  GetIncidentActiveComments,
+  UpdateCommentStatusByID,
+  AddIncidentComment,
+  UpdateCommentByID,
+  UpdateIncident,
+  GetTriggerByID,
 } from "$lib/server/controllers/controller.js";
 
 export async function POST({ request, cookies }) {
-	const payload = await request.json();
-	let action = payload.action;
-	let data = payload.data || {};
-	let resp = {};
+  const payload = await request.json();
+  let action = payload.action;
+  let data = payload.data || {};
+  let resp = {};
 
-	let tokenData = cookies.get("kener-user");
+  let tokenData = cookies.get("kener-user");
 
-	if (!!!tokenData) {
-		return json(
-			{
-				error: "Unauthorized"
-			},
-			{ status: 401 }
-		);
-	}
+  if (!!!tokenData) {
+    return json(
+      {
+        error: "Unauthorized",
+      },
+      { status: 401 },
+    );
+  }
 
-	let tokenUser = await VerifyToken(tokenData);
-	if (!!!tokenUser) {
-		//redirect to signin page if user is not authenticated
-		return json(
-			{
-				error: "Unauthorized"
-			},
-			{ status: 401 }
-		);
-	}
+  let tokenUser = await VerifyToken(tokenData);
+  if (!!!tokenUser) {
+    //redirect to signin page if user is not authenticated
+    return json(
+      {
+        error: "Unauthorized",
+      },
+      { status: 401 },
+    );
+  }
 
-	try {
-		if (action === "storeSiteData") {
-			resp = await storeSiteData(data);
-		} else if (action == "storeMonitorData") {
-			resp = await CreateUpdateMonitor(data);
-		} else if (action == "getMonitors") {
-			resp = await GetMonitors(data);
-		} else if (action == "createUpdateTrigger") {
-			resp = await CreateUpdateTrigger(data);
-		} else if (action == "getTriggers") {
-			resp = await GetAllTriggers(data);
-		} else if (action == "updateMonitorTriggers") {
-			resp = await UpdateTriggerData(data);
-		} else if (action == "getAllAlertsPaginated") {
-			resp = await GetAllAlertsPaginated(data);
-		} else if (action == "getAPIKeys") {
-			resp = await GetAllAPIKeys();
-		} else if (action == "createNewApiKey") {
-			resp = await CreateNewAPIKey(data);
-		} else if (action == "updateApiKeyStatus") {
-			resp = await UpdateApiKeyStatus(data);
-		} else if (action == "getIncidents") {
-			resp = await GetIncidentsDashboard(data);
-		} else if (action == "createIncident") {
-			resp = await CreateIncident(data);
-		} else if (action == "updateIncident") {
-			resp = await UpdateIncident(data.id, data);
-		} else if (action == "addMonitor") {
-			resp = await AddIncidentMonitor(
-				data.incident_id,
-				data.monitor_tag,
-				data.monitor_impact
-			);
-		} else if (action == "removeMonitor") {
-			resp = await RemoveIncidentMonitor(data.incident_id, data.monitor_tag);
-		} else if (action == "getComments") {
-			resp = await GetIncidentActiveComments(data.incident_id);
-		} else if (action == "addComment") {
-			resp = await AddIncidentComment(
-				data.incident_id,
-				data.comment,
-				data.state,
-				data.commented_at
-			);
-		} else if (action == "deleteComment") {
-			resp = await UpdateCommentStatusByID(data.incident_id, data.comment_id, "INACTIVE");
-		} else if (action == "updateComment") {
-			resp = await UpdateCommentByID(
-				data.incident_id,
-				data.comment_id,
-				data.comment,
-				data.state,
-				data.commented_at
-			);
-		} else if (action == "testTrigger") {
-			let trigger = await GetTriggerByID(data.trigger_id);
-			let siteData = await GetAllSiteData();
-			const notificationClient = new notification(trigger, siteData, {});
-			const testObj = {
-				id: "test",
-				alert_name:
-					"Test Alert " + (Math.floor(Math.random() * 100) % 2) == 0
-						? "DOWN"
-						: "DEGRADED",
-				severity: Math.floor(Math.random() * 100) % 2 == 0 ? "critical" : "warning",
-				status: Math.floor(Math.random() * 100) % 2 == 0 ? "TRIGGERED" : "RESOLVED",
-				source: "Kener",
-				timestamp: new Date().toISOString(),
-				description: "Monitor has failed",
-				details: {
-					metric: "Test",
-					current_value: Math.floor(Math.random() * 100),
-					threshold: Math.floor(Math.random() * 100)
-				},
-				actions: [
-					{
-						text: "View Monitor",
-						url: siteData.siteURL + "/monitor-test"
-					}
-				]
-			};
-			resp = await notificationClient.send(testObj);
-		}
-	} catch (error) {
-		resp = { error: error.message };
-		return json(resp, { status: 500 });
-	}
-	return json(resp, { status: 200 });
+  try {
+    if (action === "storeSiteData") {
+      resp = await storeSiteData(data);
+    } else if (action == "storeMonitorData") {
+      resp = await CreateUpdateMonitor(data);
+    } else if (action == "getMonitors") {
+      resp = await GetMonitors(data);
+    } else if (action == "createUpdateTrigger") {
+      resp = await CreateUpdateTrigger(data);
+    } else if (action == "getTriggers") {
+      resp = await GetAllTriggers(data);
+    } else if (action == "updateMonitorTriggers") {
+      resp = await UpdateTriggerData(data);
+    } else if (action == "getAllAlertsPaginated") {
+      resp = await GetAllAlertsPaginated(data);
+    } else if (action == "getAPIKeys") {
+      resp = await GetAllAPIKeys();
+    } else if (action == "createNewApiKey") {
+      resp = await CreateNewAPIKey(data);
+    } else if (action == "updateApiKeyStatus") {
+      resp = await UpdateApiKeyStatus(data);
+    } else if (action == "getIncidents") {
+      resp = await GetIncidentsDashboard(data);
+    } else if (action == "createIncident") {
+      resp = await CreateIncident(data);
+    } else if (action == "updateIncident") {
+      resp = await UpdateIncident(data.id, data);
+    } else if (action == "addMonitor") {
+      resp = await AddIncidentMonitor(data.incident_id, data.monitor_tag, data.monitor_impact);
+    } else if (action == "removeMonitor") {
+      resp = await RemoveIncidentMonitor(data.incident_id, data.monitor_tag);
+    } else if (action == "getComments") {
+      resp = await GetIncidentActiveComments(data.incident_id);
+    } else if (action == "addComment") {
+      resp = await AddIncidentComment(data.incident_id, data.comment, data.state, data.commented_at);
+    } else if (action == "deleteComment") {
+      resp = await UpdateCommentStatusByID(data.incident_id, data.comment_id, "INACTIVE");
+    } else if (action == "updateComment") {
+      resp = await UpdateCommentByID(data.incident_id, data.comment_id, data.comment, data.state, data.commented_at);
+    } else if (action == "testTrigger") {
+      let trigger = await GetTriggerByID(data.trigger_id);
+      let siteData = await GetAllSiteData();
+      const notificationClient = new notification(trigger, siteData, {});
+      const testObj = {
+        id: "test",
+        alert_name: "Test Alert " + (Math.floor(Math.random() * 100) % 2) == 0 ? "DOWN" : "DEGRADED",
+        severity: Math.floor(Math.random() * 100) % 2 == 0 ? "critical" : "warning",
+        status: Math.floor(Math.random() * 100) % 2 == 0 ? "TRIGGERED" : "RESOLVED",
+        source: "Kener",
+        timestamp: new Date().toISOString(),
+        description: "Monitor has failed",
+        details: {
+          metric: "Test",
+          current_value: Math.floor(Math.random() * 100),
+          threshold: Math.floor(Math.random() * 100),
+        },
+        actions: [
+          {
+            text: "View Monitor",
+            url: siteData.siteURL + "/monitor-test",
+          },
+        ],
+      };
+      resp = await notificationClient.send(testObj);
+    } else if (action == "testMonitor") {
+      let monitorID = data.monitor_id;
+      let monitors = await GetMonitorsParsed({ id: monitorID });
+      let monitor = monitors[0];
+      if (monitor.monitor_type === "NONE") {
+        throw new Error("Tests can't be run on monitor type NONE");
+      }
+      const serviceClient = new Service(monitor);
+      resp = await serviceClient.execute();
+    }
+  } catch (error) {
+    resp = { error: error.message };
+    return json(resp, { status: 500 });
+  }
+  return json(resp, { status: 200 });
 }
 async function storeSiteData(data) {
-	for (const key in data) {
-		if (Object.prototype.hasOwnProperty.call(data, key)) {
-			const element = data[key];
-			await InsertKeyValue(key, element);
-		}
-	}
-	return { success: true };
+  for (const key in data) {
+    if (Object.prototype.hasOwnProperty.call(data, key)) {
+      const element = data[key];
+      await InsertKeyValue(key, element);
+    }
+  }
+  return { success: true };
 }