Merge branch 'master' into notification_form_i18n

2024-11-11 08:04:17 -08:00 · 2021-10-03 15:28:33 +08:00 · 2021-10-03 15:28:33 +08:00 · 51acd107e3
parent 0f2059cde0 c93f42794f
commit 51acd107e3
36 changed files with 1058 additions and 280 deletions
--- a/.dockerignore
+++ b/.dockerignore
@ -19,7 +19,6 @@ README.md
 .eslint*
 .stylelint*
 /.github
-package-lock.json
 yarn.lock
 app.json
 CODE_OF_CONDUCT.md
--- a/README.md
+++ b/README.md
@ -1,6 +1,7 @@
 # Uptime Kuma

-<a target="_blank" href="https://github.com/louislam/uptime-kuma"><img src="https://img.shields.io/github/stars/louislam/uptime-kuma" /></a> <a target="_blank" href="https://hub.docker.com/r/louislam/uptime-kuma"><img src="https://img.shields.io/docker/pulls/louislam/uptime-kuma" /></a> <a target="_blank" href="https://hub.docker.com/r/louislam/uptime-kuma"><img src="https://img.shields.io/docker/v/louislam/uptime-kuma/latest?label=docker%20image%20ver." /></a> <a target="_blank" href="https://github.com/louislam/uptime-kuma"><img src="https://img.shields.io/github/last-commit/louislam/uptime-kuma" /></a>
+<a target="_blank" href="https://github.com/louislam/uptime-kuma"><img src="https://img.shields.io/github/stars/louislam/uptime-kuma" /></a> <a target="_blank" href="https://hub.docker.com/r/louislam/uptime-kuma"><img src="https://img.shields.io/docker/pulls/louislam/uptime-kuma" /></a> <a target="_blank" href="https://hub.docker.com/r/louislam/uptime-kuma"><img src="https://img.shields.io/docker/v/louislam/uptime-kuma/latest?label=docker%20image%20ver." /></a> <a target="_blank" href="https://github.com/louislam/uptime-kuma"><img src="https://img.shields.io/github/last-commit/louislam/uptime-kuma" /></a>  <a target="_blank" href="https://opencollective.com/uptime-kuma"><img src="https://opencollective.com/uptime-kuma/total/badge.svg?label=Backers&color=brightgreen" /></a>
+

 <div align="center" width="100%">
    <img src="./public/icon.svg" width="128" alt="" />
--- a/db/patch-monitor-push_token.sql
+++ b/db/patch-monitor-push_token.sql
@ -0,0 +1,7 @@
+-- You should not modify if this have pushed to Github, unless it does serious wrong with the db.
+BEGIN TRANSACTION;
+
+ALTER TABLE monitor
+    ADD push_token VARCHAR(20) DEFAULT NULL;
+
+COMMIT;
--- a/docker/alpine-base.dockerfile
+++ b/docker/alpine-base.dockerfile
@ -0,0 +1,8 @@
+# DON'T UPDATE TO alpine3.13, 1.14, see #41.
+FROM node:14-alpine3.12
+WORKDIR /app
+
+# Install apprise, iputils for non-root ping, setpriv
+RUN apk add --no-cache iputils setpriv dumb-init python3 py3-cryptography py3-pip py3-six py3-yaml py3-click py3-markdown py3-requests py3-requests-oauthlib && \
+    pip3 --no-cache-dir install apprise && \
+    rm -rf /root/.cache
--- a/docker/debian-base.dockerfile
+++ b/docker/debian-base.dockerfile
@ -0,0 +1,12 @@
+# DON'T UPDATE TO node:14-bullseye-slim, see #372.
+# If the image changed, the second stage image should be changed too
+FROM node:14-buster-slim
+WORKDIR /app
+
+# Install Apprise, add sqlite3 cli for debugging in the future, iputils-ping for ping, util-linux for setpriv
+# Stupid python3 and python3-pip actually install a lot of useless things into Debian, specific --no-install-recommends to skip them, make the base even smaller than alpine!
+RUN apt update && \
+    apt --yes --no-install-recommends install python3 python3-pip python3-cryptography python3-six python3-yaml python3-click python3-markdown python3-requests python3-requests-oauthlib \
+        sqlite3 iputils-ping util-linux dumb-init && \
+    pip3 --no-cache-dir install apprise && \
+    rm -rf /var/lib/apt/lists/*
--- a/34
+++ b/34
@ -1,6 +1,4 @@
-# DON'T UPDATE TO node:14-bullseye-slim, see #372.
-# If the image changed, the second stage image should be changed too
-FROM node:14-buster-slim AS build
+FROM louislam/uptime-kuma:base-debian AS build
 WORKDIR /app

 COPY . .
@ -10,16 +8,9 @@ RUN npm install --legacy-peer-deps && \
    chmod +x /app/extra/entrypoint.sh


-FROM node:14-buster-slim AS release
+FROM louislam/uptime-kuma:base-debian AS release
 WORKDIR /app

-# Install Apprise, add sqlite3 cli for debugging in the future, iputils-ping for ping, util-linux for setpriv
-RUN apt update && \
-    apt --yes install python3 python3-pip python3-cryptography python3-six python3-yaml python3-click python3-markdown python3-requests python3-requests-oauthlib \
-        sqlite3 iputils-ping util-linux dumb-init && \
-    pip3 --no-cache-dir install apprise && \
-    rm -rf /var/lib/apt/lists/*
-
 # Copy app files from build layer
 COPY --from=build /app /app

@ -33,7 +24,7 @@ FROM release AS nightly
 RUN npm run mark-as-nightly

 # Upload the artifact to Github
-FROM node:14-buster-slim AS upload-artifact
+FROM louislam/uptime-kuma:base-debian AS upload-artifact
 WORKDIR /
 RUN apt update && \
    apt --yes install curl file
@ -41,17 +32,18 @@ RUN apt update && \
 ARG GITHUB_TOKEN
 ARG TARGETARCH
 ARG PLATFORM=debian
-ARG VERSION=1.5.0
-
+ARG VERSION
+ARG FILE=$PLATFORM-$TARGETARCH-$VERSION.tar.gz
+ARG DIST=dist.tar.gz

 COPY --from=build /app /app
+RUN chmod +x /app/extra/upload-github-release-asset.sh

-RUN FILE=uptime-kuma.tar.gz
-RUN tar -czf $FILE app
+# Full Build
+# RUN tar -zcvf $FILE app
+# RUN /app/extra/upload-github-release-asset.sh github_api_token=$GITHUB_TOKEN owner=louislam repo=uptime-kuma tag=$VERSION filename=$FILE

-RUN curl \
-    -H "Authorization: token $GITHUB_TOKEN" \
-    -H "Content-Type: $(file -b --mime-type $FILE)" \
-    --data-binary @$FILE \
-    "https://uploads.github.com/repos/louislam/uptime-kuma/releases/$VERSION/assets?name=$(basename $FILE)"
+# Dist only
+RUN cd /app && tar -zcvf $DIST dist
+RUN /app/extra/upload-github-release-asset.sh github_api_token=$GITHUB_TOKEN owner=louislam repo=uptime-kuma tag=$VERSION filename=$DIST

--- a/10
+++ b/10
@ -1,5 +1,4 @@
-# DON'T UPDATE TO alpine3.13, 1.14, see #41.
-FROM node:14-alpine3.12 AS build
+FROM louislam/uptime-kuma:base-alpine AS build
 WORKDIR /app

 COPY . .
@ -9,14 +8,9 @@ RUN npm install --legacy-peer-deps && \
    chmod +x /app/extra/entrypoint.sh


-FROM node:14-alpine3.12 AS release
+FROM louislam/uptime-kuma:base-alpine AS release
 WORKDIR /app

-# Install apprise, iputils for non-root ping, setpriv
-RUN apk add --no-cache iputils setpriv dumb-init python3 py3-cryptography py3-pip py3-six py3-yaml py3-click py3-markdown py3-requests py3-requests-oauthlib && \
-    pip3 --no-cache-dir install apprise && \
-    rm -rf /root/.cache
-
 # Copy app files from build layer
 COPY --from=build /app /app

--- a/extra/upload-github-release-asset.sh
+++ b/extra/upload-github-release-asset.sh
@ -0,0 +1,64 @@
+#!/usr/bin/env bash
+#
+# Author: Stefan Buck
+# License: MIT
+# https://gist.github.com/stefanbuck/ce788fee19ab6eb0b4447a85fc99f447
+#
+#
+# This script accepts the following parameters:
+#
+# * owner
+# * repo
+# * tag
+# * filename
+# * github_api_token
+#
+# Script to upload a release asset using the GitHub API v3.
+#
+# Example:
+#
+# upload-github-release-asset.sh github_api_token=TOKEN owner=stefanbuck repo=playground tag=v0.1.0 filename=./build.zip
+#
+
+# Check dependencies.
+set -e
+xargs=$(which gxargs || which xargs)
+
+# Validate settings.
+[ "$TRACE" ] && set -x
+
+CONFIG=$@
+
+for line in $CONFIG; do
+  eval "$line"
+done
+
+# Define variables.
+GH_API="https://api.github.com"
+GH_REPO="$GH_API/repos/$owner/$repo"
+GH_TAGS="$GH_REPO/releases/tags/$tag"
+AUTH="Authorization: token $github_api_token"
+WGET_ARGS="--content-disposition --auth-no-challenge --no-cookie"
+CURL_ARGS="-LJO#"
+
+if [[ "$tag" == 'LATEST' ]]; then
+  GH_TAGS="$GH_REPO/releases/latest"
+fi
+
+# Validate token.
+curl -o /dev/null -sH "$AUTH" $GH_REPO || { echo "Error: Invalid repo, token or network issue!";  exit 1; }
+
+# Read asset tags.
+response=$(curl -sH "$AUTH" $GH_TAGS)
+
+# Get ID of the asset based on given filename.
+eval $(echo "$response" | grep -m 1 "id.:" | grep -w id | tr : = | tr -cd '[[:alnum:]]=')
+[ "$id" ] || { echo "Error: Failed to get release id for tag: $tag"; echo "$response" | awk 'length($0)<100' >&2; exit 1; }
+
+# Upload asset
+echo "Uploading asset... "
+
+# Construct url
+GH_ASSET="https://uploads.github.com/repos/$owner/$repo/releases/$id/assets?name=$(basename $filename)"
+
+curl "$GITHUB_OAUTH_BASIC" --data-binary @"$filename" -H "Authorization: token $github_api_token" -H "Content-Type: application/octet-stream" $GH_ASSET
--- a/package-lock.json
+++ b/package-lock.json
@ -1,75 +1,77 @@
 {
    "name": "uptime-kuma",
-    "version": "1.7.2",
+    "version": "1.7.3",
    "lockfileVersion": 2,
    "requires": true,
    "packages": {
        "": {
            "name": "uptime-kuma",
-            "version": "1.7.2",
+            "version": "1.7.3",
            "license": "MIT",
            "dependencies": {
-                "@fortawesome/fontawesome-svg-core": "^1.2.36",
-                "@fortawesome/free-regular-svg-icons": "^5.15.4",
-                "@fortawesome/free-solid-svg-icons": "^5.15.4",
-                "@fortawesome/vue-fontawesome": "^3.0.0-4",
-                "@louislam/sqlite3": "^5.0.6",
-                "@popperjs/core": "^2.10.1",
-                "args-parser": "^1.3.0",
-                "axios": "^0.21.4",
-                "bcryptjs": "^2.4.3",
-                "bootstrap": "^5.1.1",
-                "chart.js": "^3.5.1",
-                "chartjs-adapter-dayjs": "^1.0.0",
-                "command-exists": "^1.2.9",
-                "compare-versions": "^3.6.0",
-                "dayjs": "^1.10.7",
-                "express": "^4.17.1",
-                "express-basic-auth": "^1.2.0",
-                "form-data": "^4.0.0",
-                "http-graceful-shutdown": "^3.1.4",
-                "jsonwebtoken": "^8.5.1",
-                "nodemailer": "^6.6.5",
-                "notp": "^2.0.3",
-                "password-hash": "^1.2.2",
-                "prom-client": "^13.2.0",
-                "prometheus-api-metrics": "^3.2.0",
-                "qrcode": "^1.4.4",
+                "@fortawesome/fontawesome-svg-core": "~1.2.36",
+                "@fortawesome/free-regular-svg-icons": "~5.15.4",
+                "@fortawesome/free-solid-svg-icons": "~5.15.4",
+                "@fortawesome/vue-fontawesome": "~3.0.0-4",
+                "@louislam/sqlite3": "~5.0.6",
+                "@popperjs/core": "~2.10.1",
+                "args-parser": "~1.3.0",
+                "axios": "~0.21.4",
+                "bcryptjs": "~2.4.3",
+                "bootstrap": "~5.1.1",
+                "chart.js": "~3.5.1",
+                "chartjs-adapter-dayjs": "~1.0.0",
+                "command-exists": "~1.2.9",
+                "compare-versions": "~3.6.0",
+                "dayjs": "~1.10.7",
+                "express": "~4.17.1",
+                "express-basic-auth": "~1.2.0",
+                "form-data": "~4.0.0",
+                "http-graceful-shutdown": "~3.1.4",
+                "jsonwebtoken": "~8.5.1",
+                "nodemailer": "~6.6.5",
+                "notp": "~2.0.3",
+                "password-hash": "~1.2.2",
+                "postcss-rtlcss": "~3.4.1",
+                "postcss-scss": "~4.0.0",
+                "prom-client": "~13.2.0",
+                "prometheus-api-metrics": "~3.2.0",
+                "qrcode": "~1.4.4",
                "redbean-node": "0.1.2",
-                "socket.io": "^4.2.0",
-                "socket.io-client": "^4.2.0",
-                "tcp-ping": "^0.1.1",
-                "thirty-two": "^1.0.2",
-                "timezones-list": "^3.0.1",
-                "v-pagination-3": "^0.1.6",
+                "socket.io": "~4.2.0",
+                "socket.io-client": "~4.2.0",
+                "tcp-ping": "~0.1.1",
+                "thirty-two": "~1.0.2",
+                "timezones-list": "~3.0.1",
+                "v-pagination-3": "~0.1.6",
                "vue": "next",
-                "vue-chart-3": "^0.5.8",
-                "vue-confirm-dialog": "^1.0.2",
-                "vue-contenteditable": "^3.0.4",
-                "vue-i18n": "^9.1.7",
-                "vue-image-crop-upload": "^3.0.3",
-                "vue-multiselect": "^3.0.0-alpha.2",
-                "vue-qrcode": "^1.0.0",
-                "vue-router": "^4.0.11",
-                "vue-toastification": "^2.0.0-rc.1",
-                "vuedraggable": "^4.1.0"
+                "vue-chart-3": "~0.5.8",
+                "vue-confirm-dialog": "~1.0.2",
+                "vue-contenteditable": "~3.0.4",
+                "vue-i18n": "~9.1.7",
+                "vue-image-crop-upload": "~3.0.3",
+                "vue-multiselect": "~3.0.0-alpha.2",
+                "vue-qrcode": "~1.0.0",
+                "vue-router": "~4.0.11",
+                "vue-toastification": "~2.0.0-rc.1",
+                "vuedraggable": "~4.1.0"
            },
            "devDependencies": {
-                "@babel/eslint-parser": "^7.15.7",
-                "@types/bootstrap": "^5.1.6",
-                "@vitejs/plugin-legacy": "^1.5.3",
-                "@vitejs/plugin-vue": "^1.9.1",
-                "@vue/compiler-sfc": "^3.2.16",
-                "core-js": "^3.18.0",
-                "cross-env": "^7.0.3",
-                "dns2": "^2.0.1",
-                "eslint": "^7.32.0",
-                "eslint-plugin-vue": "^7.18.0",
-                "sass": "^1.42.1",
-                "stylelint": "^13.13.1",
-                "stylelint-config-standard": "^22.0.0",
-                "typescript": "^4.4.3",
-                "vite": "2.5.*"
+                "@babel/eslint-parser": "~7.15.7",
+                "@types/bootstrap": "~5.1.6",
+                "@vitejs/plugin-legacy": "~1.5.3",
+                "@vitejs/plugin-vue": "~1.9.1",
+                "@vue/compiler-sfc": "~3.2.16",
+                "core-js": "~3.18.0",
+                "cross-env": "~7.0.3",
+                "dns2": "~2.0.1",
+                "eslint": "~7.32.0",
+                "eslint-plugin-vue": "~7.18.0",
+                "sass": "~1.42.1",
+                "stylelint": "~13.13.1",
+                "stylelint-config-standard": "~22.0.0",
+                "typescript": "~4.4.3",
+                "vite": "~2.5.10"
            },
            "engines": {
                "node": "14.*"
@ -1056,16 +1058,16 @@
            "dev": true
        },
        "node_modules/@vitejs/plugin-legacy": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-legacy/-/plugin-legacy-1.6.0.tgz",
-            "integrity": "sha512-MrOT7DWJyln10Eobh38TL9Pg0yDjRec5ZlK0Opi+jZA/qniXgofvGJskOyvfbSKKmUkjLO2dUDLz2rIm2oIYtw==",
+            "version": "1.5.3",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-legacy/-/plugin-legacy-1.5.3.tgz",
+            "integrity": "sha512-/b2x6dU+BbdW7C7KWxh9kMrVzv1JlUi1ucPQpSzWUUUVJjihbG+GRlpqcvfQ0p/TnAKl2d/VecbTLByVJJHORg==",
            "dev": true,
            "dependencies": {
-                "@babel/standalone": "^7.15.7",
-                "core-js": "^3.18.1",
+                "@babel/standalone": "^7.14.9",
+                "core-js": "^3.16.0",
                "magic-string": "^0.25.7",
                "regenerator-runtime": "^0.13.9",
-                "systemjs": "^6.10.3"
+                "systemjs": "^6.10.2"
            },
            "engines": {
                "node": ">=12.0.0"
@ -1280,7 +1282,6 @@
            "version": "4.3.0",
            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dev": true,
            "dependencies": {
                "color-convert": "^2.0.1"
            },
@ -1783,7 +1784,6 @@
            "version": "4.1.2",
            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "dev": true,
            "dependencies": {
                "ansi-styles": "^4.1.0",
                "supports-color": "^7.1.0"
@ -1942,7 +1942,6 @@
            "version": "2.0.1",
            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "dev": true,
            "dependencies": {
                "color-name": "~1.1.4"
            },
@ -1953,8 +1952,7 @@
        "node_modules/color-name": {
            "version": "1.1.4",
            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
        },
        "node_modules/colorette": {
            "version": "1.2.1",
@ -3345,7 +3343,6 @@
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-            "dev": true,
            "engines": {
                "node": ">=8"
            }
@ -4779,7 +4776,6 @@
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-            "dev": true,
            "engines": {
                "node": ">=8"
            }
@ -4930,6 +4926,20 @@
            "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
            "dev": true
        },
+        "node_modules/postcss-rtlcss": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/postcss-rtlcss/-/postcss-rtlcss-3.4.1.tgz",
+            "integrity": "sha512-4SOkC34IJ086dYjmqGCeIOqQe4JTDk+jwETvq1M/57+bQA6CXEWAjGtqifjcSH75nd0vfW7+hve0Ec4ZYHmMtA==",
+            "dependencies": {
+                "rtlcss": "^3.3.0"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.0.0"
+            }
+        },
        "node_modules/postcss-safe-parser": {
            "version": "4.0.2",
            "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz",
@ -4987,32 +4997,18 @@
            }
        },
        "node_modules/postcss-scss": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz",
-            "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==",
-            "dev": true,
-            "dependencies": {
-                "postcss": "^7.0.6"
-            },
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.1.tgz",
+            "integrity": "sha512-7QghUu2l07OyVFT5LyvU/QJ1f2s8IL0mfToN69Yu533PgMZm2B1S6hYd4bao8tFq70r3P5MmAbKhVrZ4wOADxg==",
            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/postcss-scss/node_modules/postcss": {
-            "version": "7.0.38",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.38.tgz",
-            "integrity": "sha512-wNrSHWjHDQJR/IZL5IKGxRtFgrYNaAA/UrkW2WqbtZO6uxSLMxMN+s2iqUMwnAWm3fMROlDYZB41dr0Mt7vBwQ==",
-            "dev": true,
-            "dependencies": {
-                "nanocolors": "^0.2.2",
-                "source-map": "^0.6.1"
-            },
-            "engines": {
-                "node": ">=6.0.0"
+                "node": ">=12.0"
            },
            "funding": {
                "type": "opencollective",
                "url": "https://opencollective.com/postcss/"
+            },
+            "peerDependencies": {
+                "postcss": "^8.3.3"
            }
        },
        "node_modules/postcss-selector-parser": {
@ -5562,6 +5558,81 @@
                "fsevents": "~2.3.2"
            }
        },
+        "node_modules/rtlcss": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-3.3.0.tgz",
+            "integrity": "sha512-XZ2KEatH2nU5yPlts1Wu8SGIuZ3ndN025HQX5MqtUCUiOn5WkCDbcpJ2VJWjpuFmM2cUTQ1xtH21fhMCSseI5A==",
+            "dependencies": {
+                "chalk": "^4.1.0",
+                "find-up": "^5.0.0",
+                "mkdirp": "^1.0.4",
+                "postcss": "^8.2.4",
+                "strip-json-comments": "^3.1.1"
+            },
+            "bin": {
+                "rtlcss": "bin/rtlcss.js"
+            },
+            "peerDependencies": {
+                "postcss": "^8.2.4"
+            }
+        },
+        "node_modules/rtlcss/node_modules/find-up": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+            "dependencies": {
+                "locate-path": "^6.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/rtlcss/node_modules/locate-path": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+            "dependencies": {
+                "p-locate": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/rtlcss/node_modules/p-limit": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+            "dependencies": {
+                "yocto-queue": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/rtlcss/node_modules/p-locate": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+            "dependencies": {
+                "p-limit": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
        "node_modules/run-parallel": {
            "version": "1.2.0",
            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@ -5972,7 +6043,6 @@
            "version": "3.1.1",
            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-            "dev": true,
            "engines": {
                "node": ">=8"
            },
@ -6120,6 +6190,18 @@
                "url": "https://opencollective.com/postcss/"
            }
        },
+        "node_modules/stylelint/node_modules/postcss-scss": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz",
+            "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==",
+            "dev": true,
+            "dependencies": {
+                "postcss": "^7.0.6"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
        "node_modules/stylelint/node_modules/resolve-from": {
            "version": "5.0.0",
            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
@ -6173,7 +6255,6 @@
            "version": "7.2.0",
            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "dev": true,
            "dependencies": {
                "has-flag": "^4.0.0"
            },
@ -7222,6 +7303,17 @@
            "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
            "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk="
        },
+        "node_modules/yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
        "node_modules/zwitch": {
            "version": "1.0.5",
            "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz",
@ -8021,16 +8113,16 @@
            "dev": true
        },
        "@vitejs/plugin-legacy": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-legacy/-/plugin-legacy-1.6.0.tgz",
-            "integrity": "sha512-MrOT7DWJyln10Eobh38TL9Pg0yDjRec5ZlK0Opi+jZA/qniXgofvGJskOyvfbSKKmUkjLO2dUDLz2rIm2oIYtw==",
+            "version": "1.5.3",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-legacy/-/plugin-legacy-1.5.3.tgz",
+            "integrity": "sha512-/b2x6dU+BbdW7C7KWxh9kMrVzv1JlUi1ucPQpSzWUUUVJjihbG+GRlpqcvfQ0p/TnAKl2d/VecbTLByVJJHORg==",
            "dev": true,
            "requires": {
-                "@babel/standalone": "^7.15.7",
-                "core-js": "^3.18.1",
+                "@babel/standalone": "^7.14.9",
+                "core-js": "^3.16.0",
                "magic-string": "^0.25.7",
                "regenerator-runtime": "^0.13.9",
-                "systemjs": "^6.10.3"
+                "systemjs": "^6.10.2"
            }
        },
        "@vitejs/plugin-vue": {
@ -8207,7 +8299,6 @@
            "version": "4.3.0",
            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dev": true,
            "requires": {
                "color-convert": "^2.0.1"
            }
@ -8593,7 +8684,6 @@
            "version": "4.1.2",
            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "dev": true,
            "requires": {
                "ansi-styles": "^4.1.0",
                "supports-color": "^7.1.0"
@ -8707,7 +8797,6 @@
            "version": "2.0.1",
            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "dev": true,
            "requires": {
                "color-name": "~1.1.4"
            }
@ -8715,8 +8804,7 @@
        "color-name": {
            "version": "1.1.4",
            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
        },
        "colorette": {
            "version": "1.2.1",
@ -9804,8 +9892,7 @@
        "has-flag": {
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-            "dev": true
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
        },
        "has-unicode": {
            "version": "2.0.1",
@ -10853,8 +10940,7 @@
        "path-exists": {
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-            "dev": true
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
        },
        "path-is-absolute": {
            "version": "1.0.1",
@ -10962,6 +11048,14 @@
            "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
            "dev": true
        },
+        "postcss-rtlcss": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/postcss-rtlcss/-/postcss-rtlcss-3.4.1.tgz",
+            "integrity": "sha512-4SOkC34IJ086dYjmqGCeIOqQe4JTDk+jwETvq1M/57+bQA6CXEWAjGtqifjcSH75nd0vfW7+hve0Ec4ZYHmMtA==",
+            "requires": {
+                "rtlcss": "^3.3.0"
+            }
+        },
        "postcss-safe-parser": {
            "version": "4.0.2",
            "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz",
@ -11006,25 +11100,10 @@
            }
        },
        "postcss-scss": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz",
-            "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==",
-            "dev": true,
-            "requires": {
-                "postcss": "^7.0.6"
-            },
-            "dependencies": {
-                "postcss": {
-                    "version": "7.0.38",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.38.tgz",
-                    "integrity": "sha512-wNrSHWjHDQJR/IZL5IKGxRtFgrYNaAA/UrkW2WqbtZO6uxSLMxMN+s2iqUMwnAWm3fMROlDYZB41dr0Mt7vBwQ==",
-                    "dev": true,
-                    "requires": {
-                        "nanocolors": "^0.2.2",
-                        "source-map": "^0.6.1"
-                    }
-                }
-            }
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.1.tgz",
+            "integrity": "sha512-7QghUu2l07OyVFT5LyvU/QJ1f2s8IL0mfToN69Yu533PgMZm2B1S6hYd4bao8tFq70r3P5MmAbKhVrZ4wOADxg==",
+            "requires": {}
        },
        "postcss-selector-parser": {
            "version": "6.0.6",
@ -11444,6 +11523,53 @@
                "fsevents": "~2.3.2"
            }
        },
+        "rtlcss": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-3.3.0.tgz",
+            "integrity": "sha512-XZ2KEatH2nU5yPlts1Wu8SGIuZ3ndN025HQX5MqtUCUiOn5WkCDbcpJ2VJWjpuFmM2cUTQ1xtH21fhMCSseI5A==",
+            "requires": {
+                "chalk": "^4.1.0",
+                "find-up": "^5.0.0",
+                "mkdirp": "^1.0.4",
+                "postcss": "^8.2.4",
+                "strip-json-comments": "^3.1.1"
+            },
+            "dependencies": {
+                "find-up": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+                    "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+                    "requires": {
+                        "locate-path": "^6.0.0",
+                        "path-exists": "^4.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "6.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+                    "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+                    "requires": {
+                        "p-locate": "^5.0.0"
+                    }
+                },
+                "p-limit": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+                    "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+                    "requires": {
+                        "yocto-queue": "^0.1.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+                    "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+                    "requires": {
+                        "p-limit": "^3.0.2"
+                    }
+                }
+            }
+        },
        "run-parallel": {
            "version": "1.2.0",
            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@ -11770,8 +11896,7 @@
        "strip-json-comments": {
            "version": "3.1.1",
            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-            "dev": true
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
        },
        "style-search": {
            "version": "0.1.0",
@ -11869,6 +11994,15 @@
                        "source-map": "^0.6.1"
                    }
                },
+                "postcss-scss": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz",
+                    "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==",
+                    "dev": true,
+                    "requires": {
+                        "postcss": "^7.0.6"
+                    }
+                },
                "resolve-from": {
                    "version": "5.0.0",
                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
@ -11929,7 +12063,6 @@
            "version": "7.2.0",
            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "dev": true,
            "requires": {
                "has-flag": "^4.0.0"
            }
@ -12706,6 +12839,11 @@
            "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
            "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk="
        },
+        "yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
+        },
        "zwitch": {
            "version": "1.0.5",
            "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz",
--- a/package.json
+++ b/package.json
@ -23,6 +23,8 @@
        "tsc": "tsc",
        "vite-preview-dist": "vite preview --host",
        "build-docker": "npm run build-docker-debian && npm run build-docker-alpine",
+        "build-docker-alpine-base": "docker buildx build -f docker/alpine-base.dockerfile --platform linux/amd64,linux/arm64,linux/arm/v7 -t louislam/uptime-kuma:base-alpine . --push",
+        "build-docker-debian-base": "docker buildx build -f docker/debian-base.dockerfile --platform linux/amd64,linux/arm64,linux/arm/v7 -t louislam/uptime-kuma:base-debian . --push",
        "build-docker-alpine": "docker buildx build -f dockerfile-alpine --platform linux/amd64,linux/arm64,linux/arm/v7 -t louislam/uptime-kuma:alpine -t louislam/uptime-kuma:1-alpine -t louislam/uptime-kuma:1.7.3-alpine --target release . --push",
        "build-docker-debian": "docker buildx build --platform linux/amd64,linux/arm64,linux/arm/v7 -t louislam/uptime-kuma -t louislam/uptime-kuma:1 -t louislam/uptime-kuma:1.7.3 -t louislam/uptime-kuma:debian -t louislam/uptime-kuma:1-debian -t louislam/uptime-kuma:1.7.3-debian --target release . --push",
        "build-docker-nightly": "docker buildx build --platform linux/amd64,linux/arm64,linux/arm/v7 -t louislam/uptime-kuma:nightly --target nightly . --push",
@ -44,66 +46,68 @@
        "update-language-files": "cd extra/update-language-files && node index.js && eslint ../../src/languages/**.js --fix"
    },
    "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^1.2.36",
-        "@fortawesome/free-regular-svg-icons": "^5.15.4",
-        "@fortawesome/free-solid-svg-icons": "^5.15.4",
-        "@fortawesome/vue-fontawesome": "^3.0.0-4",
-        "@louislam/sqlite3": "^5.0.6",
-        "@popperjs/core": "^2.10.1",
-        "args-parser": "^1.3.0",
-        "axios": "^0.21.4",
-        "bcryptjs": "^2.4.3",
-        "bootstrap": "^5.1.1",
-        "chart.js": "^3.5.1",
-        "chartjs-adapter-dayjs": "^1.0.0",
-        "command-exists": "^1.2.9",
-        "compare-versions": "^3.6.0",
-        "dayjs": "^1.10.7",
-        "express": "^4.17.1",
-        "express-basic-auth": "^1.2.0",
-        "form-data": "^4.0.0",
-        "http-graceful-shutdown": "^3.1.4",
-        "jsonwebtoken": "^8.5.1",
-        "nodemailer": "^6.6.5",
-        "notp": "^2.0.3",
-        "password-hash": "^1.2.2",
-        "prom-client": "^13.2.0",
-        "prometheus-api-metrics": "^3.2.0",
-        "qrcode": "^1.4.4",
+        "@fortawesome/fontawesome-svg-core": "~1.2.36",
+        "@fortawesome/free-regular-svg-icons": "~5.15.4",
+        "@fortawesome/free-solid-svg-icons": "~5.15.4",
+        "@fortawesome/vue-fontawesome": "~3.0.0-4",
+        "@louislam/sqlite3": "~5.0.6",
+        "@popperjs/core": "~2.10.1",
+        "args-parser": "~1.3.0",
+        "axios": "~0.21.4",
+        "bcryptjs": "~2.4.3",
+        "bootstrap": "~5.1.1",
+        "chart.js": "~3.5.1",
+        "chartjs-adapter-dayjs": "~1.0.0",
+        "command-exists": "~1.2.9",
+        "compare-versions": "~3.6.0",
+        "dayjs": "~1.10.7",
+        "express": "~4.17.1",
+        "express-basic-auth": "~1.2.0",
+        "form-data": "~4.0.0",
+        "http-graceful-shutdown": "~3.1.4",
+        "jsonwebtoken": "~8.5.1",
+        "nodemailer": "~6.6.5",
+        "notp": "~2.0.3",
+        "password-hash": "~1.2.2",
+        "postcss-rtlcss": "~3.4.1",
+        "postcss-scss": "~4.0.0",
+        "prom-client": "~13.2.0",
+        "prometheus-api-metrics": "~3.2.0",
+        "qrcode": "~1.4.4",
        "redbean-node": "0.1.2",
-        "socket.io": "^4.2.0",
-        "socket.io-client": "^4.2.0",
-        "tcp-ping": "^0.1.1",
-        "thirty-two": "^1.0.2",
-        "timezones-list": "^3.0.1",
-        "v-pagination-3": "^0.1.6",
+        "socket.io": "~4.2.0",
+        "socket.io-client": "~4.2.0",
+        "tcp-ping": "~0.1.1",
+        "thirty-two": "~1.0.2",
+        "timezones-list": "~3.0.1",
+        "v-pagination-3": "~0.1.6",
        "vue": "next",
-        "vue-chart-3": "^0.5.8",
-        "vue-confirm-dialog": "^1.0.2",
-        "vue-contenteditable": "^3.0.4",
-        "vue-i18n": "^9.1.7",
-        "vue-image-crop-upload": "^3.0.3",
-        "vue-multiselect": "^3.0.0-alpha.2",
-        "vue-qrcode": "^1.0.0",
-        "vue-router": "^4.0.11",
-        "vue-toastification": "^2.0.0-rc.1",
-        "vuedraggable": "^4.1.0"
+        "vue-chart-3": "~0.5.8",
+        "vue-confirm-dialog": "~1.0.2",
+        "vue-contenteditable": "~3.0.4",
+        "vue-i18n": "~9.1.7",
+        "vue-image-crop-upload": "~3.0.3",
+        "vue-multiselect": "~3.0.0-alpha.2",
+        "vue-qrcode": "~1.0.0",
+        "vue-router": "~4.0.11",
+        "vue-toastification": "~2.0.0-rc.1",
+        "vuedraggable": "~4.1.0"
    },
    "devDependencies": {
-        "@babel/eslint-parser": "^7.15.7",
-        "@types/bootstrap": "^5.1.6",
-        "@vitejs/plugin-legacy": "^1.5.3",
-        "@vitejs/plugin-vue": "^1.9.1",
-        "@vue/compiler-sfc": "^3.2.16",
-        "core-js": "^3.18.0",
-        "cross-env": "^7.0.3",
-        "dns2": "^2.0.1",
-        "eslint": "^7.32.0",
-        "eslint-plugin-vue": "^7.18.0",
-        "sass": "^1.42.1",
-        "stylelint": "^13.13.1",
-        "stylelint-config-standard": "^22.0.0",
-        "typescript": "^4.4.3",
-        "vite": "2.5.*"
+        "@babel/eslint-parser": "~7.15.7",
+        "@types/bootstrap": "~5.1.6",
+        "@vitejs/plugin-legacy": "~1.5.3",
+        "@vitejs/plugin-vue": "~1.9.1",
+        "@vue/compiler-sfc": "~3.2.16",
+        "core-js": "~3.18.0",
+        "cross-env": "~7.0.3",
+        "dns2": "~2.0.1",
+        "eslint": "~7.32.0",
+        "eslint-plugin-vue": "~7.18.0",
+        "sass": "~1.42.1",
+        "stylelint": "~13.13.1",
+        "stylelint-config-standard": "~22.0.0",
+        "typescript": "~4.4.3",
+        "vite": "~2.5.10"
    }
 }
--- a/server/database.js
+++ b/server/database.js
@ -48,6 +48,7 @@ class Database {
        "patch-add-retry-interval-monitor.sql": true,
        "patch-incident-table.sql": true,
        "patch-group-table.sql": true,
+        "patch-monitor-push_token.sql": true,
    }

    /**
--- a/server/model/monitor.js
+++ b/server/model/monitor.js
@ -69,6 +69,7 @@ class Monitor extends BeanModel {
            dns_resolve_type: this.dns_resolve_type,
            dns_resolve_server: this.dns_resolve_server,
            dns_last_result: this.dns_last_result,
+            pushToken: this.pushToken,
            notificationIDList,
            tags: tags,
        };
@ -236,6 +237,28 @@ class Monitor extends BeanModel {

                    bean.msg = dnsMessage;
                    bean.status = UP;
+                } else if (this.type === "push") {      // Type: Push
+                    const time = R.isoDateTime(dayjs.utc().subtract(this.interval, "second"));
+
+                    let heartbeatCount = await R.count("heartbeat", " monitor_id = ? AND time > ? ", [
+                        this.id,
+                        time
+                    ]);
+
+                    debug("heartbeatCount" + heartbeatCount + " " + time);
+
+                    if (heartbeatCount <= 0) {
+                        throw new Error("No heartbeat in the time window");
+                    } else {
+                        // No need to insert successful heartbeat for push type, so end here
+                        retries = 0;
+                        this.heartbeatInterval = setTimeout(beat, this.interval * 1000);
+                        return;
+                    }
+
+                } else {
+                    bean.msg = "Unknown Monitor Type";
+                    bean.status = PENDING;
                }

                if (this.isUpsideDown()) {
@ -263,6 +286,8 @@ class Monitor extends BeanModel {
                }
            }

+            let beatInterval = this.interval;
+
            // * ? -> ANY STATUS = important [isFirstBeat]
            // UP -> PENDING = not important
            // * UP -> DOWN = important
@ -312,8 +337,6 @@ class Monitor extends BeanModel {
                bean.important = false;
            }

-            let beatInterval = this.interval;
-
            if (bean.status === UP) {
                console.info(`Monitor #${this.id} '${this.name}': Successful Response: ${bean.ping} ms | Interval: ${beatInterval} seconds | Type: ${this.type}`);
            } else if (bean.status === PENDING) {
@ -339,7 +362,14 @@ class Monitor extends BeanModel {

        };

-        beat();
+        // Delay Push Type
+        if (this.type === "push") {
+            setTimeout(() => {
+                beat();
+            }, this.interval * 1000);
+        } else {
+            beat();
+        }
    }

    stop() {
--- a/server/routers/api-router.js
+++ b/server/routers/api-router.js
@ -4,15 +4,55 @@ const { R } = require("redbean-node");
 const server = require("../server");
 const apicache = require("../modules/apicache");
 const Monitor = require("../model/monitor");
+const dayjs = require("dayjs");
+const { UP } = require("../../src/util");
 let router = express.Router();

 let cache = apicache.middleware;
+let io = server.io;

 router.get("/api/entry-page", async (_, response) => {
    allowDevAllOrigin(response);
    response.json(server.entryPage);
 });

+router.get("/api/push/:pushToken", async (request, response) => {
+    try {
+        let pushToken = request.params.pushToken;
+        let msg = request.query.msg || "OK";
+        let ping = request.query.ping;
+
+        let monitor = await R.findOne("monitor", " push_token = ? AND active = 1 ", [
+            pushToken
+        ]);
+
+        if (! monitor) {
+            throw new Error("Monitor not found or not active.");
+        }
+
+        let bean = R.dispense("heartbeat");
+        bean.monitor_id = monitor.id;
+        bean.time = R.isoDateTime(dayjs.utc());
+        bean.status = UP;
+        bean.msg = msg;
+        bean.ping = ping;
+
+        await R.store(bean);
+
+        io.to(monitor.user_id).emit("heartbeat", bean.toJSON());
+        Monitor.sendStats(io, monitor.id, monitor.user_id);
+
+        response.json({
+            ok: true,
+        });
+    } catch (e) {
+        response.json({
+            ok: false,
+            msg: e.message
+        });
+    }
+});
+
 // Status Page Config
 router.get("/api/status-page/config", async (_request, response) => {
    allowDevAllOrigin(response);
--- a/server/server.js
+++ b/server/server.js
@ -6,7 +6,7 @@ if (! process.env.NODE_ENV) {

 console.log("Node Env: " + process.env.NODE_ENV);

-const { sleep, debug, TimeLogger, getRandomInt } = require("../src/util");
+const { sleep, debug, getRandomInt, genSecret } = require("../src/util");

 console.log("Importing Node libraries");
 const fs = require("fs");
@ -37,7 +37,7 @@ console.log("Importing this project modules");
 debug("Importing Monitor");
 const Monitor = require("./model/monitor");
 debug("Importing Settings");
-const { getSettings, setSettings, setting, initJWTSecret, genSecret, allowDevAllOrigin, checkLogin } = require("./util-server");
+const { getSettings, setSettings, setting, initJWTSecret, checkLogin } = require("./util-server");

 debug("Importing Notification");
 const { Notification } = require("./notification");
@ -71,7 +71,7 @@ if (demoMode) {
    console.log("==== Demo Mode ====");
 }

-console.log("Creating express and socket.io instance")
+console.log("Creating express and socket.io instance");
 const app = express();

 let server;
@ -303,6 +303,12 @@ exports.entryPage = "dashboard";
                if (user.twofa_status == 0) {
                    let newSecret = await genSecret();
                    let encodedSecret = base32.encode(newSecret);
+
+                    // Google authenticator doesn't like equal signs
+                    // The fix is found at https://github.com/guyht/notp
+                    // Related issue: https://github.com/louislam/uptime-kuma/issues/486
+                    encodedSecret = encodedSecret.toString().replace(/=/g, "");
+
                    let uri = `otpauth://totp/Uptime%20Kuma:${user.username}?secret=${encodedSecret}`;

                    await R.exec("UPDATE `user` SET twofa_secret = ? WHERE id = ? ", [
@ -511,6 +517,7 @@ exports.entryPage = "dashboard";
                bean.accepted_statuscodes_json = JSON.stringify(monitor.accepted_statuscodes);
                bean.dns_resolve_type = monitor.dns_resolve_type;
                bean.dns_resolve_server = monitor.dns_resolve_server;
+                bean.pushToken = monitor.pushToken;

                await R.store(bean);

--- a/server/util-server.js
+++ b/server/util-server.js
@ -272,16 +272,6 @@ exports.getTotalClientInRoom = (io, roomName) => {
    }
 };

-exports.genSecret = () => {
-    let secret = "";
-    let chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-    let charsLength = chars.length;
-    for ( let i = 0; i < 64; i++ ) {
-        secret += chars.charAt(Math.floor(Math.random() * charsLength));
-    }
-    return secret;
-};
-
 exports.allowDevAllOrigin = (res) => {
    if (process.env.NODE_ENV === "development") {
        exports.allowAllOrigin(res);
--- a/src/App.vue
+++ b/src/App.vue
@ -1,7 +1,12 @@
 <template>
-    <router-view />
+  <router-view />
 </template>

 <script>
-export default {}
+import { setPageLocale } from "./util-frontend";
+export default {
+  created() {
+    setPageLocale();
+  },
+};
 </script>
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@ -180,6 +180,11 @@ h2 {
        border-color: $dark-border-color;
    }

+    .form-control:disabled, .form-control[readonly] {
+        background-color: #232f3b;
+        opacity: 1;
+    }
+
    .table-hover > tbody > tr:hover {
        --bs-table-accent-bg: #070a10;
        color: $dark-font-color;
@ -405,3 +410,7 @@ h2 {
 .vue-image-crop-upload .vicp-wrap {
    border-radius: 10px !important;
 }
+
+// Localization
+
+@import "localization.scss";
--- a/src/assets/localization.scss
+++ b/src/assets/localization.scss
@ -0,0 +1,5 @@
+html[lang='fa'] {
+    #app {
+        font-family: 'IRANSans', 'Iranian Sans','B Nazanin', 'Tahoma', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
+    }
+}
--- a/src/components/CopyableInput.vue
+++ b/src/components/CopyableInput.vue
@ -0,0 +1,122 @@
+<template>
+    <div class="input-group">
+        <input
+            :id="id"
+            ref="input"
+            v-model="model"
+            :type="type"
+            class="form-control"
+            :placeholder="placeholder"
+            :autocomplete="autocomplete"
+            :required="required"
+            :readonly="readonly"
+            :disabled="disabled"
+        >
+
+        <a class="btn btn-outline-primary" @click="copyToClipboard(model)">
+            <font-awesome-icon :icon="icon" />
+        </a>
+    </div>
+</template>
+
+<script>
+
+let timeout;
+
+export default {
+    props: {
+        id: {
+            type: String,
+            default: ""
+        },
+        type: {
+            type: String,
+            default: "text"
+        },
+        modelValue: {
+            type: String,
+            default: ""
+        },
+        placeholder: {
+            type: String,
+            default: ""
+        },
+        autocomplete: {
+            type: String,
+            default: undefined,
+        },
+        required: {
+            type: Boolean
+        },
+        readonly: {
+            type: String,
+            default: undefined,
+        },
+        disabled: {
+            type: String,
+            default: undefined,
+        },
+    },
+    data() {
+        return {
+            visibility: "password",
+            icon: "copy",
+        };
+    },
+    computed: {
+        model: {
+            get() {
+                return this.modelValue;
+            },
+            set(value) {
+                this.$emit("update:modelValue", value);
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+
+        showInput() {
+            this.visibility = "text";
+        },
+
+        hideInput() {
+            this.visibility = "password";
+        },
+
+        copyToClipboard(textToCopy) {
+            this.icon = "check";
+
+            clearTimeout(timeout);
+            timeout = setTimeout(() => {
+                this.icon = "copy";
+            }, 3000);
+
+            // navigator clipboard api needs a secure context (https)
+            if (navigator.clipboard && window.isSecureContext) {
+                // navigator clipboard api method'
+                return navigator.clipboard.writeText(textToCopy);
+            } else {
+                // text area method
+                let textArea = document.createElement("textarea");
+                textArea.value = textToCopy;
+                // make the textarea out of viewport
+                textArea.style.position = "fixed";
+                textArea.style.left = "-999999px";
+                textArea.style.top = "-999999px";
+                document.body.appendChild(textArea);
+                textArea.focus();
+                textArea.select();
+                return new Promise((res, rej) => {
+                    // here the magic happens
+                    document.execCommand("copy") ? res() : rej();
+                    textArea.remove();
+                });
+            }
+        }
+
+    }
+};
+</script>
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@ -52,7 +52,7 @@ export default {
            token: "",
            res: null,
            tokenRequired: false,
-        }
+        };
    },
    methods: {
        submit() {
@ -60,21 +60,20 @@ export default {

            this.$root.login(this.username, this.password, this.token, (res) => {
                this.processing = false;
-                console.log(res)
+                console.log(res);

                if (res.tokenRequired) {
                    this.tokenRequired = true;
                } else {
                    this.res = res;
                }
-            })
+            });
        },
    },
-}
+};
 </script>

-<style scoped>
-
+<style lang="scss" scoped>
 .form-container {
    display: flex;
    align-items: center;
@ -82,8 +81,17 @@ export default {
    padding-bottom: 40px;
 }

-.form {
+.form-floating {
+    > label {
+        padding-left: 1.3rem;
+    }

+    > .form-control {
+        padding-left: 1.3rem;
+    }
+}
+
+.form {
    width: 100%;
    max-width: 330px;
    padding: 15px;
--- a/src/i18n.js
+++ b/src/i18n.js
@ -3,6 +3,7 @@ import bgBG from "./languages/bg-BG";
 import daDK from "./languages/da-DK";
 import deDE from "./languages/de-DE";
 import en from "./languages/en";
+import fa from "./languages/fa";
 import esEs from "./languages/es-ES";
 import ptBR from "./languages/pt-BR";
 import etEE from "./languages/et-EE";
@ -27,6 +28,7 @@ const languageList = {
    "de-DE": deDE,
    "nl-NL": nlNL,
    "es-ES": esEs,
+    "fa": fa,
    "pt-BR": ptBR,
    "fr-FR": frFR,
    "it-IT": itIT,
@ -43,8 +45,15 @@ const languageList = {
    "et-EE": etEE,
 };

+const rtlLangs = ["fa"];
+    
+export const currentLocale = () => localStorage.locale || "en";
+
+export const localeDirection = () => {
+    return rtlLangs.includes(currentLocale()) ? "rtl" : "ltr"
+}
 export const i18n = createI18n({
-    locale: localStorage.locale || "en",
+    locale: currentLocale(),
    fallbackLocale: "en",
    silentFallbackWarn: true,
    silentTranslationWarn: true,
--- a/src/icon.js
+++ b/src/icon.js
@ -26,7 +26,10 @@ import {
    faArrowsAltV,
    faUnlink,
    faQuestionCircle,
-    faImages, faUpload,
+    faImages,
+    faUpload,
+    faCopy,
+    faCheck,
 } from "@fortawesome/free-solid-svg-icons";

 library.add(
@ -54,6 +57,8 @@ library.add(
    faQuestionCircle,
    faImages,
    faUpload,
+    faCopy,
+    faCheck,
 );

 export { FontAwesomeIcon };
--- a/src/languages/fa.js
+++ b/src/languages/fa.js
@ -0,0 +1,190 @@
+export default {
+    languageName: "Farsi",
+    checkEverySecond: "بررسی هر {0} ثانیه.",
+    retryCheckEverySecond: "تکرار مجدد هر {0} ثانیه.",
+    retriesDescription: "حداکثر تعداد تکرار پیش از علامت گذاری وب‌سایت بعنوان خارج از دسترس و ارسال اطلاع‌رسانی.",
+    ignoreTLSError: "بی‌خیال ارور TLS/SSL برای سایت‌های HTTPS",
+    upsideDownModeDescription: "نتیجه وضعیت را برعکس کن، مثلا اگر سرویس در دسترس بود فرض کن که سرویس پایین است!",
+    maxRedirectDescription: "حداکثر تعداد ریدایرکتی که سرویس پشتیبانی کند. برای اینکه ری‌دایرکت‌ها پشتیبانی نشوند، عدد 0 را وارد کنید.",
+    acceptedStatusCodesDescription: "لطفا HTTP Status Code هایی که میخواهید به عنوان پاسخ موفقیت آمیز در نظر گرفته شود را انتخاب کنید.",
+    passwordNotMatchMsg: "تکرار رمز عبور مطابقت ندارد!",
+    notificationDescription: "برای اینکه سرویس اطلاع‌رسانی کار کند، آنرا به یکی از مانیتور‌ها متصل کنید.",
+    keywordDescription: "در نتیجه درخواست (اهمیتی ندارد پاسخ JSON است یا HTML) بدنبال این کلمه بگرد (حساس به کوچک/بزرگ بودن حروف).",
+    pauseDashboardHome: "متوقف شده",
+    deleteMonitorMsg: "آیا از حذف این مانیتور مطمئن هستید؟",
+    deleteNotificationMsg: "آیا مطمئن هستید که میخواهید این سرویس اطلاع‌رسانی را برای تمامی مانیتورها حذف کنید؟",
+    resoverserverDescription: "سرویس CloudFlare به عنوان سرور پیش‌فرض استفاده می‌شود، شما میتوانید آنرا به هر سرور دیگری بعدا تغییر دهید.",
+    rrtypeDescription: "لطفا نوع Resource Record را انتخاب کنید.",
+    pauseMonitorMsg: "آیا مطمئن هستید که میخواهید این مانیتور را متوقف کنید ؟",
+    enableDefaultNotificationDescription: "برای هر مانیتور جدید، این سرویس اطلاع‌رسانی به صورت پیش‌فرض فعال خواهد شد. البته که شما میتوانید به صورت دستی آنرا برای هر مانیتور به صورت جداگانه غیر فعال کنید.",
+    clearEventsMsg: "آیا از اینکه تمامی تاریخچه رویداد‌های این مانیتور حذف شود مطمئن هستید؟",
+    clearHeartbeatsMsg: "آیا از اینکه تاریخچه تمامی Heartbeat های این مانیتور حذف شود مطمئن هستید؟ ",
+    confirmClearStatisticsMsg: "آیا از حذف تمامی آمار و ارقام مطمئن هستید؟",
+    importHandleDescription: " اگر که میخواهید بیخیال مانیتورها و یا سرویس‌های اطلاع‌رسانی که با نام مشابه از قبل موجود هستند شوید، گزینه 'بی‌خیال موارد ..' را انتخاب کنید. توجه کنید که گزینه 'بازنویسی' تمامی موارد موجود با نام مشابه را از بین خواهد برد.",
+    confirmImportMsg: "آیا از بازگردانی بک آپ مطمئن هستید؟ لطفا از اینکه نوع بازگردانی درستی را انتخاب کرده‌اید اطمینان حاصل کنید!",
+    twoFAVerifyLabel: "لطفا جهت اطمینان از عملکرد احراز هویت دو مرحله‌ای توکن خود را وارد کنید!",
+    tokenValidSettingsMsg: "توکن شما معتبر است، هم اکنون میتوانید احراز هویت دو مرحله‌ای را فعال کنید!",
+    confirmEnableTwoFAMsg: " آیا از فعال سازی احراز هویت دو مرحله‌ای مطمئن هستید؟",
+    confirmDisableTwoFAMsg: "آیا از غیرفعال سازی احراز هویت دومرحله‌ای مطمئن هستید؟",
+    Settings: "تنظیمات",
+    Dashboard: "پیشخوان",
+    "New Update": "بروزرسانی جدید!",
+    Language: "زبان",
+    Appearance: "ظاهر",
+    Theme: "پوسته",
+    General: "عمومی",
+    Version: "نسخه",
+    "Check Update On GitHub": "بررسی بروزرسانی بر روی گیت‌هاب",
+    List: "لیست",
+    Add: "اضافه",
+    "Add New Monitor": "اضافه کردن مانیتور جدید",
+    "Quick Stats": "خلاصه وضعیت",
+    Up: "فعال",
+    Down: "غیرفعال",
+    Pending: "در انتظار تایید",
+    Unknown: "نامشخص",
+    Pause: "توقف",
+    Name: "نام",
+    Status: "وضعیت",
+    DateTime: "تاریخ و زمان",
+    Message: "پیام",
+    "No important events": "رخداد جدیدی موجود نیست.",
+    Resume: "ادامه",
+    Edit: "ویرایش",
+    Delete: "حذف",
+    Current: "فعلی",
+    Uptime: "آپتایم",
+    "Cert Exp.": "تاریخ انقضای SSL",
+    days: "روز",
+    day: "روز",
+    "-day": "-روز",
+    hour: "ساعت",
+    "-hour": "-ساعت",
+    Response: "پاسخ",
+    Ping: "Ping",
+    "Monitor Type": "نوع مانیتور",
+    Keyword: "کلمه کلیدی",
+    "Friendly Name": "عنوان",
+    URL: "آدرس (URL)",
+    Hostname: "نام میزبان (Hostname)",
+    Port: "پورت",
+    "Heartbeat Interval": "فاصله هر Heartbeat",
+    Retries: "تلاش مجدد",
+    "Heartbeat Retry Interval": "فاصله تلاش مجدد برایHeartbeat",
+    Advanced: "پیشرفته",
+    "Upside Down Mode": "حالت بر عکس",
+    "Max. Redirects": "حداکثر تعداد ری‌دایرکت",
+    "Accepted Status Codes": "وضعیت‌های (Status Code) های قابل قبول",
+    Save: "ذخیره",
+    Notifications: "اطلاع‌رسانی‌ها",
+    "Not available, please setup.": "هیچ موردی موجود نیست، اولین مورد را راه اندازی کنید!",
+    "Setup Notification": "راه اندازی اطلاع‌رسانی‌",
+    Light: "روشن",
+    Dark: "تاریک",
+    Auto: "اتوماتیک",
+    "Theme - Heartbeat Bar": "ظاهر نوار Heartbeat",
+    Normal: "معمولی",
+    Bottom: "پایین",
+    None: "هیچ کدام",
+    Timezone: "موقعیت زمانی",
+    "Search Engine Visibility": "قابلیت دسترسی برای موتورهای جستجو",
+    "Allow indexing": "اجازه ایندکس شدن را بده.",
+    "Discourage search engines from indexing site": "به موتورهای جستجو اجازه ایندکس کردن این سامانه را نده.",
+    "Change Password": "تغییر رمزعبور",
+    "Current Password": "رمزعبور فعلی",
+    "New Password": "رمزعبور جدید",
+    "Repeat New Password": "تکرار رمزعبور جدید",
+    "Update Password": "بروز رسانی رمز عبور",
+    "Disable Auth": "غیر فعال سازی تایید هویت",
+    "Enable Auth": "فعال سازی تایید هویت",
+    Logout: "خروج",
+    Leave: "منصرف شدم",
+    "I understand, please disable": "متوجه هستم، لطفا غیرفعال کنید!",
+    Confirm: "تایید",
+    Yes: "بلی",
+    No: "خیر",
+    Username: "نام کاربری",
+    Password: "کلمه عبور",
+    "Remember me": "مراب هب خاطر بسپار",
+    Login: "ورود",
+    "No Monitors, please": "هیچ مانیتوری موجود نیست، لطفا",
+    "add one": "یک مورد اضافه کنید",
+    "Notification Type": "نوع اطلاع‌رسانی",
+    Email: "ایمیل",
+    Test: "تست",
+    "Certificate Info": "اطلاعات سرتیفیکت",
+    "Resolver Server": "سرور Resolver",
+    "Resource Record Type": "نوع رکورد (Resource Record Type)",
+    "Last Result": "آخرین نتیجه",
+    "Create your admin account": "ایجاد حساب کاربری مدیر",
+    "Repeat Password": "تکرار رمز عبور",
+    "Import Backup": "بازگردانی فایل پشتیبان",
+    "Export Backup": "ذخیره فایل پشتیبان",
+    Export: "استخراج اطلاعات",
+    Import: "ورود اطلاعات",
+    respTime: "زمان پاسخگویی (میلی‌ثانیه)",
+    notAvailableShort: "ناموجود",
+    "Default enabled": "به صورت پیش‌فرض فعال باشد.",
+    "Apply on all existing monitors": "بر روی تمامی مانیتور‌های فعلی اعمال شود.",
+    Create: "ایجاد",
+    "Clear Data": "پاکسازی داده‌ها",
+    Events: "رخداد‌ها",
+    Heartbeats: "Heartbeats",
+    "Auto Get": "Auto Get",
+    backupDescription: "شما میتوانید تمامی مانیتورها و تنظیمات اطلاع‌رسانی‌ها را در قالب یه فایل JSON دریافت کنید.",
+    backupDescription2: "البته تاریخچه رخدادها دراین فایل قرار نخواهند داشت.",
+    backupDescription3: "توجه داشته باشید که تمامی اطلاعات حساس شما مانند توکن‌ها نیز در این فایل وجود خواهد داشت ، پس از این فایل به خوبی مراقبت کنید.",
+    alertNoFile: "لطفا یک فایل برای «ورود اطلاعات» انتخاب کنید..",
+    alertWrongFileType: "یک فایل JSON انتخاب کنید.",
+    "Clear all statistics": "پاکسازی تمامی آمار و ارقام",
+    "Skip existing": "بی‌خیال مواردی که از قبل موجود است",
+    Overwrite: "بازنویسی",
+    Options: "تنظیمات",
+    "Keep both": "هر دو را نگه‌ دار",
+    "Verify Token": "تایید توکن",
+    "Setup 2FA": "تنظیمات احراز دو مرحله‌ای",
+    "Enable 2FA": "فعال سازی احراز 2 مرحله‌ای",
+    "Disable 2FA": "غیر فعال کردن احراز 2 مرحله‌ای",
+    "2FA Settings": "تنظیمات احراز 2 مرحله‌ای",
+    "Two Factor Authentication": "احراز هویت دومرحله‌ای",
+    Active: "فعال",
+    Inactive: "غیرفعال",
+    Token: "توکن",
+    "Show URI": "نمایش آدرس (URI) ",
+    Tags: "برچسب‌ها",
+    "Add New below or Select...": "یک مورد جدید اضافه کنید و یا از لیست انتخاب کنید...",
+    "Tag with this name already exist.": "یک برچسب با این «نام» از قبل وجود دارد",
+    "Tag with this value already exist.": "یک برچسب با این «مقدار» از قبل وجود دارد.",
+    color: "رنگ",
+    "value (optional)": "مقدار (اختیاری)",
+    Gray: "خاکستری",
+    Red: "قرمز",
+    Orange: "نارنجی",
+    Green: "سبز",
+    Blue: "آبی",
+    Indigo: "نیلی",
+    Purple: "بنفش",
+    Pink: "صورتی",
+    "Search...": "جستجو...",
+    "Avg. Ping": "متوسط پینگ",
+    "Avg. Response": "متوسط زمان پاسخ",
+    "Entry Page": "صفحه ورودی",
+    statusPageNothing: "چیزی اینجا نیست، لطفا یک گروه و یا یک مانیتور اضافه کنید!",
+    "No Services": "هیچ سرویسی موجود نیست",
+    "All Systems Operational": "تمامی سیستم‌ها عملیاتی هستند!",
+    "Partially Degraded Service": "افت نسبی کیفیت سرویس",
+    "Degraded Service": "افت کامل کیفیت سرویس",
+    "Add Group": "اضافه کردن گروه",
+    "Add a monitor": "اضافه کردن مانیتور",
+    "Edit Status Page": "ویرایش صفحه وضعیت",
+    "Status Page": "صفحه وضعیت",
+    "Go to Dashboard": "رفتن به پیشخوان",
+    "Uptime Kuma": "آپتایم کوما",
+    records: "مورد",
+    "One record": "یک مورد",
+    "Showing {from} to {to} of {count} records": "نمایش از {from} تا {to} از {count} مورد",
+    First: "اولین",
+    Last: "آخرین",
+    Info: "اطلاعات",
+    "Powered By": "نیرو گرفته از",
+};
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@ -10,7 +10,7 @@
        <header v-if="! $root.isMobile" class="d-flex flex-wrap justify-content-center py-3 mb-3 border-bottom">
            <router-link to="/dashboard" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
                <object class="bi me-2 ms-4" width="40" height="40" data="/icon.svg" />
-                <span class="fs-4 title">Uptime Kuma</span>
+                <span class="fs-4 title">{{ $t("Uptime Kuma") }}</span>
            </router-link>

            <a v-if="hasNewVersion" target="_blank" href="https://github.com/louislam/uptime-kuma/releases" class="btn btn-info me-3">
@ -23,12 +23,12 @@
                        <font-awesome-icon icon="stream" /> {{ $t("Status Page") }}
                    </a>
                </li>
-                <li class="nav-item me-2">
+                <li v-if="$root.loggedIn" class="nav-item me-2">
                    <router-link to="/dashboard" class="nav-link">
                        <font-awesome-icon icon="tachometer-alt" /> {{ $t("Dashboard") }}
                    </router-link>
                </li>
-                <li class="nav-item">
+                <li v-if="$root.loggedIn" class="nav-item">
                    <router-link to="/settings" class="nav-link">
                        <font-awesome-icon icon="cog" /> {{ $t("Settings") }}
                    </router-link>
--- a/src/mixins/public.js
+++ b/src/mixins/public.js
@ -36,5 +36,13 @@ export default {

            return result;
        },
+
+        baseURL() {
+            if (env === "development" || localStorage.dev === "dev") {
+                return axios.defaults.baseURL;
+            } else {
+                return location.protocol + "//" + location.host;
+            }
+        }
    }
 };
--- a/src/mixins/socket.js
+++ b/src/mixins/socket.js
@ -293,6 +293,9 @@ export default {
        },

        getMonitorList(callback) {
+            if (! callback) {
+                callback = () => { };
+            }
            socket.emit("getMonitorList", callback);
        },

--- a/src/pages/DashboardHome.vue
+++ b/src/pages/DashboardHome.vue
@ -57,6 +57,7 @@
                        v-model="page"
                        :records="importantHeartBeatList.length"
                        :per-page="perPage"
+                        :options="paginationConfig"
                    />
                </div>
            </div>
@ -81,6 +82,17 @@ export default {
            page: 1,
            perPage: 25,
            heartBeatList: [],
+            paginationConfig: {
+                texts:{
+                    count:`${this.$t("Showing {from} to {to} of {count} records")}|{count} ${this.$t("records")}|${this.$t("One record")}`,
+                    first:this.$t("First"),
+                    last:this.$t("Last"),
+                    nextPage:'>',
+                    nextChunk:'>>',
+                    prevPage:'<',
+                    prevChunk:'<<'
+                }
+            }
        }
    },
    computed: {
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@ -181,6 +181,7 @@
                        v-model="page"
                        :records="importantHeartBeatList.length"
                        :per-page="perPage"
+                        :options="paginationConfig"
                    />
                </div>
            </div>
@ -237,6 +238,17 @@ export default {
            heartBeatList: [],
            toggleCertInfoBox: false,
            showPingChartBox: true,
+            paginationConfig: {
+                texts:{
+                    count:`${this.$t("Showing {from} to {to} of {count} records")}|{count} ${this.$t("records")}|${this.$t("One record")}`,
+                    first:this.$t("First"),
+                    last:this.$t("Last"),
+                    nextPage:'>',
+                    nextChunk:'>>',
+                    prevPage:'<',
+                    prevChunk:'<<'
+                }
+            }
        }
    },
    computed: {
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@ -26,19 +26,35 @@
                                    <option value="dns">
                                        DNS
                                    </option>
+                                    <option value="push">
+                                        Push
+                                    </option>
                                </select>
                            </div>

+                            <!-- Friendly Name -->
                            <div class="my-3">
                                <label for="name" class="form-label">{{ $t("Friendly Name") }}</label>
                                <input id="name" v-model="monitor.name" type="text" class="form-control" required>
                            </div>

+                            <!-- URL -->
                            <div v-if="monitor.type === 'http' || monitor.type === 'keyword' " class="my-3">
                                <label for="url" class="form-label">{{ $t("URL") }}</label>
                                <input id="url" v-model="monitor.url" type="url" class="form-control" pattern="https?://.+" required>
                            </div>

+                            <!-- Push URL -->
+                            <div v-if="monitor.type === 'push' " class="my-3">
+                                <label for="push-url" class="form-label">{{ $t("Push URL") }}</label>
+                                <CopyableInput id="push-url" v-model="pushURL" type="url" disabled="disabled" />
+                                <div class="form-text">
+                                    You should call this url every {{ monitor.interval }} seconds.<br />
+                                    Optional parameters: msg, ping
+                                </div>
+                            </div>
+
+                            <!-- Keyword -->
                            <div v-if="monitor.type === 'keyword' " class="my-3">
                                <label for="keyword" class="form-label">{{ $t("Keyword") }}</label>
                                <input id="keyword" v-model="monitor.keyword" type="text" class="form-control" required>
@ -93,6 +109,7 @@
                                </div>
                            </template>

+                            <!-- Interval -->
                            <div class="my-3">
                                <label for="interval" class="form-label">{{ $t("Heartbeat Interval") }} ({{ $t("checkEverySecond", [ monitor.interval ]) }})</label>
                                <input id="interval" v-model="monitor.interval" type="number" class="form-control" required min="20" step="1">
@ -210,13 +227,17 @@
 <script>
 import NotificationDialog from "../components/NotificationDialog.vue";
 import TagsManager from "../components/TagsManager.vue";
-import { useToast } from "vue-toastification"
-import VueMultiselect from "vue-multiselect"
-import { isDev } from "../util.ts";
-const toast = useToast()
+import CopyableInput from "../components/CopyableInput.vue";
+
+import { useToast } from "vue-toastification";
+import VueMultiselect from "vue-multiselect";
+import { genSecret, isDev } from "../util.ts";
+
+const toast = useToast();

 export default {
    components: {
+        CopyableInput,
        NotificationDialog,
        TagsManager,
        VueMultiselect,
@ -236,7 +257,7 @@ export default {
            ipRegexPattern: "((^\\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\\s*$)|(^\\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:)))(%.+)?\\s*$))",
            // Source: https://stackoverflow.com/questions/106179/regular-expression-to-match-dns-hostname-or-ip-address
            hostnameRegexPattern: "^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9])\\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\\-]*[A-Za-z0-9])$"
-        }
+        };
    },

    computed: {
@ -253,23 +274,41 @@ export default {
        pageName() {
            return this.$t((this.isAdd) ? "Add New Monitor" : "Edit");
        },
+
        isAdd() {
            return this.$route.path === "/add";
        },
+
        isEdit() {
            return this.$route.path.startsWith("/edit");
        },
+
+        pushURL() {
+            return this.$root.baseURL + "/api/push/" + this.monitor.pushToken + "?msg=OK&ping=";
+        }
+
    },
    watch: {
+
        "$route.fullPath"() {
            this.init();
        },
+
        "monitor.interval"(value, oldValue) {
            // Link interval and retryInerval if they are the same value.
            if (this.monitor.retryInterval === oldValue) {
                this.monitor.retryInterval = value;
            }
+        },
+
+        "monitor.type"() {
+            if (this.monitor.type === "push") {
+                if (! this.monitor.pushToken) {
+                    this.monitor.pushToken = genSecret(10);
+                }
+            }
        }
+
    },
    mounted() {
        this.init();
@ -320,7 +359,7 @@ export default {
                    accepted_statuscodes: ["200-299"],
                    dns_resolve_type: "A",
                    dns_resolve_server: "1.1.1.1",
-                }
+                };

                for (let i = 0; i < this.$root.notificationList.length; i++) {
                    if (this.$root.notificationList[i].isDefault == true) {
@ -337,9 +376,9 @@ export default {
                            this.monitor.retryInterval = this.monitor.interval;
                        }
                    } else {
-                        toast.error(res.msg)
+                        toast.error(res.msg);
                    }
-                })
+                });
            }

        },
@ -356,13 +395,13 @@ export default {
                        toast.success(res.msg);
                        this.processing = false;
                        this.$root.getMonitorList();
-                        this.$router.push("/dashboard/" + res.monitorID)
+                        this.$router.push("/dashboard/" + res.monitorID);
                    } else {
                        toast.error(res.msg);
                        this.processing = false;
                    }

-                })
+                });
            } else {
                await this.$refs.tagsManager.submit(this.monitor.id);

@ -370,7 +409,7 @@ export default {
                    this.processing = false;
                    this.$root.toastRes(res);
                    this.init();
-                })
+                });
            }
        },

@ -380,7 +419,7 @@ export default {
            this.monitor.notificationIDList[id] = true;
        },
    },
-}
+};
 </script>

 <style scoped>
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@ -226,7 +226,7 @@
                            {{ $t("Setup Notification") }}
                        </button>

-                        <h2 class="mt-5">Info</h2>
+                        <h2 class="mt-5">{{ $t("Info") }}</h2>

                        {{ $t("Version") }}: {{ $root.info.version }} <br />
                        <a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a>
@ -316,6 +316,12 @@
                    <p>Пожалуйста, используйте с осторожностью.</p>
                </template>

+                <template v-else-if="$i18n.locale === 'fa' ">
+                    <p>آیا مطمئن هستید که میخواهید <strong>احراز هویت را غیر فعال کنید</strong>?</p>
+                    <p>این ویژگی برای کسانی است که <strong> لایه امنیتی شخص ثالث دیگر بر روی این آدرس فعال کرده‌اند</strong>، مانند Cloudflare Access.</p>
+                    <p>لطفا از این امکان با دقت استفاده کنید.</p>
+                </template>
+
                <template v-else-if="$i18n.locale === 'bg-BG' ">
                    <p>Сигурни ли сте, че желаете да <strong>изключите удостоверяването</strong>?</p>
                    <p>Използва се в случаите, когато <strong>има настроен алтернативен метод за удостоверяване</strong> преди Uptime Kuma, например Cloudflare Access.</p>
@ -350,8 +356,9 @@ import TwoFADialog from "../components/TwoFADialog.vue";
 dayjs.extend(utc);
 dayjs.extend(timezone);

-import { timezoneList } from "../util-frontend";
+import { timezoneList, setPageLocale } from "../util-frontend";
 import { useToast } from "vue-toastification";
+
 const toast = useToast();

 export default {
@ -387,6 +394,7 @@ export default {

        "$i18n.locale"() {
            localStorage.locale = this.$i18n.locale;
+            setPageLocale()
        },
    },

--- a/src/pages/Setup.vue
+++ b/src/pages/Setup.vue
@ -46,8 +46,8 @@
 </template>

 <script>
-import { useToast } from "vue-toastification"
-const toast = useToast()
+import { useToast } from "vue-toastification";
+const toast = useToast();

 export default {
    data() {
@ -56,7 +56,7 @@ export default {
            username: "",
            password: "",
            repeatPassword: "",
-        }
+        };
    },
    watch: {
        "$i18n.locale"() {
@ -66,7 +66,7 @@ export default {
    mounted() {
        this.$root.getSocket().emit("needSetup", (needSetup) => {
            if (! needSetup) {
-                this.$router.push("/")
+                this.$router.push("/");
            }
        });
    },
@ -75,31 +75,30 @@ export default {
            this.processing = true;

            if (this.password !== this.repeatPassword) {
-                toast.error("Repeat password do not match.")
+                toast.error("Repeat password do not match.");
                this.processing = false;
                return;
            }

            this.$root.getSocket().emit("setup", this.username, this.password, (res) => {
                this.processing = false;
-                this.$root.toastRes(res)
+                this.$root.toastRes(res);

                if (res.ok) {
                    this.processing = true;

-                    this.$root.login(this.username, this.password, "", (res) => {
+                    this.$root.login(this.username, this.password, "", () => {
                        this.processing = false;
-                        this.$router.push("/")
-                    })
+                        this.$router.push("/");
+                    });
                }
-            })
+            });
        },
    },
-}
+};
 </script>

-<style scoped>
-
+<style lang="scss" scoped>
 .form-container {
    display: flex;
    align-items: center;
@ -107,6 +106,26 @@ export default {
    padding-bottom: 40px;
 }

+.form-floating {
+    > .form-select {
+        padding-left: 1.3rem;
+        padding-top: 1.525rem;
+        line-height: 1.35;
+
+        ~ label {
+            padding-left: 1.3rem;
+        }
+    }
+
+    > label {
+        padding-left: 1.3rem;
+    }
+
+    > .form-control {
+        padding-left: 1.3rem;
+    }
+}
+
 .form {

    width: 100%;
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@ -197,7 +197,7 @@
        </div>

        <footer class="mt-5 mb-4">
-            Powered by <a target="_blank" href="https://github.com/louislam/uptime-kuma">Uptime Kuma</a>
+            {{ $t("Powered By") }} <a target="_blank" href="https://github.com/louislam/uptime-kuma">{{ $t("Uptime Kuma" )}}</a>
        </footer>
    </div>
 </template>
--- a/src/util-frontend.js
+++ b/src/util-frontend.js
@ -2,6 +2,7 @@ import dayjs from "dayjs";
 import timezone from "dayjs/plugin/timezone";
 import utc from "dayjs/plugin/utc";
 import timezones from "timezones-list";
+import { localeDirection, currentLocale } from "./i18n";

 dayjs.extend(utc);
 dayjs.extend(timezone);
@ -48,3 +49,9 @@ export function timezoneList() {

    return result;
 }
+
+export function setPageLocale() {
+    const html = document.documentElement 
+    html.setAttribute('lang', currentLocale() )
+    html.setAttribute('dir', localeDirection() )
+  }
--- a/src/util.js
+++ b/src/util.js
@ -7,7 +7,7 @@
 // Backend uses the compiled file util.js
 // Frontend uses util.ts
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRandomInt = exports.getRandomArbitrary = exports.TimeLogger = exports.polyfill = exports.debug = exports.ucfirst = exports.sleep = exports.flipStatus = exports.STATUS_PAGE_PARTIAL_DOWN = exports.STATUS_PAGE_ALL_UP = exports.STATUS_PAGE_ALL_DOWN = exports.PENDING = exports.UP = exports.DOWN = exports.appName = exports.isDev = void 0;
+exports.genSecret = exports.getRandomInt = exports.getRandomArbitrary = exports.TimeLogger = exports.polyfill = exports.debug = exports.ucfirst = exports.sleep = exports.flipStatus = exports.STATUS_PAGE_PARTIAL_DOWN = exports.STATUS_PAGE_ALL_UP = exports.STATUS_PAGE_ALL_DOWN = exports.PENDING = exports.UP = exports.DOWN = exports.appName = exports.isDev = void 0;
 const _dayjs = require("dayjs");
 const dayjs = _dayjs;
 exports.isDev = process.env.NODE_ENV === "development";
@ -102,3 +102,13 @@ function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
 }
 exports.getRandomInt = getRandomInt;
+function genSecret(length = 64) {
+    let secret = "";
+    let chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    let charsLength = chars.length;
+    for (let i = 0; i < length; i++) {
+        secret += chars.charAt(Math.floor(Math.random() * charsLength));
+    }
+    return secret;
+}
+exports.genSecret = genSecret;
--- a/src/util.ts
+++ b/src/util.ts
@ -113,3 +113,13 @@ export function getRandomInt(min: number, max: number) {
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min + 1)) + min;
 }
+
+export function genSecret(length = 64) {
+    let secret = "";
+    let chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    let charsLength = chars.length;
+    for ( let i = 0; i < length; i++ ) {
+        secret += chars.charAt(Math.floor(Math.random() * charsLength));
+    }
+    return secret;
+}
--- a/vite.config.js
+++ b/vite.config.js
@ -2,6 +2,9 @@ import legacy from "@vitejs/plugin-legacy"
 import vue from "@vitejs/plugin-vue"
 import { defineConfig } from "vite"

+const postCssScss = require("postcss-scss")
+const postcssRTLCSS = require('postcss-rtlcss');
+
 // https://vitejs.dev/config/
 export default defineConfig({
    plugins: [
@ -10,5 +13,12 @@ export default defineConfig({
            targets: ["ie > 11"],
            additionalLegacyPolyfills: ["regenerator-runtime/runtime"]
        })
-    ]
+    ],
+    css: {
+        postcss: {
+            "parser": postCssScss,
+            "map": false,
+            "plugins": [postcssRTLCSS]
+        }
+      },
 })